@font-face{font-family:Montserrat;src:url('/assets/montserrat.woff') format('woff');font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/montserrat-italic.woff') format('woff');font-style:italic;font-display:swap}
:root{color-scheme:dark;--bg:#111;--fg:#f2f2f2;--blue:#20b4f6;--muted:#c9c9c9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 Montserrat,Arial,sans-serif;overflow-x:hidden}
a{color:inherit}a:hover{color:var(--blue)}.wrap{width:min(920px,calc(100% - 40px));margin:auto}
header{padding:6px 0 70px}.header-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.logo{display:block;width:190px;height:auto}.nav{display:flex;gap:28px;padding-top:28px}
.nav a{text-decoration:none}.nav a.active{color:var(--blue);border-bottom:2px solid var(--blue);padding-bottom:8px}
.hero{text-align:center;margin:25px auto 50px}.hero h1{color:var(--blue);font-size:24px;font-weight:400;line-height:1.4;margin:0 0 16px}
.hero p{color:var(--blue);font-size:17px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card img{width:100%;aspect-ratio:1.48;object-fit:cover;display:block}
.card h2{font-size:19px;font-weight:400;margin:32px 0 35px;line-height:1.4}.card p{margin:0 0 19px;line-height:1.5}
.about{display:grid;grid-template-columns:1.3fr .9fr;gap:40px;margin:80px 0 70px;align-items:center}
.about h2,.closing h2,.page-title{font-size:25px;font-weight:400;color:var(--blue);line-height:1.4}.about img{max-width:100%;border-radius:0}
.closing{padding:28px 0 70px;text-align:center}.closing p{margin:10px 0}.closing .contact-links{margin-top:24px}
.page-title{margin:22px 0 28px}.content{padding-bottom:70px}.content h2{font-size:20px;font-weight:500;margin:28px 0 10px}.content p{margin:0 0 16px}
.content ul{padding-left:23px}.content li{margin-bottom:6px}.contact-details{margin-bottom:32px}.contact-form{max-width:640px}
label{display:block;margin:15px 0 6px}input[type=text],input[type=email],textarea{width:100%;padding:12px;background:#202020;border:1px solid #777;border-radius:3px;color:white;font:inherit}
textarea{min-height:160px;resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;margin:20px 0}.consent input{margin-top:6px}
button{border:0;background:var(--blue);color:#061621;padding:12px 26px;font:inherit;cursor:pointer}button:hover{background:#73d1ff}
.notice{padding:13px 17px;margin-bottom:22px;border:1px solid #888}.notice.error{border-color:#e77}.notice.success{border-color:#79c995}
footer{border-top:1px solid #333;padding:30px 0 55px;color:var(--muted);font-size:14px}footer .wrap{display:flex;gap:26px;justify-content:flex-end}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.contact-surface{width:100%;max-width:none;background:#f7f7f7;color:#111;min-height:650px}
.contact-grid{width:min(1190px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:16px 0 80px}
.contact-grid .page-title{color:#111;font-size:38px;margin:18px 0 25px}
.contact-grid .contact-details{font-size:16px}.contact-grid .contact-details p{margin:0 0 24px}
.contact-grid .contact-details a{color:#111}.contact-grid .contact-details a:hover{color:#0d86be}
.contact-grid label{margin:0 0 7px}.contact-grid input[type=text],.contact-grid input[type=email],.contact-grid textarea{background:transparent;border:2px solid #111;border-radius:0;color:#111;padding:10px}
.contact-grid textarea{min-height:205px}.contact-grid .contact-form{max-width:none}.contact-grid .contact-form>label:not(.consent){margin-top:18px}
.contact-grid .consent{margin-top:26px}.contact-grid button{background:#111;color:white}
body:has(.contact-surface) header,body:has(.legal-head) header{padding-bottom:15px}
.legal-head{width:100vw;margin-left:calc(50% - 50vw);background:#888;padding:60px 0 42px;margin-bottom:100px}
.legal-head h1{font-size:23px;font-weight:400;margin:0;color:#fff}
.imprint-copy{padding:0 40px 70px}.imprint-copy p{margin-bottom:15px}
.privacy-head{background:linear-gradient(90deg,#121a1b,#0c1011 45%,#1a1d20);margin-bottom:45px}.privacy-head h1{font-family:Georgia,serif;font-size:34px;font-weight:bold}
.privacy-copy{background:#f7f7f7;color:#111;border-radius:16px;padding:55px 43px;margin:0 0 80px;font-size:14px;line-height:1.3}
.privacy-copy h2{font-size:15px;font-weight:500}.privacy-copy p{margin-bottom:15px}
@media(max-width:760px){header{padding:20px 0 45px}.logo{width:145px}.nav{padding-top:17px;gap:17px}.hero{margin:22px auto 35px}.hero h1{font-size:22px}.hero p{font-size:15px}.cards{display:block}.card{margin-bottom:45px}.card h2{margin:20px 0}.about{display:block;margin:40px 0}.about img{max-width:270px;margin-top:22px}footer .wrap{justify-content:flex-start}}
@media(max-width:760px){.contact-grid{display:block;width:calc(100% - 36px)}.contact-grid .contact-form{margin-top:28px}.contact-grid .page-title{font-size:32px}.imprint-copy{padding:0 0 55px}.privacy-copy{padding:25px 20px}.legal-head{margin-bottom:35px}}
