/* TOHO Kopf-/Fußzeile für die Veranstaltungs-Seiten – gleiche Optik wie die Startseite.
   Bewusst schlank: nur Navigation + Footer + nötige Basis, damit der Event-Inhalt unberührt bleibt. */

:root{
	font-size:100%!important; /* 16px-Basis erzwingen – unabhängig vom Theme (überschreibt z. B. 62.5%) */
	--bordeaux:#760504; --bordeaux-deep:#4A0403; --red:#B12B24;
	--gold:#FBDC6A; --paper:#FBF7F5; --ink:#241010;
	--line:#ecdfdb; --maxw:1180px;
	--sans:"Source Sans 3","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}

body.toho-lp{ margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
.toho-lp .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }

.toho-lp .skip{ position:absolute; left:16px; top:-60px; z-index:100; background:var(--bordeaux); color:#fff; padding:.7em 1.2em; border-radius:0 0 10px 10px; font-weight:700; text-decoration:none; transition:top .2s; }
.toho-lp .skip:focus{ top:0; }

/* Navigation – immer solide (liegt über hellem Inhalt, nicht über einem dunklen Hero). */
.toho-lp .nav{ position:fixed; top:0; left:0; right:0; z-index:50; background:var(--bordeaux-deep); box-shadow:0 8px 26px -14px rgba(0,0,0,.6); }
body.admin-bar .toho-lp .nav{ top:32px; }
.toho-lp .nav-in{ display:flex; align-items:center; justify-content:space-between; gap:24px; height:88px; }
.toho-lp .nav a{ text-decoration:none; }
.toho-lp .brand img{ height:60px; width:auto; display:block; }
.toho-lp nav.links{ display:flex; gap:30px; align-items:center; font-weight:600; font-size:1rem; }
.toho-lp nav.links a{ position:relative; color:#fff; transition:color .15s; }
.toho-lp nav.links a:not(.nav-cta)::after{ content:""; position:absolute; left:0; right:0; bottom:-7px; height:2px; background:var(--gold); border-radius:2px; transform:scaleX(0); transform-origin:left; transition:transform .22s ease; }
.toho-lp nav.links a:hover,.toho-lp nav.links a.active{ color:var(--gold); }
.toho-lp nav.links a:not(.nav-cta):hover::after,.toho-lp nav.links a.active:not(.nav-cta)::after{ transform:scaleX(1); }
.toho-lp .nav-cta{ background:var(--gold); color:#3a0302!important; padding:.6em 1.3em; border-radius:8px; font-weight:700; font-size:.92rem; }
.toho-lp .nav-cta:hover{ background:var(--red); color:#fff!important; }
.toho-lp .burger{ display:none; background:none; border:0; color:#fff; font-size:1.6rem; cursor:pointer; }

/* Abstand, damit der Inhalt nicht unter der festen Leiste klebt. */
.toho-lp .toho-archive,.toho-lp .toho-single{ padding-top:120px; }

@media (max-width:900px){
	.toho-lp .burger{ display:block; }
	.toho-lp nav.links{ display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; gap:0; background:var(--bordeaux-deep); padding:6px 0 12px; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
	.toho-lp nav.links a{ padding:15px 26px; color:#fff; font-size:1.05rem; }
	.toho-lp nav.links a:not(.nav-cta)::after{ display:none; }
	.toho-lp nav.links a.active{ color:var(--gold); }
	.toho-lp nav.links a:not(.nav-cta):hover{ background:rgba(255,255,255,.06); color:var(--gold); }
	.toho-lp .nav-cta{ margin:12px 26px 4px; text-align:center; justify-content:center; }
}
@media screen and (max-width:782px){ body.admin-bar .toho-lp .nav{ top:46px; } }

/* Footer */
.toho-lp .ft{ background:var(--bordeaux-deep); color:#e8cfcc; padding:54px 0 40px; margin-top:60px; }
.toho-lp .ft-in{ display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; align-items:center; }
.toho-lp .ft img{ height:46px; opacity:.95; display:block; }
.toho-lp .ft nav{ display:flex; gap:22px; flex-wrap:wrap; font-size:.9rem; }
.toho-lp .ft nav a{ text-decoration:none; color:inherit; }
.toho-lp .ft nav a:hover{ color:var(--gold); }
.toho-lp .ft .legal{ width:100%; border-top:1px solid rgba(255,255,255,.12); margin-top:34px; padding-top:22px; font-size:.82rem; color:#c9a9a6; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.toho-lp .ft .legal a{ color:inherit; text-decoration:underline; text-underline-offset:2px; }
.toho-lp .ft .legal a:hover{ color:var(--gold); }

/* ---------- Inhaltsseiten (Impressum/Datenschutz etc.) im neuen Design ---------- */
.toho-lp .toho-content-page{ max-width:820px; margin:0 auto; padding:120px 24px 64px; }
.toho-lp .toho-content__title{ font-size:clamp(28px,4vw,40px); font-weight:800; line-height:1.15; margin:0 0 26px; }
.toho-lp .toho-content__body{ font-size:17px; line-height:1.75; color:var(--ink); }
.toho-lp .toho-content__body h1{ font-size:clamp(24px,3.4vw,32px); font-weight:800; margin:1.5em 0 .5em; }
.toho-lp .toho-content__body h2{ font-size:24px; font-weight:700; margin:1.6em 0 .5em; }
.toho-lp .toho-content__body h3{ font-size:20px; font-weight:700; margin:1.3em 0 .4em; }
.toho-lp .toho-content__body p{ margin:0 0 1.1em; }
.toho-lp .toho-content__body ul,.toho-lp .toho-content__body ol{ padding-left:1.5em; margin:0 0 1.1em; }
.toho-lp .toho-content__body li{ margin:.35em 0; }
.toho-lp .toho-content__body a{ color:var(--bordeaux); text-decoration:underline; text-underline-offset:2px; }
.toho-lp .toho-content__body a:hover{ color:var(--red); }
.toho-lp .toho-content__body img{ max-width:100%; height:auto; }