/*
	FIXES
*/
.visually-hidden {
	display:none;
}
.path-user-login input {
	max-width:320px;
}
/*
	Drupal-specific
*/
#block-x-local-tasks {
	position: relative;
	top: 0;
	left: 0;
	font-weight:normal;
}
#block-x-local-tasks ul li {
  display: inline;
}
.region--content-above .contextual,
.region--content-below .contextual {
	display:none;
}
/*
	STRUCTURE
*/
html,
body,
.dialog-off-canvas-main-canvas,
.layout-container {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
	font-family: Mono, Monospace;
	background:#fff;
	color:#000;
	font-size:15px;
	line-height:100%;
}
@media (prefers-color-scheme: dark) {
	body {
		background:#23003c;
		color:#ee4929;
	}
}
@media all and (max-width:960px) {
	body {
		font-size:17px;
	}
}
.layout-container {
  	margin: 0 auto;
  	padding: 40px;
  	box-sizing: border-box;
}
header,
footer {
    display: none;
}
main {
	height:100%;
	display: inline-table;
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}
.layout-content {
	height: 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
article {
	display: inline-block;
	max-width: 920px;
	/*text-align: left;*/
	margin: 30px 0 40px 0;
	width:100%;
	/*min-height:390px;*/
	box-sizing: border-box;
	line-height:120%;
}
.path-frontpage article {
	margin: 0;
	/*line-height:100%;*/
}
.path-repo article {
	margin: 0;
	padding-left: 0;
	padding-top: 0;
}
@media all and (max-width:960px) {
	.path-frontpage article {
		display: inline-block;
		max-width: 320px;
		/*text-align: left;*/
	}
}
/*
	LINKS
*/
a {
	text-decoration-style:solid;
	text-underline-offset: 3px;
	color:#000;
}
@media (prefers-color-scheme: dark) {
	a {
		color:#fff;
	}
}
a[href*="//"]:not([href*="neurer.com"]) {
    text-decoration-style: dotted;
}
/*
	CONTENT
*/
.layout-content-above,
.layout-content-below {
	text-align: left;
}
/*.path-frontpage .layout-content-above,
.path-frontpage .layout-content-below {
	max-width: 920px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
@media all and (max-width:960px) {
	.path-frontpage .layout-content-above,
	.path-frontpage .layout-content-below {
		max-width: 320px;
	}
}*/
#block-mainnavigation,
.region--content-above	{
 	position:absolute;
	z-index:99;
	left:0;
	top:0;
	width:100%;
	text-align: left;
	box-sizing: border-box;
}
.path-repo #block-mainnavigation {
	text-align:left;
}
.path-frontpage #block-mainnavigation {
	position: absolute;
	z-index:99;
	padding:44px 62px 0 54px;
}
@media all and (max-width:960px) {
	.path-frontpage #block-mainnavigation {
		padding:33px 32px 0 32px;
	}
}
main nav ul {
	position: relative;
	width:100%;
}
main nav ul,
main nav ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	display:inline-block;
}
main nav ul li:first-child {
	position: absolute;
	left:0;
}
nav .nav-repo,
.path-repo nav .nav-front {
	display:none;
}
.path-repo nav .nav-repo {
	display:unset;
}
.path-repo nav ul::before {
	content:'←';
	margin-left:-17px;
}
.path-frontpage main nav ul li {
	background:#fff;
}
@media (prefers-color-scheme: dark) {
	.path-frontpage main nav ul li {
		background: #002b36;
	}
}
main article {
	position: relative;
}
main article span {
	display:block;
}
span.random-body {
	font-family: sans-serif;
}
.path-frontpage span.random-body {
	max-width:920px;
	color:#c8c8c8;
	/*line-break: anywhere;*/
	font-family:Mono, Monospace;
}
@media (prefers-color-scheme: dark) {
	span.random-body {
		color:#000;
	}
}
@media (prefers-color-scheme: dark) {
	.path-frontpage span.random-body {
		background: linear-gradient(to right, #268bd2 0%, #2a9897 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		color:#fff;
	}
}
@media all and (max-width:960px) {
	.path-frontpage span.random-body {
		max-width:320px;
		max-height: 640px;
		overflow: hidden;
	}
}
/*
	Line/word break fix
*/
/*@media all and (max-width:960px) {
	.path-frontpage .field--name-body {
		width:120%;
	}
}*/
span.random-logo {
	left: 50%;
	top: calc(50% - 16px);
	transform: translate(-50%, -50%);
	position: absolute;
}
@media all and (max-width:960px) {
	span.random-logo {
		left: calc(50% + 4px);
		top: calc(50% - 14px);
	}
}
@media all and (max-width:960px) {
	body.lang-de span.random-logo {
		left: calc(50% + 1px);
		top: calc(50% - 14px);
	}
}
span.random-logo p {
	font-weight: normal;
	background: #fff;
	color:#c8c8c8;
  	box-decoration-break: clone;
  	-webkit-box-decoration-break: clone;
  	display: inline;
  	overflow: visible;
  	text-transform: uppercase;
}
@media (prefers-color-scheme: dark) {
	span.random-logo p {
		font-weight: normal;
		background: #002b36;
		color:#2892b4;
	}
}
.path-frontpage span.random-logo p {animation: colorchange 1s ease-in; animation-delay: 2s; animation-fill-mode: forwards;}
   @keyframes colorchange {
    from {    
        color: #c8c8c8;
      }
    to {
        color: #000;
      }
  }
@media (prefers-color-scheme: dark) {
 	.path-frontpage span.random-logo p {animation: colorchange 1s ease-in; animation-delay: 2s; animation-fill-mode: forwards;}
	   @keyframes colorchange {
	    from {    
	        color: #2892b4;
	      }
	    to {
	        color: #fff;
	      }
	}
}
.random-cut {
	position: relative;
	display: block;
	height: 17px;
	background: #fff;
	bottom: 15px;
}
@media (prefers-color-scheme: dark) {
	.random-cut {
		background: #002b36;
	}
}
@media all and (max-width:960px) {
	.random-cut {
		bottom:11px;
	}
}
.region--content-below {
	left:0;
	bottom:0;
	box-sizing:border-box;
	display:inline-block;
	position:absolute;
}
/*.path-frontpage .region--content-below {
	left:54px;
	top:-107px;
	box-sizing: border-box;
	display:inline-block;
	position: absolute;
}
@media all and (max-width:960px) {
	.path-frontpage .region--content-below {
		left:31px;
		top:-96px;
	}
}*/
.layout-content-below .block {
	display:block;
	float:left;
	margin-right:10px;
}
.layout-content-above p,
.layout-content-below p {
	margin:0;
}
#block-x-languageswitcher {
  	float: none;
}
#block-x-languageswitcher ul,
#block-x-languageswitcher ul li {
	margin:0;
	padding:0;
	list-style-type: none;
}
#block-x-languageswitcher a.is-active {
	display:none;
}
#block-x-languageswitcher a {
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	text-transform: lowercase;
}
@media (prefers-color-scheme: dark) {
	#block-x-languageswitcher a {
	  
	}
}
#block-x-languageswitcher a:hover {
	background:#000;
	color:#fff;
}
@media (prefers-color-scheme: dark) {
	#block-x-languageswitcher a:hover {
	  background:#fff;
	  color:#002b36;
	}
}
/*
	REPO
*/
.path-repo article {
	min-height:unset;
}
.path-repo span.random-body p {
	color:#fff;
	border-radius: 7px;
	padding: 10px 15px;
	background-color: #dc322f;
	font-size:26px;
	font-family: sans-serif;
	font-weight:bold;
	line-height:normal;
	display:inline-block;
}
.path-repo span.random-body {
	text-align:center;
}
@media (prefers-color-scheme: dark) {
	.path-repo span.random-body p {
	  color:#002b36;
	}
}
/*
	ANDROID
*/
body[class*="path-android"] {
	background:#3dda84;
	color:#000;
}
body[class*="path-android"] .layout__region--first,
body[class*="path-android"] .layout__region--second,
body[class*="path-android"] .layout__region--third {
	display:table-cell;
	white-space: normal;
	box-sizing: border-box;
	padding-left:40px;
	min-width:33%;
}
body[class*="path-android"] .layout__region--first {
	padding-left:0;
}
body[class*="path-android"] #block-x-languageswitcher,
body[class*="path-android"] .layout-content-below .block__content {
	background: unset;
}
body[class*="path-android"] article span.random-body {
	font-family: Roboto, sans-serif;
}
body[class*="path-android"] article span.random-body h2 {
	font-size:36px;
	line-height:100%;
}

