/* Gemeinsame Basis der drei Look-Weichen — Karl Hofmann GmbH.
   Enthaelt NUR Schrift-Einbindung und Reset. Alles Gestaltende steht je Weiche
   in der Datei selbst, damit die drei wirklich drei Skelette sind und nicht
   eine Seite in drei Farben. */

@font-face{font-family:"Fraunces";src:url("fonts/fraunces-normal-400-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Fraunces";src:url("fonts/fraunces-normal-600-latin.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Hanken";src:url("fonts/hanken-grotesk-var.woff2") format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Cormorant";src:url("fonts/cormorant-garamond-normal-400-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant";src:url("fonts/cormorant-garamond-normal-600-latin.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant";src:url("fonts/cormorant-garamond-italic-400-latin.woff2") format("woff2");font-weight:400;font-style:italic;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-500-latin.woff2") format("woff2");font-weight:500;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:"Archivo";src:url("fonts/archivo-var.woff2") format("woff2");font-weight:400 900;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:"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}
@font-face{font-family:"Schibsted";src:url("fonts/schibsted-grotesk-var.woff2") format("woff2");font-weight:400 900;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(1240px,100%);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3.5rem)}

/* Platzhalter-Fahne: gilt in allen drei Weichen, damit sofort erkennbar ist,
   welches Bild spaeter durch ein echtes ersetzt wird. */
.platz{position:relative}
.fahne{position:absolute;top:0;left:0;z-index:5;background:#FF5A3C;color:#180B06;
  font-family:"Manrope",system-ui,sans-serif;font-weight:700;font-size:.62rem;
  letter-spacing:.16em;text-transform:uppercase;padding:.42rem .72rem;line-height:1}

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