/*
Theme Name: UCB Landau – Modern
Template: ucb-landau
Description: Kind-Theme von "UCB Landau". Es aendert NUR das Aussehen des Kopfbereichs: eine niedrigere Leiste (72 statt 111 Pixel), GENAU die Farben der Stadtkapelle in Kopf und Fuss - auf Wunsch des Benutzers exakt derselbe Farbton, am 11.09.2026 auf der Live-Website gemessen: Kopf linear-gradient(90deg,#075d91,#0876b8), Fuss linear-gradient(#075d91,#04486f), Schrift im Fuss #dbe9f5 und am Smartphone eine Schublade, die von rechts einfaehrt, statt einer Liste, die nach unten aufklappt. Die aufklappenden Menuetafeln fuer Untermenues bringt schon das Eltern-Theme mit; hier sind sie nur abgesetzter gezeichnet. Alles andere - Seiten, Fussbereich, Auftritte, News, Galerien, Proben, Startseite - kommt unveraendert aus dem Eltern-Theme und laeuft weiter. Rueckweg: Design -> Themes -> "UCB Landau" aktivieren. Das Eltern-Theme muss installiert bleiben; ohne es laeuft die Website nicht. 1.0.1: Der dunkle Grund hinter der Schublade erscheint nur noch dort, wo es eine Schublade gibt - auf breiten Bildschirmen blendete ihn das Skript sonst mit ein. 1.0.3: Die Schublade ist WEISS wie bei der Stadtkapelle - heller Grund, dunkle Schrift, blauer Balken oben mit Vereinsname und Schliesskreuz, aktiver Punkt blau, aufgeklappte Unterpunkte hell hinterlegt. Bis 1.0.2 war sie dunkelblau mit blasser Schrift und schlecht zu lesen. 1.0.4: Der dunkle Grund haengt jetzt im Kopf statt am body. Der Kopf ist position:sticky mit z-index:100 und damit ein eigener Stapelkontext; ein Grund am body lag trotz kleinerem z-index ueber der Schublade und legte einen Schleier auf das weisse Menue. 1.0.5: Der Balken der Schublade erschien auf breiten Bildschirmen mitten in der Kopfleiste - er war nur im Smartphone-Bereich gestaltet und hatte ausserhalb keine Regel. Beide Schubladen-Teile stehen jetzt ausserhalb ausdruecklich auf display:none.
Version: 1.0.5
Text Domain: ucb-landau-modern
*/

/* ==================================================================
   UCB Landau - Modern
   Nur der Kopfbereich. Die Farben sind GENAU die der Stadtkapelle
   (Wunsch des Benutzers, 11.09.2026). Sie sind dort gemessen, nicht
   geschaetzt: Kopf 90deg #075d91 -> #0876b8, Fuss 180deg #075d91 ->
   #04486f, Schrift im Fuss #dbe9f5. Die Variablen des Eltern-Themes
   bleiben unangetastet - geaendert wird nur, was der Kopf- und der
   Fussbereich davon benutzen.
   ================================================================== */

/* ALLES, was nur zur Schublade gehoert, ist ausserhalb des
   Smartphone-Bereichs ausdruecklich weg - auch wenn das Skript es
   einsetzt oder einblendet. Ohne diese Zeilen erscheinen die Teile auf
   breiten Bildschirmen mitten in der Kopfleiste: der Grund in 1.0.1,
   der Balken in 1.0.4. Beides war derselbe Fehler. */
.ucb-schublade-grund,
.ucb-schublade-kopf{display:none}

/* --- 1. Die Leiste: niedriger und dunkler ------------------------- */
/* 111 px waren es im Eltern-Theme: 17,6 Polsterung + Logokasten (12 + 52 + 12)
   + 17,6. Hier: 10 + (6 + 40 + 6) + 10 = 72 px, wie beim Schwestertheme
   der Stadtkapelle. Feste Pixel, damit die Leiste in jedem Browser gleich
   hoch ist, auch bei groesserer Grundschrift. */
