@charset "UTF-8";
/* CSS Document */

/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

@font-face {
    font-family: 'Favorit-Regular';
    src: url('/fonts/Favorit-Regular.eot'); 
    src: url('//fonts/Favorit-Regular.eot') format('embedded-opentype'),
         url('/fonts/Favorit-Regular.woff2') format('woff2'),
         url('/fonts/Favorit-Regular.woff') format('woff'),
         url('/fonts/Favorit-Regular.ttf') format('truetype')}

/* CORONA KINO */

@font-face {
    font-family: 'SangBleuOGSans-Light-WebS';
    src: url('/fonts/SangBleuOGSans-Light-WebS.woff2') format('woff2'),
         url('/fonts/SangBleuOGSans-Light-WebS.woff') format('woff')}

@font-face {
    font-family: 'SangBleuOGSans-Regular-WebS';
    src: url('/fonts/SangBleuOGSans-Regular-WebS.woff2') format('woff2'),
         url('/fonts/SangBleuOGSans-Regular-WebS.woff') format('woff')}

.corona-bkgr {
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
	letter-spacing: 0.022em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#cc-box {
	z-index:99999;}

.c-corona {
	padding: 5px;
    top: 15px;
    left: 50%;
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999;}

.c-life {
    width: 100vh;
    margin-left: -100vh;
    left:30px;
    top:0;
    text-align: center;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: right top;
    transform: rotate(-90deg);
    transform-origin: right top;}

.c-nature {
    width: 100vh;
    right: 30px;
    top: 100vh;
    text-align: center;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: top right;
    transform: rotate(90deg);
    transform-origin: top right;}

.c-before-box {
    position: fixed;
    top: 170px;
    right: -45px;}
       
.c-before {
	left: 30px;
	bottom:30px;}

.c-iku {
	bottom:30px;
	right:30px;
	text-align:right;}	

.c-corona, .c-life, .c-nature, .c-before, .c-iku  {
	position:fixed;
	z-index:99999 !important;
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
    line-height: 1;
	letter-spacing: 0.022em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;} 

.c-corona, .c-life, .c-nature {
    font-size: 4.5vw;}



.c-before, .c-iku  {
	font-size: 3.1vw;} 

.c-corona a, .c-life a, .c-nature a, .c-before a, .c-iku a  {
    text-decoration: none;}

.c-corona a:hover, .c-life a:hover, .c-nature a:hover, .c-before a:hover, .c-iku a:hover {
    text-decoration: none;
    border-bottom: 2px solid #ffffff;
    margin-bottom: -23px !important;
    display: inline-block;}

#b1-corona {
    float:right;
    width: 25vw;
    margin-top: 50px;
    padding: 10% 6%;
    -webkit-border-radius: 80% 110% 90% 110%;
    border-radius: 80% 110% 90% 110%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 30s ease-in-out infinite alternate;}

#b2-corona {
    float:right;
    width: 36vw;
    min-height: 510px;
    margin-right: -15px;
    margin-top: 20px;
    padding: 22% 6%;
    -webkit-border-radius: 100% 100% 85% 105%;
    border-radius: 100% 100% 85% 105%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 30s ease-in-out infinite alternate;}

#b3-corona {
    float:left;
    margin-left: 150px;
    margin-top: -130px;
    width: 43vw;
    padding: 4% 6%;
    -webkit-border-radius: 110% 100% 95% 100%;
    border-radius: 110% 100% 95% 100%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 30s ease-in-out infinite alternate;}

#c-bubble1, #c-bubble2, #c-bubble3 {
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;}

#c-bubble1 h1, #c-bubble2 h1, #c-bubble3 h1 {
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
    font-size: 4.5vw !important;
    line-height: 1.1 !important;
    margin: 15px 0 !important;}

#c-bubble1 h4, #c-bubble2 h4, #c-bubble3 h4 {
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
    letter-spacing: 0.09em !important;
    margin: 0 0 20px 0;}

#c-bubble1 p, #c-bubble2 p, #c-bubble3 p {
    font-family: 'SangBleuOGSans-Regular-WebS', sans-serif !important;
    font-size: 3.1vw !important;
    text-transform: uppercase;
    padding: 15px 0;}

#c-bubble1 {
    width: 70%;
    padding: 10% 6%;
    height:74vh;
    margin-top: 50px;
    -webkit-border-radius: 56% 44% 55% 45% / 50% 57% 43% 50%;
    border-radius: 56% 44% 55% 45% / 50% 57% 43% 50%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 58s ease-in-out infinite alternate;}

#c-bubble2 {
    width: 80%;
    padding: 10% 6%;
    height:76vh;
    margin-top: 50px;
    -webkit-border-radius: 58% 42% 51% 49% / 50% 48% 52% 50% ;
    border-radius: 58% 42% 51% 49% / 50% 48% 52% 50% ;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 56s ease-in-out infinite alternate;}

#c-bubble3 {
    width: 75%;
    padding: 10% 6%;
    height:75vh;
    margin-top: 50px;
    -webkit-border-radius: 43% 57% 37% 63% / 54% 62% 38% 46%;
    border-radius: 43% 57% 37% 63% / 54% 62% 38% 46%;
    -webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 54s ease-in-out infinite alternate;}


/*#b1-corona::before, #b2-corona::before, #b3-corona::before {
    content: url("/wp-content/uploads/2020/03/play-video.png"); 
    position: absolute;
    top: 28%;
    left: 35%;
    -webit-transform: scale(0.7);
    transform: scale(0.7);}*/

#c-bubble1::before, #c-bubble2::before, #c-bubble3::before {
    content: url("/wp-content/uploads/2020/03/play-video.png"); 
    position: absolute;
    top: 35%;
    left: 45%;
    -webit-transform: scale(0.7);
    transform: scale(0.7);}

#c-bubble2-pc::before {
    content: url("/wp-content/uploads/2020/05/link-icon.png"); 
    position: absolute;
    top: 35%;
    left: 45%;
    -webit-transform: scale(0.7);
    transform: scale(0.7);}

.corona-legende {
    font-family: 'SangBleuOGSans-Light-WebS', sans-serif !important;
    font-size:14px;
    line-height: 1.45;
	letter-spacing: 0.08em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;} 



.site, .x-site {background-color: transparent;}
#top .site {max-width: 1800px !important;}

.entry-content {margin-top: 0;margin-bottom: 80px;padding:0;}
.subpage {max-width:70%; margin:0 auto;}
.subpage1 {width:52%; margin:0 auto; min-width: 660px; min-height: calc(100vh - 180px);}
.subpage2 {width:52%; margin:0 auto; min-width: 660px; min-height: calc(100vh - 180px);}
.subpage3 {width:85%;max-width:1400px; margin:0 auto; min-height: calc(100vh - 180px);}
.subpage4 {width:85%;margin:0 auto;}
.subpage5 {width:75%;margin:0 auto;}
.subpage6 {width:100%;margin:0 auto;}
    
.x-navbar, .x-logobar, .x-recent-posts a, .hentry .entry-wrap, .hentry:last-child .entry-wrap, .x-recent-posts .x-recent-posts-content, .x-boxed-layout-active .site, .x-boxed-layout-active .x-site {
	border: none !important;
	border-bottom:0px;
	box-shadow: none;}
	     
.entry-title {
	text-align:center;
	width: 100%;
	padding:0;}
	
.entry-title::before {display:none;}
.entry-thumb {background-color: transparent;}

.entry-thumb .wp-post-image {margin: -50px 0 80px 0;}

.category-we-do .custom-header, .category-we-do .entry-thumb {display:none}

.alignnone, .alignnone img, .wp-post-image, .category-we-do img  {
	border: 6px solid #ffffff;
	-webkit-border-radius: 68.1% 62.7% 72.2% 62.7%;
    border-radius: 68.1% 62.7% 72.2% 62.7%;
	margin: 1.313em 0 0 0;
	min-width: 100%;}	

.alignnone, .alignnone img, .wp-post-image, .category-we-do img {margin:0;}

