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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
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}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* 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/theme/zukunft-birsraum/fonts/roboto-v30-latin-regular.eot");
    /* IE9 Compat Modes */
    src:
        url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-regular.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-regular.woff") format("woff"),
        /* Modern Browsers */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-regular.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-regular.svg#Roboto") format("svg");
    /* Legacy iOS */
}
/* 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/theme/zukunft-birsraum/fonts/roboto-v30-latin-500.eot");
    /* IE9 Compat Modes */
    src:
        url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-500.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-500.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-500.woff") format("woff"),
        /* Modern Browsers */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-500.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-500.svg#Roboto") format("svg");
    /* Legacy iOS */
}
/* 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/theme/zukunft-birsraum/fonts/roboto-v30-latin-700.eot");
    /* IE9 Compat Modes */
    src:
        url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-700.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-700.woff") format("woff"),
        /* Modern Browsers */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-700.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../../files/theme/zukunft-birsraum/fonts/roboto-v30-latin-700.svg#Roboto") format("svg");
    /* Legacy iOS */
}
* {
    box-sizing: border-box;
}
html {
    overflow-x: hidden;
    position: relative;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    width: 100%;
}
body {
    background-color: #fff;
    color: #000;
    font-family: "Roboto";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    overflow-x: hidden;
    width: 100%;
}
.block {
    overflow: visible;
}
a:not(:where(.button *, .download *, .programm *, header *, footer *, nav *, .zur-anmeldung *))::after {
    background-color: #6fabd7;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transition: all 0.2s;
    width: 0;
    z-index: 2;
}
a:not(:where(.button *, .download *, .programm *, header *, footer *, nav *, .zur-anmeldung *))::before {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.2s;
    width: 100%;
    z-index: 1;
}
a:hover::after {
    left: 0;
    width: 100%;
}
a {
    color: inherit;
    position: relative;
    text-decoration: none;
    transition: all 0.2s;
}
a:hover {
    color: #6fabd7;
}
.button a,
.programm a,
.download a,
.zur-anmeldung a {
    align-items: center;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 6px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.6em;
    font-weight: 700;
    height: 35px;
    line-height: 200%;
    overflow: hidden;
    padding: 1px 11px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0s ease 0s;
    width: auto;
    z-index: 1;
}
.button a::before,
.programm a::before,
.download a::before,
.zur-anmeldung a::before {
    background: linear-gradient(to right, #b9dbf4 0%, #ffffff 50%);
    content: "";
    display: block;
    height: 100%;
    left: -150%;
    position: absolute;
    top: 0;
    transition: all 2s;
    width: 300%;
    z-index: -1;
}
.button a:hover::before,
.programm a:hover::before,
.download a:hover::before,
.zur-anmeldung a:hover::before {
    left: 0;
}
.programm a::after,
.download a::after {
    content: url("../../files/theme/zukunft-birsraum/img/download.svg");
    display: inline-block;
    height: 20px;
    margin-left: 11px;
    position: relative;
    width: 26px;
}
.button a::after,
.zur-anmeldung a::after {
    content: url("../../files/theme/zukunft-birsraum/img/triangle-button-blue.svg");
    height: 15px;
    margin-left: 10px;
    position: relative;
    top: -1px;
    width: 15px;
    z-index: 3;
}
.section-yellow .zur-anmeldung-extern a::after {
    content: url("../../files/theme/zukunft-birsraum/img/triangle-button-blue.svg");
    height: 15px;
    margin-left: 11px;
    position: relative;
    top: -3px;
    width: 15px;
}
.programm a {
    border: 1px solid #20b4ba;
}
h1 {
    font-size: 2.25em;
    font-weight: 700;
    line-height: 150%;
    margin: 45px 0 30px;
}
h2 {
    font-size: 1.75em;
    font-weight: 700;
    line-height: 150%;
    margin: 0;
}
figure,
img {
    line-height: 0;
}
#wrapper {
    overflow: hidden;
}
header.fixed {
    top: -97px;
}
header {
    background-color: #fff;
    position: fixed;
    top: 20px;
    transition: all 0.25s;
    width: 100%;
    z-index: 30;
}
header .inside {
    display: flex;
    justify-content: space-between;
    max-width: 970px;
    padding-left: 20px;
    padding-right: 20px;
}
header .inside {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#main .inside > div,
#main .inside > div > div {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100%;
}
header .logo {
    display: block;
    margin-top: 25px;
    position: absolute;
}
header.fixed .logo img {
    margin-top: 81px;
    width: 80px;
}
header .logo img {
    transition: all 0.25s;
    width: 213px;
}
header .logos {
    display: flex;
    gap: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
}
header .logos img {
    height: 100%;
    width: auto;
}
header.fixed .navigation {
    font-size: 0.9em;
    margin-top: 113px;
    padding-left: 140px;
}
header .navigation {
    margin-top: 132px;
    transition: all 0.25s;
    width: 100%;
}
header .navigation nav {
    width: 100%;
}
header .navigation ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
header .navigation a:not(:last-of-type) {
    margin-right: 36px;
}
#container {
    padding-top: 185px;
}
#main .inside > div {
    max-width: 1440px;
    position: relative;
    z-index: 2;
}
#container .logos {
    display: none;
}
.logos-blue ul > li:not(:last-of-type) {
    margin-right: 36px;
}
.headline-header {
    background-color: #fff;
}
.headline-header > div {
    line-height: 200%;
    max-width: 970px;
    padding: 0 20px 40px;
}
#main .inside > div.parallax {
    background-color: rgba(0, 0, 0, 0);
    z-index: 0;
}
#main .inside > div.parallax2 {
    z-index: 1;
}
.pbg {
    background-color: #fff;
    line-height: 0;
    position: absolute;
    width: 100%;
    z-index: -5;
}
.pbg2 {
    z-index: -6;
}
.pbg > img {
    width: 100%;
}
.parallax h2 {
    color: #6fabd7;
    height: 0;
    line-height: 0;
    padding-right: 17.2%;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: -9px;
    transform: rotate(-5deg);
    transform-origin: right top 0;
    width: 100%;
}
/*@supports (-webkit-touch-callout: none) {
		.parallax h2 {
				height: 8px;
		}
}
*/
.zur-anmeldung {
    left: 0;
    padding-right: 5%;
    position: absolute;
    text-align: right;
    top: 97px;
    width: 100%;
    z-index: 1;
}
.text-small {
    background-color: #fff;
}
.text-small > div {
    line-height: 200%;
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
    padding: 0 20px 37px;
}
.section-blue {
    color: #ffffff;
    overflow: hidden;
    padding: 70px 0 380px;
    position: relative;
}
.section-blue .content-gallery {
    background-color: #20b4ba;
    height: 190px;
    left: -5%;
    position: absolute;
    transform: rotate(-5deg);
    transform-origin: center center 0;
    width: 110%;
}
.section-blue .content-gallery ul {
    position: absolute;
    right: 19.2%;
    top: -28px;
}
.section-blue .content-gallery ul > li:first-of-type {
    margin-right: 20px;
    padding-top: 27px;
    transition: all 0.8s;
}
.section-blue.da .content-gallery ul > li:first-of-type {
    margin-right: 20px;
    padding-top: 0;
}
.section-blue .content-gallery ul > li:last-of-type {
    padding-top: 27px;
    transition: all 0.8s 0.6s;
}
.section-blue.da .content-gallery ul > li:last-of-type {
    padding-top: 0;
}
.section-blue .content-text::after {
    background-color: #20b4ba;
    bottom: -30px;
    content: "";
    display: block;
    height: 320px;
    left: -20%;
    position: absolute;
    transform: rotate(-9.5deg);
    transform-origin: right top 0;
    width: 130%;
    z-index: -1;
}
.section-blue .content-text {
    background-color: #20b4ba;
    line-height: 200%;
    position: relative;
    top: 70px;
}
.section-blue .content-text > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 970px;
    padding: 0 20px;
}
.section-blue .content-text h2 {
    margin: 0 auto;
}
.section-blue .content-text p,
.section-blue .content-text ul {
    margin-bottom: 48px;
}
.section-blue .content-text li::before {
    content: url("../../files/theme/zukunft-birsraum/img/triangle-list.svg");
    height: 17px;
    margin: 0 0 0 -25px;
    position: absolute;
    width: 7px;
}
.section-blue .content-text li {
    padding: 0 0 0 25px;
    position: relative;
}
.slider > div {
    padding: 40px 20px;
}
#jssor_1,
#jssor_1 .slides-container {
    height: 585px;
    width: 780px;
}
#jssor_1 {
    box-sizing: content-box;
    padding-bottom: 40px;
}
.slider-container {
    margin-bottom: 60px;
}
.slider-container-inner {
    max-width: 100%;
    padding: 0;
}
.slider-container-inner {
    margin: 0 auto;
    max-width: 780px;
    padding: 0 30px;
    width: 100%;
}
.slider-bilder {
    display: none;
}
.jssora051 {
    cursor: pointer;
    display: block;
    position: absolute;
}
.jssora051 .a {
    fill: none;
    stroke: #20b4ba;
    stroke-miterlimit: 10;
    stroke-width: 360;
}
.jssora051:hover {
    opacity: 0.8;
}
.jssora051.jssora051dn {
    opacity: 0.5;
}
.jssora051.jssora051ds {
    opacity: 0.3;
    pointer-events: none;
}
#jssor_1 > div:last-of-type {
    bottom: 1px !important;
    height: 16px !important;
    left: 0 !important;
    position: absolute;
    width: 100% !important;
}
#jssor_1 div.jssorb051 {
    display: flex;
    justify-content: center;
    left: inherit !important;
    padding: 0 20px;
    position: relative !important;
    width: 100% !important;
}
#jssor_1 .jssorb051 .i {
    background-color: #fff !important;
    border: 1px solid #aaa;
    border-radius: 20px;
    cursor: pointer;
    display: block;
    height: 10px !important;
    left: inherit !important;
    margin: 0 2px;
    position: relative !important;
    width: 10px !important;
}
#jssor_1 .jssorb051 .i:hover {
    background-color: #20b4ba !important;
    opacity: 0.5;
}
#jssor_1 .jssorb051 .iav {
    background-color: #20b4ba !important;
    opacity: 1;
}
#jssor_1 figure img,
#jssor_1 figure img {
    width: 100%;
}
#jssor_1 div {
    background-color: transparent !important;
}
#jssor_1 > div:nth-of-type(2) {
    z-index: -1;
}
#jssor_1 .loading {
    height: 100% !important;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100% !important;
    z-index: -1;
}
#jssor_1 .loading svg {
    max-width: 350px;
}
.text-wide > div {
    line-height: 200%;
    margin-left: auto;
    margin-right: auto;
    max-width: 970px;
    padding: 60px 20px;
}
.text-wide .content-text p,
.text-wide .content-text ul {
    margin-bottom: 48px;
}
.section-yellow-light {
    background-color: #fefce7;
    line-height: 0;
}
.section-yellow-light > div {
    line-height: 150%;
}
.section-blue-light {
    background-color: #e9f8f8;
    line-height: 0;
}
.section-yellow {
    overflow: hidden;
    padding: 140px 0 20px;
    position: relative;
}
.section-yellow > div::before {
    background-color: #f8e000;
    content: "";
    height: 100%;
    left: calc(50% - 5000px);
    position: absolute;
    top: 156px;
    width: 10000px;
    z-index: -1;
}
.section-yellow > div {
    background-color: #f8e000;
    max-width: 970px;
    padding: 0 37px 20px;
}
.section-yellow h2::after {
    background-color: #f8e000;
    bottom: -180px;
    content: "";
    display: block;
    height: 173px;
    position: absolute;
    width: 200%;
}
.section-yellow h2 {
    color: #f8e000;
    height: 22px;
    left: -5%;
    line-height: 100%;
    padding-right: 12.8%;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 60px;
    transform: rotate(-5deg);
    transform-origin: center center 0;
    width: 100%;
    z-index: -1;
}
.section-yellow h3 {
    font-size: 1.75em;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 37px;
}
.section-yellow .content-text,
.section-yellow .extern {
    padding-bottom: 30px;
}
.section-yellow small {
    text-align: right;
}
.section-yellow .content-hyperlink {
    margin-bottom: 10px;
    margin-right: 20px;
    width: auto;
}
.extern iframe {
    display: none;
}
.section-yellow form {
    margin-bottom: 60px;
    max-width: 420px;
    width: 100%;
}
.section-yellow form .widget {
    display: flex;
    flex-flow: column nowrap;
    margin-bottom: 14px;
    position: relative;
    width: 100%;
}
.section-yellow form label {
    margin-bottom: 7px;
}
.section-yellow form span.mandatory {
    color: #20b4ba;
    margin-left: 2px;
}
.section-yellow input.text {
    align-items: center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: none;
    border-radius: 3px;
    color: inherit;
    display: flex;
    font-family: inherit;
    height: 36px;
    outline-color: #20b4ba;
    padding: 0 6px;
}
.section-yellow fieldset {
    display: flex;
    flex-flow: column nowrap;
}
.section-yellow button.submit::before {
    background: linear-gradient(to right, #b9dbf4 0%, #ffffff 50%);
    content: "";
    display: block;
    height: 100%;
    left: -150%;
    position: absolute;
    top: 0;
    transition: all 2s;
    width: 300%;
    z-index: -1;
}
.section-yellow button.submit:hover::before {
    left: 0;
}
.section-yellow button.submit {
    align-items: center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: 6px;
    color: inherit;
    cursor: pointer;
    display: felx;
    font-family: inherit;
    height: 36px;
    justify-content: center;
    overflow: hidden;
    padding: 0 6px;
    position: relative;
    z-index: 0;
}
.tile-2 > div {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    max-width: 970px;
    padding: 0 37px 20px;
}
.tile-2 > div > .content-headline {
    font-size: 1.75em;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 37px;
    width: 100%;
}
.tile-2 > div > div {
    margin-bottom: 60px;
    width: calc(50% - 10px);
}
.blue-tile,
.yellow-tile {
    line-height: 0;
}
.blue-tile h3,
.yellow-tile h3 {
    align-items: center;
    background-color: #20b4ba;
    display: flex;
    flex-flow: row wrap;
    font-weight: 700;
    height: 90px;
    line-height: 120%;
    margin: 0;
    padding: 0 15px;
}
.blue-tile h3 {
    background-color: #20b4ba;
    color: #fff;
}
.yellow-tile h3 {
    background-color: #f8e000;
}
.blue-tile a::before,
.yellow-tile a::before,
.blue-tile a::after,
.yellow-tile a::after {
    display: none;
}
.blue-tile a,
.yellow-tile a {
    display: block;
    overflow: hidden;
}
.blue-tile a img,
.yellow-tile a img {
    transform-origin: center;
    transition: all 0.25s;
}
.blue-tile a:hover img,
.yellow-tile a:hover img {
    transform: scale(1.05);
}
#main .inside > div.kontakt > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 970px;
    padding: 60px 20px 0;
    width: 100%;
}
.kontakt h2 {
    font-size: 1.75em;
    margin-bottom: 37px;
    margin-top: 80px;
    width: 100%;
}
.kontakt > div > div:nth-of-type(1) {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 87px;
    width: 100%;
}
.kontakt > div > div:nth-of-type(1) > p:nth-of-type(1) {
    margin-right: 74px;
}
.kontakt > div > div:not(:nth-of-type(1)) {
    margin-bottom: 50px;
    width: 50%;
}
.kontakt > div > div:not(:nth-of-type(1)) figure {
    margin-bottom: 27px;
}
.page_impressum #main .inside {
    margin: 0 auto;
    max-width: 970px;
    padding: 50px 20px 0;
}
.page_dokumentation .section-yellow-light.text-wide .content-text:not(:first-of-type) {
    padding-top: 30px;
}
.page_dokumentation .section-yellow-light.text-wide .content-text,
.page_dokumentation .section-yellow-light.text-wide .content-gallery {
    clear: both;
    float: none;
}
.page_dokumentation .section-yellow-light.text-wide .content-gallery {
    padding-top: 50px;
}
.page_dokumentation .section-yellow-light.text-wide .content-text p,
.page_dokumentation .section-yellow-light.text-wide .content-text ul {
    margin-bottom: 12px;
}
.page_dokumentation .section-yellow-light.text-wide .slider-container-inner {
    padding: 0;
}
.page_dokumentation .programm {
    display: inline-flex;
    margin-bottom: 10px;
    margin-right: 30px;
}
table {
    margin-top: 90px;
    width: 100%;
}
th {
    border-bottom: 4px solid #000;
}
tr > th:first-of-type,
tr > td:first-of-type {
    font-weight: 700;
    padding-left: 20px;
}
tr > td:last-of-type,
tr > th:last-of-type {
    padding-right: 20px;
}
td {
    background-color: #fff;
    border-bottom: 2px solid #000;
    padding: 40px 10px;
}
.content-gallery {
    margin-top: 60px;
}
.content-gallery h3 {
    border-bottom: 4px solid #000;
    font-size: 1em;
    font-weight: 700;
    line-height: 150%;
    padding-bottom: 6px;
}
.content-gallery ul {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    margin-top: 20px;
}
.content-gallery li {
    width: calc(25% - 7.5px);
}
.content-gallery a::after {
    display: none;
}
.content-gallery a {
    display: block;
    overflow: hidden;
}
.content-gallery a img {
    transform-origin: center;
    transition: all 0.25s;
}
.content-gallery a:hover img {
    transform: scale(1.05);
}
footer {
    margin-top: 60px;
}
footer .inside {
    margin: 0 auto;
    max-width: 1167px;
    padding-bottom: 20px;
}
footer .inside > img {
    max-width: 1167px;
    width: 1167px;
}
footer .inside > div {
    display: flex;
    flex-flow: row wrap;
    font-size: 0.6em;
    justify-content: space-between;
    line-height: 150%;
    margin: 38px auto 0;
    max-width: 970px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
footer .logo {
    display: block;
}
footer .logo img {
    width: 169px;
}
footer .left {
    padding-bottom: 40px;
}
footer .right {
    align-items: flex-end;
    display: flex;
    flex-flow: column nowrap;
    padding-top: 39px;
    position: relative;
    width: calc(100% - 200px);
}
footer .logos {
    display: flex;
    gap: 20px;
    height: 20px;
}
footer .logos img {
    height: 100%;
    width: auto;
}
footer .mod_customnav {
    margin: 30px 0;
}
@media (max-width: 860px) {
    header {
        background-color: #fff;
        height: 130px;
        position: fixed;
        top: 0;
        transition: all 0.5s;
        width: 100%;
        z-index: 100;
    }
    header::before {
        background-color: #fff;
        content: "";
        height: 140px;
        position: fixed;
        top: -10px;
        transition: all 0.5s;
        width: 100%;
        z-index: 0;
    }
    header.fixed,
    header.fixed::before {
        height: 60px;
    }
    header .logo img {
        transition: all 0.5s;
    }
    header .navigation,
    header.fixed .navigation {
        font-size: 1em;
        margin-top: -250px;
        transition: all 0.5s;
        z-index: -1;
    }
    .mobile-navi header .navigation {
        font-size: 1em;
        margin-top: 130px;
    }
    .mobile-navi header.fixed .navigation {
        font-size: 1em;
        margin-top: 147px;
    }
    header .navigation nav {
        background-color: #20b4ba;
        left: -20px;
        padding: 20px 40px;
        position: absolute;
        width: calc(100% + 40px);
    }
    header .navigation ul {
        flex-flow: column;
        gap: 20px;
    }
    header nav a,
    header nav a:hover {
        color: #fff;
    }
    header nav .active {
        color: #f8e000;
    }
    .hamburger {
        cursor: pointer;
        height: 16px;
        position: absolute;
        right: 20px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        top: 82px;
        transition: all 0.5s;
        width: 40px;
    }
    header.fixed .hamburger {
        top: 108px;
    }
    .hamburger .bar {
        background-color: #20b4ba;
        border-radius: 4px;
        display: block;
        height: 2px;
        padding: 0;
        position: absolute;
        transition: all 0.4s ease-in-out 0s;
        width: 40px;
    }
    .bar1 {
        top: 0;
    }
    .bar2,
    .bar3 {
        top: 6.5px;
    }
    .bar3 {
        right: 0;
    }
    .bar4 {
        bottom: 0;
    }
    .hamburger .bar4 {
        top: 6.5px;
        transition:
            all 0.4s ease-in-out,
            transform 0.4s ease-in-out 0.4s;
    }
    .hamburger .bar2 {
        left: 5px;
        transform: rotate(45deg) scale(0);
        width: 30px;
    }
    .hamburger .bar3 {
        left: 5px;
        transform: rotate(-45deg) scale(0);
        width: 30px;
    }
    .hamburger .bar5 {
        bottom: 0px;
    }
    .mobile-navi .hamburger > .bar1 {
        background-color: transparent;
        top: 6.5px;
    }
    .mobile-navi .hamburger > .bar2 {
        transform: rotate(45deg) scale(1);
        transform-origin: center;
    }
    .mobile-navi .hamburger > .bar3 {
        transform: rotate(-45deg) scale(1);
        transform-origin: center;
    }
    .mobile-navi .hamburger > .bar4 {
        background-color: transparent;
    }
    .mobile-navi .hamburger > .bar5 {
        background-color: transparent;
        bottom: 6.5px;
    }
    #container {
        padding-top: 120px;
    }
}
@media (max-width: 767px) {
    header .logos {
        display: none;
    }
    #container {
        padding-top: 138px;
    }
    #container .logos {
        display: flex;
        gap: 30px;
        height: 20px;
        justify-content: flex-end;
        padding: 0 20px;
    }
    #container .logos img {
        height: 100%;
        width: auto;
    }
    .content-text,
    .ce_ul {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .content-table {
        overflow-x: scroll;
    }
    .content-table table {
        width: 1000px;
    }
    footer .left,
    footer .right {
        align-items: center;
        display: flex;
        flex-flow: column nowrap;
        padding-top: 20px;
        width: 100%;
    }
}
@media (max-width: 679px) {
    .section-yellow h2 {
        font-size: 1.25em;
    }
    .section-yellow h2::after {
        bottom: -172px;
    }
    .kontakt > div > div:not(:nth-of-type(1)) {
        width: 100%;
    }
}
@media (max-width: 580px) {
    #container .logos {
        gap: 20px;
    }
    .tile-2 > div > div {
        width: 100%;
    }
}
@media (max-width: 479px) {
    header,
    header::before {
        height: 130px;
    }
    .mobile-navi header .navigation {
        margin-top: 120px;
    }
    #container {
        padding-top: 130px;
    }
    #container .logos {
        height: 15px;
        justify-content: space-between;
    }
    h1 {
        font-size: 2.25em;
        font-weight: 700;
        line-height: 120%;
        margin: 30px 0;
    }
    .zur-anmeldung {
        left: 40px;
        padding-right: 0;
        text-align: left;
        top: 110px;
    }
    .downloads-container .content-text:not(:first-of-type) {
        margin-top: 60px;
    }
    .downloads-container h2 {
        font-size: 1.25em;
        line-height: 150%;
        margin-bottom: 12px;
    }
    .downloads-container .programm a {
        margin-bottom: 10px;
    }
    .parallax h2 {
        font-size: 0.9em;
        top: -6px;
    }
    .section-yellow h2 {
        font-size: 0.9em;
        height: 16px;
    }
    .slider-container-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    .content-gallery li {
        width: calc(33.3333% - 10px);
    }
    footer .logos {
        height: 15px;
        justify-content: space-between;
    }
}