/* AKT-5 — Menue-Kacheln im Mega-Menue (Markup:include/aktionen-kacheln.php, Wechsel:script/aktionen.js). Eingebunden ueber $addCssFiles in include/sws.php NUR, wenn eine Kachel laeuft. NICHT in responsive.css ergaenzen (AUTO-GENERATED-Kopf). Gestaltung uebernommen aus den Bestandsregeln der Teaser-Spalte, die fuer Bild / Text / Ueberschrift angelegt, aber vom Text nav-teaser (nur Bild) nie genutzt wurden:desktop responsive.css:150-169, mobil responsive.css:297-310. Die Liste ist bewusst kein div (Begruendung in aktionen-kacheln.php), daher werden die Regeln hier nachgebildet. */ .navKacheln{list-style:none;margin:0;padding:0}/* Ohne JavaScript nur die erste Kachel;mit JavaScript die aktive (aktionen.js). */
.navKacheln > li + li,
.navKacheln.navKachelnJs > li{display:none}.navKacheln.navKachelnJs > li.navKachelAktiv{display:block}.navKacheln a.navKachel,
.navKacheln a.navKachel:visited,
.navKacheln a.navKachel:hover{display:block;color:var(--color-header-nav-link);text-decoration:none}.navKacheln a.navKachel:hover .navKachelTitel{color:var(--color-header-nav-link-hover)}/* Nur-Bild-Kachel (Bild traegt den Schriftzug, z. B. „Veranstaltungen“):genau wie der bisherige Text 169 <a><img></a> - Link und Bild inline, keine CSS-Rundung (die Ecken sind im Bild selbst;live gemessen 27.10.2026:img inline, border-radius 0, Spalte 282 x 166 bei Bild 282 x 159). */
.navKacheln a.navKachelNurBild,
.navKacheln a.navKachelNurBild:visited,
.navKacheln a.navKachelNurBild:hover{display:inline}/* Bild:abgerundet wie responsive.css:150-158;Breite liefert die Bildklasse navTeaser (282 / 226 / 356 px je Breakpoint, Tabelle bilderklasse ID 2). */
.navKachelBild{display:block;border-radius:var(--border-radius);overflow:hidden}.navKachelBild img{display:block}/* Abstand zum Bild:eine halbe Zeile - der Bestand hat zwischen Bild und Text keinen Abstand (desktop) bzw. --gap-nav1 = 40-64px (mobil, responsive.css:302-304), beides passt nicht zu einer Kachel, die als EIN Element gelesen werden soll. */
.navKachelText{display:block;margin-top:0.5em;font-variation-settings:var(--font-condensed)}.navKachelTitel{display:block;margin-top:0.25em;font-weight:700;text-transform:uppercase;font-variation-settings:var(--font-condensed);font-size:var(--font-size-larger);line-height:1.25}.navKachelBild + .navKachelTitel{margin-top:0.5em}/* Mobil (unter 1260px:.navTeaser im Burger-Menue):Ueberschrift 20px wie responsive.css:306-310. */
@media screen and (max-width:1259px){/* responsive.css:316-323 macht das ERSTE Kind jeder nav > div zum Menuepunkt (20px, 800, Versalien). Bisher war das das Bild-<a> (ohne Text, wirkungslos);jetzt ist es die Liste, und die Textzeile erbte die Werte (Korrektheits-Review AKT-5). Zurueck auf die Werte von .navTeaser selbst;:nth-child(1) hebt die Spezifitaet ueber die:hover-Variante der Bestandsregel (0,2,2). */ nav > div.navTeaser > ul.navKacheln:nth-child(1){font-size:inherit;font-weight:inherit;text-transform:inherit}nav > div.navTeaser .navKachelTitel{font-size:20px}/* Nur-Bild-Kachel:Das Inline-Bild sitzt auf der Grundlinie, die Zeilenhoehe unter dem Bild haengt an der Schriftgroesse des Links. Bisher erbte das <a> als erstes Kind 20px aus responsive.css:316-323 - derselbe Wert, sonst waere die Spalte 1px niedriger (Vorschau 27.10.2026:226 statt 227px). */ nav > div.navTeaser a.navKachelNurBild{font-size:20px}}