  
                                                       
                                                                              
   
:root {
  --wk-navy-950: #061326;
  --wk-navy-900: #08182b;
  --wk-navy-800: #0b1b31;
  --wk-navy-700: #173652;
  --wk-gold-text: #8a631d;
  --wk-gold-600: #8a631d;
  --wk-gold-500: #cc972a;
  --wk-gold-300: #e0bd60;
  --wk-ice: #a5bcd4;
  --wk-ink: #0b1b31;
  --wk-text: #38495a;
  --wk-muted: #687787;
  --wk-line: #d8dee4;
  --wk-surface: #f7f7f3;
  --wk-surface-2: #eef2f4;
  --wk-white: #fff;
  --wk-container: 1160px;
  --wk-radius-sm: 5px;
  --wk-radius-md: 8px;
  --wk-radius-lg: 14px;
  --wk-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --wk-serif: "EB Garamond", Georgia, "Times New Roman", serif;
}

body { color: var(--wk-text); }
.container { width: min(calc(100% - 64px), var(--wk-container)); }
.section { padding: clamp(82px, 8.5vw, 128px) 0; }
.section--compact { padding: clamp(58px, 6vw, 86px) 0; }
.section--soft { background: var(--wk-surface); }
.section--dark,
.section--blue,
.page-hero { background: var(--wk-navy-950); }
.page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 84% 10%, rgba(204,151,42,.10), transparent 34%),
    linear-gradient(120deg, transparent 62%, rgba(165,188,212,.05));
}
.page-hero__inner { position: relative; z-index: 1; min-height: 430px; gap: clamp(48px, 6vw, 86px); }
.page-hero h1 { max-width: 14ch; font-size: clamp(2.75rem, 4.9vw, 4.9rem); }
.page-hero p:not(.eyebrow) { max-width: 760px; }
.page-hero__media { border-radius: var(--wk-radius-lg); }

