/* Ergaenzungen vom 23.10.2026: Logo-Aufsteller-Band auf der Startseite und
   Menue mit neun Eintraegen. Logo-Aufsteller auf der Startseite. Eigene Datei, damit die Startseite ohne
   neuen Build ergaenzt werden konnte (23.10.2026). Steht in der Quelle auch
   in site.css, siehe Doku 02. */
.logoband{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);
  align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(20px,3vw,36px);box-shadow:0 18px 40px -28px rgba(22,22,21,.25)}
.logoband__bild{margin:0;background:var(--sand);border-radius:var(--r);overflow:hidden}
.logoband__bild img{display:block;width:100%;height:auto}
.logoband__text .kicker{margin:0 0 .4em}
.logoband__text h2{margin:0 0 .45em}
.logoband__text p{margin:0 0 1em;color:var(--graphite);max-width:46ch}
.logoband__punkte{list-style:none;margin:0 0 1.4em;padding:0;display:grid;gap:.35em;font-size:.95rem}
.logoband__punkte li{display:flex;gap:.55em;align-items:baseline}
.logoband__punkte li::before{content:"";flex:none;width:.5em;height:.5em;border-radius:50%;background:var(--blue);transform:translateY(-.05em)}
.logoband__aktion{display:flex;flex-wrap:wrap;gap:.6em 1.2em;align-items:center}
.logoband__preis{font-size:var(--step--1);color:var(--mute)}
@media (max-width:860px){.logoband{grid-template-columns:1fr}}

/* Menue: mit dem Eintrag Logo-Aufsteller brauchen die Punkte rund 950 px.
   Darunter klappt es zum Menue-Knopf zusammen, wie sonst erst unter 900 px.
   Gleicher Wert in site.js (matchMedia). */
.nav a{white-space:nowrap}
@media (max-width:1240px){
  .navtoggle{display:block}
  .nav{
    margin-left:0;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:2px;
    background:var(--paper);border-bottom:1px solid var(--line);
    padding:12px var(--gut) 20px;box-shadow:var(--sh-sm);
  }
  .nav[hidden]{display:none}
  .nav a:not(.btn){padding:.75em .6em;font-size:1.05rem}
  .hdr .btn{margin:10px 0 0}
}