@font-face{font-family: 'Inter';src: url('../fonts/inter-var.woff2') format('woff2');font-weight: 100 900;font-display: swap}:root{--red: #c1121c;--blue: #004f9e;--blue-dark: #003470;--grey: #f5f5f5;--line: #dddddd;--text: #000;--radius: 15px;--font: 'aktiv-grotesk','Inter','Helvetica Neue',Arial,sans-serif;--header-h: 72px}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 60px);-webkit-text-size-adjust: 100%}body{margin: 0;font-family: var(--font);font-size: 16px;line-height: 1.5;color: var(--text);background: #fff;-webkit-font-smoothing: antialiased}img{max-width: 100%;height: auto;display: block}a{color: var(--red);text-decoration: none}a:hover{text-decoration: underline}p{margin: 0 0 1em}p:last-child{margin-bottom: 0}strong,b{font-weight: 600}h1,h2,h3,h4{font-weight: 600;line-height: 1.3;margin: 0 0 .5em;letter-spacing: -0.02em}h1{font-size: clamp(30px,8vw,50px)}h2{font-size: clamp(26px,6vw,38px)}h3{font-size: 22px}h4{font-size: 18px;letter-spacing: 0}@media (min-width: 981px){h1{font-size: clamp(30px,3.5vw,45px)}}:focus-visible{outline: 3px solid var(--blue);outline-offset: 3px}.skip-link{position: absolute;left: -9999px;top: 0;z-index: 100;background: #fff;padding: 10px 16px}.skip-link:focus{left: 10px;top: 10px}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.container{width: 90%;max-width: 1080px;margin: 0 auto}.container-wide{width: 90%;max-width: 1400px;margin: 0 auto}.section{padding: 54px 0;position: relative}.section-grey{background: var(--grey)}@media (min-width: 1350px){.section{padding: 54px 0}}.page-intro{padding-top: calc(var(--header-h) + 100px)}.overline{text-transform: uppercase;font-size: 13.33px;font-weight: 600;color: var(--blue);margin-bottom: 20px}.btn{display: inline-block;background: var(--red);color: #fff;font-weight: 600;font-size: 13.33px;line-height: 1.5;padding: 6.67px 20px;border-radius: 50px;border: 0;cursor: pointer;font-family: inherit;transition: background .2s}.btn:hover{background: #a30f18;text-decoration: none}.kopfzeile{max-width: 624px;padding: 27px 0}.center-btn{text-align: center;padding-top: 27px}.site-header{position: fixed;inset: 0 0 auto;z-index: 50;padding: 15px 0;background: transparent;border-bottom: 1px solid transparent;transition: background .3s ease-in-out,border-color .3s}.site-header.scrolled{background: #fff;border-bottom-color: var(--line)}.header-inner{display: flex;align-items: center;justify-content: space-between}.logo img{width: 140px;height: auto}.main-nav ul{list-style: none;margin: 0;padding: 0;display: flex;gap: 30px}.main-nav a{font-size: 13px;font-weight: 600;color: var(--blue)}.main-nav a[aria-current="page"]{color: var(--red)}.nav-toggle{display: none;background: none;border: 0;padding: 8px;cursor: pointer}.nav-toggle span{display: block;width: 24px;height: 2px;background: var(--blue);margin: 5px 0;transition: transform .2s,opacity .2s}@media (max-width: 980px){.nav-toggle{display: block}.main-nav{position: absolute;top: 100%;left: 0;right: 0;background: #fff;border-top: 3px solid var(--red);box-shadow: 0 2px 5px rgba(0,0,0,.1);display: none}.main-nav.open{display: block}.main-nav ul{flex-direction: column;gap: 0;width: 90%;margin: 0 auto;padding: 10px 0}.main-nav a{display: block;padding: 10px 0;font-size: 14px}.site-header{background: #fff}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform: translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity: 0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}}.hero{padding: calc(var(--header-h) + 28px) 0 0;overflow: hidden}.hero-arrows::before{content: "";position: absolute;inset: 0;background: url(../img/pfeile_grau.svg) -50px center / 200% auto no-repeat;opacity: 0;transition: background-position 2s ease-out,opacity 2s ease-out;z-index: 0;pointer-events: none}.hero-arrows.animated::before{background-position: 0% center;opacity: 1}.hero-arrows>.container{position: relative;z-index: 1}.hero-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;padding: 27px 0}.hero-text h1{margin-bottom: 30px}.hero-visual{position: relative}.hero-visual img{width: 100%}.counter{position: absolute;top: 30px;right: -30px;width: 150px;text-align: center;background: var(--grey);border: 1px solid var(--line);border-radius: var(--radius);padding: 20px}.counter p{font-size: clamp(24px,2.5vw,35px);line-height: 1.2;margin: 0}.counter .counter-label{font-size: 16px;font-weight: 600}.slide-up .word-wrapper{display: inline-block;overflow: hidden;vertical-align: bottom}.slide-up .word-wrapper>span{display: inline-block;transform: translateY(100%);animation: slide-up .6s ease forwards;animation-delay: var(--delay);white-space: nowrap}@keyframes slide-up{to{transform: translateY(0)}}@media (scripting: enabled){.fade-in{opacity: 0}.slide-up:not(.ready){visibility: hidden}}.fade-in.is-visible{animation: fade-in 1s ease-in-out both}@keyframes fade-in{from{opacity: 0}to{opacity: 1}}#intro{padding: 120px 0}.scroll-text{font-size: clamp(18px,3vw,24px);line-height: 1.5;max-width: 800px;margin: 0}.scroll-text.armed span{opacity: 0}.scroll-text.written span{animation: write-in .4s ease-out var(--d) forwards}@keyframes write-in{from{opacity: 0;transform: translateY(.15em)}to{opacity: 1;transform: none}}.scroll-text span{display: inline-block;white-space: pre}.vorteile{display: grid;grid-template-columns: 1fr 1fr;gap: 20px}.card{background: var(--grey);border: 1px solid var(--line);border-radius: var(--radius);padding: 30px}.card-white{background: #fff;border-color: transparent}.card-icon{width: 48px;height: 48px;margin-bottom: 30px}.card h3,.card .h3{margin-bottom: 20px}.h3{font-size: 22px}.check-list{list-style: none;padding-left: 2.2em;margin: 0}.check-list li{position: relative}.check-list li::before{content: "";position: absolute;left: -2.2em;top: 0;width: 1.5em;height: 1.5em;background: url(../img/check-schwarz.svg) no-repeat center / contain}.logos{list-style: none;margin: 27px 0 0;padding: 0;display: grid;grid-template-columns: repeat(5,1fr);gap: 18px}.logos li{background: var(--grey);border: 1px solid var(--line);border-radius: var(--radius);padding: 15px;display: flex;align-items: center}.logos img{filter: saturate(0);mix-blend-mode: multiply;transition: filter .3s}.logos li:hover img{filter: none}.carousel{padding-top: 27px}.carousel-track{list-style: none;margin: 0;padding: 0;display: grid;grid-auto-flow: column;grid-auto-columns: calc((100% - 2 * 20px) / 3);gap: 20px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;scroll-behavior: smooth}.carousel-track::-webkit-scrollbar{display: none}.carousel-card{scroll-snap-align: start;background: var(--grey);border-radius: var(--radius);overflow: hidden}.carousel-card img{aspect-ratio: 1 / 1;object-fit: cover;width: 100%}.carousel-card>div{padding: 20px}.carousel-card h3{font-size: 18px;letter-spacing: 0;margin-bottom: 4px}.carousel-card p{font-size: 14px;line-height: 1.4}.carousel-nav{display: flex;gap: 10px;margin-top: 20px}.carousel-nav button{width: 50px;height: 50px;border-radius: 50%;border: 0;background: #000;color: #fff;font-size: 20px;cursor: pointer}.carousel-nav button:disabled{background: #ddd;color: #fff;cursor: default}.section-beauftragung{background: url(../img/pfeile_dunkel.svg) center / cover,linear-gradient(1deg,var(--blue) 0%,var(--blue-dark) 100%);background-blend-mode: multiply;color: #fff}.section-beauftragung h2{color: #fff}.section-beauftragung .overline{color: #fff}.beauftragung-grid{display: grid;grid-template-columns: 3fr 2fr;gap: 60px;padding: 27px 0;align-items: start}.timeline{list-style: none;margin: 30px 0 0;padding: 0;position: relative}.timeline::before{content: "";position: absolute;left: 15px;top: 12px;bottom: 12px;width: 1px;background: #fff;transform: translateX(-50%)}.timeline::after{content: "";position: absolute;left: 15px;top: 12px;width: 1px;height: var(--progress,0px);max-height: calc(100% - 24px);background: var(--red);transform: translateX(-50%)}.timeline li{position: relative;padding-left: 40px;margin-bottom: 20px}.timeline li::before{content: "";position: absolute;left: 10px;top: 7px;width: 10px;height: 10px;border-radius: 50%;background: #fff;z-index: 1;transition: background .1s ease-in-out}.timeline li.passed::before{background: var(--red)}.person-card{background: #fff;color: var(--text);border-radius: var(--radius);padding: 30px;text-align: center;max-width: 500px;box-shadow: 0 0 40px rgba(0,0,0,.2)}.person-card img{width: 200px;margin: 0 auto 20px}.person-name{font-size: 24px;font-weight: 600;letter-spacing: -0.02em;line-height: 1.3;margin: 0}.person-role{margin: 15px 0;line-height: 1.2}.person-contact{font-size: 14px;line-height: 1.2}.person-contact a{color: inherit;display: inline-block;padding: 5px 0;min-height: 24px}.person-card .btn{font-size: 16px;padding: .5em 1.5em;margin: 10px auto 0}.grundsaetze .container{position: relative}.grundsatz-label{position: relative;font-weight: 600;text-transform: uppercase;color: var(--red);padding: 27px 0;margin: 0}.grundsatz-label::before{content: "";position: absolute;left: -2.5em;top: calc(27px - .2em);width: 2em;height: 2em;background: no-repeat center / contain}.icon-systematisch::before{background-image: url(../img/systematisch-rot.svg)}.icon-auffaellig::before{background-image: url(../img/auffaellig-rot.svg)}.icon-klar::before{background-image: url(../img/klar-rot.svg)}.icon-barrierefrei::before{background-image: url(../img/barrierefrei-rot.svg)}@media (max-width: 1200px){.grundsatz-label{margin-left: 2.5em}}.grundsatz{display: flex;gap: 50px;align-items: center;padding: 27px 0}.grundsatz>*{flex: 1 1 0;min-width: 0}.grundsatz-media img{max-width: 600px;width: 100%}.grundsatz-media img.framed{border-radius: var(--radius)}.chip-menu{position: sticky;top: var(--header-h);z-index: 10;padding: 15px 0 0}.chip-menu .container{display: flex;flex-wrap: wrap;gap: 8px}.chip-menu a{color: #595959;border: 1px solid #767676;border-radius: 50px;padding: 3.2px 12.8px;font-size: 13.33px;background: var(--grey)}.chip-menu a:hover{color: var(--blue);border-color: var(--blue);text-decoration: none}.erweiterungen{padding-top: 100px}.erweiterung{display: grid;grid-template-columns: 500px 1fr;gap: 120px;align-items: center;padding: 27px 0}.erweiterung-rev{grid-template-columns: 1fr 510px}.erweiterung-rev .erweiterung-img{order: -1}.erweiterung-img{width: 100%;height: 630px;object-fit: cover;border-radius: var(--radius)}.erweiterung-text .btn{margin-top: 10px}.kontakt-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: start;padding: 27px 0}.kontakt-person{margin-top: 40px}.kontakt-person .person-card{max-width: 360px}.kontakt-form{background: var(--blue);color: #fff;border-radius: var(--radius);padding: 30px;display: grid;gap: 20px}.kontakt-form .req{color: #fff;margin-left: 2px}.form-required-hint{font-size: 13px;margin: -8px 0 0}.field input[aria-invalid="true"],.chips[aria-invalid="true"] label span{box-shadow: 0 0 0 2px #ffb3b8}.form-status{background: #fff;color: var(--text);border-radius: 3px;padding: 10px 14px;font-weight: 600}.field{display: grid;gap: .5em;line-height: 1.1;font-weight: 600}.field input,.field textarea{font: inherit;font-weight: 400;color: var(--text);border: 0;border-radius: 3px;background: var(--grey);padding: 8px;width: 100%}.field textarea{resize: vertical}.chips{border: 0;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 8px}.chips legend{font-weight: 600;padding: 0;margin-bottom: 10px}.chips label{position: relative;cursor: pointer}.chips input{position: absolute;opacity: 0;inset: 0;cursor: pointer}.chips label span{display: inline-block;border: 1px solid var(--line);border-radius: 100px;padding: 6.5px 19.5px;font-size: 13px;transition: background .2s,color .2s}.chips input:checked + span{background: #fff;color: var(--blue)}.chips input:focus-visible + span{outline: 3px solid #fff;outline-offset: 2px}.kontakt-form .btn{justify-self: start;font-size: 16px;padding: .6em 1.5em}.form-hint{font-size: 13px;opacity: .85}.form-hint a{color: #fff;text-decoration: underline}.form-status:empty{display: none}.hp{position: absolute;left: -9999px}.legal-text{max-width: 800px}.legal-text h1{margin-bottom: 30px}.legal-text h2{font-size: 26px;margin-top: 1.5em}.legal-text h3{font-size: 20px;margin-top: 1.2em}.legal-text h4{font-size: 17px;margin-top: 1em}.legal-text a{overflow-wrap: anywhere}.site-footer{padding: 54px 0}.site-footer .container>*{padding: 27px 0}.footer-logo{width: 120px}.footer-cols{display: grid;grid-template-columns: 1fr 1fr;gap: 60px}.footer-initiative p{color: #6b6b6b;margin-bottom: 10px}.footer-initiative img{width: 150px}.footer-bottom{display: flex;gap: 20px}.footer-bottom a{color: var(--text)}.footer-cols a{text-decoration: underline;text-underline-offset: 2px}@media (max-width: 980px){.hero-grid,.beauftragung-grid,.kontakt-grid{grid-template-columns: 1fr;gap: 40px}.hero-visual{max-width: 510px}.counter{right: 10px}.erweiterung,.erweiterung-rev{grid-template-columns: 1fr;gap: 30px}.erweiterung-rev .erweiterung-img{order: 0}.erweiterung-img{height: auto;aspect-ratio: 1 / 1}.erweiterung{margin-bottom: 30px}.carousel-track{grid-auto-columns: calc((100% - 20px) / 2)}.logos{grid-template-columns: repeat(3,1fr)}}@media (max-width: 767px){.section{padding: 50px 0}.vorteile,.footer-cols{grid-template-columns: 1fr;gap: 20px}.grundsatz{flex-direction: column;align-items: stretch;gap: 30px}.grundsatz-rev .grundsatz-media{order: -1}.grundsatz-media img{max-width: 400px}.carousel-track{grid-auto-columns: 85%}.logos{grid-template-columns: repeat(2,1fr);gap: 10px}#intro{padding: 60px 0}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}.scroll-text.armed span{opacity: 1}.slide-up .word-wrapper>span{transform: none}.fade-in,.slide-up{opacity: 1 !important;visibility: visible !important}}@media (max-width: 767px){.counter{top: -20px;right: -5px;width: 120px;padding: 12px}}.test-banner{position: fixed;left: 0;right: 0;bottom: 0;z-index: 100;background: #111;color: #fff;font-size: 13px;text-align: center;padding: 6px 12px}.test-banner a{color: #fff;text-decoration: underline}