/* Eigenständiger Nachbau. Keine Webflow-Klassen, -Skripte oder externen Ressourcen. */
@font-face{font-family:Montserrat;src:url('fonts/montserrat-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:MontserratLight;src:url('fonts/montserrat-light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:MontserratSemibold;src:url('fonts/montserrat-semibold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:MontserratBold;src:url('fonts/montserrat-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#2d3e4f;--muted:#bec3c7;--blue:#3b99d9}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:rgba(0,0,0,.74);font:16px/20px Arial,sans-serif}
img{max-width:100%;vertical-align:middle;border:0}
a{color:#303030}
button{font:inherit;border:0;border-radius:0;background:none;cursor:pointer}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
h1,h2,p{margin-top:0}
p{margin-bottom:25px;font:14px/24px Arial,sans-serif}
.masthead{text-align:center;padding:76px 0 74px;font-family:Montserrat,sans-serif}
.brand{display:inline-block;max-width:100%;text-decoration:none;transition:opacity .2s}
.brand:hover{opacity:.82}
.brand h1{display:inline-block;margin:0;color:var(--ink);font:700 53px/57px MontserratBold,sans-serif;letter-spacing:1px}
.brand:hover h1{color:#6d6d6d}
.tagline{margin:0 0 10px;color:#303030;font:700 12px/18px MontserratLight,sans-serif;letter-spacing:1px}
.page-nav{display:flex;justify-content:center;text-align:center;margin:20px 0 54px}
.page-nav button,.page-nav>a{padding:7px 0;margin:0 10px;color:var(--muted);font:400 12px/18px Montserrat,sans-serif;letter-spacing:2px;text-transform:uppercase;text-decoration:none}
.page-nav [aria-selected=true]{color:var(--ink)}
.page-nav>a:hover{color:#303030}
.pages-window{overflow:hidden}
.pages-track{display:flex;align-items:flex-start;transition:transform .5s ease}
.page{flex:0 0 100%;min-width:0;padding:0 2.5%;background:#fff}
.content-width{max-width:940px;margin:0 auto}
.philosophy{display:flow-root;margin-bottom:-1px;text-align:center;color:var(--ink)}
.gallery{position:relative;overflow:hidden;background:#ddd;margin-bottom:55px;touch-action:pan-y}
.gallery-track{display:flex;align-items:flex-start;transition:transform .5s ease}
.gallery-slide{flex:0 0 100%;min-width:0}
.gallery-slide img{display:block;width:100%;height:auto}
.gallery-arrow{position:absolute;top:0;bottom:0;width:80px;display:grid;place-items:center;color:#fff;padding:0}
.gallery-arrow.prev{left:0}.gallery-arrow.next{right:0}
.gallery-arrow span{display:block;width:26px;height:26px;border-top:4px solid currentColor;border-right:4px solid currentColor;opacity:.49}
.gallery-arrow.prev span{transform:rotate(-135deg);margin-left:9px}
.gallery-arrow.next span{transform:rotate(45deg);margin-right:9px}
.philosophy-heading{width:60%;margin:auto}
.philosophy-heading h2{margin:0 0 10px;color:rgba(45,62,79,.96);font:400 20px/25px MontserratSemibold,sans-serif;text-transform:uppercase;letter-spacing:1px}
.subtitle{margin-bottom:25px;text-transform:uppercase;font:12px/18px Montserrat,sans-serif;letter-spacing:1px;color:rgba(73,100,123,.64)}
.subtitle span{display:inline-block;margin-right:5px}
.biography{display:flow-root;max-width:550px;margin:0 auto 51px;color:var(--ink);text-align:center}
.portrait{display:block;width:42%;height:auto;filter:saturate(.8);border-radius:50%;margin:0 auto 25px}
.biography h2{margin:0 0 10px;font:700 26px/33px Montserrat,sans-serif}
.biography p{margin-left:7px;margin-bottom:0}
.footer{border-top:1px solid rgba(0,0,0,.13);padding:41px 0;text-align:center}
.contact-icons{height:27.3515625px}
.contact-icons a{display:inline-block;margin:0 4px;padding:3px;opacity:.9;transition:opacity .2s}
.contact-icons a:hover{opacity:.37}
.copyright{margin-top:8px;font:13px/20px Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#a8a8a8}
.legal-link{text-align:left;height:21px}
.legal-link a{margin-left:24px;opacity:.59;filter:saturate(.61);font:300 13px/20px Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase;text-decoration:none}
.privacy-banner{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-around;align-items:flex-start;min-height:5vh;width:100vw;background:var(--blue);color:#ecf0f1;font:16px/20px Montserrat,sans-serif}
.privacy-banner>div,.privacy-banner>a,.dismiss-banner{position:relative;top:1.5vh}
.privacy-banner>div{text-align:center}
.privacy-banner>a{color:#ecf0f1;text-align:right}
.dismiss-banner{min-width:5vw;padding:0;color:#f0f0f0;text-align:center}
.privacy-banner[hidden]{display:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.legal-content{display:flow-root;max-width:940px;margin:0 auto}
.legal-content h2{margin:0 0 10px 20px;font:700 30px/35px MontserratBold,sans-serif}
.legal-content p{margin-left:20px}
.legal-content .privacy-text{margin-top:25px;text-align:justify}
.legal-content a{color:#3b99d9;text-decoration:none}
.legal-content a:hover{text-decoration:underline}
@media(max-width:991px){.content-width,.legal-content{max-width:728px}}
@media(max-width:767px){
 .masthead{padding:38px 0 113px}
 .page-nav{margin-top:21px}
 .content-width,.legal-content{max-width:none}
 .philosophy-heading{width:80%}
}
@media(max-width:479px){
 .philosophy-heading{width:90%}
 .legal-link{text-align:center}
 .legal-link a{margin-left:0}
 .legal-content p{margin-right:20px}
 .privacy-banner{min-height:0;font-size:10px}
 .privacy-banner>div,.privacy-banner>a{top:0}
 .privacy-banner>a{text-align:center}
 .dismiss-banner{top:12px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.pages-track,.gallery-track,.brand,.contact-icons a{transition:none}}
