/* Freigegebenes Winterräder-Design vom 10.10.2026. */
.winter-landing { --blue:#0074ff; --blue-hover:#0065df; --muted:#5d606c; --gray:#f4f6f8; --line:#e0e6ed; }
.winter-landing h1,.winter-landing h2,.winter-landing h3,.winter-landing h4,.winter-landing p { margin:0; }
.winter-landing h2 { font-size:clamp(32px,3.7vw,52px); line-height:1.12; letter-spacing:-.04em; font-weight:700; margin-bottom:30px; }
.winter-landing h3 { font-size:clamp(18px,1.8vw,26px); line-height:1.25; letter-spacing:-.025em; font-weight:650; }
.winter-landing p { font-size:clamp(17px,1.65vw,23px); line-height:1.45; color:var(--muted); }
.winter-landing .site-header .nav { padding-block:0; min-height:0; flex-wrap:nowrap; }
.winter-landing .brand-sub { display:block; }
.winter-landing #main-nav a { text-decoration:none; }
.winter-landing #main-nav [aria-current="page"] { position:relative; }
.winter-landing #main-nav [aria-current="page"]::after { content:""; height:2px; background:var(--blue); position:absolute; left:0; right:0; bottom:-25px; }
.wl-section { padding:44px 0; }
.wl-hero { position:relative; isolation:isolate; overflow:hidden; display:grid; align-items:center; min-height:clamp(540px,45.7vw,700px); background:#1a211e; }
.wl-hero-image { position:absolute; inset:0; z-index:-2; }
.wl-hero-image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.wl-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(0,0,0,.26),transparent 56%); }
.wl-hero-copy { padding-block:80px; }
.winter-landing .wl-hero h1 { font-size:clamp(44px,4.85vw,70px); line-height:1.04; letter-spacing:-.035em; font-weight:700; color:#fff; max-width:640px; margin-bottom:20px; }
.winter-landing .wl-hero-price { color:#fff; font-size:clamp(26px,2.6vw,36px); font-weight:650; margin-bottom:8px; }
.winter-landing .wl-hero-region { color:#fff; font-size:clamp(20px,2.1vw,28px); }
.wl-hero-actions { display:flex; gap:34px; align-items:center; margin-top:32px; }
.wl-hero-actions>a:not(.btn) { color:#fff; font-size:21px; }
.wl-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; }
.wl-process-grid>div+div { border-left:1px solid var(--line); padding-left:42px; }
.wl-process-grid h3 { margin-bottom:13px; }
.winter-landing .wl-fineprint { font-size:14px; line-height:1.6; text-align:center; margin-top:16px; }
.wl-pricing { background:var(--gray); }
.wl-price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.wl-price-grid article { background:#fff; border:1px solid var(--line); border-radius:12px; padding:28px 20px; min-height:226px; text-align:center; }
.wl-price-grid h3 { color:var(--muted); font-size:23px; font-weight:550; }
.winter-landing .wl-price-grid .wl-price { color:var(--ink); font-size:clamp(42px,4.4vw,62px); font-weight:700; line-height:1.15; letter-spacing:-.035em; margin:12px 0; }
.wl-price-grid article>p:last-child { font-size:20px; }
.winter-landing .wl-group-price { font-size:15px; text-align:right; margin-top:14px; }
.wl-service-area { margin-top:20px; text-align:center; }
.wl-service-area summary { display:inline; font-size:16px; text-decoration:underline; cursor:pointer; }
.wl-service-area summary::-webkit-details-marker { display:none; }
.wl-service-area p { margin:16px auto 0; font-size:16px; max-width:850px; }
.wl-booking-section { background:#fff; }
.wl-booking-shell { padding:26px 44px; border:1px solid var(--line); border-radius:12px; background:#f7f9fc; }
#winter-booking-form { max-width:660px; margin:auto; }
.wl-step-top { display:flex; align-items:center; gap:60px; margin-bottom:22px; }
.wl-step-progress { height:8px; border-radius:20px; background:#e4e9ef; overflow:hidden; flex:1; }
#wl-step-fill { display:block; background:var(--blue); width:12.5%; height:100%; border-radius:20px; }
#wl-step-counter { font-size:18px; color:var(--muted); flex:none; }
.wl-form-content { max-width:620px; margin-inline:auto; }
.wl-booking-step>h3 { font-size:34px; margin-bottom:16px; outline-offset:5px; }
.wl-count-options { display:grid; gap:12px; }
.wl-count-options button { display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left; background:#fff; border:1px solid #d4dfeb; border-radius:10px; min-height:62px; padding:12px 24px; font-size:21px; color:var(--ink); cursor:pointer; }
.wl-count-options button>span:last-child { color:var(--blue); font-size:28px; }
.wl-count-options small { display:block; font-size:17px; color:#737985; margin-top:4px; }
.wl-count-options button:hover { border-color:var(--blue); background:#f3f8ff; }
.wl-booking-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:24px; }
.wl-booking-actions:has(button[hidden]+button[hidden]) { display:none; }
#wl-booking-back { border:0; background:none; padding:12px 0; color:var(--muted); cursor:pointer; }
.wl-field-pair { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.wl-street-pair { grid-template-columns:1.65fr 1fr; }
.winter-landing .field { margin:0 0 18px; min-width:0; }
.winter-landing .field label { font-size:16px; font-weight:500; margin-bottom:8px; }
.winter-landing .field input,.winter-landing .field textarea { background:#fff; color:var(--ink); border:1px solid #cdd7e2; border-radius:10px; min-height:54px; padding:12px 15px; width:100%; }
.wl-vehicle-fields { display:grid; gap:20px; }
.winter-vehicle-card { border:1px solid var(--line); background:#fff; border-radius:12px; padding:18px; min-width:0; }
.winter-vehicle-card legend { font-size:18px; font-weight:600; padding:0 6px; }
.winter-vehicle-card .field { margin-bottom:0; }
.winter-date-options,.winter-time-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:16px; }
.wl-date-nav { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:4px; }
.wl-date-nav button { border:0; background:transparent; font-size:15px; cursor:pointer; color:var(--blue); min-height:44px; }
.wl-date-nav button:disabled { color:#8b939e; cursor:default; }
.wl-date-nav span { font-size:14px; color:var(--muted); }
.winter-date-button,.winter-time-button { min-height:60px; padding:13px 8px; background:#fff; border:1px solid #d4dfeb; border-radius:10px; color:var(--ink); cursor:pointer; }
.winter-date-button { display:grid; gap:3px; }
.winter-date-button[aria-pressed="true"],.winter-time-button[aria-pressed="true"] { background:#e9f3ff; border-color:var(--blue); }
.winter-landing .wl-step-hint { font-size:17px; }
.wl-booking-step h4 { margin-top:24px; font-size:18px; }
.winter-date-options>p,.winter-time-options>p { grid-column:1/-1; font-size:17px; }
.winter-landing #area-message,.winter-landing .form-status { font-size:15px; margin-top:8px; }
.winter-order-box { border:1px solid var(--line); border-radius:12px; background:#fff; padding:22px; margin-bottom:20px; }
.winter-order-box>div { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding:12px 0; border-bottom:1px solid var(--line); font-size:17px; }
.winter-order-box strong { text-align:right; overflow-wrap:anywhere; }
.winter-order-total strong { font-size:25px; }
.winter-landing .winter-order-box p { font-size:14px; margin-top:16px; }
.winter-landing .wl-contract-info,.winter-landing [data-quote-only]>p { font-size:14px; line-height:1.6; margin-bottom:18px; }
.winter-confirmations { display:grid; gap:12px; margin-bottom:20px; }
.winter-confirmations .checkbox-row { align-items:flex-start; font-size:15px; }
.winter-confirmations input { flex:none; width:20px; height:20px; margin-top:2px; }
.winter-submit-button { width:100%; margin-top:16px; white-space:normal!important; }
.winter-landing .wl-booking-note { text-align:center; font-size:15px; margin-top:18px; }
.winter-success { padding:35px; border:1px solid var(--line); background:#edf5ff; border-radius:12px; }
.winter-success p { margin-bottom:15px; }
.winter-confirmation-list>div { display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); padding:12px 0; }
.winter-confirmation-list dd { margin:0; text-align:right; }
.winter-success-actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-top:22px; }
.wl-team-section { background:var(--gray); padding-top:24px; }
.wl-team-grid { display:grid; grid-template-columns:1fr 1fr; gap:46px; align-items:center; }
.wl-team-copy p { margin-bottom:18px; font-size:26px; }
.wl-team-copy>a { font-size:20px; }
.wl-founders { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.wl-founders article { background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.wl-founders img { width:100%; aspect-ratio:1.2; object-fit:cover; object-position:center 30%; }
.wl-founders article>div { padding:12px 20px 18px; }
.wl-founders h3 { font-size:20px; letter-spacing:-.02em; }
.wl-founders article p { font-size:15px; margin-top:4px; }
.wl-wheel-cta { position:relative; isolation:isolate; border-radius:12px; overflow:hidden; min-height:208px; display:flex; align-items:center; padding:28px 42px; margin-top:24px; }
.wl-wheel-cta picture { position:absolute; inset:0; z-index:-2; }
.wl-wheel-cta img { width:100%; height:100%; object-fit:cover; object-position:center 48%; }
.wl-wheel-cta::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,10,15,.78),rgba(5,10,15,.22) 65%,transparent); }
.wl-wheel-cta h2 { font-size:clamp(28px,3.4vw,46px); color:#fff; margin-bottom:20px; }
.wl-faq-grid { display:grid; grid-template-columns:.7fr 1fr; gap:40px; margin-top:24px; scroll-margin-top:110px; }
.wl-faq-grid h2 { margin:12px 0 0; }
.wl-faq-list { background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.wl-faq-list details+details { border-top:1px solid var(--line); }
.wl-faq-list summary { list-style:none; padding:12px 44px 12px 28px; font-size:17px; position:relative; cursor:pointer; }
.wl-faq-list summary::-webkit-details-marker { display:none; }
.wl-faq-list summary::after { content:"+"; position:absolute; right:24px; }
.wl-faq-list details[open] summary::after { content:"−"; }
.wl-faq-list p { padding:0 28px 20px; font-size:17px; }
.winter-landing .site-footer { border:0; padding:0; background:#fff; }
.winter-landing .footer-top { padding:18px 0; }
.winter-landing .footer-bottom { padding:18px 0; }
.winter-landing .footer-bottom nav { gap:20px; }
.winter-landing .footer-bottom .text-button { font-size:inherit; }
.winter-landing .cookie-banner p { font-size:15px; }
.winter-landing #consent-dialog p { font-size:16px; margin-block:16px; }
@media(min-width:1800px) { .wl-hero { min-height:760px; } }
@media(max-width:1100px) { .wl-process-grid { gap:24px; } .wl-process-grid>div+div { padding-left:24px; } .wl-team-grid { gap:24px; } .wl-founders article>div { padding:12px; } .wl-founders h3 { font-size:17px; } .wl-team-copy p { font-size:22px; } .wl-team-copy>a { font-size:17px; } .wl-hero-copy { padding-block:70px; } }
@media(max-width:900px) { .winter-landing #main-nav [aria-current="page"]::after { bottom:4px; right:auto; width:160px; } .winter-landing .site-header .nav { gap:15px; } .wl-hero { min-height:520px; } .winter-landing .wl-hero h1 { font-size:46px; max-width:460px; } .wl-hero-image img { object-position:56% center; } .wl-hero-actions { gap:24px; } .wl-hero-actions>a:not(.btn) { font-size:17px; } .wl-section { padding:35px 0; } .wl-process-grid p { font-size:17px; } .wl-callout p { max-width:52%; } .wl-price-grid article { padding:24px 12px; min-height:190px; } .wl-price-grid article>p:last-child { font-size:17px; } .wl-booking-shell { padding:26px; } .wl-faq-grid { grid-template-columns:.65fr 1fr; gap:20px; } .wl-faq-list summary { padding:12px 34px 12px 16px; font-size:14px; } .wl-faq-list summary::after { right:16px; } .wl-founders p { font-size:13px; } }
@media(max-width:640px) { .wl-hero { min-height:640px; align-items:end; } .wl-hero-copy { padding-block:55px; } .wl-hero-image img { object-position:63% center; } .wl-hero::after { background:linear-gradient(0deg,rgba(4,9,13,.89),rgba(4,9,13,.14) 85%); } .winter-landing .wl-hero h1 { font-size:clamp(36px,9.5vw,48px); } .wl-hero-actions { gap:20px; flex-wrap:wrap; } .wl-hero-region { max-width:300px; } .wl-process-grid { grid-template-columns:1fr; gap:22px; } .wl-process-grid>div+div { border-left:0; border-top:1px solid var(--line); padding:22px 0 0; }  .wl-callout p { max-width:none; margin-bottom:22px; } .winter-landing .wl-fineprint { font-size:12px; text-align:left; } .wl-price-grid { gap:8px; } .wl-price-grid article { padding:20px 8px; min-height:170px; } .wl-price-grid h3 { font-size:16px; } .winter-landing .wl-price-grid .wl-price { font-size:32px; } .wl-price-grid article>p:last-child { font-size:13px; } .winter-landing .wl-group-price { font-size:12px; } .wl-booking-shell { padding:22px 16px; } .wl-step-top { gap:25px; } #wl-step-counter { font-size:15px; } .wl-booking-step>h3 { font-size:27px; } .wl-count-options button { font-size:17px; padding:12px 16px; min-height:56px; } .wl-count-options small { font-size:14px; } .wl-field-pair,.wl-street-pair { grid-template-columns:1fr; gap:0; } .winter-vehicle-card .field { margin-bottom:14px; } .winter-vehicle-card .field:last-child { margin-bottom:0; } .winter-date-options,.winter-time-options { grid-template-columns:repeat(2,minmax(0,1fr)); } .winter-landing .wl-booking-note { font-size:12px; } .wl-team-grid { grid-template-columns:1fr; gap:25px; } .wl-team-copy p { font-size:22px; } .wl-founders { gap:12px; } .wl-founders h3 { font-size:17px; } .wl-founders article p { font-size:12px; } .wl-wheel-cta { padding:25px; min-height:225px; margin-top:25px; } .wl-wheel-cta h2 { font-size:31px; } .wl-faq-grid { grid-template-columns:1fr; margin-top:30px; gap:20px; } .wl-faq-grid h2 { margin:0; } .wl-faq-list summary { font-size:15px; } .wl-faq-list p { padding-inline:16px; font-size:15px; } .winter-landing .footer-top { padding-block:22px; } .winter-success { padding:24px 18px; } .winter-order-box { padding:16px; } .winter-order-box>div { font-size:15px; gap:12px; } .winter-confirmation-list>div { font-size:14px; } }