/*
Theme Name: Grundschule Kreuzweg
Theme URI: https://www.gs-kreuzweg.solingen.de/
Author: Andreas Dietrich
Author URI:
Description: Barrierefreies, DSGVO-konformes WordPress-Theme für die Grundschule Kreuzweg in Solingen. Warmes, freundliches Design mit den Schwerpunkten Natur und Inklusion. Erstellt aus einem Claude-Design-Prototyp.
Version: 2.13.5
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grundschule-kreuzweg
Tags: education, accessibility-ready, custom-menu, custom-logo, featured-images, translation-ready, two-columns, right-sidebar
*/

/* ==========================================================================
   INHALT
   1.  Lokale Schriftarten (@font-face) – DSGVO-konform, kein Google-CDN
   2.  Design-Tokens (CSS-Variablen)
   3.  Reset & Basis
   4.  Barrierefreiheit (Skip-Link, Focus, Screenreader)
   5.  Layout-Hilfen & Wellen
   6.  Header & Navigation
   7.  Ankündigungs-Banner
   8.  Hero
   9.  Quicklinks
   10. Aktuelles / News-Karten
   11. Termine & Downloads
   12. Schwerpunkte (Natur & Inklusion)
   13. Inhalt / Beiträge / Seiten
   14. Kontaktseite (Kacheln, Formular, Karte, ÖPNV)
   15. Podcast
   16. Footer
   17. Cookie-Banner
   17d. Termine-Archiv
   18. Formulare allgemein, Suche
   21. Schule (Unsere Schule)
   19. Responsive
   ========================================================================== */


/* 1. LOKALE SCHRIFTARTEN ---------------------------------------------------
   Hinweis (DSGVO): Schriften werden lokal aus assets/fonts/ geladen.
   KEINE Einbindung über fonts.googleapis.com / fonts.gstatic.com.
   Die Schriftdateien müssen in assets/fonts/ abgelegt werden
   (siehe assets/fonts/README.txt).
   -------------------------------------------------------------------------- */

@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('assets/fonts/nunito-v26-latin-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('assets/fonts/nunito-v26-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('assets/fonts/nunito-v26-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('assets/fonts/nunito-v26-latin-800.woff2') format('woff2');
}
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('assets/fonts/nunito-v26-latin-900.woff2') format('woff2');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('assets/fonts/open-sans-v40-latin-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('assets/fonts/open-sans-v40-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('assets/fonts/open-sans-v40-latin-600.woff2') format('woff2');
}


/* 2. DESIGN-TOKENS ---------------------------------------------------------- */

:root {
	/* Hintergründe / Papier */
	--gk-paper:          #FDFAF4;
	--gk-cream:          #FEF3DC;
	--gk-cream-hover:    #F0E0BC;

	/* Akzentfarben */
	--gk-gold:           #FDB30A;
	--gk-gold-hover:     #F5AB00;
	--gk-green:          #4A9B3F;
	--gk-green-dark:     #2A6C24;
	--gk-orange:         #EC4720;
	--gk-orange-hover:   #B82814;

	/* Dunkel / Text */
	--gk-brown:          #3D2B1F;
	--gk-brown-darker:   #261A12;
	--gk-text:           #3D2B1F;
	--gk-text-soft:      #5D4E45;
	--gk-text-muted:     #6B5A4E;
	--gk-text-faint:     #9B8B80;

	/* Footer-Töne */
	--gk-footer-text:    #C8B9B0;
	--gk-footer-bright:  #E8DDD5;

	/* Linien / Rahmen */
	--gk-border:         rgba(61, 43, 31, 0.08);
	--gk-border-soft:    rgba(61, 43, 31, 0.06);
	--gk-border-line:    #EDE0C8;
	--gk-border-input:   #E0D4C0;

	/* Erfolg (Formular) */
	--gk-success-bg:     #E8F5E4;
	--gk-success-fg:     #2A6C24;
	--gk-success-text:   #3D5C2A;

	/* Schrift */
	--gk-font-head: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--gk-font-body: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* Maße */
	--gk-content-max: 1200px;
	--gk-pad-x:       56px;
	--gk-radius:      20px;
}


/* 3. RESET & BASIS ---------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--gk-paper);
	color: var(--gk-text);
	font-family: var(--gk-font-body);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--gk-font-head);
	color: var(--gk-text);
	line-height: 1.15;
	margin: 0 0 0.5em;
}

a {
	color: var(--gk-orange);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

figure {
	margin: 0;
}

p {
	margin: 0 0 1em;
}

/* Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}


/* 4. BARRIEREFREIHEIT ------------------------------------------------------- */

/* Sichtbarer Fokus für alle interaktiven Elemente (nicht Browser-Default) */
:focus-visible {
	outline: 3px solid var(--gk-gold) !important;
	outline-offset: 3px !important;
	border-radius: 4px;
}

/* Skip-to-Content-Link */
.skip-link {
	position: absolute;
	left: -999px;
	top: 8px;
	z-index: 100000;
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-weight: 800;
	font-size: 14px;
	padding: 8px 18px;
	border-radius: 8px;
	text-decoration: none;
}
.skip-link:focus {
	left: 8px;
}

/* Nur für Screenreader */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	position: absolute !important;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #fff;
	clip: auto !important;
	clip-path: none;
	color: var(--gk-brown);
	display: block;
	height: auto;
	left: 5px;
	padding: 15px 23px 14px;
	top: 5px;
	width: auto;
	z-index: 100000;
}


/* 5. LAYOUT-HILFEN & WELLEN -------------------------------------------------- */

.site {
	background: var(--gk-paper);
	overflow: hidden;
}

.gk-section {
	padding: 60px var(--gk-pad-x);
}
.gk-section--cream { background: var(--gk-cream); }
.gk-section--paper { background: var(--gk-paper); }

.gk-inner {
	max-width: var(--gk-content-max);
	margin: 0 auto;
}

/* Wellen-Trenner zwischen Sektionen */
.gk-wave {
	display: block;
	width: 100%;
	height: auto;
}

.gk-eyebrow {
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	margin-bottom: 6px;
}
.gk-eyebrow--green  { color: var(--gk-green); }
.gk-eyebrow--orange { color: var(--gk-orange); }

.gk-section-title {
	font-family: var(--gk-font-head);
	font-size: 40px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 32px;
	line-height: 1.05;
}

/* Buttons – wiederverwendbar */
.gk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	font-family: var(--gk-font-head);
	font-weight: 800;
	text-decoration: none;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	min-height: 52px;
	padding: 14px 28px;
	font-size: 16px;
	transition: background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.gk-btn--gold {
	background: var(--gk-gold);
	color: var(--gk-brown);
	box-shadow: 0 6px 22px rgba(253, 179, 10, 0.45);
}
.gk-btn--gold:hover { background: var(--gk-gold-hover); }
.gk-btn--orange {
	background: var(--gk-orange);
	color: var(--gk-paper);
}
.gk-btn--orange:hover { background: var(--gk-orange-hover); }
.gk-btn--green {
	background: var(--gk-green);
	color: var(--gk-paper);
}
.gk-btn--green:hover { background: var(--gk-green-dark); }
.gk-btn--outline {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	border: 2px solid var(--gk-orange);
	box-shadow: none;
}
.gk-btn--outline:hover { background: rgba(236, 71, 32, 0.18); }


/* 6. HEADER & NAVIGATION ---------------------------------------------------- */

.site-header {
	background: var(--gk-paper);
	border-bottom: 1px solid var(--gk-border);
	box-shadow: 0 2px 10px rgba(61, 43, 31, 0.05);
	position: relative;
	z-index: 50;
}
.site-header__inner {
	max-width: var(--gk-content-max);
	margin: 0 auto;
	padding: 0 var(--gk-pad-x);
	height: 96px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.site-branding {
	flex-shrink: 0;
}
.custom-logo-link img,
.site-branding .custom-logo {
	max-height: 54px;
	width: auto;
}
.site-branding__placeholder {
	width: 182px;
	height: 54px;
	background: var(--gk-cream);
	border-radius: 12px;
	border: 2px dashed var(--gk-gold);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	text-decoration: none;
}
.site-branding__placeholder span {
	font-family: var(--gk-font-head);
	font-size: 9px;
	font-weight: 700;
	color: var(--gk-gold);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.site-branding__title {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 900;
	color: var(--gk-text);
	text-decoration: none;
}

/* Hauptnavigation */
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 2px;
}
.main-navigation a {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 600;
	color: var(--gk-text);
	text-decoration: none;
	padding: 8px 14px;
	border-radius: 10px;
	display: block;
	transition: background-color 0.15s ease;
}
.main-navigation a:hover,
.main-navigation .focus > a {
	background: var(--gk-cream);
}
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation [aria-current="page"] {
	background: var(--gk-gold);
	font-weight: 800;
}

/* Subline unter dem Menütitel (oberste Ebene), Design "1a - Minimal":
   Beschreibungsfeld des Menüpunkts wird von gk_nav_menu_item_title_mit_subline()
   in .gk-nav-sub ausgegeben (functions.php). */
.main-navigation > ul > li {
	flex-shrink: 0;
}
.main-navigation > ul > li > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	padding: 9px 12px;
}
.gk-nav-label {
	white-space: nowrap;
}
.gk-nav-sub {
	font-family: var(--gk-font-body);
	font-size: 10px;
	font-weight: 600;
	color: #9C8770;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	white-space: nowrap;
}
.main-navigation .current-menu-item > a .gk-nav-sub,
.main-navigation .current_page_item > a .gk-nav-sub,
.main-navigation [aria-current="page"] .gk-nav-sub {
	color: #5B4530;
}
.main-navigation .sub-menu {
	display: none;
	position: absolute;
	background: var(--gk-paper);
	box-shadow: 0 8px 28px rgba(61, 43, 31, 0.16);
	border-radius: 12px;
	padding: 8px;
	min-width: 200px;
	flex-direction: column;
	z-index: 60;
}
.main-navigation li {
	position: relative;
}
.main-navigation li:hover > .sub-menu,
.main-navigation li:focus-within > .sub-menu {
	display: flex;
}

/* Untermenü-Toggle: nur auf Mobilgeraeten sichtbar (siehe RESPONSIVE-Sektion) -
   auf Desktop uebernehmen Hover/Focus-Within das Aufklappen. */
.gk-submenu-toggle { display: none; }

/* Sprachumschalter – Desktop-Variante (einzelne Buttons wie im Design) */
.gk-lang {
	flex-shrink: 0;
}
.gk-lang--mobile { display: none; }
.gk-lang--desktop {
	display: flex;
	gap: 6px;
}
.gk-lang__btn {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 7px 12px;
	border-radius: 10px;
	border: 2px solid var(--gk-border-input);
	background: transparent;
	color: #7A6658;
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	min-height: 38px;
	text-decoration: none;
	transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.gk-lang__btn:hover {
	border-color: var(--gk-gold);
	color: var(--gk-text);
}
.gk-lang__btn.is-active {
	border-color: var(--gk-gold);
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-weight: 800;
}

/* Sprachumschalter – Mobile-Variante (kompakter Toggle wie im Design) */
.gk-lang-toggle {
	display: flex;
	border-radius: 8px;
	overflow: hidden;
	border: 1.5px solid var(--gk-border-input);
}
.gk-lang-toggle__btn {
	padding: 5px 9px;
	font-family: var(--gk-font-head);
	font-size: 10px;
	font-weight: 600;
	background: transparent;
	color: var(--gk-text-faint);
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.gk-lang-toggle__btn.is-active {
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-weight: 800;
}

/* Elternportal Header-Button */
.gk-ep-header-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 700;
	color: var(--gk-text-muted);
	text-decoration: none;
	padding: 7px 14px;
	border-radius: 10px;
	border: 2px solid var(--gk-border-input);
	transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
	flex-shrink: 0;
	min-height: 38px;
}
.gk-ep-header-btn:hover { border-color: var(--gk-gold); color: var(--gk-text); }
.gk-ep-header-btn--loggedin {
	border-color: var(--gk-gold);
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-weight: 800;
}
.gk-ep-header-btn--loggedin:hover { background: var(--gk-gold-hover); }

/* Mobile: rechte Seite (Lang-Toggle + Hamburger) */
.gk-header-mobile-right {
	display: none;
	align-items: center;
	gap: 8px;
}

/* Hamburger-Button (mobil) */
.menu-toggle {
	display: none;
	background: transparent;
	border: none;
	width: 44px;
	height: 44px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	cursor: pointer;
	border-radius: 10px;
}
.menu-toggle:hover { background: var(--gk-cream); }
.menu-toggle .bar {
	display: block;
	width: 22px;
	height: 2.5px;
	background: var(--gk-brown);
	border-radius: 2px;
	transition: transform 0.2s ease, opacity 0.2s ease;
}
.menu-toggle .bar:last-child { width: 15px; }
.menu-toggle[aria-expanded="true"] .bar:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .bar:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] .bar:nth-child(3) { width: 22px; transform: translateY(-7.5px) rotate(-45deg); }


/* 7. ANKÜNDIGUNGS-BANNER ---------------------------------------------------- */

@keyframes gkSlideDown {
	from { opacity: 0; transform: translateY(-6px); }
	to   { opacity: 1; transform: translateY(0); }
}

