/* Integration of the seven supplied Köln pages; source compositions remain scoped. */
@font-face{font-family:'FEWTURE Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/barlow-500-latin.woff2') format('woff2')}
body.fw-koeln-body{margin:0;background:#F6F6F2;color:#141414;font-family:'FEWTURE Barlow',Arial,sans-serif;font-weight:300}
body .fw-root{font-size:18px;line-height:1.6;isolation:isolate}
.fw-root *,.fw-root *::before,.fw-root *::after{box-sizing:border-box}
body .fw-root :is(h1,h2,h3,h4){font-family:'FEWTURE Barlow',Arial,sans-serif;font-weight:400;letter-spacing:0;text-transform:none}
.fw-root :is(button,input){font-family:inherit}
.fw-root :is(a,button,input,summary):focus-visible{outline:3px solid #FFC000;outline-offset:4px}
.fw-root ::selection{background:#FFC000;color:#141414}
.fw-root :is(section,.chap,[id]){scroll-margin-top:110px}
.fw-root .hero{padding-top:150px}
.fw-root button{font-weight:300}
.fw-root a{text-decoration-thickness:1px;text-underline-offset:4px}
.fw-root .btn{text-decoration:none}
.fw-root input[type=checkbox]{accent-color:#FFC000}
.fw-root input[type=radio]:focus-visible+label{outline:3px solid #FFC000;outline-offset:3px}
.fw-root img{height:auto}
@media(max-width:560px){.fw-root .hero{padding-top:124px}.fw-root .btn{white-space:normal;justify-content:center;text-align:center;max-width:100%}}
@media(prefers-reduced-motion:reduce){.fw-root *,.fw-root *::before,.fw-root *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}