.red {background-color: #e967bf !important;}
.pink {background-color: #3a80f0 !important;}
.green {background-color: #2ac30a !important;}

a, a img, a:link, a:active, a:focus {outline : none;}
a:hover {text-decoration: underline;}  

label, input, button, select, textarea {
    line-height: 1.32;}

/* TABLE */
	
table, table th, table td {
	line-height: 1.15;
	padding: 3px 0;
    border: 0;
    vertical-align:top;
    background-color: transparent;}	
    
table td {padding-right:10px !important;}
table th {font-weight: normal !important;}  

/* TYPOGRAPHY */

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, input, button, select, textarea, .textwidget, .entry-content, .eg-tipps2-element-6, .eg-events-element-6, .eg-events-element-0, 
.eg-events-element-0, .x-colophon.bottom .x-colophon-content, .x-accordion-heading .x-accordion-toggle, .x-colophon.bottom .x-colophon-content, .search-custom, .error404 .entry-404 p, input, textarea, .ap-form-wrapper, body .ap-form-wrapper, .ap-form-wrapper button, .ap-form-wrapper input, .ap-form-wrapper select, .ap-form-wrapper textarea {
	font-family: 'Favorit-Regular', sans-serif !important;
	letter-spacing: 0.022em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
	
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, blockquote {
    color: #ffffff !important;}	

.entry-content, input, textarea, eg-tipps2-element-6, .eg-events-element-6, .eg-events-element-0, .entry-header, .entry-wrap
.x-colophon.bottom .x-colophon-content, .x-accordion-heading .x-accordion-toggle, button, select, .x-colophon.bottom .x-colophon-content, .search-custom, .error404 .entry-404 p, input, textarea  {
	font-size: 19px !important;
	line-height: 1.32;}
	
[class*="esg"] {
    font-family: 'Favorit-Regular', sans-serif !important;}

body {
    line-height: 1.32;
    background-color: #2ac30a;}
    
h1, .h1, h1 a, .h1 a, .eg-events-element-0 {
	font-size: 46px !important; 
	text-transform:uppercase;
	letter-spacing: 0.025em;
	line-height:0.96 !important;
	margin:0 0 10px 0 !important; }
	
.tank h1 { margin: 0 0 20px 0 !important;}	
	
h1 a, .h1 a {
	text-decoration:none !important;}

h1 a:hover, .h1 a:hover, .home-iku a:hover  {
	text-decoration:none !important;
	border-bottom:0;
	color: transparent !important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;}	
	
h2, .h2, h2 a, .h2 a {
	text-transform:uppercase;
	line-height:1; 
	margin:0;}	
	
h3, .h3, h3 a, .h3 a {
	font-size: 30px; 
	text-transform:uppercase;
	letter-spacing: 0.025em;
	line-height:1 !important;}

h4, .h4, h4 a, .h4 a, small, .wp-caption > .wp-caption-text, .wp-caption > .wp-caption-text:last-child, .gallery-item > .wp-caption-text, .gallery-item > .wp-caption-text:last-child, .caption {
	font-size: 0.83em; }
	
.entry-content small, small {line-height:1 !important;}		
	
h4, .h4, .eg-tipps2-element-0	{
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	line-height:1.2 !important;
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: auto; }	

.do-date {padding:30px 0px; text-align:center;}
.do-url {text-align:center;}
  
	
/* HEADER */	

header {
	z-index:99;
	padding-bottom:30px;}


.x-nav-wrap.desktop {display: none;}
	
.x-navbar {background-color: transparent;}

.home-logo {left:31px; margin-top:13px; position: absolute;}
.home-logo img {width:220px; height:auto;}

.home-fish {right:28px; margin-top:15px; position: absolute;}
  

.home-iku {
	margin-top: 15px;
	-webkit-text-stroke-width: 1px;
   	-webkit-text-stroke-color: transparent;
    	max-width: 700px;
    	margin: 0 auto;}

.home-iku h1 a:hover {
	text-decoration:none;
	color: transparent !important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;}

.x-section .x-container {
    z-index: auto;}

.x-brand {
	float:none;
	margin-left:20px;
	position:fixed;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: transparent;
   z-index:99;
	left:0;
	right:0;}
   
.x-brand:hover {
	text-decoration:none;
	color: transparent !important;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;}

.search-icon {
	width:30px;
	height:auto;
	margin-right:20px;
}

.search-icon:hover {
	animation: search-zoom 1s linear infinite alternate;
}

@keyframes search-zoom  {
  0% {transform: scale(1,1);}
  100% {transform: scale(1.2,1.2);}
}



/* NAVIGATION DE/EN */
.wpml-ls-legacy-list-vertical {
	display: inline-block;
	font-size: 16px;
	float: right;}

.wpml-ls-legacy-list-vertical .wpml-ls-item {
	padding: 0;}

.wpml-ls-legacy-list-vertical a {
	padding:0;}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
	color: #ffffff;
	border-bottom: 2px solid #ffffff;
	background-color: transparent;}

.wpml-ls-statics-shortcode_actions a {
	color: #ffffff;}

.wpml-ls-statics-shortcode_actions a:hover, .wpml-ls-statics-shortcode_actions a:focus {
	color: #ffffff;
	border-bottom: 2px solid #ffffff;}
	
span.wpml-ls-display {
	font-size:22px;
	padding-left: 5px;}

li.menu-item.wpml-ls-current-language {
	border-bottom: 1px solid #ffffff;
	line-height: 0 !important;}	

li.menu-item.wpml-ls-item {
	display: inline-block;
	margin-top: -5px;}

/* NAVIGATION */
#we-explore {
	right:-50px;
	top:173px;
	position:fixed;
	z-index:9999;}
	
.rotate-explore {
	-webkit-transform: rotate(90deg);	
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);}

#n-box {
	position:relative;
	z-index:99999;
	text-align:left;}
  	
.n-sub {
	font-size:30px;
	line-height:0.97;
	text-transform:uppercase;
	z-index:99999;}	

.n-are, .n-do, .n-explore, .n-tank, .n-now, .n-before, .n-about, .n-institut {
	position:fixed;
	z-index:99999;} 

.n-are {
	top:113px;
	left:30px;}
	
.n-are:hover, .n-are:focus, .n-are:active {
  -webkit-animation: n-are-wobble 6s ease-in-out alternate infinite;
	animation: n-are-wobble 6s ease-in-out alternate infinite;}	
	
.n-do {
	bottom:12px;
	left:31px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);}
	
.n-do:hover, .n-do:focus, .n-do:active {
  -webkit-animation: n-do-wobble 6s ease-in-out alternate infinite;
	animation: n-do-wobble 6s ease-in-out alternate infinite;}

.n-explore-box {
    position: fixed;
    top: 170px;
    right: -45px;}
       
.n-explore {
	right: 3px;
	top:11px;
    position: absolute;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);}
    
 .sub-explore {
    text-align: right;
    right: 163px;
    top: -58px;
    position: absolute;}   
	
.n-explore-box:hover, .n-explore-box:focus, .n-tank:active {
  -webkit-animation: n-explore-wobble 6s ease-in-out alternate infinite;
	animation: n-explore-wobble 6s ease-in-out alternate infinite;}	
	
.past {
    margin-top: -5px;
    display: block;}		
	
.n-tank {
	bottom:25px;
	right:29px;
	text-align:right;}

.n-tank img {
	width:125px;height:auto;
	-webkit-animation: rotation 60s infinite linear;
    	animation: rotation 60s infinite linear;}	
	
.n-tank:hover, .n-tank:focus, .n-tank:active {
  -webkit-animation: n-tank-wobble 6s ease-in-out alternate infinite;
	animation: n-tank-wobble 6s ease-in-out alternate infinite;}	

@keyframes n-are-wobble {
  0% {top:108px;}
  50% {top:98px;}
  100% {top:108px;}
}

@-webkit-keyframes n-are-wobble {
  0% {top:108px;}
  50% {top:98px;}
  100% {top:108px;}
}
	
@keyframes n-do-wobble {
  0% {bottom:22px; }
  50% {bottom: 32px;}
  100% {bottom:22px;}
}

@-webkit-keyframes n-do-wobble {
  0% {bottom:22px; }
  50% {bottom: 32px;}
  100% {bottom:22px;}
}	

@keyframes n-explore-wobble {
  0% {top:170px;}
  50% {top:160px;}
  100% {top:170px;}
}

@-webkit-keyframes n-explore-wobble {
  0% {top:170px;}
  50% {top:160px;}
  100% {top:170px;}
}

@keyframes n-tank-wobble {
  0% {bottom:20px; }
  50% {bottom: 30px;}
  100% {bottom:20px;}
}

@-webkit-keyframes n-tank-wobble {
  0% {bottom:20px; }
  50% {bottom: 30px;}
  100% {bottom:320px;}
}


/* NAVIGATION TANK*/

.tank .home-iku {display:none;}

.tank-logo {
	padding: 5px;
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;}
    
.tank-logo img {
	width: 125px;
	height: auto;}    
	
.tank-logo img:hover {
	-webkit-animation: rotation 12s infinite linear;
	animation: rotation 12s infinite linear;}

@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg); transform: rotate(359deg);}
}


	
.n-now {
    top: 113px;
    left: 30px;}

