:root{--blue:#075aa5;--blue-dark:#073b70;--yellow:#ffd52e;--green:#378b3f;--ink:#19334a;--muted:#5b6d7d;--cream:#fffdf4;--white:#fff;--shadow:0 12px 32px rgba(7,59,112,.12);--radius:20px;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
img{max-width:100%;height:auto;border-radius:12px}
a{color:var(--blue);text-decoration-thickness:.08em;text-underline-offset:.15em}
.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:10000;background:#fff;padding:12px 18px}
.skip-link:focus{top:16px}
.site-header{position:relative;background:linear-gradient(180deg,#cdeeff 0,#effaff 100%);border-bottom:5px solid var(--yellow)}
.header-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sun{position:absolute;right:8%;top:14px;width:58px;height:58px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 12px rgba(255,213,46,.2)}
.seed{position:absolute;color:#fff;font-size:22px;animation:float 8s ease-in-out infinite}
.seed-a{left:12%;top:22px}
.seed-b{left:37%;top:62px;animation-delay:-3s}
@keyframes float{50%{transform:translate(24px,12px) rotate(30deg)}
}
.header-inner{position:relative;min-height:120px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--blue-dark);min-width:max-content}
.brand img{width:92px;max-height:92px;object-fit:contain;border-radius:0}
.brand-copy{display:grid;line-height:1.1}
.brand-copy strong{font-size:clamp(1.35rem,3vw,2.15rem)}
.brand-copy small{margin-top:7px;font-weight:700;color:var(--green)}
.main-navigation{margin-left:auto}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:5px}
.main-navigation a{display:block;padding:11px 13px;border-radius:12px;text-decoration:none;font-weight:700;color:var(--blue-dark)}
.main-navigation a:hover,.main-navigation .active>a{background:var(--yellow);color:#17304a}
.menu-toggle{display:none;margin-left:auto;padding:10px 14px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800}
.hero{padding:28px 0 8px;background:linear-gradient(180deg,#fff 0,var(--cream) 100%)}
.database-band{margin-top:26px;background:linear-gradient(120deg,var(--blue-dark),var(--blue));color:#fff}
.database-band-inner{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.35fr) auto;align-items:center;gap:30px;padding-block:32px}
.database-band h2{margin:.1em 0;font-size:clamp(1.5rem,3vw,2.25rem)}
.database-band p{margin:0;opacity:.86}
.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--yellow)}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;background:var(--yellow);color:#17304a;font-weight:850;text-decoration:none;cursor:pointer}
.button-light{background:#fff;color:var(--blue-dark);white-space:nowrap}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;padding-block:38px}
.no-sidebar .content-layout{grid-template-columns:1fr}
.content-primary,.sidebar{min-width:0}
.card,.moduletable{margin-bottom:24px;padding:clamp(18px,3vw,30px);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
h1,h2,h3{line-height:1.2;color:var(--blue-dark)}
h1{font-size:clamp(2rem,5vw,3.4rem)}
h2{font-size:clamp(1.45rem,3vw,2.15rem)}
.blog-items,.com-content-category-blog__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-item{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.article-info{color:var(--muted);font-size:.9rem}
.pagination ul{display:flex;gap:8px;list-style:none;padding:0}
.site-footer{margin-top:30px;background:#102f4c;color:#eaf5ff}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:42px}
.site-footer a{color:#fff}
.lz-legal-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.lz-legal-links strong{margin-bottom:3px;color:#fff;font-size:1.05rem}
.lz-legal-links a{text-underline-offset:3px}
.footer-bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,.15);font-size:.9rem}
.back-to-top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border:0;border-radius:50%;background:var(--yellow);color:var(--blue-dark);box-shadow:var(--shadow);font-size:1.4rem;cursor:pointer;opacity:0;pointer-events:none}
.back-to-top.visible{opacity:1;pointer-events:auto}
.offline-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#d8f3ff,var(--cream))}
.offline-card{width:min(520px,calc(100% - 32px));background:#fff;padding:36px;border-radius:var(--radius);box-shadow:var(--shadow)}
.offline-card label{display:grid;margin:14px 0;font-weight:700}
.offline-card input{padding:12px;border:1px solid #aab9c6;border-radius:10px}
.content-only{padding:24px}
.lzdb-search{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(180px,1.5fr) auto;gap:10px}
.lzdb-search select,.lzdb-search input{width:100%;min-height:46px;border:2px solid rgba(255,255,255,.55);border-radius:12px;padding:9px 12px;background:#fff;color:var(--ink)}
.lzdb-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.lzdb-links a{color:#fff;font-weight:700}
@media(max-width:900px){.header-inner{min-height:92px}
.brand img{width:64px}
.menu-toggle{display:block}
.main-navigation{display:none;position:absolute;z-index:50;top:88px;left:0;right:0;background:#fff;padding:14px;box-shadow:var(--shadow)}
.main-navigation.open{display:block}
.main-navigation ul{display:block}
.database-band-inner,.content-layout{grid-template-columns:1fr}
.blog-items,.com-content-category-blog__items{grid-template-columns:repeat(2,minmax(0,1fr))}
.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){.container{width:min(calc(100% - 22px),var(--max))}
.brand-copy strong{font-size:1.25rem}
.brand-copy small{font-size:.78rem}
.sun{width:42px;height:42px}
.blog-items,.com-content-category-blog__items,.sidebar,.footer-grid,.lzdb-search{grid-template-columns:1fr}
.database-band-inner{gap:18px;padding-block:26px}
.content-layout{padding-block:24px}
.card,.moduletable{border-radius:15px}
.button-light{justify-self:start}
}

/* Einheitliche Kategorie-Karten fuer importierte Altbeitraege */
.com-content-category-blog__items{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch}
.com-content-category-blog__item.blog-item{height:100%;padding:0;overflow:hidden}
.lz-blog-card{display:flex;flex-direction:column;height:100%;background:#fff}
.lz-blog-image-link{display:block;aspect-ratio:16/9;overflow:hidden;background:#e8f3f8}
.lz-blog-image{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;transition:transform .25s ease}
.lz-blog-image-link:hover .lz-blog-image{transform:scale(1.025)}
.lz-blog-image-link.is-fallback{padding:20px;background:linear-gradient(145deg,#dff5ff,#fff9d7)}
.lz-blog-image-link.is-fallback .lz-blog-image{object-fit:contain}
.lz-blog-copy{display:flex;flex:1;flex-direction:column;padding:clamp(20px,3vw,30px)}
.lz-blog-category{color:var(--green);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.lz-blog-copy h2{margin:7px 0 6px;font-size:clamp(1.35rem,2.5vw,1.85rem)}
.lz-blog-copy time{color:var(--muted);font-size:.88rem}
.lz-blog-copy p{margin:15px 0 20px;color:#435d70}
.lz-readmore{margin-top:auto;font-weight:850}

/* Lesbare Einzelbeitraege ohne manuelle Nachbearbeitung alter HTML-Inhalte */
.com-content-article.item-page{width:min(100%,1040px);margin-inline:auto;padding:clamp(24px,5vw,58px);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.com-content-article .page-header h1{margin-top:0}
.com-content-article__body{font-size:1.04rem;line-height:1.78}
.com-content-article__body p{margin:0 0 1.15em}
.com-content-article__body h2,.com-content-article__body h3,.com-content-article__body h4{clear:both;margin:1.65em 0 .65em}
.com-content-article__body ul,.com-content-article__body ol{margin:.6em 0 1.3em;padding-left:1.6em}
.com-content-article__body img{max-width:100%!important;height:auto!important;margin-top:.35em;margin-bottom:1em}
.com-content-article__body img[style*="float: left"],.com-content-article__body img[style*="float:left"]{margin-right:22px}
.com-content-article__body img[style*="float: right"],.com-content-article__body img[style*="float:right"]{margin-left:22px}
.com-content-article__body table{display:block;max-width:100%;overflow-x:auto}
.com-content-article .article-info{display:flex;flex-wrap:wrap;gap:5px 18px;margin:0 0 26px;padding:12px 15px;border-radius:12px;background:#f1f7fa}
.com-content-article .article-info-term,.com-content-article .article-info .createdby,.com-content-article .article-info .hits{display:none}
.com-content-article .article-info dd{margin:0;font-size:.88rem}
.com-content-article__body img:not([src$=".svg"]){cursor:zoom-in}
.com-content-article.item-page>.com-content-article__body{max-width:78ch;margin-inline:auto}
.com-content-article__body h2{padding-bottom:.28em;border-bottom:3px solid rgba(255,213,46,.72)}
.com-content-article__body h3{font-size:1.3rem}
.com-content-article__body a{font-weight:650;overflow-wrap:anywhere}
.lz-auto-link{padding-right:1.05em;background:linear-gradient(90deg,transparent calc(100% - .9em),rgba(255,213,46,.8) 0);font-weight:800!important}
.com-content-article__body blockquote{margin:1.5em 0;padding:16px 22px;border-left:5px solid var(--yellow);border-radius:0 12px 12px 0;background:#f5f9fb}
.com-content-article__body figure{margin:1.6em 0;text-align:center}
.com-content-article__body figcaption{margin-top:7px;color:var(--muted);font-size:.88rem}
.com-content-article__body iframe,.com-content-article__body video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;margin:1.5em auto;border:0;border-radius:14px}
.com-content-article__body table{width:100%;margin:1.5em 0;border-collapse:collapse;background:#fff}
.com-content-article__body th,.com-content-article__body td{padding:10px 12px;border:1px solid #d8e3e9;text-align:left;vertical-align:top}
.com-content-article__body th{background:#eaf5fb;color:var(--blue-dark)}
.com-content-article__body .pull-left,.com-content-article__body .float-start{float:left;margin:5px 24px 18px 0}
.com-content-article__body .pull-right,.com-content-article__body .float-end{float:right;margin:5px 0 18px 24px}
.com-content-article__body:after{display:block;clear:both;content:""}

/* Grafische A-bis-Z-Uebersicht des Lexikons */
.lexicon-overview .content-primary:before{display:block;margin:0 0 24px;padding:24px 28px 24px 112px;border-radius:var(--radius);background:linear-gradient(120deg,#e1f5ff,#fff7c9);box-shadow:var(--shadow);color:var(--blue-dark);content:"Löwenzahn-Lexikon\A Wissen aus Bärstadt von A bis Z";white-space:pre;font-size:clamp(1rem,2vw,1.25rem);font-weight:800;line-height:1.55}
.lexicon-overview .content-primary{position:relative}
.lexicon-overview .content-primary:after{position:absolute;left:30px;top:19px;display:grid;width:66px;height:66px;place-items:center;border-radius:50%;background:var(--yellow);color:var(--blue-dark);content:"A–Z";font-size:1.35rem;font-weight:950;box-shadow:0 7px 18px rgba(7,59,112,.16)}
.lexicon-overview .com-content-category-blog__children,.lexicon-overview .com-content-category__children,.lexicon-overview .categories-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.lexicon-overview .com-content-category-blog__children>*,.lexicon-overview .com-content-category__children>*,.lexicon-overview .categories-list>*{position:relative;min-height:126px;margin:0!important;padding:20px!important;overflow:hidden;border:0!important;border-radius:18px;background:#fff;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.lexicon-overview .com-content-category-blog__children>*:hover,.lexicon-overview .com-content-category__children>*:hover,.lexicon-overview .categories-list>*:hover{transform:translateY(-4px);box-shadow:0 17px 38px rgba(7,59,112,.18)}
.lexicon-overview .com-content-category-blog__children a,.lexicon-overview .com-content-category__children a,.lexicon-overview .categories-list a{position:relative;z-index:1;display:grid;min-height:82px;place-items:center;color:var(--blue-dark);font-size:clamp(1.8rem,4vw,3rem);font-weight:950;text-decoration:none}
.lexicon-overview .com-content-category-blog__children>*:nth-child(4n+1),.lexicon-overview .categories-list>*:nth-child(4n+1){border-top:5px solid var(--yellow)!important}
.lexicon-overview .com-content-category-blog__children>*:nth-child(4n+2),.lexicon-overview .categories-list>*:nth-child(4n+2){border-top:5px solid var(--green)!important}
.lexicon-overview .com-content-category-blog__children>*:nth-child(4n+3),.lexicon-overview .categories-list>*:nth-child(4n+3){border-top:5px solid var(--blue)!important}
.lexicon-overview .com-content-category-blog__children>*:nth-child(4n),.lexicon-overview .categories-list>*:nth-child(4n){border-top:5px solid #ef6f61!important}
@media(max-width:900px){.lexicon-overview .com-content-category-blog__children,.lexicon-overview .com-content-category__children,.lexicon-overview .categories-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.lexicon-overview .content-primary:before{padding:88px 20px 20px;text-align:center}.lexicon-overview .content-primary:after{left:50%;transform:translateX(-50%)}.lexicon-overview .com-content-category-blog__children,.lexicon-overview .com-content-category__children,.lexicon-overview .categories-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.lz-lightbox{position:fixed;z-index:10020;inset:0;display:none;align-items:center;justify-content:center;padding:28px;border:0;background:rgba(4,26,45,.91)}
.lz-lightbox.open{display:flex}
.lz-lightbox img{display:block;max-width:min(94vw,1500px);max-height:90vh;border-radius:12px;box-shadow:0 18px 70px rgba(0,0,0,.5)}
.lz-lightbox button{position:absolute;top:18px;right:22px;width:46px;height:46px;border:0;border-radius:50%;background:var(--yellow);color:var(--blue-dark);font-size:1.7rem;font-weight:900;cursor:pointer}
@media(max-width:700px){
  .com-content-category-blog__items{grid-template-columns:1fr!important}
  .com-content-article.item-page{padding:22px 18px}
  .com-content-article__body img[style*="float"]{float:none!important;display:block;margin:12px auto 20px!important}
  .com-content-article__body .pull-left,.com-content-article__body .pull-right,.com-content-article__body .float-start,.com-content-article__body .float-end{float:none!important;display:block;margin:12px auto 20px!important}
  .com-content-article__body{font-size:1rem;line-height:1.7}
}