:root{--pine:#194b45;--ink:#253e37;--cream:#f8f5ed;--line:#e0e0d6;--gold:#cb8147}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;background:var(--cream)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#fffdf8;border-right:1px solid var(--line);padding:23px 16px;position:sticky;top:0;height:100vh}.brandmark{display:block;text-align:center;padding:24px 7px 27px;border-bottom:1px solid var(--line);margin-bottom:22px}.brandletters{font-size:49px;letter-spacing:-5px;font-weight:950;color:#131313;line-height:1}.brandtext{display:block;font-size:11px;font-weight:800;letter-spacing:1px;margin-top:9px}.nav a{display:flex;gap:12px;align-items:center;padding:13px 17px;border-radius:12px;font-weight:650;font-size:14px;margin:3px 0}.nav a:hover,.nav a[aria-current=page]{background:#e5f0e9;color:var(--pine)}.smallprint{font-size:12px;color:#75807b;position:absolute;bottom:20px;left:28px}.main{min-width:0}.topbar{height:78px;background:#fffdf9;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar strong{font-size:16px}.topright{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:650}.pill{display:inline-block;border-radius:13px;background:var(--pine);color:white;padding:12px 18px;font-weight:700;font-size:14px}.pill:hover{background:#286b60}.content{max-width:1430px;margin:0 auto;padding:27px 32px 65px}.hero{position:relative;min-height:310px;border-radius:19px;overflow:hidden;background:#ddd url('assets/pzb-home-hero-51-2.png') center/cover no-repeat;box-shadow:0 7px 20px #274c4820}.hero-link{position:absolute;inset:0}.section-head{margin:29px 0 16px;display:flex;justify-content:space-between;align-items:end;gap:12px}h1{font-size:32px;line-height:1.15;margin:0 0 12px}h2{font-size:26px;margin:0}.muted{color:#687c74}.courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course{display:block;border-radius:17px;overflow:hidden;background:#fffefa;border:1px solid #e1e0d7;box-shadow:0 6px 15px #17382b0d;transition:transform .18s,box-shadow .18s}.course:hover{transform:translateY(-3px);box-shadow:0 12px 22px #17382b24}.course img{width:100%;aspect-ratio:2.8/1;object-fit:cover;display:block}.course-body{padding:16px 19px 18px}.course h3{font-size:18px;margin:0 0 7px}.course p{font-size:13px;line-height:1.55;color:#67756c;margin:0 0 12px}.course span{color:var(--pine);font-weight:750;font-size:13px}.detail{display:grid;grid-template-columns:1.1fr .9fr;gap:27px}.panel{background:#fffefa;border:1px solid var(--line);border-radius:17px;padding:27px}.banner{width:100%;height:290px;object-fit:cover;border-radius:15px;margin-bottom:22px}.panel p,.panel li{line-height:1.8}.callout{background:#eaf2eb;border-radius:12px;padding:21px;margin:20px 0}.crumb{display:block;margin-bottom:21px;font-size:14px;color:#547166}.info-label{font-weight:750;margin-bottom:4px}.footer{padding:27px 35px;border-top:1px solid var(--line);font-size:12px;color:#67766d;display:flex;flex-wrap:wrap;gap:18px}form label{display:block;font-weight:650;font-size:13px;margin:15px 0 6px}input,textarea{width:100%;padding:12px;border-radius:9px;border:1px solid #bccdc3;font:inherit;background:#fff}textarea{min-height:110px}button{border:0;cursor:pointer}.notice{border-left:4px solid var(--gold);padding:11px 15px;background:#fffaee;border-radius:4px}.mobile-menu{display:none}@media(max-width:1100px){.courses{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:750px){.layout{display:block}.sidebar{height:auto;position:static;padding:10px 16px}.brandmark{margin:0;padding:8px;text-align:left;border:0}.brandletters{font-size:30px}.brandtext{font-size:9px}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap;padding:10px}.smallprint{display:none}.topbar{height:auto;padding:16px;flex-wrap:wrap}.topright{gap:8px}.content{padding:15px}.hero{min-height:190px}.courses{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.panel{padding:19px}}

/* PZB Bildungsdienstleistungen Logo / Academy registered symbol */
.brandmark{display:flex;align-items:center;justify-content:center;min-height:142px;padding:8px 4px 18px}
.company-logo{display:block;width:100%;max-width:204px;height:120px;object-fit:contain}

@media(max-width:750px){.brandmark{min-height:75px;justify-content:flex-start;padding:4px}.company-logo{height:67px;width:145px}}

/* Version 3: stronger logo placement and visible registered symbol */
.sidebar .brandmark{display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 3px 18px!important;min-height:155px!important}
.sidebar .company-logo{display:block!important;width:206px!important;max-width:100%!important;height:130px!important;object-fit:contain!important}
@media(max-width:750px){.sidebar .brandmark{min-height:100px!important;justify-content:flex-start!important}.sidebar .company-logo{height:90px!important;width:160px!important}}

/* Öffentliche Unternehmensinhalte */
.welcome-intro{background:#fffefa;border:1px solid var(--line);border-radius:17px;padding:25px 28px;margin:22px 0}
.welcome-intro h1{margin:0 0 12px;font-size:clamp(23px,2.5vw,34px)}
.welcome-intro p{line-height:1.7;max-width:900px}
.welcome-intro .pill{display:inline-block;margin-top:8px}
.panel h2{margin:24px 0 8px}.panel h3{margin:8px 0 14px}
.panel a:not(.pill),.contact-details a{color:#135e59;text-decoration:underline}
.contact-details{margin-top:24px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:750px){.welcome-intro{padding:18px}}

/* V6: transparente Schulungskacheln, Bilder und Layout unverändert */
.courses .course {background:transparent!important;box-shadow:none!important;border-color:rgba(25,75,69,.22)!important;backdrop-filter:none;}
.courses .course-body {background:transparent!important;}
.courses .course:hover {background:rgba(255,255,255,.11)!important;box-shadow:0 8px 20px rgba(23,56,43,.10)!important;}

/* V7: Academy-original course card composition, translucent panels and watermark */
body{background:linear-gradient(118deg,#f8dfb9 0%,#f3e6cd 38%,#d2dfd0 100%);}
.content{position:relative;isolation:isolate;}
.content::before{content:"";position:fixed;z-index:-1;right:5%;bottom:6%;width:min(32vw,460px);height:min(40vw,500px);background:url('assets/academy-wasserzeichen.png') center/contain no-repeat;opacity:.105;pointer-events:none;mix-blend-mode:multiply;}
.courses-primary{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.courses-primary .course-primary{height:249px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(56,115,107,.28)!important;border-radius:18px;background:rgba(255,255,255,.045)!important;box-shadow:none!important;backdrop-filter:none;min-width:0;}
.courses-primary .course-primary .course-body{padding:13px 14px 16px!important;background:transparent!important;}
.courses-primary .course-primary h3{font-size:16px;font-weight:780;line-height:1.25;color:#143b41;margin:0 0 5px;}
.courses-primary .course-primary p{font-size:12px;line-height:1.42;margin:0 0 10px;color:#536f69;}
.courses-primary .course-primary span{display:block;font-size:12px;text-align:right;color:#00625b;}
.courses-primary .course-primary:hover{background:rgba(255,255,255,.13)!important;transform:translateY(-2px)!important;}
.more-courses{margin-top:22px;}
.more-courses h2{font-size:17px;color:#426661;margin:0 0 12px;}
.more-courses .courses{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.more-courses .course-secondary{background:rgba(255,255,255,.065)!important;border-color:rgba(56,115,107,.25)!important;box-shadow:none!important;}
.more-courses .course-secondary img{aspect-ratio:3.4/1;}
.more-courses .course-secondary .course-body{background:transparent!important;}
.more-courses .course-secondary h3{font-size:15px;}
@media(max-width:1190px){.courses-primary,.more-courses .courses{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:750px){.courses-primary,.more-courses .courses{grid-template-columns:1fr;}.courses-primary .course-primary{height:205px}.content::before{right:0;bottom:8%;width:60vw;height:60vw;}}

/* V8: translucent Academy-inspired navigation and large content panels */
.sidebar{background:rgba(255,248,233,.32)!important;border-right:1px solid rgba(47,91,83,.20)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.topbar{background:rgba(255,250,239,.26)!important;border-bottom:1px solid rgba(47,91,83,.17)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.panel,.intro-panel,.welcome-panel,.content-card{background:rgba(255,255,255,.14)!important;border-color:rgba(47,91,83,.23)!important;box-shadow:none!important;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.callout,.notice{background:rgba(250,246,230,.34)!important}
.footer{background:transparent!important;border-top-color:rgba(47,91,83,.2)!important}
.nav a:hover,.nav a[aria-current=page]{background:rgba(68,141,116,.18)!important}
.hero{box-shadow:0 7px 20px rgba(39,76,72,.09)!important}
.course,.course-secondary{box-shadow:none!important}
/* Keep form elements readable without hard white blocks */
input,textarea{background:rgba(255,255,255,.66)!important}
@media(max-width:750px){.sidebar{background:rgba(255,248,233,.53)!important}}


/* PZB_PATCH10_RESPONSIVE_HERO
   Original hero file: 2171 x 724 pixels (approx. 3:1).
   Keep classic desktop layout on wide displays. On a narrow desktop
   window, tablets and phones show the entire hero without cover cropping.
   No JavaScript and no other card images are affected. */
@media screen and (max-width: 1250px) {
  .hero {
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 2171 / 724;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

/* V9: Bildbereiche ohne aufhellende Overlays; vorhandene PZB-Farben bleiben erhalten. */
.courses-primary .course-primary{height:auto;justify-content:flex-start;}
.courses .course img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;object-position:center;display:block;flex-shrink:0;}
.courses .course-body{flex:1;display:flex;flex-direction:column;}
.courses .course-body span{margin-top:auto;}
.courses-primary .course-primary .course-body{min-height:142px;}
.more-courses .course-secondary{display:flex;flex-direction:column;}
.more-courses .course-secondary .course-body{min-height:155px;}
.courses img[src$="fachkunde-personenverkehr.webp"]{object-position:center top;}
.banner{height:auto;aspect-ratio:2.6/1;object-fit:cover;object-position:center;}
.banner[src$="fachkunde-personenverkehr.webp"]{object-position:center top;}
@media(min-width:1191px) and (max-width:1450px){.courses-primary,.more-courses .courses{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:750px){.courses-primary .course-primary{height:auto;}.courses-primary .course-primary .course-body,.more-courses .course-secondary .course-body{min-height:0;}.courses .course-body span{margin-top:8px;}}

.course-image{overflow:hidden;aspect-ratio:2.6/1;flex-shrink:0;}
.courses .course-image img{height:100%;transform:scale(1.035);}
.banner-frame{overflow:hidden;border-radius:15px;margin-bottom:22px;aspect-ratio:2.6/1;}
.banner-frame .banner{display:block;width:100%;height:100%;border-radius:0;margin:0;transform:scale(1.035);}

/* Bildinterne helle Randstreifen ausserhalb des sichtbaren Bildrahmens halten. */
.courses .course-image img{transform:scale(1.14);}