.n-before {
    right: -44px;
    top: 188px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);}

.n-about {
    bottom: 80px;
    left: -28px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);}

.n-institut {
    bottom: 16px;
    right: 32px;
    text-align: right;}

/* HOME */
	
.home-bkgr {
    background-image: url("/wp-content/uploads/backgrounds/bkgr_home.svg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 -5px;
	background-size: 100% auto;}		

.homebubble, .homebubble h1, .homebubble h4, .homebubble:active, .homebubble:active h1, .homebubble:active h4,
.displaybubble, .displaybubble h1, .displaybubble h4, .displaybubble:active, .displaybubble:active h1, .displaybubble:active h4, .homebubble .internlink  {
	color: transparent !important;}
	
.homebubble:hover, .homebubble:hover h1, .homebubble:hover h4, .homebubble:focus, .homebubble:focus h1, .homebubble:focus h4,
.displaybubble:hover, .displaybubble:hover h1, .displaybubble:hover h4, .displaybubble:focus, .displaybubble:focus h1, .displaybubble:focus h4, .homebubble:hover .internlink  {
	background-image: none !important;
	color: #ffffff !important;
	-webkit-user-select: none; 
	-webkit-touch-callout: none}
			
.homebubble, .displaybubble, .homebubble a:link, .homebubble a:visited, .displaybubble a:link, .displaybubble a:visited {
	cursor: pointer;
	background-position: center;    
 	background-size: cover;
	display: inline-block;
	text-align:center;
	border:6px solid #ffffff !important;}	
	
.homebubble .internlink {border:none !important;}	

	
.b-link {
    display:inline-block;
    width:100%;
    line-height:30px;}	
	

#b1 {	
	width: 56vw;
	min-width: 500px;
	max-width: 820px;
	padding: 8%;
	margin-bottom: 40px;
	-webkit-border-radius: 59% 41% 56% 44% / 54% 54% 46% 46%;
	border-radius: 59% 41% 56% 44% / 54% 54% 46% 46%;
	-webkit-animation: scale 35s ease-in-out infinite alternate;
	animation: scale 35s ease-in-out infinite alternate;}
	
#b1-tank {	
	width: 50vw;
    padding: 15%;
    margin-top: 100px;
    -webkit-border-radius: 80% 95% 80% 95%;
    border-radius: 80% 95% 80% 95%;
    -webkit-animation: scale 35s ease-in-out infinite alternate;
    animation: scale 35s ease-in-out infinite alternate;}	
	
#b1:hover, #b2:hover, #b3:hover, #b4:hover, #b5:hover, #b6:hover, #b7:hover, #b8:hover, #b9:hover {	
	-webkit-animation: scale-hover 8s ease-out infinite alternate;
	animation: scale-hover 8s ease-out infinite alternate;}
	
#b2-tank {	
	width: 50vw;
    padding: 15%;
    margin-top: 100px;
    -webkit-border-radius: 80% 95% 80% 95%;
    border-radius: 80% 95% 80% 95%;
    -webkit-animation: scale 35s ease-in-out infinite alternate;
    animation: scale 35s ease-in-out infinite alternate;}	
    
#b2 {
	width: 45vw;
	min-width: 600px;
	max-width: 850px;
	padding: 8%;
	margin-bottom: 40px;
	-webkit-border-radius: 39% 61% 39% 61% / 45% 53% 47% 55%;
	border-radius: 39% 61% 39% 61% / 45% 53% 47% 55%;
	-webkit-animation: scale 25s ease-in-out infinite alternate;
	animation: scale 25s ease-in-out infinite alternate;}

 #b3 {	
	width: 45vw;
	min-width: 360px;
	max-width: 600px;
	padding: 8%;
	margin-bottom: 40px;
	-webkit-border-radius: 55% 45% 50% 50% / 57% 49% 51% 43%;
    border-radius: 55% 45% 50% 50% / 57% 49% 51% 43%;
     -webkit-animation: scale 32s ease-in-out infinite alternate;
	animation: scale 32s ease-in-out infinite alternate;}
	  
#b4 {	
	width: 51vw;
	min-width: 250px;
	max-width: 600px;
	padding: 8%;
	margin-bottom: 40px;
	-webkit-border-radius: 40% 60% 54% 46% / 51% 56% 44% 49%;
    border-radius: 40% 60% 54% 46% / 51% 56% 44% 49%;
	-webkit-animation: scale 33s ease-in-out infinite alternate;
    animation: scale 33s ease-in-out infinite alternate;}

#b5 {
	width: 55vw;
	min-width: 520px;
	max-width: 900px;
	padding: 8%;
	margin-bottom: 40px;
	-webkit-border-radius: 54% 46% 52% 48% / 57% 46% 54% 43%;
    border-radius: 54% 46% 52% 48% / 57% 46% 54% 43%;
	-webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 30s ease-in-out infinite alternate;}
	
#b6 {	
	width: 32vw;
	min-height: 320px;
	max-width: 600px;
	padding: 8%;
	margin-bottom: 40px;
	-webkit-border-radius: 44% 56% 42% 58% / 56% 47% 53% 44%;
    border-radius: 44% 56% 42% 58% / 56% 47% 53% 44%;
	-webkit-animation: scale 28s ease-in-out infinite alternate;
    animation: scale 28s ease-in-out infinite alternate;}
	
#b7 {	
	width: 28vw;
	max-width: 750px;
	padding: 8%;
	margin-bottom: 40px;
	-webkit-border-radius: 54% 46% 49% 51% / 50% 51% 49% 50%;
    border-radius: 54% 46% 49% 51% / 50% 51% 49% 50%;
	-webkit-animation: scale 33s ease-in-out infinite alternate;
    animation: scale 33s ease-in-out infinite alternate;}	
		
#b8 {
	width: 52vw;
	min-width: 550px;
	max-width: 880px;
	padding: 8%;
	margin-bottom: 40px;
	-webkit-border-radius: 54% 46% 49% 51% / 56% 51% 49% 44%;
    border-radius: 54% 46% 49% 51% / 56% 51% 49% 44%;
	-webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 30s ease-in-out infinite alternate;}
    
#b9 {
	width: 40vw;
	min-width: 500px;
	max-width: 750px;
	padding: 8%;
	margin-bottom: 40px;
	-webkit-border-radius: 43% 57% 54% 46% / 53% 50% 50% 47%;
    border-radius: 43% 57% 54% 46% / 53% 50% 50% 47%;
	-webkit-animation: scale 30s ease-in-out infinite alternate;
    animation: scale 30s ease-in-out infinite alternate;}    


#b1 .interlink, #b2 .interlink, #b3 .interlink, #b4 .interlink, #b5 .interlink, #b6 .interlink, #b7 .interlink, #b8 .interlink, #b9 .interlink {
    display:none;}

#b1:hover .interlink, #b2:hover .interlink, #b3:hover .interlink, #b4:hover .interlink, #b5:hover .interlink, #b6:hover .interlink, #b7:hover .interlink, #b8:hover .interlink, #b9:hover .interlink {
    display:inline-block;}

.move {
	-webkit-animation: scale2 26s ease-in-out infinite alternate;
	animation: scale2 26s ease-in-out infinite alternate;}
	
.move2 {
	-webkit-animation: scale2 26s ease-in-out infinite alternate;
	animation:  scale2 26s ease-in-out infinite alternate; }	
	
.move3 {
	-webkit-animation: scale3 26s ease-in-out infinite alternate;
	animation:  scale3 26s ease-in-out infinite alternate; }	
	
.move4, .we-do-sub img {
	-webkit-animation: scale4 20s ease-in-out infinite alternate;
	animation:  scale4 20s ease-in-out infinite alternate;}		
	
	
@-webkit-keyframes scale {
  0%, 100% { transform: translateY(0) scale(1)}
  50% { transform: translateY(-60px) scale(1.03)}
}

@keyframes scale {
  0%, 100% { transform: translateY(0) scale(1)}
  50% { transform: translateY(-60px) scale(1.03)}
}

@-webkit-keyframes scale-hover {
  0% { transform:scale(1)}
  100% { transform:scale(1.18)}
}

@keyframes scale-hover {
  0% { transform:scale(1)}
  100% { transform:scale(1.18)}
}

@-webkit-keyframes scale2 {
  0%, 100% { transform: translateY(0) scale(1)}
  50% { transform: translateY(-20px) scale(1.03)}
}

@keyframes scale2 {
  0%, 100% { transform: translateY(0) scale(1)}
  50% { transform: translateY(-20px) scale(1.03)}
}

@-webkit-keyframes scale3 {
  0%, 100% { transform: translateY(0) rotate(-1.5deg); }
  50% { transform: translateY(-18px) rotate(0deg);}
}

