/* netzwerkfaehig 2026-10-28 (Markus: "links neben dem ebalan logo den schriftzug 'Deutschlandweit für Sie im Einsatz', damit das auf jeder seite steht"):
   Schriftzug in der Kopfleiste LINKS vom Logo, im freien schwarzen Bereich vor der roten Linie (Theme: 18,75 % der Breite), rechtsbuendig an der Linie.
   Am Handy (< 768 px) sind links nur 73 px frei, darum dort unter dem Logo. Schrift wie das Menue: Oswald, Grossbuchstaben, weiss.
   Das Theme setzt "header ::before" (rote Linie) auf JEDEN Nachfahren, darum hier ausdruecklich abgeschaltet. Eigenstaendige Datei, kein Webpack-Build noetig (Include Header.ss).
   2026-10-29 (Wunsch EBALAN ueber Markus "Navi Leiste ca. 10% hoeher"): Kopfleiste 120 -> 132 px. Die Hoehe steckt im Theme an mehreren Stellen (header, rote Linie header :before,
   body padding-top, Marvins Seiten --hdr fuer Sticky-Elemente, Sprungziel #uff) - alle haengen jetzt an --nf-hdr. Schriftzug jetzt zwei Aussagen (Einsatzgebiet + Slogan).
   Markus 29.10. 15:20 "das muss breiter werden, je Slogan max 2 Zeilen": laengste Zeile "In Deutschland und der Schweiz" (30 Zeichen, ca. 0,5 em je Zeichen in Oswald) muss in den Platz vor der Linie
   passen -> Schrift ab 1300 px aus der Breite gerechnet ((18,75vw - 40px) / 15), 768-1299 px (Desktop-Menue ausgeblendet) rechts neben dem Logo, < 768 px unter dem Logo. */
:root { --nf-hdr: 132px; }
html body header, html body header :before { height: var(--nf-hdr); }
html body { padding-top: var(--nf-hdr); }
body.nf-sp, body.nf-fs, body.nf-rh { --hdr: var(--nf-hdr); }
#uff { scroll-margin-top: calc(var(--nf-hdr) + 20px); }

.nf-claim {
  position: absolute; left: 0; top: 0; width: 18.75%; height: var(--nf-hdr); z-index: 8; margin: 0; box-sizing: border-box;
  display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
  padding: 0 clamp(14px, 1.5vw, 28px) 0 10px;
  color: #fff; font-family: Oswald, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: .04em;
  line-height: 1.2; font-size: clamp(.8rem, calc((18.75vw - 40px) / 15), 1.15rem); text-align: right; pointer-events: none;
}
.nf-claim span { display: block; white-space: nowrap; }
.nf-claim__slogan { margin-top: .5em; }
.nf-claim::before, .nf-claim span::before { content: none; display: none; }
/* Tablet/kleiner Desktop: das Theme blendet das Menue aus (< 1300 px), rechts vom Logo ist frei bis zum MENU-Knopf (70 px + 20 px Rand) */
@media (768px <= width < 1300px) {
  .nf-claim { left: calc(20% + 266px); width: auto; right: 110px; padding: 0; align-items: flex-start; text-align: left; font-size: .95rem; }
}
@media (width < 768px) {
  .nf-claim { left: 20%; width: auto; height: auto; top: 66px; padding: 0 0 0 30px; align-items: flex-start; text-align: left; font-size: .68rem; line-height: 1.15; }  /* Logo endet bei 59 px */
  .nf-claim__slogan { margin-top: .35em; }
}
/* Marvins Fugen-Design (Seite 31, Entwurf): dort liegt die rote Linie am 1240er-Container, der Schriftzug folgt ihr; der Platz ist schmal, dort duerfen die Zeilen umbrechen */
body.nf-fs .nf-claim { width: max(16px, calc((100vw - 1240px) / 2 + 16px)); font-size: .72rem; }
body.nf-fs .nf-claim span { white-space: normal; }