body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
/* roboto-slab-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('../../files/medienstation/library/fonts/roboto-slab-v34-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/medienstation/library/fonts/roboto-slab-v34-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/medienstation/library/fonts/roboto-slab-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/medienstation/library/fonts/roboto-slab-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/medienstation/library/fonts/roboto-slab-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/medienstation/library/fonts/roboto-slab-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/medienstation/library/fonts/roboto-slab-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/medienstation/library/fonts/roboto-slab-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url('../../files/medienstation/library/fonts/roboto-slab-v34-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../../files/medienstation/library/fonts/roboto-v47-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* questrial-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Questrial';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/medienstation/library/fonts/questrial-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  --black: rgb(0,0,0);
  --white: rgb(255,255,255);
  --green: rgb(0, 96, 91);
  --red: rgb(195, 22, 34);
  --redtrans: rgba(195, 22, 34, 0);
  --grey: rgb(170,170,170);
  --greytrans: rgba(170,170,170,0);
  --lightgrey: rgb(230,230,230);
  --darkgrey: rgb(30,30,30);
  --lightgreen: rgb(60,159,165);
  --headerheight: 3em;
  --biogrey: rgb(125,125,125);
  --biogreen: rgb(0,120,79);
  --bioorange: rgb(248,153,29);
  --biodarkorange: rgb(235,113,19);
  --biodarkgreen: rgb(0,66,66);
  --bioturquoise: rgb(0,133,156);
  --biored: rgb(252,64,36);
  --bioblue: rgb(133,82,160);
  --bioyellow: rgb(235,222,166);
  --biogold: rgb(159,141,50);
  --biopink: rgb(239,71,130);
}

/* ##### STANDARDS ##### */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline:none;
}
html {
  background-color: var(--darkgrey);
  /* background-image:linear-gradient(180deg, var(--lightgrey) calc(var(--headerheight) + 1em), var(--darkgrey) calc(var(--headerheight) + 1em)); */
  /* line-height: 1.15; */
  -webkibot-text-size-adjust: 100%;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar {
  display: none;
}
body {
	margin: 0;
  width: 100vw;
	font-family: Roboto,Arial,Helvetica,sans-serif;
	font-size: 17px;
	font-weight: 200;
	line-height: 1.5;
  letter-spacing: 0.025em;
  color: var(--lightgrey);
  position: relative;
  min-height: 100vh;
  z-index: -2;
}
img {
  max-width:100%;
  height:auto;
  display: block;
  width: 100%;
}
h1, .hl1, h2, .hl2, h3, .hl3, h4, .hl4, h5, .hl5, h6, .hl6 {
  font-family: Questrial,Arial,Helvetica,sans-serif;
	margin-top: 0;
	margin-bottom: 0.35em;
  font-weight: 100;
  text-transform: uppercase;
  hyphens: auto;
  hyphenate-limit-chars: auto 8;
  hyphenate-limit-lines: 2;
}
.hl-margins h1, .hl-margins h2, .hl-margins h3, .hl-margins h4, .hl-margins h5, .hl-margins h6 {
  margin-top: 1em;
	margin-bottom: 0.5em;
}
h1, .hl1 {
	font-size: 4em;
  line-height: 1;
}
h2, .hl2 {
	font-size: 2.75em;
  line-height: 1.1;
}
h3, .hl3 {
  font-size: 2.25em;
  line-height: 1.2;
}
h4, .hl4 {
	font-size: 1.5em;
  line-height: 1.25;
}
h5, .hl5 {
	font-size: 1.2em;
  line-height: 1.25;
}
h6, .hl6 {
  font-size: 1em;
  line-height: 1.35;
  margin-bottom: 0.25em;
}
p {
  margin-bottom: 0.75em;
}
a {
  text-decoration: none;
  cursor: pointer;
}
body:not(.threedmodel) #container {
  padding-top: calc(var(--headerheight) + 1em);
  padding-bottom: 3em;
}
#main a {
  display: inline-block;
  line-height: 1em;
  color: var(--red);
  border-bottom: 1px solid var(--redtrans);
  transition: border 0.2s;
}
#main a:hover {
  border-bottom: 1px solid var(--red);
}
#main .has-bg-darkgrey a, #main .has-bg-accent a {
  color: var(--grey);
  border-bottom: 1px solid var(--greytrans);
}
#main .has-bg-darkgrey a:hover, #main .has-bg-accent a:hover {
  border-bottom: 1px solid var(--grey);
}
#main figure a, #main figure a:hover, #main .lSAction a, #main .lSAction a:hover {
  border: none !important;
}
.image_container a {
  border: none;
  display: block;
}
.has-text-centered .image_container img {
  margin: 0 auto;
}
strong {
  font-weight: 600;
}
.content-text > :last-child, .content-text > :last-child > :last-child {
  margin-bottom: 0;
}
.content-text li {
  list-style-type: disc;
  margin-left: 1.25em;
  margin-bottom: 0.25em;
}
.container-maxwidth {
  margin: 0 auto;
  max-width: 130em;
  padding-left: 10em;
  padding-right: 10em;
}
.container-maxwidth.container-small {
  max-width: 88em;
  padding-left: 8em;
  padding-right: 8em;
}
.has-pos-rel {
  position: relative;
}
.has-pos-abs {
  position: absolute;
}
.has-pos-fix {
  position: fixed;
  z-index: 25;
}
.has-pos-sticky {
  position: sticky;
  top: 0px;
}
.is-flexed {
  display: flex;
  justify-content: space-between;
}
.is-flexed.flex-no-wrap {
  flex-wrap: nowrap;
}
.is-column {
  flex-direction: column;
}
.is-around-center {
  justify-content: center;
}
.is-spread {
  justify-content: space-between;
}
.is-hc {
  justify-content: space-around;
}
.is-at-end {
  justify-content: end;
}
.is-vc {
  align-items: center;
}
.is-bt {
  align-items: flex-end;
}
.is-hyphensed {
  hyphens: auto;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 5;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 5;
  -ms-hyphenate-limit-lines: 2;
}
.is-button, .swiper-button-prev, .swiper-button-next {
  background-color: var(--darkgrey);
  color: var(--white);
  border: 4px solid var(--bioorange);
  border-radius: 50%;
  background-size: 80% 80%;
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-color 0.2s;
}
.is-button:hover, .swiper-button-prev:hover, .swiper-button-next:hover {
  background-color: var(--bioorange);
}
.col-1-1 > * {
  width: calc(50% - 2em);
}
.col-1-1 > *:first-child {
  margin-right: 3em;
}
.cols-revers {
  flex-direction: row-reverse;
}
.col-1-1.cols-revers > *:first-child {
  margin-right: 0em;
}
.col-1-1.cols-revers > *:last-child {
  margin-right: 3em;
}
.col-1-1, .cols-16, .cols-20, .cols-25, .cols-33, .cols-33-66, .cols-50 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* background-color: rgba(0,0,0,0.05); */
  gap: 1em;
}
.cols-16 > * {
  width: calc(16.666666% - 0.83333333em);
}
.cols-25 > * {
  width: calc(25% - 0.75em);
}
.cols-33 > * {
  width: calc(33.33333333% - 0.66666666em);
}
.cols-33-66 > * {
  width: calc(66.666666% - 0.5em);
}
.cols-33-66 > :first-child {
  width: calc(33.33333333% - 0.5em);
}
.cols-50 > * {
  width: calc(50% - 0.5em);
}
.has-maxwidth-35 {
  max-width: 35em;
  margin: 0 auto;
}
.has-maxwidth-43 {
  max-width: 43em;
  margin: 0 auto;
}
.has-maxwidth-50 {
  max-width: 50em;
  margin: 0 auto;
}
.has-maxwidth-60 {
  max-width: 60em;
  margin: 0 auto;
}
#main a.cta-button {
  display: inline-block;
  color: var(--lightgrey);
  background-color: var(--darkgrey);
  border: 4px solid var(--bioorange);
  border-radius: 999px;
  padding: 0.85em 1.15em;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition-property: background-color, border, color;
  transition-duration: .2s;

}
/* #main a.cta-button:not(.no-arrow):after {
  content: url("");
  background-image: url('/files/medienstation/library/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.4em;
  display: inline-block;
  margin-left: 0.7em;
  transition: filter .2s;
}
#main #refnavi .previous a.cta-button:not(.no-arrow):after {
  display: none;
}
#main #refnavi .previous a.cta-button:not(.no-arrow)::before {
  content: url("");
  background-image: url('/files/medienstation/library/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.4em;
  display: inline-block;
  margin-right: 0.7em;
  transition: filter .2s;
  transform: rotate(180deg);
} */
#main a.cta-button:hover {
  background-color: var(--bioorange);
  color: var(--white);
}
#main a.cta-button:hover:after, #main a.cta-button:hover:before {
  filter: invert(1);
}
#main .has-bg-darkgrey a.cta-button, #main .has-bg-accent a.cta-button {
  color: var(--white);
  border: 4px solid var(--white);
}
#main .has-bg-darkgrey a.cta-button:hover, #main .has-bg-accent a.cta-button:hover {
  border-color: var(--red);
}
#main .has-bg-darkgrey a.cta-button:after, #main .has-bg-accent a.cta-button:after {
  filter: invert(1);
}