@keyframes scale3 {
  0%, 100% { transform: translateY(0) rotate(-1.5deg);}
  50% { transform: translateY(-18px) rotate(0deg);}
}

@-webkit-keyframes scale4 {
  0%, 100% { transform: translateY(0) rotate(-1.5deg); }
  50% { transform: translateY(-18px) rotate(1.5deg);}
}

@keyframes scale4 {
  0%, 100% { transform: translateY(0) rotate(-1.5deg);}
  50% { transform: translateY(-18px) rotate(1.5deg);}
}



/* WE ARE */

.landing-page-footer {
	position:fixed; 
	text-align:center !important;
	bottom:0px; 
	left: 0; 
	right: 0;}

.landing-page {
    width: 88%;
    max-width: 1100px;
    background-color: #3a80f0 !important;
    text-align: center;
    margin: 10vh auto 0 auto !important;
    padding: 120px 100px !important;
    -webkit-border-radius: 60% 75% 60% 75%/70% 80% 65% 70%;
    border-radius: 60% 75% 60% 75%/70% 80% 65% 70%;
    -webkit-animation: kunst-wobble 12s ease-in-out infinite alternate;
    animation: landing-wobble 12s ease-in-out infinite alternate;}
    
@-webkit-keyframes landing-wobble {
  100% {-webkit-border-radius: 70% 65% 80% 70%/85% 75% 75% 60%; border-radius: 70% 65% 80% 70%/85% 75% 75% 60%; transform: translateY(30px) scale(1.05);}
}
@keyframes landing-wobble {
  100% {-webkit-border-radius: 70% 65% 80% 70%/85% 75% 75% 60%; border-radius: 70% 65% 80% 70%/85% 75% 75% 60%; transform: translateY(30px) scale(1.05);}
}    

.we-are {
    background-image: url("/wp-content/uploads/backgrounds/bkgr_we-are.svg");
	background-size: cover;
	background-attachment: fixed;}

.ab-kunst {
	width:72%;
    max-width:1100px;
	background-color: #3a80f0 !important;
	text-align:center;
	margin: 0 auto !important;
	padding: 80px 55px 60px 55px !important;
	-webkit-border-radius: 65% 62% 65% 60%/68% 58% 67% 62%;
	border-radius: 65% 62% 65% 60%/68% 58% 67% 62%;
	-webkit-animation: kunst-wobble 12s ease-in-out infinite alternate;
	animation: kunst-wobble 12s ease-in-out infinite alternate;}

@-webkit-keyframes kunst-wobble {
  100% {-webkit-border-radius:80% 65% 80% 70%/85% 80% 75% 70%; border-radius: 80% 65% 80% 70%/85% 80% 75% 70%;}
}
@keyframes kunst-wobble {
  100% {-webkit-border-radius:80% 65% 80% 70%/85% 80% 75% 70%; border-radius: 80% 65% 80% 70%/85% 80% 75% 70%;}
}

.ab-studium {
	width:70%;
    max-width:1100px;
	background-color: #2ac30a !important;
	text-align:center;
	margin: 0 auto !important;
	padding: 80px 55px 50px 55px !important;
	-webkit-border-radius: 65% 65% 65% 55%/65% 65% 55% 65%;
	border-radius: 65% 65% 65% 55%/65% 65% 55% 65%;
	-webkit-animation: studium-wobble 10s ease-in-out infinite alternate;
	animation: studium-wobble 10s ease-in-out infinite alternate;}

@-webkit-keyframes studium-wobble {
  100% {-webkit-border-radius: 75% 65% 75% 75%/75% 75% 65% 65%; border-radius: 75% 65% 75% 75%/75% 75% 65% 65%;}
}
@keyframes studium-wobble {
  100% {-webkit-border-radius: 75% 65% 75% 75%/75% 75% 65% 65%; border-radius: 75% 65% 75% 75%/75% 75% 65% 65%;}
}

.ab-team {
	width: 80%;
    max-width:1200px;
	background-color: #e967bf !important;
	text-align:center;
	margin: 0 auto !important;
	padding: 70px 30px 40px 85px !important;
	-webkit-border-radius: 60% 45% 65% 45%/55% 60% 50% 40%;
	border-radius: 60% 45% 65% 45%/55% 60% 50% 40%;
	-webkit-animation: team-wobble 12s ease-in-out infinite alternate;
	animation: team-wobble 12s ease-in-out infinite alternate;}

@-webkit-keyframes team-wobble {
  100% {-webkit-border-radius: 45% 60% 45% 65%/60% 55% 60% 40%; border-radius: 45% 60% 45% 65%/60% 55% 60% 40%;}
}
@keyframes team-wobble {
  100% {-webkit-border-radius: 45% 60% 45% 65%/60% 55% 60% 40%; border-radius: 45% 60% 45% 65%/60% 55% 60% 40%;}
}

.ab-campus {
	width: 68%;
    max-width:1000px;
	text-align:center;
	background-color: #3a80f0 !important;
	margin: 0 auto !important;
	padding: 70px 55px 60px 55px !important;
	-webkit-border-radius: 80% 60% 85% 60%/70% 75% 75% 80%;
	border-radius: 80% 60% 85% 60%/70% 75% 75% 80%;
	-webkit-animation: campus-wobble 10s ease-in-out infinite alternate;
	animation: campus-wobble 10s ease-in-out infinite alternate;}	
	
@-webkit-keyframes campus-wobble {
  100% {-webkit-border-radius: 60% 80% 60% 85%/75% 70% 80% 75%; border-radius: 60% 80% 60% 85%/75% 70% 80% 75%;}
}
@keyframes campus-wobble {
  100% {-webkit-border-radius: 60% 80% 60% 85%/75% 70% 80% 75%; border-radius: 60% 80% 60% 85%/75% 70% 80% 75%}
} 


/* WE DO */	

.we-are-txt .x-accordion-heading {
font-size: 0.83em !important;}

.we-do { 
  background-image: url("https://dertank.ch/wp-content/uploads/backgrounds/bkgr_we-do_mobile.svg");
  background-position: left top;
  background-attachment: fixed;
  background-size: 100% auto;}
  
 .we-do-row {
	margin-top: -121px !important;} 
	
.we-do-right {width: 35% !important;}
.we-do-left {width: 59% !important; margin-right: 6%;}
	
.tipps-sub, .post-template-default {
	background-image: url("/wp-content/uploads/backgrounds/tipps-background_sub.svg");
	background-color: #3a80f0;
    background-attachment: fixed;
	background-size: 100% auto;}	

.events-sub { 
	background-image: url("/wp-content/uploads/backgrounds/events-background_sub.svg") !important;
	background-color: #2ac30a;
    background-attachment: fixed;
	background-size: 100% auto;}
	
.eg-tipps2-content {
	padding: 0px 0px 0px 20px;}	
 
.category-we-do .entry-featured {display:none;}
	
.esg-grid .mainul li.eg-events-wrapper .esg-media-poster {
    border: 6px solid #ffffff;
	-webkit-border-radius: 80% 80% 85% 80%/95% 90% 80% 75%;
    border-radius: 80% 80% 85% 80%/95% 90% 80% 75%;}
		
.esg-grid .mainul li.eg-tipps2-wrapper .esg-media-poster {
    border: 6px solid #ffffff;
	width: 70%;
	margin-left:15%;
	-webkit-border-radius: 65% 85% 65% 85%/67% 85% 65% 90%;
    border-radius: 65% 85% 65% 85%/67% 85% 65% 90%;}
	
@-webkit-keyframes wobble-events {
  0% {border-radius: 65% 65% 62% 59%/75% 85% 50% 58%;}
  100% {border-radius: 59% 62% 65% 65%/58% 50% 85% 75%;}
}

@keyframes wobble-events {
  0% {border-radius: 65% 65% 62% 59%/75% 85% 50% 58%;}
 100% {border-radius: 59% 62% 65% 65%/58% 50% 85% 75%;}
}	

@-webkit-keyframes wobble-tipps {
  0% {border-radius: 53% 90% 65% 80%/60% 90% 60% 90%; }
  100% {border-radius: 80% 65% 90% 53%/90% 60% 90% 60%; }
}

@keyframes wobble-tipps {
  0% {border-radius: 53% 90% 65% 80%/60% 90% 60% 90%; }
  100% {border-radius: 80% 65% 90% 53%/90% 60% 90% 60%; }
}	

.e-scroller-inner, .e-scroller-inner1 {
    overflow: auto;
    max-height: 100%;
    margin-right: -100px;
    padding-right: 100px;}
	
