/* v6 patched: header scrollt, logo größer, neue Telefonnummer */
:root{
  --bg:#0b0f14; --panel:#121923; --ink:#e8eef3; --muted:#a7bacf;
  --accent:#f7a42b; --brand:#0b4a6f; --line:#253444;
  --light:#f4f7fb; --ink-strong:#0c1220;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans;
  background: linear-gradient(180deg,var(--bg),#0e141c 60%);
  color:var(--ink); line-height:1.5;
}

.container{max-width:1150px;margin:0 auto;padding:0.25rem}

/* Header scrollt (nicht sticky) */
.site-header{position:relative; top:auto; z-index:1}
.site-header--white{background:#fff;border-bottom:1px solid #e9edf3;box-shadow:0 6px 22px rgba(12,18,32,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.logo{height:110px;width:auto}
@media (min-width:1000px){ .logo{height:140px} }
.site-header--white .subhead{color:#4a5667}
.site-header--white .contact-top a{color:var(--ink-strong);border:1px solid #e6ecf4}
.site-header--white .contact-top .whatsapp{background:var(--accent);color:#1a1200;border-color:transparent;font-weight:700}
.contact-top a{margin-left:.6rem;text-decoration:none;padding:.5rem .7rem;border-radius:.7rem}

.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.hero-text h1{line-height:1.2;font-size:clamp(2rem,3.5vw,3rem);margin:.6rem 0}
.muted{color:var(--muted)}
.cta{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}
.button{display:inline-block;padding:.85rem 1.05rem;border-radius:.9rem;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:var(--panel);box-shadow:0 10px 24px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.06);transition:transform .15s ease}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--brand)}
.button.small{padding:.55rem .75rem;font-size:.92rem}
.hero-media img{width:100%;height:auto;border-radius:1rem;border:1px solid var(--line);background:#000}

.section{padding:1rem 0}
.section--alt{background:var(--light);border-top:1px solid #e8edf3;border-bottom:1px solid #e8edf3}
.section--alt h2, .section--alt p, .section--alt li, .section--alt .prices small {color:#121923;}
.section--alt .prices small {color:#f7a42b;}
.section--alt .card{background:#fff;border:1px solid #e6ecf4}
.section--alt .button{background:#0f1720;color:#fff;border-color:#0f1720}
.section--alt .button.primary{background:var(--brand)}
.section--alt .tag{background:var(--accent);color:#1a1200}

h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin:2rem 0 1rem}
.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem}
.card{border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease, box-shadow .15s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 28px rgba(15,23,32,.15)}
.card>img{width:100%;height:210px;object-fit:cover}
.card-body{padding:1rem}
.card h3{margin:.25rem 0 .5rem;color:#0d1726}
.tag{background:var(--brand);color:#fff;padding:.2rem .5rem;border-radius:.6rem;font-size:.85rem;margin-left:.35rem}
.specs{list-style:none;padding:0;margin:0 0 .75rem 0;color:#455468}
.specs li{padding-left:1rem;position:relative}
.specs li::before{content:"▸";position:absolute;left:0;opacity:.6}
.prices{display:flex;gap:.6rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.prices div{background:#0e141c;border:1px solid var(--line);padding:.55rem .5rem;border-radius:.6rem;color:#fff;text-align:center;width:30%;font-size: larger}
.prices small{display:block;font-size:.75rem;color:#f7a42b}

.info ul{margin:0;padding-left:1.1rem}
.delivery .tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin:.8rem 0 0}
.delivery .tier{background:#fff;border:1px solid #e6ecf4;border-radius:.7rem;padding:.6rem .8rem;display:flex;justify-content:space-between;align-items:center;color:f7a42b}
.delivery .tier .span{color:f7a42b}
.contact a{color:var(--ink)}
.legal details{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:.8rem;padding:.8rem}

.site-footer{border-top:1px solid var(--line);margin-top:2rem;color:var(--muted);background:rgba(0,0,0,.06)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;align-items:start}

.fab{
  position:fixed;right:1rem;bottom:1rem;background:var(--accent);color:#1a1200;
  padding:.85rem 1.05rem;border-radius:999px;text-decoration:none;border:0;font-weight:800;
  box-shadow:0 10px 28px rgba(0,0,0,.35);z-index:20
}

@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-media{order:-1}
}
                