:root{--green:#167a43;--ink:#152820;--muted:#53655b;--pale:#ecf2ed;--line:#d7e0d8;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1.06;letter-spacing:-.055em;margin-bottom:1.3rem}h2{font-size:clamp(1.65rem,2.5vw,2.6rem);line-height:1.15;letter-spacing:-.035em}h3{line-height:1.2}em{font-style:normal;color:var(--green)}.topline{background:var(--ink);color:#fff;padding:.5rem max(5vw,1rem);display:flex;justify-content:space-between;font-size:.875rem}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem 5vw;border-bottom:1px solid var(--line);background:#fff}.brand{display:block;width:260px;height:auto;flex-shrink:0}.brand img{display:block;width:100%;height:auto;max-width:100%;margin:0}nav{display:flex;gap:2rem}nav a{font-size:.95rem;font-weight:600;padding:.5rem 0}nav a[aria-current]{color:var(--green);border-bottom:2px solid var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:var(--green);color:white;padding:1rem 1.5rem;border:1px solid var(--green);border-radius:5px;font-weight:700;line-height:1.3;min-height:48px}.button:hover{background:#0d6334;text-decoration:none}.compact{padding:.8rem 1.1rem;font-size:.9rem}.button.light{background:white;color:var(--ink);border-color:white}.button.secondary{background:white;color:var(--green)}.actions{display:flex;gap:1.8rem;align-items:center;flex-wrap:wrap}.textlink{font-weight:700;text-decoration:underline;text-underline-offset:6px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.herocopy{padding:4.5rem 3rem 3rem 5vw}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.13em;color:var(--green);margin-bottom:1.3rem}.lede{font-size:1.16rem;max-width:660px;color:var(--muted);line-height:1.7}.herocopy .lede{max-width:510px;margin:1.6rem 0 2rem}.herovisual{background:#f2f5f1;position:relative;display:flex;align-items:center;justify-content:center;padding:3.5rem 2rem 6rem;overflow:hidden}.herovisual>img{width:100%;max-height:570px;object-fit:contain;mix-blend-mode:multiply}.vertical-label{position:absolute;right:20px;top:38px;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.22em;font-weight:700}.hero-caption{position:absolute;bottom:2rem;left:2rem;right:2rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bacabb;padding-top:1rem}.hero-caption span{font-size:.75rem;letter-spacing:.1em;display:block}.hero-caption strong{font-size:1.4rem}.hero-caption a{font-size:2rem}.hoursbox{background:var(--pale);border-left:4px solid var(--green);padding:1.4rem 1.6rem;margin-top:2.3rem;max-width:510px}.hoursbox h2{font-size:1.15rem;margin-bottom:1rem;letter-spacing:0}.hours{margin:0}.hours div{display:flex;justify-content:space-between;gap:1rem;margin:.4rem 0}.hours dt{font-size:.95rem}.hours dd{margin:0;font-weight:700;white-space:nowrap}.small{font-size:.875rem;color:var(--muted);line-height:1.5}.hoursbox .small{margin:.8rem 0 0}.section{padding:4.5rem 5vw;max-width:1500px;margin:auto}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.sectionhead h2{margin-bottom:0}.categorygrid{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:3rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.categorygrid a{padding:1.5rem;position:relative;border-right:1px solid var(--line)}.categorygrid a:first-child{border-left:1px solid var(--line)}.categorygrid span{font-size:.8rem;color:var(--muted)}.categorygrid h3{font-size:1.2rem;margin:1.4rem 0 .5rem}.categorygrid b{position:absolute;right:1.2rem;top:1.2rem;font-size:1.3rem}.categorygrid a:hover{background:var(--pale);text-decoration:none}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.vehicle-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:white}.cardimage{position:relative;display:block;background:#f4f6f3;height:270px;padding:1rem}.cardimage img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.category{position:absolute;left:1rem;top:1rem;background:white;padding:.3rem .7rem;font-size:.8rem;border-radius:3px}.cardbody{padding:1.5rem}.cardbody h3{font-size:1.45rem;margin-bottom:1rem;letter-spacing:-.03em}.specchips{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.875rem;color:var(--muted);margin-bottom:1.6rem}.specchips span+span:before{content:'·';margin-right:.5rem}.cardbottom{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.cardbottom strong{font-size:1.5rem}.cardbottom small{display:block;font-size:.75rem;color:var(--muted)}.circlelink{border:1px solid var(--line);border-radius:50%;width:40px;height:40px;text-align:center;line-height:38px;font-size:1.3rem}.trial-banner{margin:1rem 5vw 5rem;padding:3.5rem 4rem;background:var(--ink);color:white;display:grid;grid-template-columns:2fr 1fr;gap:4rem;border-radius:8px}.trial-banner .eyebrow{color:#99d8a9}.trial-banner p{max-width:650px;color:#dae6dc}.trial-number{font-size:6rem;font-weight:700;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a8dfb3}.trial-number span{font-size:1rem;margin:.5rem}.trial-number small{font-size:.875rem;font-weight:400;margin-top:1rem;color:white}.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:2.5rem 0 1rem}.filter{border:1px solid var(--line);border-radius:30px;padding:.65rem 1.2rem;background:#fff;color:var(--ink)}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.note{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:2rem}.back{display:inline-block;margin-bottom:2rem;font-size:.9rem}.detailhero{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:start}.primaryphoto{grid-column:1/-1;width:100%;height:390px;object-fit:contain;background:#f6f8f5}.secondaryphoto{grid-column:1/-1;height:250px;width:100%;object-fit:contain;background:#f6f8f5}.detailintro h1{font-size:3.6rem}.price{font-size:2.5rem;font-weight:700;letter-spacing:-.04em;color:var(--green);margin-top:2rem}.download{display:block;margin-top:1.3rem;text-decoration:underline}.availability,.notice{background:var(--pale);padding:1.2rem;border-left:3px solid var(--green);font-size:.95rem}.detailcolumns{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:4rem}.specs{margin:0}.specs div{display:grid;grid-template-columns:1fr 1.1fr;gap:1rem;padding:.8rem;border-bottom:1px solid var(--line);font-size:.95rem}.specs div:nth-child(odd){background:var(--pale)}.specs dt{color:var(--muted)}.specs dd{margin:0;font-weight:600}.features{padding-left:1.2rem}.features li{padding:.45rem 0}.features li::marker{color:var(--green)}.license{background:var(--pale);padding:1.5rem;margin-top:2rem;border-radius:5px}.license h3{font-size:1.05rem}.license p{font-size:.9rem;margin:0}.variants{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.variants>div{padding:1rem;background:var(--pale)}.variants h3{font-size:1rem}.variants p{font-size:.9rem}.variants strong{font-size:1.5rem}.bookinglayout,.contactgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;margin-top:3rem}.bookinglayout h2{font-size:1.6rem;margin-top:2rem}.bookinglayout .notice{margin-bottom:2rem}.notice p:last-child{margin-bottom:0}form{border:1px solid var(--line);padding:2rem;border-radius:6px}form h2{margin-top:0!important}label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.9rem;margin:1rem 0}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}input,select,textarea{width:100%;min-width:0;border:1px solid #a9baad;border-radius:4px;padding:.7rem;background:#fff;color:var(--ink);font-weight:400;font-size:1rem}textarea{resize:vertical}#mail-result{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}.contactlink{display:block;font-size:1.2rem;margin:.7rem 0}.contactgrid .hoursbox{margin:0}.legal{max-width:920px;min-height:55vh}.legal h2{font-size:1.5rem;margin-top:2rem}footer{background:#10251b;color:#e8f2e9;padding:3.5rem 5vw 1.5rem}.footergrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4rem}.footergrid h2{font-size:1.1rem;letter-spacing:0}.footerbrand{font-size:1.8rem}.footergrid p{font-size:.95rem}.footergrid .small{color:#c4d4c8}.footergrid>div>a{display:block;margin:.5rem 0;overflow-wrap:anywhere}.footerbottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #425a49;padding-top:1.3rem;margin-top:2.5rem;font-size:.85rem}.footerbottom a{margin-left:1.5rem}.skip{position:absolute;top:-100px;left:10px;background:white;padding:1rem;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1600px){.hero{max-width:1600px;margin:auto}.herocopy{padding-left:4rem}}
@media(max-width:1050px){header{gap:1rem}header>.button{display:none}nav{gap:1rem}.hero{min-height:0}.herocopy{padding:3rem 2rem 2rem 5vw}.herovisual{padding:2rem 1rem 6rem}.hoursbox{padding:1.1rem}.hours div{flex-wrap:wrap}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detailhero,.detailcolumns{gap:2rem}.bookinglayout{gap:2rem}.footergrid{gap:2rem}}
@media(max-width:700px){.topline{font-size:.75rem}.topline span{max-width:60%}header{padding:.8rem 5vw;flex-wrap:wrap}.brand{width:230px;height:auto}.brand img{width:100%;height:auto}nav{width:100%;justify-content:space-between;gap:.5rem;border-top:1px solid var(--line);padding-top:.5rem}nav a{font-size:.875rem}.hero{grid-template-columns:1fr}.herocopy{padding:2.5rem 5vw 2rem}.herovisual{height:420px;padding:1rem 2rem 5rem}.herovisual>img{height:330px}.hero-caption{left:5vw;right:5vw;bottom:1rem}.section{padding:3rem 5vw}.sectionhead{display:block}.sectionhead>.textlink{display:inline-block;margin-top:1rem}.categorygrid{grid-template-columns:1fr 1fr}.categorygrid a{border-bottom:1px solid var(--line);padding:1rem}.categorygrid h3{font-size:1rem}.cards{grid-template-columns:1fr}.cardimage{height:280px}.trial-banner{grid-template-columns:1fr;padding:2rem;gap:2rem;margin-bottom:3rem}.trial-number{display:none}.detailhero,.detailcolumns,.bookinglayout,.contactgrid{grid-template-columns:1fr;gap:2rem}.detailintro h1{font-size:2.7rem}.primaryphoto{height:300px}.secondaryphoto{height:200px}.detailcolumns{margin-top:3rem}.bookinglayout{margin-top:1rem}.formrow{grid-template-columns:1fr;gap:0}form{padding:1.2rem}.footergrid{grid-template-columns:1fr;gap:2rem}.footerbottom{flex-direction:column}.footerbottom a{margin:0 1rem 0 0}.specs div{grid-template-columns:1fr;gap:.2rem}.hoursbox{max-width:none}.contactlink{font-size:1.05rem;overflow-wrap:anywhere}}
.footerbottom{align-items:center}.footerbottom>span,.footerbottom>div:last-child{flex:1}.footerbottom>div:last-child{text-align:right}.brand-finale{padding:.45rem .8rem;background:white;border-radius:4px;flex:0 0 auto}.brand-finale img{display:block;width:180px;height:auto}@media(max-width:700px){.footerbottom>div:last-child{text-align:center}.brand-finale{margin:.3rem 0}}
.social-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #425a49}.social-section h2{font-size:1.1rem;letter-spacing:0}.social-platforms{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;padding:0;margin:0}.social-platforms li{display:grid;grid-template-columns:24px 1fr;column-gap:.65rem;align-items:center;padding:.7rem 1rem;border:1px solid #425a49;border-radius:5px;min-width:160px}.social-platforms img{grid-row:1/3}.social-platforms span{font-weight:600}.social-platforms small{color:#c4d4c8;font-size:.875rem}@media(max-width:400px){.social-platforms li{width:100%}}

/* Normales Menü oben; separate kompakte Leiste nur nach dem Scrollen. */
  html.mobile-scroll-ready body > header { position: static; }
  html.mobile-scroll-active { scroll-padding-top: 6rem; }
  .mobile-scroll-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 60px;
    padding: .4rem 5vw;
    background: #fff;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 3px 12px rgba(21, 40, 32, .12);
  }
  .mobile-scroll-bar .brand { width: 100px; }
  .mobile-scroll-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-width: 92px;
    min-height: 44px;
    padding: .5rem .75rem;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: #fff;
    color: var(--ink);
    font-size: .95rem;
    font-weight: 700;
  }
  .mobile-scroll-icon { display: grid; gap: 4px; width: 21px; }
  .mobile-scroll-icon > span { display: block; width: 21px; height: 2px; background: currentColor; }
  .mobile-scroll-bar nav {
    display: grid;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .2rem .5rem;
    padding: .65rem 5vw;
    background: #fff;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 6px 12px rgba(21, 40, 32, .12);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .mobile-scroll-bar nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: .4rem .15rem;
    font-size: .875rem;
    line-height: 1.3;
    text-align: center;
    overflow-wrap: anywhere;
  }
@media (min-width: 801px) {
  .mobile-scroll-bar nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mobile-scroll-bar nav a { font-size: 1rem; }
}
@media print { .mobile-scroll-bar { display: none !important; } }