.e-scroller {
	height:100vh;
	overflow:hidden;}
	
.e-scroller::-webkit-scrollbar  { 
    display: none !important; }	

		

/* WE EXPLORE */
	
.explore-bkgr {
	background-color: #2ac30a !important;
	background-image: url("/wp-content/uploads/backgrounds/bkgr_we-explore.svg");
	background-repeat: repeat;
	background-position: left top;
	background-attachment: scroll;
	background-size: cover;}
	
 
 .display-intro {padding:0 18% !important}
 .display-archive {padding-left: 100px !important;}	


#d1 {	
	width: 35vw;
	min-height: 350px;
	min-width: 500px;
	max-width: 580px;
	padding: 7% 3%;
	margin-bottom: 55px;
	-webkit-border-radius: 80% 87% 70% 90%;
	border-radius: 80% 87% 70% 90%;
	-webkit-animation: scale 35s ease-in-out infinite alternate;
	animation: scale 35s ease-in-out infinite alternate;}
	
#d2 {	
	width: 32vw;
	min-height: 300px;
	min-width: 450px;
	max-width: 550px;
	padding: 7% 3%;
	margin-bottom: 55px;
	-webkit-border-radius: 80% 87% 70% 90%;
	border-radius: 80% 87% 70% 90%;
	-webkit-animation: scale 35s ease-in-out infinite alternate;
	animation: scale 35s ease-in-out infinite alternate;}	

#d1-display {
    width: 40vw;
    padding: 5% 3%;
    margin-bottom: 100px;
    -webkit-border-radius: 80% 87% 70% 90%;
    border-radius: 80% 87% 70% 90%;
    -webkit-animation: scale 35s ease-in-out infinite alternate;
    animation: scale 35s ease-in-out infinite alternate;}
    	
#d1-tank {
    width: 42vw;
    padding: 10% 3%;
    margin-bottom: 100px;
    -webkit-border-radius: 80% 87% 70% 90%;
    border-radius: 90% 100% 100% 90%/120% 120% 80% 80%;
    -webkit-animation: scale 35s ease-in-out infinite alternate;
    animation: scale 35s ease-in-out infinite alternate;}
    
 #d1-tank:hover, #d1-display:hover  {
    -webkit-animation: scale-hover 8s ease-out infinite alternate;
    animation: scale-hover 8s ease-out infinite alternate;}		

/* ART IS SCIENCE */

.x-video .x-video-inner { 
	overflow: hidden !important;
	z-index:10;
	border: 6px solid #ffffff !important;
	margin: -0.3em -0.16em;
	-webkit-border-radius: 55% 100% 60% 55%/75% 90% 70% 85%;
    border-radius: 55% 100% 60% 55%/75% 90% 70% 85%}

.x-video .x-video-inner:hover, .x-video .x-video-inner:active, .x-video .x-video-inner embed:hover, .x-video-inner iframe:hover {
	-webkit-animation: videoborder 15s linear;
	animation: videoborder 8s ease-out alternate infinite;}
	
	
@keyframes videoborder {
  50% {border-radius: 8% 8% 8% 8%/8% 8% 8% 8%; }
  100% {border-radius: 8% 8% 8% 8%/8% 8% 8% 8%;}
}


@-webkit-keyframes videoborder {
  50% {-webkit-border-radius: 8% 8% 8% 8%/8% 8% 8% 8%; }
  100% {-webkit-border-radius: 8% 8% 8% 8%/8% 8% 8% 8%; }
}

.category-we-do img {
	min-width: 114%;
	margin-left: -7% !important;
	margin-top:30px;
	-webkit-animation: scale3 26s ease-in-out infinite alternate;
	animation:  scale3 26s ease-in-out infinite alternate; }
		
.slidertop img, .block65 img, .tankslider img {
	border: 6px solid #ffffff;
	-webkit-border-radius: 50% 48% 55% 42%/60% 60% 50% 45%;
    border-radius: 50% 48% 55% 42%/60% 60% 50% 45%;
	-webkit-animation: sliderbubble 12s ease-in-out alternate infinite;
    animation: sliderbubble 12s ease-in-out alternate infinite;}
	
@keyframes sliderbubble {
  0% {-webkit-border-radius: 50% 48% 55% 42%/60% 60% 50% 45%; border-radius: 50% 48% 55% 42%/60% 60% 50% 45%; }
  100% {-webkit-border-radius: 60% 55% 65% 50%/65% 55% 55% 50%; border-radius: 60% 55% 65% 50%/65% 55% 55% 50%; }
}

@-webkit-keyframes sliderbubble {
  0% { -webkit-border-radius: 50% 48% 55% 42%/60% 60% 50% 45%; border-radius: 50% 48% 55% 42%/60% 60% 50% 45%;}
  100% {-webkit-border-radius: 60% 55% 65% 50%/65% 55% 55% 50%; border-radius: 60% 55% 65% 50%/65% 55% 55% 50%;}
}	

.events-img, .we-do-sub img {
	border:3px solid #ffffff;
	-webkit-border-radius: 68.1% 62.7% 72.2% 62.7%;
    border-radius: 68.1% 62.7% 72.2% 62.7%;
	margin-top: 2.626em;
	min-width:100%;}
	
	
.wp-caption > .wp-caption-text, .wp-caption > .wp-caption-text:last-child, .gallery-item > .wp-caption-text, .gallery-item > .wp-caption-text:last-child, .caption {
	line-height:1.1 !important;
	text-transform: none;}
		
.wp-caption, .gallery-item {
	background-color:transparent;
	border:none;}
	
	

/* SUBPAGES */	

.subheader {
	margin: 0 0 2.626em 0;
	text-align: center !important;}

.tank-subpage1, .tank-subpage2, .tank-subpage3 {
	background-attachment: fixed;
	background-size: 100% auto;}
	
