:root{--clr-cs-yellow:#f8ab2c;--clr-cs-blue:#1c77c3;--clr-cs-red:#89043d;--clr-cs-black:#01161e;--clr-cs-white:#fff;--clr-cs-fg:var(--clr-cs-black);--clr-cs-bg:var(--clr-cs-white);--spacer-small:1em}
@media (prefers-color-scheme:dark){:root{--clr-cs-fg:var(--clr-cs-white);--clr-cs-bg:var(--clr-cs-black)}}
@media (min-width:54rem){:root{--spacer-small:2em}}*,
::before,
::after{box-sizing:border-box}
body,
h1,
h2,
p,
ul{margin:0}
ul[class]{list-style-type:none;padding:0}
img{display:block;max-width:100%}body{font-family:"Open Sans",sans-serif;font-size:1.25rem;color:var(--clr-cs-fg);background-color:var(--clr-cs-bg)}
h1,
h2{font-family:"Montserrat"}
h1{font-size:2rem}
h1::before{content:"(";color:var(--clr-cs-yellow)}
h1::after{content:")";color:var(--clr-cs-yellow)}
h2{font-size:1.5rem}
a{color:var(--clr-a,var(--clr-cs-blue));text-decoration:none}
@media (min-width:54rem){h1{font-size:3rem}h2{font-size:2.25rem}}
.text-small{font-size:1rem}label,
input,
textarea{display:block}
input,
button,
textarea{font-family:inherit;font-size:inherit;color:var(--clr-cs-fg);padding:0;background-color:transparent;border:none}
input[type="text"],
textarea{height:2em}
textarea{resize:vertical}
label{font-weight:bold}
label:focus-within{color:var(--clr-cs-yellow)}
input[type="text"],
textarea{width:100%;border-bottom:0.1rem solid var(--clr-cs-fg)}
input[type="text"]:focus,
textarea:focus{outline:none;border-bottom-color:var(--clr-cs-yellow)}
input[type="submit"]{width:auto}
.form-submit{display:flex;justify-content:space-between;align-items:center}button,
input[type="submit"],
.btn{display:inline-block;cursor:pointer;padding:0.8em 1em}
button,
input[type="submit"],
.btn-primary{background-color:var(--clr-cs-yellow);color:var(--clr-cs-black)}
button::selection,
input[type="submit"]::selection,
.btn-primary::selection{background-color:var(--clr-cs-white)}
.btn-secondary{background-color:transparent;color:var(--clr-cs-white);text-decoration:underline}
@media (min-width:54rem){.btn-secondary{background-color:var(--clr-cs-black);color:var(--clr-cs-white);text-decoration:none}}
.logo-cosupp{aspect-ratio:3.02244679;width:10rem}
.logo-freiamt{margin-inline:auto;width:72px;height:80px}
.img-center{width:100%;max-width:26rem;margin-inline:auto}
.card{display:flex;flex-direction:column;gap:var(--spacer-small);justify-content:space-between;text-align:center}
.card img{margin-inline:auto}
.wave{width:100%;background-size:101%;background-position:center top}
.wave-header{aspect-ratio:9.47368421;background-image:url(../themes/wn-cosupp-theme-2023/assets/svg/header-wave.svg)}
.wave-content-01{aspect-ratio:6.31578947;background-image:url(../themes/wn-cosupp-theme-2023/assets/svg/content-wave-01.svg)}
.wave-content-02{aspect-ratio:6.31578947;background-image:url(../themes/wn-cosupp-theme-2023/assets/svg/content-wave-02.svg)}
.wave-footer{aspect-ratio:3.97790055;background-image:url(../themes/wn-cosupp-theme-2023/assets/svg/footer-wave.svg)}
.error{margin-top:var(--spacer-small)}
.error>span{background-color:var(--clr-cs-red);color:var(--clr-cs-white);padding-inline:0.5em}:focus-visible{outline:0.2rem solid var(--clr-cs-yellow);outline-offset:0.2em}
::selection{background-color:var(--clr-cs-yellow)}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background-color:#f0f0f0}
::-webkit-scrollbar-thumb{background-color:#f8ab2c}
::-webkit-scrollbar-thumb:hover{background-color:#b87506}
::-webkit-scrollbar-thumb:active{background-color:#875504}
html{scrollbar-color:var(--clr-cs-yellow) #f0f0f0;scrollbar-width:thin;background-color:var(--clr-cs-black)}
.header-container,
section,
.footer-container{max-width:70rem;margin-inline:auto;padding-inline:0.5rem}
@media (min-width:54rem){.header-container,section,.footer-container{padding-inline:8rem}}
@media (min-width:30rem){.header-container,section,.footer-container{padding-inline:4rem}}
header{background-color:var(--clr-cs-blue);color:var(--clr-cs-white);background-image:linear-gradient(135deg,var(--clr-cs-blue),var(--clr-cs-red));--clr-a:var(--clr-cs-white);padding-top:1rem}
header .header-nav{display:flex;gap:1em;align-items:center;max-width:77rem;margin-inline:auto;padding-inline:0.5rem}
header .header-nav img:not(.logo-cosupp){display:inline-block;aspect-ratio:1;width:2rem}
header .header-nav li:nth-child(2){margin-left:auto}
header .header-nav a{display:flex;gap:1ch}
header .header-nav span{display:none}
@media (min-width:54rem){header .header-nav{padding-inline:8rem}header .header-nav span{display:block}}
@media (min-width:30rem){header .header-nav{padding-inline:4rem}}
.content{width:100%}
.content>* + *{margin-top:var(--spacer,var(--spacer-small))}
.split-content{width:100%;display:flex;flex-direction:column;gap:var(--spacer-small)}
.split-content>*{flex-basis:100%}
@media (min-width:54rem){.split-content{flex-direction:row}}
section{display:flex;flex-direction:column;gap:var(--spacer-small);padding-block:2rem}
@media (min-width:54rem){section{flex-direction:row;gap:10em}section.invert>div:first-child{order:1}section h1{position:sticky;top:0;writing-mode:vertical-rl;transform:rotate(180deg)}}
footer .footer-background{background-color:var(--clr-cs-black);color:var(--clr-cs-white);--clr-a:var(--clr-cs-white);padding-bottom:var(--spacer-small)}
footer .footer-content{display:grid;gap:var(--spacer-small);text-align:center}
footer a{text-decoration:underline}
@media (min-width:54rem){footer .footer-content{grid-template-columns:repeat(5,1fr);align-items:center}}.page-home header .headline{font-size:2.25rem}
.page-home header .header-image{aspect-ratio:1.51666667}
.page-home header .header-content{display:grid;gap:var(--spacer,var(--spacer-small));align-items:center;grid-template-areas:"headline" "image" "text" "buttons";padding-block:2rem}
.page-home header .header-content .headline{grid-area:headline}
.page-home header .header-content img{grid-area:image}
.page-home header .header-content p{grid-area:text}
.page-home header .header-content .call-to-action{grid-area:buttons;display:flex;flex-direction:column;text-align:center}
.page-home .ueber-uns-image{aspect-ratio:1.33333333;object-fit:cover;width:100%}
@media (min-width:54rem){.page-home header .headline{font-size:3rem}.page-home header .header-content{grid-template-areas:"headline image" "text image" "buttons image";grid-template-columns:1fr 1fr;padding-block:8rem}.page-home header .header-content .call-to-action{flex-direction:row;gap:1em}}
.page-support .card img{height:7.5rem}
.page-kontakt .card img{height:6.25rem}
.secret{color:var(--clr-cs-red)}
.secret input[type="text"],
.secret textarea{color:var(--clr-cs-red);border-bottom-color:var(--clr-cs-red)}
.secret input[type="text"]:focus,
.secret textarea:focus{border-bottom-color:var(--clr-cs-yellow)}
.error-image{aspect-ratio:1.41846154}