/* =====================================================================
   Alternativ-Startseite (start_alt) — Stile nach Relaunch-Mockup.
   ===================================================================== */

/* ---------- Abschnitts-Ueberschriften ---------- */
.start-alt .section-head{border-bottom:1px solid #e3e6e3;padding-bottom:.5rem;margin-bottom:1.2rem;}
.start-alt .section-head h2{font-size:1.6rem;margin:0;}
.start-alt .section-head .sub{color:#6a716f;font-size:.95rem;}

/* ---------- Hero-Slider ---------- */
.start-alt .hero{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e3e6e3;margin-bottom:2rem;}
.start-alt .hero__track{display:flex;transition:transform .5s ease-in-out;}
.start-alt .hero__slide{min-width:100%;position:relative;}
.start-alt .hero__slide img{width:100%;height:auto;display:block;}
.start-alt .hero__box{position:absolute;bottom:22px;left:76px;max-width:360px;
  background:rgba(255,255,255,.92);padding:16px 18px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.12);}
.start-alt .hero__box h2{font-size:1.15rem;margin:0 0 .35rem;}
.start-alt .hero__box p{font-size:.9rem;color:#41484a;margin:0 0 .5rem;line-height:1.45;}
.start-alt .hero__box a{font-weight:600;text-decoration:none;color:#d4001a;}
.start-alt .hero__box a:hover{color:#a80016;}
.start-alt .hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.85);
  color:#2c3133;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.start-alt .hero__arrow:hover{background:#fff;color:#d4001a;}
.start-alt .hero__arrow:focus, .start-alt .hero__dot:focus{outline:0;}
.start-alt .hero__arrow:focus-visible, .start-alt .hero__dot:focus-visible{outline:2px solid #d4001a;outline-offset:2px;}
.start-alt .hero__arrow--prev{left:14px;}
.start-alt .hero__arrow--next{right:14px;}
.start-alt .hero__dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5;}
.start-alt .hero__dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.65);}
.start-alt .hero__dot.is-active{background:#d4001a;}
@media (max-width:767.98px){
  .start-alt .hero__box{display:none;}
  .start-alt .hero__arrow{display:none;}
}

/* ---------- Intro ---------- */
.start-alt .start-intro{margin-bottom:1.8rem;}
.start-alt .start-intro h1{font-size:1.8rem;letter-spacing:-.01em;margin-bottom:.5rem;text-align:left;}
.start-alt .start-intro p{color:#41484a;max-width:900px;margin-bottom:0;}

/* ---------- Vorteile ---------- */
.start-alt .start-vorteile{background:#fafbf9;border:1px solid #e3e6e3;border-radius:10px;
  padding:1.1rem 1.4rem;margin-bottom:2.2rem;}
.start-alt .start-vorteile__head{
  font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  color:#41484a;margin-bottom:.7rem;
}
.start-alt .de-badge{
  display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.03em;
  color:#6a716f;border:1px solid #c9cec9;border-radius:4px;
  padding:0 .3rem;margin-left:.25rem;vertical-align:1px;line-height:1.35;
}
.start-alt .start-vorteile__note{
  margin-top:.7rem;padding-top:.55rem;border-top:1px solid #eef0ee;
  font-size:.78rem;color:#8a908e;
}
.start-alt .start-vorteile ul{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.45rem 1.5rem;}
.start-alt .start-vorteile li{display:flex;align-items:flex-start;gap:.5rem;font-size:.93rem;color:#2c3133;}
.start-alt .start-vorteile li svg{flex:none;width:16px;height:16px;fill:#2e8b57;margin-top:3px;}

/* ---------- Produktkarten (ohne Preis, ruhig) ---------- */
.start-alt .prod-card{background:#fff;border:1px solid #e3e6e3;border-radius:8px;overflow:hidden;
  height:100%;display:flex;flex-direction:column;}
.start-alt .prod-card__imgwrap{height:150px;display:flex;align-items:center;justify-content:center;padding:10px;}
.start-alt .prod-card__imgwrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
@media (max-width:767.98px){
  .start-alt .prod-card__imgwrap{height:110px;}
}
.start-alt .prod-card__body{padding:.8rem 1rem 1rem;display:flex;flex-direction:column;flex:1;}
.start-alt .prod-card__title{font-size:.98rem;font-weight:600;line-height:1.3;margin:0 0 .3rem;}
.start-alt .prod-card__title a{color:#2c3133;text-decoration:none;}
.start-alt .prod-card__title a:hover{color:#d4001a;}
.start-alt .prod-card__more{margin-top:auto;padding-top:.5rem;font-size:.85rem;color:#d4001a;text-decoration:none;align-self:flex-end;}
.start-alt .prod-card__more:hover{color:#a80016;text-decoration:underline;}
.start-alt .start-products{margin-bottom:2.2rem;}

/* ---------- SEO-Text mit Aufklapper ---------- */
.start-alt .start-seo{margin-bottom:2.5rem;max-width:980px;}
.start-alt .start-seo .lead-text{color:#41484a;}
.start-alt .start-seo details summary{list-style:none;cursor:pointer;color:#d4001a;font-size:.9rem;display:inline-block;margin-top:.3rem;}
.start-alt .start-seo details summary::-webkit-details-marker{display:none;}
.start-alt .start-seo details summary::before{content:"\25B8  ";}
.start-alt .start-seo details[open] summary::before{content:"\25BE  ";}
.start-alt .start-seo details[open] summary .more-label::after{content:" weniger anzeigen";}
.start-alt .start-seo .seo-more{color:#41484a;font-size:.95rem;margin-top:.6rem;}

.start-alt .hero__imglink{display:block;}

/* ---------- Sortiment-Kacheln (Hauptkategorien) ---------- */
.start-alt .start-sortiment{margin-top:.5rem;}
.start-alt .sortiment-tile{
  display:flex;flex-direction:column;align-items:center;gap:.4rem;
  background:#fff;border:1px solid #e3e6e3;border-radius:8px;
  padding:.7rem .5rem .6rem;height:100%;text-decoration:none;
}
.start-alt .sortiment-tile:hover{border-color:#d4001a;}
.start-alt .sortiment-tile__imgwrap{
  height:74px;display:flex;align-items:center;justify-content:center;width:100%;
}
@media (min-width:992px){
  .start-alt .sortiment-tile{padding:1rem .6rem .8rem;}
  .start-alt .sortiment-tile__imgwrap{height:104px;}
  .start-alt .sortiment-tile__name{font-size:.92rem;}
}
.start-alt .sortiment-tile__imgwrap img{max-width:100%;max-height:100%;width:auto;height:auto;}
.start-alt .sortiment-tile__name{
  font-size:.85rem;color:#2c3133;text-align:center;line-height:1.25;
}
.start-alt .sortiment-tile:hover .sortiment-tile__name{color:#d4001a;}

/* ---------- Wissen & Hilfe: drei Karten ---------- */
.start-alt .hub-card{
  display:flex;gap:.8rem;align-items:flex-start;height:100%;
  background:#fff;border:1px solid #e3e6e3;border-radius:8px;
  padding:.9rem 1rem;text-decoration:none;
}
.start-alt .hub-card:hover{border-color:#d4001a;}
.start-alt .hub-card svg{flex:none;width:22px;height:22px;fill:#d4001a;margin-top:2px;}
.start-alt .hub-card__body{display:flex;flex-direction:column;gap:.15rem;}
.start-alt .hub-card__body strong{color:#2c3133;font-size:.95rem;}
.start-alt .hub-card:hover .hub-card__body strong{color:#d4001a;}
.start-alt .hub-card__body span{color:#6a716f;font-size:.85rem;line-height:1.4;}

/* ---------- Aus dem Magazin ---------- */
.start-alt .mag-card{
  display:flex;flex-direction:column;height:100%;overflow:hidden;
  background:#fff;border:1px solid #e3e6e3;border-radius:8px;
  padding:0;text-decoration:none;
}
.start-alt .mag-card__img{
  width:100%;height:140px;object-fit:cover;display:block;
}
.start-alt .mag-card__body{
  display:flex;flex-direction:column;gap:.3rem;padding:.8rem 1rem .9rem;
}
.start-alt .mag-card:hover{border-color:#d4001a;}
.start-alt .mag-card__meta{font-size:.75rem;color:#8a908e;text-transform:uppercase;letter-spacing:.04em;}
.start-alt .mag-card__title{color:#2c3133;font-size:.98rem;line-height:1.35;}
.start-alt .mag-card:hover .mag-card__title{color:#d4001a;}
.start-alt .mag-card__teaser{
  color:#6a716f;font-size:.85rem;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.start-alt .start-magazin__all{
  display:inline-block;margin-top:.6rem;font-size:.9rem;color:#d4001a;text-decoration:none;
}
.start-alt .start-magazin__all:hover{color:#a80016;text-decoration:underline;}

/* ---------- Mobil-Straffung: kleinere Titel, Wisch-Produktreihen,
   Hero-Punkte unters Bild, Pfeile weg ---------- */
@media (max-width:991.98px){
  body.cl-start h1, .start-alt .start-intro h1{font-size:1.45rem;line-height:1.3;margin-bottom:.5rem;}
  body.cl-start .section-head h2{font-size:1.3rem;}

  /* Empfehlungen + Frisch eingetroffen: eine wischbare Reihe statt langem Stapel */
  .start-products .row{
    display:flex;flex-wrap:nowrap;overflow-x:auto;
    scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 93%,transparent);
    mask-image:linear-gradient(90deg,#000 93%,transparent);
    padding-bottom:.3rem;
  }
  .start-products .row::-webkit-scrollbar{display:none;}
  /* Weiter-/Zurueck-Knoepfe kommen global aus ligno_fixes.css (Abschnitt 30) */
  .start-products .row > [class*="col"]{
    flex:0 0 46%;max-width:46%;scroll-snap-align:start;
  }

  /* Hero: Punkte unters Bild statt auf dem Produktfoto, Pfeile mobil weg (Autoplay + Punkte).
     Unter dem Bild brauchen die Punkte dunkle Farben (weiss waere unsichtbar). */
  .start-alt .hero__arrow{display:none !important;}
  .start-alt .hero__dots{position:static !important;transform:none !important;margin:.5rem 0 0;justify-content:center;}
  .start-alt .hero__dot{background:#d4d8d6 !important;}
  .start-alt .hero__dot.is-active{background:#d4001a !important;}
}