.announcement-banner {
	background: var(--gk-gold);
	padding: 12px var(--gk-pad-x);
	animation: gkSlideDown 0.3s ease;
}
.announcement-banner__inner {
	max-width: var(--gk-content-max);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.announcement-banner__content {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.announcement-banner__icon { font-size: 20px; }
.announcement-banner__text {
	font-family: var(--gk-font-body);
	font-size: 15px;
	font-weight: 600;
	color: var(--gk-brown);
}
.announcement-banner__link {
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 800;
	color: var(--gk-brown);
	background: rgba(61, 43, 31, 0.12);
	padding: 5px 12px;
	border-radius: 8px;
	text-decoration: none;
}
.announcement-banner__link:hover { background: rgba(61, 43, 31, 0.2); }
.announcement-banner__close {
	background: rgba(61, 43, 31, 0.12);
	border: none;
	border-radius: 8px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	font-size: 15px;
	color: var(--gk-brown);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.announcement-banner__close:hover { background: rgba(61, 43, 31, 0.22); }


/* 8. HERO ------------------------------------------------------------------- */

.hero {
	position: relative;
	overflow: visible;
}
.hero__media {
	height: 520px;
	background: linear-gradient(158deg, #182E16 0%, #28562A 35%, #4A9B3F 72%, #6AB85C 100%);
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero__placeholder {
	text-align: center;
	z-index: 1;
	color: rgba(255, 255, 255, 0.5);
	font-family: var(--gk-font-body);
	font-size: 13px;
}
.hero__overlay {
	position: absolute;
	bottom: 96px;
	left: 80px;
	right: 80px;
	z-index: 2;
}
.hero__title {
	font-family: var(--gk-font-head);
	font-size: 52px;
	font-weight: 900;
	color: #fff;
	margin: 0 0 12px;
	line-height: 1.1;
	text-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.hero__subtitle {
	font-family: var(--gk-font-body);
	font-size: 21px;
	color: rgba(255, 255, 255, 0.92);
	margin: 0 0 32px;
	font-weight: 500;
}
.hero__actions {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}


/* 9. QUICKLINKS ------------------------------------------------------------- */

.quicklinks__grid {
	display: flex;
	gap: 24px;
}
.quicklink-card {
	flex: 1;
	background: var(--gk-paper);
	border-radius: 24px;
	padding: 32px 22px;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	box-shadow: 0 3px 16px rgba(61, 43, 31, 0.07);
	text-align: center;
	border: 2px solid transparent;
	transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.quicklink-card:hover {
	transform: translateY(-3px);
	border-color: var(--gk-gold);
	box-shadow: 0 8px 28px rgba(253, 179, 10, 0.2);
}
.quicklink-card--orange:hover { border-color: var(--gk-orange); box-shadow: 0 8px 28px rgba(236, 71, 32, 0.16); }
.quicklink-card--green:hover  { border-color: var(--gk-green);  box-shadow: 0 8px 28px rgba(74, 155, 63, 0.16); }
.quicklink-card__icon {
	width: 68px;
	height: 68px;
	border-radius: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	background: var(--gk-gold);
}
.quicklink-card__icon--orange { background: var(--gk-orange); }
.quicklink-card__icon--green  { background: var(--gk-green); }
.quicklink-card__title {
	font-family: var(--gk-font-head);
	font-size: 19px;
	font-weight: 800;
	color: var(--gk-text);
}
.quicklink-card__desc {
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-muted);
	line-height: 1.45;
}


/* 10. AKTUELLES / NEWS-KARTEN ----------------------------------------------- */

.section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 36px;
}
.section-head__link {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--gk-orange);
	text-decoration: none;
	border-bottom: 2px solid var(--gk-orange);
	padding-bottom: 2px;
	white-space: nowrap;
}
.section-head__link:hover { color: var(--gk-orange-hover); border-color: var(--gk-orange-hover); }

.news-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.news-card {
	background: var(--gk-paper);
	border-radius: var(--gk-radius);
	overflow: hidden;
	box-shadow: 0 2px 16px rgba(61, 43, 31, 0.08);
	border: 1px solid var(--gk-border-soft);
	display: flex;
	flex-direction: column;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.news-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 32px rgba(61, 43, 31, 0.14);
}
.news-card__media {
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: linear-gradient(135deg, #2A5A26, #4A9B3F);
	flex-shrink: 0;
	overflow: hidden;
}
.news-card__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-card__cat {
	position: absolute;
	top: 12px;
	left: 12px;
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-size: 11px;
	font-weight: 800;
	padding: 4px 12px;
	border-radius: 20px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	line-height: 1.5;
}
.news-card__cat-icon {
	font-size: 13px;
	line-height: 1;
	vertical-align: middle;
}
.news-card__body {
	padding: 22px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.news-card__date {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
}
.news-card__title {
	font-family: var(--gk-font-head);
	font-size: 18px;
	font-weight: 800;
	color: var(--gk-text);
	margin: 6px 0 8px;
	line-height: 1.3;
}
.news-card__title a { color: inherit; text-decoration: none; }
.news-card__title a:hover { color: var(--gk-green); }
.news-card__excerpt {
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-soft);
	line-height: 1.65;
	margin: 0 0 16px;
	flex: 1;
}
.news-card__more {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--gk-green);
	text-decoration: none;
	align-self: flex-start;
}
.news-card__more:hover { color: var(--gk-green-dark); }


/* 11. TERMINE & DOWNLOADS --------------------------------------------------- */

.termine-layout {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 56px;
	align-items: start;
	position: relative;
}

.termin-item {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding: 18px 0;
	border-bottom: 1px solid var(--gk-border-line);
}
.termin-item:last-of-type { border-bottom: none; }
.termin-date {
	background: var(--gk-orange);
	color: var(--gk-paper);
	font-family: var(--gk-font-head);
	font-weight: 900;
	border-radius: 16px;
	padding: 10px 14px;
	text-align: center;
	min-width: 60px;
	flex-shrink: 0;
	line-height: 1.15;
}
.termin-date--today { background: var(--gk-green); }
.termin-date__day   { font-size: 24px; }
.termin-date__month { font-size: 12px; font-weight: 700; }
.termin-date__badge {
	font-size: 9px;
	background: rgba(255, 255, 255, 0.22);
	border-radius: 4px;
	padding: 2px 5px;
	margin-top: 4px;
}
.termin-item__body { padding-top: 4px; }
.termin-item__title {
	font-family: var(--gk-font-head);
	font-size: 17px;
	font-weight: 800;
	color: var(--gk-text);
	margin: 0 0 4px;
}
.termin-item__meta {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-muted);
	margin: 0;
}

.downloads-box {
	background: var(--gk-paper);
	border-radius: 24px;
	padding: 32px;
	box-shadow: 0 3px 18px rgba(61, 43, 31, 0.07);
}
.downloads-box__title {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 20px;
}
.downloads-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.download-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	background: var(--gk-cream);
	border-radius: 14px;
	text-decoration: none;
	border: 1px solid var(--gk-border-soft);
	transition: background-color 0.15s ease;
}
.download-item:hover { background: var(--gk-cream-hover); }
.download-item__icon { font-size: 22px; }
.download-item__meta { flex: 1; min-width: 0; }
.download-item__name {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--gk-text);
}
.download-item__size {
	font-family: var(--gk-font-body);
	font-size: 11px;
	color: var(--gk-text-faint);
}
.download-item__arrow { color: var(--gk-green); font-size: 16px; font-weight: 700; }


/* 12. SCHWERPUNKTE (Natur & Inklusion) -------------------------------------- */

.features-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
}
.features-grid--eins {
	grid-template-columns: 1fr;
}
.feature-card {
	border-radius: 28px;
	padding: 44px 40px;
	position: relative;
	overflow: hidden;
	color: var(--gk-paper);
}
.feature-card--nature    { background: linear-gradient(145deg, #1E4A1B 0%, #4A9B3F 100%); }
.feature-card--inclusion { background: linear-gradient(145deg, #9A1E0E 0%, #EC4720 100%); }
.feature-card__icon { font-size: 44px; margin-bottom: 16px; }
/* Bild bewusst per Negativ-Margin bis an den Kartenrand gezogen (randlos, volle
   Kartenbreite) - die runden Ecken uebernimmt automatisch .feature-card dank
   overflow:hidden, kein eigenes border-radius am Bild noetig. Seitenverhaeltnis
   bleibt dabei erhalten (width:100%, height:auto - kein Zuschnitt/Verzerren). */
.feature-card__image {
	margin: -44px -40px 28px;
}
.feature-card__image img {
	display: block;
	width: 100%;
	height: auto;
}
.feature-card__title {
	font-family: var(--gk-font-head);
	font-size: 28px;
	font-weight: 900;
	color: var(--gk-paper);
	margin: 0 0 14px;
	line-height: 1.15;
}
.feature-card__text {
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: rgba(255, 255, 255, 0.92);
	line-height: 1.72;
	margin: 0 0 28px;
}
.feature-card .gk-btn {
	min-height: 46px;
	padding: 12px 22px;
	font-size: 14px;
	border-radius: 18px;
	box-shadow: none;
}


/* 12b. EINZELBEITRAG (nach Design-Prototyp) --------------------------------- */

/* Hero-Bild im Cream-Bereich */
.gk-single-hero__img {
	border-radius: var(--gk-radius);
	overflow: hidden;
	box-shadow: 0 4px 24px rgba(61, 43, 31, 0.12);
	margin-top: 20px;
}
.gk-single-hero__img img {
	width: 100%;
	max-height: 480px;
	object-fit: cover;
	display: block;
}

/* Zentrierter Artikelkörper */
.gk-single {
	max-width: 720px;
	margin: 0 auto;
}

/* Rechtstext-Seiten (Datenschutz, Impressum) - selbe Breite wie .gk-single,
   fuer page-rechtliches.php. */
.gk-rechtliches {
	max-width: 720px;
	margin: 0 auto;
}

/* Meta-Zeile: Kategorie-Badge, Datum, Lesezeit */
.gk-single__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}
.gk-single__cat {
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 800;
	padding: 5px 13px;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	line-height: 1.5;
}
.gk-single__cat-icon {
	font-size: 14px;
	line-height: 1;
	vertical-align: middle;
}
.gk-single__meta-item {
	display: flex;
	align-items: center;
	gap: 5px;
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-faint);
}
.gk-single__meta-item span[aria-hidden] { font-size: 12px; }

/* Titel */
.gk-single__title {
	font-family: var(--gk-font-head);
	font-size: 42px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 20px;
	line-height: 1.08;
}

/* Autoren-Zeile */
.gk-single__author {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 2px solid var(--gk-border);
}
.gk-single__avatar {
	width: 44px;
	height: 44px;
	flex-shrink: 0;
}
.gk-single__avatar img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
}
.gk-single__author-name {
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 800;
	color: var(--gk-text);
}
.gk-single__author-role {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-faint);
}

/* Beitragsinhalt – Typografie an Design angepasst */
.gk-single__content {
	font-family: var(--gk-font-body);
	font-size: 17px;
	color: var(--gk-text);
	line-height: 1.82;
}
.gk-single__content p { margin: 0 0 22px; }
.gk-single__content blockquote {
	margin: 28px 0;
	padding: 20px 28px;
	border-left: 5px solid var(--gk-gold);
	background: var(--gk-cream);
	border-radius: 0 14px 14px 0;
}
.gk-single__content blockquote p {
	font-family: var(--gk-font-head);
	font-size: 19px;
	font-weight: 700;
	color: var(--gk-text);
	line-height: 1.45;
	font-style: italic;
	margin: 0;
}
.gk-single__content blockquote cite,
.gk-single__content blockquote footer {
	display: block;
	margin-top: 10px;
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: #7A6658;
	font-weight: 600;
	font-style: normal;
}
.gk-single__content .wp-block-gallery,
.gk-single__content .gallery {
	margin-bottom: 40px;
}
.gk-single__content .wp-block-gallery .wp-block-image,
.gk-single__content .gallery-item {
	border-radius: 12px;
	overflow: hidden;
}

/* Tags */
.gk-single__tags {
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid var(--gk-border-line);
}

/* Teilen-Leiste */
.gk-share {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px 24px;
	background: var(--gk-cream);
	border-radius: 16px;
	margin: 36px 0;
	flex-wrap: wrap;
}
.gk-share__label {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 800;
	color: var(--gk-text);
	flex-shrink: 0;
}
.gk-share__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--gk-paper);
	color: var(--gk-text);
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 700;
	padding: 10px 16px;
	border-radius: 50px;
	text-decoration: none;
	border: 1.5px solid rgba(61, 43, 31, 0.14);
	min-height: 42px;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}
.gk-share__btn:hover {
	background: #fff;
	border-color: var(--gk-gold);
}
.gk-share__note {
	font-family: var(--gk-font-body);
	font-size: 11px;
	color: var(--gk-text-faint);
	margin-left: auto;
}

/* Vorheriger / Nächster Beitrag */
.gk-postnav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 28px;
}
.gk-postnav__link {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 18px 20px;
	background: var(--gk-cream);
	border-radius: 16px;
	text-decoration: none;
	border: 1.5px solid var(--gk-border);
	transition: border-color 0.15s ease, background-color 0.15s ease;
}
.gk-postnav__link:hover {
	border-color: var(--gk-gold);
	background: var(--gk-paper);
}
.gk-postnav__link--next { text-align: right; }
.gk-postnav__label {
	font-family: var(--gk-font-body);
	font-size: 11px;
	font-weight: 600;
	color: var(--gk-text-faint);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.gk-postnav__title {
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 800;
	color: var(--gk-text);
	line-height: 1.25;
}

/* Zurück-Button */
.gk-single__back {
	text-align: center;
	margin-top: 8px;
}
.gk-single__back .gk-btn { min-height: 50px; font-size: 15px; }

@media (max-width: 980px) {
	.gk-single__title { font-size: 26px; }
	.gk-single__content { font-size: 15px; line-height: 1.78; }
	.gk-single__content p { margin: 0 0 18px; }
	.gk-single__content blockquote { padding: 16px 20px; border-left-width: 4px; border-radius: 0 12px 12px 0; }
	.gk-single__content blockquote p { font-size: 16px; }
	.gk-single__meta-item { font-size: 12px; }
	.gk-single__cat { font-size: 11px; padding: 4px 11px; }
	.gk-single__avatar { width: 38px; height: 38px; }
	.gk-single__avatar img { width: 38px; height: 38px; }
	.gk-single__author-name { font-size: 14px; }
	.gk-postnav { grid-template-columns: 1fr; gap: 10px; }
	.gk-postnav__link { padding: 14px 16px; border-radius: 14px; }
	.gk-postnav__link--next { text-align: right; }
	.gk-postnav__label { font-size: 10px; }
	.gk-postnav__title { font-size: 14px; }
	.gk-share { padding: 14px 16px; border-radius: 14px; }
	.gk-share__label { width: 100%; margin-bottom: 4px; font-size: 13px; }
	.gk-share__btn { font-size: 12px; padding: 9px 14px; min-height: 40px; }
	.gk-share__note { display: none; }
	.gk-single__back .gk-btn { font-size: 14px; padding: 13px 26px; min-height: 48px; }
}


/* 13. INHALT / BEITRÄGE / SEITEN -------------------------------------------- */

.content-area {
	max-width: var(--gk-content-max);
	margin: 0 auto;
	padding: 56px var(--gk-pad-x);
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 48px;
	align-items: start;
}
.content-area--full {
	grid-template-columns: minmax(0, 1fr);
}

.gk-breadcrumb {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 22px;
	font-family: var(--gk-font-body);
	font-size: 13px;
	flex-wrap: wrap;
}
.gk-breadcrumb a { color: var(--gk-orange); text-decoration: none; }
.gk-breadcrumb a:hover { text-decoration: underline; }
.gk-breadcrumb span[aria-current] { color: var(--gk-text-muted); font-weight: 600; }
.gk-breadcrumb .sep { color: var(--gk-text-faint); }

.page-hero {
	background: var(--gk-cream);
	padding: 44px var(--gk-pad-x) 54px;
	position: relative;
	overflow: hidden;
}
.page-hero__inner { max-width: var(--gk-content-max); margin: 0 auto; position: relative; z-index: 1; }
.page-hero__title {
	font-family: var(--gk-font-head);
	font-size: 52px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 14px;
	line-height: 1.05;
}
.page-hero__subtitle {
	font-family: var(--gk-font-body);
	font-size: 17px;
	color: var(--gk-text-muted);
	margin: 0;
	max-width: 580px;
	line-height: 1.6;
}

/* Aktuelles-Seite: Hero mit Deko-Formen */
.page-hero--aktuelles {
	position: relative;
	overflow: hidden;
}
.page-hero__deco {
	position: absolute;
	pointer-events: none;
}
.page-hero__deco--right {
	right: -80px;
	top: -70px;
	opacity: 0.07;
}
.page-hero__deco--left {
	left: -40px;
	bottom: -60px;
	opacity: 0.05;
}

/* Pagination mit <ul> (paginate_links type=list) */
.gk-pagination-wrap {
	margin: 40px 0 12px;
	text-align: center;
}
.gk-pagination ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}
.gk-pagination ul li { display: inline-flex; }
.gk-pagination ul a,
.gk-pagination ul span.current {
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--gk-text);
	text-decoration: none;
	border: 2px solid var(--gk-border);
	border-radius: 50px;
	min-height: 44px;
	min-width: 44px;
	padding: 10px 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.gk-pagination ul a:hover {
	border-color: var(--gk-orange);
	color: var(--gk-orange);
}
.gk-pagination ul span.current {
	background: var(--gk-gold);
	border-color: var(--gk-gold);
	color: var(--gk-brown);
	font-weight: 800;
}
.gk-pagination ul .dots {
	border: none;
	padding: 10px 4px;
	min-width: auto;
}
.gk-pagination__info {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-faint);
	margin: 12px 0 0;
}

.entry {
	background: var(--gk-paper);
}
.entry-header { margin-bottom: 24px; }
.entry-title {
	font-family: var(--gk-font-head);
	font-size: 36px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 10px;
	line-height: 1.1;
}
.entry-title a { color: inherit; text-decoration: none; }
.entry-title a:hover { color: var(--gk-orange); }
.entry-meta {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-faint);
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
.entry-meta a { color: var(--gk-green); text-decoration: none; }
.entry-thumbnail {
	border-radius: var(--gk-radius);
	overflow: hidden;
	margin-bottom: 28px;
}
.entry-content {
	font-family: var(--gk-font-body);
	font-size: 16px;
	color: var(--gk-text-soft);
	line-height: 1.75;
}
.entry-content h2 { font-size: 28px; font-weight: 900; margin: 1.4em 0 0.5em; color: var(--gk-text); }
.entry-content h3 { font-size: 22px; font-weight: 800; margin: 1.3em 0 0.5em; color: var(--gk-text); }
.entry-content a { color: var(--gk-orange); }
.entry-content a:hover { color: var(--gk-orange-hover); }
.entry-content blockquote {
	border-left: 4px solid var(--gk-gold);
	margin: 1.5em 0;
	padding: 4px 0 4px 24px;
	color: var(--gk-text-muted);
	font-style: italic;
}
.entry-content img { border-radius: 14px; margin: 1.2em 0; }
.entry-content ul, .entry-content ol { padding-left: 1.4em; }

.entry-footer {
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid var(--gk-border-line);
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-muted);
}
.tag-links a, .cat-links a {
	display: inline-block;
	background: var(--gk-cream);
	color: var(--gk-text);
	padding: 4px 12px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	margin: 0 6px 6px 0;
}

/* Pagination */
.gk-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 40px 0 12px;
}
.gk-pagination .page-numbers {
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--gk-text);
	text-decoration: none;
	border: 2px solid var(--gk-border);
	border-radius: 50px;
	min-height: 44px;
	min-width: 44px;
	padding: 10px 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.gk-pagination .page-numbers:hover { border-color: var(--gk-orange); color: var(--gk-orange); }
.gk-pagination .page-numbers.current {
	background: var(--gk-gold);
	border-color: var(--gk-gold);
	color: var(--gk-brown);
}

/* Filter-Leiste (Archiv) */
.gk-filterbar {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.gk-filter {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	border-radius: 50px;
	padding: 10px 22px;
	cursor: pointer;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	border: 2px solid var(--gk-border);
	background: var(--gk-paper);
	color: var(--gk-text);
	transition: box-shadow 0.15s ease;
}
.gk-filter:hover { box-shadow: 0 2px 10px rgba(61, 43, 31, 0.12); }
.gk-filter.is-active { background: var(--gk-gold); border-color: var(--gk-gold); color: var(--gk-brown); }
.gk-filter__count {
	font-family: var(--gk-font-body);
	font-size: 11px;
	background: rgba(61, 43, 31, 0.1);
	padding: 2px 8px;
	border-radius: 10px;
	font-weight: 700;
}


/* 14. KONTAKTSEITE ---------------------------------------------------------- */

.contact-hero {
	display: flex;
	align-items: center;
	gap: 52px;
	flex-wrap: wrap;
}
.contact-hero__icon {
	width: 104px;
	height: 104px;
	background: var(--gk-orange);
	border-radius: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 46px;
	box-shadow: 0 8px 32px rgba(236, 71, 32, 0.32);
	flex-shrink: 0;
}

.contact-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.contact-card {
	background: var(--gk-paper);
	border-radius: var(--gk-radius);
	padding: 36px 28px;
	box-shadow: 0 4px 24px rgba(61, 43, 31, 0.09);
	border: 1px solid var(--gk-border-soft);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}
.contact-card__icon {
	width: 72px;
	height: 72px;
	background: var(--gk-orange);
	border-radius: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	box-shadow: 0 4px 18px rgba(236, 71, 32, 0.28);
}
.contact-card__label {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 900;
	color: var(--gk-text);
	margin-bottom: 6px;
}
.contact-card__primary {
	font-family: var(--gk-font-head);
	font-size: 22px;
	font-weight: 700;
	color: var(--gk-orange);
	margin-bottom: 8px;
	word-break: break-word;
}
.contact-card__note {
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-muted);
	line-height: 1.55;
}
.contact-card .gk-btn {
	margin-top: auto;
	min-height: 48px;
	padding: 13px 28px;
	font-size: 15px;
	box-shadow: none;
}

