/* UI-Standardskalierung: 120% */


:root{--ink:#0c1219;--ink-soft:#1a2433;--stone:#e6eaef;--stone-2:#f3f5f7;--paper:#fafbfc;--muted:#5c6675;--line:#c8c0c8;--brass:#a67c3d;--brass-light:#c9a066;--steel:#3a516b;--danger:#8b3a2a;--ok:#2d5a45;--shadow:0 29px 72px #0c12191f;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--radius:2px;--max:1344px;color:var(--ink);background:var(--stone-2);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.55}*,:before,:after{box-sizing:border-box}html{font-size:120%;scroll-behavior:smooth}body{background:radial-gradient(1440px 720px at 10% -10%, #a67c3d14, transparent 55%), radial-gradient(1080px 600px at 100% 0%, #3a516b1a, transparent 50%), linear-gradient(180deg, #dfe5ec 0%, var(--stone-2) 28%, var(--paper) 100%);min-width:384px;color:var(--ink);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .6em;font-weight:600;line-height:1.15}p{color:var(--ink-soft);margin:0 0 1em}button,.btn{font-family:var(--font-body)}#root{min-height:100vh}.skip-link{background:var(--ink);color:#fff;z-index:1000;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:1rem;left:1rem}.container{width:min(100% - 2rem, var(--max));margin-inline:auto}.section{padding:clamp(3.5rem,7vw,5.5rem) 0}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:inline-block}.section-title{max-width:18ch;font-size:clamp(2rem,4.5vw,3rem)}.section-lead{max-width:54ch;color:var(--muted);font-size:1.1rem}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-size:.95rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#f5f7fa}.btn-primary:hover{background:var(--ink-soft)}.btn-secondary{color:#fff;background:0 0;border-color:#ffffff73}.btn-secondary:hover{background:#ffffff14}.btn-outline{border-color:var(--ink);color:var(--ink);background:0 0}.btn-outline:hover{background:var(--ink);color:#fff}.btn-brass{background:var(--brass);color:#fff}.btn-brass:hover{background:#8f6a32}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafbfcdb;border-bottom:1px solid #0c121914;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;display:flex}.header-cta{align-items:center;gap:.65rem;margin-left:auto;display:flex}.header-phone{padding:.55rem .9rem;font-size:.88rem}.brand{flex-direction:column;gap:.05rem;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:700;white-space:nowrap}.brand-sub{color:var(--muted);letter-spacing:.04em;font-size:.72rem;line-height:1.25;display:flex;flex-direction:column;gap:.05rem}.nav{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:.15rem .85rem;display:flex}.nav a{color:var(--ink-soft);padding:.25rem 0;font-size:.92rem;position:relative}.nav a:after{content:"";background:var(--brass);transform-origin:0;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.nav a.active{color:var(--ink);font-weight:600}.nav-toggle{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:.4rem .65rem;display:none}.hero{color:#fff;isolation:isolate;align-items:center;justify-items:center;min-height:min(72vh,780px);display:grid;position:relative;overflow:hidden}.hero-media{z-index:-2;background:url(../images/sv-buero.jpg) 50% 82%/100% auto no-repeat #dfe5ec;position:absolute;inset:0}.hero-content{width:min(calc(100% - 2rem),48ch);max-width:48ch;margin:0 auto;padding:3rem 1.5rem;animation:.9s both riseIn;position:relative;isolation:isolate}.hero-content:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 0%,#0c1219b8 8%,#0c1219bc 50%,#0c1219b8 92%,transparent 100%);position:absolute;top:-1.25rem;bottom:-1.25rem;left:0;right:0;border-radius:var(--radius)}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-brand{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px 28px #0c1219f2,0 1px 3px #0c1219e0;margin-bottom:.4rem;font-size:clamp(2.8rem,8vw,5.4rem);font-weight:700;line-height:.95;color:#fff}.hero-brand span{letter-spacing:.18em;opacity:.95;text-shadow:0 1px 18px #0c1219f2,0 1px 2px #0c1219cc;margin-bottom:.6rem;font-size:.48em;font-weight:600;display:block}.hero h1{color:#fff;text-shadow:0 2px 22px #0c1219f2,0 1px 3px #0c1219e0;max-width:28ch;margin-bottom:.85rem;font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:600}.hero p{color:#fffffff0;text-shadow:0 1px 16px #0c1219f2,0 1px 2px #0c1219cc;max-width:42ch;font-size:1.05rem;font-weight:500}.hero q{quotes:"„" "“";font-style:italic;font-weight:600}.hero-actions{gap:.75rem;margin-top:1.75rem;display:grid;width:max-content;max-width:100%}.hero-actions .btn{justify-content:center}.split{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.panel{box-shadow:var(--shadow);background:#ffffffb8;border:1px solid #0c121914;padding:1.5rem}.steps{counter-reset:step;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid #0c121914;grid-template-columns:auto 1fr;gap:1rem;padding:1rem 0;display:grid}.steps li:before{counter-increment:step;content:counter(step, decimal-leading-zero);font-family:var(--font-display);color:var(--brass);font-size:1.6rem;font-weight:700;line-height:1}.topic-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.topic{border-top:3px solid var(--brass);background:#ffffffa6;padding:1.4rem 1.2rem;transition:transform .25s,box-shadow .25s}.topic:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.topic h3{margin-bottom:.4rem;font-size:1.45rem}.topic p{margin-bottom:.8rem;font-size:.95rem}.topic a{color:var(--steel);font-size:.9rem;font-weight:600}.example-list{gap:1rem;margin-top:1.5rem;display:grid}.example{border-left:3px solid var(--steel);background:#ffffffb3;grid-template-columns:168px 1fr;gap:1.25rem;padding:1.25rem;display:grid}.example q{quotes:"„" """;font-style:italic;font-weight:600}.example em{font-style:italic;font-weight:600}.example-tag{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--brass);font-size:.95rem;font-weight:700}.download-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.75rem;display:grid}.download-item{background:var(--ink);color:#eef2f6;flex-direction:column;gap:.65rem;min-height:216px;padding:1.35rem;display:flex}.download-item h3{color:#fff;margin:0;font-size:1.35rem}.download-item p{color:#ffffffb8;flex:1;margin:0;font-size:.92rem}.download-item .btn{background:var(--brass);color:#fff;border:none;align-self:flex-start}.page-hero{border-bottom:1px solid #0c121914;padding:3.5rem 0 2rem}.page-hero h1{max-width:18ch;font-size:clamp(2.2rem,5vw,3.4rem)}.prose{max-width:68ch}.prose h2{margin-top:2rem;font-size:1.7rem}.prose ul{color:var(--ink-soft);padding-left:1.1rem}.prose li{margin-bottom:.45rem}.callout{border-left:3px solid var(--brass);background:#a67c3d1a;margin:1.5rem 0;padding:1.1rem 1.25rem}.callout strong{font-family:var(--font-display);letter-spacing:.03em;margin-bottom:.35rem;font-size:1.15rem;display:block}.site-footer{background:var(--ink);color:#ffffffeb;margin-top:2rem;padding:3rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:2rem;display:grid}.site-footer h3{color:#fff;font-size:1.2rem}.site-footer p,.site-footer span{color:#ffffffe0}.site-footer a{color:#fffffff2}.site-footer a:hover{color:var(--brass-light)}.footer-bottom{border-top:1px solid #ffffff33;margin-top:2rem;padding-top:1rem;font-size:.85rem;color:#ffffffe0}.contact-bar{background:var(--ink-soft);color:#fff;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;padding:1.25rem 1.5rem;display:flex}.contact-bar a{color:var(--brass-light);font-weight:600}.fade-up{animation:.7s both riseIn}.situation-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.75rem;display:grid}.situation-card{border:1px solid #0c121914;border-top:3px solid var(--brass);background:#ffffffc7;flex-direction:column;gap:.55rem;min-height:100%;padding:1.4rem 1.3rem;transition:transform .25s,box-shadow .25s;display:flex}.situation-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.situation-card h3{margin:0;font-size:1.55rem}.situation-hook{color:var(--ink);margin:0;font-size:1rem;font-weight:600}.situation-result{color:var(--muted);flex:1;margin:0;font-size:.92rem}.situation-cta{color:var(--steel);margin-top:.35rem;font-size:.9rem;font-weight:700}.trust-points{margin:1.25rem 0 0;padding:0;list-style:none}.trust-points li{color:var(--ink-soft);border-top:1px solid #0c121914;padding:.55rem 0 .55rem 1.1rem;position:relative}.trust-points li:before{content:"";background:var(--brass);width:6px;height:6px;position:absolute;top:1rem;left:0}.list-subline{display:block;margin-top:.15rem;line-height:1.3}.takeaway{border-left:3px solid var(--ok);background:#2d5a4514;padding:.65rem .75rem;font-size:.95rem;color:var(--ink-soft)!important;margin:.65rem 0 0!important}.download-when{letter-spacing:.12em;text-transform:uppercase;color:var(--brass-light);font-size:.72rem;font-weight:700}.prep-box{background:var(--ink);color:#ffffffdb;box-shadow:var(--shadow);padding:1.5rem 1.35rem;position:sticky;top:5rem}.prep-box .section-label{color:var(--brass-light)}.prep-box h2{color:#fff;margin-bottom:.5rem;font-size:1.65rem}.prep-lead{color:#ffffffb3;font-size:.95rem}.prep-list{gap:.75rem;margin:1rem 0;padding:0;list-style:none;display:grid}.prep-list li{border-bottom:1px solid #ffffff1f;gap:.15rem;padding-bottom:.75rem;display:grid}.prep-list strong{color:#fff;font-size:.95rem}.prep-list span{color:#ffffffad;font-size:.88rem}.prep-tip{color:#ffffffb8;margin-bottom:1rem;font-size:.88rem}.prep-tip q{quotes:"„" """;font-style:italic;font-weight:600;color:#ffffffd9}.prep-actions{flex-wrap:wrap;gap:.55rem;display:flex}.prep-box .btn-outline{color:#fff;border-color:#ffffff73}.prep-box .btn-outline:hover{color:var(--ink);background:#fff}.prep-box--compact .prep-list li:nth-child(n+5){display:none}.cta-band{background:var(--ink-soft);color:#fff;padding:2.25rem 0}.cta-band-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.cta-band h2{color:#fff;margin-bottom:.35rem;font-size:1.8rem}.cta-band p{color:#ffffffb8;max-width:42ch;margin:0}.cta-band-actions{flex-wrap:wrap;gap:.6rem;display:flex}.choice-blocks{gap:1rem;display:grid}.choice-block{border-left:3px solid var(--brass);background:#ffffffb8;padding:1.15rem 1.2rem}.choice-block h2{font-size:1.4rem;margin-top:0!important}.choice-if{color:var(--brass);letter-spacing:.02em;font-size:.85rem;font-weight:700;margin-bottom:.4rem!important}.choice-block a{color:var(--steel);font-weight:700}.pdf-chooser{padding:0;list-style:none}.pdf-chooser li{border-bottom:1px solid #0c121914;padding:.55rem 0}.highlight-grid{grid-template-columns:repeat(auto-fill,minmax(192px,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.highlight-card{border-top:2px solid var(--brass);background:#ffffffbf;padding:1rem}.highlight-card span{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);font-size:.75rem;font-weight:700}.highlight-card h3{margin:.35rem 0;font-size:1.15rem}.highlight-card p{color:var(--muted);margin:0;font-size:.88rem}.quote-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}.quote-card{border-left:3px solid var(--steel);background:#ffffffbf;margin:0;padding:1.25rem}.quote-card p{color:var(--ink);margin-bottom:.75rem;font-size:1.05rem}.quote-card footer{color:var(--muted);font-size:.85rem}@media (width<=1080px){.split,.topic-grid,.download-grid,.footer-grid,.example,.situation-grid,.quote-grid{grid-template-columns:1fr}.nav-toggle{display:inline-flex}.header-phone{padding:.45rem .65rem;font-size:.8rem}.nav{border-top:1px solid #0c121914;flex-direction:column;flex:none;order:3;align-items:flex-start;width:100%;padding:.5rem 0 .75rem;display:none}.nav.open{display:flex}.header-inner{position:relative}.prep-box{position:static}}


/* Seitenwechsel – schnell, ohne weißen Zwischenstand */
@view-transition {
  navigation: auto;
}

::view-transition-group(root) {
  animation-duration: 0.28s;
  animation-timing-function: cubic-bezier(0.33, 0.05, 0.2, 1);
}

::view-transition-old(root) {
  animation: pageOut 0.2s cubic-bezier(0.4, 0, 1, 1) both;
  z-index: 1;
}

::view-transition-new(root) {
  animation: pageIn 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
  z-index: 2;
}

@keyframes pageOut {
  to {
    opacity: 0;
    transform: translateY(-4px);
  }
}

@keyframes pageIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@supports not (at-rule: @view-transition) {
  #root {
    animation: pageEnter 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}

@keyframes pageEnter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html.is-leaving #root {
  animation: pageLeave 0.12s ease-out forwards;
  pointer-events: none;
}