#main .has-bg-darkgrey .has-bg-lightgrey a.cta-button {
  color: unset;
  /* border: 4px solid var(--red); */
  border-color: unset;
}
#main .has-bg-darkgrey .has-bg-lightgrey a.cta-button:hover {
  border-color: var(--red);
  color: var(--white);
}
#main .has-bg-darkgrey .has-bg-lightgrey a.cta-button:after {
  filter: unset;
}
#main .has-bg-darkgrey .has-bg-lightgrey a.cta-button:hover:after {
  filter: invert(1);
}

figure.float_below {
  margin-top: 1.75em;
}
figure.float_above {
  margin-bottom: 1.75em;
}
figure.float_left, figure.float_right {
  width: calc(50% - 2.5em);
  margin-bottom: 1em;
}
figure.float_left {
  margin-right: 5em;
}
figure.float_right {
  margin-left: 5em;
}
.text-50em figure.float_left {
  width: unset;
  margin-right: 1.5em;
}
figure.float_left img, figure.float_right img {
  width: unset;
}
figure.float_left img {
  float: right;
}
figure.float_right img {
  float: left;
}
.has-text-centered {
	text-align: center;
}
.has-text-right {
  text-align: right;
}
.has-text-uppercase {
  text-transform: uppercase;
}
.has-text-normalcase {
  text-transform: none;
}
.has-text-light {
  font-weight: 200;
}
.has-text-semibold {
  font-weight: 600;
}
.has-text-bold {
  font-weight: 700;
}
.has-text-white {
  color: var(--white);
}
.text-50em {
  max-width: 50em;
}
.has-bg-white {
  color: var(--green);
  background-color: var(--white) !important;
}
.has-bg-lightgrey {
  color: var(--green);
  background-color: var(--lightgrey);
}
.has-bg-darkgrey {
  background-color: var(--green);
  color: var(--white);
}
.has-bg-accent {
    background-color: var(--red);
    color: var(--white);
  }
.has-bg-darkgrey-top {
  background-image:linear-gradient(180deg, var(--green) 25em, var(--white) 25em);
}
.has-bg-darkgrey-bottom {
  background-image:linear-gradient(180deg, var(--white) 85%, var(--green) 85%);
}
.has-bg-white-top {
  background-image:linear-gradient(180deg, var(--white) 25%, var(--green) 25%);
}

/* ##### HEADER UND FOOTER ##### */
#header {
  position: fixed;
  width: 100%;
  z-index: 75;
}
/* #header, #footer {
  background-color: var(--grey);
} */
#header .inside, #footer .inside {
  display: flex;
  height: var(--headerheight);
  padding: 0 2em;
  align-items: center;
  transition: height 0.3s;
}
#header .inside {
  justify-content: space-between;
}
#footer .inside {
  justify-content: flex-end;
}
#logo {
  position: fixed;
  top: 1.5em;
  left: 1.5em;
  z-index: 10;
}
#logo img {
  width: 6em;
  transition: width 0.3s;
  display: inline-block;
}
#logo a {
  border: none;
}
#mainnavi {
  position: absolute;
  top: 1.9em;
  right: 2em;
  transition-property: top, padding;
  transition-duration: 0.3s;
  z-index: 150;
}
#mainnavi ul.level_1, #footernavi ul {
  display: flex;
  margin-bottom: 0;
}
#mainnavi .level_1 > li, #footernavi li {
  margin-left: 2.2em;
  font-weight: 400;
}
#mainnavi a, #footernavi a, #mainnavi strong, #footernavi strong {
  color: var(--green);
  text-transform: uppercase;
}
#mainnavi a:hover, #footernavi a:hover, #mainnavi strong, #footernavi strong {
  color: var(--red);
}
#mainnavi .level_1 > li {
  position: relative;
  height: 2em;
  transition: height 0.2s;
}
#mainnavi .level_1 > li.open_sub.length_2 {
  height: 8.5em;
}
#mainnavi .level_1 > li.open_sub.length_3 {
  height: 12em;
}
#mainnavi .level_1 > li.open_sub.length_4 {
  height: 15.5em;
}
#mainnavi .level_1 > li.open_sub.length_5 {
  height: 19em;
}
#mainnavi .level_1 > li.open_sub.length_6 {
  height: 22.5em;
}
#mainnavi .level_1 > li.open_sub.length_7 {
  height: 26em;
}
#mainnavi .level_1 > li.open_sub.length_8 {
  height: 29.5em;
}
#mainnavi .level_1 > li.open_sub.length_9 {
  height: 33em;
}
#mainnavi .level_1 > li.open_sub.length_10 {
  height: 36.5em;
}
#mainnavi .level_1 > li.open_sub.length_11 {
  height: 40em;
}
#mainnavi .level_1 > li.open_sub.length_12 {
  height: 43.5em;
}
#mainnavi .level_1 > li.open_sub.length_13 {
  height: 47em;
}
#mainnavi .level_1 > li.open_sub.length_14 {
  height: 50.5em;
}
#mainnavi .level_1 > li.open_sub.length_15 {
  height: 54em;
}
#mainnavi ul.level_2 {
  position: absolute;
  z-index: 30;
  margin-left: -0.75em;
  margin-top: 0.5em;
  display: none;
  background-color: rgba(245,247,248,0.95);
}
#mainnavi ul.level_2 li {
  padding: 0.55em 1.25em;
  white-space: nowrap;
}
#contactbox {
  position: fixed;
  z-index: 25;
  bottom: 3em;
  left: 0;
}
#contactbox a {
  border: none;
  background-color: var(--red);
  width: 2.5em;
  height: 2.5em;
  display: inline-block;
}
.scrolled #header .inside, #footer .inside {
  height: 3em;
}
.scrolled #mainnavi {
  top: 0.85em;
}
/* .scrolled #logo img {
  width: 5em;
  transform: translateY(0.2em);
} */
.mod_changelanguage {
  position: fixed;
  right: 2.5em;
  top: 2.5em;
  z-index: 10;
}
.mod_changelanguage ul {
  margin-bottom: 0;
}
#main .mod_changelanguage a {
  color: var(--white);
  display: flex;
  width: calc(3em - 8px);
  height: calc(3em - 8px);
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s;
  border: none;
}
#snsb {
  position: fixed;
  bottom: 1.5em;
  left: 2em;
  z-index: 10;
}
#snsb ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 1em;
}
#snsb a {
  color: var(--white);
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  border: none;
  color: rgb(160,160,160);
}
#snsb a:hover {
  border: none;
}
#snsb img {
  width: 3.3em;
}

/* ##### HAMBURGER ##### */
#hamburger {
  position: fixed;
  right: 0.5em;
  top: 0.5em;
  z-index: 200;
  height: 38px;
  width: 32px;
  cursor: pointer;
  display: none;
}
#hamburger span {
  display: block;
  width: 32px;
  height: 4px;
  margin: 6px 0px;
  background-color: rgb(60,60,60);
  opacity: 1;
  transition: 0.2s;
}
#hamburger:hover span {
  background-color: var(--lightgreen);
}
.menu_open #hamburger span:nth-child(1) {
  transform: rotate(45deg);
  margin-top: 16px;
}
.menu_open #hamburger span:nth-child(2) {
  opacity: 0;
}
.menu_open #hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -20px;
}
#menu-closer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  /* background-color: rgba(0,255,100,0.05); */
  z-index: 1;
  display: none;
}
#menu-closer.visible {
  display: block;
}