/* Formular + Karte 2-spaltig */
.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 52px;
	align-items: start;
	position: relative;
}

/* Kontaktformular */
.contact-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.contact-form label,
.gk-field label {
	display: block;
	font-family: var(--gk-font-body);
	font-size: 14px;
	font-weight: 600;
	color: var(--gk-text);
	margin-bottom: 6px;
}
.gk-required { color: var(--gk-orange); }
.gk-optional {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
	font-weight: 400;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="password"],
.contact-form input[type="date"],
.contact-form input[type="number"],
.contact-form input[type="url"],
.contact-form input[type="search"],
.contact-form select,
.contact-form textarea,
.gk-input {
	width: 100%;
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text);
	background: var(--gk-paper);
	border: 2px solid var(--gk-border-input);
	border-radius: 14px;
	padding: 13px 16px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.contact-form input[type="color"] {
	width: 60px;
	height: 48px;
	padding: 4px;
	border: 2px solid var(--gk-border-input);
	border-radius: 14px;
	background: var(--gk-paper);
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.contact-form input[type="color"]:focus {
	border-color: var(--gk-gold);
	box-shadow: 0 0 0 3px rgba(253, 179, 10, 0.18);
	outline: none;
}
.contact-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%233D2B1F' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	cursor: pointer;
}
.contact-form textarea { resize: vertical; min-height: 120px; }
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
	border-color: var(--gk-gold);
	box-shadow: 0 0 0 3px rgba(253, 179, 10, 0.18);
	outline: none;
}
.contact-form .has-error input,
.contact-form .has-error select,
.contact-form .has-error textarea {
	border-color: var(--gk-orange);
}
.gk-field-error {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-orange);
	margin-top: 5px;
	display: block;
}
.gk-consent {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}
.gk-consent input[type="checkbox"] {
	width: 20px;
	height: 20px;
	min-width: 20px;
	accent-color: var(--gk-green);
	margin-top: 3px;
	cursor: pointer;
}
.gk-consent label {
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text);
	line-height: 1.6;
	cursor: pointer;
	margin-bottom: 0;
}
.gk-consent a { color: var(--gk-orange); font-weight: 600; }
.contact-form__submit {
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-size: 17px;
	font-weight: 800;
	padding: 16px 32px;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	min-height: 56px;
	width: 100%;
	box-shadow: 0 4px 18px rgba(253, 179, 10, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.contact-form__submit:hover { background: var(--gk-gold-hover); }
.contact-form__hint {
	text-align: center;
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-faint);
}

/* Erfolgsmeldung (grüne Box) */
@keyframes gkSuccessSlide {
	from { opacity: 0; transform: translateY(10px); }
	to   { opacity: 1; transform: translateY(0); }
}
.gk-success {
	background: var(--gk-success-bg);
	border: 2px solid var(--gk-green);
	border-radius: var(--gk-radius);
	padding: 40px 32px;
	text-align: center;
	animation: gkSuccessSlide 0.4s ease;
}
.gk-success__icon { font-size: 52px; margin-bottom: 14px; }
.gk-success__title {
	font-family: var(--gk-font-head);
	font-size: 24px;
	font-weight: 900;
	color: var(--gk-success-fg);
	margin-bottom: 8px;
}
.gk-success__text {
	font-family: var(--gk-font-body);
	font-size: 16px;
	color: var(--gk-success-text);
	margin-bottom: 28px;
	line-height: 1.6;
}

/* Fehler-Sammelmeldung */
.gk-form-errors {
	background: #FCE9E4;
	border: 2px solid var(--gk-orange);
	border-radius: 14px;
	padding: 16px 20px;
	margin-bottom: 8px;
	color: var(--gk-orange-hover);
	font-family: var(--gk-font-body);
	font-size: 14px;
}
.gk-form-errors ul { margin: 8px 0 0; padding-left: 20px; }

/* Karte */
.gk-map {
	border-radius: var(--gk-radius);
	overflow: hidden;
	box-shadow: 0 4px 24px rgba(61, 43, 31, 0.12);
	position: relative;
}
#gk-leaflet-map {
	width: 100%;
	height: 390px;
	background: #f0ede6;
}
.gk-map__consent {
	position: absolute;
	inset: 0;
	background: #f0ede6;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 24px;
	text-align: center;
	z-index: 5;
}
.gk-map__consent p {
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-muted);
	max-width: 320px;
	margin: 0;
}
.gk-map__consent .gk-btn { min-height: 48px; box-shadow: none; }

/* ÖPNV */
.oepnv-box {
	margin-top: 20px;
	background: var(--gk-paper);
	border-radius: 16px;
	padding: 22px 26px;
	box-shadow: 0 2px 14px rgba(61, 43, 31, 0.07);
}
.oepnv-box__title {
	font-family: var(--gk-font-head);
	font-size: 16px;
	font-weight: 800;
	color: var(--gk-text);
	margin: 0 0 14px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.oepnv-box__content {
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-soft);
	line-height: 1.7;
}
.oepnv-line {
	background: var(--gk-orange);
	color: var(--gk-paper);
	font-family: var(--gk-font-head);
	font-size: 11px;
	font-weight: 800;
	padding: 4px 10px;
	border-radius: 8px;
	white-space: nowrap;
	display: inline-block;
}


/* Öffnungszeiten (Kontaktseite) --------------------------------------------- */

.gk-hours {
	max-width: 640px;
	margin: 0 auto;
}
.gk-hours__card {
	background: var(--gk-cream);
	border-radius: 24px;
	padding: 36px 44px;
	box-shadow: 0 3px 18px rgba(61, 43, 31, 0.07);
}
.gk-hours__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
}
.gk-hours__row--border {
	border-bottom: 1px solid var(--gk-border);
}
.gk-hours__day {
	display: flex;
	align-items: center;
	gap: 14px;
}
.gk-hours__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	flex-shrink: 0;
}
.gk-hours__dot--green { background: var(--gk-green); }
.gk-hours__dot--gold  { background: var(--gk-gold); }
.gk-hours__short {
	font-family: var(--gk-font-head);
	font-size: 17px;
	font-weight: 700;
	color: var(--gk-text);
	min-width: 32px;
}
.gk-hours__long {
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text-muted);
}
.gk-hours__time {
	font-family: var(--gk-font-head);
	font-size: 17px;
	font-weight: 700;
	color: var(--gk-text);
}
.gk-hours__notice {
	margin-top: 24px;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	background: #FFF3CD;
	border: 1.5px solid var(--gk-gold);
	border-radius: 14px;
	padding: 16px 20px;
}
.gk-hours__notice-icon {
	font-size: 20px;
	flex-shrink: 0;
}
.gk-hours__notice-title {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 800;
	color: var(--gk-text);
	margin-bottom: 3px;
}
.gk-hours__notice-text {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-muted);
	line-height: 1.55;
}
.gk-hours__notice-text strong {
	color: var(--gk-text);
}

@media (max-width: 980px) {
	.gk-hours__card { padding: 20px 22px; border-radius: 18px; }
	.gk-hours__long { display: none; }
	.gk-hours__row { padding: 12px 0; }
	.gk-hours__short { font-size: 15px; }
	.gk-hours__time { font-size: 15px; }
	.gk-hours__dot { width: 7px; height: 7px; }
	.gk-hours__day { gap: 10px; }
	.gk-hours__notice { padding: 12px 14px; gap: 10px; border-radius: 12px; }
	.gk-hours__notice-icon { font-size: 16px; }
	.gk-hours__notice-title { font-size: 13px; }
	.gk-hours__notice-text { font-size: 12px; }
}


/* 15. PODCAST --------------------------------------------------------------- */

.podcast-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
}
.podcast-card {
	background: var(--gk-paper);
	border-radius: var(--gk-radius);
	overflow: hidden;
	box-shadow: 0 2px 16px rgba(61, 43, 31, 0.08);
	border: 1px solid var(--gk-border-soft);
	display: flex;
	flex-direction: column;
}
.podcast-card__cover {
	aspect-ratio: 1 / 1;
	background: linear-gradient(135deg, #2A5A26, #4A9B3F);
	position: relative;
}
.podcast-card__cover img { width: 100%; height: 100%; object-fit: cover; }
.podcast-card__num {
	position: absolute;
	top: 12px;
	left: 12px;
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 800;
	padding: 4px 12px;
	border-radius: 20px;
}
.podcast-card__body { padding: 22px; }
.podcast-card__title {
	font-family: var(--gk-font-head);
	font-size: 18px;
	font-weight: 800;
	color: var(--gk-text);
	margin: 0 0 6px;
}
.podcast-card__meta {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
	margin-bottom: 12px;
}
.podcast-card audio { width: 100%; }


/* 16. FOOTER ---------------------------------------------------------------- */

.site-footer {
	background: var(--gk-brown);
	padding: 52px var(--gk-pad-x) 0;
}
.site-footer__inner {
	max-width: var(--gk-content-max);
	margin: 0 auto;
}
.footer-widgets {
	display: grid;
	grid-template-columns: 2fr 1fr 1.5fr;
	gap: 52px;
	margin-bottom: 44px;
}
.site-footer h4 {
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 800;
	color: var(--gk-gold);
	margin: 0 0 18px;
	text-transform: uppercase;
	letter-spacing: 0.07em;
}
.footer-col--brand h4 {
	font-size: 19px;
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 8px;
}
.footer-col--brand p {
	font-family: var(--gk-font-body);
	font-size: 13px;
	line-height: 1.75;
	color: var(--gk-footer-text);
	margin: 0 0 20px;
}
.footer-logo {
	width: 140px;
	height: 44px;
	background: var(--gk-cream);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}
.footer-logo span {
	font-family: var(--gk-font-head);
	font-size: 9px;
	color: var(--gk-gold);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.footer-logo--img {
	background: transparent;
	text-decoration: none;
}
.footer-logo--img img {
	max-width: 140px;
	height: auto;
	display: block;
}
.site-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.site-footer ul a {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-footer-text);
	text-decoration: none;
}
.site-footer ul a:hover { color: var(--gk-gold); }
.footer-contact { display: flex; flex-direction: column; gap: 14px; }
.footer-contact__row { display: flex; gap: 12px; align-items: flex-start; }
.footer-contact__row .icon { font-size: 18px; flex-shrink: 0; }
.footer-contact__primary {
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--gk-footer-bright);
}
.footer-contact__sub {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
}
.footer-contact a { color: var(--gk-gold); text-decoration: underline; word-break: break-word; }

.footer-bottom {
	border-top: 1px solid rgba(253, 179, 10, 0.18);
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.footer-bottom nav { display: flex; gap: 24px; flex-wrap: wrap; }
.footer-bottom a {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
	text-decoration: none;
}
.footer-bottom a:hover { color: var(--gk-footer-bright); }
.footer-bottom__copy {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-muted);
	margin: 0;
}


/* 17. COOKIE-BANNER --------------------------------------------------------- */

.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9000;
	background: var(--gk-brown-darker);
	border-top: 3px solid var(--gk-gold);
	padding: 18px var(--gk-pad-x);
}
.cookie-banner[hidden] { display: none; }
.cookie-banner__inner {
	max-width: var(--gk-content-max);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}
.cookie-banner__text { display: flex; align-items: flex-start; gap: 14px; }
.cookie-banner__text .icon { font-size: 22px; flex-shrink: 0; }
.cookie-banner__title {
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 800;
	color: var(--gk-paper);
	margin: 0 0 3px;
}
.cookie-banner__desc {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-footer-text);
	margin: 0;
}
.cookie-banner__desc a { color: var(--gk-gold); }
.cookie-banner__actions { display: flex; gap: 10px; flex-shrink: 0; flex-wrap: wrap; }
.cookie-banner__actions button {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 800;
	border-radius: 14px;
	padding: 12px 22px;
	cursor: pointer;
	min-height: 48px;
	min-width: 44px;
	border: none;
}
.cookie-btn--accept { background: var(--gk-gold); color: var(--gk-brown); }
.cookie-btn--accept:hover { background: var(--gk-gold-hover); }
.cookie-btn--decline {
	background: transparent;
	border: 2px solid rgba(253, 179, 10, 0.28);
	color: var(--gk-footer-bright);
	font-weight: 700;
}
.cookie-btn--decline:hover { border-color: rgba(253, 179, 10, 0.6); }


/* 17b. FEATURED POST (Aktuelles-Seite) -------------------------------------- */

.gk-featured {
	background: #fff;
	border-radius: 22px;
	box-shadow: 0 4px 28px rgba(61, 43, 31, 0.10);
	overflow: hidden;
	display: grid;
	grid-template-columns: 3fr 2fr;
}
.gk-featured__img {
	position: relative;
	overflow: hidden;
	min-height: 320px;
}
.gk-featured__img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.gk-featured:hover .gk-featured__img img {
	transform: scale(1.05);
}
.gk-featured__body {
	padding: 40px 36px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 14px;
}
.gk-featured__title {
	font-family: var(--gk-font-head);
	font-size: 27px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0;
	line-height: 1.18;
}
.gk-featured__title a { color: inherit; text-decoration: none; }
.gk-featured__title a:hover { color: var(--gk-orange); }
.gk-featured__excerpt {
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text-soft);
	margin: 0;
	line-height: 1.72;
}
.gk-featured__btn {
	align-self: flex-start;
	margin-top: 4px;
	min-height: 48px;
	padding: 14px 26px;
	font-size: 15px;
}

@media (max-width: 980px) {
	.gk-featured { grid-template-columns: 1fr; }
	.gk-featured__img { min-height: 200px; }
	.gk-featured__body { padding: 24px 22px; gap: 10px; }
	.gk-featured__title { font-size: 22px; }
	.gk-featured__excerpt { font-size: 14px; }
	.gk-featured__btn { min-height: 44px; padding: 12px 22px; font-size: 14px; }
}


/* 17c. AKTUELLES-SIDEBAR & ARCHIVE-LAYOUT ----------------------------------- */

/* Grid + Sidebar Archiv-Layout (Design: 1fr + 292px Sidebar) */
.gk-archive-layout {
	display: grid;
	grid-template-columns: 1fr 292px;
	gap: 40px;
	align-items: start;
}
.news-grid--sidebar {
	grid-template-columns: repeat(3, 1fr);
}

/* Hero-Suchleiste */
.gk-hero-search { margin-bottom: 20px; }
.gk-hero-search__form {
	display: flex;
	max-width: 520px;
}
.gk-hero-search__input {
	flex: 1;
	padding: 14px 18px;
	border-radius: 14px 0 0 14px;
	border: 2px solid rgba(61, 43, 31, 0.18);
	border-right: none;
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text);
	background: var(--gk-paper);
	outline: none;
}
.gk-hero-search__input:focus { border-color: var(--gk-gold); }
.gk-hero-search__btn {
	display: flex;
	align-items: center;
	gap: 7px;
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 800;
	padding: 0 22px;
	border-radius: 0 14px 14px 0;
	border: none;
	cursor: pointer;
	min-height: 52px;
	flex-shrink: 0;
}
.gk-hero-search__btn:hover { background: var(--gk-gold-hover); }

