/* Gemeinsame Basis der drei Look-Weichen — Timo Grimm e. K., Seligenstadt.
   Enthaelt NUR Schrift-Einbindung, Reset und die Marker. Alles Gestaltende steht je
   Weiche in der Datei selbst.

   BESONDERHEIT DIESES KUNDEN: Es gibt NULL eigene, brauchbare Fotos (Google-Profil
   zeigt nur zwei Aufnahmen vom Weihnachtsmarkt, kein Firmenbezug). Die drei Weichen
   loesen das bewusst UNTERSCHIEDLICH, damit die Weiche zugleich die Bildfrage
   entscheidet:
     A "Ab 7 Uhr"     — kommt OHNE jedes Foto aus (Typografie/Zahlen/Zitate tragen).
                         Sofort versandfertig, kein Material noetig.
     B "Regalware"     — mit wenigen ZUGEKAUFTEN Platzhaltern (Pexels), jeder sichtbar
                         mit Coral-Fahne "PLATZHALTER" markiert. Sofort versandfertig,
                         Fotos muessen vor Livegang gegen echte getauscht werden.
     C "Ihr Lager"     — macht den Betrieb selbst zum Motiv: leere, BENANNTE Bildplaetze
                         als Anforderung an den Kunden (Lager, Regal, Theke, Transporter).
                         Erst versandfertig, wenn der Kunde liefert.
   Das Gewerk (Handel vs. Ausfuehrung) ist ebenfalls ungeklaert — in jeder Weiche steht
   dazu ein sichtbarer Coral-Rueckfrage-Marker (.frage). */

@font-face{font-family:"Schibsted";src:url("fonts/schibsted-grotesk-var.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Hanken";src:url("fonts/hanken-grotesk-var.woff2") format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Archivo";src:url("fonts/archivo-var.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Baskerville";src:url("fonts/libre-baskerville-normal-400-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Baskerville";src:url("fonts/libre-baskerville-normal-700-latin.woff2") format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Baskerville";src:url("fonts/libre-baskerville-italic-400-latin.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Space";src:url("fonts/space-grotesk-normal-500-latin.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Space";src:url("fonts/space-grotesk-normal-700-latin.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Jost";src:url("fonts/jost-normal-400-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Jost";src:url("fonts/jost-normal-600-latin.woff2") format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Manrope";src:url("fonts/manrope-normal-500-latin.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Manrope";src:url("fonts/manrope-normal-600-latin.woff2") format("woff2");font-weight:600 700;font-display:swap}

*{margin:0;padding:0;box-sizing:border-box}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{width:min(1200px,100%);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3.5rem)}

/* Entwurfsschicht (Coral #FF5A3C, Marke fixdeineseite) — beim Livegang ENTFERNT,
   nicht ausgeblendet: werkzeuge/live-fassung.py. */
.fahne{position:absolute;top:0;left:0;z-index:5;background:#FF5A3C;color:#180B06;
  font-family:"Hanken",system-ui,sans-serif;font-weight:700;font-size:.62rem;
  letter-spacing:.16em;text-transform:uppercase;padding:.42rem .72rem;line-height:1}
.frage{display:inline-block;background:#FF5A3C;color:#180B06;font-family:"Hanken",system-ui,sans-serif;
  font-weight:700;font-size:.68rem;letter-spacing:.06em;padding:.28rem .6rem;line-height:1.3;border-radius:2px}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}