/* ##### CONTENT ##### */
.ce_rsce_heroimage {
  min-height: calc(100vh - var(--headerheight));
}
.heroimage {
  width: 100%;
  height: calc(100vh - 15em - var(--headerheight));
  min-height: 30em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.herotext {
  display: flex;
  align-items: center;
  width: 100%;
  height: 15em;
}
.hero-fullheight .heroimage {
  height: calc(100vh - var(--headerheight));
}
.hero-fullheight .herotext {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--white);
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
.ce_rsce_textwithimg .is-flexed, .ce_rsce_textwithvideo .is-flexed {
  justify-content: unset;
}
.ce_rsce_textwithimg .textcol, .ce_rsce_textwithvideo .textcol {
  max-width: 45rem;
  padding: 2rem 4rem;
}
.ce_rsce_textwithimg .imgcol, .ce_rsce_textwithvideo .imgcol {
  background-size: cover;
  background-position: center;
}
.ce_rsce_textwithimg .cols-revers .textcol, .ce_rsce_textwithvideo .cols-revers .textcol {
  text-align: right;
}
.ce_rsce_teaserwithimage .headline-block {
  right: 1rem;
  bottom: 1rem;
  width: 12rem;
  height: 12rem;
  border: 2px solid var(--red);
  background-color: rgba(255,255,255,0.65);
  backdrop-filter: blur(0.5em);
}
.ce_rsce_teaserwithimage .headline-block .headline {
  margin: 0;
  bottom: 1rem;
  left: 1rem;
  padding-right: 1rem;
}
.has-bg-darkgrey .ce_rsce_teaserwithimage .headline-block, .has-bg-accent .ce_rsce_teaserwithimage .headline-block {
  color: var(--black);
}
.ce_rsce_teaserwithimage .headline-block .headline-square {
  width: 2rem;
  height: 2rem;
  border: 3px solid var(--green);
  right: 0.5rem;
  top: 0.5rem;
}
.ce_rsce_teaserwithimage.has-button {
  cursor: pointer;
}
.ce_rsce_texttileflip {
  /* height: 20rem; */
  perspective: 200rem;
}
.ce_rsce_texttileflip .flipper {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.ce_rsce_texttileflip:hover .flipper {
  transform: rotateX(180deg);
}
.ce_rsce_texttileflip .flipfront, .ce_rsce_texttileflip .flipback {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ce_rsce_texttileflip .flipback {
  background-color: var(--red);
  color: var(--white);
  transform: rotateX(180deg);
}
.ce_rsce_texttilewithimg {
  /* border-bottom: var(--red) 0.5em solid; */
}
.ce_rsce_teaserwithicon {
  padding: 1rem;
  /* border-bottom: var(--red) 0.5em solid; */
}
.ce_rsce_teaserwithicon .iconheader {
  align-items: flex-end;
}
.ce_rsce_teaserwithicon .iconheadline {
  margin-top: -0.3rem;
  width: calc(100% - 5.5rem);
}
.ce_rsce_teaserwithicon .icon {
  width: 4.5rem;
  height: 4.5rem;
  /* border: 2px solid rgb(137,20,146); */
  /* margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: 0.5rem; */
}
.ce_rsce_teaserwithicon .textblock {
  align-content: space-between;
  flex-wrap: wrap;
}
.ce_rsce_teaserwithimage.has-button, .ce_rsce_teaserwithicon.has-button, .ce_rsce_teammember.has-button {
  padding-bottom: 4rem;
}
.more-link {
  bottom: 0;
  padding-bottom: 1rem;
}
.ce_rsce_imagetray {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3em;
  justify-content: space-between;
}
.ce_rsce_imagetray > div {
  margin-bottom: 0.3em;
  height: 23.3vw;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.ce_rsce_imagetray > div:nth-child(1), .ce_rsce_imagetray > div:nth-child(6) {
  width: calc(53% - 0.2em);
}
.ce_rsce_imagetray > div:nth-child(2), .ce_rsce_imagetray > div:nth-child(4) {
  width: calc(19.35% - 0.2em);
}
.ce_rsce_imagetray > div:nth-child(3), .ce_rsce_imagetray > div:nth-child(5) {
  width: calc(27.65% - 0.2em);
}
.container-maxwidth.container-small .ce_rsce_teaserwithimage h3 {
  font-size: 1.5em;
}
.container-maxwidth.container-small .ce_rsce_teaserwithimage .headline-block {
  width: 9.5rem;
  height: 9.5rem;
}

/* ##### GALLERY ##### */
.gallery.biogrey {
  background-color: var(--biogrey);
}
.gallery.biogreen {
  background-color: var(--biogreen);
}
.gallery.biodarkgreen {
  background-color: var(--biodarkgreen);
}
.gallery.bioturquoise {
  background-color: var(--bioturquoise);
}
.gallery.biored {
  background-color: var(--biored);
}
.gallery.bioblue {
  background-color: var(--bioblue);
}
.gallery.bioyellow {
  background-color: var(--bioyellow);
}
.gallery.biogold {
  background-color: var(--biogold);
}
.gallery.biopink {
  background-color: var(--biopink);
}
#main .gallery a {
  display: block;
}
.img-credit {
  position: absolute;
  left: 0;
  bottom: 0.2em;
  font-size: 0.75em;
  opacity: 0.95;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 2%;
  text-shadow:
    1px 1px 0 #000,
    -1px 1px 0 #000,
    -1px -1px 0 #000,
    1px -1px 0 #000;
}

/* ##### VIDEO AND SLIDER ##### */
video {
  width: 100%;
}
.videoposter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.videobutton {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}
.videobutton > div {
  width: 5rem;
  height: 5rem;
  border: 4px solid var(--bioorange);
  background-color: var(--darkgrey);
  border-radius: 50%;
  transition: background-color 0.2s;
}
.videobutton > div:hover {
  background-color: var(--bioorange);
}
.videobig {
  right: 0em;
  top: 0em;
  width: 3.5em;
  height: 3.5em;
  background-image: url("../../files/medienstation/system/button-fullscreen-open.png");
  z-index: 50;
  cursor: pointer;
}
.videosmall {
  position: fixed;
  display: none;
  right: 2.5em;
  top: 2.5em;
  width: 3.5em;
  height: 3.5em;
  background-image: url("../../files/medienstation/system/button-fullscreen-close.png");
  z-index: 200;
  cursor: pointer;
}
.videomodal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.9);
  z-index: 1000;
  display: none;
  z-index: 20;
}
.imgcol.is-big {
  position: fixed;
  width: 90vw !important;
  top: calc(50vh - 26.4vw);
  left: 5vw;
  z-index: 100;
}
.imgcol.is-big.has-maxwidth-60 {
  max-width: unset;
}
.imgcol.is-big .videobig {
  display: none;
}
.imgcol.is-big .videosmall {
  display: block;
}
.imgcol.is-big .videomodal {
  display: block;
}
.imgcol.is-big .videomodal + .videocontent {
  z-index: 30;
}
.align-bottom .col-1-1 {
  align-items: end;
}
.align-bottom .textcol > *:last-child {
  margin-bottom: calc(32px + 1.5em);
}
/* .lSSlideOuter .lSPager.lSpg {
  text-align: left;
}
.cols-revers .lSSlideOuter .lSPager.lSpg {
  text-align: right;
} */
.lSSlideOuter .lightSlider {
  margin-bottom: 2em;
}
.lSAction > a {
  top: 100%;
  margin-top: -1.75em;
  background-image: url("../../files/medienstation/library/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  width: 1.5em;
  opacity: 0.75;
}
.lSAction > a:hover {
  opacity: 1;
}
.lSAction > .lSPrev, .lSAction > .lSNext {
  background-position: center center;
}
.lSAction > .lSPrev {
  left: 0.2em;
  transform: rotate(180deg);
}
.lSAction > .lSNext {
  right: 0.2em;
}
.has-bg-darkgrey .lSAction > .lSPrev, .has-bg-darkgrey .lSAction > .lSNext, .has-bg-accent .lSAction > .lSPrev, .has-bg-accent .lSAction > .lSNext {
  filter: invert(1);
}
.lSSlideOuter .lSPager.lSpg {
  margin-top: -1.6em !important;
  padding-bottom: 0.2em;
}
.lSSlideOuter .lSPager.lSpg > li a {
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #000 !important;
  background-color: transparent;
}
#main .has-bg-darkgrey .lSSlideOuter .lSPager.lSpg > li a, #main .has-bg-accent .lSSlideOuter .lSPager.lSpg > li a {
  border: 1px solid #fff;
}
.wood .lSSlideOuter .lSPager.lSpg > li:hover a, .wood .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: rgb(137,20,146);
  border-color: rgb(137,20,146) !important;
}
.carpentry .lSSlideOuter .lSPager.lSpg > li:hover a, .carpentry .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: rgb(218,159,37);
  border-color: rgb(218,159,37) !important;
}
/* body.threedmodel {
  background-image: url("../../files/medienstation/layout/startseite/02_20155_Bionikum_Tiergarten_Nuernberg0121.jpg");
} */

/* ##### site transitions ##### */
/* .pagefade {
  opacity: 0;
  transition: opacity 0.15s;
} */

/* ##### load content via ajax ##### */
#static-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(rgb(20, 20, 20), rgb(30, 30, 30) 75%, rgb(10, 10, 10)), url("../../files/medienstation/system/background.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -2;
  background-size: 100% 100%;
  background-blend-mode: multiply;
}
#content-ajax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  display: none;
}
#content-unload {
  position: fixed;
  z-index: 75;
  top: 2.5em;
  right: 2.5em;
  width: 3.5em;
  height: 3.5em;
  background-image: url("../../files/medienstation/system/prev-button.png");
  cursor: pointer;
}