/* Sidebar-Container */
.gk-sidebar-aktuelles {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

/* Gemeinsamer Block-Stil */
.gk-sb-block {
	background: var(--gk-paper);
	border-radius: 18px;
	padding: 22px;
	box-shadow: 0 3px 16px rgba(61, 43, 31, 0.07);
}
.gk-sb-block__title {
	font-family: var(--gk-font-head);
	font-size: 16px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 16px;
	display: flex;
	align-items: center;
	gap: 7px;
}

/* Letzte Beiträge */
.gk-sb-recent { display: flex; flex-direction: column; gap: 10px; }
.gk-sb-recent__item {
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none;
	transition: opacity 0.15s ease;
}
.gk-sb-recent__item:hover { opacity: 0.8; }
.gk-sb-recent__thumb {
	width: 52px;
	height: 38px;
	border-radius: 8px;
	flex-shrink: 0;
	overflow: hidden;
	background: var(--gk-cream);
	display: flex;
	align-items: center;
	justify-content: center;
}
.gk-sb-recent__thumb img { width: 100%; height: 100%; object-fit: cover; }
.gk-sb-recent__emoji { font-size: 14px; }
.gk-sb-recent__title {
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 700;
	color: var(--gk-text);
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.gk-sb-recent__date {
	font-family: var(--gk-font-body);
	font-size: 11px;
	color: var(--gk-text-faint);
	margin-top: 2px;
}

/* Kategorien-Wolke */
.gk-sb-cats { display: flex; flex-wrap: wrap; gap: 7px; }
.gk-sb-cats__pill {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 700;
	padding: 5px 11px;
	border-radius: 50px;
	text-decoration: none;
	transition: opacity 0.15s ease;
}
.gk-sb-cats__pill:hover { opacity: 0.85; }
.gk-sb-cats__count {
	border-radius: 50px;
	padding: 1px 6px;
	font-size: 10px;
}

/* Newsletter-Block */
.gk-sb-newsletter {
	background: var(--gk-orange);
	border-radius: 18px;
	padding: 22px;
	box-shadow: 0 4px 20px rgba(236, 71, 32, 0.28);
}
.gk-sb-newsletter__title {
	font-family: var(--gk-font-head);
	font-size: 16px;
	font-weight: 900;
	color: var(--gk-paper);
	margin: 0 0 6px;
	display: flex;
	align-items: center;
	gap: 7px;
}
.gk-sb-newsletter__desc {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: rgba(253, 250, 244, 0.85);
	margin: 0 0 14px;
	line-height: 1.55;
}
.gk-sb-newsletter__input {
	width: 100%;
	padding: 11px 14px;
	border-radius: 10px;
	border: none;
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text);
	background: var(--gk-paper);
	margin-bottom: 10px;
	box-sizing: border-box;
	outline: none;
}
.gk-sb-newsletter__btn {
	width: 100%;
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 800;
	padding: 12px;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	min-height: 44px;
}
.gk-sb-newsletter__btn:hover { background: var(--gk-gold-hover); }
.gk-sb-newsletter__hint {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 10px;
	font-family: var(--gk-font-body);
	font-size: 11px;
	color: rgba(253, 250, 244, 0.7);
}

/* Nächste Termine (Sidebar) */
.gk-sb-termine { display: flex; flex-direction: column; gap: 10px; }
.gk-sb-termine__item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.gk-sb-termine__date {
	border-radius: 10px;
	padding: 6px 8px;
	text-align: center;
	flex-shrink: 0;
	min-width: 42px;
}
.gk-sb-termine__day {
	font-family: var(--gk-font-head);
	font-size: 16px;
	font-weight: 900;
	line-height: 1;
}
.gk-sb-termine__month {
	font-family: var(--gk-font-body);
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.gk-sb-termine__title {
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--gk-text);
	line-height: 1.25;
}
.gk-sb-termine__meta {
	font-family: var(--gk-font-body);
	font-size: 11px;
	color: var(--gk-text-faint);
	margin-top: 2px;
}

/* Responsive: Sidebar und Grid */
@media (max-width: 1200px) {
	.gk-archive-layout { gap: 28px; }
	.news-grid--sidebar { gap: 18px; }
}
@media (max-width: 1024px) {
	.gk-archive-layout { grid-template-columns: 1fr; }
	.news-grid--sidebar { grid-template-columns: repeat(2, 1fr); }
	.gk-sidebar-aktuelles { margin-top: 24px; }
	.gk-hero-search__form { max-width: 100%; }
	.gk-hero-search__input { font-size: 14px; padding: 12px 14px; }
	.gk-hero-search__btn { font-size: 14px; padding: 0 16px; min-height: 48px; }
}
@media (max-width: 600px) {
	.news-grid--sidebar { grid-template-columns: 1fr; }
}


/* 17d. TERMINE-ARCHIV ------------------------------------------------------- */

/* ── Hero ── */
.gk-termine-hero {
	background: var(--gk-cream);
	padding: 44px var(--gk-pad-x) 54px;
	position: relative;
	overflow: hidden;
}
.gk-termine-hero__inner {
	display: flex;
	align-items: flex-start;
	gap: 32px;
}
.gk-termine-hero__icon {
	width: 104px;
	height: 104px;
	background: var(--gk-orange);
	border-radius: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.gk-termine-hero__icon span {
	font-size: 48px;
	line-height: 1;
}
.gk-termine-hero__content {
	flex: 1;
	min-width: 0;
}
.gk-termine-hero__title {
	font-family: var(--gk-font-head);
	font-size: 50px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 10px;
	line-height: 1.05;
}
.gk-termine-hero__subtitle {
	font-family: var(--gk-font-body);
	font-size: 17px;
	color: var(--gk-text-muted);
	margin: 0 0 22px;
	max-width: 540px;
	line-height: 1.6;
}
.gk-termine-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.gk-termine-hero__print {
	color: var(--gk-brown);
	border-color: var(--gk-brown);
}
.gk-termine-hero__print:hover {
	background: rgba(61, 43, 31, 0.1);
}

/* ── Toolbar: Filter + Ansichtsumschalter ── */
.gk-termine-toolbar {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}
.gk-termine-filter {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

/* Ansichtsumschalter (Liste / Monatsansicht) */
.gk-termine-viewtoggle {
	display: flex;
	gap: 2px;
	background: var(--gk-cream);
	border-radius: 14px;
	padding: 4px;
	flex-shrink: 0;
}
.gk-termine-viewtoggle__btn {
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--gk-text-muted);
	background: transparent;
	border: none;
	border-radius: 10px;
	padding: 8px 16px;
	cursor: pointer;
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.gk-termine-viewtoggle__btn:hover:not(:disabled) {
	background: var(--gk-paper);
}
.gk-termine-viewtoggle__btn.is-active {
	background: var(--gk-paper);
	color: var(--gk-text);
	font-weight: 800;
	box-shadow: 0 1px 4px rgba(61, 43, 31, 0.1);
}
.gk-termine-viewtoggle__btn:disabled:not(.is-active) {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ── Ferien-Hero in der Liste ── */
.gk-termine-ferien-hero {
	background: #F0FBF0;
	border-radius: var(--gk-radius);
	padding: 32px;
	text-align: center;
	border: 1px solid rgba(74, 155, 63, 0.15);
}
.gk-termine-ferien-hero__emoji {
	font-size: 40px;
	margin-bottom: 12px;
}
.gk-termine-ferien-hero__title {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 900;
	color: var(--gk-green);
	margin: 0 0 8px;
}
.gk-termine-ferien-hero__text {
	font-family: var(--gk-font-body);
	font-size: 16px;
	color: var(--gk-text-muted);
	margin: 0;
}

/* ── Monatsnavigation ── */
.gk-termine-monthnav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin-bottom: 40px;
	padding: 14px 0;
	border-top: 1px solid var(--gk-border-line);
	border-bottom: 1px solid var(--gk-border-line);
}
.gk-termine-monthnav__btn {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--gk-orange);
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 10px;
	transition: background 0.15s ease;
}
.gk-termine-monthnav__btn:hover {
	background: rgba(236, 71, 32, 0.08);
}
.gk-termine-monthnav__label {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 900;
	color: var(--gk-text);
	min-width: 180px;
	text-align: center;
}

/* ── Monats-Gruppe ── */
.gk-termine-month {
	margin-bottom: 40px;
}
.gk-termine-month__header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
}
.gk-termine-month__title {
	font-family: var(--gk-font-head);
	font-size: 22px;
	font-weight: 900;
	color: var(--gk-orange);
	margin: 0;
	white-space: nowrap;
}
.gk-termine-month__line {
	flex: 1;
	height: 2px;
	background: var(--gk-border-line);
	border-radius: 1px;
}
.gk-termine-month__count {
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 700;
	color: var(--gk-text-muted);
	background: rgba(61, 43, 31, 0.06);
	padding: 4px 12px;
	border-radius: 50px;
	white-space: nowrap;
}
.gk-termine-month__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* ── Termin-Karte ── */
.gk-termin-card {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	background: var(--gk-paper);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 2px 12px rgba(61, 43, 31, 0.06);
	border: 1px solid var(--gk-border);
	transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.gk-termin-card:hover {
	box-shadow: 0 4px 20px rgba(61, 43, 31, 0.12);
	transform: translateY(-1px);
}

/* Heute-Markierung */
.gk-termin-card--today {
	background: #F4FCF3;
	border-color: var(--gk-green);
	border-left: 4px solid var(--gk-green);
}

/* Datums-Kachel */
.gk-termin-card__date {
	width: 58px;
	height: 70px;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	text-align: center;
	gap: 1px;
}
.gk-termin-card__wday {
	font-family: var(--gk-font-body);
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.85;
}
.gk-termin-card__day {
	font-family: var(--gk-font-head);
	font-size: 26px;
	font-weight: 900;
	line-height: 1;
}
.gk-termin-card__mon {
	font-family: var(--gk-font-body);
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.85;
}

/* Karten-Inhalt */
.gk-termin-card__body {
	flex: 1;
	min-width: 0;
}
.gk-termin-card__today-badge {
	display: inline-block;
	font-family: var(--gk-font-head);
	font-size: 11px;
	font-weight: 800;
	color: var(--gk-green);
	background: rgba(74, 155, 63, 0.12);
	padding: 3px 10px;
	border-radius: 50px;
	margin-bottom: 6px;
}
.gk-termin-card__cat {
	display: inline-block;
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 50px;
	margin-bottom: 6px;
}
.gk-termin-card__title {
	font-family: var(--gk-font-head);
	font-size: 17px;
	font-weight: 800;
	color: var(--gk-text);
	margin: 0 0 6px;
	line-height: 1.3;
}
.gk-termin-card__title a {
	color: inherit;
	text-decoration: none;
}
.gk-termin-card__title a:hover {
	color: var(--gk-orange);
}
.gk-termin-card__meta {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-muted);
	margin: 0 0 4px;
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.gk-termin-card__time,
.gk-termin-card__location {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.gk-termin-card__desc {
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-muted);
	margin: 6px 0 0;
	line-height: 1.55;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Details-Button */
.gk-termin-card__details {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--gk-orange);
	background: none;
	border: none;
	text-decoration: none;
	white-space: nowrap;
	align-self: center;
	flex-shrink: 0;
	padding: 0;
	cursor: pointer;
}
.gk-termin-card__details:hover {
	color: var(--gk-orange-hover);
}

/* Leer-Zustand */
.gk-termine-empty {
	text-align: center;
	padding: 60px 20px;
}
.gk-termine-empty__icon {
	font-size: 48px;
	margin: 0 0 12px;
}
.gk-termine-empty__text {
	font-family: var(--gk-font-body);
	font-size: 16px;
	color: var(--gk-text-muted);
	margin: 0 0 24px;
}

/* ── Ferien-Grid ── */
.gk-ferien-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.gk-ferien-card {
	background: var(--gk-paper);
	border-radius: 18px;
	padding: 24px;
	box-shadow: 0 2px 12px rgba(61, 43, 31, 0.06);
	border-top: 4px solid var(--gk-green);
	text-align: center;
	position: relative;
}
.gk-ferien-card__emoji {
	font-size: 36px;
	margin-bottom: 10px;
	line-height: 1;
}
.gk-ferien-card__name {
	font-family: var(--gk-font-head);
	font-size: 17px;
	font-weight: 800;
	color: var(--gk-text);
	margin: 0 0 6px;
}
.gk-ferien-card__dates {
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-muted);
	margin: 0 0 12px;
	line-height: 1.5;
}
.gk-ferien-card__badge {
	display: inline-block;
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 700;
	color: var(--gk-text-muted);
	background: rgba(61, 43, 31, 0.06);
	padding: 4px 14px;
	border-radius: 50px;
}
.gk-ferien-card__badge--green {
	color: var(--gk-green);
	background: rgba(74, 155, 63, 0.12);
}

/* Hervorgehobene Sommerferien */
.gk-ferien-card--highlight {
	background: #F4FCF3;
	border-top-color: var(--gk-green);
}
.gk-ferien-card__soon-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	font-family: var(--gk-font-head);
	font-size: 11px;
	font-weight: 800;
	color: #fff;
	background: var(--gk-green);
	padding: 3px 10px;
	border-radius: 50px;
}

/* ── Kalender-Abo CTA ── */
.gk-abo-cta {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	padding: 20px 0;
}
.gk-abo-cta__icon {
	font-size: 48px;
	margin-bottom: 12px;
	line-height: 1;
}
.gk-abo-cta__title {
	font-family: var(--gk-font-head);
	font-size: 28px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 10px;
}
.gk-abo-cta__desc {
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text-muted);
	margin: 0 0 24px;
	line-height: 1.6;
}
.gk-abo-cta__actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

/* Dark Button (Apple Kalender) */
.gk-btn--dark {
	background: var(--gk-brown);
	color: var(--gk-paper);
	box-shadow: 0 4px 16px rgba(61, 43, 31, 0.25);
}
.gk-btn--dark:hover {
	background: var(--gk-brown-darker);
}

/* Outline-Variante braun (iCal/Outlook) */
.gk-btn--outline-brown {
	color: var(--gk-brown);
	border-color: var(--gk-brown);
}
.gk-btn--outline-brown:hover {
	background: rgba(61, 43, 31, 0.08);
}

/* ── Kalender-Monatsansicht (JS-gerendert) ── */

.gk-cal { margin-top: 8px; }
.gk-cal-loading {
	text-align: center;
	padding: 48px;
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text-faint);
}
.gk-cal-header {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 5px;
	margin-bottom: 5px;
}
.gk-cal-header__day {
	text-align: center;
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--gk-text);
	padding: 8px 0;
}
.gk-cal-header__day--weekend { color: var(--gk-text-faint); }

.gk-cal-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 5px;
}
.gk-cal-cell {
	min-height: 108px;
	background: var(--gk-paper);
	border: 1px solid var(--gk-border);
	border-radius: 12px;
	padding: 9px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.gk-cal-cell--empty {
	background: transparent;
	border: none;
	min-height: 0;
}
.gk-cal-cell--weekend {
	background: #F7F2EA;
	border-color: var(--gk-border-soft);
}
.gk-cal-cell--today {
	background: #FFFCF0;
	border: 2px solid var(--gk-gold);
}
.gk-cal-cell__num {
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--gk-text);
}
.gk-cal-cell--weekend .gk-cal-cell__num { color: var(--gk-text-faint); }
.gk-cal-cell__today-circle {
	width: 28px;
	height: 28px;
	background: var(--gk-gold);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 900;
	color: var(--gk-brown);
	margin-bottom: 2px;
}
.gk-cal-pill {
	display: block;
	width: 100%;
	text-align: left;
	border: none;
	border-radius: 6px;
	padding: 3px 7px;
	font-family: var(--gk-font-body);
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
	transition: opacity 0.15s ease;
}
.gk-cal-pill:hover { opacity: 0.85; }


/* ── Druckauswahl-Dialog ── */

.gk-print-dialog {
	max-width: 620px;
	max-height: 85vh;
	display: flex;
	flex-direction: column;
}
.gk-print-dialog__header {
	padding: 24px 28px 18px;
	border-bottom: 2px solid var(--gk-border-line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
}
.gk-print-dialog__title {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0;
}
.gk-print-dialog__body {
	padding: 20px 28px;
	overflow-y: auto;
	flex: 1;
}
.gk-print-dialog__quick {
	display: flex;
	gap: 8px;
	margin-bottom: 18px;
}
.gk-print-quick {
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 700;
	color: var(--gk-text-muted);
	background: var(--gk-cream);
	border: none;
	border-radius: 20px;
	padding: 6px 14px;
	cursor: pointer;
	min-height: 32px;
}
.gk-print-quick:hover { background: var(--gk-cream-hover); }

.gk-print-month { margin-bottom: 18px; }
.gk-print-month__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}
.gk-print-month__check {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-family: var(--gk-font-head);
	font-size: 15px;
	color: var(--gk-text);
}
.gk-print-month__check input { width: 18px; height: 18px; accent-color: var(--gk-green); cursor: pointer; }
.gk-print-month__count {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
	font-weight: 400;
}
.gk-print-month__weeks { display: flex; gap: 4px; }
.gk-print-week {
	font-family: var(--gk-font-head);
	font-size: 11px;
	font-weight: 700;
	color: var(--gk-text-muted);
	background: var(--gk-cream);
	border: 1px solid var(--gk-border);
	border-radius: 8px;
	padding: 3px 10px;
	cursor: pointer;
	min-height: 28px;
}
.gk-print-week:hover { border-color: var(--gk-gold); background: var(--gk-paper); }

.gk-print-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 10px;
	cursor: pointer;
	transition: background-color 0.12s ease;
}
.gk-print-item:hover { background: var(--gk-cream); }
.gk-print-item input { width: 16px; height: 16px; accent-color: var(--gk-green); cursor: pointer; flex-shrink: 0; }
.gk-print-item__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}
.gk-print-item__info { flex: 1; min-width: 0; }
.gk-print-item__title {
	display: block;
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--gk-text);
	line-height: 1.3;
}
.gk-print-item__meta {
	display: block;
	font-family: var(--gk-font-body);
	font-size: 11px;
	color: var(--gk-text-faint);
	margin-top: 1px;
}

.gk-print-dialog__footer {
	padding: 16px 28px;
	border-top: 2px solid var(--gk-border-line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-shrink: 0;
}
.gk-print-dialog__count {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-faint);
}
.gk-print-dialog__submit {
	min-height: 46px;
	padding: 12px 24px;
	font-size: 14px;
}
.gk-print-dialog__submit:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

@media (max-width: 600px) {
	.gk-print-dialog { max-width: 100%; }
	.gk-print-dialog__header { padding: 18px 20px 14px; }
	.gk-print-dialog__body { padding: 16px 20px; }
	.gk-print-dialog__footer { padding: 14px 20px; flex-direction: column; }
	.gk-print-dialog__title { font-size: 17px; }
	.gk-print-month__header { flex-direction: column; align-items: flex-start; }
}


/* ── Termin-Detail-Modal ── */

@keyframes gkFadeIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes gkModalIn { from { opacity: 0; transform: scale(0.96) translateY(14px); } to { opacity: 1; transform: scale(1) translateY(0); } }

.gk-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
	animation: gkFadeIn 0.2s ease;
}
.gk-modal[hidden] { display: none; }
.gk-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(61, 43, 31, 0.65);
	cursor: pointer;
}
.gk-modal__dialog {
	position: relative;
	background: var(--gk-paper);
	border-radius: 28px;
	width: 100%;
	max-width: 560px;
	overflow: hidden;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.3);
	animation: gkModalIn 0.25s ease;
	max-height: 90vh;
	overflow-y: auto;
}
.gk-modal__header {
	padding: 28px 32px 24px;
	position: relative;
}
.gk-modal__cat-icon {
	font-size: 38px;
	margin-bottom: 10px;
}
.gk-modal__cat-label {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 700;
	padding: 5px 12px;
	border-radius: 20px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.gk-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, 0.2);
	border: none;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gk-modal__close:hover { background: rgba(255, 255, 255, 0.35); }

.gk-modal__body { padding: 28px 32px; }

