
:root{--bg:#10100f;--panel:#171716;--panel2:#1d1c1a;--text:#f5f0e9;--muted:#c1b9af;--gold:#c39a58;--gold2:#e2c68f;--line:rgba(255,255,255,.16);--max:1320px;--header:76px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.62}a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - var(--max))/2));background:linear-gradient(to bottom,rgba(4,4,4,.98),rgba(4,4,4,.78));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:21px;letter-spacing:.18em}.brand small{margin-top:7px;color:var(--gold2);font-size:9px;letter-spacing:.29em}
nav{display:flex;align-items:center;gap:22px;font-size:10px;text-transform:uppercase;letter-spacing:.075em}nav a{color:#ebe4da}nav a:hover{color:var(--gold2)}.nav-cta{border:1px solid var(--gold);padding:11px 15px}
.menu{display:none;width:42px;height:42px;background:none;border:0}.menu span{display:block;height:1px;background:#fff;margin:8px 0}main{padding-top:var(--header)}
.kicker{color:var(--gold2);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.04;margin:0}
h1{font-size:clamp(47px,6.6vw,92px);letter-spacing:-.035em;max-width:1050px}h1 span,h2 span{color:var(--gold2)}h2{font-size:clamp(36px,4.2vw,64px)}h3{font-size:21px;font-weight:500;margin:0 0 10px}p{margin:0 0 18px}
.btn{min-height:50px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.7);background:rgba(12,12,11,.28);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;transition:.22s}.btn:hover{transform:translateY(-2px);border-color:var(--gold2)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#080808}.btn.gold:hover{background:var(--gold2)}.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero{min-height:680px;position:relative;display:flex;align-items:flex-end;background-position:center;background-size:cover;background-repeat:no-repeat}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,7,.82) 0%,rgba(8,8,7,.54) 43%,rgba(8,8,7,.15) 72%,rgba(8,8,7,.28) 100%),linear-gradient(0deg,rgba(10,10,9,.70),transparent 45%)}
.hero-copy{position:relative;z-index:2;width:min(100%,var(--max));margin:0 auto;padding:100px 28px 82px}.hero-copy p{max-width:710px;color:#d4cec6;font-size:17px;margin:24px 0 28px}
.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-facts div{padding:24px 22px;border-right:1px solid var(--line)}.quick-facts div:last-child{border-right:0}
.quick-facts strong{display:block;color:var(--gold2);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.quick-facts span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.section{max-width:var(--max);margin:auto;padding:95px 28px}.section-head{display:grid;grid-template-columns:.46fr 1fr;gap:60px;margin-bottom:42px}.section-head p{color:var(--muted);max-width:720px;margin-top:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);background:var(--panel);padding:28px;min-height:205px}.card .num{color:var(--gold2);font-size:10px;letter-spacing:.13em}.card h3{margin-top:26px}.card p{color:var(--muted);font-size:14px;margin-bottom:0}
.flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--panel)}.flow div{padding:25px;border-right:1px solid var(--line)}.flow div:last-child{border-right:0}.flow strong{color:var(--gold2);font-size:10px;letter-spacing:.13em}.flow h3{margin:14px 0 7px;font-size:16px}.flow p{font-size:12px;color:var(--muted);margin:0}
.emergency{border:1px solid rgba(216,184,119,.45);background:linear-gradient(135deg,#1d1811,#141311);padding:34px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.emergency p{color:var(--muted);margin:8px 0 0;max-width:780px}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:600;list-style:none;padding-right:28px;position:relative}.faq summary::after{content:"+";position:absolute;right:0;color:var(--gold2)}.faq details[open] summary::after{content:"–"}.faq details p{color:var(--muted);max-width:900px;padding-top:14px;margin:0}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{display:block;border:1px solid var(--line);background:var(--panel);padding:24px}.related span{display:block;color:var(--gold2);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.related strong{display:block;margin-top:13px;font-size:17px}.related p{font-size:12px;color:var(--muted);margin:8px 0 0}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;border-top:1px solid var(--line)}.contact-data{display:grid;gap:8px;color:var(--muted);font-size:14px;margin-top:25px}.contact-data a{color:var(--text)}
footer{min-height:110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center;padding:25px max(28px,calc((100vw - var(--max))/2));font-size:11px;color:#aaa298}footer strong{color:var(--text);letter-spacing:.14em}footer a:hover{color:var(--gold2)}
.quick-contact{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;gap:10px}.quick-contact a{height:48px;display:flex;align-items:center;padding:0 15px;border:1px solid rgba(216,184,119,.55);background:rgba(9,9,9,.94);backdrop-filter:blur(12px);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.quick-contact a:first-child{background:#15130e}
.skip-link{position:fixed;left:18px;top:-80px;z-index:200;background:#f2eee7;color:#070707;padding:12px 16px;font-weight:700}.skip-link:focus{top:14px}.breadcrumb{max-width:var(--max);margin:0 auto;padding:18px 28px;color:#817b72;font-size:11px}.breadcrumb a{color:#aaa39a}
.notice{border-left:2px solid var(--gold);padding:16px 20px;background:#191610;color:#c8c0b5;font-size:13px;margin-top:24px}
@media(max-width:950px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:#080808;padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.quick-facts{grid-template-columns:1fr 1fr}.section-head,.contact{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr}.flow div{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:650px){.hero{min-height:620px}.hero-copy{padding:88px 20px 55px}h1{font-size:clamp(42px,13vw,62px)}.section{padding:70px 20px}.grid-3,.related{grid-template-columns:1fr}.quick-facts{grid-template-columns:1fr}.quick-facts div{border-right:0;border-bottom:1px solid var(--line)}.emergency{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding-bottom:86px}body{padding-bottom:58px}.quick-contact{left:0;right:0;bottom:0;gap:0}.quick-contact a{width:50%;height:58px;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


.lang-switcher{display:flex;align-items:center;margin-left:8px}
.lang-switcher select{appearance:none;-webkit-appearance:none;background:#0d0d0d;color:#e8e2d9;border:1px solid rgba(216,184,119,.38);border-radius:0;padding:9px 27px 9px 10px;font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#d8b877 50%),linear-gradient(135deg,#d8b877 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 8px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.lang-switcher select:focus{outline:1px solid #d8b877;outline-offset:2px}
@media(max-width:1100px){.lang-switcher{margin-left:auto;margin-right:10px}}
@media(max-width:430px){.lang-switcher select{padding-left:7px;padding-right:22px;font-size:9px}}



/* V8.1 launch refinements */
.fast-help{max-width:var(--max);margin:0 auto;padding:28px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;border-bottom:1px solid var(--line)}
.fast-help .steps{display:flex;gap:28px;flex-wrap:wrap;margin-top:15px}
.fast-help .steps span{color:var(--muted);font-size:12px}.fast-help .steps strong{color:var(--gold2);margin-right:7px}
.price-note{margin-top:16px!important;color:#c9c0b4!important;font-size:12px!important}
.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.choice-grid a{display:block;border:1px solid var(--line);background:var(--panel);padding:22px;min-height:126px;transition:.2s}
.choice-grid a:hover{border-color:rgba(216,184,119,.55);transform:translateY(-2px)}
.choice-grid small{display:block;color:var(--gold2);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.choice-grid strong{display:block;margin-top:12px;font-size:16px}
@media(max-width:900px){.fast-help{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.choice-grid{grid-template-columns:1fr}.fast-help{padding:24px 20px}.fast-help .steps{display:grid;gap:9px}}

/* V8.7 soft-contrast refinements */
body{background:linear-gradient(180deg,#11110f 0%,var(--bg) 34%,#0e0e0d 100%);-webkit-font-smoothing:antialiased}
.card,.flow,.related a,.choice-grid a,.emergency{box-shadow:0 16px 48px rgba(0,0,0,.10)}
.card p,.flow p,.related p,.faq details p,.section-head p,.contact-data{line-height:1.72}

/* V8.14 header / spacing refinement */
.brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1;min-width:174px;overflow:visible}
.brand-logo{display:block;width:184px;max-width:40vw;height:auto;object-fit:contain;overflow:visible;filter:drop-shadow(0 1px 0 rgba(255,255,255,.04))}
.brand small{margin-top:5px}

.site-header{max-width:1540px}
.site-header nav,.site-header .nav{white-space:nowrap}
@media (min-width:1041px) and (max-width:1240px){
  .site-header{gap:18px}
  .site-header nav,.site-header .nav{gap:13px}
  .site-header nav a,.site-header .nav a{font-size:11px}
  .brand-logo{width:166px}
}
@media(max-width:1040px){
  .site-header nav,.site-header .nav{white-space:normal}
}

/* More deliberate section rhythm, removing accidental oversized gaps */
.why + .about,
.why-section + .about-section,
#warum + #ueber-uns,
.quote + .reviews,
.quote-section + .reviews-section,
blockquote + .reviews{
  margin-top:clamp(42px,5vw,76px)!important;
}
@media(max-width:720px){
  .brand{min-width:0}
  .brand-logo{width:150px;max-width:49vw}
  .brand small{font-size:7px;letter-spacing:.16em;white-space:nowrap}
}
