/* Footer-Relaunch (2026-08-05)
   Vollstaendig unter .site-footer--relaunch gekapselt, beeinflusst den
   Legacy-Footer nicht. Layout/Typografie 1:1 aus dem getesteten
   Referenzprototyp (02_Prototypen/.../app/globals.css), aber die
   Spalteninhalte selbst sind ECHTE Backend-Inhaltselemente
   ({content10}/{content11}/{content12}, siehe Partials/Footer/Relaunch.html)
   - deshalb hier bewusst allgemeine Nachfahren-Selektoren (h1-h6, p, a,
   img) statt fester eigener Klassen, damit unbekannte Redakteurs-Markup-
   Varianten trotzdem passend aussehen. */
:root{
	--relaunch-orange:#ff8c00;
	--relaunch-white-line:rgba(255,255,255,.13);
}

/* Legacy setzt ".content-main{padding-bottom:24px}" unconditional auf
   JEDEM Content-Wrapper (StyleSplit/03-header-legacy.css) - direkt vor
   dem dunklen Relaunch-Footer entsteht dadurch ein weisser Rand
   (Live-Bug 2026-08-05, gleiche Ursache/gleiches Fix-Muster wie der
   Header-Abstand: Legacy-Padding passt nicht zum Relaunch-Layout).
   ":has()" grenzt den Reset sauber auf Seiten mit Relaunch-Footer ein,
   Legacy-Footer behaelt seinen Abstand. */
.wrapper-content:has(+ .wrapper-footer .site-footer--relaunch) .content-main{
	padding-bottom:0;
}

.site-footer--relaunch{background:#080809;color:#fff;padding:0;position:relative;font-family:"Roboto Flex","Segoe UI",Arial,sans-serif}
.site-footer--relaunch *{box-sizing:border-box}

.site-footer--relaunch__grid{max-width:1480px;margin:auto;padding:clamp(48px,6vw,78px) clamp(20px,4vw,60px);display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:clamp(32px,7vw,100px)}

.site-footer--relaunch__kicker{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--relaunch-orange);margin-bottom:18px;font-weight:700}

/* Allgemeine Typografie fuer den Inhalt aus {content10}/{content11}/{content12} -
   greift unabhaengig davon, welche genaue Fluid-Ausgabe das textmedia-CType
   im Sitepackage erzeugt (Ueberschrift, Absaetze, Links, Bild). */
.site-footer--relaunch__col :is(h1,h2,h3,h4,h5,h6){font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--relaunch-orange);margin:0 0 18px;font-weight:700}
.site-footer--relaunch__col p{font-size:14px;color:#b8bbc0;line-height:1.75;margin:0 0 14px}
.site-footer--relaunch__col p:last-child{margin-bottom:0}
.site-footer--relaunch__col a{color:inherit;text-decoration:none}
.site-footer--relaunch__col a:hover{color:var(--relaunch-orange)}
.site-footer--relaunch__col img{max-width:100%;height:auto}
/* "!important" + Wrapper-Reset, weil das Bild live abgeschnitten wirkte
   (Live-Bug 2026-08-05) - Verdacht: ein Standard-Wrapper aus der
   Bildausgabe des textmedia-CTypes (figure/div/a) mit eigener fixer
   Breite/"overflow:hidden", die vor dieser Datei geladen wird und mit
   gleicher Spezifitaet knapp gewinnen kann. Hier alles auf natuerliche
   Groesse zurueckgesetzt statt nur das <img> selbst zu begrenzen. */
.site-footer--relaunch__col--partner figure,
.site-footer--relaunch__col--partner .ce-gallery,
.site-footer--relaunch__col--partner .ce-column,
.site-footer--relaunch__col--partner a{width:auto!important;max-width:100%!important;overflow:visible!important}
.site-footer--relaunch__col--partner img{width:auto!important;height:auto!important;max-width:220px!important}

@media(max-width:560px){
	.site-footer--relaunch__col--partner img{max-width:160px!important}
}

.site-footer--relaunch__bottom{border-top:1px solid var(--relaunch-white-line);padding:20px clamp(20px,4vw,60px);max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.site-footer--relaunch__bottom span{color:#85898f;font-size:12px}
.site-footer--relaunch__bottom nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#c6c8cb}
.site-footer--relaunch__bottom nav a{color:inherit;text-decoration:none}
.site-footer--relaunch__bottom nav a:hover{color:var(--relaunch-orange)}

/* Scroll-nach-oben: Basisverhalten (position:fixed, display:none bis
   Scroll > 100px, Fade + Klick) kommt unveraendert aus der Legacy-Klasse
   ".scrollToTop" (StyleSplit/06-responsive-misc.css + custom.js, gilt
   fuer JEDES Element mit dieser Klasse). Hier nur Farbe/Form fuer den
   Relaunch-Look ueberschrieben - kein eigenes Positionierungs-/Zeig-
   Verhalten, keine neue JS. Live-Bug 2026-08-05: die erste Fassung hat
   den Button per "position:absolute" INNERHALB des Footers plaziert -
   dadurch mit der unteren Zeile ueberlappt/abgeschnitten gewirkt. */
.site-footer--relaunch__to-top{width:42px;height:42px;border-radius:0;background:var(--relaunch-orange)!important}
.site-footer--relaunch__to-top a{color:#18110a;line-height:42px}
.site-footer--relaunch__to-top a:hover,
.site-footer--relaunch__to-top a:focus,
.site-footer--relaunch__to-top a:active{background:#e67e00!important;color:#18110a!important}
.site-footer--relaunch__to-top-icon{transform:rotate(-90deg)}

@media(max-width:900px){
	.site-footer--relaunch__grid{grid-template-columns:1fr 1fr}
	.site-footer--relaunch__col--partner{grid-column:1/-1}
}

@media(max-width:560px){
	.site-footer--relaunch__grid{grid-template-columns:1fr}
	.site-footer--relaunch__col--partner{grid-column:auto}
	.site-footer--relaunch__bottom{display:block}
	.site-footer--relaunch__bottom nav{margin-top:16px;gap:18px}
}

@media(prefers-reduced-motion:reduce){
	.site-footer--relaunch *{transition-duration:.01ms!important}
}