.gk-modal__date-row {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}
.gk-modal__date-card {
	background: var(--gk-cream);
	border-radius: 16px;
	padding: 10px 18px;
	text-align: center;
	flex-shrink: 0;
}
.gk-modal__date-wday {
	font-family: var(--gk-font-body);
	font-size: 11px;
	color: var(--gk-text-faint);
}
.gk-modal__date-day {
	font-family: var(--gk-font-head);
	font-size: 30px;
	font-weight: 900;
	color: var(--gk-text);
	line-height: 1;
}
.gk-modal__date-month {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-muted);
}
.gk-modal__time {
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text-soft);
	margin-bottom: 6px;
}
.gk-modal__today-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: var(--gk-green);
	color: #fff;
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 20px;
}
.gk-modal__today-badge[hidden] { display: none; }

.gk-modal__title {
	font-family: var(--gk-font-head);
	font-size: 26px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 12px;
}
.gk-modal__desc {
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text-soft);
	margin: 0 0 20px;
	line-height: 1.65;
}
.gk-modal__info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 22px;
}
.gk-modal__info-tile {
	background: var(--gk-cream);
	border-radius: 12px;
	padding: 12px 14px;
}
.gk-modal__info-label {
	font-family: var(--gk-font-body);
	font-size: 11px;
	color: var(--gk-text-faint);
	margin-bottom: 3px;
}
.gk-modal__info-value {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--gk-text);
}

.gk-modal__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.gk-modal__cal-actions {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}
.gk-modal__cal-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 800;
	padding: 11px 8px;
	border-radius: 12px;
	text-decoration: none;
	text-align: center;
	min-height: 44px;
}
.gk-modal__cal-btn--dark {
	background: var(--gk-brown);
	color: var(--gk-paper);
}
.gk-modal__cal-btn--dark:hover { background: var(--gk-brown-darker); }
.gk-modal__cal-btn--gold {
	background: var(--gk-gold);
	color: var(--gk-brown);
}
.gk-modal__cal-btn--gold:hover { background: var(--gk-gold-hover); }
.gk-modal__cal-btn--outline {
	background: transparent;
	color: var(--gk-text);
	border: 2px solid var(--gk-border-input);
}
.gk-modal__cal-btn--outline:hover { background: var(--gk-cream); }
.gk-modal__action-primary {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 800;
	padding: 14px 24px;
	border-radius: 14px;
	border: none;
	cursor: pointer;
	width: 100%;
	min-height: 52px;
	text-decoration: none;
	text-align: center;
}
.gk-modal__action-primary:hover { background: var(--gk-gold-hover); }
.gk-modal__action-back {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: transparent;
	color: var(--gk-text-muted);
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	border-radius: 14px;
	border: none;
	cursor: pointer;
	width: 100%;
}
.gk-modal__action-back:hover { background: var(--gk-cream); }

@media (max-width: 600px) {
	.gk-modal { padding: 16px; }
	.gk-modal__dialog { border-radius: 20px; }
	.gk-modal__header { padding: 22px 20px 18px; }
	.gk-modal__body { padding: 20px; }
	.gk-modal__title { font-size: 22px; }
	.gk-modal__info { grid-template-columns: 1fr; }
	.gk-modal__date-day { font-size: 24px; }
	.gk-modal__cal-actions { grid-template-columns: 1fr; }
}


/* ── Responsive: Termine ── */
@media (max-width: 980px) {
	.gk-termine-toolbar { flex-direction: column; }
	.gk-cal-cell { min-height: 70px; padding: 6px; }
	.gk-cal-cell__num { font-size: 13px; }
	.gk-cal-header__day { font-size: 11px; }
	.gk-cal-pill { font-size: 9px; padding: 2px 5px; }
	.gk-termine-viewtoggle { align-self: flex-start; }
	.gk-termine-hero__inner {
		flex-direction: column;
		gap: 20px;
	}
	.gk-termine-hero__icon {
		width: 80px;
		height: 80px;
		border-radius: 22px;
	}
	.gk-termine-hero__icon span {
		font-size: 38px;
	}
	.gk-termine-hero__title {
		font-size: 34px;
	}
	.gk-termin-card {
		flex-direction: column;
		gap: 14px;
	}
	.gk-termin-card__date {
		width: 100%;
		height: auto;
		flex-direction: row;
		gap: 8px;
		padding: 10px 16px;
		border-radius: 12px;
	}
	.gk-termin-card__details {
		align-self: flex-start;
	}
	.gk-ferien-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.gk-termine-monthnav {
		gap: 12px;
	}
	.gk-termine-monthnav__label {
		font-size: 17px;
		min-width: auto;
	}
}

@media (max-width: 600px) {
	.gk-termine-hero__actions {
		flex-direction: column;
	}
	.gk-termine-hero__actions .gk-btn {
		width: 100%;
	}
	.gk-ferien-grid {
		grid-template-columns: 1fr;
	}
	.gk-abo-cta__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.gk-termine-monthnav__btn {
		font-size: 13px;
		padding: 8px 10px;
	}
}

/* ── Druck-Styles ── */
@media print {
	.gk-termine-hero__actions,
	.gk-termine-filter,
	.gk-termine-monthnav__btn,
	.gk-termin-card__details,
	.gk-abo-cta,
	.gk-ferien-card__soon-badge,
	.site-header,
	.site-footer,
	.gk-wave,
	.gk-breadcrumb,
	.cookie-banner {
		display: none !important;
	}
	.gk-termine-hero {
		background: none !important;
		padding: 20px 0;
	}
	.gk-termin-card {
		box-shadow: none;
		border: 1px solid #ccc;
		break-inside: avoid;
	}
	.gk-ferien-card {
		box-shadow: none;
		border: 1px solid #ccc;
		break-inside: avoid;
	}
	.gk-ferien-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.gk-termine-month {
		break-inside: avoid;
	}
}


/* 18. SUCHE & ALLGEMEINE FORMULARE ------------------------------------------ */

.search-form {
	display: flex;
	gap: 8px;
	max-width: 480px;
}
.search-form .search-field {
	flex: 1;
	font-family: var(--gk-font-body);
	font-size: 15px;
	border: 2px solid var(--gk-border-input);
	border-radius: 50px;
	padding: 12px 20px;
	background: var(--gk-paper);
	color: var(--gk-text);
}
.search-form .search-field:focus {
	border-color: var(--gk-gold);
	outline: none;
}
.search-form .search-submit {
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-weight: 800;
	border: none;
	border-radius: 50px;
	padding: 12px 24px;
	cursor: pointer;
	min-height: 48px;
}
.search-form .search-submit:hover { background: var(--gk-gold-hover); }

.gk-no-results {
	text-align: center;
	padding: 48px 24px;
}
.gk-no-results__title {
	font-family: var(--gk-font-head);
	font-size: 28px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 12px;
}

/* Sidebar / Widgets */
.sidebar { display: flex; flex-direction: column; gap: 24px; }
.widget {
	background: var(--gk-cream);
	border-radius: var(--gk-radius);
	padding: 28px;
}
.widget-title {
	font-family: var(--gk-font-head);
	font-size: 18px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 16px;
}
.widget ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.widget ul a { color: var(--gk-text); text-decoration: none; font-family: var(--gk-font-body); font-size: 14px; }
.widget ul a:hover { color: var(--gk-orange); }


/* 20. ELTERNPORTAL ---------------------------------------------------------- */

/* Login-Formular */
.gk-ep-login {
	display: flex;
	justify-content: center;
	padding: 24px 0;
}
.gk-ep-login__card {
	background: var(--gk-cream);
	border-radius: 28px;
	padding: 48px 40px;
	max-width: 420px;
	width: 100%;
	text-align: center;
	box-shadow: 0 4px 24px rgba(61, 43, 31, 0.08);
}
.gk-ep-login__icon { font-size: 48px; margin-bottom: 16px; }
.gk-ep-login__title {
	font-family: var(--gk-font-head);
	font-size: 28px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 8px;
}
.gk-ep-login__desc {
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text-muted);
	margin: 0 0 24px;
}
.gk-ep-login__card .login-username label,
.gk-ep-login__card .login-password label {
	display: block;
	font-family: var(--gk-font-body);
	font-size: 14px;
	font-weight: 600;
	color: var(--gk-text);
	margin-bottom: 6px;
	text-align: left;
}
.gk-ep-login__card .login-username input,
.gk-ep-login__card .login-password input {
	width: 100%;
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text);
	background: var(--gk-paper);
	border: 2px solid var(--gk-border-input);
	border-radius: 14px;
	padding: 13px 16px;
	margin-bottom: 16px;
	box-sizing: border-box;
}
.gk-ep-login__card .login-username input:focus,
.gk-ep-login__card .login-password input:focus {
	border-color: var(--gk-gold);
	outline: none;
}
.gk-ep-login__card .login-remember { text-align: left; margin-bottom: 20px; }
.gk-ep-login__card .login-remember label {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-muted);
}
.gk-ep-login__card .login-submit .button {
	width: 100%;
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-family: var(--gk-font-head);
	font-size: 16px;
	font-weight: 800;
	padding: 14px;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	min-height: 52px;
}
.gk-ep-login__card .login-submit .button:hover { background: var(--gk-gold-hover); }
.gk-ep-login__help {
	margin: 16px 0 0;
	font-family: var(--gk-font-body);
	font-size: 13px;
}
.gk-ep-login__help a { color: var(--gk-orange); text-decoration: none; }
.gk-ep-login__help a:hover { color: var(--gk-orange-hover); }
.gk-ep-login__register {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--gk-border-line);
	text-align: center;
}
.gk-ep-login__register p {
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-muted);
	margin: 0 0 10px;
}
.gk-ep-login__register .gk-btn { width: 100%; }

/* Portal-Layout (Nav + Content) */
.gk-ep-layout {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 36px;
	align-items: start;
}

/* Portal-Navigation */
.gk-ep-nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
	position: sticky;
	top: 100px;
}
.gk-ep-nav__item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 600;
	color: var(--gk-text-muted);
	text-decoration: none;
	padding: 10px 16px;
	border-radius: 12px;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.gk-ep-nav__item:hover { background: var(--gk-cream); color: var(--gk-text); }
.gk-ep-nav__item.is-active {
	background: var(--gk-gold);
	color: var(--gk-brown);
	font-weight: 800;
}
.gk-ep-nav__item--logout { margin-top: 12px; color: var(--gk-text-faint); }
.gk-ep-nav__item--logout:hover { background: #FCE9E4; color: var(--gk-orange); }
.gk-ep-nav__icon { font-size: 18px; flex-shrink: 0; }

/* Sektions-Titel */
.gk-ep-section-title {
	font-family: var(--gk-font-head);
	font-size: 26px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 24px;
}
.gk-ep-section-subtitle {
	font-family: var(--gk-font-head);
	font-size: 18px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 14px;
}

/* Kinder-Chips */
.gk-ep-kinder-bar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 28px; }
.gk-ep-kind-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--gk-cream);
	padding: 8px 16px;
	border-radius: 50px;
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--gk-text);
}
.gk-ep-kind-chip__icon { font-size: 16px; }
.gk-ep-kind-display {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 13px 16px;
	background: var(--gk-cream);
	border-radius: 14px;
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--gk-text);
}
.gk-ep-kind-display__icon { font-size: 20px; }

/* Dashboard-Karten */
.gk-ep-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-bottom: 36px;
}
.gk-ep-card {
	background: var(--gk-paper);
	border: 2px solid var(--gk-border);
	border-radius: 20px;
	padding: 24px 20px;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
	transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.gk-ep-card:hover {
	border-color: var(--gk-gold);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(253, 179, 10, 0.18);
}
.gk-ep-card--orange:hover { border-color: var(--gk-orange); box-shadow: 0 6px 20px rgba(236, 71, 32, 0.15); }
.gk-ep-card__icon { font-size: 32px; }
.gk-ep-card__label {
	font-family: var(--gk-font-head);
	font-size: 16px;
	font-weight: 800;
	color: var(--gk-text);
}
.gk-ep-card__desc {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-muted);
}

/* Dashboard-Sektionen */
.gk-ep-dashboard-section { margin-bottom: 32px; }
.gk-ep-dashboard-section__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}
.gk-ep-dashboard-section__link {
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--gk-orange);
	text-decoration: none;
}

/* Krankmeldungs-Items */
.gk-ep-km-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 12px 0;
	border-bottom: 1px solid var(--gk-border-line);
}
.gk-ep-km-item:last-child { border-bottom: none; }
.gk-ep-km-item__date {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 800;
	color: var(--gk-orange);
	min-width: 70px;
	flex-shrink: 0;
}
.gk-ep-km-item__info { flex: 1; min-width: 0; }
.gk-ep-km-item__info strong {
	display: block;
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--gk-text);
}
.gk-ep-km-item__klasse {
	display: inline-block;
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
	background: var(--gk-cream);
	padding: 2px 8px;
	border-radius: 8px;
	margin-top: 2px;
}
.gk-ep-km-item__grund {
	display: block;
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-muted);
	margin-top: 2px;
}
.gk-ep-km-item__meta {
	font-family: var(--gk-font-body);
	font-size: 11px;
	color: var(--gk-text-faint);
	flex-shrink: 0;
}

/* Platzhalter */
.gk-ep-placeholder {
	text-align: center;
	padding: 48px 24px;
	color: var(--gk-text-muted);
}
.gk-ep-placeholder h2 {
	font-family: var(--gk-font-head);
	font-size: 22px;
	font-weight: 900;
	margin: 12px 0 8px;
}

/* Nachrichten-Liste */
.gk-ep-msg-list { display: flex; flex-direction: column; gap: 8px; }
.gk-ep-msg-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	background: var(--gk-paper);
	border: 1px solid var(--gk-border-soft);
	border-radius: 16px;
	text-decoration: none;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.gk-ep-msg-item:hover {
	box-shadow: 0 4px 16px rgba(61, 43, 31, 0.1);
	transform: translateY(-1px);
}
.gk-ep-msg-item--unread {
	background: var(--gk-cream);
	border-color: var(--gk-gold);
	border-width: 2px;
}
.gk-ep-msg-item--wichtig { border-left: 4px solid var(--gk-orange); }
.gk-ep-msg-item__icon { font-size: 24px; flex-shrink: 0; }
.gk-ep-msg-item__body { flex: 1; min-width: 0; }
.gk-ep-msg-item__title {
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--gk-text);
	margin-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gk-ep-msg-item--unread .gk-ep-msg-item__title { font-weight: 900; }
.gk-ep-msg-item__excerpt {
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gk-ep-msg-item__right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
	flex-shrink: 0;
}
.gk-ep-msg-item__date {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
	white-space: nowrap;
}

/* Badges */
.gk-ep-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-family: var(--gk-font-head);
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 20px;
}
.gk-ep-badge--info { background: var(--gk-gold); color: var(--gk-brown); }
.gk-ep-badge--warning { background: #FCE9E4; color: var(--gk-orange); }
.gk-ep-badge--success { background: var(--gk-success-bg); color: var(--gk-green); }

/* Nachrichten-Einzelansicht */
.gk-ep-msg-single__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}
.gk-ep-msg-single__back {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--gk-orange);
	text-decoration: none;
}
.gk-ep-msg-single__back:hover { color: var(--gk-orange-hover); }
.gk-ep-msg-single__meta {
	display: flex;
	gap: 16px;
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text-faint);
	margin-bottom: 12px;
}
.gk-ep-msg-single__title {
	font-family: var(--gk-font-head);
	font-size: 28px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 20px;
	line-height: 1.15;
}
.gk-ep-msg-single__content { margin-bottom: 24px; }
.gk-ep-msg-single__attachment { margin-bottom: 24px; }
.gk-ep-msg-single__confirm {
	padding: 20px;
	background: var(--gk-cream);
	border-radius: 16px;
	text-align: center;
}
.gk-ep-msg-confirm {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 700;
}
.gk-ep-msg-confirm--done { color: var(--gk-green); }
.gk-ep-msg-confirm__icon { font-size: 20px; }
.gk-ep-msg-confirm__btn { min-height: 48px; font-size: 15px; }

/* Einwilligungen */
.gk-ep-ew-list { display: flex; flex-direction: column; gap: 12px; }
.gk-ep-ew-item {
	background: var(--gk-paper);
	border: 1px solid var(--gk-border-soft);
	border-radius: 16px;
	overflow: hidden;
	transition: box-shadow 0.15s ease;
}
.gk-ep-ew-item:hover { box-shadow: 0 4px 16px rgba(61, 43, 31, 0.08); }
.gk-ep-ew-item--open { border-color: var(--gk-gold); border-width: 2px; }
.gk-ep-ew-item__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 22px;
}
.gk-ep-ew-item__info { flex: 1; min-width: 0; }
.gk-ep-ew-item__title {
	font-family: var(--gk-font-head);
	font-size: 16px;
	font-weight: 800;
	color: var(--gk-text);
	margin: 0 0 4px;
}
.gk-ep-ew-item__title a { color: inherit; text-decoration: none; }
.gk-ep-ew-item__title a:hover { color: var(--gk-orange); }
.gk-ep-ew-item__meta {
	display: flex;
	gap: 14px;
	font-family: var(--gk-font-body);
	font-size: 13px;
	color: var(--gk-text-faint);
}
.gk-ep-ew-item__status { flex-shrink: 0; }
.gk-ep-ew-item__detail {
	padding: 0 22px 22px;
	border-top: 1px solid var(--gk-border-line);
}
.gk-ep-ew-item__content { margin: 16px 0; }
.gk-ep-ew-form { margin-top: 20px; }
.gk-ep-ew-form__hint {
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 700;
	color: var(--gk-text);
	margin: 0 0 14px;
}
.gk-ep-ew-form__buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.gk-ep-ew-btn { min-height: 52px; font-size: 15px; flex: 1; }
.gk-ep-ew-form__legal {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
	margin: 14px 0 0;
	text-align: center;
}

