/* NF-R84 E: Gemeinsamer Footer aller NorthFrame-Unterseiten.
   Massgeblich ist der Footer der Startseite (index.html, Block "NF-R4 D: Footer neu" mit den
   Anpassungen NF-R67 A/B, NF-R68 A1/A2 und NF-R73 A): Wortmarke mit Claim, Klammer-Linkliste,
   Statement, eine Trennlinie, Schlusszeile - ohne Referenzkacheln und ohne "Ausgewaehlte Arbeiten".
   Die Unterseiten binden diese Datei als normales Stylesheet ein (statisch, ohne Skript, ohne
   Build-Schritt); das Markup steht auf jeder Seite selbst im HTML und ist damit auch ohne
   JavaScript vollstaendig. Die Startseite behaelt ihren eigenen, gleichlautenden Block.
   Alle Selektoren tragen Klassen - sie schlagen die allgemeinen footer{...}-Regeln der aelteren
   Seiten unabhaengig von der Reihenfolge. */
.gross-footer{background-color:#04070c;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 18px);border-top:1px solid rgba(255,255,255,.18);padding:0;max-width:none;margin:0;color:#aeb6c6;min-height:480px}
.gross-footer .gf-inner{max-width:1200px;margin:0 auto;padding:280px 24px 28px}
.gross-footer .gf-kopf{display:grid;grid-template-columns:1fr auto 1fr;gap:48px;align-items:start}
.gross-footer .footer-logo{display:inline-block;padding:6px 0}
.gross-footer .footer-logo img{height:30px;width:auto;opacity:.85;transition:opacity .2s}
.gross-footer .footer-logo:hover img{opacity:1}
.gross-footer .footer-logo .logo-dark{display:block}
.gross-footer .gf-claim{font-size:14px;line-height:1.7;margin:14px 0 0;max-width:26ch;color:#8b94a7}
.gross-footer .gf-links{display:flex;flex-direction:column;gap:2px;align-items:center}
.gross-footer .gf-links a{font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#aeb6c6;padding:10px 16px;min-height:44px;display:inline-flex;align-items:center;transition:color .2s;text-decoration:none}
.gross-footer .gf-links a::before{content:'[\00a0';color:#7d8699;transition:color .2s}
.gross-footer .gf-links a::after{content:'\00a0]';color:#7d8699;transition:color .2s}
.gross-footer .gf-links a:hover{color:#fff}
.gross-footer .gf-links a:hover::before,.gross-footer .gf-links a:hover::after{color:#c49a56}
/* Die aktuelle Seite ist nur fuer Hilfsmittel markiert (aria-current) und liest sichtbar als
   dezent hervorgehoben - dieselbe Farbe wie beim Hover, keine neue Form. */
.gross-footer .gf-links a[aria-current="page"]{color:#fff}
.gross-footer .gf-links a[aria-current="page"]::before,.gross-footer .gf-links a[aria-current="page"]::after{color:#c49a56}
.gross-footer .gf-links a:focus-visible{outline:2px solid #d4b27a;outline-offset:2px;border-radius:4px}
.gross-footer .gf-statement{justify-self:end;text-align:right;font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.12;color:#e7ebf2;font-weight:600;margin:0}
.gross-footer .gf-linie{border:none;border-top:1px solid rgba(255,255,255,.18);margin:56px 0 26px}
.gross-footer .gf-schluss{margin:26px 0 0;font-size:12.5px;color:#7d8699;text-align:center}
/* NF-R89: ein Hinweis je Seite zur Einordnung der gezeigten Beispiele - dezent, ohne Aufklappen lesbar,
   zwischen Trennlinie und Schlusszeile. */
.gross-footer .gf-hinweis{margin:0 auto;max-width:720px;font-size:12.5px;line-height:1.7;color:#8b94a7;text-align:center}
.gross-footer .gf-hinweis+.gf-schluss{margin-top:14px}
@media(max-width:900px){.gross-footer .gf-kopf{grid-template-columns:1fr;gap:40px}.gross-footer .gf-statement{order:-2;justify-self:start;text-align:left}.gross-footer .gf-links{order:-1;align-items:flex-start}.gross-footer .gf-links a{padding-left:0}}
@media(max-width:1180px){.gross-footer .gf-inner{padding-top:104px}.gross-footer .footer-logo{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:767px){.gross-footer .gf-inner{padding-top:84px}.gross-footer{min-height:0}}

/* NF-R106: unter 300 px CSS-Breite (z. B. Seitenzoom 125-150 % auf einem 320-px-Telefon) war "[ FLYER & VISITENKARTEN ]"
   breiter als das Fenster (264 px) und zog die Seite seitlich auf. Etwas engere Laufweite, ohne Seitenpolster, Umbruch erlaubt. */
@media (max-width:299px){.gross-footer .gf-kopf{grid-template-columns:minmax(0,1fr)}.gross-footer .gf-links a{padding-left:0;padding-right:0;letter-spacing:.06em;font-size:13px;flex-wrap:wrap;max-width:100%}.gross-footer .gf-marke{min-width:0;max-width:100%}.gross-footer .gf-einwilligung{padding-left:0;padding-right:0;letter-spacing:.06em;font-size:13px;white-space:normal;max-width:100%}}