.eyebrow { color: var(--wk-gold-text); }
.page-hero .eyebrow,
.section--dark .eyebrow,
.section--blue .eyebrow { color: var(--wk-gold-300); }
.lead { color: #526374; }
.page-hero .lead,
.section--dark .lead,
.section--blue .lead { color: rgba(255,255,255,.78); }

.section-heading h2 { max-width: 18ch; }
.section-heading.center h2 { margin-inline: auto; }
.section-heading.center p { margin-inline: auto; }
.section-heading--split { gap: clamp(42px, 7vw, 90px); }

.card { border-radius: var(--wk-radius-md); }
.card--accent { border-top-color: var(--wk-gold-500); }
.package-card--featured { border-color: var(--wk-gold-500); background: linear-gradient(180deg, rgba(204,151,42,.07), #fff 28%); }
.package-card__label { color: var(--wk-gold-text); }

.statement {
  border-left: 1px solid rgba(204,151,42,.7);
  background: transparent;
  padding: clamp(26px, 4vw, 44px) 0 clamp(26px, 4vw, 44px) clamp(26px, 4vw, 44px);
}
.statement p {
  font-size: clamp(1.6rem, 2.7vw, 2.65rem);
  line-height: 1.22;
  font-style: normal;
}
.brand-leit {
  margin: clamp(32px, 4.5vw, 52px) 0 0;
  padding-top: 20px;
  border-top: 1px solid rgba(204,151,42,.7);
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
  line-height: 1.25;
  color: var(--wk-ink);
}
.section--dark .brand-leit,
.section--blue .brand-leit { color: #fff; border-top-color: rgba(224,189,96,.55); }

.brand-principles { display: grid; gap: 0; border-top: 1px solid var(--wk-line); }
.brand-principles article { display: grid; grid-template-columns: 52px 1fr; gap: 22px; padding: 22px 0; border-bottom: 1px solid var(--wk-line); }
.brand-principles span { color: var(--wk-gold-text); font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
.brand-principles h3 { margin-bottom: 6px; }
.brand-principles p { margin: 0; }

.scope-note { margin-top: 26px; padding: 24px 0 0; border-top: 1px solid var(--wk-line); color: var(--wk-muted); }
.scope-note strong { color: var(--wk-ink); }

.comparison-table td.limited { color: var(--wk-gold-text); }
.comparison-table td.yes { color: #1c6548; }

.cta-band__inner { gap: clamp(48px, 7vw, 90px); }
.cta-band h2 { max-width: 16ch; }
.cta-band__action span { color: rgba(255,255,255,.68); }

.site-footer { background: var(--wk-navy-950); }
.footer-brand strong { color: var(--wk-gold-300); }
.footer-title { color: #fff; }

.page-template-page-fahrzeug-anfragen .form-card,
.page-template-page-kontakt .form-card { background: #fff; }
.form-aside .card--accent { border-top: 2px solid var(--wk-gold-500); }

@media (max-width: 820px) {
  .container { width: min(calc(100% - 48px), var(--wk-container)); }
  .page-hero h1 { max-width: none; }
}
@media (max-width: 620px) {
  .container { width: min(calc(100% - 32px), var(--wk-container)); }
  .section { padding: 68px 0; }
  .brand-principles article { grid-template-columns: 40px 1fr; gap: 16px; }
}

                                                               
                                                                
        
                                                     
                                         
                                                                    
                                                                  
:root {
  --wk-font: Inter, "Segoe UI", Arial, sans-serif;
  --wk-serif: "EB Garamond", Georgia, "Times New Roman", serif;
}

body,
button,
input,
select,
textarea,
.main-nav a,
.btn,
.text-link,
.eyebrow,
.kicker,
.package-card__label,
.comparison-table,
.site-footer {
  font-family: var(--wk-font);
}

.main-nav a, .btn, .text-link, strong {
  font-family: var(--wk-font);
}
strong { font-weight: 700; }
.main-nav a { font-weight: 600; }
.btn, .text-link { font-weight: 700; }
.eyebrow, .kicker, .package-card__label { font-weight: 700; }

                                                                 

                                                     
.brand-principles article {
  grid-template-columns: 84px 1fr;
  gap: 26px;
  padding: 28px 0;
}
.brand-principles span {
  font-family: var(--wk-font);
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  padding-top: 3px;
}
.brand-principles h3 { font-size: clamp(1.3rem, 1.8vw, 1.65rem); }

                                                                        
.page-hero__media--brandmark {
  min-height: 330px;
  display: grid;
  place-items: center;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
  background: transparent;
}
.page-hero__media--brandmark::after { display: none; }
.page-hero__media--brandmark img {
  position: relative;
  inset: auto;
  width: min(86%, 360px);
  height: auto;
  max-height: 360px;
  object-fit: contain;
  padding: 0 !important;
  background: transparent !important;
}

@media (max-width: 620px) {
  .brand-principles article { grid-template-columns: 62px 1fr; gap: 18px; }
  .brand-principles span { font-size: 1.2rem; }
  .page-hero__media--brandmark { min-height: 245px; }
  .page-hero__media--brandmark img { width: min(78%, 280px); }
}

                                                               
                                                    
                                                           
                                                                  
:root {
  --wk-font: Inter, "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  --wk-serif: "EB Garamond", Georgia, "Times New Roman", serif;
  --wk-structural-number: clamp(1.35rem, 1.75vw, 1.75rem);
}

                                                          
body, button, input, select, textarea, .main-nav a, .btn, .text-link, .eyebrow, .kicker, .package-card__label, .package-card__descriptor, .comparison-table, .site-footer, .card__number, .process-card::before, .faq summary, .form-progress li, .field label, .field legend, .form-summary dt, .process-editorial span, .proof-list article > span, .founder-media__badge, .lead-steps li::before, .lead-panel__index {
  font-family: var(--wk-font);
}
body { font-weight: 400; }
strong { font-weight: 700; }
.lead, .hero__subtitle { font-weight: 400; }
.main-nav a { font-weight: 600; }
.btn, .text-link, .faq summary, .field label, .field legend { font-weight: 700; }
.eyebrow, .kicker, .package-card__label, .package-card__descriptor,
.card__number, .process-card::before, .process-editorial span,
.proof-list article > span, .lead-steps li::before, .lead-panel__index {
  font-weight: 700;
}

                                                                         
.brand-principles article { grid-template-columns: 82px 1fr; gap: 24px; padding: 30px 0; }
.brand-principles span {
  font-size: var(--wk-structural-number);
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1;
  padding-top: 3px;
}
.brand-principles h3 { font-size: clamp(1.35rem, 1.8vw, 1.65rem); }

                                                        
.brand-principles--vision {
  border-top-color: rgba(255,255,255,.20);
  align-self: stretch;
}
.brand-principles--vision article { border-bottom-color: rgba(255,255,255,.20); }
.brand-principles--vision span { color: var(--wk-gold-300); }
.brand-principles--vision h3 { color: #fff; }
.brand-principles--vision p { color: rgba(255,255,255,.72); }

                                                                               
.page-hero__media--brandmark {
  min-height: 330px;
  display: grid;
  place-items: center;
  overflow: visible;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.page-hero__media--brandmark::after { display: none; }
.page-hero__media--brandmark img {
  position: relative;
  inset: auto;
  width: min(88%, 380px);
  height: auto;
  max-height: 380px;
  object-fit: contain;
  padding: 0 !important;
  background: transparent !important;
  filter: drop-shadow(0 16px 28px rgba(0,0,0,.16));
}

@media (max-width: 620px) {
  .brand-principles article { grid-template-columns: 62px 1fr; gap: 18px; }
  .brand-principles span { font-size: 1.15rem; }
  .page-hero__media--brandmark { min-height: 240px; }
  .page-hero__media--brandmark img { width: min(78%, 270px); }
}