/* Profil */
.gk-ep-profil-section {
	background: var(--gk-cream);
	border-radius: var(--gk-radius);
	padding: 28px;
}
.gk-ep-kinder-liste { display: flex; flex-direction: column; gap: 10px; }
.gk-ep-kind-row {
	display: flex;
	gap: 8px;
	align-items: center;
}
.gk-ep-kind-row__input,
.gk-ep-kind-row__select {
	flex: 1;
	font-family: var(--gk-font-body);
	font-size: 14px;
	color: var(--gk-text);
	background: var(--gk-paper);
	border: 2px solid var(--gk-border-input);
	border-radius: 12px;
	padding: 10px 14px;
}
.gk-ep-kind-row__select { min-width: 100px; }
.gk-ep-kind-row__input:focus,
.gk-ep-kind-row__select:focus { border-color: var(--gk-gold); outline: none; }
.gk-ep-kind-row__remove {
	width: 36px;
	height: 36px;
	background: rgba(236, 71, 32, 0.1);
	color: var(--gk-orange);
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.gk-ep-kind-row__remove:hover { background: rgba(236, 71, 32, 0.2); }
.gk-ep-profil-add-kind {
	margin-top: 10px;
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--gk-green);
	background: none;
	border: 2px dashed var(--gk-green);
	border-radius: 12px;
	padding: 10px 18px;
	cursor: pointer;
	width: 100%;
	text-align: center;
}
.gk-ep-profil-add-kind:hover { background: rgba(74, 155, 63, 0.06); }

/* Upload-Feld */
.gk-ep-upload__input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
}
.gk-ep-upload__label {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 24px 20px;
	background: var(--gk-paper);
	border: 2px dashed var(--gk-border-input);
	border-radius: 14px;
	cursor: pointer;
	text-align: center;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}
.gk-ep-upload__label:hover { border-color: var(--gk-gold); background: var(--gk-cream); }
.gk-ep-upload__input:focus + .gk-ep-upload__label { border-color: var(--gk-gold); }
.gk-ep-upload__icon { font-size: 28px; }
.gk-ep-upload__text {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	color: var(--gk-text);
}
.gk-ep-upload__hint {
	font-family: var(--gk-font-body);
	font-size: 12px;
	color: var(--gk-text-faint);
}

/* Responsive */
@media (max-width: 980px) {
	.gk-ep-layout { grid-template-columns: 1fr; gap: 24px; }
	.gk-ep-nav {
		flex-direction: row;
		overflow-x: auto;
		gap: 6px;
		position: static;
		padding-bottom: 4px;
		-webkit-overflow-scrolling: touch;
	}
	.gk-ep-nav__item { white-space: nowrap; padding: 8px 14px; font-size: 13px; }
	.gk-ep-nav__item--logout { margin-top: 0; }
	.gk-ep-cards { grid-template-columns: 1fr; }
	.gk-ep-login__card { padding: 32px 24px; }
	.gk-ep-login__title { font-size: 24px; }
	.gk-ep-kind-row { flex-wrap: wrap; }
	.gk-ep-kind-row__input { min-width: 120px; }
	.gk-ep-profil-section { padding: 20px 18px; }
	.gk-ep-ew-item__header { flex-direction: column; align-items: flex-start; gap: 8px; }
	.gk-ep-ew-form__buttons { flex-direction: column; }
}


/* 21. SCHULE ---------------------------------------------------------------- */

/* Hero */
.gk-schule-hero {
	position: relative;
	height: 420px;
	overflow: hidden;
}
.gk-schule-hero__media {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, #1E1208 0%, #3D2B1F 50%, #5A3E2E 100%);
	z-index: 0;
}
.gk-schule-hero__overlay {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	height: 100%;
	padding-bottom: 48px;
	color: #fff;
}
.gk-schule-hero__overlay .gk-breadcrumb { margin-bottom: 12px; }
.gk-schule-hero__overlay .gk-breadcrumb a,
.gk-schule-hero__overlay .gk-breadcrumb span { color: rgba(255,255,255,0.7); }
.gk-schule-hero__overlay .gk-breadcrumb a:hover { color: #fff; }
.gk-schule-hero__title {
	font-family: var(--gk-font-head);
	font-size: 54px;
	font-weight: 900;
	line-height: 1.1;
	color: #fff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.35);
	margin: 0 0 12px;
}
.gk-schule-hero__subtitle {
	font-size: 18px;
	color: rgba(255,255,255,0.85);
	margin: 0 0 24px;
	max-width: 640px;
}
.gk-schule-hero__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.gk-schule-hero__badge {
	display: inline-flex;
	align-items: center;
	padding: 8px 18px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
}
.gk-schule-hero__badge--gold {
	background: var(--gk-gold);
	color: var(--gk-brown);
}
.gk-schule-hero__badge--glass {
	background: rgba(255,255,255,0.15);
	color: #fff;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

/* Tab-Navigation */
.gk-schule-tabs {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
	border-bottom: 1px solid var(--gk-border);
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.gk-schule-tabs__inner {
	display: flex;
	max-width: var(--gk-content-max);
	margin: 0 auto;
	padding: 0 var(--gk-pad-x);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.gk-schule-tabs__inner::-webkit-scrollbar { display: none; }
.gk-schule-tab {
	flex-shrink: 0;
	padding: 16px 20px;
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	font-family: var(--gk-font-head);
	font-size: 15px;
	font-weight: 600;
	color: var(--gk-text-muted);
	cursor: pointer;
	white-space: nowrap;
	transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.gk-schule-tab:hover {
	background: var(--gk-cream);
	color: var(--gk-text);
}
.gk-schule-tab.is-active {
	color: var(--gk-brown);
	font-weight: 800;
	border-bottom-color: var(--gk-gold);
}

/* Profil-Grid */
.gk-schule-profil__grid {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 48px;
	align-items: start;
	margin-top: 32px;
}
.gk-schule-profil__text p {
	margin-bottom: 16px;
	line-height: 1.75;
}

/* Zitat-Block */
.gk-schule-zitat {
	background: var(--gk-cream);
	border-radius: var(--gk-radius);
	padding: 28px 32px;
	margin: 24px 0 28px;
	position: relative;
}
.gk-schule-zitat__mark {
	position: absolute;
	top: 12px;
	left: 20px;
	font-size: 56px;
	line-height: 1;
	color: var(--gk-gold);
	opacity: 0.3;
}
.gk-schule-zitat p {
	font-style: italic;
	font-size: 17px;
	line-height: 1.7;
	margin: 0 0 8px;
	position: relative;
	z-index: 1;
}
.gk-schule-zitat cite {
	font-size: 14px;
	color: var(--gk-text-muted);
	font-style: normal;
}

/* Eckdaten-Card */
.gk-schule-eckdaten {
	background: #fff;
	border-radius: var(--gk-radius);
	border-left: 4px solid var(--gk-orange);
	padding: 28px 24px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.gk-schule-eckdaten__title {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 800;
	margin: 0 0 20px;
	color: var(--gk-brown);
}
.gk-schule-eckdaten__row {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 12px 0;
	border-bottom: 1px solid var(--gk-border);
}
.gk-schule-eckdaten__row:last-child { border-bottom: none; }
.gk-schule-eckdaten__icon {
	font-size: 22px;
	flex-shrink: 0;
	width: 32px;
	text-align: center;
}
.gk-schule-eckdaten__label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--gk-text-muted);
	margin-bottom: 2px;
}
.gk-schule-eckdaten__value {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: var(--gk-brown);
}

/* Schwerpunkte */
.gk-schule-schwerpunkte-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-top: 32px;
}
.gk-schule-schwerpunkt {
	background: #fff;
	border-radius: var(--gk-radius);
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,0.06);
	transition: transform 0.2s, box-shadow 0.2s;
}
.gk-schule-schwerpunkt:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.gk-schule-schwerpunkt__image {
	height: 200px;
	position: relative;
	display: flex;
	align-items: flex-end;
	padding: 16px;
}
.gk-schule-schwerpunkt__image--green {
	background: linear-gradient(135deg, #2A6C24 0%, #4A9B3F 100%);
}
.gk-schule-schwerpunkt__image--red {
	background: linear-gradient(135deg, #B82814 0%, #EC4720 100%);
}
.gk-schule-schwerpunkt__badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}
.gk-schule-schwerpunkt__body { padding: 24px; }
.gk-schule-schwerpunkt__icon-wrap {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	margin-bottom: 16px;
}
.gk-schule-schwerpunkt__icon-wrap--green { background: rgba(74,155,63,0.12); }
.gk-schule-schwerpunkt__icon-wrap--red   { background: rgba(236,71,32,0.12); }
.gk-schule-schwerpunkt__title {
	font-family: var(--gk-font-head);
	font-size: 22px;
	font-weight: 800;
	margin: 0 0 12px;
	color: var(--gk-brown);
}
.gk-schule-schwerpunkt__desc {
	font-size: 15px;
	line-height: 1.7;
	color: var(--gk-text-soft);
	margin: 0 0 16px;
}
.gk-schule-schwerpunkt__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* Tags */
.gk-tag {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
}
.gk-tag--green  { background: rgba(74,155,63,0.12);  color: #2A6C24; }
.gk-tag--orange { background: rgba(236,71,32,0.12);  color: #B82814; }
.gk-tag--cream  { background: var(--gk-cream);       color: var(--gk-text-soft); }

/* Team: Highlight-Box */
.gk-schule-team-highlight {
	background: var(--gk-cream);
	border-radius: var(--gk-radius);
	padding: 32px;
	margin: 32px 0 40px;
}
.gk-schule-team-highlight__row {
	display: flex;
	gap: 28px;
	align-items: flex-start;
}
.gk-schule-team-highlight__photo {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: var(--gk-orange);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gk-schule-team-highlight__img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
}
.gk-schule-team-highlight__initial {
	font-family: var(--gk-font-head);
	font-size: 36px;
	font-weight: 800;
	color: #fff;
}
.gk-schule-team-highlight__name {
	font-family: var(--gk-font-head);
	font-size: 22px;
	font-weight: 800;
	color: var(--gk-brown);
	margin: 0 0 4px;
}
.gk-schule-team-highlight__rolle {
	font-size: 14px;
	color: var(--gk-text-muted);
	margin: 0 0 12px;
	font-weight: 600;
}
.gk-schule-team-highlight__zitat {
	border: none;
	margin: 0;
	padding: 0;
}
.gk-schule-team-highlight__zitat p {
	font-style: italic;
	font-size: 16px;
	line-height: 1.65;
	color: var(--gk-text-soft);
	margin: 0;
}
.gk-schule-team-highlight__stellv {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--gk-border-line);
	font-size: 15px;
	color: var(--gk-text-soft);
}
.gk-schule-team-highlight__stellv-photo {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--gk-gold);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--gk-font-head);
	font-size: 18px;
	font-weight: 800;
	color: var(--gk-brown);
	overflow: hidden;
}
.gk-schule-team-stellv__img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
}

/* Team: Section-Titel */
.gk-schule-team-section-title {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 800;
	color: var(--gk-brown);
	margin: 0 0 20px;
}

/* Team: Grid */
.gk-schule-team-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	margin-bottom: 40px;
}
.gk-schule-team-card {
	background: #fff;
	border-radius: var(--gk-radius);
	padding: 24px;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.gk-schule-team-card__photo {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 auto 12px;
	background: var(--gk-cream);
	border: 3px solid var(--gk-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--gk-font-head);
	font-size: 22px;
	font-weight: 800;
	color: var(--gk-brown);
	overflow: hidden;
}
.gk-schule-team-card__img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
}
.gk-schule-team-card__name {
	font-family: var(--gk-font-head);
	font-size: 16px;
	font-weight: 700;
	color: var(--gk-brown);
	margin: 0 0 4px;
}
.gk-schule-team-card__rolle {
	font-size: 13px;
	color: var(--gk-text-muted);
	margin: 0 0 12px;
}
.gk-schule-team-card__tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
}

/* Team: Weitere Teams */
.gk-schule-team-weitere { margin-bottom: 32px; }
.gk-schule-team-liste {
	list-style: none;
	padding: 0;
	margin: 0;
}
.gk-schule-team-liste li {
	padding: 10px 0;
	border-bottom: 1px solid var(--gk-border);
	font-size: 15px;
	color: var(--gk-text-soft);
}
.gk-schule-team-liste li:last-child { border-bottom: none; }

/* Legende */
.gk-schule-legende {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0 0 28px;
	font-size: 14px;
	color: var(--gk-text-soft);
}
.gk-schule-legende__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.gk-schule-legende__dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: inline-block;
}

/* Klassen-Grid */
.gk-schule-klassen-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.gk-schule-klasse {
	background: #fff;
	border-radius: var(--gk-radius);
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.gk-schule-klasse__header {
	padding: 16px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}
.gk-schule-klasse__name {
	font-family: var(--gk-font-head);
	font-weight: 800;
	font-size: 16px;
}
.gk-schule-klasse__count {
	font-size: 13px;
	opacity: 0.9;
}
.gk-schule-klasse__body { padding: 16px 20px; }
.gk-schule-klasse__lehrer {
	font-size: 14px;
	color: var(--gk-text-soft);
	margin: 0 0 12px;
}
.gk-schule-klasse__toggle {
	background: none;
	border: none;
	color: var(--gk-gold);
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	padding: 0;
	font-family: var(--gk-font-body);
}
.gk-schule-klasse__toggle:hover { text-decoration: underline; }
.gk-schule-klasse__detail {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--gk-border);
	font-size: 14px;
	color: var(--gk-text-soft);
}
.gk-schule-klasse__detail p {
	margin: 0 0 6px;
}

/* AG-Grid */
.gk-schule-ag-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.gk-schule-ag {
	background: #fff;
	border-radius: var(--gk-radius);
	padding: 24px;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	transition: transform 0.2s;
}
.gk-schule-ag:hover {
	transform: translateY(-2px);
}
.gk-schule-ag__emoji {
	font-size: 36px;
	display: block;
	margin-bottom: 12px;
}
.gk-schule-ag__name {
	font-family: var(--gk-font-head);
	font-size: 16px;
	font-weight: 700;
	color: var(--gk-brown);
	margin: 0 0 8px;
}
.gk-schule-ag__desc {
	font-size: 14px;
	color: var(--gk-text-muted);
	margin: 0;
	line-height: 1.5;
}

/* Intro-Text */
.gk-schule-intro-text {
	font-size: 17px;
	color: var(--gk-text-soft);
	max-width: 700px;
	line-height: 1.7;
	margin-bottom: 40px;
}

/* Timeline */
.gk-schule-timeline {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 32px;
	padding: 0 40px;
	margin-bottom: 48px;
}
.gk-schule-timeline__line {
	position: absolute;
	top: 48px;
	left: 88px;
	right: 88px;
	height: 4px;
	/* Farbfolge kommt als --gk-timeline-farben je Seite aus page-schule.php
	   (passend zur gewaehlten Reihenfolge/Farbe pro Schritt), nur die
	   Verlaufsrichtung ist hier pro Breakpoint fest (horizontal Desktop). */
	background: linear-gradient(90deg, var(--gk-timeline-farben, var(--gk-gold), var(--gk-orange), var(--gk-green)));
	border-radius: 2px;
}
.gk-schule-timeline__step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	flex: 1;
	/* Ohne min-width:0 koennen Flex-Elemente nicht schmaler werden als ihr
	   laengstes unteilbares Wort (z. B. "Einschulungsuntersuchung") - das
	   zwingt sonst einzelne Spalten breiter als andere und macht dadurch
	   auch deren Fliesstext ungleichmaessig breit. */
	min-width: 0;
	position: relative;
	z-index: 1;
}
.gk-schule-timeline__circle {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	margin-bottom: 20px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.gk-schule-timeline__content {
	/* align-self:stretch statt des vom Elternflex geerbten align-items:center -
	   sonst schrumpft der Block auf die (schmalere) Breite der Ueberschrift
	   statt die volle verfuegbare Spaltenbreite zu nutzen. */
	align-self: stretch;
	width: 100%;
	max-width: 280px;
}
.gk-schule-timeline__zeit {
	display: inline-block;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 4px 12px;
	border-radius: 20px;
	white-space: nowrap;
	margin-bottom: 12px;
}
.gk-schule-timeline__content h3 {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 800;
	color: var(--gk-brown);
	margin: 0 0 8px;
	overflow-wrap: break-word;
}
.gk-schule-timeline__content p {
	font-size: 14px;
	line-height: 1.65;
	color: var(--gk-text-soft);
	margin: 0;
}

/* CTA-Reihe */
.gk-schule-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.gk-btn--outline-orange {
	display: inline-flex;
	align-items: center;
	padding: 12px 28px;
	border: 2px solid var(--gk-orange);
	border-radius: 999px;
	font-family: var(--gk-font-head);
	font-weight: 700;
	font-size: 15px;
	color: var(--gk-orange);
	background: transparent;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}
.gk-btn--outline-orange:hover {
	background: var(--gk-orange);
	color: #fff;
}

/* Leitbild */
.gk-schule-leitbild {
	background: var(--gk-green);
	position: relative;
	overflow: hidden;
	padding: 80px 0 60px;
}
.gk-schule-leitbild__deko {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.gk-schule-leitbild__inner {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
}
.gk-eyebrow--white {
	color: rgba(255,255,255,0.6);
}
.gk-section-title--white {
	color: #fff;
}

/* Werte-Grid */
.gk-schule-werte-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin: 40px 0;
}
.gk-schule-wert {
	background: rgba(255,255,255,0.12);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-radius: var(--gk-radius);
	padding: 32px 24px;
	text-align: center;
}
.gk-schule-wert__emoji {
	font-size: 40px;
	display: block;
	margin-bottom: 16px;
}
.gk-schule-wert__title {
	font-family: var(--gk-font-head);
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 2px;
	color: #fff;
	margin: 0 0 12px;
}
.gk-schule-wert p {
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255,255,255,0.85);
	margin: 0;
}

