@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('schriften/barlow-condensed-600.woff2') format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('schriften/barlow-condensed-700.woff2') format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('schriften/barlow-condensed-800.woff2') format('woff2');}

  :root{
    /* Bieber-Tec Styleguide Farben */
    --green:#4B9B3E;      /* Yellow Green – Pantone 363 */
    --green-dark:#3d8032;
    --grey:#949898;       /* Middle Grey – Pantone 430 */
    --dark:#575756;       /* Dunkelgrau (Logo-Hintergrund) */
    --darker:#454544;
    --red:#870A24;        /* Dark Red – Viking */
    --blue:#004C91;       /* Gentian Blue – Inuit */
    --bg:#f6f6f5;
    --white:#ffffff;
    --ink:#3a3a39;
    --muted:#5f635f;
    --line:#e3e4e2;
    --radius:10px;
    --shadow:0 6px 24px rgba(60,60,60,.12);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:"Myriad Pro","Segoe UI",Frutiger,Calibri,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;}
  img{max-width:100%;display:block;}
  a{color:inherit;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
  section{padding:88px 0;}
  h1,h2,h3{font-weight:800;letter-spacing:.01em;line-height:1.15;}
  h2{font-size:clamp(26px,3.6vw,38px);margin-bottom:12px;text-transform:uppercase;color:var(--dark);}
  .kicker{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--green);margin-bottom:10px;}
  .sub{color:var(--muted);font-size:18px;max-width:660px;}
  .btn{display:inline-block;padding:14px 28px;border-radius:6px;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer;border:0;transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
  .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18);}
  .btn-primary{background:var(--green-dark);color:#fff;}
  .btn-primary:hover{background:var(--green-dark);}
  .btn-ghost{background:transparent;color:var(--dark);border:2px solid var(--grey);}
  .btn-light{background:#fff;color:var(--green);}
  .badge-neu{display:inline-block;background:var(--green-dark);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:4px 12px;border-radius:4px;vertical-align:middle;margin-left:8px;}
  .sec-rule{border-top:5px solid var(--green);}

  /* Logo */
  .logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
  .logo svg{flex:none;}
  .logo-text{line-height:1.05;}
  .logo-text b{display:block;font-size:20px;font-weight:900;color:var(--dark);letter-spacing:.02em;}
  .logo-text b i{font-style:normal;color:var(--green);}
  .logo-text span{display:block;font-size:9px;font-weight:700;letter-spacing:.28em;color:var(--grey);text-transform:uppercase;}

  /* Header */
  header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
  .nav{display:flex;align-items:center;justify-content:space-between;height:76px;}
  .nav-links{display:flex;gap:24px;list-style:none;align-items:center;}
  .nav-links a{text-decoration:none;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.03em;color:var(--dark);}
  .nav-links a:hover{color:var(--green);}
  .nav-cta{background:var(--green-dark);color:#fff !important;padding:10px 20px;border-radius:6px;}
  @media(max-width:900px){.nav-links{display:none;}}

  /* Hero */
  .hero{background:linear-gradient(150deg,var(--dark) 0%,var(--darker) 100%);color:#fff;padding:100px 0 0;overflow:hidden;position:relative;}
  .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative;z-index:2;}
  .hero .hero-h{font-size:clamp(38px,6vw,62px);margin-bottom:18px;text-transform:uppercase;}
  .hero .hero-h em{font-style:normal;color:var(--green);display:block;}
  .hero .hero-h .rule{display:block;width:90px;height:6px;background:var(--green-dark);margin-top:14px;}
  .hero p{font-size:19px;color:#d9dad8;max-width:520px;margin-bottom:30px;}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:60px;}
  .hero-art{position:relative;align-self:end;}
  @media(max-width:900px){.hero .wrap{grid-template-columns:1fr;}.hero-art{display:none;}}
  .tiretrack{position:absolute;bottom:110px;left:-40px;right:0;height:46px;opacity:.16;background-image:repeating-linear-gradient(90deg,#fff 0 22px,transparent 22px 34px);transform:rotate(-3deg);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);z-index:1;}

  /* Trust bar */
  .trust{background:var(--green-dark);color:#fff;padding:26px 0;position:relative;z-index:2;}
  .trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
  .trust b{display:block;font-size:20px;text-transform:uppercase;}
  .trust span{font-size:14px;color:#e2f0de;}
  @media(max-width:700px){.trust .wrap{grid-template-columns:repeat(2,1fr);}}

  /* Cards */
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px;}
  @media(max-width:900px){.grid3{grid-template-columns:1fr;}}
  .card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;border-top:5px solid var(--grey);}
  .card.acc-blue{border-top-color:var(--blue);}
  .card.acc-red{border-top-color:var(--red);}
  .card.acc-green{border-top-color:var(--green);}
  .card-img{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;background-color:var(--grey);}
  .serienname{font-size:30px;font-weight:900;letter-spacing:.12em;color:#fff;}
  .serienname i{font-style:normal;}
  .card-body{padding:26px;flex:1;display:flex;flex-direction:column;}
  .card-body h3{font-size:20px;margin-bottom:8px;color:var(--dark);text-transform:uppercase;}
  .card-body p{color:var(--muted);font-size:15px;flex:1;}
  .card-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px;}
  .tag{font-size:12px;font-weight:700;background:var(--bg);border:1px solid var(--line);padding:4px 10px;border-radius:4px;color:var(--dark);}
  .card-actions{display:flex;gap:10px;}
  .card-actions .btn{padding:10px 16px;font-size:13px;}

  .ptypen-title{margin-top:54px;font-size:19px;color:var(--dark);text-transform:uppercase;font-weight:800;}
  .ptypen-sub{color:var(--muted);font-size:14px;margin:4px 0 20px;}
  .ptypen{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  @media(max-width:900px){.ptypen{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.ptypen{grid-template-columns:1fr;}}
  .ptyp{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:18px 14px;text-align:center;}
  .ptyp svg{width:100%;max-width:240px;height:auto;margin:0 auto 10px;display:block;}
  .ptyp b{display:block;color:var(--dark);font-size:14px;text-transform:uppercase;}
  .ptyp small{display:block;color:var(--muted);font-size:12px;margin:2px 0 10px;line-height:1.4;}
  .ptyp .fit{display:inline-block;font-size:12px;font-weight:700;color:var(--green-dark);background:#eef6ec;border:1px solid #cfe4c9;border-radius:999px;padding:4px 10px;line-height:1.5;}
  .ph{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 12px,transparent 12px 24px);}
  .ph-note{font-size:10px;opacity:.8;font-weight:600;letter-spacing:.05em;display:block;margin-top:6px;text-transform:none;}
  .serie-img{background:#fff;border-bottom:1px solid var(--line);height:210px;padding:0;position:relative;overflow:hidden;}
  .serie-foto{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
  .card:hover .serie-foto{transform:scale(1.05);}
  .serie-badge{position:absolute;right:12px;bottom:12px;width:62px;height:62px;background:rgba(255,255,255,.94);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.25);}
  .serie-badge img{height:44px;width:auto;}
  .serie-tier{height:140px;width:auto;object-fit:contain;}
  .serie-wm{height:30px;width:auto;margin-bottom:10px;align-self:flex-start;}
  .hero-art img{width:100%;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.45);margin-bottom:44px;display:block;}

  /* Section tints */
  .sec-white{background:#fff;}
  .sec-green{background:var(--green-dark);color:#fff;}
  .sec-green .sub{color:#e2f0de;}
  .sec-green h2{color:#fff;}
  .sec-green .kicker{color:#fff;}

  /* Konfigurator */
  .konfig{background:#fff;border-radius:14px;box-shadow:var(--shadow);margin-top:44px;overflow:hidden;border:1px solid var(--line);}
  .konfig-head{display:flex;gap:0;border-bottom:1px solid var(--line);}
  .kstep{flex:1;padding:16px 10px;text-align:center;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg);border-right:1px solid var(--line);position:relative;}
  .kstep:last-child{border-right:0;}
  .kstep.active{background:#fff;color:var(--green);}
  .kstep.done{color:var(--dark);}
  .kstep .num{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--line);align-items:center;justify-content:center;font-size:12px;margin-right:6px;}
  .kstep.active .num{background:var(--green-dark);color:#fff;}
  .kstep.done .num{background:var(--dark);color:#fff;}
  .konfig-body{display:grid;grid-template-columns:1fr 320px;min-height:420px;}
  @media(max-width:900px){.konfig-body{grid-template-columns:1fr;}}
  .konfig-main{padding:34px;}
  .konfig-main h3{font-size:20px;color:var(--dark);margin-bottom:6px;text-transform:uppercase;}
  .konfig-main .hint{color:var(--muted);font-size:14px;margin-bottom:22px;}
  .opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;}
  .opt{border:2px solid var(--line);border-radius:8px;padding:18px;cursor:pointer;transition:all .15s ease;background:#fff;}
  .opt:hover{border-color:var(--grey);}
  .opt.selected{border-color:var(--green);background:#eef6ec;}
  .opt b{display:block;color:var(--dark);margin-bottom:4px;}
  .opt small{color:var(--muted);display:block;font-size:13px;line-height:1.4;}
  .opt .price{display:block;margin-top:10px;font-weight:800;color:var(--green);font-size:14px;}
  .opt-cat{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:24px 0 10px;border-bottom:1px solid var(--line);padding-bottom:6px;}
  .opt-cat:first-of-type{margin-top:0;}
  .konfig-side{background:var(--bg);border-left:1px solid var(--line);padding:30px;display:flex;flex-direction:column;}
  @media(max-width:900px){.konfig-side{border-left:0;border-top:1px solid var(--line);}}
  .konfig-side h4{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px;}
  .sum-list{flex:1;font-size:14px;}
  .sum-list div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line);}
  .sum-total{display:flex;justify-content:space-between;font-weight:800;font-size:18px;color:var(--dark);padding:14px 0 4px;}
  .sum-total span:last-child{color:var(--green);}
  .sum-note{font-size:11px;color:var(--muted);margin:8px 0 16px;}
  .konfig-nav{display:flex;justify-content:space-between;padding:0 34px 30px;}
  .konfig-nav .btn{padding:12px 24px;font-size:14px;}
  .btn[disabled]{opacity:.4;cursor:not-allowed;transform:none !important;box-shadow:none !important;}
  .k-success{text-align:center;padding:40px 20px;}
  .k-success .check{width:64px;height:64px;border-radius:50%;background:var(--green-dark);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
  .k-form{display:grid;gap:12px;max-width:440px;}
  .k-form input,.k-form textarea{padding:12px 14px;border:1px solid var(--line);border-radius:8px;font-size:15px;font-family:inherit;background:#fff;}
  .k-info{background:#eef6ec;border:1px solid #cfe4c9;border-radius:8px;padding:12px 14px;font-size:13px;color:var(--green-dark);margin:0 0 16px;max-width:440px;line-height:1.55;}
  .k-info b{display:block;margin-bottom:2px;}

  /* Cubes */
  .cube-gallery{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:40px;}
  @media(max-width:800px){.cube-gallery{grid-template-columns:1fr;}}
  .cube-gallery .cg-main{width:100%;height:434px;object-fit:cover;border-radius:12px;}
  .cg-side{display:grid;gap:14px;}
  .cg-side img{width:100%;height:210px;object-fit:cover;border-radius:12px;}
  .cube-feats{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
  .cfeat{background:#eef6ec;border:1px solid #cfe4c9;color:var(--green-dark);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;}
  .cube-models{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px;}
  @media(max-width:800px){.cube-models{grid-template-columns:1fr;}}
  .cube-logo{display:flex;justify-content:flex-start;margin-bottom:18px;}
  .cube-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
  @media(max-width:900px){.cube-uses{grid-template-columns:1fr;}}
  .cube-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);}
  .cube-card .ico{font-size:30px;margin-bottom:12px;}
  .cube-card h3{font-size:18px;margin-bottom:8px;text-transform:uppercase;color:var(--dark);}
  .cube-card p{font-size:14px;color:var(--muted);}
  .cube-signup{margin-top:44px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:var(--radius);padding:30px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;box-shadow:var(--shadow);}
  .cube-signup input{flex:1;min-width:220px;padding:14px 16px;border-radius:6px;border:1px solid var(--line);font-size:15px;}
  .cube-signup .btn{background:var(--green-dark);color:#fff;}

  /* About / timeline */
  .timeline{margin-top:44px;display:grid;gap:0;position:relative;padding-left:28px;border-left:3px solid var(--grey);}
  .tl{position:relative;padding:0 0 34px 22px;}
  .tl:before{content:"";position:absolute;left:-37px;top:4px;width:15px;height:15px;border-radius:50%;background:var(--green-dark);border:3px solid var(--bg);}
  .tl b{display:block;color:var(--dark);font-size:17px;text-transform:uppercase;}
  .tl span{color:var(--muted);font-size:15px;}
  .tl .year{font-weight:800;color:var(--green);font-size:14px;letter-spacing:.05em;}

  /* Kontakt */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:44px;}
  @media(max-width:900px){.contact-grid{grid-template-columns:1fr;}}
  .contact-info div{margin-bottom:18px;}
  .contact-info b{display:block;color:var(--green);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;}
  .c-form{display:grid;gap:14px;background:#fff;padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);border-top:5px solid var(--green);}
  .c-form input,.c-form textarea,.c-form select{padding:13px 15px;border:1px solid var(--line);border-radius:8px;font-size:15px;font-family:inherit;}
  .c-form label{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:flex-start;}

  /* Komplettpaket */
  .sec-dark{background:linear-gradient(150deg,var(--dark) 0%,var(--darker) 100%);color:#fff;}
  .sec-dark h2{color:#fff;}
  .sec-dark .sub{color:#d9dad8;}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
  @media(max-width:900px){.steps{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.steps{grid-template-columns:1fr;}}
  .step{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:24px;}
  .step .snum{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--green-dark);color:#fff;font-weight:800;align-items:center;justify-content:center;margin-bottom:12px;}
  .step h3{font-size:16px;text-transform:uppercase;margin-bottom:6px;}
  .step p{font-size:14px;color:#d9dad8;}
  .steps-light .step{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);}
  .steps-light .step h3{color:var(--dark);}
  .steps-light .step p{color:var(--muted);}

  /* Kundenstimmen */
  .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
  @media(max-width:900px){.quotes{grid-template-columns:1fr;}}
  .quote{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;border-top:5px solid var(--green);}
  .quote p{font-size:15px;font-style:italic;color:var(--ink);margin-bottom:14px;}
  .quote b{font-size:14px;color:var(--dark);text-transform:uppercase;}
  .quote span{display:block;font-size:12px;color:var(--muted);}

  /* FAQ */
  .faq{margin-top:40px;max-width:820px;}
  .faq details{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;box-shadow:var(--shadow);}
  .faq summary{padding:18px 22px;font-weight:800;color:var(--dark);cursor:pointer;list-style:none;position:relative;padding-right:46px;}
  .faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--green);font-weight:800;}
  .faq details[open] summary::after{content:"–";}
  .faq .fa{padding:0 22px 18px;font-size:15px;color:var(--muted);}

  /* Partner */
  .map-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin-top:44px;}
  .map-card svg{width:100%;height:auto;display:block;}
  .map-note{font-size:12px;color:var(--muted);margin-top:10px;}
  .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px;}
  @media(max-width:900px){.pgrid{grid-template-columns:1fr;}}
  .pcard{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;border-left:5px solid var(--green);display:flex;flex-direction:column;}
  .pcard .plogo{height:46px;width:auto;max-width:75%;object-fit:contain;margin-bottom:12px;align-self:flex-start;}
  .pcard h3{font-size:17px;color:var(--dark);text-transform:uppercase;margin-bottom:2px;}
  .pcard .ort{font-size:13px;font-weight:700;color:var(--green);margin-bottom:8px;}
  .pcard p{font-size:14px;color:var(--muted);flex:1;}
  .pcard a{display:inline-block;margin-top:12px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--green);text-decoration:none;}
  .pcard a:hover{text-decoration:underline;}


  /* Datenschutz-Seite (Overlay) */
  .legal{position:fixed;inset:0;z-index:200;background:var(--bg);overflow-y:auto;display:none;}
  .legal.open{display:block;}
  body.legal-open{overflow:hidden;}
  .legal-bar{position:sticky;top:0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:2;}
  .legal-bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;}
  .legal-bar b{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--dark);}
  .legal-close{background:transparent;border:2px solid var(--grey);color:var(--dark);border-radius:6px;padding:8px 16px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;font-family:inherit;}
  .legal-close:hover{border-color:var(--green);color:var(--green);}
  .legal-body{max-width:820px;margin:0 auto;padding:48px 24px 90px;}
  .legal-body h1,.legal-body .legal-h1{font-size:clamp(28px,4vw,40px);text-transform:uppercase;color:var(--dark);margin-bottom:8px;}
  .legal-body .stand{color:var(--muted);font-size:14px;margin-bottom:28px;}
  .legal-body h2{font-size:20px;text-transform:none;margin:34px 0 10px;color:var(--dark);}
  .legal-body p,.legal-body li{font-size:16px;margin-bottom:10px;color:var(--ink);}
  .legal-body ul{padding-left:20px;margin-bottom:10px;}
  .legal-body a{color:var(--green-dark);}
  .legal-toc{background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:var(--radius);padding:18px 22px;margin-bottom:10px;}
  .legal-toc ol{padding-left:20px;columns:2;column-gap:28px;}
  .legal-toc li{font-size:14px;margin-bottom:4px;break-inside:avoid;}
  @media(max-width:640px){.legal-toc ol{columns:1;}}
  .legal-body h2.lh{font-size:19px;}
  .legal-body .stand-end{color:var(--muted);font-size:14px;margin-top:24px;}
  .foot-base .legal-links a{white-space:nowrap;}
  .todo{background:#fff3a8;padding:0 3px;border-radius:3px;}
  .form-hint{font-size:13px;color:var(--muted);line-height:1.5;}
  .form-hint a{color:var(--green-dark);}
  footer{background:var(--dark);color:#c9cac8;padding:50px 0 30px;font-size:14px;}
  .foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:36px;}
  @media(max-width:800px){.foot{grid-template-columns:1fr 1fr;}}
  footer h4{color:#fff;font-size:14px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em;}
  footer ul{list-style:none;}
  footer li{margin-bottom:8px;}
  footer a{text-decoration:none;}
  footer a:hover{color:var(--green);}
  .foot-base{border-top:1px solid rgba(255,255,255,.15);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;}

  .draft-banner{background:var(--blue);color:#fff;text-align:center;font-size:13px;font-weight:700;padding:8px;letter-spacing:.03em;}

  /* Lebendigkeit: Einblenden beim Scrollen & Foto-Effekte */

  .werkstatt{margin-top:0;}
  .ws-hero{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);margin:22px 0 34px;}
  .ws-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
  .ws-hero figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 24px 18px;color:#fff;font-size:15px;background:linear-gradient(transparent,rgba(30,30,30,.72));}
  .ws-hero figcaption b{display:block;font-size:20px;text-transform:uppercase;letter-spacing:.02em;}
  .ws-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:ws;}
  @media(max-width:900px){.ws-steps{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.ws-steps{grid-template-columns:1fr;}}
  .wstep{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;counter-increment:ws;}
  .wstep img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
  .wstep div{padding:16px 18px 20px;}
  .wstep h3{font-size:16px;color:var(--dark);text-transform:uppercase;margin:0 0 6px;}
  .wstep h3::before{content:counter(ws,decimal-leading-zero);color:var(--green);font-weight:800;margin-right:10px;}
  .wstep p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55;}
  .ws-team{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
  .ws-team img{width:100%;border-radius:8px;display:block;}
  .ws-team h3{margin:0 0 8px;color:var(--dark);text-transform:uppercase;font-size:18px;}
  .ws-team p{margin:0 0 10px;color:var(--muted);}
  @media(max-width:700px){.ws-team{grid-template-columns:1fr;}}

  .ws-gal-h{margin:46px 0 6px;font-size:19px;color:var(--dark);text-transform:uppercase;}
  .ws-gal-sub{color:var(--muted);margin:0 0 18px;max-width:680px;}
  .ws-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .ws-gal.four{grid-template-columns:repeat(4,1fr);}
  @media(max-width:900px){.ws-gal,.ws-gal.four{grid-template-columns:1fr 1fr;}}
  .gitem{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;cursor:zoom-in;background:#ddd;}
  .gitem img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease;}
  .gitem:hover img{transform:scale(1.04);}
  .gitem figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;color:#fff;font-size:13px;line-height:1.35;background:linear-gradient(transparent,rgba(25,25,25,.7));}
  .lb{position:fixed;inset:0;background:rgba(20,20,20,.92);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;flex-direction:column;cursor:zoom-out;}
  .lb.open{display:flex;}
  .lb img{max-width:100%;max-height:82vh;border-radius:8px;}
  .lb p{color:#eee;margin:12px 0 0;font-size:15px;text-align:center;}

  .card-video{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--dark);text-decoration:none;}
  .card-video:hover{color:var(--green);}
  .cv-dot{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--green);position:relative;flex:none;}
  .cv-dot::after{content:"";position:absolute;left:9px;top:7px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--green);}
  .social-box{margin-top:56px;display:flex;gap:28px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--radius);padding:24px 28px;}
  .social-box b{display:block;color:var(--dark);text-transform:uppercase;font-size:17px;margin-bottom:4px;}
  .social-box p{margin:0;color:var(--muted);max-width:640px;}
  .social-links{display:flex;gap:10px;flex:none;}
  @media(max-width:760px){.social-box{flex-direction:column;align-items:flex-start;}.social-links{flex-wrap:wrap;}}
  .videos{margin-top:64px;}
  .vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
  .vgrid.three{grid-template-columns:repeat(3,1fr);}
  @media(max-width:900px){.vgrid.three{grid-template-columns:1fr 1fr;}}
  @media(max-width:620px){.vgrid,.vgrid.three{grid-template-columns:1fr;}}
  .vcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
  .vplayer{position:relative;aspect-ratio:16/9;background:#2e2e2d;}
  .vplayer img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.78);}
  .vplayer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
  .vplay{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;border:0;background:rgba(255,255,255,.94);cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.28);transition:transform .2s ease;}
  .vplay:hover{transform:translate(-50%,-50%) scale(1.07);}
  .vtri{display:block;margin-left:29px;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:21px solid var(--green);}
  .vnote{position:absolute;left:0;right:0;bottom:0;margin:0;padding:22px 14px 10px;font-size:12px;line-height:1.4;color:#eee;background:linear-gradient(transparent,rgba(20,20,20,.75));}
  .vnote a{color:#fff;text-decoration:underline;}
  .vmeta{padding:14px 16px 16px;}
  .vmeta b{display:block;color:var(--dark);text-transform:uppercase;font-size:15px;}
  .vmeta span{color:var(--muted);font-size:13.5px;}
  .vmeta a{color:var(--green-dark);}
  .vmodal{position:fixed;inset:0;background:rgba(20,20,20,.9);display:none;align-items:center;justify-content:center;z-index:210;padding:20px;}
  .vmodal.open{display:flex;}
  .vmodal-box{width:min(960px,100%);position:relative;}
  .vmodal-close{position:absolute;right:0;top:-46px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;line-height:1;}
  .rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease;}
  .rv.in{opacity:1;transform:none;}
  @media (prefers-reduced-motion: reduce){.rv{opacity:1;transform:none;transition:none;}}
  .cube-gallery img,.serie-img .serie-tier,.card-img{transition:transform .45s ease;}
  .cube-gallery img:hover{transform:scale(1.03) rotate(.4deg);}
  .card:hover .serie-tier{transform:scale(1.06);}
  .card,.pcard,.step,.quote,.opt{transition:transform .25s ease, box-shadow .25s ease;}
  .card:hover,.pcard:hover,.quote:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(60,60,60,.16);}
  .step:hover{transform:translateY(-4px);}
  .hero .hero-h,.hero p,.hero-cta{animation:heroIn .8s ease both;}
  .hero p{animation-delay:.15s;}
  .hero-cta{animation-delay:.3s;}
  @keyframes heroIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
  @media (prefers-reduced-motion: reduce){.hero .hero-h,.hero p,.hero-cta{animation:none;}}

/* ================= V27 – Offroad / Expedition Look ================= */
  :root{
    --night:#1c1d1b; --night2:#242523; --night3:#2e2f2c; --sand:#eeece6;
    --radius:3px; --shadow:0 10px 30px rgba(0,0,0,.18);
    --hard:"Barlow Condensed","Tw Cen MT","Myriad Pro Condensed","Arial Narrow",sans-serif;
  }
  body{background:var(--sand);}
  h1,h2,h3,.kicker,.btn,.nav-links a,.trust b,.ptypen-title,.ws-gal-h,.vmeta b,.wstep h3,.step h3,.card-video,.social-box b,.cube-card h3,.pcard h3,.faq summary{font-family:var(--hard);}
  h2{font-size:clamp(34px,5.2vw,60px);font-weight:800;letter-spacing:.005em;line-height:1.02;margin-bottom:16px;}
  .kicker{font-size:15px;font-weight:700;letter-spacing:.22em;display:inline-flex;align-items:center;gap:12px;}
  .kicker::before{content:"";width:34px;height:3px;background:var(--green-dark);display:inline-block;}
  .btn{border-radius:2px;font-weight:700;font-size:17px;letter-spacing:.08em;padding:15px 30px;}
  .btn-ghost{border-width:2px;}
  .nav-links{gap:20px;}
  .nav-links a{font-size:16px;font-weight:700;letter-spacing:.07em;white-space:nowrap;}
  .nav-cta{border-radius:2px;}
  .sec-white{background:#fff;}
  .card,.pcard,.faq details,.map-card,.konfig,.wstep,.vcard,.gitem,.social-box{border-radius:var(--radius);}
  .card{border-top-width:6px;}


  /* Hero mit Hintergrundvideo */
  .hero{min-height:calc(100vh - 76px);padding:0;display:flex;flex-direction:column;justify-content:flex-end;background:var(--night);}
  .pr-wish{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-top:14px;display:grid;gap:8px;}.pr-wish legend{font-weight:600;padding:0 6px;}.k-form .pr-wish label{display:flex;justify-content:flex-start;gap:12px;align-items:center;min-height:36px;text-align:left;width:auto;font-weight:400;}.k-form .pr-wish input[type=checkbox]{width:22px;height:22px;min-height:0;flex:0 0 22px;margin:0;padding:0;accent-color:var(--green);}.pr-wish legend{font-size:15px;line-height:1.35;}.pr-wish small{color:var(--muted);}
  .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
  .hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,15,14,.25) 0%,rgba(15,15,14,.15) 40%,rgba(15,15,14,.85) 100%),linear-gradient(90deg,rgba(15,15,14,.7) 0%,rgba(15,15,14,0) 60%);}
  .hero .wrap{display:block;padding-top:120px;width:100%;}
  .hero .btn-light{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.8);}
  .hero .btn-light:hover{background:#fff;color:var(--night);}
  .hero .kicker{color:#fff;}
  .hero .hero-h{font-family:var(--hard);font-weight:800;font-size:clamp(56px,11vw,150px);line-height:.86;letter-spacing:-.005em;margin-bottom:22px;text-shadow:0 4px 30px rgba(0,0,0,.35);}
  .hero .hero-h .rule{width:120px;height:8px;margin-top:22px;}
  .hero p{font-size:20px;color:#e6e6e3;max-width:560px;}
  .hero-art,.tiretrack{display:none;}
  .hero-cta{margin-bottom:54px;}
  .hero-coords{position:absolute;right:24px;bottom:150px;z-index:2;font-family:var(--hard);font-weight:600;letter-spacing:.2em;color:rgba(255,255,255,.7);font-size:14px;text-transform:uppercase;writing-mode:vertical-rl;}
  @media(max-width:700px){.hero-coords{display:none;}}
  .trust{background:rgba(20,21,19,.92);border-top:3px solid var(--green);}
  .trust b{font-size:24px;letter-spacing:.06em;}
  .trust span{color:#b9bab6;}

  /* Dunkle Expeditions-Abschnitte */
  .sec-dark{background-color:var(--night);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'><g fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1.2'><path d='M-20 120 C80 60 170 150 280 110 S470 40 620 100'/><path d='M-20 160 C90 100 180 190 290 150 S480 80 620 140'/><path d='M-20 200 C100 140 190 230 300 190 S490 120 620 180'/><path d='M-20 330 C120 280 200 380 320 330 S500 250 620 320'/><path d='M-20 370 C130 320 210 420 330 370 S510 290 620 360'/><path d='M-20 410 C140 360 220 460 340 410 S520 330 620 400'/><path d='M-20 520 C110 480 230 560 350 520 S520 450 620 510'/><path d='M-20 560 C120 520 240 600 360 560 S530 490 620 550'/><ellipse cx='450' cy='250' rx='60' ry='34'/><ellipse cx='450' cy='250' rx='100' ry='58'/><ellipse cx='140' cy='460' rx='44' ry='24'/></g></svg>");color:#e6e6e3;}
  .sec-dark h2,.sec-dark h3,.sec-dark .ws-gal-h{color:#fff;}
  .sec-dark .sub,.sec-dark .ws-gal-sub{color:#b9bab6;}
  .sec-dark .kicker{color:var(--green);}
  .sec-dark .step{background:var(--night3);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--green);border-radius:var(--radius);}
  .sec-dark .step .snum{border-radius:2px;font-family:var(--hard);font-size:18px;}
  .sec-dark .wstep,.sec-dark .vcard{background:var(--night3);border:1px solid rgba(255,255,255,.08);}
  .sec-dark .wstep h3,.sec-dark .vmeta b{color:#fff;}
  .sec-dark .wstep p,.sec-dark .vmeta span{color:#b9bab6;}
  .sec-dark .vmeta a{color:var(--green);}
  .sec-dark .ws-hero{box-shadow:none;}
  .sec-dark .social-box{background:var(--night3);border-color:rgba(255,255,255,.08);border-left-color:var(--green);}
  .sec-dark .social-box b{color:#fff;}
  .sec-dark .social-box p{color:#b9bab6;}
  .sec-dark .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45);}
  .sec-dark .wstep h3::before{color:var(--green);}

  /* Foto-Bänder (Weltreise) */
  .schnellnav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;}
  .schnellnav .wrap{display:flex;gap:8px;overflow-x:auto;padding:10px 24px;scrollbar-width:none;}
  .schnellnav .wrap::-webkit-scrollbar{display:none;}
  .schnellnav a{flex:none;font-size:13px;font-weight:700;color:var(--dark);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:var(--bg);}
  .schnellnav a:hover{border-color:var(--green);color:#2f6a26;}
  .band{position:relative;min-height:52vh;display:flex;align-items:flex-end;background-size:cover;background-position:center;background-attachment:fixed;color:#fff;}
  @media(max-width:900px){.band{background-attachment:scroll;min-height:42vh;}}
  .band::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,14,0) 45%,rgba(15,15,14,.85) 100%);}
  .band .wrap{position:relative;padding-bottom:70px;width:100%;}
  .band h2{color:#fff;font-size:clamp(42px,6.4vw,88px);line-height:.88;margin:0;text-shadow:0 4px 30px rgba(0,0,0,.35);}
  .band p{font-size:19px;color:#e6e6e3;max-width:560px;margin-top:16px;}
  .band .kicker{color:#fff;}

  /* ===== V28 ===== */
  .zhero{margin:30px 0 10px;position:relative;border-radius:var(--radius);overflow:hidden;}
  .zhero img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block;}
  .zhero figcaption{position:absolute;left:18px;bottom:14px;font-family:var(--hard);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:14px;color:#fff;background:rgba(20,20,19,.7);padding:6px 12px;border-left:3px solid var(--green);}
  .zh{font-family:var(--hard);font-size:28px;text-transform:uppercase;letter-spacing:.04em;margin:44px 0 18px;color:#fff;display:flex;align-items:center;gap:14px;}
  .zh::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.15);}
  .zgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  @media(max-width:950px){.zgrid{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.zgrid{grid-template-columns:1fr;}}
  .zcard{background:var(--night3);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease;}
  .zcard:hover{transform:translateY(-4px);}
  .zmedia{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#111;}
  .zbody{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;}
  .zbody h3{font-family:var(--hard);font-size:22px;text-transform:uppercase;letter-spacing:.03em;color:#fff;margin-bottom:6px;}
  .zbody p{font-size:14.5px;color:#b9bab6;flex:1;}
  .zprice{margin-top:14px;font-family:var(--hard);font-weight:700;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);}
  .zprice a{color:var(--green);}
  .zkab{display:grid;grid-template-columns:340px 1fr;gap:36px;margin-top:48px;align-items:start;}
  .zkab > img{width:100%;border-radius:var(--radius);display:block;}
  @media(max-width:900px){.zkab{grid-template-columns:1fr;}.zkab > img{max-height:420px;object-fit:cover;}}
  .zsub{color:#9fa09c;font-size:13.5px;margin-bottom:10px;}
  .zlist{list-style:none;border-top:1px solid rgba(255,255,255,.12);}
  .zlist li{display:grid;grid-template-columns:1fr 110px;gap:12px;padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px;color:#e6e6e3;align-items:baseline;}
  .zlist .zs{font-family:var(--hard);letter-spacing:.08em;color:#9fa09c;font-size:14px;text-align:right;}
  .zlist .zp{text-align:right;font-family:var(--hard);font-weight:700;font-size:17px;color:#fff;}
  @media(max-width:560px){.zlist li{grid-template-columns:1fr 80px;}}
  .zcta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
  .zform{margin-top:46px;background:#fff;color:var(--ink);border-radius:var(--radius);padding:30px;border-top:5px solid var(--green);}
  .zform-head h3{font-family:var(--hard);font-size:30px;text-transform:uppercase;letter-spacing:.02em;color:var(--night);margin:4px 0 8px;}
  .zform-head p{color:var(--muted);max-width:760px;margin-bottom:18px;}
  .zform .kicker{color:var(--green-dark);}
  .zchips{border:0;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px;}
  .zchips legend{font-weight:700;margin-bottom:10px;font-size:15px;}
  .zchip{position:relative;cursor:pointer;}
  .zchip input{position:absolute;opacity:0;width:1px;height:1px;}
  .zchip span{display:inline-block;padding:10px 14px;border:2px solid var(--line);border-radius:999px;font-size:14px;font-weight:600;min-height:44px;line-height:20px;background:#fff;}
  .zchip input:checked+span{border-color:var(--green-dark);background:var(--green-dark);color:#fff;}
  .zchip input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px;}
  .zf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
  @media(max-width:600px){.zf-grid{grid-template-columns:1fr;}.zform{padding:20px;}}
  .zform input[type=text],.zform input[type=email],.zform input[type=tel],.zform select,.zform textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:2px;font-size:15px;font-family:inherit;background:#fff;color:var(--ink);}
  .zform textarea{margin-bottom:10px;}
  .zform-hint{font-size:12.5px;color:var(--muted);margin-bottom:14px;}
  #zubehoer .zform-hint a{color:var(--blue);}

  .hero .trust .wrap{display:grid;padding-top:0;}
  /* Schnelleinstieg */
  @media(min-width:901px) and (max-width:1199px){.nav-links{gap:13px;}.nav-links a{font-size:14px;letter-spacing:.04em;}}
  .pu-teaser{margin-top:36px;display:flex;gap:18px 26px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-left:6px solid var(--green);border-radius:3px;padding:20px 22px;}
  .cn-logo{display:inline-block;margin-bottom:18px;}
  .cn-logo img{display:block;width:250px;height:auto;background:#fff;border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow);transition:transform .2s ease;}
  .cn-logo:hover img{transform:translateY(-2px);}
  @media(max-width:600px){.cn-logo img{width:200px;}}
  .cubes-neu .cn-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;}
  .cn-preis{background:var(--night,#1c1d1b);color:#e9e9e6;border-radius:var(--radius);padding:20px 24px;display:grid;gap:2px;min-width:270px;box-shadow:var(--shadow);}
  .cn-preis span{font-size:13.5px;color:#c9cac5;}
  .cn-preis b{font-family:var(--hard);font-size:40px;line-height:1;color:#fff;}
  .cn-preis .btn{margin-top:12px;text-align:center;}
  .cn-bild{margin:30px 0 0;position:relative;}
  .cn-bild img{width:100%;height:auto;display:block;border-radius:var(--radius);box-shadow:var(--shadow);}
  .cn-bild figcaption{font-size:12.5px;color:var(--muted);margin-top:8px;}
  .cn-grid{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:18px;margin-top:26px;}
  .cn-fakten{background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:var(--radius);padding:22px 24px;}
  .cn-fakten h3{font-family:var(--hard);font-size:22px;text-transform:uppercase;color:var(--dark);margin-bottom:10px;}
  .cn-fakten ul{list-style:none;display:grid;gap:9px;}
  .cn-fakten li{padding-left:26px;position:relative;font-size:15px;color:var(--muted);}
  .cn-fakten li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800;}
  .cn-fakten li b{color:var(--dark);}
  .cn-modell{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .2s;}
  .cn-modell:hover{transform:translateY(-3px);}
  .cn-modell img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
  .cn-modell div{padding:16px 20px 20px;}
  .cn-modell h3{font-family:var(--hard);font-size:24px;text-transform:uppercase;color:var(--dark);}
  .cn-modell p{font-size:14.5px;color:var(--muted);margin:2px 0 10px;}
  .cn-p{font-family:var(--hard);font-weight:800;font-size:20px;color:var(--green-dark);}
  .cn-p em{font-style:normal;font-weight:700;font-size:15px;color:var(--muted);}
  @media(max-width:960px){.cubes-neu .cn-head{grid-template-columns:1fr}.cn-grid{grid-template-columns:1fr 1fr}.cn-fakten{grid-column:1/-1}}
  @media(max-width:620px){.cn-grid{grid-template-columns:1fr}}
  .pu-teaser>div{flex:1 1 380px;}
  .cube-teaser{background:#fff;border:1px solid var(--line);margin:30px 0 22px;}
  .cube-teaser b{color:var(--dark);}
  .cube-teaser span{color:var(--muted);}
  .pu-teaser b{display:block;font-family:var(--hard);font-size:26px;text-transform:uppercase;letter-spacing:.03em;color:#fff;line-height:1.1;}
  .pu-teaser span{color:#c9cac5;font-size:16px;}
  .quick{background:var(--night2);padding:0;}
  .quick .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
  .quick a{display:block;padding:26px 22px;text-decoration:none;color:#fff;border-right:1px solid rgba(255,255,255,.08);transition:background .2s ease;}
  .quick a:first-child{border-left:1px solid rgba(255,255,255,.08);}
  .quick a:hover{background:var(--night3);}
  .quick b{display:block;font-family:var(--hard);font-size:22px;text-transform:uppercase;letter-spacing:.04em;}
  .quick span{font-size:13.5px;color:#9fa09c;}
  .quick b::after{content:" →";color:var(--green);}
  @media(max-width:800px){.quick .wrap{grid-template-columns:1fr 1fr;padding:0;}.quick a{padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.08);}.quick b{font-size:17px;}.quick span{font-size:12px;}}

  /* Kabinen-Bereich im neuen Stil */
  #kabinen .card{border-radius:var(--radius);box-shadow:none;border:1px solid var(--line);border-top-width:6px;}
  #kabinen .card-body p{font-size:15px;}
  .ptyp{border-radius:var(--radius);}
  .konfig{border-radius:var(--radius);}
  .kstep{font-family:var(--hard);font-size:15px;letter-spacing:.08em;}
  .faq details{box-shadow:none;}
  .faq summary{font-size:19px;letter-spacing:.02em;text-transform:uppercase;font-weight:700;}
  #kontakt .contact-info b{font-family:var(--hard);font-size:15px;}
  footer{background:var(--night);}
  .cube-card{border-radius:var(--radius);}

  /* ===== V29: Reiter, Slider, kompakter ===== */
  .tabs{margin-top:26px;}
  .tablist{display:flex;gap:0;border-bottom:2px solid var(--line);margin-bottom:22px;overflow-x:auto;}
  .tab{font-family:var(--hard);font-weight:700;font-size:18px;letter-spacing:.08em;text-transform:uppercase;background:none;border:0;padding:12px 22px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;}
  .tab.active{color:var(--dark);border-bottom-color:var(--green);}
  .tabs-dark .tablist{border-bottom-color:rgba(255,255,255,.14);}
  .tabs-dark .tab{color:#8d8e8a;}
  .tabs-dark .tab.active{color:#fff;}
  .tabpanel{display:none;animation:tabIn .35s ease;}
  .tabpanel.active{display:block;}
  @keyframes tabIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .tabs .zkab{margin-top:0;}

  .slider-wrap{position:relative;}
  .ws-steps.slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);grid-template-columns:none;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;}
  .ws-steps.slider::-webkit-scrollbar{display:none;}
  .ws-steps.slider .wstep{scroll-snap-align:start;}
  @media(max-width:900px){.ws-steps.slider{grid-auto-columns:70%;}}
  @media(max-width:560px){.ws-steps.slider{grid-auto-columns:86%;}}
  .sl-btn{position:absolute;top:34%;z-index:3;width:46px;height:46px;border:0;border-radius:2px;background:var(--green-dark);color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);}
  .sl-btn.prev{left:-18px;} .sl-btn.next{right:-18px;}
  @media(max-width:700px){.sl-btn{display:none;}}
  .ws-gal-h{margin-top:40px;}
  .ws-gal{grid-template-columns:repeat(3,1fr);} .ws-gal.four{grid-template-columns:repeat(4,1fr);}
  .vgrid.four{grid-template-columns:repeat(4,1fr);} @media(max-width:1000px){.vgrid.four{grid-template-columns:1fr 1fr;}} @media(max-width:560px){.vgrid.four{grid-template-columns:1fr;}}
  .vgrid.four .vnote{font-size:11px;padding:18px 10px 8px;}
  @media(max-width:900px){.ws-gal,.ws-gal.four{grid-template-columns:1fr 1fr;}}

  .two-col{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:start;}
  @media(max-width:950px){.two-col{grid-template-columns:1fr;gap:30px;}}
  .col-faq .faq{margin-top:26px;max-width:none;}
  .col-faq h2,.col-ablauf h2{font-size:clamp(30px,3.6vw,44px);}
  .vsteps{margin-top:26px;border-left:3px solid var(--green);padding-left:24px;display:grid;gap:22px;}
  .vsteps .step{background:none;border:0;box-shadow:none;padding:0;position:relative;}
  .vsteps .step .snum{position:absolute;left:-42px;top:0;width:32px;height:32px;border-radius:2px;background:var(--green-dark);color:#fff;font-family:var(--hard);font-weight:800;display:inline-flex;align-items:center;justify-content:center;}
  .vsteps .step h3{font-family:var(--hard);font-size:20px;text-transform:uppercase;letter-spacing:.03em;color:var(--dark);margin-bottom:4px;}
  .vsteps .step p{color:var(--muted);font-size:15px;}
  #ablauf .vsteps .step:hover{transform:none;}
  #ablauf{background:#fff;}

  .partner-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;margin-top:34px;align-items:start;}
  @media(max-width:950px){.partner-grid{grid-template-columns:1fr;}}
  .partner-grid .map-card{margin-top:0;box-shadow:none;border:1px solid var(--line);}
  .plist{list-style:none;border-top:1px solid var(--line);}
  .plist li{display:grid;grid-template-columns:92px 1fr 40px;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);}
  .plist img{max-height:40px;max-width:88px;object-fit:contain;}
  .plist .plogo-ph{display:block;width:88px;height:4px;background:var(--line);}
  .plist b{display:block;font-family:var(--hard);font-size:19px;text-transform:uppercase;letter-spacing:.03em;color:var(--dark);}
  .plist span{font-size:13.5px;color:var(--muted);}
  .plist a{font-family:var(--hard);font-size:24px;color:var(--green);text-decoration:none;text-align:center;}

  .ptypen-title small{font-family:var(--hard);font-size:14px;letter-spacing:.12em;color:var(--green);margin-left:10px;}
  .ptyp{cursor:pointer;transition:border-color .2s ease, background .2s ease;}
  .ptyp:hover{border-color:var(--grey);}
  .ptyp.sel{border-color:var(--green);background:#f0f7ee;box-shadow:inset 0 0 0 1px var(--green);}
  #kabinen .card{transition:opacity .3s ease, transform .3s ease, box-shadow .3s ease;}
  #kabinen.filtering .card{opacity:.28;}
  #kabinen.filtering .card.fit{opacity:1;box-shadow:0 0 0 3px var(--green);}
  .finder-msg{margin-top:12px;font-weight:700;color:var(--green-dark);min-height:1.4em;}
  .vergleich{margin-top:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
  .vergleich summary{list-style:none;cursor:pointer;padding:16px 20px;font-family:var(--hard);font-weight:700;font-size:19px;letter-spacing:.08em;text-transform:uppercase;color:var(--dark);position:relative;}
  .vergleich summary::after{content:"+";position:absolute;right:20px;color:var(--green);font-size:24px;top:10px;}
  .vergleich[open] summary::after{content:"–";}
  .zacc{margin-top:16px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:rgba(255,255,255,.04);}
  .zacc>summary{list-style:none;cursor:pointer;padding:16px 48px 16px 20px;font-family:var(--hard);font-weight:700;font-size:18px;letter-spacing:.07em;text-transform:uppercase;color:#fff;position:relative;}
  .zacc>summary::-webkit-details-marker{display:none;}
  .zacc>summary::after{content:"+";position:absolute;right:20px;color:var(--green);font-size:24px;top:10px;}
  .zacc[open]>summary::after{content:"–";}
  .zacc>summary .zacc-sub{display:block;font-family:var(--soft,inherit);font-weight:400;font-size:13.5px;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.75);margin-top:3px;}
  .zacc .zacc-body{padding:2px 16px 18px;}
  .zacc .zform{margin-top:0;}
  .vtable-wrap{overflow-x:auto;padding:0 20px 8px;}
  .vtable{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px;}
  .vtable th,.vtable td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);}
  .vtable thead th{font-family:var(--hard);font-size:18px;text-transform:uppercase;letter-spacing:.06em;color:var(--dark);}
  .vtable tbody th{color:var(--muted);font-weight:600;width:22%;}
  .vtable .vprice td{font-family:var(--hard);font-weight:800;font-size:19px;color:var(--green-dark);}
  .vnote-s{padding:0 20px 14px;font-size:13px;}

  .cube-gallery .cg-main{height:360px;}
  .mbar{display:none;}
  @media(max-width:760px){
    .mbar{display:grid;grid-template-columns:1fr 1fr 1.2fr;position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--night);border-top:2px solid var(--green);}
    .mbar a{padding:14px 6px;text-align:center;color:#fff;text-decoration:none;font-family:var(--hard);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:15px;}
    .mbar .mb-cta{background:var(--green-dark);}
    body{padding-bottom:52px;}
  }
  section{padding:76px 0;}

  /* ===== V30: Konfigurator in den Wohnkabinen, Fahrzeugabfrage ===== */
  .konfig-panel{margin-top:30px;border:2px solid var(--green);border-radius:var(--radius);background:#fff;padding:22px 22px 14px;animation:tabIn .35s ease;}
  .konfig-panel[hidden]{display:none;}
  .kp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}
  .kp-head h3{font-family:var(--hard);font-size:30px;text-transform:uppercase;color:var(--dark);margin-top:2px;}
  .kp-close{border:0;background:var(--bg);width:40px;height:40px;font-size:18px;cursor:pointer;border-radius:2px;}
  .konfig-panel .konfig{margin-top:16px;box-shadow:none;}
  .kp-pdf{font-size:14px;color:var(--muted);margin-top:12px;}
  .seg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
  .seg label{cursor:pointer;}
  .seg input{position:absolute;opacity:0;pointer-events:none;}
  .seg span{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:2px;font-family:var(--hard);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:14px;color:var(--dark);background:#fff;}
  .seg input:checked + span{border-color:var(--green);background:#eef6ec;color:var(--green-dark);box-shadow:inset 0 0 0 1px var(--green);}
  .fz-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
  @media(max-width:560px){.fz-grid{grid-template-columns:1fr;}}
  .k-form select,.k-form input,.c-form select,.c-form input[type=text],.c-form input[type=email]{padding:12px 14px;border:1px solid var(--line);border-radius:2px;font-size:15px;font-family:inherit;background:#fff;width:100%;}
  .fit-box{font-size:14.5px;padding:12px 14px;border-left:4px solid var(--grey);background:var(--bg);margin:4px 0 12px;color:var(--ink);min-height:44px;}
  .fit-box.info{border-left-color:var(--green);}
  .fit-box.ok{border-left-color:var(--green);background:#eef6ec;}
  .fit-box.warn{border-left-color:#c77700;background:#fff5e6;}
  .fit-box a{color:var(--green-dark);font-weight:700;}
  .c-fz{border:1px solid var(--line);padding:14px 14px 4px;border-radius:2px;margin:4px 0 12px;}
  .c-fz legend{font-family:var(--hard);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:15px;padding:0 6px;color:var(--dark);}
  .k-info{margin-bottom:14px;}

  /* ===== V33: Presse & Touren ===== */
  .press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  @media(max-width:950px){.press-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.press-grid{grid-template-columns:1fr;}}
  .press{display:flex;flex-direction:column;background:var(--night3);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--green);border-radius:var(--radius);padding:18px 20px;text-decoration:none;color:#e6e6e3;transition:transform .2s ease, border-color .2s ease;}
  .press:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2);}
  .pmag{font-family:var(--hard);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-size:14px;}
  .pdate{font-size:12.5px;color:#8d8e8a;margin-bottom:8px;}
  .press b{font-family:var(--hard);font-size:21px;text-transform:uppercase;letter-spacing:.02em;color:#fff;line-height:1.1;margin-bottom:8px;}
  .press p{font-size:14px;color:#b9bab6;flex:1;}
  .pmore{margin-top:12px;font-family:var(--hard);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:var(--green);}
  .tour-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:30px 40px;}
  @media(max-width:900px){.tour-wrap{grid-template-columns:1fr;}}
  .tour-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(255,255,255,.1);}
  .tour-stats div{padding:16px 18px;border-right:1px solid rgba(255,255,255,.1);}
  .tour-stats div:last-child{border-right:0;}
  .tour-stats b{display:block;font-family:var(--hard);font-size:34px;color:#fff;line-height:1;}
  .tour-stats span{font-size:13px;color:#9fa09c;}
  .tour-list{list-style:none;border-top:1px solid rgba(255,255,255,.12);}
  .tour-list li{display:grid;grid-template-columns:100px 1fr auto;gap:12px;padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.12);align-items:baseline;}
  .tour-list .td{font-family:var(--hard);letter-spacing:.08em;color:var(--green);font-size:15px;}
  .tour-list b{font-family:var(--hard);font-size:19px;text-transform:uppercase;letter-spacing:.02em;color:#fff;}
  .tour-list .tm{font-size:14px;color:#9fa09c;white-space:nowrap;}
  .tour-net h4{font-family:var(--hard);font-size:24px;text-transform:uppercase;color:#fff;margin-bottom:8px;}
  .tour-net p{color:#b9bab6;}
  .tour-net b{color:#fff;}

  /* ===== V34: Presse & Medien ===== */
  #presse{background:var(--sand);}
  .mgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;}
  @media(max-width:950px){.mgrid{grid-template-columns:1fr;}}
  .msmall{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  @media(max-width:560px){.msmall{grid-template-columns:1fr;}}
  .mcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s ease, box-shadow .2s ease;}
  .mcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.12);}
  .mimg{position:relative;}
  .mimg img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;}
  .mbig .mimg img{aspect-ratio:16/11;}
  .mart{position:absolute;left:12px;top:12px;background:var(--green-dark);color:#fff;font-family:var(--hard);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;padding:4px 10px;border-radius:2px;}
  .mtxt{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;}
  .mmag{font-family:var(--hard);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--muted);}
  .mcard b{font-family:var(--hard);font-size:19px;line-height:1.1;text-transform:uppercase;color:var(--dark);margin:4px 0 6px;}
  .mbig b{font-size:30px;}
  .mcard p{font-size:14px;color:var(--muted);flex:1;}
  .msmall .mcard p{display:none;}
  .mmore{margin-top:10px;font-family:var(--hard);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:var(--green-dark);}
  .pvid .vgrid{margin-top:0;}
  #presse .vcard{background:#fff;border:1px solid var(--line);}
  #presse .vmeta b{color:var(--dark);}
  #presse .vmeta span{color:var(--muted);}
  .mnote{margin-top:22px;font-size:14px;color:var(--muted);}
  .mnote a{color:var(--green-dark);font-weight:700;}

  /* ===== V35: neuer Konfigurator ===== */
  .kf{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
  .kf-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);}
  .kf-steps li{padding:12px 8px;text-align:center;font-family:var(--hard);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:var(--muted);border-bottom:3px solid transparent;}
  .kf-steps li span{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:2px;background:var(--line);color:var(--dark);margin-right:8px;font-size:13px;}
  .kf-steps li.on{color:var(--dark);border-bottom-color:var(--green);} .kf-steps li.on span,.kf-steps li.done span{background:var(--green-dark);color:#fff;}
  .kf-steps li.done{color:var(--green-dark);}
  @media(max-width:560px){.kf-steps li{font-size:11px;padding:10px 2px;} .kf-steps li span{display:flex;margin:0 auto 4px;}}
  .kf-main{padding:22px 22px 10px;min-height:260px;}
  .kf-h{font-family:var(--hard);font-size:24px;text-transform:uppercase;color:var(--dark);margin-bottom:10px;}
  .kf-h small{font-size:14px;letter-spacing:.1em;color:var(--green);margin-left:8px;}
  .kf-hint{color:var(--muted);font-size:14.5px;margin-bottom:14px;}
  .kf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
  .kf-chip{border:1px solid var(--line);background:#fff;padding:8px 14px;font-family:var(--hard);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px;cursor:pointer;border-radius:2px;color:var(--dark);}
  .kf-chip.on{background:var(--dark);border-color:var(--dark);color:#fff;}
  .kf-promo{display:flex;flex-direction:column;gap:2px;background:#1c1d1b;color:#e6e6e3;border-left:4px solid var(--green);padding:14px 16px;margin-bottom:18px;border-radius:2px;}
  .kf-promo b{font-family:var(--hard);font-size:20px;text-transform:uppercase;letter-spacing:.03em;color:#fff;}
  .kf-promo span{font-size:14.5px;}
  .kf-serie{margin-bottom:16px;} .kf-sname{display:block;font-family:var(--hard);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:14px;color:var(--muted);margin-bottom:8px;}
  .kf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;}
  .kf-model{position:relative;text-align:left;display:flex;flex-direction:column;gap:4px;padding:14px 14px 12px;border:1px solid var(--line);background:#fff;border-radius:2px;cursor:pointer;font-family:inherit;transition:border-color .15s ease, box-shadow .15s ease;}
  .kf-model:hover{border-color:var(--grey);}
  .kf-model b{font-family:var(--hard);font-size:18px;text-transform:uppercase;color:var(--dark);letter-spacing:.02em;}
  .kf-model small{font-size:13px;color:var(--muted);line-height:1.4;}
  .kf-mp{margin-top:6px;font-family:var(--hard);font-weight:800;font-size:19px;color:var(--green-dark);}
  .kf-model.sel{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--green);background:#f3f8f1;}
  .kf-model.einstieg{border-color:var(--green);}
  .kf-badge{position:absolute;top:-10px;left:12px;background:var(--green-dark);color:#fff;font-family:var(--hard);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;padding:3px 8px;border-radius:2px;}
  .kf-model.einstieg b{margin-top:6px;}
  .kf-cat{border:1px solid var(--line);border-radius:2px;margin-bottom:8px;}
  .kf-cat summary{list-style:none;cursor:pointer;padding:12px 14px;font-family:var(--hard);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dark);display:flex;justify-content:space-between;align-items:center;}
  .kf-cnt{font-size:12px;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);padding:2px 8px;border-radius:999px;}
  .kf-cnt.on{background:var(--green-dark);color:#fff;border-color:var(--green);}
  .kf-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px;}
  @media(max-width:700px){.kf-opts{grid-template-columns:1fr;}}
  .kf-opt{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:2px;cursor:pointer;background:#fff;}
  .kf-opt input{margin-top:3px;accent-color:var(--green);width:18px;height:18px;}
  .kf-opt.sel{border-color:var(--green);background:#f3f8f1;}
  .kf-on b{display:block;font-size:14.5px;color:var(--ink);font-weight:600;} .kf-on small{font-size:12.5px;color:var(--muted);}
  .kf-op{font-family:var(--hard);font-weight:700;color:var(--green-dark);white-space:nowrap;}
  .kf-final{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start;}
  @media(max-width:850px){.kf-final{grid-template-columns:1fr;}}
  .kf-send{width:100%;font-size:18px;padding:16px;}
  .kf-err{color:#b35c00;font-weight:600;font-size:14px;margin-top:8px;min-height:1em;}
  .kf-sum{background:var(--bg);border:1px solid var(--line);padding:16px;border-radius:2px;}
  .kf-sum h5{font-family:var(--hard);font-size:18px;text-transform:uppercase;color:var(--dark);margin-bottom:8px;}
  .kf-sum ul{list-style:none;} .kf-sum li,.kf-sumline{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:6px 0;border-bottom:1px dashed var(--line);}
  .kf-sumline span:first-child{color:var(--muted);}
  .kf-total{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0;font-family:var(--hard);text-transform:uppercase;}
  .kf-total b{font-size:26px;color:var(--green-dark);}
  .kf-sum p{font-size:12.5px;color:var(--muted);}
  .kf-bar{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;background:#1c1d1b;color:#fff;border-top:3px solid var(--green);z-index:5;}
  .kf-price small{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9fa09c;}
  .kf-price b{font-family:var(--hard);font-size:28px;line-height:1;}
  .kf-price span{display:block;font-size:12.5px;color:#b9bab6;}
  .kf-nav{display:flex;gap:8px;} .kf-bar .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4);}
  .kf-bar .btn:disabled{opacity:.4;cursor:not-allowed;transform:none;}
  @media(max-width:760px){.kf-bar{bottom:52px;} .kf-price b{font-size:22px;} .kf-nav .btn{padding:12px 14px;font-size:14px;}}
  .einstieg-box{display:flex;justify-content:space-between;align-items:center;background:#1c1d1b;color:#fff;padding:10px 14px;margin:10px 0 12px;border-left:4px solid var(--green);border-radius:2px;}
  .einstieg-box span{font-family:var(--hard);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:#b9bab6;}
  .einstieg-box b{font-family:var(--hard);font-size:22px;}
  .hero-offer{display:inline-flex;align-items:center;gap:10px;margin:-10px 0 26px;padding:10px 14px;background:rgba(20,21,19,.75);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-family:var(--hard);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:16px;border-radius:2px;}
  .hero-offer span{background:var(--green-dark);padding:2px 8px;border-radius:2px;font-size:13px;}
  .hero-offer:hover{border-color:var(--green);}

  .kf-serienbox{border:1px solid var(--green);background:#f3f8f1;border-radius:2px;margin:0 0 14px;}
  .kf-nrbox{margin:14px auto;max-width:420px;background:#f3f1ea;border-radius:10px;padding:12px 16px;}
  .kf-nrbox p{margin:4px 0;}
  .kf-refhint{background:#eef5ec;border-left:3px solid var(--gruen,#4B9B3E);padding:8px 12px;border-radius:6px;}
  .kf-pic{width:80px;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:none;cursor:zoom-in;transition:transform .15s;}
  @media(max-width:560px){ .kf-pic{width:64px;height:48px;} }
  .kf-pic:hover{transform:scale(1.06);border-color:var(--gruen,#4B9B3E);}
  .zlb{position:fixed;inset:0;z-index:999;background:rgba(27,32,25,.82);display:flex;align-items:center;justify-content:center;padding:18px;}
  .zlb-card{background:#fff;border-radius:10px;max-width:720px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 18px 60px rgba(0,0,0,.45);}
  .zlb-card img{display:block;width:100%;max-height:62vh;object-fit:contain;background:#f3f1ea;border-radius:10px 10px 0 0;}
  .zlb-body{padding:16px 20px 20px;}
  .zlb-body h4{margin:0 0 4px;font-size:1.25rem;}
  .zlb-body p{margin:6px 0 0;color:#444;line-height:1.5;}
  .zlb-meta{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin-top:10px;}
  .zlb-preis{font-weight:800;color:var(--gruen,#4B9B3E);font-size:1.15rem;}
  .zlb-serien{font-size:.85rem;color:#666;}
  .zlb-x{position:sticky;top:8px;float:right;margin:8px 8px 0 0;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25);}
  .serie-img{cursor:pointer;position:relative;}
  .serie-more{position:absolute;right:10px;bottom:10px;background:rgba(27,32,25,.78);color:#fff;font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:999px;pointer-events:none;letter-spacing:.02em;}
  .serie-img:hover .serie-more{background:var(--gruen,#4B9B3E);}
  .sd{position:fixed;inset:0;z-index:998;background:rgba(27,32,25,.85);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:0;}
  .sd-card{background:#fff;width:100%;max-width:880px;min-height:100%;}
  @media(min-width:920px){ .sd{padding:28px 16px;} .sd-card{min-height:0;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.5);} }
  .sd-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid var(--line,#ddd);padding:12px 18px;}
  .sd-head img{height:30px;width:auto;}
  .sd-head button{width:38px;height:38px;border:0;border-radius:50%;background:#f0efe9;font-size:20px;cursor:pointer;flex:none;}
  .sd-body{padding:16px 18px 26px;}
  .sd-body>p.sd-intro{margin:4px 0 14px;line-height:1.55;color:#333;}
  .sd-kicker{display:block;color:var(--gruen,#4B9B3E);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin:20px 0 8px;}
  .sd-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px;}
  .sd-facts span{background:#f3f1ea;border-radius:999px;padding:5px 12px;font-size:.84rem;}
  .sd-gal{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  @media(min-width:680px){ .sd-gal{grid-template-columns:1fr 1fr 1fr;} }
  .sd-gal figure{margin:0;cursor:zoom-in;}
  .sd-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block;}
  .sd-gal figcaption{font-size:.76rem;color:#666;padding:4px 2px 0;line-height:1.3;}
  .sd-mod{border:1px solid var(--line,#ddd);border-radius:10px;overflow:hidden;}
  .sd-mod .row{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid var(--line,#ddd);align-items:baseline;}
  .sd-mod .row:first-child{border-top:0;}
  .sd-mod b{display:block;}
  .sd-mod small{color:#666;}
  .sd-mod .pr{font-weight:800;color:var(--gruen,#4B9B3E);white-space:nowrap;}
  .sd-std ul{margin:8px 0 0;padding-left:20px;}
  .sd-std li{margin:4px 0;line-height:1.4;}
  .sd-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
  .kf-tools{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap;}
  .kf-tools input{flex:1;min-width:200px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:14px;font-family:inherit;background:#fff;}
  .kf-tools input:focus{outline:2px solid var(--green);outline-offset:-1px;}
  .kf-tgl{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:700;color:var(--dark);cursor:pointer;}
  .kf-tgl:hover{border-color:var(--green);color:#2f6a26;}
  .kf-serienbox summary{list-style:none;cursor:pointer;padding:12px 14px;font-family:var(--hard);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-dark);}
  .kf-serienbox ul{columns:2;column-gap:24px;padding:0 14px 4px 32px;font-size:14px;color:var(--ink);}
  .kf-serienbox li{margin-bottom:4px;break-inside:avoid;}
  .kf-serienbox p{font-size:13px;color:var(--muted);padding:6px 14px 12px;}
  @media(max-width:700px){.kf-serienbox ul{columns:1;}}

  /* ===== V40 ===== */
  .hero p.hero-fn{font-size:12px;line-height:1.4;color:rgba(255,255,255,.7);margin:-18px 0 24px;max-width:none;}
  .price-note{color:var(--muted);}
  .cube-fn{font-size:12.5px;color:var(--muted);margin:10px 0 0;}
  .pf{font-style:normal;}
  .burger{display:none;background:none;border:0;padding:10px;cursor:pointer;}
  .burger span{display:block;width:26px;height:3px;background:var(--dark);margin:5px 0;transition:transform .2s,opacity .2s;}
  @media(max-width:900px){
    .burger{display:block;}
    header.nav-open .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.15);padding:6px 16px 14px;}
    header.nav-open .nav-links li{border-bottom:1px solid var(--line);}
    header.nav-open .nav-links a{display:block;padding:13px 4px;}
    header.nav-open .nav-links .nav-cta{margin-top:10px;text-align:center;}
    header.nav-open .burger span:nth-child(1){transform:translateY(8px) rotate(45deg);}
    header.nav-open .burger span:nth-child(2){opacity:0;}
    header.nav-open .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
  }
  .hero h1.kicker{font-size:15px;line-height:1.4;margin:0 0 10px;}

  /* ===== V41: iPhone / iPad ===== */
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  a,button,summary,label{-webkit-tap-highlight-color:rgba(79,122,58,.18);}
  input,select,textarea{font-size:16px!important;}            /* verhindert Auto-Zoom in iOS */
  .hero{min-height:calc(100svh - 76px);}
  header .wrap.nav{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));}
  .mbar{padding-bottom:env(safe-area-inset-bottom);}
  @media(max-width:900px){ body{padding-bottom:calc(52px + env(safe-area-inset-bottom));} }
  .kf-opt,.tab,.btn,.nav-links a,.mbar a{min-height:44px;}
  .contact-info a[href^="tel:"]{color:inherit;}
  .fit-brands{font-size:14.5px;color:var(--muted);margin-top:-6px;max-width:900px;}
  @media (hover:none){ .mcard:hover,.press:hover{transform:none;} }

  /* ===== V41: Barrierefreiheit ===== */
  .skip{position:absolute;left:12px;top:-60px;z-index:300;background:var(--night);color:#fff;padding:10px 16px;border-radius:2px;font-weight:700;text-decoration:none;}
  .skip:focus{top:12px;}
  :focus-visible{outline:3px solid #1b6fd1;outline-offset:2px;}
  .kf-opt:focus-within,.seg label:focus-within span{outline:3px solid #1b6fd1;outline-offset:2px;}
  .vid-toggle{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:22px;z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(20,21,19,.55);color:#fff;font-size:14px;cursor:pointer;}
  @media(max-width:900px){.vid-toggle{bottom:74px;}}
  /* Grün als Text auf dunklem Grund heller, auf hellem Grund dunkler */
  .zprice a,.vmeta a,.sec-dark a:not(.btn),.tour-net a:not(.btn){color:#7cc46b;}
  .mnote a,.legal-body a,.seg input:checked + span{color:#2f6a26;}
  #presse .vmeta a{color:var(--green-dark);}
  .kf-h small{color:var(--green-dark);}
  #kfSteps li:not(.on):not(.done){color:#5f635f;}
  #konfigurator a:not(.btn){color:#2f6a26;}
  .kicker,.cfeat,.contact-info b{color:#2f6a26;}
  .hero .kicker,.hero h1.kicker{color:#fff;}
  @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;} }
  /* iPhone: Preisleiste im Konfigurator kompakt */
  @media(max-width:520px){
    .kf-bar{padding:8px 12px;gap:8px;flex-wrap:nowrap;}
    .kf-price small,.kf-price span{display:none;}
    .kf-price b{font-size:20px;white-space:nowrap;}
    .kf-nav{gap:6px;flex-shrink:0;}
    .kf-nav .btn{padding:10px 12px;font-size:13px;letter-spacing:.04em;}
  }
  .card-video{min-height:44px;display:inline-flex;align-items:center;}
  @media(max-width:600px){
    .wrap{padding-left:16px;padding-right:16px;}
    .konfig-panel{padding:14px 10px;}
    .kf-main{padding:14px 10px;}
    .kf-opts{padding:8px;gap:8px;}
    .kf-opt{padding:10px;column-gap:10px;}
    .kf-opt small{line-height:1.35;}
  }

  /* ===== Neues Menü mit Untermenüs (Umbau Übersicht 10/2026) ===== */
  .nav-links{align-self:stretch;}
  .nav-links > li{align-self:stretch;display:flex;align-items:center;}
  .nav-links .has-sub{position:relative;}
  .nav-links > li > a{line-height:1.2;}
  .nav-links .has-sub > a::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 4px 8px;}
  .nav-links .sub{display:none;position:absolute;top:100%;left:-18px;min-width:290px;background:#fff;list-style:none;padding:8px 0;border-top:3px solid var(--green-dark);box-shadow:0 16px 34px rgba(0,0,0,.16);z-index:60;}
  .nav-links .has-sub:hover > .sub,.nav-links .has-sub:focus-within > .sub{display:block;}
  .nav-links .sub a{display:block;padding:10px 20px;font-size:17px;}
  .nav-links .sub a:hover{background:var(--sand,#f2f1ec);}
  .nav-links .sub small{display:block;font-family:"Myriad Pro","Segoe UI",Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);white-space:normal;}
  .sub-tg{display:none;}
  @media(max-width:900px){
    header.nav-open .nav-links{max-height:calc(100vh - 76px);overflow-y:auto;}
    header.nav-open .nav-links .has-sub{display:flex;flex-wrap:wrap;align-items:center;}
    header.nav-open .nav-links > li > a{flex:1;}
    header.nav-open .nav-links > li{align-self:auto;}
    header.nav-open .nav-links .has-sub > a::after{display:none;}
    header.nav-open .sub-tg{display:block;width:48px;height:48px;border:0;background:none;cursor:pointer;position:relative;}
    header.nav-open .sub-tg::after{content:"";position:absolute;left:18px;top:16px;width:9px;height:9px;border-right:2px solid var(--dark);border-bottom:2px solid var(--dark);transform:rotate(45deg);transition:transform .2s;}
    header.nav-open .has-sub.open .sub-tg::after{transform:rotate(-135deg);top:21px;}
    header.nav-open .nav-links .sub{position:static;display:none;flex-basis:100%;box-shadow:none;border-top:0;padding:0 0 8px 12px;min-width:0;}
    header.nav-open .nav-links .has-sub:hover > .sub,header.nav-open .nav-links .has-sub:focus-within > .sub{display:none;}
    header.nav-open .nav-links .has-sub.open > .sub{display:block;}
    header.nav-open .nav-links .sub li{border-bottom:0;}
    header.nav-open .nav-links .sub a{padding:9px 4px;font-size:16px;}
  }

  /* Bewertungen + Über-uns-Kacheln (Umbau 10/2026) */
  .q-stars{color:#f5b301;font-size:18px;letter-spacing:2px;margin-bottom:8px;}
  #bewertungen .quote p{font-style:normal;}
  .g-more{margin-top:22px;font-weight:700;}
  .g-more a{color:var(--green-dark);}
  .ut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;}
  .ut{display:block;text-decoration:none;color:#fff;background:var(--night2,#242523);border-radius:var(--radius);overflow:hidden;transition:transform .2s;}
  .ut:hover{transform:translateY(-3px);}
  .ut img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;}
  .ut b{display:block;font-family:var(--hard);font-size:22px;text-transform:uppercase;letter-spacing:.04em;padding:14px 18px 0;}
  .ut b::after{content:" →";color:var(--green);}
  .ut span{display:block;padding:0 18px 16px;color:#a9aaa6;font-size:14px;}
  @media(max-width:800px){.ut-grid{grid-template-columns:1fr;gap:12px;}.ut{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto auto;align-items:center;}.ut img{grid-row:1 / span 2;height:96px;width:120px;aspect-ratio:auto;object-fit:cover;}.ut b{font-size:19px;padding:12px 14px 0;}.ut span{padding:0 14px 12px;}}
  .cube-kurz .cn-head{margin-bottom:0;}
  @media(max-width:600px){#komplettpaket .steps{grid-template-columns:1fr 1fr;gap:10px;}#komplettpaket .step{padding:16px 14px;}#komplettpaket .step p{font-size:14px;line-height:1.45;}#komplettpaket .step h3{font-size:17px;}}

  /* Unterseiten (Umbau 10/2026) */
  .page-hero{position:relative;background:var(--night) center/cover no-repeat;color:#fff;min-height:420px;display:flex;align-items:flex-end;}
  .page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,14,.15) 0%,rgba(15,15,14,.88) 100%);}
  .page-hero .wrap{position:relative;padding:120px 24px 46px;width:100%;}
  .page-hero h1{color:#fff;font-size:clamp(40px,6.5vw,84px);line-height:.92;text-transform:uppercase;margin:10px 0 14px;}
  .page-hero p{font-size:19px;color:#e6e6e3;max-width:640px;}
  .page-hero .kicker{color:#fff;}
  .page-hero .hero-cta{margin:24px 0 0;}
  .crumb{font-size:13px;color:#bdbeba;margin-bottom:6px;}
  .crumb a{color:#e6e6e3;}
  .facts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 6px;}
  .facts span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;color:var(--dark);}
  .galx{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;}
  .galx figure{margin:0;cursor:zoom-in;}
  .galx img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);display:block;}
  .galx figcaption{font-size:13px;color:var(--muted);margin-top:6px;}
  @media(max-width:800px){.galx{grid-template-columns:1fr 1fr;}}
  .mtab{width:100%;border-collapse:collapse;margin-top:18px;background:#fff;}
  .mtab th,.mtab td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
  .mtab th{font-family:var(--hard);text-transform:uppercase;font-size:18px;color:var(--dark);}
  .mtab td.pr{white-space:nowrap;font-weight:800;color:var(--green-dark);font-size:18px;text-align:right;}
  .mtab small{display:block;color:var(--muted);}
  .stdlist{columns:2;gap:30px;margin:18px 0 0 18px;}
  .stdlist li{margin-bottom:8px;break-inside:avoid;}
  @media(max-width:700px){.stdlist{columns:1;}}
  .cta-box{background:var(--night);color:#fff;border-radius:var(--radius);padding:34px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:10px;}
  .cta-box h2{color:#fff;margin:0;}
  .cta-box p{color:#cfd0cc;margin:6px 0 0;}
  .cta-box .zcta{display:flex;gap:12px;flex-wrap:wrap;}
  .two{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start;}
  @media(max-width:900px){.two{grid-template-columns:1fr;}}
  .box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;}
  .box h3{color:var(--dark);font-size:22px;margin-bottom:10px;}
  .box ul{margin:0 0 0 18px;}
  .box li{margin-bottom:6px;}
  .serien-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
  .serien-nav a{border:1px solid var(--line);border-radius:999px;padding:8px 16px;text-decoration:none;font-weight:700;color:var(--dark);background:#fff;}
  .serien-nav a.on{background:var(--green-dark);color:#fff;border-color:var(--green-dark);}
  main section,main [id]{scroll-margin-top:90px;}