/*
	TRAVEL
*/
video,
audio,
img {
	width:100%;
	height:auto;
}
@media all and (max-width:960px) {
	.paragraph--type--p-loop,
	.paragraph--type--p-video,
	.paragraph--type--p-image {
		margin-left:-40px;
		margin-right:-40px;
	}
}
body[class*="path-roaming-"] article {
	padding:0 0 40px 0;
	line-height:150%;
}
body[class*="path-roaming-"] article h2 {
	line-height: 36px;
	font-size: 32px;
	font-weight: normal;
	margin-top:0;
	font-family: monospace;
}
@media all and (max-width:960px) {
	body[class*="path-roaming-"] article h2 {
		line-height: 30px;
  		font-size: 26px;
	}
}
@media (prefers-color-scheme: dark) {
	body[class*="path-roaming-"] .random-body {
	  color:#93a1a1;
	}
}
@media (prefers-color-scheme: dark) {
	body[class*="path-roaming-"] article h2 {
		color:#2aa198;
	}
}
.path-roaming .views-field-title {
	line-height:1.5em;
}
.path-roaming .views-field-created {
	line-height:2em;
}
@media (prefers-color-scheme: dark) {
	.path-roaming .views-field-title a  {
		color:red;
	}
}
.layout.layout--twocol-section {
	white-space: nowrap;
}
.layout__region.layout__region--first,
.layout__region.layout__region--second	{
  display: block;
  width: 50%;
  box-sizing: border-box;
  padding: 10px 0;
  white-space: normal;
  float:left;
}
.layout__region.layout__region--first .paragraph--type--text {
	padding-right:20px;
}
.layout__region.layout__region--second .paragraph--type--text {
	padding-left:20px;
}
.layout__region.layout__region--first .paragraph--type--p-image {
	padding-right:10px;
}
.layout__region.layout__region--second .paragraph--type--p-image {
	padding-left:10px;
}
@media all and (max-width:960px) {
	.layout__region.layout__region--first .paragraph--type--p-image,
	.layout__region.layout__region--second .paragraph--type--p-image {
		padding:0 0 10px 0;
	}
}
@media all and (max-width:960px) {
	.layout__region.layout__region--first,
	.layout__region.layout__region--second {
		display:block;
		width:100%;
		padding:0;
	}
}
@media all and (max-width:960px) {
	.layout__region.layout__region--second .paragraph--type--text,
	.layout__region.layout__region--first .paragraph--type--text {
		display:block;
		width:100%;
		padding:0;
	}
}
@media all and (max-width:960px) {
	#block-roaming .field--name-body {
		left:-21px;
	}
}
body.path-roaming #block-copyright,
body[class*="path-roaming-"] #block-copyright {
  clear: left;
}
.roaming-off {
	display: none;
}
body.path-roaming #block-mainnavigation .roaming-off,
body[class*="path-roaming-"] #block-mainnavigation .roaming-off {
	display: unset;
}
body[class*="path-roaming-"] #block-mainnavigation .roaming-off::before	{
	content: '« ';
}
/*
OWL + GLITCH + HIBY
*/
.hiby {
	color:;
}
#block-x-owl {
	line-height:160%;
	margin-right:20px;
}
.glitch {
    position: relative;
    margin: 0 auto;
    transform: scale3d(1, 1, 1);
    font-size:32px;
    font-weight:bold;
    text-transform: uppercase;
  }
  .glitch::before, .glitch::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background: #fff;
    clip: rect(0, 900px, 0, 0);
  }
  @media (prefers-color-scheme: dark) {
    .glitch::before, .glitch::after {
      background: #23003c;
    }
   }
  .glitch::before {
    left: 7px;
    text-shadow: 1px 5 green;
    animation: glitch-effect 3s infinite linear alternate-reverse;
  }
  .glitch::after {
    left: 3px;
    text-shadow: -1px 0 red;
    animation: glitch-effect 2s infinite linear alternate-reverse;
  }

  @-webkit-keyframes glitch-effect {
    0% {
      clip: rect(48px, 9999px, 23px, 0);
    }
    5% {
      clip: rect(3px, 9999px, 41px, 0);
    }
    10% {
      clip: rect(57px, 9999px, 27px, 0);
    }
    15% {
      clip: rect(40px, 9999px, 66px, 0);
    }
    20% {
      clip: rect(17px, 9999px, 40px, 0);
    }
    25% {
      clip: rect(97px, 9999px, 15px, 0);
    }
    30% {
      clip: rect(30px, 9999px, 37px, 0);
    }
    35% {
      clip: rect(18px, 9999px, 46px, 0);
    }
    40% {
      clip: rect(43px, 9999px, 56px, 0);
    }
    45% {
      clip: rect(21px, 9999px, 32px, 0);
    }
    50% {
      clip: rect(53px, 9999px, 94px, 0);
    }
    55% {
      clip: rect(76px, 9999px, 37px, 0);
    }
    60% {
      clip: rect(96px, 9999px, 31px, 0);
    }
    65% {
      clip: rect(47px, 9999px, 59px, 0);
    }
    70% {
      clip: rect(62px, 9999px, 88px, 0);
    }
    75% {
      clip: rect(61px, 9999px, 68px, 0);
    }
    80% {
      clip: rect(63px, 9999px, 94px, 0);
    }
    85% {
      clip: rect(7px, 9999px, 30px, 0);
    }
    90% {
      clip: rect(6px, 9999px, 51px, 0);
    }
    95% {
      clip: rect(15px, 9999px, 60px, 0);
    }
    100% {
      clip: rect(57px, 9999px, 18px, 0);
    }
  }

  @keyframes glitch-effect {
    0% {
      clip: rect(48px, 9999px, 23px, 0);
    }
    5% {
      clip: rect(3px, 9999px, 41px, 0);
    }
    10% {
      clip: rect(57px, 9999px, 27px, 0);
    }
    15% {
      clip: rect(40px, 9999px, 66px, 0);
    }
    20% {
      clip: rect(17px, 9999px, 40px, 0);
    }
    25% {
      clip: rect(97px, 9999px, 15px, 0);
    }
    30% {
      clip: rect(30px, 9999px, 37px, 0);
    }
    35% {
      clip: rect(18px, 9999px, 46px, 0);
    }
    40% {
      clip: rect(43px, 9999px, 56px, 0);
    }
    45% {
      clip: rect(21px, 9999px, 32px, 0);
    }
    50% {
      clip: rect(53px, 9999px, 94px, 0);
    }
    55% {
      clip: rect(76px, 9999px, 37px, 0);
    }
    60% {
      clip: rect(96px, 9999px, 31px, 0);
    }
    65% {
      clip: rect(47px, 9999px, 59px, 0);
    }
    70% {
      clip: rect(62px, 9999px, 88px, 0);
    }
    75% {
      clip: rect(61px, 9999px, 68px, 0);
    }
    80% {
      clip: rect(63px, 9999px, 94px, 0);
    }
    85% {
      clip: rect(7px, 9999px, 30px, 0);
    }
    90% {
      clip: rect(6px, 9999px, 51px, 0);
    }
    95% {
      clip: rect(15px, 9999px, 60px, 0);
    }
    100% {
      clip: rect(57px, 9999px, 18px, 0);
    }
  }