.tank-subpage1 {
	background-image: url("/wp-content/uploads/backgrounds/DerTank_subpages_03.svg"); background-color: #a937cb;}
	
.tank-subpage2 {
	background-image: url("/wp-content/uploads/backgrounds/DerTank_subpages_02.svg"); background-color: #1aa870;}	
	
.tank-subpage3 {
	background-image: url("/wp-content/uploads/backgrounds/DerTank_subpages_01.svg"); background-color: #fca246;}	

.tank-now, .tank-about, .tank-before, .tank-contact {
	background-position: left top;
	background-size: 100% auto;}

.tank-now {
	background-image: url("/wp-content/uploads/backgrounds/DerTank_now.svg"); background-color: #1aa870;}

.tank-about {
	background-image: url("/wp-content/uploads/backgrounds/DerTank_about.svg"); background-color: #fca246;
	background-attachment: fixed;}

.tank-before {
	background-image: url("/wp-content/uploads/backgrounds/DerTank_past.svg"); background-color: #a937cb;
	background-attachment: fixed;}

.tank-contact {
	background-image: url("/wp-content/uploads/backgrounds/DerTank_contact.svg"); background-color: #fca246;}

			
.team-intern-a { 
	background: url("/wp-content/uploads/backgrounds/bkgr_team-intern_a.svg");
	background-attachment: fixed;
	background-size:100% auto;}
	
.team-intern-b { 
	background: url("/wp-content/uploads/backgrounds/bkgr_team-intern_b.svg");
	background-attachment: fixed;
	background-size:100% auto;}	
	
.team-intern-c { 
	background: url("/wp-content/uploads/backgrounds/bkgr_team-intern_c.svg");
	background-attachment: fixed;
	background-size:100% auto;}	
	
.team-extern-a { 
	background-image: url("/wp-content/uploads/backgrounds/bkgr_team-extern_a.svg");
	background-attachment: fixed;
	background-size: 100% auto;}			
	
.team-extern-b { 
	background-image: url("/wp-content/uploads/backgrounds/bkgr_team-extern_b.svg");
	background-attachment: fixed;
	background-size: 100% auto;}	
	
.team-extern-c { 
	background-image: url("/wp-content/uploads/backgrounds/bkgr_team-extern_c.svg");
	background-attachment: fixed;
	background-size: 100% auto;}		
	
.workshop-a { 
	background-image: url("/wp-content/uploads/backgrounds/bkgr_workshops_1.svg");
    background-attachment: fixed;
	background-size: cover;}		
	
.workshop-b { 
	background-image: url("/wp-content/uploads/backgrounds/bkgr_workshops_2.svg");
	background-attachment: fixed;
	background-size: cover;}	
	
.workshop-c { 
	background-image: url("/wp-content/uploads/backgrounds/bkgr_workshops_3.svg");
	background-attachment: fixed;
	background-size: cover;}		
		
.team-left-intern {margin-top: 50px; margin-right: 0; width: 50% !important;}
.team-right {padding-left:4% !important; }
.team-right-extern {padding-left:0% !important; margin-top:30px;}

.team-right .subheader, .team-left-extern .subheader {text-align:left !important;}

.team-left img, .team-left-intern img, .team-right img, .team-right-extern img {
	-webkit-border-radius: 112% 133% 110% 135%;
    border-radius: 112% 133% 110% 135%;
	border: 6px solid #ffffff;
	min-width:100%;}

.x-flexslider .x-slides img {	
	border: 6px solid #ffffff;}

.article::before {display:none;}

.block1200 {
	margin: 0 auto !important;
	width:90%; 
	max-width:1600px; }
	
.block1000, .block70 {
	margin: 0 auto !important;
	width:70%; }
	
.block960 {
	margin: 0 auto !important;
	width:75%; 
	max-width:960px; }
	
.block800, .block65, .we-do-sub {
	margin: 0 auto !important;
	width:65%; }
	
.sp-block85 {
	width:85%;
	margin: 0 auto !important;}		
	
.slidertop {
	transform: rotate(-1.5deg);
	width: 126%;
	margin: -10px 0 30px -13%;}

.slidertop2 {
	width: 126%;
	margin: 0px 0 30px -13%;}
	
.tankslider {
    transform: rotate(-1.5deg);
    width: 120%;
    margin: 80px 0 0px -10% !important;}	
		
.close-button {
	width: 33px; 
	height: auto;
	float: right;
	border: 0px !important;
	-webkit-border-radius: 0 !important;
    border-radius: 0 !important;
	animation: none !important;
	min-width: auto !important;
	margin-top: auto !important;}

.close-button-header {
	z-index: 99999 !important;
	right: 30px;
	top: 126px;
	position: fixed;}
	
.x-portfolio {
    background-color: transparent;}

.x-portfolio .entry-title, .p-meta {
	display:none;}	
	
.we-display {
	background-image: url("/wp-content/uploads/backgrounds/bkgr_we-explore_B.svg");
  background-repeat: repeat;
  background-position: left top;
  background-attachment: fixed;
	background-size: cover;}	
	
.we-discourse-a, .we-discourse-b, .we-discourse-c {
    background-attachment: fixed;
	background-size: cover;}
	
.we-discourse-a {background-image: url("/wp-content/uploads/backgrounds/bkgr_we-explore_A.svg"); background-color: #2ac30a;}		
.we-discourse-b {background-image: url("/wp-content/uploads/backgrounds/bkgr_we-explore_B.svg"); background-color: #e967bf;}
.we-discourse-c {background-image: url("/wp-content/uploads/backgrounds/bkgr_we-explore_C.svg"); background-color: #3a80f0;}	

/* ACCORDION */
#cs-content .x-accordion * {
    color: #ffffff !important;
    background-color: transparent;
    box-shadow: none;
    border: none;}
    
 #cs-content .x-accordion-toggle a:hover {
 text-decoration:none !important;}   

#cs-content .x-accordion-heading .x-accordion-toggle { padding: 0px;}
.x-accordion-inner {padding: 25px 0 0 25px;}
.x-accordion {margin-bottom: 0;}

.x-accordion-heading .x-accordion-toggle::before {
    content: "\f078";
    transform: scaleY(-1);
    bottom: -2px;
    margin-right: 5px;
    font-size: 22px;
    color: #ffffff;}
    
.x-accordion-heading .x-accordion-toggle.collapsed::before {
	transform: unset;
    color: #ffffff;}   
    
.x-accordion-heading .x-accordion-toggle:hover::before {
    color: #ffffff;
    text-decoration: none;} 


/* AUDIO PLAYER */

.x-audio {
    margin-top: -1.313em !important;}

.x-audio.player {
	width: 86% !important;}
	
.mejs-button button {
	text-align: left !important;}	

.mejs-controls > div {
	justify-content: left !important;}
	
.mejs-controls {
    background-color: transparent !important;}	
	
.mejs-volume-button {
	display:none !important;}

.mejs-time {
	font-size: 15px !important;
	justify-content: left;
	color: rgba(255,255,255,1);
	margin-left: 6px !important;}

.mejs-duration {
	margin-left: 6px !important;}
	
.mejs-currenttime {
	margin-right: 6px !important;}
	
.mejs-time-total {
	overflow:visible !important;}
	
@media (max-width: 767px) {
.mejs-time {
    display: flex !important;}
    }

	
/* UPLOAD FORMULAR */

form {
    margin: 0 0 120px;}

.ap-form-wrapper {
    color: #ffffff !important;
    font-size: 16px !important;}

.ap-form-error {
    color: #222222;
    font-style: italic;
    font-size: 16px;
    margin: 5px 0 10px 0;}

.ap-pro-form-success-msg {
    text-align: center;
    margin-bottom: 100px;
    font-size: 16px;}    

.ap-pro-form-field-wrapper {
	 margin-bottom: 10px;
	padding-top: 10px;}

.qq-upload-button, .ap-pro-form-field-wrapper input[type="submit"] {
	padding: 10px 20px 8px 20px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	border-radius: 30px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background: #e967bf;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
	font-weight: 400;
	margin-top: 10px;
	border: 3px solid #ffffff;
	font-size: 19px !important;
	line-height: 1.1 !important;
	height: auto;
	text-transform:uppercase;
	transition: all 0.15s linear;}
	
.qq-upload-button:hover, .ap-pro-form-field-wrapper input[type="submit"]:hover{	
	color: #ffffff !important;
	background: #51a685 !important;
	padding: 12px 22px 10px 22px;}

.qq-uploader {
	margin-bottom: 0px;}

.ap-pro-form-field input[type="text"], .ap-pro-form-field textarea, .ap-pro-form-field select {
	-moz-border-radius: 30px;
    	-webkit-border-radius: 30px;
    	border-radius: 30px;
    	border: none;
	box-shadow: none;
    	padding-left: 20px;
	margin-bottom: 0px;
    	font-size: 14px !important;
    	line-height: 1.35;
    	color: #222222;}

input, textarea {font-size:100% !important;}

#ap-captcha-result {
    width: 95px;
    min-width: unset;
    font-size: 14px !important;
    color: #222222;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;}
	
.ap-pro-front-form-title {
	display:none;}	

@media screen and (max-width: 768px) {
.ap-form-wrapper {
    background: transparent !important;;
    filter: none !important;;
    padding: 0px !important;}
}

/* SEARCH AND ERROR PAGE */

.search-results .entry-featured {
	width: 100%;}
	
.search-results .x-main.full {
    width: 50%;
    margin: 0 auto;}

.search-p {
	background-image: url("/wp-content/uploads/backgrounds/bkgr_home.svg");
	background-size: 100% auto;
	background-position: left 1800px;}
	
.search-box {
    margin: 20vh auto 0 !important;}

.search-results article.page .entry-header h1.entry-title {
	display: block;}

.search {
background-image: url("/wp-content/uploads/backgrounds/bkgr_home.svg");
background-repeat: repeat;
background-position: left top;
background-size: cover;}

.search-title {
text-align: center;
padding-bottom: 50px;}

.search-custom {
margin-bottom:100px }

.search-custom img {
display:none;}
	
.search-custom a:hover, div.search-results-page a:link {
text-decoration:none !important;}

.error404 {
background-image: url("/wp-content/uploads/backgrounds/bkgr_we-explore.svg");
background-position: 0px -2200px;
background-size: 100% auto;
background-attachment: fixed;}

	
	
/* FOOTER */	
	
.x-colophon.top {
	background-color: transparent;
	border-top:0px;
	padding: 0 30px 25px 0;
	width: 92vw;
    position: relative;
	margin: 0 auto;}

footer .x-container.max {
	display:flex;
	flex-direction: row;
	flex: 1 1 auto;}

footer .x-column.x-1-3 {
	width:unset;}

@media (max-width: 979px) {
	.x-colophon.top .x-column .widget:first-child {
		margin-top: unset;}
	footer .x-column.x-md {
		margin-right: 4%;}
}

@media (max-width: 820px) {
	footer .x-container.max {
        display: block;
        flex: none;
        width: 95vw;}
    
	footer .x-column.x-md {
		padding-bottom:20px;}
}

		
.textwidget {
     text-align:left;
     font-size: 17px !important;
     line-height: 1.32;}	

.tank-now footer.x-colophon.top, .tank-about footer.x-colophon.top, .tank-before footer.x-colophon.top, .tank-subpage1 footer.x-colophon.top, .tank-subpage2 footer.x-colophon.top,  .tank-subpage3 footer.x-colophon.top {
	padding: 125px 125px 35px 0;}




@media (max-width: 1200px) {
	.tank-now footer.x-colophon.top, .tank-about footer.x-colophon.top, .tank-before footer.x-colophon.top, .tank-subpage1 footer.x-colophon.top, .tank-subpage2 footer.x-colophon.top,  .tank-subpage3 footer.x-colophon.top {
	padding: 125px 0 35px 0 !important;}
}


/* COOKIES */
#cookie-notice {
	background-color: transparent ! important;
  	position: fixed;
   	width:28vw;
    min-width: 300px;
    height: auto;
    z-index: 100000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.1;
	right: 28vw;
	left: auto;}

#cookie-notice .cn-button:not(.cn-button-custom) {
    font-family: inherit;
    font-size: 32px;
    background-color: transparent !important;}

.cookie-notice-container {
  	background-color: rgba(42,195,10,0.92);
	font-family: 'Favorit-Regular', sans-serif !important;	
	font-size: 19px;
	line-height: 1.3;	
   	padding: 80px 50px 50px 60px;
    border: 6px solid #ffffff;
    moz-border-radius: 55% 60% 60% 60%;    
    border-radius: 55% 60% 60% 60%;}

.cn-close-icon {display:none;}
.cn-position-bottom {bottom:10vh !important;}
#cn-notice-buttons {font-size:32px;margin-top:10px;}

@media (max-width: 480px) and (orientation:portrait) { 
	#cookie-notice {width:90vw !important;}
  	.cookie-notice-container {padding: 60px 40px 35px 40px;}
}

@media (min-width: 481px) and (max-width:920px) { 
	#cookie-notice {width: 48vw;} 
}




/* MOBILE MENUE */

.x-btn-navbar {
	position:fixed;
	top: 46px;
	right:15px;
	z-index:10}	
	   
.x-btn-navbar a:hover, .x-btn-navbar a:active, [data-x-icon], [class*="x-icon-"] {
	text-decoration:none !important;
	image-rendering:-moz-crisp-edges;          /* Firefox        */
	image-rendering:-o-crisp-edges;            /* Opera          */
	image-rendering:-webkit-optimize-contrast; /* Safari         */
	image-rendering:optimize-contrast;         /* CSS3 Proposed  */
	-ms-interpolation-mode:nearest-neighbor;}  /* IE8+           */
	   
.x-navbar .mobile .x-nav {
    margin: 0;}
    
.x-navbar .mobile .x-nav li>a {
	display: initial;}    
   
.x-nav-wrap.mobile  {
    position: fixed;
    top: -3px;
    right: -105px;
    text-align:right;
    z-index: 1;
    max-height: 101vh;
    overflow:scroll;}  
 
 .iku-header {
 	position:fixed; 
 	left:0; 
 	right:0;
	margin-top: 12px;
 	text-align:center;
 	z-index:10;}
 	
 	
.tank-before .x-nav, .tank-about .x-nav, .tank-contact .x-nav, .tank-now .x-nav, .tank-subpage1 .x-nav, .tank-subpage2 .x-nav, .tank-subpage3 .x-nav {
    background-color: #fca246;} 
    
.x-nav {
    background-color: #2ac30a;
    padding: 80px 120px 80px 40px;
    -webkit-border-radius: 50% 50% 50% 60%/60% 50% 50% 50%;
    border-radius: 50% 50% 50% 60%/60% 50% 50% 50%;
    animation: nav-wobble 12s ease-in-out infinite alternate;
	-webkit-animation: nav-wobble 12s ease-in-out infinite alternate;}  
    
@-webkit-keyframes nav-wobble {
  0% {-webkit-border-radius: 50% 50% 50% 60%/60% 50% 50% 50%; border-radius: 50% 50% 50% 60%/60% 50% 50% 50%;}
  100% {-webkit-border-radius: 120% 50% 80% 70%/80% 50% 120% 80%; border-radius: 120% 50% 80% 70%/80% 50% 120% 80%;}
}    
    
@keyframes nav-wobble {
  0% {-webkit-border-radius: 50% 50% 50% 60%/60% 50% 50% 50%; border-radius: 50% 50% 50% 60%/60% 50% 50% 50%;}
  100% {-webkit-border-radius: 120% 50% 80% 70%/80% 50% 120% 80%; border-radius: 120% 50% 80% 70%/80% 50% 120% 80%;}
}    

.x-sub-toggle {
    text-align: right;
	float: left;
	position:relative;
	margin-right: 5px;} 
	
.x-sub-toggle > span {
    top: 14px;}  
    
.menu-item-has-children {
    float: right;}      
		
[data-x-icon], [class*="x-icon-"] {
	color: #ffffff;
	font-weight:400;}
	
.x-icon-angle-double-down::before {
	content: '';
	background:url('/wp-content/uploads/2018/09/arrow-down.png');
	background-repeat: no-repeat;
	width: 35px;
	height: 18px;
	position: absolute;
	background-size: 100% auto;
	top: 0px;
	left: 0px;}
		
.x-navbar .mobile .x-nav li > a {
	font-family: 'Favorit-Regular', sans-serif !important;
	color: #ffffff !important;
	line-height: 1;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 32px;}
			
.x-navbar .mobile .x-nav ul {
    clear: both;
    margin: 0 0 20px 0;} 	
			
.subnav-de a, .subnav-en a {
	font-size: 18px !important;
	position: absolute !important;
	margin-top: 5px !important;
	left: 0;
	right: 0;}

.subnav-de a {	
	padding-right: 33px !important;}
	
.subnav-en a {	
	padding-left: 33px !important;}	
  
.subnav-first {
	padding: 10px 0 0 0px;}
	
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;}

.x-btn-navbar .x-icon-bars::before {
     content: url('/wp-content/uploads/2018/06/mobile-menue_m.gif');}
    
    
.contact {
	background-image: url("/wp-content/uploads/backgrounds/bkgr_we-explore.svg");
	background-size: 100% auto;
	background-position: left -1200px;
	background-attachment: fixed;
    background-color: #3a80f0;}  
	
.newsletter-p {
    background-image: url(/wp-content/uploads/backgrounds/bkgr_home_newsletter.svg);
    background-size: cover; }







   /* Phone: 480px Portrait ----------- */

@media only screen and (max-width: 480px) and (orientation: portrait) { 
 .iku-header {
   	position: absolute;
    left: -20px;
    max-width: 300px;}
    
.iku-header, .txt-title, .subheader, .entry-title, h1, .team-right .subheader, .team-left-extern .subheader, center, .cs-ta-center {
    text-align: left !important;}
    
.x-btn-navbar .x-icon-bars::before {
    content: url('/wp-content/uploads/2018/05/mobile-menue.gif') !important;}	    

.x-navbar-inner {min-height: 120px !important;}

.x-main {padding: 0 40px 0 0px !important;} 
  
.close-button-header {right:16px !important; top: 91px !important;}
.close-button {width: 24px;}    
  
.wp-caption > .wp-caption-text, .wp-caption > .wp-caption-text:last-child {display:none;}    
 
 h1, .h1, .eg-events-element-0 {font-size: 32px !important; line-height: 1.05 !important;}	

#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #d1, #d2, #d1-tank, #d1-display {
	min-width: unset;
	max-width: unset;
	min-height: unset;
	width: 88vw !important;
	padding: 10% !important;
	margin: 20px 0 50px 10px !important;
	float: none !important;
	text-align: center !important;
	hyphens: auto;}  
	
#b4 {
	width: 75vw !important;
	margin-left: 10vw !important;} 			

.team-left-intern {padding-top: 0px !important;}
      
.subpage, .subpage1, .subpage2, .subpage3, .subpage4, .subpage5  {
    	width: 100% !important;
    	padding: 40px 35px 0 17px !important;}
    
.category-we-do img {
    	min-width: 120vw;
    	margin-left: -10vw;}    

.ab-kunst, .ab-studium, .ab-campus {
    	width: 180% !important;
    	text-align: left;
    	margin-left: -39.5% !important;}
 
.ab-team {
    	width: 200%;
    	text-align: left;
    	margin-left: -53.1% !important;} 
    
 .ab-team .cs-ta-center {
    	margin-left: 13% !important;
    	margin-bottom: -6px;}   
   
.we-are-txt {
	width: 100vw !important;
	padding: 0 20px 30px 15px !important;
	margin: 0 auto !important;} 
	
#team .we-are-txt {
    	padding: 0 20px 30px 1px !important;}	
    
#team h1 {
    	margin-left: -21px !important;}       
        
.team-right-extern {
    	padding-left: 0% !important;
    	margin-top: 40px;
    	width: 150% !important;
    	margin-left: -60px !important;}  
    
.team-left-intern, .slidertop {
    	width: 150% !important;
	margin: 0px 0 10px -30% !important;}  
	
.team-right, .team-left-extern {padding: 0 !important;}	
	
.tankslider {
	width: 150% !important;
	margin: 50px 0 10px -30% !important;}
	   
    
.tipps-sub, .post-template-default {background-color: #3a80f0;background-image: none !important;} 
.team-intern-a {background-color: #e967bf;background-image: none !important;} 
.team-intern-b {background-color: #3a80f0;background-image: none !important;} 
.team-intern-c {background-color: #2ac30a;background-image: none !important;} 
.team-extern-a {background-color: #2ac30a;background-image: none !important;} 
.team-extern-b {background-color: #e967bf;background-image: none !important;} 
.team-extern-c {background-color: #3a80f0;background-image: none !important;} 
.tank-subpage3 {background-color: #1aa870;background-image: none !important;} 
.tank-subpage2 {background-color: #fca246;background-image: none !important;}
.tank-subpage1 {background-color: #fca246;background-image: none !important;}

.esg-media-cover-wrapper {
    width: 105%;
    hyphens: auto;}	     

.tank-logo img {width: 125px !important;}
.tank-logo {padding: 30px 5px 5px 5px;}
#b1-tank {width: 75vw !important;}
	
.tank-about {
	background-size: 170% !important;
	background-position: -140px 0 !important;}
	
.tank-contact {
	background-size: 250% auto !important;
	background-position: -260px 0 !important;}
	
.e8-1.x-section, .e522-1.x-section {
    padding: 45px 0px 45px 0px !important;}
		
.tank-footer1 {display:none;}
.tank-footer2 {display:block; font-size: 16px;}
    
.lemon-img, a.lemon-img {
    width: 160px !important;
    bottom: 100px;
    top: auto !important;
    right: 20px !important;}
}
    
 
   /* Smartphones: Landscape ----------- */  
 
@media (max-height : 430px) and (orientation:landscape) {

  
  .team-right, .team-left, .team-left-intern, .team-left-extern, .team-right-extern {padding: 0% !important; width: 100% !important;}
.team-right .subheader, .team-left-extern .subheader {text-align: center !important;}
    
.ab-kunst, .ab-studium, .ab-team, .ab-campus { width: 100%; padding: 75px !important;}
.ab-team .cs-ta-left, .subheader, .eg-events-element-0 { text-align: center !important;} 

.tank-subpage3, .tank-subpage2, .tank-subpage1 {background-position: -50px 0 !important; min-width:none;}

.tank-about {
	background-size: 120% !important;
	background-position: -100px -30px !important;}

.events-sub {
   background-position: -65px top;
    background-size: 120% auto;}
      
.tank .subheader {margin-top:-20px !important;} 

 .x-colophon.top {
	width:100vw;}  

 footer .x-container.max {
	width:95%;}  

.c-before, .c-iku {font-size: 2.6vw;}
.c-iku {bottom: 20px;right: 20px;}
.c-before {left: 20px;bottom: 20px;}
.c-corona, .c-life, .c-nature {font-size: 3.8vw;}
.c-nature {right:20px;}
.c-life {left:20px;}
#c-bubble3 {margin-top: 0px;}

.lemon-img, a.lemon-img {
    left: 80px !important;
    top: auto !important;
    right: auto !important;
    bottom: 50px;
    width: 190px !important;}
}
 
  

   /* Notebook/Tablet: Portrait ----------- */

@media (min-width : 481px) and (max-width:1200px) and (orientation:portrait) {

.home-iku {
	text-align:left;
	max-width: 300px;
	margin-left: 12px !important;} 
	

.team-right, .team-left, .team-left-intern, .team-left-extern, .team-right-extern {
	padding: 0% !important; width: 100% !important;}

.team-right .subheader, .team-left-extern .subheader {
	text-align: center !important;}
    
.ab-kunst, .ab-studium, .ab-team, .ab-campus { 
	width: 130% !important; margin-left: -15% !important;}

.team-intern-c, .team-intern-a, .team-intern-b, .team-extern-c, .team-extern-a, .team-extern-b {
    background-size: 170% !important;} 
    
.x-colophon.top {width:100vw;}  
 	footer .x-container.max {width:95%;} 

}    


@media (max-width: 600px) and (orientation:portrait) {
.iku-header {
    max-width: 300px;
    line-height: 0.8 !important;
    margin-left: 14px;
    text-align:left;}  
    
  .home-iku {
 	margin: 30px 0 0 3px !important;}      
    
.c-corona, .c-life, .c-nature {font-size:25px;}
.c-before, .c-iku, .c-info {font-size:18px;}
.c-nature {right:10px;}
.c-life {left:10px;}
.c-iku {bottom: 20px;right: 10px;}
.c-before {left: 10px !important;bottom: 20px !important;}
.c-corona {top: 32px;left: 8px;-moz-transform: none;transform: none;}
#c-bubble1::before, #c-bubble2::before, #c-bubble3::before {
left: 25%;transform: scale(0.5);}
}




   /* Notebook/Tablet: – 1199px ----------- */

@media (max-width: 1199px) {  
 .masthead-inline .x-btn-navbar, .iku-header .x-btn-navbar, .x-nav-wrap.mobile.collapse.in, .x-nav-wrap.mobile {display: block !important}
.x-nav-wrap.desktop, .x-nav-wrap.mobile.collapse,.x-nav-wrap.mobile.x-collapsed, #n-box, .home-fish  {display: none !important;}
 
.home-iku {
 	margin: 30px auto 0 auto;}
 
 .home-logo {
    left: 12px;
     margin-top: -5px;}
    	
.iku-header {
	position: absolute;
	max-width: 300px;
    line-height: 0.8;
    left: 16px;}
    
   
.close-button-header { right: 18px; top: 126px;}

.x-main.full {width: 85% !important;} 

#b1 h1, #b2 h1, #b3 h1, #b4 h1, #b5 h1, #b6 h1, #b7 h1, #b8 h1, #b9 h1, #d1 h1, #d2 h1, #b1 p, #b2 p, #b3 p, #b4 p, #b5 p, #b6 p, #b7 p, #b8 p, #b9 p, #d1 p, #d2 p, #d1-display h1, #d1-display p, #d1-tank h1, #d1-tank p, #b1-tank h1, #b1-tank p {
	text-align: center !important;
	margin-bottom: 10px !important;}
	
#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9 { hyphens: auto;}	
.s-right {margin-right:-5vw !important;}
.s-left {margin-left:-5vw !important;}
.s-left2 {margin-left:0 !important;}    

#d1, #d2 {margin-bottom:50px;}  
#d1-tank, #d1-display {width: 60vw;}
#b1-tank {padding: 10%;}
	
.bubble-txt {display: none;}

.eg-events-element-0 {hyphens: auto;} 

.display-archive {padding-left: 0 !important;}

.display-intro {padding:0 !important;}
    
.we-do {overflow-y:visible !important;}
 
.sub-header, .txt-title  {text-align:center;}

.home-bkgr {background-image: url("/wp-content/uploads/backgrounds/bkgr_home_mobile.svg");}
.we-are {background-image: url("/wp-content/uploads/backgrounds/bkgr_we-are_mobile.svg"); background-size: 105% auto;} 	
.tipps-sub, .post-template-default {background-position: 72% 0; background-size: 135% auto;}

    
.team-left-intern {margin: 0px;}   
.team-right-extern {margin-top: 60px;}   

.subpage, .subpage1, .subpage2, .subpage3 {
    width: 70% ; padding: 0; min-width: unset;}
    
.subpage5  {
    width: 88% ; padding: 0 ;}       

.tank-subpage3, .tank-subpage2, .tank-subpage1 {
	background-size: 115% auto;
	background-position: -70px 0;}
	
.tank-contact {
    background-size: 155% auto;
    background-position: -200px 50px;
    background-attachment: fixed;}

.tank-about {
    background-size: 120% auto;
    background-position: -150px 0px;
    background-attachment: fixed;}   

  .apply-master-img {
	right: 2vw !important;
  	top: 62vh !important}	
    	
}



		   
   /* Desktop: 1600px & Up ----------- */
@media (min-width: 1600px) {
.entry-content, input, textarea, .eg-tipps2-element-6, .eg-events-element-6, .entry-header, .entry-wrap .x-colophon.bottom .x-colophon-content, .x-accordion-heading .x-accordion-toggle, button, select, .x-colophon.bottom .x-colophon-content {
    font-size: 24px !important;}
    
 #d1, #d2 {margin-bottom:0px;}   
    }