:root{
  --bg:#ffffff;
  --bg-soft:#f7f9fc;
  --bg-band:#f0f4f8;
  --text:#425466;
  --heading:#183b56;
  --navy:#183b56;
  --navy-2:#245b84;
  --gold:#c3a45b;
  --gold-soft:#f2ead7;
  --line:#dce4ec;
  --muted:#66788a;
  --shadow:0 14px 34px rgba(23,54,93,.08);
  --shadow-soft:0 6px 14px rgba(23,54,93,.05);
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;font-size:16px;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{color:var(--navy);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.topbar{background:#f8fafc;border-bottom:1px solid var(--line);font-size:.92rem;color:#6f8197}
.topbar .inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:6px 0}
.topbar .right{display:flex;gap:18px;flex-wrap:wrap}
header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:saturate(160%) blur(8px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:290px;max-width:100%}
nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
nav a{font-size:.97rem;font-weight:700;color:var(--heading);text-decoration:none;white-space:nowrap}
nav a:hover{color:#962b43}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:5px;border:1px solid var(--navy);background:var(--navy);color:#fff !important;font-weight:700;text-decoration:none}
.btn:hover{text-decoration:none;background:#962b43;border-color:#962b43}
.btn.secondary{background:#fff;color:var(--navy) !important;border-color:var(--gold)}
.btn.secondary:hover{background:#fbf9f4}
.hero{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;padding:72px 0 64px}
.eyebrow{font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);font-weight:700}
h1,h2,h3,h4{color:var(--heading);margin:0 0 10px;font-weight:700;letter-spacing:-.018em}
h1{font-size:clamp(2.2rem,4.8vw,3.7rem);line-height:1.12;margin-top:12px;margin-bottom:18px}
h2{font-size:clamp(1.85rem,3.2vw,2.7rem);line-height:1.16}
h3{font-size:1.16rem}
p.lead{font-size:1.1rem;color:#596b80;max-width:760px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:28px;border-top:4px solid var(--gold);border-radius:4px}
.panel ul{margin:0;padding-left:18px}
.partner-box{margin-top:18px;padding:18px;border:1px solid var(--line);background:var(--bg-soft);border-radius:4px;display:flex;align-items:center;justify-content:center}
.partner-box img{width:220px;max-width:100%}
.hero-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.fact{padding:14px;border:1px solid var(--line);background:#fff;border-radius:4px}
.fact strong{display:block;color:var(--heading);margin-bottom:3px}
section{padding:64px 0}
.section-title{max-width:860px;margin-bottom:30px}
.section-title p{margin:0;color:#607286}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:24px;border-radius:4px}
.card .icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #dae5f0;background:#f4f8fc;color:var(--navy);font-weight:700;margin-bottom:14px}
.card p{margin:0 0 12px;color:#617387}
.card .more{display:inline-block;margin-top:2px;font-weight:700}
.band{background:var(--bg-band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.checks{display:grid;gap:10px;margin-top:16px}
.check{display:flex;gap:10px;align-items:flex-start}
.check b{color:var(--gold)}
.kicker-box{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:26px;border-top:4px solid var(--navy);border-radius:4px}
.about-quote{margin-top:22px;padding:18px 20px;background:#f8fbff;border-left:4px solid var(--gold);color:#607286}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.metric{background:#fff;border:1px solid var(--line);padding:18px 16px;text-align:center;border-radius:4px}
.metric strong{display:block;font-size:1.28rem;color:var(--heading);margin-bottom:4px}
.page-hero{padding:50px 0 36px;background:linear-gradient(180deg,#fff 0%,#fafdff 100%);border-bottom:1px solid var(--line)}
.content{padding:40px 0 70px}
.content h2{margin-top:28px;font-size:1.62rem}
.content h3{margin-top:24px}
.content p,.content li{color:#607286}
.content ul{padding-left:18px}
.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:36px;align-items:start}
.aside-box{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:22px;border-radius:4px}
.link-list{display:grid;gap:10px}
.contact{display:grid;grid-template-columns:1fr .96fr;gap:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:30px;border-radius:4px}
.contact-item{padding:16px 18px;background:#f8fbff;border:1px solid var(--line);border-radius:4px}
.contact-item small{display:block;color:#7b8c9c;margin-bottom:4px}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
footer{background:#163250;color:#dce6f2;padding:28px 0 38px}
footer a{color:#fff}
.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.legal-note{font-size:.92rem;color:#d5e2ef;max-width:760px}
.note{background:#f8fbff;border:1px solid var(--line);padding:16px 18px;color:#607286;border-radius:4px}
.list-columns{columns:2;column-gap:36px}
.list-columns li{break-inside:avoid;margin-bottom:8px}
.small-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}

@media (max-width:1060px){
  .hero-grid,.two-col,.content-grid,.contact{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,1fr)}
  .metric-strip{grid-template-columns:repeat(2,1fr)}
  .brand img{width:270px}
}

@media (max-width:820px){
  header{position:static}
  .container{width:min(calc(100% - 28px),var(--max))}
  .topbar .inner{justify-content:flex-start;align-items:flex-start;gap:8px}
  .topbar .right{gap:10px;flex-direction:column;align-items:flex-start}
  .nav{min-height:auto;padding:14px 0 18px;flex-direction:column;align-items:flex-start;gap:14px}
  .brand img{width:245px}
  nav{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:10px 12px;
    border:1px solid var(--line);
    background:#fff;
    border-radius:4px;
    text-align:center;
  }
  nav a.btn{
    grid-column:1 / -1;
  }
  .hero-grid{padding:46px 0 40px;gap:30px}
  .hero-actions{gap:10px}
  .hero-actions .btn{flex:1 1 220px}
  .metric-strip{gap:12px}
  .section-title{margin-bottom:24px}
  section{padding:50px 0}
  .content{padding:34px 0 56px}
}

@media (max-width:620px){
  .container{width:min(calc(100% - 22px),var(--max))}
  .grid,.metric-strip,.small-grid{grid-template-columns:1fr}
  .list-columns{columns:1}
  .brand img{width:225px}
  nav{grid-template-columns:1fr}
  nav a{font-size:.95rem}
  h1{font-size:2rem;line-height:1.15}
  h2{font-size:1.7rem;line-height:1.2}
  p.lead{font-size:1.02rem}
  .hero-actions{flex-direction:column}
  .hero-actions .btn,
  .btn.secondary,
  .btn{width:100%}
  .panel,.card,.kicker-box,.contact,.aside-box,.metric,.contact-item,.fact{padding:18px}
  .partner-box{padding:14px}
  .partner-box img{width:180px}
  .fact strong{font-size:1rem}
  .metric strong{font-size:1.12rem}
  .content h2{font-size:1.42rem}
}


/* V7 Corporate refinement */
.hero{position:relative;overflow:hidden}
.hero:after{
  content:"";
  position:absolute;
  width:340px;height:340px;
  right:-120px;top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(196,169,101,.12) 0%,rgba(196,169,101,0) 70%);
  pointer-events:none;
}
.hero-grid{position:relative;z-index:1}
.section-title h2{letter-spacing:-.02em}
.card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,54,93,.08);border-color:#cbd8e6}
.hero-actions .btn{min-width:155px}
.trust-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  margin-top:32px;
  border-radius:4px;
  overflow:hidden;
}
.trust-item{background:#fff;padding:16px 18px}
.trust-item strong{display:block;color:var(--heading);font-size:.98rem;margin-bottom:3px}
.trust-item span{font-size:.9rem;color:#6a7b8e}
.cta-band{
  background:linear-gradient(135deg,#183b56 0%,#245b84 100%);
  color:#eef5fb;
  border-top:0;border-bottom:0;
}
.cta-band h2,.cta-band h3{color:#fff}
.cta-band p{color:#dbe7f2}
.cta-band .btn.secondary{background:#fff;border-color:#fff;color:#183b56 !important}
.cta-band .btn.secondary:hover{background:#f4f7fa}
.logo-note{font-size:.86rem;color:#7a8998;margin-top:10px;text-align:center}
@media (max-width:820px){
  .trust-strip{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  .trust-strip{grid-template-columns:1fr}
  .hero:after{display:none}
  .card:hover{transform:none}
}


.footer-company{font-weight:700;color:#fff;margin-bottom:6px}
.footer-register{display:grid;gap:2px;font-size:.92rem;color:#d5e2ef;line-height:1.5}
.footer-register .register-line{display:block}
.nowrap{white-space:nowrap}
@media (max-width:620px){
  .footer-row{flex-direction:column}
  .footer-register{font-size:.9rem}
}


/* V9: Kontaktkarten auf dunklem CTA-Hintergrund */
.cta-band .contact-item{
  background:rgba(255,255,255,.97) !important;
  color:var(--heading);
}
.cta-band .contact-item a{
  color:var(--heading);
}
.cta-band .contact-item small{
  color:#75879a;
}


/* V10 SEO + Corporate production refinement */
:focus-visible{outline:3px solid rgba(195,164,91,.6);outline-offset:3px;border-radius:3px}
.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.88rem;color:var(--muted);margin-bottom:8px}
.breadcrumbs a{color:var(--navy-2);font-weight:600}
.card .more{font-size:.94rem}
.card,.panel,.kicker-box,.aside-box,.contact{border-color:#dfe6ed}
.topbar{background:#f7f9fb;color:#68798b}
header{box-shadow:0 1px 0 rgba(24,59,86,.03)}
.page-hero{background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%)}
footer{background:#17344e}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}