/* Leitbild-Zitat */
.gk-schule-leitbild__zitat {
	max-width: 700px;
	margin: 40px auto 0;
	border: none;
	padding: 0;
}
.gk-schule-leitbild__zitat p {
	font-size: 26px;
	font-style: italic;
	font-family: var(--gk-font-head);
	line-height: 1.5;
	color: #fff;
	margin: 0 0 12px;
}
.gk-schule-leitbild__zitat cite {
	font-size: 14px;
	color: rgba(255,255,255,0.6);
	font-style: normal;
}

/* Schule-spezifische Footer-Welle wird vom Template geliefert */
.page-template-page-schule > .site > .gk-wave { display: none; }

/* Schule Responsive */
@media (max-width: 980px) {
	.gk-schule-hero { height: 340px; }
	.gk-schule-hero__title { font-size: 36px; }
	.gk-schule-hero__subtitle { font-size: 16px; }
	.gk-schule-hero__overlay { padding-bottom: 32px; }

	.gk-schule-tabs__inner { padding: 0 16px; }
	.gk-schule-tab { padding: 12px 16px; font-size: 13px; }

	.gk-schule-profil__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.gk-schule-schwerpunkte-grid { grid-template-columns: 1fr; }

	.gk-schule-team-highlight__row { flex-direction: column; align-items: center; text-align: center; }
	.gk-schule-team-grid { grid-template-columns: repeat(2, 1fr); }

	.gk-schule-klassen-grid { grid-template-columns: repeat(2, 1fr); }
	.gk-schule-ag-grid { grid-template-columns: repeat(2, 1fr); }

	.gk-schule-timeline {
		flex-direction: column;
		align-items: flex-start;
		padding: 0 0 0 48px;
		gap: 32px;
	}
	.gk-schule-timeline__line {
		top: 0;
		bottom: 0;
		left: 24px;
		right: auto;
		width: 4px;
		height: auto;
		background: linear-gradient(180deg, var(--gk-timeline-farben, var(--gk-gold), var(--gk-orange), var(--gk-green)));
	}
	.gk-schule-timeline__step {
		flex-direction: row;
		align-items: flex-start;
		text-align: left;
		gap: 20px;
	}
	.gk-schule-timeline__circle {
		width: 64px;
		height: 64px;
		font-size: 24px;
		margin-bottom: 0;
		flex-shrink: 0;
	}
	.gk-schule-timeline__content {
		/* In der mobilen Row-Anordnung (Icon + Text nebeneinander) steuert
		   flex-grow statt align-self die Breite - ohne das hier wuerde der
		   Block weiterhin auf die Textbreite von h3/p schrumpfen. */
		max-width: none;
		flex: 1;
		min-width: 0;
	}

	.gk-schule-werte-grid { grid-template-columns: 1fr; }
	.gk-schule-leitbild__zitat p { font-size: 20px; }
	.gk-schule-leitbild { padding: 60px 0 40px; }
}

@media (max-width: 600px) {
	.gk-schule-hero { height: 300px; }
	.gk-schule-hero__title { font-size: 28px; }
	.gk-schule-hero__badges { flex-direction: column; gap: 8px; }

	.gk-schule-team-grid { grid-template-columns: 1fr; }
	.gk-schule-klassen-grid { grid-template-columns: 1fr; }
	.gk-schule-ag-grid { grid-template-columns: 1fr; }

	.gk-schule-cta-row { flex-direction: column; }
	.gk-schule-cta-row .gk-btn,
	.gk-schule-cta-row .gk-btn--outline-orange { width: 100%; text-align: center; justify-content: center; }
}


/* 22. SCHÜLERZEITUNG --------------------------------------------------------- */

.gk-sz-hero {
	background: var(--gk-cream);
	padding: 32px var(--gk-pad-x) 0;
	position: relative;
	overflow: hidden;
}

.gk-sz-masthead {
	text-align: center;
	max-width: 760px;
	margin: 22px auto 0;
	position: relative;
	z-index: 1;
}
.gk-sz-masthead__kicker {
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 800;
	color: var(--gk-orange);
	text-transform: uppercase;
	letter-spacing: 0.18em;
	margin-bottom: 10px;
}
.gk-sz-masthead__title-row {
	display: flex;
	align-items: center;
	gap: 18px;
	justify-content: center;
	margin-bottom: 14px;
}
.gk-sz-masthead__rule {
	flex: 1;
	max-width: 120px;
	height: 3px;
	background: var(--gk-brown);
	border-radius: 2px;
}
.gk-sz-masthead__title {
	font-family: var(--gk-font-head);
	font-size: 68px;
	font-weight: 900;
	color: var(--gk-brown);
	margin: 0;
	line-height: 1;
}
.gk-sz-masthead__meta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
	font-family: var(--gk-font-body);
	font-size: 14px;
	font-weight: 600;
	color: var(--gk-text-muted);
	margin-bottom: 28px;
}

.gk-sz-cover {
	max-width: var(--gk-content-max);
	margin: 0 auto;
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 8px 34px rgba(61, 43, 31, 0.18);
}
.gk-sz-cover img { width: 100%; height: 420px; object-fit: cover; display: block; }
.gk-sz-cover__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(29, 20, 14, 0.78) 0%, rgba(29, 20, 14, 0.15) 55%, rgba(29, 20, 14, 0) 100%);
}
.gk-sz-cover__text { position: absolute; left: 40px; right: 40px; bottom: 32px; }
.gk-sz-cover__badge {
	background: var(--gk-orange);
	color: var(--gk-paper);
	font-family: var(--gk-font-head);
	font-size: 13px;
	font-weight: 800;
	padding: 6px 14px;
	border-radius: 50px;
	display: inline-block;
	margin-bottom: 14px;
}
.gk-sz-cover__text h2 {
	font-family: var(--gk-font-head);
	font-size: 32px;
	font-weight: 900;
	color: #fff;
	margin: 0 0 8px;
	line-height: 1.15;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
.gk-sz-cover__text p {
	font-family: var(--gk-font-body);
	font-size: 16px;
	color: rgba(255, 255, 255, 0.92);
	margin: 0;
	font-weight: 500;
}

.gk-sz-chips {
	max-width: var(--gk-content-max);
	margin: 0 auto;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 26px 0 40px;
}
.gk-sz-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: var(--gk-paper);
	color: var(--gk-text);
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	padding: 10px 18px;
	border-radius: 50px;
	text-decoration: none;
	box-shadow: 0 2px 10px rgba(61, 43, 31, 0.08);
	transition: box-shadow 0.18s ease;
}
.gk-sz-chip:hover { box-shadow: 0 4px 16px rgba(61, 43, 31, 0.16); }

.gk-sz-h2 {
	font-family: var(--gk-font-head);
	font-size: 34px;
	font-weight: 900;
	color: var(--gk-text);
	margin: 0 0 18px;
	line-height: 1.12;
	max-width: 820px;
}

.gk-sz-byline {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 30px;
	padding-bottom: 24px;
	border-bottom: 2px solid var(--gk-border);
	flex-wrap: wrap;
}
.gk-sz-byline__icon {
	width: 44px;
	height: 44px;
	background: var(--gk-orange);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
}
.gk-sz-byline__name { font-family: var(--gk-font-head); font-size: 15px; font-weight: 800; color: var(--gk-text); }
.gk-sz-byline__meta { font-family: var(--gk-font-body); font-size: 13px; color: var(--gk-text-faint); }

.gk-sz-lead-grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	align-items: start;
}
.gk-sz-article { font-family: var(--gk-font-body); font-size: 16px; color: var(--gk-text); line-height: 1.8; }
.gk-sz-article img {
	width: 100%;
	border-radius: 18px;
	margin-bottom: 22px;
	display: block;
	box-shadow: 0 4px 20px rgba(61, 43, 31, 0.12);
}
.gk-sz-article p { margin: 0 0 20px; }

.gk-sz-quote {
	margin: 24px 0;
	padding: 18px 24px;
	border-left: 5px solid var(--gk-gold);
	background: var(--gk-cream);
	border-radius: 0 14px 14px 0;
}
.gk-sz-quote p {
	margin: 0;
	font-family: var(--gk-font-head);
	font-size: 17px;
	font-weight: 700;
	color: var(--gk-text);
	line-height: 1.5;
	font-style: italic;
}
.gk-sz-quote footer { margin-top: 8px; font-family: var(--gk-font-body); font-size: 13px; color: var(--gk-text-muted); font-weight: 600; }

.gk-sz-factbox {
	background: var(--gk-cream);
	border-radius: 20px;
	padding: 26px 24px;
	position: sticky;
	top: 20px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.gk-sz-factbox__title {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 800;
	color: var(--gk-text);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: 2px;
}
.gk-sz-factbox__value { font-family: var(--gk-font-head); font-size: 20px; font-weight: 900; }
.gk-sz-factbox__date { font-family: var(--gk-font-head); font-size: 15px; font-weight: 800; color: var(--gk-text); }
.gk-sz-factbox__desc { font-family: var(--gk-font-body); font-size: 13px; color: var(--gk-text-muted); }
.gk-sz-factbox__item--divider { border-top: 1.5px solid var(--gk-border); padding-top: 14px; }

.gk-sz-gallery { margin-top: 36px; }
.gk-sz-gallery__label {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 800;
	color: var(--gk-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 14px;
}
.gk-sz-gallery__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.gk-sz-gallery__item { margin: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 12px rgba(61, 43, 31, 0.08); }
.gk-sz-gallery__item img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.gk-sz-gallery__item figcaption { font-family: var(--gk-font-body); font-size: 12px; color: var(--gk-text-muted); padding: 8px 4px; }

.gk-sz-qa { margin-top: 44px; }
.gk-sz-qa h3 { font-family: var(--gk-font-head); font-size: 22px; font-weight: 900; color: var(--gk-text); margin: 0 0 6px; }
.gk-sz-qa__legend { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-faint); margin-bottom: 22px; }
.gk-sz-qa__list { display: flex; flex-direction: column; gap: 12px; }
.gk-sz-qa__item { background: var(--gk-cream); border-radius: 16px; padding: 20px 24px; }
.gk-sz-qa__q { font-family: var(--gk-font-head); font-size: 16px; font-weight: 800; color: var(--gk-orange); margin-bottom: 8px; }
.gk-sz-qa__a { font-family: var(--gk-font-body); font-size: 15px; color: var(--gk-text); line-height: 1.7; }

.gk-sz-contest {
	background: linear-gradient(135deg, var(--gk-gold), var(--gk-gold-hover));
	border-radius: 28px;
	padding: 48px 52px;
	position: relative;
	overflow: hidden;
}
.gk-sz-contest > * { position: relative; z-index: 1; }
.gk-sz-contest__badge {
	font-family: var(--gk-font-head);
	font-size: 12px;
	font-weight: 800;
	color: var(--gk-text);
	text-transform: uppercase;
	letter-spacing: 0.14em;
	background: rgba(61, 43, 31, 0.12);
	padding: 6px 14px;
	border-radius: 50px;
}
.gk-sz-contest h2 { font-family: var(--gk-font-head); font-size: 34px; font-weight: 900; color: var(--gk-text); margin: 20px 0 16px; line-height: 1.12; }
.gk-sz-contest p { font-family: var(--gk-font-body); font-size: 16px; color: var(--gk-text); line-height: 1.75; margin: 0 0 16px; max-width: 680px; }
.gk-sz-contest__facts { display: flex; gap: 14px; flex-wrap: wrap; }
.gk-sz-contest__fact { background: var(--gk-paper); border-radius: 14px; padding: 14px 20px; }
.gk-sz-contest__fact-label { font-family: var(--gk-font-head); font-size: 13px; font-weight: 800; color: var(--gk-text); }
.gk-sz-contest__fact-desc { font-family: var(--gk-font-body); font-size: 13px; color: var(--gk-text-muted); }

.gk-sz-joke {
	display: flex;
	align-items: center;
	gap: 16px;
	background: var(--gk-paper);
	border-radius: 18px;
	padding: 22px 26px;
	margin-top: 22px;
}
.gk-sz-joke > span { font-size: 28px; flex-shrink: 0; }
.gk-sz-joke__title { font-family: var(--gk-font-head); font-size: 15px; font-weight: 800; color: var(--gk-text); margin-bottom: 2px; }
.gk-sz-joke__text { font-family: var(--gk-font-body); font-size: 15px; color: var(--gk-text-soft); line-height: 1.6; }

.gk-sz-intro { font-family: var(--gk-font-body); font-size: 16px; color: var(--gk-text-muted); margin: 0 0 32px; max-width: 620px; line-height: 1.6; }

.gk-sz-interviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.gk-sz-interview-card {
	background: var(--gk-cream);
	border-radius: 22px;
	padding: 28px 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.gk-sz-interview-card__head { display: flex; align-items: center; gap: 12px; }
.gk-sz-interview-card__avatar {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	flex-shrink: 0;
}
.gk-sz-interview-card__name { font-family: var(--gk-font-head); font-size: 17px; font-weight: 800; color: var(--gk-text); }
.gk-sz-interview-card__role { font-family: var(--gk-font-body); font-size: 12px; color: var(--gk-text-muted); }
.gk-sz-interview-card__qa { display: flex; flex-direction: column; gap: 11px; }
.gk-sz-interview-card__q { font-family: var(--gk-font-head); font-size: 13px; font-weight: 800; color: var(--gk-text); margin-bottom: 2px; }
.gk-sz-interview-card__a { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-soft); line-height: 1.55; }
.gk-sz-interview-card__pet { background: var(--gk-paper); border-radius: 14px; padding: 14px 16px; margin-top: 4px; }
.gk-sz-interview-card__pet-label {
	font-family: var(--gk-font-head);
	font-size: 11px;
	font-weight: 800;
	color: var(--gk-green);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: 4px;
}
.gk-sz-interview-card__pet-value { font-family: var(--gk-font-head); font-size: 15px; font-weight: 800; color: var(--gk-text); margin-bottom: 6px; }
.gk-sz-interview-card__pet-note { font-family: var(--gk-font-body); font-size: 12px; color: var(--gk-text-muted); line-height: 1.5; }

.gk-sz-mascot-tip {
	display: flex;
	align-items: center;
	gap: 20px;
	background: var(--gk-cream);
	border-radius: 18px;
	padding: 20px 24px;
	margin-top: 22px;
}
.gk-sz-mascot-tip img { width: 96px; height: 96px; object-fit: contain; background: #fff; border-radius: 14px; flex-shrink: 0; padding: 6px; box-sizing: border-box; }
.gk-sz-mascot-tip__label {
	font-family: var(--gk-font-head);
	font-size: 11px;
	font-weight: 800;
	color: var(--gk-green);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: 2px;
}
.gk-sz-mascot-tip__text { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-soft); }

.gk-sz-credit { text-align: center; font-family: var(--gk-font-body); font-size: 13px; color: var(--gk-text-faint); margin-top: 20px; }

.gk-sz-comic { background: var(--gk-paper); border-radius: 22px; padding: 28px; box-shadow: 0 3px 18px rgba(61, 43, 31, 0.08); }
.gk-sz-comic img { width: 100%; border-radius: 14px; display: block; }
.gk-sz-comic__credit { text-align: right; font-family: var(--gk-font-body); font-size: 13px; color: var(--gk-text-faint); margin-top: 12px; }

.gk-sz-puzzle {
	display: flex;
	align-items: center;
	gap: 20px;
	background: var(--gk-paper);
	border-radius: 22px;
	padding: 26px 30px;
	margin-top: 22px;
}
.gk-sz-puzzle__icon {
	width: 64px;
	height: 64px;
	border-radius: 18px;
	background: var(--gk-green);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	flex-shrink: 0;
}
.gk-sz-puzzle__title { font-family: var(--gk-font-head); font-size: 18px; font-weight: 800; color: var(--gk-text); margin-bottom: 4px; }
.gk-sz-puzzle__text { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-soft); line-height: 1.6; }

.gk-sz-mystery { background: var(--gk-brown); padding: 60px var(--gk-pad-x); }
.gk-sz-mystery__grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px; align-items: center; }
.gk-sz-mystery__img { border-radius: 20px; overflow: hidden; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); transform: rotate(-2deg); }
.gk-sz-mystery__img img { width: 100%; display: block; }
.gk-sz-mystery__kicker { font-family: var(--gk-font-head); font-size: 12px; font-weight: 800; color: var(--gk-gold); text-transform: uppercase; letter-spacing: 0.14em; }
.gk-sz-mystery h2 { font-family: var(--gk-font-head); font-size: 32px; font-weight: 900; color: var(--gk-paper); margin: 16px 0 16px; line-height: 1.2; }
.gk-sz-mystery p { font-family: var(--gk-font-body); font-size: 16px; color: var(--gk-footer-text); line-height: 1.8; margin: 0 0 14px; }
.gk-sz-mystery p:last-child { margin-bottom: 0; }
.gk-sz-mystery strong { color: var(--gk-gold); }

.gk-sz-farewell { display: grid; grid-template-columns: 1.3fr 1fr; gap: 44px; align-items: center; margin-bottom: 40px; }
.gk-sz-farewell h2 { font-family: var(--gk-font-head); font-size: 32px; font-weight: 900; color: var(--gk-text); margin: 0 0 18px; line-height: 1.2; }
.gk-sz-farewell p { font-family: var(--gk-font-body); font-size: 16px; color: var(--gk-text); line-height: 1.8; margin: 0 0 16px; }
.gk-sz-farewell__signature { font-family: var(--gk-font-head); font-size: 16px; font-weight: 800; color: var(--gk-text); margin-top: 20px; }
.gk-sz-farewell__img { border-radius: 22px; overflow: hidden; box-shadow: 0 6px 26px rgba(61, 43, 31, 0.14); }
.gk-sz-farewell__img img { width: 100%; display: block; }