/* ##### ROCKSOLID SLIDER ON STARTPAGE ##### */
#main .mod_rocksolid_slider a:hover {
  border: none;
}
.rsts-slide {
  height: calc(100vh - 100px);
  padding: 4em;
}
.rsts-slide * {
  height: 100%;
}
.rsts-slide img {
  width: auto;
}
.rsts-slide figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rsts-thumbs-slide a {
  width: 100%;
  height: 100%;
}
.rsts-thumbs-slide h3, .rsts-thumbs-slide p {
  display: none;
}
/* ##### SWIPER ON STARTPAGE ##### */
#start-slider {
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.swiper-button-next, .swiper-button-prev {
  width: 3.5em;
  height: 3.5em;
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 1.5rem;
  font-weight: bold;
}
.swiper-button-next {
  right: 2.5rem;
}
.swiper-button-prev {
  left: 2.5rem;
}
.swiper-pagination {
  display: none !important;
}
.swiper-spread {
  width: 100vw;
}
.swiper-slide .content-image figure {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.swiper-slide .content-image figure img {
  max-height: 90%;
  width: auto;
}
.swiper-slide .content-image .area {
  fill: rgba(248,153,29,0.65);
  /* fill: rgba(30,30,30,0.85); */
  stroke: var(--bioorange);
  stroke-width: 8px;
  /* filter: blur(5px); */
  transition: all 0.2s ease;
}
.swiper-slide .content-image .area:hover {
  fill: rgba(248,153,29,1);
} 


/* .content-swiper .swiper {
  max-width: 156.48vh;
} */
/* 3 Vorschläge von Perplexity, machen aber komische Dinge
.swiper-slide {
  width: 300px;
}
.swiper-container {
  overflow: visible;
}
.swiper-wrapper {
  perspective: 1000px;
} */

/* ##### BIONICUM INDIVIDUALS ##### */
#mainnavi .level_1 > li, #footernavi li {
  margin-left: 2em;
}
#hamburger {
  display: block;
}
#mainnavi {
  display: none;
  position: fixed;
  z-index: 70;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100vh;
  /* background-color: rgba(255,255,255,0.95); */
  padding-top: 6.5em;
  z-index: 150;
}
.scrolled #mainnavi {
  top: -1.5em;
}
#mainnavi .level_1 > li, #mainnavi .level_1 > li.open_sub {
  height: unset !important;
}
#mainnavi ul.level_2 {
  position: unset;
  margin-bottom: -0.9em;
  margin-left: unset;
  background-color: transparent;
}
#mainnavi > ul.level_1 {
  display: block;
}
#mainnavi > ul.level_1 > li {
  margin-bottom: 1em;
}
html {
  user-select: none;
}
.parallax-sides {
  position: fixed;
  height: 100vh;
  z-index: -1;
  top: 0;
  background-size: 100% auto;
  background-repeat: repeat;
}
#parallax-left-1 {
  left: 0;
  background-image: url("../../files/medienstation/system/parallax-left-2.png");
  width: 25em;
}
#parallax-right-1 {
  right: 0;
  background-image: url("../../files/medienstation/system/parallax-right-2.png");
  width: 25em;
}
#parallax-left-2 {
  left: -3em;
  background-image: url("../../files/medienstation/system/parallax-left-1.png");
  width: 17em;
}
#parallax-right-2 {
  right: -3em;
  background-image: url("../../files/medienstation/system/parallax-right-1.png");
  width: 17em;
}
.img-clip1 {
  clip-path: polygon(0% 5%, 100% 0%, 97% 100%, 3% 97%);
  overflow: hidden;
  /* -webkit-clip-path: url(#img-clip1);
  clip-path: url(#img-clip1); */
}
.img-clip2 {
  clip-path: polygon(3% 5%, 97% 0%, 100% 100%, 0% 97%);
  overflow: hidden;
  /* -webkit-clip-path: url(#img-clip2);
  clip-path: url(#img-clip2); */
}
.img-clip3 {
  clip-path: polygon(3% 0%, 97% 5%, 100% 97%, 0% 100%);
  overflow: hidden;
  /* -webkit-clip-path: url(#img-clip3);
  clip-path: url(#img-clip3); */
}
.img-clip4 {
  clip-path: polygon(3% 3%, 97% 0%, 100% 95%, 0% 100%);
  overflow: hidden;
  /* -webkit-clip-path: url(#img-clip4);
  clip-path: url(#img-clip4); */
}
.img-clip-border {
  position: absolute;
  top: -4%;
  left: 0;
  width: 100%;
  height: 108%;
  z-index: -1;
}
.img-clip-border.biogrey {
  background-color: var(--biogrey);
}
.img-clip-border.biogreen {
  background-color: var(--biogreen);
}
.img-clip-border.biodarkgreen {
  background-color: var(--biodarkgreen);
}
.img-clip-border.bioturquoise {
  background-color: var(--bioturquoise);
}
.img-clip-border.biored {
  background-color: var(--biored);
}
.img-clip-border.bioblue {
  background-color: var(--bioblue);
}
.img-clip-border.bioyellow {
  background-color: var(--bioyellow);
}
.img-clip-border.biogold {
  background-color: var(--biogold);
}
.img-clip-border.biopink {
  background-color: var(--biopink);
}
.extracontentmodal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.9);
  z-index: 1000;
  display: none;
}
.extracontentmodal .holder {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.extracontentmodal .inner {
  position: relative;
  max-width: 65em;
  margin-left: 3vw;
  margin-right: 3vw;
  background-color: var(--biodarkorange);
  padding: 5em;
  text-align: center;
  max-height: 92.5vh;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.extracontentmodal .inner h1, .extracontentmodal .inner h2, .extracontentmodal .inner h3, .extracontentmodal .inner h4, .extracontentmodal .inner h5, .extracontentmodal .inner h6 {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.extracontentmodal .inner img {
  margin-top: 1em;
}
.extracontentclose {
  position: absolute;
  right: 2.5em;
  top: 2.5em;
  z-index: 2000;
  width: 3.5em;
  height: 3.5em;
  background-image: url("../../files/medienstation/system/close-button.png");
  cursor: pointer;
}
.ce_rsce_headline h1, .ce_rsce_headline h2, .ce_rsce_headline h3, .ce_rsce_headline h4, .ce_rsce_headline h5, .ce_rsce_headline h6 {
  margin-bottom: 0;
}
.clip-paths {
  height: 0;
  width: 0;
}







/* ##### RESPONSIVES ##### */
@media screen and (min-width: 1921px) {
  body {
    font-size: 18px;
  }
  .ce_rsce_textwithimg .textcol, .ce_rsce_textwithvideo .textcol {
    /* max-width: 40rem; */
  }
}
@media (max-width: 1519px) {
  body {
    font-size: 16px;
  }
  .ce_rsce_textwithimg .textcol, .ce_rsce_textwithvideo .textcol {
    /* max-width: 34rem; */
    padding-left: 2rem;
  }
}
@media (max-width: 1279px) {
  .container-maxwidth {
    padding-left: 4em;
    padding-right: 4em;
  }
  .col-1-1 > * {
    width: calc(50% - 1.5em);
  }
  .col-1-1 > *:first-child, .col-1-1.cols-revers > *:last-child {
    margin-right: 2em;
  }
  #mainnavi .level_1 > li, #footernavi li {
    margin-left: 1em;
  }
}
@media (max-width: 1179px) {
  #mainnavi .level_1 > li, #footernavi li {
    margin-left: 2em;
  }
  #hamburger {
    display: block;
  }
  #mainnavi {
    display: none;
    position: fixed;
    z-index: 70;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100vh;
    background-color: rgba(255,255,255,0.95);
    padding-top: 5.5em;
    z-index: 150;
  }
  .scrolled #mainnavi {
    top: -1.5em;
  }
  #mainnavi .level_1 > li, #mainnavi .level_1 > li.open_sub {
    height: unset !important;
  }
  #mainnavi ul.level_2 {
    position: unset;
    margin-bottom: -0.9em;
    margin-left: unset;
    background-color: transparent;
  }
  #mainnavi > ul.level_1 {
    display: block;
  }
  #mainnavi > ul.level_1 > li {
    margin-bottom: 1.8em;
  }
  .cols-25 > *, .cols-33.cols-3-2 > * {
    width: calc(50% - 0.5em);
  }
}
@media (max-width: 1023px) {
  h1, .hl1 {
  	font-size: 3.5em;
  }
  h2, .hl2 {
  	font-size: 2.5em;
  }
  h3, .hl3 {
    font-size: 2em;
  }
  h4, .hl4 {
  	font-size: 1.3333em;
  }
  h5, .hl5 {
  	font-size: 1.175em;
  }
  .container-maxwidth {
    padding-left: 3em;
    padding-right: 3em;
  }
  .container-maxwidth.container-small {
    padding-left: 6em;
    padding-right: 6em;
  }
  .col-1-1 > * {
    width: calc(50% - 1em);
  }
  .col-1-1 > *:first-child, .col-1-1.cols-revers > *:last-child {
    margin-right: 1em;
  }
  .cols-16 > * {
    width: calc(33.33333333% - 0.66666666em);
  }
  h3 {
    font-size: 0.5;
  }
  .extracontentmodal .inner {
    padding: 4em;
  }
}
@media (max-width: 879px) {
  .container-maxwidth {
    padding-left: 2em;
    padding-right: 2em;
  }
  .col-1-1 > *, .col-1-1 > *:first-child, .col-1-1.cols-revers > *:last-child  {
    width: 100%;
    margin-right: 0;
  }
  /* .col-1-1 > *:first-child, .col-1-1.cols-revers > *:last-child {
    margin-bottom: 1em;
  } */
  .ce_rsce_textwithimg .col-1-1, .ce_rsce_textwithvideo .col-1-1 {
    gap: 0;
  }
  .ce_rsce_textwithimg .textcol, .ce_rsce_textwithvideo .textcol, .ce_rsce_textwithimg .cols-revers .textcol, .ce_rsce_textwithvideo .cols-revers .textcol {
    text-align: center;
    max-width: unset;
  }
  .ce_rsce_textwithimg .textcol, .ce_rsce_textwithvideo .textcol, .ce_rsce_textwithimg .cols-revers .textcol, .ce_rsce_textwithvideo .cols-revers .textcol, .ce_rsce_text {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .has-bg-darkgrey-bottom {
    background-image: none;
  }
  .textcol > *:last-child, .align-bottom .textcol > *:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .container-maxwidth.container-small .cols-25 > *, .container-maxwidth.container-small .cols-33 > *, .container-maxwidth.container-small .cols-50 > * {
    width: 100%;
  }
  .herotext.pl-5 {
    padding-left: 2em;
    padding-right: 2em;
  }
  .herotext.pl-5 > div {
    width: calc(100vw - 4em);
  }
  .ce_rsce_imagetray > div {
    width: 100% !important;
    height: 50vw;
  }
  .cols-33-66 > *, .cols-33-66 > :first-child {
    width: 100%;
  }
  .cols-33-66 > .pl-3 {
    padding-left: 0;
  }
  .cols-33-66 > :first-child {
    display: none;
  }
  h1, .hl1 {
  	font-size: 3em;
  }
  h2, .hl2 {
  	font-size: 2em;
  }
  h3, .hl3 {
    font-size: 1.5em;
  }
  .extracontentmodal .inner {
    padding: 3em;
  }
  .extracontentclose, .videosmall, .mod_changelanguage {
    right: 1.5em;
    top: 1.5em;
  }
}
@media (max-width: 639px) {
  .container-maxwidth {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .container-maxwidth.container-small {
    padding-left: 4em;
    padding-right: 4em;
  }
  .cols-25 > *, .cols-33 > *, .cols-50 > * {
    width: 100%;
  }
  .ce_rsce_textwithimg .textcol, .ce_rsce_textwithvideo .textcol, .ce_rsce_textwithimg .cols-revers .textcol, .ce_rsce_textwithvideo .cols-revers .textcol, .ce_rsce_text {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 539px) {
  .container-maxwidth, .container-maxwidth.container-small {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .ce_rsce_textwithimg .textcol, .ce_rsce_textwithvideo .textcol, .ce_rsce_textwithimg .cols-revers .textcol, .ce_rsce_textwithvideo .cols-revers .textcol, .ce_rsce_text {
    padding-left: 0;
    padding-right: 0;
  }
  .extracontentmodal .inner {
    padding: 2em;
  }
}
@media (orientation: portrait) {
  .ce_rsce_heroimage {
    min-height: unset;
  }
  .heroimage, .hero-fullheight .heroimage {
    height: calc(90vh - 15em);
    height: 70vw;
    min-height: 25em;
  }
}


/* margin */
.m-5 {margin: 8em;}
.m-45 {margin: 6.5em;}
.m-4 {margin: 5em;}
.m-34 {margin: 3.5em;}
.m-3 {margin: 2.5em;}
.m-23 {margin: 1.5em;}
.m-2 {margin: 0.85em;}
.m-1 {margin: 0.35em;}
.m-0 {margin: 0em !important;}
/* margin-top */
.mt-5 {margin-top: 8em;}
.mt-45 {margin-top: 6.5em;}
.mt-4 {margin-top: 5em;}
.mt-34 {margin-top: 3.5em;}
.mt-3 {margin-top: 2.5em;}
.mt-23 {margin-top: 1.5em;}
.mt-2 {margin-top: 0.85em;}
.mt-1 {margin-top: 0.35em;}
.mt-0 {margin-top: 0em !important;}
/* margin-bottom */
.mb-5 {margin-bottom: 8em;}
.mb-45 {margin-bottom: 6.5em;}
.mb-4 {margin-bottom: 5em;}
.mb-34 {margin-bottom: 3.5em;}
.mb-3 {margin-bottom: 2.5em;}
.mb-23 {margin-bottom: 1.5em;}
.mb-2 {margin-bottom: 0.85em;}
.mb-1 {margin-bottom: 0.35em;}
.mb-0 {margin-bottom: 0em !important;}
/* margin-left */
.ml-5 {margin-left: 8em;}
.ml-45 {margin-left: 6.5em;}
.ml-4 {margin-left: 5em;}
.ml-34 {margin-left: 3.5em;}
.ml-3 {margin-left: 2.5em;}
.ml-23 {margin-left: 1.5em;}
.ml-2 {margin-left: 0.85em;}
.ml-1 {margin-left: 0.35em;}
.ml-0 {margin-left: 0em !important;}
/* margin-right */
.mr-5 {margin-right: 8em;}
.mr-45 {margin-right: 6.5em;}
.mr-4 {margin-right: 5em;}
.mr-34 {margin-right: 3.5em;}
.mr-3 {margin-right: 2.5em;}
.mr-23 {margin-right: 1.5em;}
.mr-2 {margin-right: 0.85em;}
.mr-1 {margin-right: 0.35em;}
.mr-0 {margin-right: 0em !important;}
/* padding */
.p-5 {padding: 8em;}
.p-45 {padding: 6.5em;}
.p-4 {padding: 5em;}
.p-34 {padding: 3.5em;}
.p-3 {padding: 2.5em;}
.p-23 {padding: 1.5em;}
.p-2 {padding: 0.85em;}
.p-1 {padding: 0.35em;}
.p-0 {padding: 0em !important;}
/* padding-top */
.pt-5 {padding-top: 8em;}
.pt-45 {padding-top: 6.5em;}
.pt-4 {padding-top: 5em;}
.pt-34 {padding-top: 3.5em;}
.pt-3 {padding-top: 2.5em;}
.pt-23 {padding-top: 1.5em;}
.pt-2 {padding-top: 0.85em;}
.pt-1 {padding-top: 0.35em;}
.pt-0 {padding-top: 0em !important;}
/* padding-bottom */
.pb-5 {padding-bottom: 8em;}
.pb-45 {padding-bottom: 6.5em;}
.pb-4 {padding-bottom: 5em;}
.pb-34 {padding-bottom: 3.5em;}
.pb-3 {padding-bottom: 2.5em;}
.pb-23 {padding-bottom: 1.5em;}
.pb-2 {padding-bottom: 0.85em;}
.pb-1 {padding-bottom: 0.35em;}
.pb-0 {padding-bottom: 0em !important;}
/* padding-left */
.pl-5 {padding-left: 8em;}
.pl-45 {padding-left: 6.5em;}
.pl-4 {padding-left: 5em;}
.pl-34 {padding-left: 3.5em;}
.pl-3 {padding-left: 2.5em;}
.pl-23 {padding-left: 1.5em;}
.pl-2 {padding-left: 0.85em;}
.pl-1 {padding-left: 0.35em;}
.pl-0 {padding-left: 0em !important;}
/* padding-right */
.pr-5 {padding-right: 8em;}
.pr-45 {padding-right: 6.5em;}
.pr-4 {padding-right: 5em;}
.pr-34 {padding-right: 3.5em;}
.pr-3 {padding-right: 2.5em;}
.pr-23 {padding-right: 1.5em;}
.pr-2 {padding-right: 0.85em;}
.pr-1 {padding-right: 0.35em;}
.pr-0 {padding-right: 0em !important;}

/* ##### RESPONSIVES ##### */
@media (min-width: 1599px) {

}
@media (max-width: 1439px) {
  /* margin */
  .m-5 {margin: 6em;}
  .m-45 {margin: 4.5em;}
  .m-4 {margin: 3.5em;}
  .m-34 {margin: 2.5em;}
  .m-3 {margin: 1.75em;}
  .m-23 {margin: 1em;}
  .m-2 {margin: 0.5em;}
  .m-1 {margin: 0.3em;}
  /* margin-top */
  .mt-5 {margin-top: 6em;}
  .mt-45 {margin-top: 4.5em;}
  .mt-4 {margin-top: 3.5em;}
  .mt-34 {margin-top: 2.5em;}
  .mt-3 {margin-top: 1.75em;}
  .mt-23 {margin-top: 1em;}
  .mt-2 {margin-top: 0.5em;}
  .mt-1 {margin-top: 0.3em;}
  /* margin-bottom */
  .mb-5 {margin-bottom: 6em;}
  .mb-45 {margin-bottom: 4.5em;}
  .mb-4 {margin-bottom: 3.5em;}
  .mb-34 {margin-bottom: 2.5em;}
  .mb-3 {margin-bottom: 1.75em;}
  .mb-23 {margin-bottom: 1em;}
  .mb-2 {margin-bottom: 0.5em;}
  .mb-1 {margin-bottom: 0.3em;}
  /* margin-left */
  .ml-5 {margin-left: 6em;}
  .ml-45 {margin-left: 4.5em;}
  .ml-4 {margin-left: 3.5em;}
  .ml-34 {margin-left: 2.5em;}
  .ml-3 {margin-left: 1.75em;}
  .ml-23 {margin-left: 1em;}
  .ml-2 {margin-left: 0.5em;}
  .ml-1 {margin-left: 0.3em;}
  /* margin-right */
  .mr-5 {margin-right: 6em;}
  .mr-45 {margin-right: 4.5em;}
  .mr-4 {margin-right: 3.5em;}
  .mr-34 {margin-right: 2.5em;}
  .mr-3 {margin-right: 1.75em;}
  .mr-23 {margin-right: 1em;}
  .mr-2 {margin-right: 0.5em;}
  .mr-1 {margin-right: 0.3em;}
  /* padding */
  .p-5 {padding: 6em;}
  .p-45 {padding: 4.5em;}
  .p-4 {padding: 3.5em;}
  .p-34 {padding: 2.5em;}
  .p-3 {padding: 1.75em;}
  .p-23 {padding: 1em;}
  .p-2 {padding: 0.5em;}
  .p-1 {padding: 0.3em;}
  /* padding-top */
  .pt-5 {padding-top: 6em;}
  .pt-45 {padding-top: 4.5em;}
  .pt-4 {padding-top: 3.5em;}
  .pt-34 {padding-top: 2.5em;}
  .pt-3 {padding-top: 1.75em;}
  .pt-23 {padding-top: 1em;}
  .pt-2 {padding-top: 0.5em;}
  .pt-1 {padding-top: 0.3em;}
  /* padding-bottom */
  .pb-5 {padding-bottom: 6em;}
  .pb-45 {padding-bottom: 4.5em;}
  .pb-4 {padding-bottom: 3.5em;}
  .pb-34 {padding-bottom: 2.5em;}
  .pb-3 {padding-bottom: 1.75em;}
  .pb-23 {padding-bottom: 1em;}
  .pb-2 {padding-bottom: 0.5em;}
  .pb-1 {padding-bottom: 0.3em;}
  /* padding-left */
  .pl-5 {padding-left: 6em;}
  .pl-45 {padding-left: 4.5em;}
  .pl-4 {padding-left: 3.5em;}
  .pl-34 {padding-left: 2.5em;}
  .pl-3 {padding-left: 1.75em;}
  .pl-23 {padding-left: 1em;}
  .pl-2 {padding-left: 0.5em;}
  .pl-1 {padding-left: 0.3em;}
  /* padding-right */
  .pr-5 {padding-right: 6em;}
  .pr-45 {padding-right: 4.5em;}
  .pr-4 {padding-right: 3.5em;}
  .pr-34 {padding-right: 2.5em;}
  .pr-3 {padding-right: 1.75em;}
  .pr-23 {padding-right: 1em;}
  .pr-2 {padding-right: 0.5em;}
  .pr-1 {padding-right: 0.3em;}
}
@media (max-width: 1199px) {

}
@media (max-width: 1023px) {
  /* margin */
  .m-5 {margin: 4em;}
  .m-45 {margin: 3em;}
  .m-4 {margin: 2.5em;}
  .m-34 {margin: 1.75em;}
  .m-3 {margin: 1.25em;}
  .m-23 {margin: 0.75em;}
  .m-2 {margin: 0.45em;}
  .m-1 {margin: 0.25em;}
  /* margin-top */
  .mt-5 {margin-top: 4em;}
  .mt-45 {margin-top: 3em;}
  .mt-4 {margin-top: 2.5em;}
  .mt-34 {margin-top: 1.75em;}
  .mt-3 {margin-top: 1.25em;}
  .mt-23 {margin-top: 0.75em;}
  .mt-2 {margin-top: 0.45em;}
  .mt-1 {margin-top: 0.25em;}
  /* margin-bottom */
  .mb-5 {margin-bottom: 4em;}
  .mb-45 {margin-bottom: 3em;}
  .mb-4 {margin-bottom: 2.5em;}
  .mb-34 {margin-bottom: 1.75em;}
  .mb-3 {margin-bottom: 1.25em;}
  .mb-23 {margin-bottom: 0.75em;}
  .mb-2 {margin-bottom: 0.45em;}
  .mb-1 {margin-bottom: 0.25em;}
  /* margin-left */
  .ml-5 {margin-left: 4em;}
  .ml-45 {margin-left: 3em;}
  .ml-4 {margin-left: 2.5em;}
  .ml-34 {margin-left: 1.75em;}
  .ml-3 {margin-left: 1.25em;}
  .ml-23 {margin-left: 0.75em;}
  .ml-2 {margin-left: 0.45em;}
  .ml-1 {margin-left: 0.25em;}
  /* margin-right */
  .mr-5 {margin-right: 4em;}
  .mr-45 {margin-right: 3em;}
  .mr-4 {margin-right: 2.5em;}
  .mr-34 {margin-right: 1.75em;}
  .mr-3 {margin-right: 1.25em;}
  .mr-23 {margin-right: 0.75em;}
  .mr-2 {margin-right: 0.45em;}
  .mr-1 {margin-right: 0.25em;}
  /* padding */
  .p-5 {padding: 4em;}
  .p-45 {padding: 3em;}
  .p-4 {padding: 2.5em;}
  .p-34 {padding: 1.75em;}
  .p-3 {padding: 1.25em;}
  .p-23 {padding: 0.75em;}
  .p-2 {padding: 0.45em;}
  .p-1 {padding: 0.25em;}
  /* padding-top */
  .pt-5 {padding-top: 4em;}
  .pt-45 {padding-top: 3em;}
  .pt-4 {padding-top: 2.5em;}
  .pt-34 {padding-top: 1.75em;}
  .pt-3 {padding-top: 1.25em;}
  .pt-23 {padding-top: 0.75em;}
  .pt-2 {padding-top: 0.45em;}
  .pt-1 {padding-top: 0.25em;}
  /* padding-bottom */
  .pb-5 {padding-bottom: 4em;}
  .pb-45 {padding-bottom: 3em;}
  .pb-4 {padding-bottom: 2.5em;}
  .pb-34 {padding-bottom: 1.75em;}
  .pb-3 {padding-bottom: 1.25em;}
  .pb-23 {padding-bottom: 0.75em;}
  .pb-2 {padding-bottom: 0.45em;}
  .pb-1 {padding-bottom: 0.25em;}
  /* padding-left */
  .pl-5 {padding-left: 4em;}
  .pl-45 {padding-left: 3em;}
  .pl-4 {padding-left: 2.5em;}
  .pl-34 {padding-left: 1.75em;}
  .pl-3 {padding-left: 1.25em;}
  .pl-23 {padding-left: 0.75em;}
  .pl-2 {padding-left: 0.45em;}
  .pl-1 {padding-left: 0.25em;}
  /* padding-right */
  .pr-5 {padding-right: 4em;}
  .pr-45 {padding-right: 3em;}
  .pr-4 {padding-right: 2.5em;}
  .pr-34 {padding-right: 1.75em;}
  .pr-3 {padding-right: 1.25em;}
  .pr-23 {padding-right: 0.75em;}
  .pr-2 {padding-right: 0.45em;}
  .pr-1 {padding-right: 0.25em;}
}
@media (max-width: 959px) {
  /* margin
  .m-5 {margin: 3em;}
  .m-45 {margin: 2.25em;}
  .m-4 {margin: 1.875em;}
  .m-34 {margin: 1.3125em;}
  .m-3 {margin: 0.9375em;}
  .m-23 {margin: 0.5625em;}
  .m-2 {margin: 0.3375em;}
  .m-1 {margin: 0.1875em;} */
  /* margin-top
  .mt-5 {margin-top: 3em;}
  .mt-45 {margin-top: 2.25em;}
  .mt-4 {margin-top: 1.875em;}
  .mt-34 {margin-top: 1.3125em;}
  .mt-3 {margin-top: 0.9375em;}
  .mt-23 {margin-top: 0.5625em;}
  .mt-2 {margin-top: 0.3375em;}
  .mt-1 {margin-top: 0.1875em;} */
  /* margin-bottom
  .mb-5 {margin-bottom: 3em;}
  .mb-45 {margin-bottom: 2.25em;}
  .mb-4 {margin-bottom: 1.875em;}
  .mb-34 {margin-bottom: 1.3125em;}
  .mb-3 {margin-bottom: 0.9375em;}
  .mb-23 {margin-bottom: 0.5625em;}
  .mb-2 {margin-bottom: 0.3375em;}
  .mb-1 {margin-bottom: 0.1875em;} */
  /* margin-left
  .ml-5 {margin-left: 3em;}
  .ml-45 {margin-left: 2.25em;}
  .ml-4 {margin-left: 1.875em;}
  .ml-34 {margin-left: 1.3125em;}
  .ml-3 {margin-left: 0.9375em;}
  .ml-23 {margin-left: 0.5625em;}
  .ml-2 {margin-left: 0.3375em;}
  .ml-1 {margin-left: 0.1875em;} */
  /* margin-right
  .mr-5 {margin-right: 3em;}
  .mr-45 {margin-right: 2.25em;}
  .mr-4 {margin-right: 1.875em;}
  .mr-34 {margin-right: 1.3125em;}
  .mr-3 {margin-right: 0.9375em;}
  .mr-23 {margin-right: 0.5625em;}
  .mr-2 {margin-right: 0.3375em;}
  .mr-1 {margin-right: 0.1875em;} */
  /* padding
  .p-5 {padding: 3em;}
  .p-45 {padding: 2.25em;}
  .p-4 {padding: 1.875em;}
  .p-34 {padding: 1.3125em;}
  .p-3 {padding: 0.9375em;}
  .p-23 {padding: 0.5625em;}
  .p-2 {padding: 0.3375em;}
  .p-1 {padding: 0.1875em;} */
  /* padding-top
  .pt-5 {padding-top: 3em;}
  .pt-45 {padding-top: 2.25em;}
  .pt-4 {padding-top: 1.875em;}
  .pt-34 {padding-top: 1.3125em;}
  .pt-3 {padding-top: 0.9375em;}
  .pt-23 {padding-top: 0.5625em;}
  .pt-2 {padding-top: 0.3375em;}
  .pt-1 {padding-top: 0.1875em;} */
  /* padding-bottom
  .pb-5 {padding-bottom: 3em;}
  .pb-45 {padding-bottom: 2.25em;}
  .pb-4 {padding-bottom: 1.875em;}
  .pb-34 {padding-bottom: 1.3125em;}
  .pb-3 {padding-bottom: 0.9375em;}
  .pb-23 {padding-bottom: 0.5625em;}
  .pb-2 {padding-bottom: 0.3375em;}
  .pb-1 {padding-bottom: 0.1875em;} */
  /* padding-left
  .pl-5 {padding-left: 3em;}
  .pl-45 {padding-left: 2.25em;}
  .pl-4 {padding-left: 1.875em;}
  .pl-34 {padding-left: 1.3125em;}
  .pl-3 {padding-left: 0.9375em;}
  .pl-23 {padding-left: 0.5625em;}
  .pl-2 {padding-left: 0.3375em;}
  .pl-1 {padding-left: 0.1875em;} */
  /* padding-right
  .pr-5 {padding-right: 3em;}
  .pr-45 {padding-right: 2.25em;}
  .pr-4 {padding-right: 1.875em;}
  .pr-34 {padding-right: 1.3125em;}
  .pr-3 {padding-right: 0.9375em;}
  .pr-23 {padding-right: 0.5625em;}
  .pr-2 {padding-right: 0.3375em;}
  .pr-1 {padding-right: 0.1875em;} */
}
@media (max-width: 767px) {
  /* margin
  .m-5 {margin: 2em;}
  .m-45 {margin: 1.5em;}
  .m-4 {margin: 1.25em;}
  .m-34 {margin: 0.875em;}
  .m-3 {margin: 0.625em;}
  .m-23 {margin: 0.375em;}
  .m-2 {margin: 0.225em;}
  .m-1 {margin: 0.125em;} */
  /* margin-top
  .mt-5 {margin-top: 2em;}
  .mt-45 {margin-top: 1.5em;}
  .mt-4 {margin-top: 1.25em;}
  .mt-34 {margin-top: 0.875em;}
  .mt-3 {margin-top: 0.625em;}
  .mt-23 {margin-top: 0.375em;}
  .mt-2 {margin-top: 0.225em;}
  .mt-1 {margin-top: 0.125em;} */
  /* margin-bottom
  .mb-5 {margin-bottom: 2em;}
  .mb-45 {margin-bottom: 1.5em;}
  .mb-4 {margin-bottom: 1.25em;}
  .mb-34 {margin-bottom: 0.875em;}
  .mb-3 {margin-bottom: 0.625em;}
  .mb-23 {margin-bottom: 0.375em;}
  .mb-2 {margin-bottom: 0.225em;}
  .mb-1 {margin-bottom: 0.125em;} */
  /* margin-left
  .ml-5 {margin-left: 2em;}
  .ml-45 {margin-left: 1.5em;}
  .ml-4 {margin-left: 1.25em;}
  .ml-34 {margin-left: 0.875em;}
  .ml-3 {margin-left: 0.625em;}
  .ml-23 {margin-left: 0.375em;}
  .ml-2 {margin-left: 0.225em;}
  .ml-1 {margin-left: 0.125em;} */
  /* margin-right
  .mr-5 {margin-right: 2em;}
  .mr-45 {margin-right: 1.5em;}
  .mr-4 {margin-right: 1.25em;}
  .mr-34 {margin-right: 0.875em;}
  .mr-3 {margin-right: 0.625em;}
  .mr-23 {margin-right: 0.375em;}
  .mr-2 {margin-right: 0.225em;}
  .mr-1 {margin-right: 0.125em;} */
  /* padding
  .p-5 {padding: 2em;}
  .p-45 {padding: 1.5em;}
  .p-4 {padding: 1.25em;}
  .p-34 {padding: 0.875em;}
  .p-3 {padding: 0.625em;}
  .p-23 {padding: 0.375em;}
  .p-2 {padding: 0.225em;}
  .p-1 {padding: 0.125em;} */
  /* padding-top
  .pt-5 {padding-top: 2em;}
  .pt-45 {padding-top: 1.5em;}
  .pt-4 {padding-top: 1.25em;}
  .pt-34 {padding-top: 0.875em;}
  .pt-3 {padding-top: 0.625em;}
  .pt-23 {padding-top: 0.375em;}
  .pt-2 {padding-top: 0.225em;}
  .pt-1 {padding-top: 0.125em;} */
  /* padding-bottom
  .pb-5 {padding-bottom: 2em;}
  .pb-45 {padding-bottom: 1.5em;}
  .pb-4 {padding-bottom: 1.25em;}
  .pb-34 {padding-bottom: 0.875em;}
  .pb-3 {padding-bottom: 0.625em;}
  .pb-23 {padding-bottom: 0.375em;}
  .pb-2 {padding-bottom: 0.225em;}
  .pb-1 {padding-bottom: 0.125em;} */
  /* padding-left
  .pl-5 {padding-left: 2em;}
  .pl-45 {padding-left: 1.5em;}
  .pl-4 {padding-left: 1.25em;}
  .pl-34 {padding-left: 0.875em;}
  .pl-3 {padding-left: 0.625em;}
  .pl-23 {padding-left: 0.375em;}
  .pl-2 {padding-left: 0.225em;}
  .pl-1 {padding-left: 0.125em;} */
  /* padding-right
  .pr-5 {padding-right: 2em;}
  .pr-45 {padding-right: 1.5em;}
  .pr-4 {padding-right: 1.25em;}
  .pr-34 {padding-right: 0.875em;}
  .pr-3 {padding-right: 0.625em;}
  .pr-23 {padding-right: 0.375em;}
  .pr-2 {padding-right: 0.225em;}
  .pr-1 {padding-right: 0.125em;} */
}
@media (max-width: 576px) {
  /* margin
  .m-5 {margin: 1.5em;}
  .m-45 {margin: 1.125em;}
  .m-4 {margin: 0.9375em;}
  .m-34 {margin: 1.75em;}
  .m-3 {margin: 0.46875em;}
  .m-23 {margin: 0.28125em;}
  .m-2 {margin: 0.16875em;}
  .m-1 {margin: 0.09375em;} */
  /* margin-top
  .mt-5 {margin-top: 1.5em;}
  .mt-45 {margin-top: 1.125em;}
  .mt-4 {margin-top: 0.9375em;}
  .mt-34 {margin-top: 1.75em;}
  .mt-3 {margin-top: 0.46875em;}
  .mt-23 {margin-top: 0.28125em;}
  .mt-2 {margin-top: 0.16875em;}
  .mt-1 {margin-top: 0.09375em;} */
  /* margin-bottom
  .mb-5 {margin-bottom: 1.5em;}
  .mb-45 {margin-bottom: 1.125em;}
  .mb-4 {margin-bottom: 0.9375em;}
  .mb-34 {margin-bottom: 1.75em;}
  .mb-3 {margin-bottom: 0.46875em;}
  .mb-23 {margin-bottom: 0.28125em;}
  .mb-2 {margin-bottom: 0.16875em;}
  .mb-1 {margin-bottom: 0.09375em;} */
  /* margin-left
  .ml-5 {margin-left: 1.5em;}
  .ml-45 {margin-left: 1.125em;}
  .ml-4 {margin-left: 0.9375em;}
  .ml-34 {margin-left: 1.75em;}
  .ml-3 {margin-left: 0.46875em;}
  .ml-23 {margin-left: 0.28125em;}
  .ml-2 {margin-left: 0.16875em;}
  .ml-1 {margin-left: 0.09375em;} */
  /* margin-right
  .mr-5 {margin-right: 1.5em;}
  .mr-45 {margin-right: 1.125em;}
  .mr-4 {margin-right: 0.9375em;}
  .mr-34 {margin-right: 1.75em;}
  .mr-3 {margin-right: 0.46875em;}
  .mr-23 {margin-right: 0.28125em;}
  .mr-2 {margin-right: 0.16875em;}
  .mr-1 {margin-right: 0.09375em;} */
  /* padding
  .p-5 {padding: 1.5em;}
  .p-45 {padding: 1.125em;}
  .p-4 {padding: 0.9375em;}
  .p-34 {padding: 1.75em;}
  .p-3 {padding: 0.46875em;}
  .p-23 {padding: 0.28125em;}
  .p-2 {padding: 0.16875em;}
  .p-1 {padding: 0.09375em;} */
  /* padding-top
  .pt-5 {padding-top: 1.5em;}
  .pt-45 {padding-top: 1.125em;}
  .pt-4 {padding-top: 0.9375em;}
  .pt-34 {padding-top: 1.75em;}
  .pt-3 {padding-top: 0.46875em;}
  .pt-23 {padding-top: 0.28125em;}
  .pt-2 {padding-top: 0.16875em;}
  .pt-1 {padding-top: 0.09375em;} */
  /* padding-bottom
  .pb-5 {padding-bottom: 1.5em;}
  .pb-45 {padding-bottom: 1.125em;}
  .pb-4 {padding-bottom: 0.9375em;}
  .pb-34 {padding-bottom: 1.75em;}
  .pb-3 {padding-bottom: 0.46875em;}
  .pb-23 {padding-bottom: 0.28125em;}
  .pb-2 {padding-bottom: 0.16875em;}
  .pb-1 {padding-bottom: 0.09375em;} */
  /* padding-left
  .pl-5 {padding-left: 1.5em;}
  .pl-45 {padding-left: 1.125em;}
  .pl-4 {padding-left: 0.9375em;}
  .pl-34 {padding-left: 1.75em;}
  .pl-3 {padding-left: 0.46875em;}
  .pl-23 {padding-left: 0.28125em;}
  .pl-2 {padding-left: 0.16875em;}
  .pl-1 {padding-left: 0.09375em;} */
  /* padding-right
  .pr-5 {padding-right: 1.5em;}
  .pr-45 {padding-right: 1.125em;}
  .pr-4 {padding-right: 0.9375em;}
  .pr-34 {padding-right: 1.75em;}
  .pr-3 {padding-right: 0.46875em;}
  .pr-23 {padding-right: 0.28125em;}
  .pr-2 {padding-right: 0.16875em;}
  .pr-1 {padding-right: 0.09375em;} */
}

/* ##### BLUEIMP GALLERY ##### */
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .slides > .slide > .slide-content > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  /* Prevent artifacts in Mozilla Firefox: */
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .slides > .slide > .slide-content > img {
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  opacity: 1;
  padding: 1.5em;
}
.blueimp-gallery {
  position: fixed;
  z-index: 999999;
  overflow: hidden;
  background: rgba(0,0,0,0.9);
  opacity: 0;
  display: none;
  direction: ltr;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.blueimp-gallery-carousel {
  position: relative;
  z-index: auto;
  margin: 1em auto;
  /* Set the carousel width/height ratio to 16/9: */
  padding-bottom: 56.25%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -ms-touch-action: pan-y pinch-zoom;
  touch-action: pan-y pinch-zoom;
  display: block;
}
.blueimp-gallery-display {
  display: block;
  opacity: 1;
}
.blueimp-gallery > .slides {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.blueimp-gallery-carousel > .slides {
  position: absolute;
}
.blueimp-gallery > .slides > .slide {
  visibility: hidden;
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.blueimp-gallery > .slides > .slide-prev,
.blueimp-gallery > .slides > .slide-active,
.blueimp-gallery > .slides > .slide-next {
  visibility: visible;
}
.blueimp-gallery > .slides > .slide-loading {
  background: url(../../files/medienstation/library/blueimp-gallery/loading.gif) center no-repeat;
  background-size: 64px 64px;
}
.blueimp-gallery-smil > .slides > .slide-loading {
  background-image: url(../../files/medienstation/library/blueimp-gallery/loading.svg);
}
.blueimp-gallery > .slides > .slide-loading > .slide-content {
  opacity: 0;
}
.blueimp-gallery > .slides > .slide-error {
  background: url(../../files/medienstation/library/blueimp-gallery/error.png) center no-repeat;
}
.blueimp-gallery-svgasimg > .slides > .slide-error {
  background-image: url(../../files/medienstation/library/blueimp-gallery/error.svg);
}
.blueimp-gallery > .slides > .slide-error > .slide-content {
  display: none;
}
.blueimp-gallery-display > .prev, .blueimp-gallery-display > .next {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 18px;
  height: 30px;
  padding: 10px 14px 10px 18px;
  margin-top: -23px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: rgb(30,30,30) url(../../files/medienstation/library/blueimp-gallery/prev.png) center no-repeat;
  background-color: rgb(30, 30, 30);
  border: 4px solid rgb(248,153,29) !important;
  border-radius: 50% !important;
  opacity: 1;
  cursor: pointer;
  display: none;
  background-size: 55%;
  transition: background-color 0.2s !important;
}
.blueimp-gallery-display > .prev:hover, .blueimp-gallery-display > .next:hover {
  background-color: rgb(248,153,29);
}
.blueimp-gallery-display > .next {
  right: 15px;
  left: auto;
  background-image: url(../../files/medienstation/library/blueimp-gallery/next.png);
}
.blueimp-gallery-svgasimg > .prev {
  background-image: url(../../files/medienstation/library/blueimp-gallery/prev.svg);
}
.blueimp-gallery-svgasimg > .next {
  background-image: url(../../files/medienstation/library/blueimp-gallery/next.svg);
}
.blueimp-gallery-display > .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 3.5em;
  height: 3.5em;
  background: rgb(30,30,30) url(../../files/medienstation/library/blueimp-gallery/close.png) center no-repeat;
  background-color: rgb(30, 30, 30);
  border: 4px solid rgb(248,153,29) !important;
  border-radius: 50% !important;
  opacity: 1;
  cursor: pointer;
  display: none;
  background-size: 55%;
  transition: background-color 0.2s !important;
}
.blueimp-gallery-display > .close:hover {
  background-color: rgb(248,153,29);
}
.blueimp-gallery-svgasimg > .close {
  background-image: url(../../files/medienstation/library/blueimp-gallery/close.svg);
}
.blueimp-gallery > .title {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 60px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  opacity: 0.8;
  display: none;
}
.blueimp-gallery-display > .play-pause {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 30px;
  height: 30px;
  background: url(../../files/medienstation/library/blueimp-gallery/play-pause.png) 0 0 no-repeat;
  cursor: pointer;
  opacity: 0.5;
  display: none !important;
}
.blueimp-gallery-svgasimg > .play-pause {
  background-image: url(../../files/medienstation/library/blueimp-gallery/play-pause.svg);
  display: none;
}
.blueimp-gallery-playing > .play-pause {
  background-position: -30px 0;
}
.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
  display: block;
  /* Fix z-index issues (controls behind slide element) on Android: */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
  display: none;
}
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
  color: #fff;
  opacity: 1;
}

/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide {
  min-height: 300px;
}
* + html .blueimp-gallery > .slides > .slide > .slide-content {
  position: relative;
}
* + html .blueimp-gallery > .slides > .slide > .slide-content > img {
  position: relative;
}

@supports (object-fit: contain) {
  .blueimp-gallery-contain > .slides > .slide > .slide-content,
  .blueimp-gallery-contain > .slides > .slide > .slide-content > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

@media (prefers-color-scheme: light) {
  .blueimp-gallery-carousel {
    background: #fff;
  }
}