@font-face{font-family: schrift;src: url('/files/baustelle/f/FuturaNowText-Lt.ttf') format("truetype");font-weight: 200;font-style: normal}@font-face{font-family: schrift;src: url('/files/baustelle/f/FuturaNowText-Rg.ttf') format("truetype");font-weight: 400;font-style: normal}@font-face{font-family: schrift;src: url('/files/baustelle/f/FuturaNowText-Md.ttf') format("truetype");font-weight: 600;font-style: normal}:root{--rot: #ae1a2d;--blau: #35a8e0;--dkblau: #243265;--grau: #1d1d1b;--hellgrau: rgba(29,29,27,0.65);--textfarbe: var(--grau);--abstand: 3rem}@keyframes blink{0%,100%{opacity: 1}25%,75%{opacity: 0.2}50%{opacity: 1;background: rgba(255,255,255,0.35)}}@keyframes zoomIn{0%{transform: scale(0) translateY(100%) rotate(10deg);opacity: 0}100%{transform: scale(1) translateY(0) rotate(0);opacity: 1}}@keyframes slideIn{0%{opacity: 0;transform: translateY(50dvh)}100%{opacity: 1;transform: translateY(0)}}@keyframes slideFancyIn{0%{transform: scale(0) rotate3d(1, 1, 0, 0deg)}50%{transform: scale(.5) rotate3d(1, 1, 0, -360deg)}100%{transform: scale(1) rotate3d(1, 1, 0, 720deg)}}@keyframes scroller{to{left: calc(100dvw - var(--abstand))}}*{margin: 0;padding: 0;box-sizing: border-box}img{width: auto;max-width: 100%;height: auto}body{min-height: 80dvh;color: var(--textfarbe);font: 18px/1.4 schrift, sans-serif;font-weight: 400;letter-spacing: .1px}h1,h2,h3,h4,h5,h6{margin-bottom: .5em;font-size: inherit}h1,h2{margin-top: 2rem;color: var(--blau);font-weight: inherit}h1{font-size: 4rem}h2{font-size: 2.5rem}h3,h4,h5,h6{color: var(--hellgrau);font-weight: 600}p{margin-bottom: 1em}a{display: inline-block;padding: 2px 8px;margin: -2px -8px;text-decoration: none;color: var(--blau);border-radius: 0;transition: all .4s ease}a:hover,a:focus{color: white;background: var(--blau)}html{scroll-behavior: smooth;scroll-snap-type: block proximity}.scrollsnap{scroll-snap-align: start}.scrollDownLink{position: absolute;bottom: 5rem;left: 50dvw;transform: translateX(-50%);font-size: 1.5em}.scrollDownLink a{display: grid;justify-content: end;rotate: 90deg;width: 1.5em;height: 1em;color: white;border: 1px solid;border-radius: 100vw;line-height: 0.35;animation: blink .5s cubic-bezier(.76, 0, .24, 1) 4s 1 normal forwards}.scrollDownLink a:hover,.scrollDownLink a:focus{background: rgba(255,255,255,0.35)}#welle,#ente,#pikto{opacity: 0;transition: all .5s ease}body.dev #welle,body.dev #ente,body.dev #pikto{opacity: 1;transition-duration: 5s}#welle{position: fixed;left: 0;right: 0;bottom: 0;height: 2rem;background: url(/files/Live-2024/i/Grafiken/welle.svg) repeat-x;background-size: contain}#ente{position: fixed;bottom: 0.8rem;left: 0;height: 2rem;width: 2rem;background: url(/files/Live-2024/i/Enten/ente-schraeg-recht.svg) no-repeat;background-size: contain;animation: scroller linear;animation-timeline: scroll()}#pikto{display: grid;position: fixed;bottom: var(--abstand);right: var(--abstand);width: 5rem;height: 5rem;opacity: 0;transition: opacity .5s ease}@media screen and (max-width: 550px){#pikto{bottom: 23vh;left: 50%;right: unset;transform: translateX(-50%)}body.kurzVorEnde #pikto{opacity: 1}}@media screen and (min-width: 550px){body.angescrollt #pikto{opacity: 1}}.content-text.in-view{animation: slideIn .5s .3s ease-in both}.blau,.blue{color: var(--blau)}.hg-weiss,.bg-white{background: white}.bg-90perc-white{background: rgba(255,255,255,0.9)}.hg-blau,.bg-blue{background: var(--blau);color: white}.weiss{color: white}[class*=height]{display: grid;padding: var(--abstand) 0}[class*=height].mod_article{position: relative}.fullheight{min-height: 100dvh}.largeheight{min-height: 80dvh;scroll-margin-top: 10dvh}.goldheight{min-height: 60dvh}.halfheight{min-height: 50dvh}.space-around{margin: var(--abstand)}.space-x{margin-left: var(--abstand);margin-right: var(--abstand)}.space-y{margin-top: var(--abstand);margin-bottom: var(--abstand)}.space-above{margin-top: var(--abstand)}.space-below{margin-bottom: var(--abstand)}#wrapper{display: grid;align-content: center;justify-content: center;box-sizing: border-box}#kopf,#main,#fuss{width: 100vw}#main > .inside > .mod_article > .content-text:not(.fullwidth),#kopf > .content-text:not(.fullwidth),#fuss > .content-text:not(.fullwidth),#main > .inside > .mod_article > .content-image:not(.fullwidth),#kopf > .content-image:not(.fullwidth),#fuss > .content-image:not(.fullwidth){width: 80vw;align-self: center;justify-self: center}@media (min-width: 1000px){#main > .inside > .mod_article > .content-text:not(.fullwidth),#kopf > .content-text:not(.fullwidth),#fuss > .content-text:not(.fullwidth),#main > .inside > .mod_article > .content-image:not(.fullwidth),#kopf > .content-image:not(.fullwidth),#fuss > .content-image:not(.fullwidth){width: 64vw}}@media (min-width: 1280px){#main > .inside > .mod_article > .content-text:not(.fullwidth),#kopf > .content-text:not(.fullwidth),#fuss > .content-text:not(.fullwidth),#main > .inside > .mod_article > .content-image:not(.fullwidth),#kopf > .content-image:not(.fullwidth),#fuss > .content-image:not(.fullwidth){width: 50vw}}.content-image.hg.full.fix img{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;width: 100dvw;height: 100dvh;object-fit: cover}.content-text[class*=bg-],.content-text[class*=hg-]{box-sizing: content-box;padding: 2rem 4rem}#logo{display: block;width: 100%;height: 100%;margin: 0;padding: 0;color: lightgrey;overflow: hidden;text-align: right;animation: zoomIn 1s .3s ease-in-out both}body.home #logo{text-align: center;align-content: center}#logo img{width: 100%;max-width: 10rem;height: 100%;object-fit: contain}body.home #logo img{max-width: 80dvw;max-height: 70dvh}#logo figure,#logo a,#logo a:hover,#logo a:focus{display: inline;margin: 0;padding: 0;background: none;box-shadow: none;border: none}body.home #kopf{height: 100dvh}#content{margin: 4vw 0 0;overflow: hidden}#fuss{display: grid;align-content: end;min-height: 40dvh;padding: 13dvh 0;font-size: .7em;text-align: center}*:not([class*=rsfh-])[title]{position: relative}*:not([class*=rsfh-])[title]:after{content: attr(title);opacity: 0;overflow: hidden;position: absolute;top: 0;left: 100%;width: 0;max-height: 0;background: var(--rot);color: white;border-radius: 100vw;text-align: center;font-size: 0;line-height: 0;transition: all .3s ease}*:not([class*=rsfh-])[title]:hover:after{opacity: 1;top: -2.6em;right: 0;left: 0;width: 100%;max-height: 100vw;padding: .5em .4em .5em .7em;font-size: 0.9vw;line-height: 1.4;font-weight: 200}@media (max-width: 320px){#main > .inside > .mod_article,#kopf,#fuss{width: 100%}}@media (max-width: 320px){#kopf{background-position: right 2em}#content,#fuss{padding: 2em}}@media (max-width: 640px){#fuss{padding-top: var(--abstand)}}@media (min-width: 321px){#fuss p{display: inline;margin: 0 0 0 .2em;padding: 0 .5em 0 0;border-right: 1px solid var(--grau)}#fuss p:first-child{margin-left: 0}#fuss p:last-child{border: none;padding-right: 0}}.impressum .mod_article{padding: 0 2rem}.impressum .mod_article .content-text{margin: auto}@media (max-width: 400px){.impressum .mod_article .content-text{hyphens: auto}}@media (min-width: 1000px){#kopf{height: 23vw}}@media (min-width: 1280px){body.home #kopf{height: 18vw}}p.cta{display: flex;justify-content: center}.button{display: block;width: auto;margin: 1em;padding: .5em 2em;background: white;color: var(--blau);border: 1px solid;font-size: .8em;font-weight: 400;text-align: center;text-transform: uppercase}.button:hover,.button:focus{background: var(--blau);color: white}.button.pfeil{position: relative;border-width: 2px;font-size: 1.3rem;letter-spacing: 1px}.button.pfeil:after{content: "›";display: inline-block;position: absolute;top: 0.rem;right: 0.7rem;font-size: 4rem;font-weight: 200;line-height: 0}.small{font-size: .7em}.abstand-oben{margin-top: 4em}ul{list-style-type: none;padding: 0;margin: 0}ul li{font-size: 1.325em}ul li span{margin-right: .5em}#downloads h2{color: var(--textfarbe);opacity: .8}#downloads .button{margin: 3rem 0;padding: 1rem 2rem}#pi{display: grid;align-content: center;justify-content: center;position: fixed;top: 32dvh;right: 2rem;z-index: 999;width: 1rem;height: 1rem;padding: 2rem;border-radius: 100vw;line-height: 0;font-weight: 600;text-transform: uppercase;transition: all .4s;background: transparent;color: var(--hellgrau);opacity: 0}#pi:focus,#pi:hover{box-shadow: none;opacity: 0.2;transition-duration: 5s}#ausgabe{display: none}body.dev #ausgabe{display: grid;position: fixed;bottom: 2rem;right: 2rem;z-index: 999;padding: 2rem;background: white;color: var(--rot);box-shadow: 0 0 15px var(--hellgrau)}