.gk-sz-cta { text-align: center; margin-top: 36px; }

@media (max-width: 980px) {
	.gk-sz-masthead__title { font-size: 46px; }
	.gk-sz-lead-grid { grid-template-columns: 1fr; }
	.gk-sz-factbox { position: static; }
	.gk-sz-gallery__grid { grid-template-columns: repeat(2, 1fr); }
	.gk-sz-interviews { grid-template-columns: 1fr; }
	.gk-sz-mystery__grid { grid-template-columns: 1fr; }
	.gk-sz-farewell { grid-template-columns: 1fr; }
	.gk-sz-farewell__img { order: -1; }
}

@media (max-width: 600px) {
	.gk-sz-masthead__title { font-size: 34px; }
	.gk-sz-masthead__rule { display: none; }
	.gk-sz-cover img { height: 260px; }
	.gk-sz-cover__text h2 { font-size: 24px; }
	.gk-sz-gallery__grid { grid-template-columns: repeat(2, 1fr); }
	.gk-sz-contest { padding: 32px 24px; }
	.gk-sz-contest h2 { font-size: 26px; }
}


/* 23. GLOSSAR ----------------------------------------------------------------- */

/* Icon-Hero: Icon-Kachel + Titel/Untertitel nebeneinander - wiederverwendet
   von Glossar, OGS, Schulverein & Co. (Modifier fuer die Icon-Farbe). */
.gk-icon-hero__inner { display: flex; align-items: center; gap: 52px; }
.gk-icon-hero__icon {
	flex-shrink: 0;
	width: 104px;
	height: 104px;
	background: var(--gk-gold);
	border-radius: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 46px;
	box-shadow: 0 8px 32px rgba(253, 179, 10, 0.35);
}
.gk-icon-hero__icon--green {
	background: var(--gk-green);
	box-shadow: 0 8px 32px rgba(74, 155, 63, 0.32);
}

.gk-glossar-search { max-width: 440px; position: relative; margin-top: 4px; }
.gk-glossar-search__icon {
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: var(--gk-text-faint);
	pointer-events: none;
}
.gk-glossar-search__input {
	width: 100%;
	box-sizing: border-box;
	border: 2px solid var(--gk-border);
	border-radius: 50px;
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text);
	background: var(--gk-paper);
	outline: none;
	padding: 14px 44px 14px 46px;
}
.gk-glossar-search__input:focus { border-color: var(--gk-gold); }
.gk-glossar-search__clear {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: none;
	background: rgba(61, 43, 31, 0.08);
	color: var(--gk-text);
	font-size: 14px;
	cursor: pointer;
}
.gk-glossar-search__clear:hover { background: rgba(61, 43, 31, 0.16); }

.gk-glossar-layout {
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 36px;
	align-items: start;
	max-width: 880px;
}

.gk-glossar-rail {
	position: sticky;
	top: 24px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.gk-glossar-rail__letter {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: transparent;
	color: var(--gk-green);
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}
.gk-glossar-rail__letter:hover { background: var(--gk-cream); }
.gk-glossar-rail__letter.is-active { background: var(--gk-green); color: var(--gk-paper); font-weight: 800; }
.gk-glossar-rail__letter.is-disabled { opacity: 0.35; pointer-events: none; }

.gk-glossar-empty {
	padding: 48px 20px;
	text-align: center;
	font-family: var(--gk-font-body);
	font-size: 15px;
	color: var(--gk-text-faint);
}

.gk-glossar-group { margin-bottom: 36px; scroll-margin-top: 24px; }
.gk-glossar-group__letter { font-family: var(--gk-font-head); font-size: 24px; font-weight: 900; color: var(--gk-green); margin: 0 0 14px; }
.gk-glossar-list { margin: 0; display: flex; flex-direction: column; gap: 18px; }
.gk-glossar-entry { border-bottom: 1px solid var(--gk-border); padding-bottom: 18px; }
.gk-glossar-entry__term { font-family: var(--gk-font-head); font-size: 18px; font-weight: 800; color: var(--gk-text); margin: 0 0 5px; }
.gk-glossar-entry__text { font-family: var(--gk-font-body); font-size: 15px; color: var(--gk-text-muted); line-height: 1.65; margin: 0; }

@media (max-width: 980px) {
	.gk-icon-hero__inner { flex-direction: column; align-items: flex-start; gap: 20px; }

	.gk-glossar-layout { grid-template-columns: 1fr; }
	.gk-glossar-rail {
		position: static;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 6px;
		margin-bottom: 24px;
	}
	.gk-glossar-rail__letter { width: 32px; height: 32px; border-radius: 9px; font-size: 13px; background: var(--gk-cream); }
}


/* 24. OGS & SCHULVEREIN (+ gemeinsame "Unsere Schule"-Unterseiten-Leiste) ---- */

.gk-schule-subnav {
	background: var(--gk-paper);
	padding: 0 var(--gk-pad-x);
	border-bottom: 1px solid var(--gk-border);
	display: flex;
	gap: 2px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.gk-schule-subnav__link {
	font-family: var(--gk-font-head);
	font-size: 14px;
	font-weight: 600;
	color: var(--gk-text-muted);
	text-decoration: none;
	padding: 14px 16px;
	border-bottom: 3px solid transparent;
	white-space: nowrap;
}
.gk-schule-subnav__link:hover { color: var(--gk-text); }
.gk-schule-subnav__link.is-active { font-weight: 800; color: var(--gk-text); border-bottom-color: var(--gk-green); }

/* --- OGS --- */
.gk-ogs-intro { font-family: var(--gk-font-body); font-size: 16px; color: var(--gk-text-soft); line-height: 1.75; max-width: 820px; margin: 0 0 32px; }

.gk-ogs-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.gk-ogs-fact { background: var(--gk-cream); border-radius: 18px; padding: 26px 22px; }
.gk-ogs-fact__icon {
	width: 48px; height: 48px; background: var(--gk-paper); border-radius: 14px;
	display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 14px;
}
.gk-ogs-fact__label { font-family: var(--gk-font-head); font-size: 15px; font-weight: 800; color: var(--gk-text); margin-bottom: 6px; }
.gk-ogs-fact__text { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-muted); line-height: 1.6; }

.gk-ogs-kurzinfos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.gk-ogs-kurzinfo {
	background: var(--gk-paper); border-radius: 18px; padding: 24px;
	box-shadow: 0 3px 16px rgba(61, 43, 31, 0.07);
	display: flex; flex-direction: column; gap: 12px;
}
.gk-ogs-kurzinfo__head { display: flex; align-items: center; justify-content: space-between; }
.gk-ogs-kurzinfo__icon { width: 44px; height: 44px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.gk-ogs-kurzinfo__icon--gold   { background: var(--gk-cream); }
.gk-ogs-kurzinfo__icon--orange { background: #FBEAF0; }
.gk-ogs-kurzinfo__icon--gruen  { background: var(--gk-success-bg); }
.gk-ogs-kurzinfo__tag {
	font-family: var(--gk-font-head); font-size: 11px; font-weight: 800;
	padding: 4px 10px; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.04em;
}
.gk-ogs-kurzinfo__tag--gold   { background: var(--gk-cream); color: #C8A94E; }
.gk-ogs-kurzinfo__tag--orange { background: #FBEAF0; color: var(--gk-orange); }
.gk-ogs-kurzinfo__tag--gruen  { background: var(--gk-success-bg); color: var(--gk-green); }
.gk-ogs-kurzinfo__titel { font-family: var(--gk-font-head); font-size: 17px; font-weight: 800; color: var(--gk-text); line-height: 1.25; }
.gk-ogs-kurzinfo__text { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-muted); line-height: 1.6; margin: 0; }
.gk-ogs-kurzinfo__datum { font-family: var(--gk-font-body); font-size: 12px; color: var(--gk-text-faint); font-weight: 600; margin-top: auto; }

.gk-ogs-speiseplan { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-bottom: 20px; }
.gk-ogs-speisetag { background: var(--gk-cream); border-radius: 16px; padding: 20px 18px; display: flex; flex-direction: column; gap: 10px; }
.gk-ogs-speisetag__tag { font-family: var(--gk-font-head); font-size: 13px; font-weight: 800; color: var(--gk-green); text-transform: uppercase; letter-spacing: 0.06em; }
.gk-ogs-speisetag__gericht { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text); font-weight: 600; line-height: 1.5; flex: 1; }
.gk-ogs-speisetag__veggie { font-family: var(--gk-font-body); font-size: 12px; color: var(--gk-green); font-weight: 700; }

.gk-ogs-hinweis {
	display: flex; align-items: center; gap: 14px; background: var(--gk-cream);
	border-radius: 14px; padding: 16px 20px; flex-wrap: wrap;
	font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-muted);
}

.gk-ogs-kontakt { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.gk-ogs-kontakt-card {
	background: var(--gk-paper); border-radius: 20px; padding: 28px;
	box-shadow: 0 3px 16px rgba(61, 43, 31, 0.07);
	display: flex; gap: 20px;
}
.gk-ogs-kontakt-card--buero { display: block; }
.gk-ogs-kontakt-card__foto {
	width: 72px; height: 72px; border-radius: 20px; background: var(--gk-cream);
	border: 2px dashed var(--gk-green); flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 11px; font-family: var(--gk-font-head); font-weight: 700; color: var(--gk-green); text-align: center;
}
.gk-ogs-kontakt-card__name { font-family: var(--gk-font-head); font-size: 18px; font-weight: 800; color: var(--gk-text); margin-bottom: 2px; }
.gk-ogs-kontakt-card__rolle { font-family: var(--gk-font-body); font-size: 13px; color: var(--gk-text-faint); margin-bottom: 10px; }
.gk-ogs-kontakt-card__link { display: block; font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-green); font-weight: 600; text-decoration: none; margin-bottom: 4px; word-break: break-word; }
.gk-ogs-kontakt-card__link:hover { color: var(--gk-green-dark); }
.gk-ogs-kontakt-card__titel { font-family: var(--gk-font-head); font-size: 18px; font-weight: 800; color: var(--gk-text); margin-bottom: 12px; }
.gk-ogs-kontakt-card__text { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-muted); line-height: 1.8; }
.gk-ogs-kontakt-card__text .gk-ogs-kontakt-card__link { display: inline; margin: 0; }

/* --- Schulverein --- */
.gk-sv-ueber { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: start; }
.gk-sv-ueber p { font-family: var(--gk-font-body); font-size: 16px; color: var(--gk-text-soft); line-height: 1.75; margin: 0 0 16px; }
.gk-sv-ueber p:last-child { margin-bottom: 0; }

.gk-sv-foto-platzhalter {
	width: 100%; aspect-ratio: 4/3; background: var(--gk-cream); border-radius: 20px;
	border: 2px dashed var(--gk-orange);
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
}
.gk-sv-foto-platzhalter__label { font-family: var(--gk-font-head); font-size: 12px; font-weight: 700; color: var(--gk-orange); text-transform: uppercase; letter-spacing: 0.06em; }
.gk-sv-foto-platzhalter__sub { font-family: var(--gk-font-body); font-size: 12px; color: #C8A94E; }

.gk-sv-foerdern { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.gk-sv-foerdern-card { background: var(--gk-paper); border-radius: 18px; padding: 26px 22px; box-shadow: 0 3px 16px rgba(61, 43, 31, 0.07); }
.gk-sv-foerdern-card__icon {
	width: 48px; height: 48px; background: var(--gk-cream); border-radius: 14px;
	display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 14px;
}
.gk-sv-foerdern-card__titel { font-family: var(--gk-font-head); font-size: 16px; font-weight: 800; color: var(--gk-text); margin-bottom: 8px; }
.gk-sv-foerdern-card__text { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-muted); line-height: 1.6; }

.gk-sv-galerie { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.gk-sv-galerie .gk-sv-foto-platzhalter { aspect-ratio: 1; border-radius: 16px; border-color: var(--gk-green); }
.gk-sv-galerie .gk-sv-foto-platzhalter__label { color: var(--gk-green); }

.gk-sv-mitmachen { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.gk-sv-vorstand-card {
	background: var(--gk-paper); border-radius: 20px; padding: 28px;
	box-shadow: 0 3px 16px rgba(61, 43, 31, 0.07); display: flex; gap: 20px;
}
.gk-sv-vorstand-card__foto {
	width: 72px; height: 72px; border-radius: 20px; background: var(--gk-cream);
	border: 2px dashed var(--gk-orange); flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 11px; font-family: var(--gk-font-head); font-weight: 700; color: var(--gk-orange); text-align: center;
}
.gk-sv-vorstand-card__name { font-family: var(--gk-font-head); font-size: 18px; font-weight: 800; color: var(--gk-text); margin-bottom: 2px; }
.gk-sv-vorstand-card__rolle { font-family: var(--gk-font-body); font-size: 13px; color: var(--gk-text-faint); margin-bottom: 10px; }
.gk-sv-vorstand-card__link { display: block; font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-green); font-weight: 600; text-decoration: none; word-break: break-word; }
.gk-sv-vorstand-card__link:hover { color: var(--gk-green-dark); }

.gk-sv-mitglied-card { background: var(--gk-paper); border-radius: 20px; padding: 28px; box-shadow: 0 3px 16px rgba(61, 43, 31, 0.07); }
.gk-sv-mitglied-card__titel { font-family: var(--gk-font-head); font-size: 18px; font-weight: 800; color: var(--gk-text); margin-bottom: 12px; }
.gk-sv-mitglied-card__text { font-family: var(--gk-font-body); font-size: 14px; color: var(--gk-text-muted); line-height: 1.8; margin-bottom: 16px; }
.gk-sv-mitglied-card__text strong { color: var(--gk-text); }

@media (max-width: 980px) {
	.gk-ogs-facts { grid-template-columns: repeat(2, 1fr); }
	.gk-ogs-kurzinfos { grid-template-columns: 1fr; }
	.gk-ogs-speiseplan { grid-template-columns: 1fr; }
	.gk-ogs-kontakt { grid-template-columns: 1fr; }

	.gk-sv-ueber { grid-template-columns: 1fr; }
	.gk-sv-foerdern { grid-template-columns: 1fr; }
	.gk-sv-galerie { grid-template-columns: repeat(2, 1fr); }
	.gk-sv-mitmachen { grid-template-columns: 1fr; }
}


/* 19. RESPONSIVE ------------------------------------------------------------ */

@media (max-width: 980px) {
	:root { --gk-pad-x: 24px; }

	.gk-section { padding: 40px var(--gk-pad-x); }
	.gk-section-title { font-size: 30px; }

	.site-header__inner { height: 62px; padding: 0 18px; }
	.gk-lang--desktop { display: none; }
	.gk-lang--mobile  { display: flex; }
	.gk-header-mobile-right { display: flex; }
	.gk-ep-header-btn { display: none; }
	.menu-toggle { display: flex; }
	.main-navigation {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: var(--gk-paper);
		box-shadow: 0 8px 24px rgba(61, 43, 31, 0.16);
		padding: 12px;
		z-index: 80;
	}
	.main-navigation.toggled { display: block; }
	.main-navigation ul { flex-direction: column; align-items: stretch; gap: 4px; }
	.main-navigation li { display: flex; flex-direction: column; align-items: stretch; }
	.main-navigation .menu-item-has-children { flex-direction: row; flex-wrap: wrap; }
	.main-navigation .menu-item-has-children > a { flex: 1; }
	.main-navigation > ul > li > a { align-items: flex-start; gap: 1px; }
	.main-navigation .sub-menu { position: static; box-shadow: none; padding-left: 16px; width: 100%; }
	/* Kein Hover auf Touch-Geraeten: Untermenü bleibt zu, bis der Toggle-Button
	   (siehe GK_Nav_Walker in functions.php) es per JS oeffnet. */
	.main-navigation li:hover > .sub-menu,
	.main-navigation li:focus-within > .sub-menu { display: none; }
	.main-navigation li.submenu-open > .sub-menu { display: flex; }

	.gk-submenu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		flex-shrink: 0;
		background: transparent;
		border: none;
		color: var(--gk-text);
		font-size: 16px;
		cursor: pointer;
		border-radius: 8px;
		transition: transform 0.15s ease;
	}
	.gk-submenu-toggle:hover { background: var(--gk-cream); }
	.gk-submenu-toggle[aria-expanded="true"] { transform: rotate(180deg); }

	.hero__media { height: 320px; }
	.hero__overlay { left: 24px; right: 24px; bottom: 40px; }
	.hero__title { font-size: 30px; }
	.hero__subtitle { font-size: 16px; }

	.quicklinks__grid { flex-direction: column; }
	.news-grid { grid-template-columns: 1fr; }
	.termine-layout { grid-template-columns: 1fr; gap: 32px; }
	.features-grid { grid-template-columns: 1fr; }
	.contact-cards { grid-template-columns: 1fr; }
	.contact-grid { grid-template-columns: 1fr; gap: 32px; }
	.content-area { grid-template-columns: 1fr; padding: 32px var(--gk-pad-x); }
	.footer-widgets { grid-template-columns: 1fr; gap: 32px; }
	.footer-bottom { flex-direction: column; align-items: flex-start; }

	.page-hero__title { font-size: 34px; }
	.contact-hero { gap: 24px; }

	.cookie-banner__inner { flex-direction: column; align-items: flex-start; gap: 14px; }
	.cookie-banner__actions { width: 100%; }
	.cookie-banner__actions button { flex: 1; }
}

@media (max-width: 600px) {
	.form-row { grid-template-columns: 1fr; }
	.hero__actions { flex-direction: column; }
	.hero__actions .gk-btn { width: 100%; }
	.section-head { flex-direction: column; align-items: flex-start; }
}