/* TWINS — breite Grotesk statt Serif (Richtung leberg.com).
   Archivo mit Breiten-Achse 125 = "Archivo Expanded" (liegt schon in assets/fonts).
   Die breite Schrift läuft ca. ein Drittel breiter, darum sind alle Größen kleiner als vorher.
   Zum Zurückdrehen: diese Datei leeren oder den <link> entfernen. */
:root{--serif:'Archivo',sans-serif}

/* Kunden-/Projektnamen, Abschnittstitel: Black, extra breit, Versalien */
.serif,.cs-meta .cl,.p-title,.other-t{
  font-family:'Archivo',sans-serif!important;font-stretch:125%;font-variation-settings:'wdth' 125;
  font-weight:900!important;font-style:normal!important;text-transform:uppercase;
  letter-spacing:0;line-height:1}
.cs-meta .cl{font-size:clamp(14px,1.15vw,18px)!important}
.rel h2.serif,h2.serif{font-size:clamp(14px,1.15vw,18px)!important}
.ct h3.serif{font-size:clamp(18px,1.6vw,26px)!important}
.p-title{font-size:clamp(28px,6vw,92px)!important;line-height:.95}
.other-t{font-size:14px!important}
@media(max-width:700px){.p-title{font-size:clamp(22px,8vw,40px)!important}}

/* Projekttitel daneben: Regular, extra breit, Versalien (wie "TASO ALEXANDER") */
.cs-txt h1{font-family:'Archivo',sans-serif;font-stretch:125%;font-variation-settings:'wdth' 125;
  font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.08;
  font-size:clamp(20px,2.2vw,34px)!important}

/* Zurück-Taste in der Navigation der Projektseiten */
.top nav a.nav-back{opacity:1}
@media(max-width:700px){.top nav a.nav-hub{display:none}}