/*
Theme Name: BSZ Löbau – Originalgetreue Website
Author: BSZ Löbau
Description: Eigenständiges WordPress-Theme in Anlehnung an bszloebau.de ohne Abhängigkeit vom bisherigen Baukasten.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bsz-loebau
WPVibe: yes
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Red+Hat+Text:wght@400;500;600;700&display=swap');
:root{--bsz:#507c00;--bsz-bright:#9ed237;--bsz-light:#f3fbe6;--text:#505050;--soft:#e8edda}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.bsz-website{margin:0;background:#e7ebed;color:var(--text);font:16px/1.62 "Red Hat Text",sans-serif}
body.bsz-website::before{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(rgba(255,255,255,.84),rgba(255,255,255,.84)),var(--bsz-body-image,none) center/cover no-repeat}
a{color:var(--bsz);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:Montserrat,sans-serif;line-height:1.22;color:var(--bsz);font-weight:700}
h1{font-size:32px}h2{font-size:27px}h3{font-size:21px}
p{margin:0 0 1.15em}
.bsz-shell{width:min(1170px,calc(100% - 28px));margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 1px 14px #00000020}
.bsz-header{padding:15px 28px 0}
.bsz-topline{display:flex;gap:21px;font-size:12px;align-items:center}
.bsz-topline .icon{color:var(--bsz-bright);font-size:17px;padding-right:5px}
.bsz-titlebar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 0 25px}
.bsz-titlebar h1{font-size:31px;margin:0}
.bsz-titlebar address{font-size:13px;text-align:right;font-style:normal;line-height:1.4}
.bsz-banner{width:100%;height:420px;max-height:42vw;aspect-ratio:auto;object-fit:cover;object-position:center;display:block}
.bsz-green-divider{height:62px;margin:0 -28px;background:linear-gradient(180deg,#fff 0%,#f7fbe9 42%,#dff3b4 100%)}
.bsz-home-head{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;padding:0 28px;margin-top:0;position:relative}
.bsz-sidebar{position:relative;z-index:5;margin-top:-42px;padding:18px 18px 26px;background:#fff;box-shadow:0 0 5px #0000001d;align-self:start}
.bsz-sidebar-logo{width:190px;display:block;margin:0 0 16px}
.bsz-nav .bsz-menu{list-style:none;padding:0;margin:0}
.bsz-menu>li{position:relative;margin-bottom:4px;background:#f4fae8}
.bsz-menu>li>a{padding:10px 10px;min-height:42px;display:block;color:#464646;font-size:15px}
.bsz-menu>li.menu-item-has-children>a{padding-right:35px}
.bsz-menu>li:hover,.bsz-menu>li:focus-within,.bsz-menu>li.bsz-open{background:var(--bsz-bright)}
.bsz-menu .sub-menu{list-style:none;display:none;position:absolute;left:calc(100% + 26px);top:-3px;width:365px;margin:0;padding:19px 23px 25px 23px;z-index:50;box-shadow:0 2px 8px #0002;background:#fff;border-radius:2px}
.bsz-menu .sub-menu:before{content:"";position:absolute;left:-25px;top:14px;border-width:20px 25px 20px 0;border-style:solid;border-color:transparent white transparent transparent}
.bsz-menu>li:hover>.sub-menu,.bsz-menu>li:focus-within>.sub-menu,.bsz-menu>li.bsz-open>.sub-menu{display:block}
.bsz-menu .sub-menu li{background:#f4fae8;margin-bottom:3px}
.bsz-menu .sub-menu a{display:block;padding:9px 13px;color:#555;font-size:16px}
.bsz-menu .sub-menu li:hover>a{background:#bcdf76;text-decoration:none}
.bsz-expand{position:absolute;right:4px;top:4px;border:0;color:#555;background:transparent;padding:7px;cursor:pointer;font-size:15px}
.bsz-news-wrap{min-width:0}
.bsz-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bsz-news-card{background:white;border:1px solid #ececec;box-shadow:0 1px 3px #00000010;min-width:0}
.bsz-news-img{display:block;width:100%;height:111px;object-fit:cover;background:#f3f6ec}
.bsz-date{position:relative;display:inline-block;background:var(--bsz-bright);padding:2px 13px 2px 8px;margin:-22px 0 0;min-height:21px;font-size:12px;z-index:1}
.bsz-date:after{content:"";position:absolute;right:-11px;top:0;border-top:25px solid var(--bsz-bright);border-right:11px solid transparent}
.bsz-news-text{padding:8px 12px 18px}
.bsz-news-text h3{font-size:16px;line-height:1.32;margin:0 0 7px}
.bsz-news-text p{font-size:14px;line-height:1.55}
.bsz-news-more{text-align:right;font-size:13px;padding:15px 0}
.bsz-home-content{padding:40px 30px 10px}
.bsz-home-content .wp-block-columns{gap:25px}
.bsz-home-content .wp-block-image img{object-fit:cover}
.bsz-home-content .wp-block-separator{border:0;border-top:1px solid #eaeaea;margin:34px 0}
.bsz-home-content h1,.bsz-home-content h2,.bsz-home-content h3{margin-top:.3em;margin-bottom:.7em}
.bsz-home-content .wp-block-columns:has(.bsz-welcome-title){align-items:center}
.bsz-welcome-title{text-align:right}
.bsz-welcome-title h1{line-height:1.03}
.bsz-partners{padding:30px 30px 52px;border-top:1px solid #eee}
.bsz-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 25px;align-items:center}
.bsz-logos img{max-width:100%;max-height:90px;width:auto;object-fit:contain}
.bsz-logos a{text-align:center}
.bsz-transparency{font-size:11px;color:#527d00;margin-top:50px}
.bsz-funding{text-align:center;padding:8px 0 28px}
.bsz-funding img{max-width:260px;width:100%}
.bsz-footer{background:var(--bsz-light);display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:109px}
.bsz-footer-brand{background:var(--bsz-bright);width:36%;min-height:109px;padding:24px 17px;display:flex;gap:15px;align-items:center;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);font-size:11px}
.bsz-footer-brand img{width:52px;max-width:100%;flex:none}
.bsz-footer-links{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin-right:18px}
.bsz-footer-links a{color:#555}
.bsz-content{padding:25px 35px 65px;min-height:330px}
.bsz-content h1{margin:14px 0 23px}
.bsz-breadcrumb{font-size:12px;color:#666;margin:0 0 20px}
.bsz-content-body{font-size:16px;line-height:1.6}
.bsz-content-body img{max-width:100%;height:auto}
.bsz-content-body table{border-collapse:collapse;width:100%}
.bsz-content-body td,.bsz-content-body th{padding:10px;border:1px solid #e2e2e2}
.bsz-content-body ul li{padding:6px}
.bsz-content-body ul li:nth-child(even){background:#f5f5f5}
.bsz-single-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:30px}
.bsz-single-side{border-left:1px solid #eee;padding-left:25px}
.bsz-single-side h3{margin-top:0}
.bsz-single-side li{list-style:none;margin-bottom:18px}
.bsz-single-side ul{margin:0;padding:0}
.bsz-single-side img{display:block;width:100%;height:110px;object-fit:cover}
.bsz-article-feature{max-width:540px;margin:20px 0}
.bsz-article-feature img{display:block}
.bsz-post-meta{font-size:12px;text-transform:uppercase;color:#888}
.bsz-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bsz-archive-grid .bsz-news-img{height:150px}
.bsz-pager{margin-top:28px}
.bsz-social{position:fixed;right:0;top:36%;z-index:10;display:flex;flex-direction:column;gap:5px}
.bsz-social a{width:34px;height:33px;display:grid;place-items:center;background:#fff;color:#555;border:1px solid #dedede;box-shadow:0 1px 3px #0002;font-weight:700}
.bsz-social a:hover{color:var(--bsz)}
.bsz-mobile-menu-toggle{display:none}
@media(max-width:900px){.bsz-shell{width:100%}.bsz-header{padding:14px 18px 0}.bsz-titlebar h1{font-size:25px}.bsz-green-divider{margin:0 -18px}.bsz-home-head{grid-template-columns:220px 1fr;gap:13px;padding:0 18px}.bsz-news-grid{gap:8px}.bsz-sidebar{padding:10px}.bsz-menu .sub-menu{left:calc(100% + 5px);width:320px}.bsz-content{padding:25px}}
@media(max-width:700px){.bsz-titlebar{align-items:flex-start;flex-direction:column;margin:12px 0}.bsz-titlebar h1{font-size:24px}.bsz-titlebar address{text-align:left}.bsz-banner{aspect-ratio:2.7;min-height:130px}.bsz-green-divider{height:28px}.bsz-home-head{display:block;padding:0 16px}.bsz-sidebar{margin-top:0;padding:10px;box-shadow:none}.bsz-sidebar-logo{max-width:150px;margin:0 0 5px}.bsz-mobile-menu-toggle{display:block;width:100%;text-align:left;padding:10px;border:0;background:var(--bsz-bright);font-size:16px;cursor:pointer}.bsz-nav{display:none}.bsz-sidebar.bsz-menu-visible .bsz-nav{display:block}.bsz-menu .sub-menu{position:static;width:100%;padding:0 0 7px 20px;box-shadow:none;background:#fff}.bsz-menu .sub-menu:before{display:none}.bsz-news-grid{grid-template-columns:1fr;gap:15px}.bsz-news-img{height:185px}.bsz-news-text{padding:10px 13px}.bsz-home-content{padding:25px 18px}.bsz-welcome-title{text-align:left}.bsz-logos{grid-template-columns:repeat(2,1fr);gap:26px}.bsz-partners{padding:25px 18px}.bsz-footer{flex-direction:column;align-items:stretch}.bsz-footer-brand{width:100%;clip-path:none;min-height:60px}.bsz-footer-links{padding:15px 18px}.bsz-single-layout{display:block}.bsz-single-side{border-left:0;border-top:1px solid #eee;padding:20px 0;margin-top:35px}.bsz-archive-grid{grid-template-columns:1fr}.bsz-content{padding:20px}.bsz-social{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

/* BSZ Löbau: klar abgegrenzter oberer Bereich, angelehnt an die Originalfarben */
.bsz-header{
  background:linear-gradient(180deg,#fff 0%,#fff 47%,#e5f1ce 100%);
}
.bsz-green-divider{
  height:64px;
  background:linear-gradient(180deg,#e5f1ce 0%,#c3df91 100%);
}
.bsz-home-head{
  padding-top:17px;
  padding-bottom:38px;
  background:linear-gradient(180deg,#c3df91 0%,#d8eab6 30%,#eff7df 100%);
  border-bottom:3px solid #a9ca73;
  box-shadow:0 8px 17px -16px #517924;
  isolation:isolate;
}
.bsz-home-head::after{
  content:"";
  position:absolute;
  bottom:-2px;
  left:28px;
  width:155px;
  height:4px;
  transform:skewX(-18deg);
  background:var(--bsz-bright);
}
.bsz-sidebar{
  margin-top:-52px;
  border-top:4px solid var(--bsz-bright);
  box-shadow:0 5px 20px #273a161c;
  border-radius:2px;
}
.bsz-news-card{
  overflow:hidden;
  border-color:#edf0e6;
  border-radius:3px;
  box-shadow:0 3px 11px #394f2814;
  transition:transform .18s ease,box-shadow .18s ease;
}
.bsz-news-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #394f2821}
.bsz-news-text h3 a{color:var(--bsz)}
.bsz-news-more a{font-weight:700}
.bsz-home-content{
  background:#fff;
  padding-top:56px;
}
.bsz-sidebar-brand{display:block}
.bsz-inner-mobile-nav{display:none}
.bsz-menu a:focus-visible,.bsz-expand:focus-visible,.bsz-mobile-menu-toggle:focus-visible,
.bsz-news-card a:focus-visible,.bsz-footer a:focus-visible{
  outline:3px solid #537e13;
  outline-offset:2px;
}
.bsz-content-body iframe,.bsz-content-body video,.bsz-home-content iframe,
.bsz-home-content video{max-width:100%}
.bsz-content-body pre,.bsz-content-body table{max-width:100%;overflow-x:auto}
.bsz-content-body{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1000px){
  .bsz-home-head{grid-template-columns:222px minmax(0,1fr);gap:18px}
  .bsz-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .bsz-news-grid .bsz-news-card:nth-child(3){grid-column:1 / -1;display:grid;grid-template-columns:42% 1fr;align-items:start}
  .bsz-news-grid .bsz-news-card:nth-child(3)>a{grid-row:1 / 3}
  .bsz-news-grid .bsz-news-card:nth-child(3)>.bsz-date{grid-column:1;grid-row:2;margin-top:-20px;justify-self:start;align-self:start}
  .bsz-news-grid .bsz-news-card:nth-child(3)>.bsz-news-text{grid-column:2;grid-row:1 / 3;padding:18px}
  .bsz-news-grid .bsz-news-card:nth-child(3) .bsz-news-img{height:170px}
  .bsz-menu .sub-menu{left:calc(100% + 12px);width:min(340px,calc(100vw - 300px))}
  .bsz-news-img{height:132px}
}
@media(max-width:760px){
  body.bsz-website{font-size:15px;line-height:1.6}
  .bsz-shell{width:100%;box-shadow:none}
  .bsz-header{padding:12px 16px 0}
  .bsz-topline{flex-wrap:wrap;column-gap:15px;row-gap:2px;font-size:12px}
  .bsz-titlebar{gap:5px;margin:13px 0 17px}
  .bsz-titlebar h1{font-size:clamp(20px,5.5vw,27px);line-height:1.2}
  .bsz-titlebar address{font-size:12px;line-height:1.5}
  .bsz-banner{min-height:125px;max-height:220px;object-fit:cover;aspect-ratio:2.35}
  .bsz-green-divider{height:41px;margin:0 -16px;background:linear-gradient(180deg,#e5f1ce 0%,#c9e3a0 100%)}
  .bsz-home-head{display:flex;flex-direction:column;gap:15px;padding:0 16px 30px;background:linear-gradient(180deg,#c9e3a0 0%,#dfedc4 40%,#f1f8e5 100%)}
  .bsz-home-head::after{left:16px;width:108px}
  .bsz-sidebar{margin:-15px 0 0;padding:12px 12px 15px;box-shadow:0 4px 18px #263e1520;background:#fff}
  .bsz-sidebar-brand{display:block}
  .bsz-sidebar-logo{width:140px;max-width:100%;margin:0 auto 12px}
  .bsz-mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:11px 16px;min-height:48px;text-align:center;border:0;border-radius:2px;background:var(--bsz-bright);color:#243600;font-size:16px;font-family:inherit;font-weight:600;cursor:pointer}
  .bsz-nav{display:none;margin-top:9px}
  .bsz-sidebar.bsz-menu-visible .bsz-nav{display:block}
  .bsz-menu>li{margin-bottom:5px}
  .bsz-menu>li>a{min-height:48px;display:flex;align-items:center;padding:11px 48px 11px 14px}
  .bsz-expand{top:2px;right:2px;width:44px;height:44px;padding:5px;font-size:20px}
  .bsz-menu .sub-menu{position:static;display:none!important;width:100%;margin:0;padding:0 0 8px 12px;border:0;box-shadow:none;transform:none}
  .bsz-menu .sub-menu:before{display:none}
  .bsz-menu>li.bsz-open>.sub-menu{display:block!important}
  .bsz-menu .sub-menu li{margin:2px 0}
  .bsz-menu .sub-menu a{padding:12px 10px;min-height:43px}
  .bsz-news-grid{grid-template-columns:1fr;gap:16px}
  .bsz-news-img{height:clamp(165px,41vw,255px);object-fit:cover}
  .bsz-news-text{padding:12px 15px 14px}
  .bsz-news-text h3{font-size:18px}
  .bsz-news-text p{font-size:14px}
  .bsz-news-more{padding:13px 0 0;font-size:14px}
  .bsz-home-content{padding:35px 18px 10px}
  .bsz-home-content>.bsz-content-body>.wp-block-columns{flex-direction:column;gap:14px}
  .bsz-home-content .wp-block-column{width:100%;min-width:0;flex-basis:auto}
  .bsz-home-content .wp-block-columns:has(.bsz-welcome-title){align-items:start}
  .bsz-welcome-title{text-align:left}
  .bsz-welcome-title h1{font-size:clamp(26px,7vw,34px)}
  .bsz-home-content .wp-block-columns .wp-block-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .bsz-home-content .wp-block-columns .wp-block-columns .wp-block-column{min-width:0}
  .bsz-home-content .wp-block-columns .wp-block-columns img{aspect-ratio:4/3;object-fit:cover}
  .bsz-home-content .wp-block-image{margin:0 0 18px}
  .bsz-home-content .wp-block-columns .wp-block-columns .wp-block-image{margin:0}
  .bsz-home-content video{width:100%;height:auto}
  .bsz-content{padding:22px 17px 45px}
  .bsz-content h1{font-size:clamp(24px,6vw,31px)}
  .bsz-content h2{font-size:22px}
  .bsz-single-layout{display:block}
  .bsz-archive-grid{grid-template-columns:1fr;gap:16px}
  .bsz-archive-grid .bsz-news-img{height:180px}
  .bsz-single-side{border-left:none;border-top:1px solid #ddd;padding:22px 0 0;margin-top:30px}
  .bsz-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .bsz-partners{padding:25px 17px}
  .bsz-footer{gap:0}
  .bsz-footer-brand{width:100%;min-height:72px;padding:15px 17px;clip-path:none}
  .bsz-footer-links{gap:8px 12px;padding:18px;font-size:13px}
  .bsz-inner-mobile-nav{display:block;margin:0 -16px}
  .bsz-inner-mobile-nav .bsz-sidebar{margin:0;border-top:0;border-bottom:1px solid #d4e6b6;box-shadow:none;background:#f5f9ed;border-radius:0}
  .bsz-inner-mobile-nav .bsz-sidebar-brand{display:none}
  .bsz-inner-mobile-nav .bsz-mobile-menu-toggle{background:var(--bsz-bright)}
  .bsz-inner-mobile-nav .bsz-nav{background:#fff;padding:8px}
  .bsz-content-body img{max-width:100%;height:auto}
  .bsz-content-body .wp-block-columns:not(.is-not-stacked-on-mobile){flex-direction:column}
  .bsz-breadcrumb{overflow-wrap:break-word}
}
@media(max-width:400px){
  .bsz-header{padding:12px 12px 0}
  .bsz-green-divider{margin:0 -12px}
  .bsz-topline{font-size:11px}
  .bsz-home-head{padding-left:12px;padding-right:12px}
  .bsz-home-head::after{left:12px}
  .bsz-home-content{padding-left:15px;padding-right:15px}
  .bsz-partners{padding-left:15px;padding-right:15px}
  .bsz-logos img{max-height:75px}
}
@media(prefers-reduced-motion:reduce){
  .bsz-news-card{transition:none}
  .bsz-news-card:hover{transform:none}
}
/* Gebäudefotos randlos im Inhaltscontainer statt in einer weißen Innenbox. */
.bsz-header > a[aria-label="Zur Startseite"]{
  display:block;
  margin-left:-28px;
  margin-right:-28px;
  overflow:hidden;
}
.bsz-titlebar{margin-bottom:16px}
@media(max-width:900px){
  .bsz-header > a[aria-label="Zur Startseite"]{margin-left:-18px;margin-right:-18px}
}
@media(max-width:760px){
  .bsz-header > a[aria-label="Zur Startseite"]{margin-left:-16px;margin-right:-16px}
  .bsz-banner{height:clamp(145px,41vw,245px);max-height:none;min-height:0;aspect-ratio:auto;object-fit:cover}
  .bsz-titlebar{margin-bottom:12px}
}
@media(max-width:400px){
  .bsz-header > a[aria-label="Zur Startseite"]{margin-left:-12px;margin-right:-12px}
}