.ucb-kopf{background:linear-gradient(90deg,#075d91 0%,#0876b8 100%)}
.ucb-kopf-innen{padding:10px 0;gap:20px}
.ucb-logo{padding:6px 12px;border-radius:12px}
.ucb-logo img{max-height:40px}

/* --- 2. Menuepunkte ----------------------------------------------- */
.ucb-kopf .ucb-nav a{padding:8px 14px;font-size:16px;letter-spacing:.01em}
.ucb-kopf .ucb-nav a:hover,.ucb-kopf .ucb-nav a:focus{background:rgba(255,255,255,.16)}
.ucb-kopf .ucb-nav .current-menu-item>a,.ucb-kopf .ucb-nav .current_page_item>a{background:#fff;color:#075d91}

/* --- 3. Aufklapptafeln -------------------------------------------- */
/* Die Mechanik (li:hover>ul, li:focus-within>ul) bringt das Eltern-Theme
   mit. Hier bekommt die Tafel nur etwas Abstand zur Leiste, einen
   kraeftigeren Schatten und eine ruhigere Innenaufteilung. */
.ucb-nav ul ul{margin-top:6px;padding:8px;min-width:240px;border-radius:14px;box-shadow:0 16px 34px rgba(18,63,91,.26)}
.ucb-kopf .ucb-nav ul ul a{padding:9px 12px;font-size:15.5px;font-weight:600}
.ucb-kopf .ucb-nav ul ul a:hover{background:var(--ucb-sky)}

/* --- 3a. Der Fussbereich ------------------------------------------ */
/* Derselbe Verlauf wie bei der Stadtkapelle, nur senkrecht statt
   waagerecht - so ist es dort auch. Das Eltern-Theme faerbt den Fuss
   einfarbig hell (--ucb-blue); hier wird er dunkel wie oben. */
.ucb-fuss{background:linear-gradient(180deg,#075d91 0%,#04486f 100%);color:#dbe9f5}
.ucb-fuss .ucb-fuss-innen a{color:#dbe9f5}
.ucb-fuss .ucb-fuss-innen a:hover{color:#fff}
.ucb-fuss-name{color:#dbe9f5;opacity:.92}
.ucb-fuss-trenner{color:#dbe9f5;opacity:.55}
/* Der obere Teil des Fussbereichs (Spalten, Symbole), falls er benutzt wird. */
.ucb-fuss-oben{border-bottom-color:rgba(255,255,255,.18)}
.ucb-fuss-oben a{color:#dbe9f5}
.ucb-fuss-oben a:hover{color:#fff}
.ucb-fuss-oben h3,.ucb-fuss-marke{color:#fff}

/* --- 4. Der Schalter ---------------------------------------------- */
.ucb-menue-schalter{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:10px}
.ucb-menue-schalter:hover{background:rgba(255,255,255,.24)}

/* --- 5. Schublade statt Klappliste (schmale Bildschirme) ---------- */
/* Das Eltern-Theme laesst das Menue unter der Leiste aufklappen. Hier
   faehrt es von rechts ein und legt sich ueber die Seite. Geschaltet wird
   weiterhin ueber die Klasse .ucb-offen, die das Eltern-Theme setzt -
   dieses Kind braucht dafuer kein eigenes Skript. assets/kopf.js ergaenzt
   nur, was eine Schublade zusaetzlich braucht: Escape, Klick daneben und
   das Festhalten der Seite darunter. */
@media(max-width:1040px){
	.ucb-menue-schalter{display:inline-flex}

	/* WEISS wie bei der Stadtkapelle: heller Grund, dunkle Schrift.
	   Bis 1.0.2 war die Schublade dunkelblau mit blasser Schrift - schlecht
	   zu lesen (vom Benutzer am 11.09.2026 beanstandet). */
	.ucb-nav{
		position:fixed;top:0;right:0;bottom:0;left:auto;
		width:min(330px,86vw);
		display:flex;flex-direction:column;align-items:stretch;gap:0;
		padding:0 0 24px;
		background:#fff;
		box-shadow:-18px 0 40px rgba(4,72,111,.32);
		transform:translateX(102%);
		transition:transform .25s ease;
		overflow-y:auto;z-index:120
	}
	.ucb-nav.ucb-offen{transform:none}
	.admin-bar .ucb-nav{top:32px}

	/* Der blaue Balken oben, mit Vereinsname und Schliesskreuz.
	   Beides setzt assets/kopf.js ein - das Markup kommt aus dem
	   Eltern-Theme und wird nicht angefasst. */
	.ucb-schublade-kopf{
		display:flex !important;align-items:center;justify-content:space-between;gap:12px;
		padding:14px 16px;
		background:linear-gradient(90deg,#075d91 0%,#0876b8 100%);
		color:#fff;font-weight:800;font-size:17px;
		position:sticky;top:0;z-index:2
	}
	.ucb-schublade-zu{
		display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;
		border:0;border-radius:50%;
		background:rgba(255,255,255,.22);color:#fff;
		font-size:22px;line-height:1;cursor:pointer
	}
	.ucb-schublade-zu:hover{background:rgba(255,255,255,.34)}

	.ucb-nav ul{flex-direction:column;align-items:stretch;gap:0;width:100%}
	.ucb-kopf .ucb-nav a{
		padding:15px 16px;border-bottom:1px solid #e3ecf4;border-radius:0;
		color:var(--ucb-text);font-size:17px;font-weight:700
	}
	.ucb-kopf .ucb-nav a:hover,.ucb-kopf .ucb-nav a:focus{background:var(--ucb-sky);color:#075d91}
	.ucb-kopf .ucb-nav .current-menu-item>a,.ucb-kopf .ucb-nav .current_page_item>a{background:transparent;color:#0876b8}
	.ucb-nav li:last-child>a{border-bottom:0}

	/* Unterpunkte: hell hinterlegt und eingerueckt, wie bei der Stadtkapelle. */
	.ucb-nav ul ul{position:static;opacity:1;visibility:hidden;height:0;overflow:hidden;transform:none;margin:0;padding:0;background:#f2f7fb;box-shadow:none;min-width:0;border-radius:0}
	.ucb-nav li:hover>ul,.ucb-nav li:focus-within>ul,.ucb-nav.ucb-offen ul ul{visibility:visible;height:auto;overflow:visible}
	.ucb-kopf .ucb-nav ul ul a{padding-left:30px;color:var(--ucb-text);font-size:15.5px;font-weight:600;opacity:1;border-bottom-color:#e3ecf4}
	.ucb-kopf .ucb-nav ul ul a:hover{background:#e6eff8;color:#075d91}

	/* Die Seite dahinter abdunkeln. Sichtbar wird der Grund NUR hier drin -
	   ausserhalb dieses Bereichs gibt es keine Schublade, und ein Knopf im
	   Seitenkoerper haette dort nichts zu suchen (1.0.1). */
	.ucb-schublade-grund:not([hidden]){display:block;position:fixed;inset:0;z-index:110;background:rgba(9,32,48,.5);border:0;padding:0;margin:0}

	/* Solange die Schublade offen ist, bleibt die Seite stehen. */
	html.ucb-schublade-offen,html.ucb-schublade-offen body{overflow:hidden}
}

@media(max-width:430px){
	.ucb-kopf-innen{padding:8px 0;gap:8px}
	.ucb-logo{padding:5px 9px}
	.ucb-logo img{max-height:30px}
}

@media(prefers-reduced-motion:reduce){
	.ucb-nav{transition:none}
}