@keyframes pageLeave {
  to {
    opacity: 0.35;
    transform: translateY(-3px);
  }
}

/* Sanftere Hover-/UI-Übergänge */
.btn,
.situation-card,
.topic,
.nav a::after {
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.fade-up {
  animation-duration: 0.55s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }

  #root,
  html.is-leaving #root,
  ::view-transition-old(root),
  ::view-transition-new(root),
  .fade-up {
    animation: none !important;
    filter: none !important;
  }
}

/* Hero: volle Bildbreite (Fahrzeuge sichtbar), Text auf hellem Foto lesbar */
@media (width<=720px) {
  .hero {
    min-height: min(88vh, 820px);
  }

  .hero-media {
    background-position: 50% 82%;
    background-size: 100% auto;
  }

  .hero-content {
    width: min(calc(100% - 1.5rem), 48ch);
    padding: 2.5rem 1.25rem;
  }

  .hero-content:before {
    left: 0;
    right: 0;
    top: -1rem;
    bottom: -1rem;
  }

  .hero-brand {
    font-size: clamp(2.35rem, 12vw, 3.4rem);
  }

  .hero-brand span {
    font-size: clamp(0.9rem, 4vw, 1.15rem);
  }

  .hero h1 {
    font-size: clamp(1.2rem, 4.6vw, 1.45rem);
    font-weight: 600;
  }

  .hero p {
    font-size: 1rem;
  }
}


