/*
Theme Name: Liuba Grundschule
Theme URI: https://liuba-grundschule.de/
Author: Liuba-Grundschule Lübben (Spreewald)
Author URI: https://liuba-grundschule.de/
Description: Modernes, responsives Theme für die Liuba-Grundschule Lübben (Spreewald). Karten-Layout, mobiles Akkordeon-Menü, eingebaute Lightbox, Kommentar-Deaktivierung, Bildschutz, Inline-Datenschutz-Reader, Ferienkalender-Shortcode (Brandenburg) und vollständige Anpassung von The Events Calendar. Ohne externe Fonts oder Dienste (DSGVO-freundlich).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
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: liuba-grundschule
Tags: education, custom-menu, custom-logo, featured-images, right-sidebar, translation-ready, sticky-post
*/
/* =========================================================
1. Schriften (lokal, DSGVO-konform, Subset Latin + Umlaute)
========================================================= */
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/nunito-700.woff2') format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/nunito-800.woff2') format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/nunito-900.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/inter-700.woff2') format('woff2')}
/* =========================================================
2. Design-Tokens
========================================================= */
:root{
--c-primary:#253f81; /* Marineblau (Logo „Grundschule“ + Fluss) */
--c-primary-deep:#182a55;
--c-primary-soft:#0a6ca3; /* AA-sicheres Link-/Hover-Blau */
--c-primary-tint:#e7eef8;
--c-bright:#018cd0; /* Logo-Hellblau „LiUBA“ */
--c-red:#ce2225; /* Logo-Rot (Dach/Segel) */
--c-green:#7db639; /* Logo-Grün (Figur) */
--c-accent:#fdcc08; /* Logo-Sonnengelb */
--c-accent-deep:#8f6b00; /* AA-sicher für Text/Icon auf Hell */
--c-accent-tint:#fff6d6;
--c-bg:#f2f5fb;
--c-surface:#ffffff;
--c-ink:#1c2540;
--c-muted:#586089;
--c-line:#dbe3f2;
--c-on-primary:#ffffff; /* Textfarbe auf Kopf/Hero/Primärflächen */
--c-on-accent:#182a55; /* Textfarbe auf Akzentflächen (Buttons, Badges) */
--c-hero-glow:#33529e; /* Lichtpunkt im Hero-Verlauf */
--c-footer-bg:#182a55; /* Fußzeilen-Hintergrund */
--c-footer-ink:#cfe0f5; /* Fußzeilen-Text */
--f-display:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
--f-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
--radius:16px;
--radius-sm:10px;
--shadow-card:0 1px 2px rgba(24,42,85,.07),0 6px 18px -6px rgba(24,42,85,.14);
--shadow-pop:0 12px 40px -8px rgba(24,42,85,.30);
--w-content:1200px;
--w-text:760px;
--pad-x:clamp(16px,4vw,32px);
/* The Events Calendar – Farbanbindung */
--tec-color-accent-primary:var(--c-primary);
--tec-color-accent-primary-hover:var(--c-primary-soft);
--tec-color-accent-primary-active:var(--c-primary-deep);
--tec-color-accent-primary-background:var(--c-primary-tint);
--tec-color-button-primary:var(--c-primary);
--tec-color-button-primary-hover:var(--c-primary-soft);
--tec-color-button-primary-active:var(--c-primary-deep);
--tec-color-link-primary:var(--c-primary);
--tec-color-link-accent:var(--c-primary);
--tec-color-link-accent-hover:var(--c-primary-soft);
--tec-color-text-events-title:var(--c-ink);
--tec-color-text-event-date:var(--c-primary-deep);
--tec-color-background-events-bar-submit-button:var(--c-primary);
--tec-color-background-events-bar-submit-button-hover:var(--c-primary-soft);
--tec-font-family-sans-serif:var(--f-body);
--tec-font-family-base:var(--f-body);
}
/* =========================================================
3. Basis & Reset
========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--f-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;border:0}
figure{margin:0 0 1.25em}
a{color:var(--c-primary-soft);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--c-primary)}
:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4,h5,h6{font-family:var(--f-display);font-weight:800;line-height:1.2;color:var(--c-primary-deep);margin:1.4em 0 .5em}
h1{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:900}
h2{font-size:clamp(1.35rem,2.6vw,1.7rem)}
h3{font-size:1.2rem}
p{margin:0 0 1.1em}
hr{border:0;border-top:2px solid var(--c-line);margin:2em 0}
table{border-collapse:collapse;width:100%;margin:0 0 1.5em;background:var(--c-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}
/* Breite Tabellen im Inhalt: bei Bedarf horizontal scrollen statt Layout sprengen */
.entry-content table{display:block;width:max-content;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.entry-content{overflow-wrap:break-word}
.entry-content a{overflow-wrap:anywhere}
.entry-content pre{white-space:pre-wrap;word-break:break-word}
th,td{padding:.6em .8em;border-bottom:1px solid var(--c-line);text-align:left;vertical-align:top}
thead th,table tr:first-child th{background:var(--c-primary);color:#fff;font-family:var(--f-display);font-weight:800}
tbody tr:nth-child(even){background:#f7faf7}
blockquote{margin:1.5em 0;padding:1em 1.25em;background:var(--c-primary-tint);border-left:5px solid var(--c-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
blockquote p:last-child{margin-bottom:0}
code,pre{font-family:ui-monospace,'Cascadia Code',Consolas,monospace;font-size:.92em}
pre{background:var(--c-primary-deep);color:#e8f2ec;padding:1em 1.2em;border-radius:var(--radius-sm);overflow:auto}
.sr-only,.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--c-accent);color:var(--c-primary-deep);padding:.7em 1.2em;font-weight:700;z-index:10000;border-radius:0 0 var(--radius-sm) 0}
.skip-link:focus{left:0}
/* =========================================================
4. Layout
========================================================= */
.site{display:flex;min-height:100vh;flex-direction:column}
.site-main{flex:1}
.wrap{max-width:var(--w-content);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}
.content-area{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding:40px 0 64px}
.content-area.has-sidebar{grid-template-columns:minmax(0,1fr) 320px}
@media (max-width:980px){.content-area.has-sidebar{grid-template-columns:minmax(0,1fr)}}
/* =========================================================
5. Header & Navigation
========================================================= */
.site-header{background:var(--c-primary);color:var(--c-on-primary);position:sticky;top:0;z-index:900;box-shadow:0 2px 12px rgba(24,42,85,.28);border-top:4px solid var(--c-bright);transition:background .3s ease,box-shadow .3s ease,-webkit-backdrop-filter .3s ease,backdrop-filter .3s ease}
.header-inner{display:flex;align-items:center;gap:18px;min-height:72px;padding-top:8px;padding-bottom:8px;transition:min-height .32s ease,padding .32s ease,gap .32s ease}
.site-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--c-on-primary);min-width:0;transition:gap .32s ease}
.site-brand:hover{color:var(--c-on-primary)}
.custom-logo,.site-brand img{height:46px;width:auto;border-radius:10px;background:#fff;padding:4px 7px;flex:none;transition:height .32s ease,padding .32s ease,box-shadow .3s ease}
.site-brand.has-logo .custom-logo,.site-brand.has-logo img{height:var(--logo-h,72px)}
/* Logo ohne weiße Fläche (freigestellt direkt auf der Kopffarbe) */
.liuba-no-plate .custom-logo,.liuba-no-plate .site-brand img{background:transparent;padding:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
/* Wortmarken-Logo: kompletter Markentext nur für Screenreader/SEO,
damit das Menü sauber neben dem Logo umbrechen kann */
.site-brand.has-logo .brand-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.brand-text{min-width:0;transition:opacity .25s ease}
.site-title{font-family:var(--f-display);font-weight:900;font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.15;margin:0;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-subtitle{font-size:.78rem;opacity:.85;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main-nav{margin-left:auto}
/* --- Beim Scrollen: Header schiebt sich zusammen (Logo links bleibt) --- */
.is-scrolled .header-inner{min-height:56px;padding-top:3px;padding-bottom:3px;gap:14px}
.is-scrolled .custom-logo,.is-scrolled .site-brand img{height:40px;padding:3px 6px}
.is-scrolled .site-brand.has-logo .custom-logo,.is-scrolled .site-brand.has-logo img{height:calc(var(--logo-h,72px) * .78)}
.is-scrolled .site-subtitle{opacity:0;max-height:0;margin:0;overflow:hidden}
/* --- Glas-Transparenz beim Scrollen (alle Breiten) --- */
.is-scrolled{
background:rgba(37,63,129,.62); /* Fallback */
background:color-mix(in srgb, var(--c-primary) 62%, transparent);
-webkit-backdrop-filter:saturate(1.4) blur(18px);
backdrop-filter:saturate(1.4) blur(18px);
box-shadow:0 6px 26px rgba(24,42,85,.28)
}
/* Mobiles Menü offen: wieder deckend für Lesbarkeit */
.nav-open .site-header,.nav-open.is-scrolled .site-header{background:var(--c-primary);-webkit-backdrop-filter:none;backdrop-filter:none}
@media (max-width:560px){
.site-subtitle{display:none}
.custom-logo,.site-brand img{height:44px}
.site-brand.has-logo .custom-logo,.site-brand.has-logo img{height:min(var(--logo-h,72px),60px)}
.header-inner{min-height:66px}
}
/* Spreewald-Welle unter dem Header */
.header-wave{display:block;width:100%;height:14px;color:var(--c-primary)}
.header-wave svg{display:block;width:100%;height:100%}
/* Burger */
.menu-toggle{margin-left:auto;display:none;appearance:none;background:color-mix(in srgb,var(--c-on-primary) 12%,transparent);border:2px solid color-mix(in srgb,var(--c-on-primary) 35%,transparent);color:var(--c-on-primary);border-radius:10px;width:46px;height:44px;cursor:pointer;align-items:center;justify-content:center;flex:none}
.menu-toggle .bars{display:block;width:20px;height:2px;background:currentColor;position:relative;transition:background .15s}
.menu-toggle .bars::before,.menu-toggle .bars::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:transform .2s,top .2s}
.menu-toggle .bars::before{top:-6px}
.menu-toggle .bars::after{top:6px}
.nav-open .menu-toggle .bars{background:transparent}
.nav-open .menu-toggle .bars::before{top:0;transform:rotate(45deg)}
.nav-open .menu-toggle .bars::after{top:0;transform:rotate(-45deg)}
/* Desktop-Navigation */
.main-nav{margin-left:auto}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav > ul{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-end;align-items:center;row-gap:3px}
.main-nav a{display:block;color:var(--c-on-primary);text-decoration:none;font-family:var(--f-display);font-weight:700;font-size:.95rem;padding:.55em .8em;border-radius:9px;white-space:nowrap}
.main-nav > ul > li > a{position:relative}
.main-nav > ul > li > a:hover,.main-nav > ul > li > a:focus,
.main-nav > ul > li.current-menu-item > a,
.main-nav > ul > li.current-menu-ancestor > a{background:color-mix(in srgb,var(--c-on-primary) 16%,transparent)}
/* Hellblauer Aktiv-/Hover-Unterstrich (Logo-Farbe) */
.main-nav > ul > li > a::before{content:"";position:absolute;left:.7em;right:.7em;bottom:3px;height:3px;border-radius:3px;background:var(--c-bright);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.main-nav > ul > li > a:hover::before,.main-nav > ul > li > a:focus::before,
.main-nav > ul > li.current-menu-item > a::before,
.main-nav > ul > li.current-menu-ancestor > a::before{transform:scaleX(1)}
.main-nav li{position:relative}
.main-nav .sub-menu{position:absolute;left:0;top:100%;min-width:260px;background:var(--c-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:950}
.main-nav .sub-menu .sub-menu{left:100%;top:0}
.main-nav li:hover > .sub-menu,.main-nav li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.main-nav .sub-menu a{color:var(--c-ink);font-weight:600;font-size:.92rem;white-space:normal;border-radius:8px;padding:.5em .7em}
.main-nav .sub-menu a:hover,.main-nav .sub-menu a:focus{background:var(--c-primary-tint);color:var(--c-primary-deep)}
.main-nav .sub-menu li.current-menu-item > a{background:var(--c-primary);color:#fff}
/* Pfeil-Indikator für Elternpunkte */
.main-nav > ul > li.menu-item-has-children > a::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:.45em;opacity:.75}
.submenu-toggle{display:none}
/* Mobile: Push-down-Akkordeon (kein Scroll-Container!) */
@media (max-width:980px){
.site-header{position:relative}
.menu-toggle{display:flex}
.main-nav{display:none;margin:0;flex-basis:100%}
.nav-open .main-nav{display:block}
.main-nav > ul{display:block;padding:6px 0 14px}
.main-nav > ul > li > a::before{display:none}
.main-nav a{white-space:normal;font-size:1rem;padding:.7em .6em;border-radius:8px}
.main-nav > ul > li{border-top:1px solid rgba(255,255,255,.14)}
.main-nav > ul > li:first-child{border-top:0}
.main-nav li{display:block}
.main-nav li.menu-item-has-children{display:grid;grid-template-columns:1fr 48px;align-items:start}
.main-nav li.menu-item-has-children > a::after{display:none}
.submenu-toggle{display:flex;align-items:center;justify-content:center;grid-column:2;background:rgba(255,255,255,.1);border:0;border-radius:8px;color:#fff;width:44px;height:44px;margin-top:3px;cursor:pointer}
.submenu-toggle::before{content:"";width:9px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .2s}
.submenu-toggle[aria-expanded="true"]::before{transform:rotate(-135deg)}
.main-nav .sub-menu{position:static;grid-column:1 / -1;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(0,0,0,.18);border-radius:10px;padding:4px 6px;margin:2px 0 8px;display:none}
.main-nav li.open > .sub-menu{display:block}
.main-nav .sub-menu a{color:#fff}
.main-nav .sub-menu a:hover,.main-nav .sub-menu a:focus{background:rgba(255,255,255,.14);color:#fff}
.main-nav .sub-menu li.current-menu-item > a{background:var(--c-accent);color:var(--c-primary-deep)}
.main-nav .sub-menu .submenu-toggle{background:rgba(255,255,255,.08)}
}
/* =========================================================
6. Beitrags-Karten
========================================================= */
.page-header{margin:0 0 28px}
.page-header .page-title{margin:0 0 6px}
.page-header .page-desc{color:var(--c-muted);margin:0}
.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.content-area.has-sidebar .card-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.post-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;position:relative;border-top:3px solid var(--c-bright)}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop)}
.post-card.sticky{outline:3px solid var(--c-accent)}
.post-card .card-media{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--c-bright),var(--c-primary));display:block}
.post-card .card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.post-card:hover .card-media img{transform:scale(1.04)}
.post-card .card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;color:var(--c-muted)}
.card-meta time{font-weight:600}
.cat-chip{display:inline-block;background:color-mix(in srgb,var(--c-bright) 14%,#fff);color:var(--c-primary-deep);font-weight:700;font-size:.74rem;padding:.25em .8em;border-radius:99px;text-decoration:none}
.cat-chip:hover{background:var(--c-bright);color:#fff}
.post-card .card-title{margin:0;font-size:1.15rem;line-height:1.3}
.post-card .card-title a{color:var(--c-primary-deep);text-decoration:none}
.post-card .card-title a::after{content:"";position:absolute;inset:0}
.post-card .card-title a:hover{color:var(--c-bright)}
.card-excerpt{color:var(--c-muted);font-size:.94rem;margin:0}
.card-more{margin-top:auto;font-family:var(--f-display);font-weight:800;font-size:.9rem;color:var(--c-bright)}
.card-more::after{content:" →"}
/* Pagination */
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:40px 0 0}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .8em;background:var(--c-surface);border-radius:12px;box-shadow:var(--shadow-card);text-decoration:none;font-weight:700;color:var(--c-primary-deep)}
.pagination .page-numbers.current{background:var(--c-primary);color:#fff}
.pagination a.page-numbers:hover{background:var(--c-primary-tint)}
/* =========================================================
7. Einzelansicht / Seiten
========================================================= */
.entry{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}
.entry-header{padding:34px clamp(20px,4vw,44px) 0}
.entry-header .entry-title{margin:0 0 10px}
.entry-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--c-muted);font-size:.87rem;margin-bottom:6px}
.entry-thumb{margin:22px 0 0}
.entry-thumb img{width:100%;display:block}
.entry-content{padding:24px clamp(20px,4vw,44px) 36px;max-width:var(--w-text) }
.entry-content > :first-child{margin-top:0}
.entry-content a{font-weight:600}
.entry-content ul,.entry-content ol{padding-left:1.4em}
.entry-content li{margin-bottom:.35em}
.entry-content .wp-block-image img,.entry-content figure img{border-radius:var(--radius-sm)}
.entry-content .wp-block-gallery{gap:10px}
.entry-content iframe{max-width:100%;border-radius:var(--radius-sm)}
.wp-block-button__link,.entry-content .button,button,input[type=submit]{background:var(--c-primary);color:#fff;border:0;border-radius:12px;font-family:var(--f-display);font-weight:800;font-size:1rem;padding:.65em 1.4em;cursor:pointer;text-decoration:none;transition:background .15s}
.wp-block-button__link:hover,button:hover,input[type=submit]:hover{background:var(--c-primary-soft);color:#fff}
input[type=text],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=date],textarea,select{font:inherit;padding:.6em .8em;border:2px solid var(--c-line);border-radius:10px;background:#fff;color:var(--c-ink);max-width:100%}
input:focus,textarea:focus,select:focus{border-color:var(--c-primary);outline:none}
/* PDF-/Datei-Links im Inhalt hervorheben */
.entry-content a[href$=".pdf"],.entry-content a[href$=".docx"],.entry-content a[href$=".doc"],.entry-content a[href$=".odt"],.entry-content a[href$=".xlsx"]{display:inline-block;background:var(--c-accent-tint);border:2px solid var(--c-accent);color:var(--c-accent-deep);border-radius:10px;padding:.35em .9em .35em 2.2em;margin:.15em 0;font-weight:700;text-decoration:none;position:relative}
.entry-content a[href$=".pdf"]::before,.entry-content a[href$=".docx"]::before,.entry-content a[href$=".doc"]::before,.entry-content a[href$=".odt"]::before,.entry-content a[href$=".xlsx"]::before{content:"";position:absolute;left:.7em;top:50%;width:.9em;height:1.05em;transform:translateY(-50%);background:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,') center/contain no-repeat}
.entry-content a[href$=".pdf"]:hover,.entry-content a[href$=".docx"]:hover{background:var(--c-accent);color:var(--c-primary-deep)}
.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:28px}
.post-nav a{background:var(--c-surface);border-radius:12px;box-shadow:var(--shadow-card);padding:.8em 1.1em;text-decoration:none;font-weight:700;max-width:48%}
/* =========================================================
8. Sidebar & Widgets
========================================================= */
.widget-area{display:flex;flex-direction:column;gap:22px}
.widget{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px 22px}
.widget-title,.widget .widget-title,.widget h2,.widget h3{font-size:1.02rem;margin:0 0 14px;padding-bottom:10px;border-bottom:3px solid var(--c-bright);color:var(--c-primary-deep)}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:.4em 0;border-bottom:1px solid var(--c-line)}
.widget li:last-child{border-bottom:0}
.widget a{text-decoration:none;font-weight:600}
.widget a:hover{text-decoration:underline}
.widget_categories li,.widget_archive li{display:flex;justify-content:space-between;align-items:baseline}
.widget img{border-radius:var(--radius-sm)}
.widget select{width:100%}
/* Formulare/Eingaben in Widgets nie über die Seitenleiste hinausragen */
.widget input,.widget select,.widget textarea,.widget button{max-width:100%;box-sizing:border-box}
.widget .search-form{display:flex;flex-wrap:nowrap;gap:8px;width:100%}
.widget .search-form .search-field,.widget .search-form input[type=search]{flex:1 1 auto;min-width:0;width:100%}
.widget .search-form .search-submit,.widget .search-form button{flex:0 0 auto}
.widget .wp-block-search__inside-wrapper{max-width:100%}
.widget .wp-block-search__input{min-width:0}
/* TEC-Widget „Anstehende Veranstaltungen“ (Legacy + neue Ansicht) */
.widget .tribe-events-widget-events-list__event,.tribe-events-adv-list-widget .tribe-events-widget-events-list__event{border-bottom:1px solid var(--c-line);padding:.6em 0}
.tribe-events-widget-events-list__event-date-tag{color:var(--c-primary-deep)}
.tribe-events-widget-events-list__event-date-tag-daynum{font-family:var(--f-display);font-weight:900;color:var(--c-primary)}
.tribe-events-widget-events-list__event-title a{color:var(--c-ink);font-weight:700;text-decoration:none}
.tribe-events-widget-events-list__event-title a:hover{color:var(--c-primary)}
.tribe-events-widget-events-list__view-more a{display:inline-block;margin-top:10px;background:var(--c-primary);color:#fff;border-radius:10px;padding:.45em 1em;font-weight:700;text-decoration:none}
.tribe-events-widget-events-list__view-more a:hover{background:var(--c-primary-soft)}
/* Legacy-Listenwidget */
.widget .tribe-list-widget{list-style:none;padding:0}
.widget .tribe-list-widget .tribe-event-title a{font-weight:700}
.widget .tribe-event-duration{color:var(--c-muted);font-size:.85rem}
/* =========================================================
9. Footer
========================================================= */
.site-footer{background:var(--c-footer-bg);color:var(--c-footer-ink);margin-top:auto}
.footer-wave{display:block;width:100%;height:14px;color:var(--c-footer-bg);transform:rotate(180deg)}
.footer-wave svg{display:block;width:100%;height:100%}
.footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;padding:40px 0 8px}
.site-footer .widget{background:transparent;box-shadow:none;padding:0}
.site-footer .widget-title{color:#fff;border-color:var(--c-accent)}
.site-footer a{color:#fff}
.site-footer .widget li{border-color:rgba(255,255,255,.12)}
.footer-bottom{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.14);font-size:.88rem}
.footer-bottom nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0}
.footer-bottom a{color:#fff;text-decoration:none;font-weight:600}
.footer-bottom a:hover{text-decoration:underline}
.footer-credit{opacity:.75}
/* =========================================================
10. Suche & 404
========================================================= */
.search-form{display:flex;gap:8px}
.search-form input[type=search]{flex:1;min-width:0}
.error-404{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:48px;text-align:center}
.error-404 .code{font-family:var(--f-display);font-weight:900;font-size:5rem;color:var(--c-primary-tint);line-height:1;margin:0}
/* =========================================================
11. The Events Calendar – Vollansichten
========================================================= */
.tec-full .content-area{grid-template-columns:minmax(0,1fr)}
#tribe-events-pg-template,.tribe-events-pg-template{max-width:none;padding:0}
.tribe-events .tribe-events-c-events-bar{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:10px}
.tribe-events .tribe-events-c-search__button{border-radius:10px}
.tribe-events .tribe-events-calendar-list__event-row{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px;margin-bottom:16px}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime{background:var(--c-primary-tint);border-radius:12px}
.tribe-events .tribe-events-calendar-list__event-date-tag-daynum{color:var(--c-primary);font-family:var(--f-display);font-weight:900}
.tribe-events .tribe-events-calendar-list__event-title-link,.tribe-events .tribe-events-calendar-month__calendar-event-title-link{color:var(--c-ink);font-family:var(--f-display)}
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date{color:var(--c-primary);font-weight:900}
.tribe-events .tribe-events-calendar-month__calendar-event-datetime-featured-text,.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner{background:var(--c-primary)}
.tribe-events .tribe-events-c-ical__link{border-color:var(--c-primary);color:var(--c-primary);border-radius:10px}
.tribe-events .tribe-events-c-ical__link:hover{background:var(--c-primary);color:#fff}
.tribe-events button.tribe-events-c-top-bar__today-button,.tribe-events .tribe-events-c-view-selector__button{border-radius:10px}
.single-tribe_events .tribe-events-single{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:clamp(20px,4vw,40px)}
.single-tribe_events .tribe-events-schedule h2{color:var(--c-primary)}
.tribe-events-event-meta{border-radius:var(--radius-sm);background:var(--c-bg)}
.tribe-events-cal-links a{border-radius:10px}
.tribe-events-notices{border-radius:var(--radius-sm)}
/* =========================================================
12. Ferienkalender [liuba_ferien]
========================================================= */
.liuba-ferien{margin:1.5em 0}
.liuba-ferien-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.liuba-ferien-item{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px 20px;border-top:5px solid var(--c-primary);position:relative}
.liuba-ferien-item.ist-aktiv{border-top-color:var(--c-accent);background:var(--c-accent-tint)}
.liuba-ferien-item.ist-vorbei{opacity:.55;border-top-color:var(--c-line)}
.liuba-ferien-name{font-family:var(--f-display);font-weight:800;font-size:1.08rem;color:var(--c-primary-deep);margin:0 0 6px}
.liuba-ferien-datum{margin:0;font-weight:600}
.liuba-ferien-dauer{margin:4px 0 0;color:var(--c-muted);font-size:.88rem}
.liuba-ferien-badge{position:absolute;top:-12px;right:14px;background:var(--c-accent);color:var(--c-on-accent);font-family:var(--f-display);font-weight:800;font-size:.74rem;border-radius:99px;padding:.3em .9em;box-shadow:var(--shadow-card)}
.liuba-ferien-badge.bald{background:var(--c-primary);color:#fff}
.liuba-ferien-jahr{font-family:var(--f-display);font-weight:900;color:var(--c-primary);border-bottom:3px solid var(--c-accent);display:inline-block;padding-bottom:4px;margin:1.6em 0 .8em}
.liuba-ferien-hinweis{color:var(--c-muted);font-size:.82rem;margin-top:14px}
.liuba-ferien-fehler{background:var(--c-accent-tint);border:2px solid var(--c-accent);border-radius:var(--radius-sm);padding:1em 1.2em}
/* =========================================================
12b. Kooperationspartner-Raster
========================================================= */
.liuba-partner-content{--tile-h:150px}
/* Moderne Pflege: Galerie-Block ODER Absatz/Figuren mit Bildern werden zum Raster */
.liuba-partner-content .wp-block-gallery,
.liuba-partner-content > p:has(img),
.liuba-partner-content > .wp-block-columns:has(img){
display:grid!important;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:20px;
margin:1.6em 0;
padding:0;
list-style:none;
}
/* Eine Kachel = verlinktes Logo, freies Bild, Galerie-Element oder Figur */
.liuba-partner-content .wp-block-image,
.liuba-partner-content .blocks-gallery-item,
.liuba-partner-content figure.gallery-item,
.liuba-partner-content > p:has(img) > a,
.liuba-partner-content > p:has(> img) > img,
.liuba-partner-content > figure:has(img){
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
background:var(--c-surface);
border:1px solid var(--c-line);
border-radius:var(--radius);
box-shadow:var(--shadow-card);
padding:20px;
min-height:var(--tile-h);
margin:0;
text-decoration:none;
transition:transform .18s,box-shadow .18s,border-color .18s;
flex-wrap:wrap;
}
.liuba-partner-content a:has(img):hover,
.liuba-partner-content .wp-block-image:hover,
.liuba-partner-content > figure:has(img):hover{
transform:translateY(-3px);
box-shadow:var(--shadow-pop);
border-color:var(--c-bright);
}
/* Logos einheitlich einpassen */
.liuba-partner-content img{
max-height:104px;
width:auto;
max-width:100%;
object-fit:contain;
margin:0;
border-radius:6px;
}
/* Partnername aus Bildunterschrift */
.liuba-partner-content figcaption,
.liuba-partner-content .wp-element-caption{
font-family:var(--f-display);
font-weight:700;
font-size:.92rem;
color:var(--c-primary-deep);
text-align:center;
margin:0;
}
/* Falls mehrere Logos in einem alten Sammel-Link stecken: nebeneinander statt Überlauf */
.liuba-partner-content > p:has(img) > a img + img{margin-left:6px}
@media (max-width:480px){
.liuba-partner-content .wp-block-gallery,
.liuba-partner-content > p:has(img){grid-template-columns:repeat(2,1fr);gap:14px}
.liuba-partner-content{--tile-h:120px}
.liuba-partner-content img{max-height:80px}
}
/* =========================================================
13. Lightbox
========================================================= */
.liuba-lb{position:fixed;inset:0;z-index:99990;background:rgba(12,20,44,.95);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
.liuba-lb.on{opacity:1;visibility:visible;pointer-events:auto}
.liuba-lb figure{margin:0;max-width:min(1400px,94vw);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:10px}
.liuba-lb img{max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:10px;box-shadow:var(--shadow-pop);user-select:none;transform-origin:center center;transition:transform .16s ease;touch-action:none;will-change:transform}
.liuba-lb.is-zoomed img{cursor:grab}
.liuba-lb.is-zoomed.dragging img{cursor:grabbing}
.liuba-lb.dragging img{transition:none}
.liuba-lb figcaption{color:#dcebe1;font-size:.95rem;text-align:center;max-width:70ch;line-height:1.4}
/* Hinweis-Beschriftung (blendet nach kurzer Zeit aus) */
.liuba-lb-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(0,0,0,.5);color:#fff;font-size:.86rem;padding:.5em 1.1em;border-radius:99px;opacity:0;transition:opacity .4s;pointer-events:none;max-width:90vw;text-align:center}
.liuba-lb-hint.on{opacity:1}
.liuba-lb-btn{position:absolute;appearance:none;border:0;background:rgba(255,255,255,.12);color:#fff;width:52px;height:52px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.liuba-lb-btn:hover{background:var(--c-accent);color:var(--c-on-accent)}
.liuba-lb-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* Großes Schließkreuz */
.liuba-lb-close{position:absolute;top:16px;right:18px;appearance:none;border:0;background:rgba(255,255,255,.12);color:#fff;width:64px;height:64px;border-radius:50%;cursor:pointer;font-size:2.6rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}
.liuba-lb-close:hover{background:var(--c-accent);color:var(--c-on-accent);transform:rotate(90deg)}
.liuba-lb-prev{left:14px;top:50%;transform:translateY(-50%)}
.liuba-lb-next{right:14px;top:50%;transform:translateY(-50%)}
.liuba-lb-count{position:absolute;top:26px;left:24px;color:#cfe3d6;font-family:var(--f-display);font-weight:700;font-size:.98rem;background:rgba(0,0,0,.35);padding:.3em .8em;border-radius:99px}
@media (max-width:640px){
.liuba-lb-btn{width:44px;height:44px}
.liuba-lb-close{width:52px;height:52px;font-size:2.1rem;top:10px;right:10px}
.liuba-lb-prev{left:6px}.liuba-lb-next{right:6px}
}
body.liuba-lb-open{overflow:hidden}
/* Klickbare Bilder markieren */
.entry-content a.liuba-zoomable{cursor:zoom-in}
.entry-content img.liuba-zoomable{cursor:zoom-in}
/* =========================================================
14. Inline-Datenschutz-Reader
========================================================= */
.liuba-reader{position:fixed;inset:0;z-index:99995;background:rgba(12,20,44,.82);display:flex;align-items:center;justify-content:center;padding:clamp(8px,3vw,40px)}
.liuba-reader-box{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-pop);width:min(920px,100%);height:min(86vh,900px);display:flex;flex-direction:column;overflow:hidden}
.liuba-reader-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--c-primary);color:#fff;padding:12px 18px}
.liuba-reader-head strong{font-family:var(--f-display);font-weight:800}
.liuba-reader-close{appearance:none;border:0;background:rgba(255,255,255,.15);color:#fff;border-radius:10px;width:40px;height:40px;font-size:1.3rem;cursor:pointer;line-height:1}
.liuba-reader-close:hover{background:var(--c-accent);color:var(--c-primary-deep)}
.liuba-reader iframe{flex:1;width:100%;border:0;background:#fff}
/* Bare-Modus (?liuba_bare=1): nur Inhalt */
body.liuba-bare{background:#fff}
body.liuba-bare .entry{box-shadow:none;border-radius:0}
body.liuba-bare .content-area{padding:8px 0}
/* =========================================================
15. Bildschutz (bei aktivierter Option)
========================================================= */
body.liuba-protected img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
body.liuba-protected .entry-content img{pointer-events:auto}
/* =========================================================
16. Druck & Kleinkram
========================================================= */
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;margin:0 1.2em .8em 0}
.alignright{float:right;margin:0 0 .8em 1.2em}
.wp-caption{max-width:100%}
.wp-caption-text,figcaption{font-size:.86rem;color:var(--c-muted);text-align:center;margin-top:.4em}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.gallery .gallery-item{margin:0}
.gallery img{border-radius:var(--radius-sm);width:100%;height:100%;object-fit:cover}
@media print{
.site-header,.site-footer,.widget-area,.menu-toggle,.pagination,.post-nav{display:none!important}
.entry{box-shadow:none}
body{background:#fff}
}
/* =========================================================
17. Startseite (front-page) – eigenes Design
========================================================= */
.liuba-has-hero .header-wave{display:none} /* Hero übernimmt den Übergang */
/* Hero */
.front-hero{position:relative;isolation:isolate;color:#fff;overflow:hidden;padding:clamp(36px,7vw,84px) 0 clamp(74px,9vw,120px);background:radial-gradient(120% 150% at 82% -12%, var(--c-hero-glow) 0%, var(--c-primary) 46%, var(--c-primary-deep) 100%)}
.front-hero-inner{position:relative;z-index:2;text-align:center;max-width:840px}
.hero-eyebrow{font-family:var(--f-display);font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:.82rem;color:var(--c-accent);margin:0 0 10px}
.hero-title{color:var(--c-on-primary);font-size:clamp(2rem,5.4vw,3.4rem);font-weight:900;line-height:1.06;margin:0 0 14px}
.hero-text{font-size:clamp(1.05rem,2.2vw,1.28rem);color:color-mix(in srgb,var(--c-on-primary) 82%,transparent);margin:0 auto 26px;max-width:58ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.btn-hero{display:inline-flex;align-items:center;gap:.5em;font-family:var(--f-display);font-weight:800;font-size:1rem;border-radius:14px;padding:.8em 1.5em;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.btn-hero-solid{background:var(--c-accent);color:var(--c-on-accent);box-shadow:0 12px 28px -12px rgba(253,204,8,.75)}
.btn-hero-solid:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--c-accent) 82%,#fff);color:var(--c-on-accent)}
.btn-hero-ghost{background:color-mix(in srgb,var(--c-on-primary) 10%,transparent);color:var(--c-on-primary);border:2px solid color-mix(in srgb,var(--c-on-primary) 55%,transparent)}
.btn-hero-ghost:hover{background:color-mix(in srgb,var(--c-on-primary) 20%,transparent);color:var(--c-on-primary);transform:translateY(-2px)}
/* Logo-Figur als Maskottchen (Vektor, gestochen scharf) */
.front-hero-deco{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.deco-figure{position:absolute;right:10%;bottom:-2px;height:min(82%,290px);width:auto;opacity:.96;filter:drop-shadow(0 8px 16px rgba(0,0,0,.22))}
@media (max-width:1100px){.deco-figure{right:6%;height:min(72%,240px)}}
@media (max-width:760px){.deco-figure{right:3%;height:170px;opacity:.85}}
@media (max-width:560px){.deco-figure{display:none}}
/* Übergangswelle zum Inhalt */
.front-hero-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:2;line-height:0}
.front-hero-wave svg{display:block;width:100%;height:clamp(40px,6vw,88px)}
/* Abschnitte */
.front-section{max-width:var(--w-content);margin:0 auto;padding:8px var(--pad-x) 0}
.front-news,.front-events,.front-intro{padding-top:clamp(30px,5vw,52px)}
.front-section:last-of-type{padding-bottom:clamp(44px,6vw,76px)}
.entry-front{padding:clamp(20px,4vw,40px);margin-bottom:28px}
.entry-front .entry-content{max-width:none;padding:0}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 22px}
.section-title{margin:0;font-size:clamp(1.4rem,3vw,1.9rem);position:relative;padding-bottom:10px}
.section-title::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:2px;background:var(--c-accent)}
.section-more{font-family:var(--f-display);font-weight:800;white-space:nowrap;text-decoration:none;color:var(--c-primary-soft)}
.section-more::after{content:" →"}
/* Termine-Teaser */
.front-event-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.front-event a{display:flex;gap:14px;align-items:center;background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:14px 16px;text-decoration:none;transition:transform .16s,box-shadow .16s}
.front-event a:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop)}
.front-event-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border-radius:14px;background:var(--c-primary-tint);color:var(--c-primary-deep);font-family:var(--f-display);line-height:1}
.front-event-date .d{font-size:1.45rem;font-weight:900;color:var(--c-bright)}
.front-event-date .m{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}
.front-event-title{display:block;font-family:var(--f-display);font-weight:800;color:var(--c-ink)}
.front-event-when{display:block;font-size:.85rem;color:var(--c-muted);margin-top:2px}
/* =========================================================
18. Beitragsliste – Vollbreiten-Ansicht (Layout „list“)
Komplette Beiträge ausgeklappt, volle Breite, kein „Weiterlesen“.
========================================================= */
.post-list{display:flex;flex-direction:column;gap:28px}
.post-open{border-left:4px solid var(--c-bright)}
.post-open .entry-title{font-size:clamp(1.4rem,3vw,1.9rem);margin:0 0 8px}
.post-open .entry-title a{color:var(--c-primary-deep);text-decoration:none}
.post-open .entry-title a:hover{color:var(--c-bright)}
.post-open .entry-content{max-width:none}
.post-open .entry-thumb{margin:18px 0 0}
/* Fallback-Widget-Details */
.widget-more{display:inline-block;margin-top:10px;background:var(--c-primary);color:#fff;border-radius:10px;padding:.45em 1em;font-weight:700;text-decoration:none}
.widget-more:hover{background:var(--c-bright);color:#fff;text-decoration:none}
.widget-event-date{color:var(--c-muted);font-size:.85rem}
.widget_liuba_events li{padding:.55em 0}
.widget_liuba_events a{text-decoration:none}
.widget_liuba_events a:hover strong{color:var(--c-bright)}