/* Anfrageformular */
.inquiry-form{
  background:var(--ink);
  color:rgba(255,255,255,.88);
  padding:1.5rem 1.35rem;
  box-shadow:var(--shadow);
  display:grid;
  gap:.85rem;
}
.inquiry-form h2{color:#fff;font-size:1.55rem;margin:0}
.inquiry-form .section-label{color:var(--brass-light)}
.inquiry-form label{
  display:grid;
  gap:.35rem;
  font-size:.88rem;
  font-weight:600;
  color:rgba(255,255,255,.9);
}
.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea{
  font:inherit;
  font-weight:400;
  color:var(--ink);
  background:#fff;
  border:1px solid rgba(12,18,25,.15);
  border-radius:var(--radius);
  padding:.7rem .8rem;
  width:100%;
}
.inquiry-form textarea{resize:vertical;min-height:7rem}
.inquiry-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.inquiry-check{
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:.65rem;
  font-weight:400;
}
.inquiry-check input{width:auto;margin-top:.2rem}
.inquiry-check a{color:var(--steel);text-decoration:underline}
.inquiry-note{
  margin:0;
  font-size:.82rem;
  color:rgba(255,255,255,.68);
  font-weight:400;
}
.inquiry-form .btn{justify-self:start;margin-top:.25rem}
@media (width<=1080px){
  .inquiry-row{grid-template-columns:1fr}
}
.address-pair{display:flex;gap:.25rem 2rem;flex-wrap:wrap;align-items:flex-start;margin:0 0 1rem}
.address-pair p{margin:0}
.trust-points .list-subline,.prose li .list-subline{display:block;margin-top:.08rem;line-height:1.15}
.prose .info-box{margin:1.75rem 0;border-left:3px solid var(--brass)}
.prose .info-box h3{margin:0 0 .5rem;font-size:1.25rem}
.prose .info-box p{margin:0}
.prep-box .btn-outline{background:var(--brass);color:#fff;border-color:var(--brass)}
.prep-box .btn-outline:hover{background:#8f6a32;color:#fff;border-color:#8f6a32}
.footer-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.site-footer .footer-bottom p{margin:0}