/*
Theme Name: Vierrutenberg Natur 1.0
Author: Grundschule am Vierrutenberg
Description: Natur-Theme mit breitem Landschaftsheader, sechs Blattmenüs und dynamischen Beiträgen.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vierrutenberg
*/
:root{--green:#0b5939;--green2:#287842;--cream:#fffdf3;--ink:#194d39;--line:#d8e3bd;--shadow:0 12px 30px #294f2820}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 Nunito,sans-serif}a{color:var(--green);text-underline-offset:4px}img{max-width:100%;height:auto}button,summary{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b66b00;outline-offset:5px}.wrap{width:min(1480px,calc(100% - 96px));margin-inline:auto}.site-header{position:relative;padding-bottom:20px;background:#dff0e9;isolation:isolate}.hero-art{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.nav-branch{position:relative;z-index:10;display:flex;align-items:flex-start;gap:36px;padding-top:clamp(32px,4vw,76px);min-height:240px}.brand-link{flex:0 0 88px;margin-top:10px}.brand-mini{display:block;border:4px solid #fffdf3;border-radius:50%;box-shadow:var(--shadow);width:88px;height:88px;object-fit:cover}.main-nav{flex:1;min-width:0}.leaf-menu{display:flex;justify-content:flex-end;gap:clamp(12px,2vw,34px);list-style:none;padding:0;margin:0}.leaf-item{position:relative;flex:1;max-width:205px;min-width:0}.leaf{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;padding:15px 7px 18px;cursor:pointer;text-align:center;color:white;font-family:Kalam,cursive;font-size:clamp(16px,1.5vw,24px);font-weight:700;line-height:1.25;list-style:none;background:repeating-linear-gradient(30deg,transparent 0 22px,#ffffff0c 23px 24px),linear-gradient(125deg,#83aa24,#347b24 50%,#135a32);border-radius:22% 72% 4% 70%;box-shadow:inset 0 1px 3px #e5f29699,0 7px 10px #163f2633;transition:transform .2s}.leaf::-webkit-details-marker{display:none}.leaf:before{content:"";position:absolute;top:-24px;height:28px;width:8px;border:3px solid #c39a58;border-radius:50%;background:#93642a;box-shadow:1px 1px 2px #40331e}.leaf-icon{font-family:Nunito,sans-serif;font-size:27px;line-height:1;margin-bottom:7px}.chevron{font-family:Nunito;font-size:15px}.leaf-item:first-child .leaf{color:#124d30;background:repeating-linear-gradient(30deg,transparent 0 22px,#fff5 23px 24px),linear-gradient(125deg,#fff48b,#d9de55 70%,#88ac3a)}.leaf:hover,details[open]>.leaf{transform:translateY(4px)}.leaf-panel{position:absolute;top:calc(100% + 8px);left:0;width:330px;max-width:85vw;padding:12px;background:#fffef8;border:1px solid var(--line);border-radius:8px 22px 22px;box-shadow:var(--shadow)}.leaf-item:nth-last-child(-n+2) .leaf-panel{left:auto;right:0}.section-menu,.section-menu ul{list-style:none;padding:0;margin:0}.section-menu ul{padding-left:15px}.section-menu a{display:block;padding:9px 12px;line-height:1.4;border-radius:8px;text-decoration:none;overflow-wrap:anywhere}.section-menu a:hover,.section-menu .current-menu-item>a{background:#edf3d7}.menu-toggle{display:none}.hero-title{position:relative;margin-top:clamp(220px,22vw,450px);z-index:1}.hero-title h1,.hero-title p{font-family:Kalam,cursive;font-size:clamp(30px,3.5vw,58px);line-height:1.14;letter-spacing:-1.5px;margin:0;max-width:700px;color:var(--green);font-weight:700}.hero-title span{display:block}.hero-transition{position:absolute;bottom:-1px;left:0;width:100%;height:140px;background:var(--cream);z-index:-1;clip-path:polygon(0 24%,8% 10%,17% 0,25% 7%,36% 45%,48% 65%,64% 78%,80% 72%,93% 53%,100% 35%,100% 100%,0 100%)}.breadcrumb{padding-top:24px;font-size:14px}.breadcrumb a{text-decoration:none;font-weight:700}.main{padding:30px 0 60px}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px}.card{position:relative;padding:28px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 90% 0,#dceab466,transparent 65%),linear-gradient(115deg,#fffef6,#f3f7e3);box-shadow:0 3px 10px #50632a08}h2,h3{font-family:Kalam,cursive;color:var(--green);line-height:1.3}h2{font-size:clamp(24px,2.4vw,36px);margin:0 0 20px}h3{font-size:22px;margin:8px 0 10px}.flower{color:#d99b00;margin-right:10px}.news-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fffffc88}.news-item.no-thumbnail{grid-template-columns:1fr}.news-item img{width:180px;height:150px;object-fit:cover;border-radius:9px}.news-item p{margin:8px 0}.meta{font-size:14px;color:#487051}.social-heading{margin-top:28px;font-size:clamp(22px,2vw,30px)}.simple-list{list-style:none;margin:0;padding:0}.simple-list li{border-bottom:1px solid var(--line);padding:10px 0}.simple-list a{display:flex;justify-content:space-between;gap:18px;text-decoration:none}.simple-list a:hover{text-decoration:underline}.simple-list time{font-size:13px;display:block}.button{display:inline-block;padding:10px 22px;border-radius:40px;background:var(--green2);color:white;font-weight:700;text-decoration:none}.button:hover{background:var(--green)}.calendar-card{background:radial-gradient(ellipse at 20% 20%,#edf4d5,transparent 65%),linear-gradient(140deg,#f7f8e7,#e5efc9)}.calendar-intro{font-size:19px;max-width:32ch}.calendar-symbol{font-size:72px;line-height:1.2;color:#477a38;margin:20px 0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.quick{display:flex;align-items:center;gap:20px;min-height:135px;text-decoration:none;background:radial-gradient(ellipse at 80% 100%,#dce9ac88,transparent 60%),#f0f5dc}.quick>span:first-child{font-size:40px}.quick b{margin-left:auto;font-size:30px}.quick h3{margin-top:0}.quick:hover{border-color:#7e9e50;box-shadow:var(--shadow)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:40px;padding:40px;background:radial-gradient(ellipse at 20% 60%,#e5efc6,transparent 70%);border-radius:12% 4% 10% 3%}.feature h2{font-size:clamp(30px,3.8vw,52px);max-width:13ch}.feature p{max-width:48ch}.feature-image{overflow:hidden;border-radius:46% 54% 42% 58%;background:#e5edc9}.feature-image img{display:block;width:100%}.motto{padding:24px;text-align:center;font:700 clamp(20px,2.5vw,32px)/1.5 Kalam,cursive;background:radial-gradient(ellipse,#fff1bb,transparent 72%);margin-top:30px}.site-footer{background:linear-gradient(125deg,#eff4d8,#dceaba);padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-logo{display:block;width:120px;border-radius:50%;margin-bottom:12px}.site-footer ul{padding:0;list-style:none}.legal{border-top:1px solid #9cb77f;margin-top:25px;padding-top:20px;font-size:14px}.page-content{max-width:1100px;background:#ffffff99;border:1px solid var(--line);border-radius:14px;padding:35px;overflow-wrap:anywhere}.entry-title{font-size:clamp(26px,4vw,44px);line-height:1.2}.page-content article+article{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.page-content iframe{max-width:100%}.skip-link{position:absolute;top:-100px;left:15px;z-index:100;background:white;padding:14px}.skip-link:focus{top:10px}
@media(min-width:2000px){.wrap{width:min(1640px,calc(100% - 120px))}.hero-title{margin-top:24vw}}
@media(max-width:1200px){.wrap{width:calc(100% - 40px)}.nav-branch{display:block;min-height:100px;padding-top:16px}.brand-link{display:inline-block;margin:0}.brand-mini{width:70px;height:70px}.menu-toggle{display:none;position:absolute;right:0;top:28px;border:0;border-radius:30px;padding:10px 20px;background:var(--green);color:white;font-weight:700}.js .menu-toggle{display:block}.main-nav{margin-top:14px;padding:12px;background:#fffef6;border-radius:16px;box-shadow:var(--shadow)}.js .main-nav{display:none}.js .main-nav.is-open{display:block}.leaf-menu{display:block}.leaf-item{max-width:none}.leaf{flex-direction:row;gap:12px;min-height:54px;margin:6px 0;border-radius:8px 28px 8px 28px;font:700 18px/1.3 Nunito}.leaf:before{display:none}.leaf-icon{font-size:21px;margin:0}.leaf:hover,details[open]>.leaf{transform:none}.leaf-panel{position:static;width:100%;max-width:none;box-shadow:none;border:0;padding:6px}.hero-title{margin-top:240px}.hero-title h1,.hero-title p{font-size:38px}.hero-art img{object-fit:cover;object-position:40% top}.grid{grid-template-columns:1.2fr 1fr;gap:18px}.card{padding:20px}.news-item{grid-template-columns:1fr}.news-item img{width:100%;height:180px}.feature{padding:22px;gap:20px}}
@media(max-width:650px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.site-header{background:#def0e8;padding-bottom:10px}.hero-art{top:92px;bottom:94px}.hero-art img{object-fit:cover;object-position:43% center}.hero-title{margin-top:250px}.hero-title h1,.hero-title p{font-size:30px;letter-spacing:-.7px}.hero-transition{height:104px;clip-path:polygon(0 24%,20% 0,45% 16%,70% 35%,100% 20%,100% 100%,0 100%)}.grid,.quick-grid,.feature,.footer-grid{grid-template-columns:1fr}.main{padding-top:20px}.quick-grid{gap:14px}.quick{min-height:115px}.feature{margin-top:25px;padding:20px}.feature h2{max-width:none}.feature-image{max-width:420px;margin:auto}.page-content{padding:20px}.footer-grid{gap:24px}.breadcrumb{padding-top:15px}.leaf-panel a{padding:12px}.news-item img{height:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Calendar additions, 0.3 */
.event-list{list-style:none;margin:0;padding:0}.event-item{display:flex;align-items:flex-start;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.event-badge{flex:0 0 60px;overflow:hidden;border-radius:12px;background:#fffef4;border:1px solid #cbdba9;text-align:center;line-height:1.2}.event-badge strong{display:block;padding:7px 3px;font-size:27px;color:var(--green)}.event-badge span{display:block;padding:5px 3px;background:#dcebbd;font-size:14px}.event-copy{min-width:0;overflow-wrap:anywhere}.event-title{font-weight:700;text-decoration:none;line-height:1.4;display:block}.event-title:hover{text-decoration:underline}.event-when{font-size:14px;line-height:1.5;margin:5px 0;color:#365b40}.event-location{font-size:14px;line-height:1.5;margin:3px 0}.event-empty{padding:18px 0}.event-detail-when{font-size:20px;font-weight:600}.event-pagination{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.event-pagination .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:8px}.event-pagination .current{background:var(--green);color:white}.events-overview{margin:24px 0}
@media(max-width:650px){.event-item{gap:12px}.event-badge{flex-basis:52px}.event-badge strong{font-size:24px}}


/* 0.4 — botanical artwork and watercolor surfaces. */
:root{--cream:#fffdf2;--line:#dce5c2;--shadow:0 10px 26px #28451c16}
body{background:var(--cream);color:#214d39}
.vr-icon{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.18em;flex-shrink:0}
.hero-transition{clip-path:none;background:none;height:160px}
.hero-transition svg{display:block;width:100%;height:100%;fill:var(--cream)}
.hero-title{padding-left:28px}
.hero-title:before{content:"";position:absolute;left:-38px;bottom:-5px;width:68px;height:100px;background:url("assets/images/botanical-v04.webp") left bottom/contain no-repeat;pointer-events:none}
.hero-title h1,.hero-title p{font-size:clamp(30px,3.3vw,56px);letter-spacing:-1px}
.nav-branch{gap:28px}
.leaf-menu{gap:20px}
.leaf-item{max-width:220px}
.leaf{isolation:isolate;min-height:148px;padding:36px 0 23px;border:0;border-radius:0;background:none!important;box-shadow:none;color:#fffef0;font-size:clamp(17px,1.45vw,24px);font-weight:700;line-height:1.25;text-shadow:0 1px 3px #143e1e;transition:transform .18s;transform-origin:50% 0}
.leaf:after{content:"";position:absolute;inset:-8px -16px -4px;z-index:-1;background:url("assets/images/leaf-v04.webp") center/100% 100% no-repeat;filter:drop-shadow(0 6px 3px #24432030);pointer-events:none}
.leaf:before{top:-27px;left:calc(50% - 5px);width:10px;height:34px;border:3px solid #b18042;border-radius:45%;background:repeating-linear-gradient(160deg,#d4b477 0 3px,#aa783c 4px 5px);box-shadow:inset 1px 0 1px #f3d4a0,1px 1px 2px #5e452666;z-index:-2}
.leaf-item:first-child .leaf{color:#174522;text-shadow:0 1px 1px #ffffff66}
.leaf-item:first-child .leaf:after{background-image:url("assets/images/goldleaf-v04.webp");filter:drop-shadow(0 6px 3px #24432030)}
.leaf-item:nth-child(2) .leaf:after{transform:rotate(3deg)}
.leaf-item:nth-child(3) .leaf:after{transform:rotate(-3deg)}
.leaf-item:nth-child(4) .leaf:after{transform:rotate(2deg)}
.leaf-label{position:relative;font-size:inherit;white-space:nowrap}
.leaf-schulsozialarbeit .leaf-label{font-size:.85em;letter-spacing:-.4px}
.leaf-icon{font-size:24px;line-height:1;margin-bottom:5px}
.leaf-icon .vr-icon{width:25px;height:25px;vertical-align:0}
.chevron{line-height:1;margin-top:3px;font-size:14px}
.leaf:hover,details[open]>.leaf{transform:translateY(3px) rotate(-1deg)}
.leaf:focus-visible{outline-offset:8px;border-radius:18px}
.leaf-panel{top:calc(100% + 5px);border-color:#d1dcb2;border-radius:8px 24px 12px 22px;background:#fffef7 url("assets/images/wash-v04.webp") center/100% 100% no-repeat;box-shadow:0 12px 30px #183e262e}
.section-menu a{background:#fffdf655}
.section-menu a:hover,.section-menu .current-menu-item>a{background:#dfebc4}
.breadcrumb{padding-top:30px}
.main{padding-top:32px}
.grid{gap:28px;align-items:stretch}
.card{isolation:isolate;padding:30px;border:1px solid #d9e1bc;border-radius:18px 24px 14px 22px;background:#fcfcf0 url("assets/images/wash-v04.webp") center/180% 180% no-repeat;box-shadow:0 3px 12px #55652a07}
.card>*{position:relative;z-index:1}
.card:before{content:"";position:absolute;inset:7px;border:1px solid #fffdf280;border-radius:12px 22px 14px 20px;pointer-events:none}
.card:after{content:"";position:absolute;right:5px;bottom:0;width:100px;height:136px;background:url("assets/images/botanical-v04.webp") left bottom/contain no-repeat;transform:scaleX(-1);pointer-events:none;z-index:0}
.news-card{padding-bottom:74px}
.news-card:after{left:5px;right:auto;width:67px;height:92px;transform:none}
h2{font-size:clamp(25px,2.25vw,36px)}
.flower{display:inline-block;color:#deb229;margin-right:8px}
.flower .vr-icon{width:34px;height:34px;vertical-align:-.14em}
.social-heading .flower .vr-icon{width:29px;height:29px}
.news-item{padding:18px;background:#fffef7c9;border-color:#dce5c4;border-radius:12px 16px 10px 15px}
.news-item h3 a{text-decoration:none}
.news-item h3 a:hover{text-decoration:underline}
.news-item img{border-radius:12px 6px 14px 8px}
.news-item.no-thumbnail{padding:22px}
.social-heading{margin-top:29px}
.news-card>.simple-list li{background:#e9f0d688;border:0;border-radius:7px 12px 6px 10px;margin:7px 0;padding:10px 12px}
.calendar-card{background-color:#ecf2d8;padding-bottom:80px}
.calendar-card h2 .vr-icon{margin-right:8px;width:34px;height:34px}
.calendar-card:after{width:106px;height:150px;right:4px;bottom:2px}
.calendar-card>p:last-child{margin-bottom:0}
.event-badge{border-color:#c9d7a8;border-radius:13px 11px 14px 9px;background:#fffdf2}
.event-badge span{background:#dbe8ba}
.event-item{border-bottom-color:#d3dfb6}
.button{background:linear-gradient(135deg,#408245,#1b643a);box-shadow:inset 0 1px 1px #94be7280,0 3px 7px #28533013;border-radius:29px 24px 30px 22px;padding:11px 23px}
.button:hover{background:#155733}
.quick-grid{gap:26px;margin:30px 0}
.quick{padding:25px 45px 34px 35px;min-height:145px;gap:22px;background-color:#ecf2d8}
.quick:after{width:60px;height:83px;right:1px;bottom:1px}
.quick-paper:after{left:2px;right:auto;transform:none}
.quick-iserv:after{width:70px;height:96px}
.quick-icon .vr-icon{width:45px;height:45px}
.quick h3{margin-bottom:9px;font-size:24px}
.quick b{font-weight:400}
.feature{position:relative;isolation:isolate;grid-template-columns:.93fr 1.07fr;gap:16px;padding:28px 0 28px 36px;margin-top:40px;background:none;border-radius:0}
.feature:before{content:"";position:absolute;inset:-12px 12% -2px -18px;background:url("assets/images/wash-v04.webp") center/100% 100% no-repeat;z-index:-1;pointer-events:none}
.feature-copy{padding:14px 0 24px 16px}
.feature h2{font-size:clamp(35px,3.7vw,54px);line-height:1.2;margin-bottom:22px}
.feature p{font-size:18px;max-width:41ch}
.feature-image{overflow:visible;min-width:0;border-radius:0;background:none;max-width:none;margin:0}
.feature-image img{width:100%;height:auto;display:block}
.motto{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:24px;background:none;margin:32px 0 8px;padding:35px 60px;letter-spacing:.2px}
.motto:before{content:"";position:absolute;inset:0 5%;background:url("assets/images/wash-v04.webp") center/100% 100% no-repeat;z-index:-1;filter:sepia(.22);pointer-events:none}
.motto-leaf{flex:0 0 64px;height:48px;background:url("assets/images/leaf-v04.webp") center/contain no-repeat;transform:rotate(-24deg);pointer-events:none;opacity:.9}
.motto-leaf:last-child{transform:scaleX(-1) rotate(-24deg)}
.site-footer{position:relative;isolation:isolate;background:#eaf0d2 url("assets/images/wash-v04.webp") center/140% 160% no-repeat;padding:76px 0 25px;border-radius:50% 50% 0 0/20px 28px 0 0}
.site-footer:before,.site-footer:after{content:"";position:absolute;bottom:0;width:160px;height:225px;background:url("assets/images/botanical-v04.webp") bottom left/contain no-repeat;z-index:-1;pointer-events:none}
.site-footer:before{left:0}
.site-footer:after{right:0;transform:scaleX(-1);width:190px;height:260px}
.footer-grid{position:relative;grid-template-columns:1fr 1.2fr 1fr;gap:45px;margin-inline:35px}
.footer-grid>div+div{padding-left:32px;border-left:1px solid #baca9c}
.footer-logo{border-radius:50%;box-shadow:0 0 0 7px #fffdf43b}
.site-footer h3{font-size:24px}
.legal{position:relative;margin-inline:35px;padding-left:90px;padding-right:100px;border-color:#bdcea0;font-size:13px}
.page-content{background:#fffef7 url("assets/images/wash-v04.webp") center top/100% auto repeat-y;border-color:#dce4c6}
@media(min-width:1600px){.nav-branch{padding-top:4.5vw}}
@media(max-width:1200px) and (min-width:1201px){.nav-branch{gap:20px}.leaf-menu{gap:12px}.leaf{min-height:136px;padding-top:32px;font-size:17px}.leaf-schulsozialarbeit .leaf-label{font-size:14px}.leaf:after{inset:-7px -11px -3px}.leaf-icon .vr-icon{width:22px;height:22px}}
@media(max-width:1200px){
 .hero-title{padding-left:22px}.hero-title:before{left:-16px;width:45px;height:70px}
 .main-nav{background:#fffef5 url("assets/images/wash-v04.webp") center/cover no-repeat;padding:14px}
 .leaf-menu{display:block}
 .leaf{padding:14px 18px;min-height:60px;gap:13px;background:#f0f4de!important;color:var(--green);border:1px solid #d5dfbb;border-radius:8px 25px 8px 25px;font:700 18px/1.35 Nunito;text-shadow:none;justify-content:flex-start}
 .leaf:after{inset:auto 5px auto auto;top:4px;width:78px;height:52px;background-size:contain;filter:none!important;transform:none!important;opacity:.22}
 .leaf:before{display:none}
 .leaf-item:first-child .leaf{color:var(--green);text-shadow:none}
 .leaf-schulsozialarbeit .leaf-label{font-size:1em;letter-spacing:0}
 .leaf-icon{font-size:20px;margin:0}.leaf-icon .vr-icon{width:23px;height:23px}
 .leaf-label{white-space:normal;text-align:left}.chevron{margin-left:auto}
 .leaf:hover,details[open]>.leaf{transform:none;background:#e4edce!important}
 .leaf-panel{position:static;background:#fffef5;border:0;box-shadow:none}
 .card{padding:23px}.news-card{padding-bottom:61px}.calendar-card{padding-bottom:72px}
 .quick{padding:24px 30px 34px;gap:16px}.quick h3{font-size:21px}
 .feature{padding:18px 0 18px 12px;gap:4px}.feature-copy{padding-left:9px}.feature p{font-size:17px}
 .feature h2{font-size:36px}
 .motto{padding:27px 30px;font-size:26px;gap:16px}.motto-leaf{flex-basis:46px;height:36px}
 .footer-grid{gap:22px;margin-inline:18px}.footer-grid>div+div{padding-left:20px}
 .site-footer:before{width:90px;height:140px}.site-footer:after{width:125px;height:177px}
}
@media(max-width:650px){
 .site-header{background:linear-gradient(#eaf2e8 0 92px,var(--cream) 92px)}
 .hero-title{padding-left:24px}.hero-title h1,.hero-title p{font-size:30px}
 .hero-title:before{left:-10px;bottom:-4px;width:39px;height:62px}
 .hero-transition{height:108px;clip-path:none}
 .hero-art img{object-position:43% center}
 .card{padding:22px;border-radius:14px 22px 12px 18px}
 .news-card{padding-bottom:56px}.news-card:after{width:44px;height:61px}
 .calendar-card{padding-bottom:76px}.calendar-card:after{width:78px;height:112px}
 .flower .vr-icon{width:29px;height:29px}.social-heading{font-size:23px}
 .social-heading .flower .vr-icon{width:25px;height:25px}
 .news-item.no-thumbnail{padding:16px}.news-card>.simple-list li{padding:10px}
 .quick-grid{gap:20px;margin-top:26px}.quick{min-height:155px;padding:22px 25px 34px;gap:14px}
 .quick-icon .vr-icon{width:33px;height:33px}.quick h3{font-size:21px}.quick:after{width:48px;height:69px}
 .feature{grid-template-columns:1fr;gap:12px;padding:18px 0;margin-top:30px}
 .feature:before{inset:0 -8px 25% -8px;background-size:100% 100%}
 .feature-copy{padding:15px 16px 0}.feature h2{font-size:35px;max-width:13ch}
 .feature p{font-size:16px}.feature-image{max-width:480px;width:100%;margin:auto}
 .motto{padding:30px 20px;margin:12px 0 0;font-size:23px;gap:10px}.motto:before{inset:0 -5px}.motto-leaf{flex-basis:27px;height:30px}
 .site-footer{padding-top:52px}.footer-grid{grid-template-columns:1fr;margin-inline:22px;gap:25px}
 .footer-grid>div+div{padding:20px 0 0;border-left:0;border-top:1px solid #becd9c}
 .site-footer:before{width:65px;height:94px}.site-footer:after{width:95px;height:139px}
 .legal{margin-inline:22px;padding:18px 42px 30px 24px}.main{padding-bottom:38px}.breadcrumb{padding-top:23px}
}
@media(prefers-reduced-motion:reduce){.leaf{transition:none}}


/* 0.5 — requested corrections: clear header, plain pages, varied plants. */
.site-header{padding:0;background:var(--cream)}
.hero-scene{position:relative;isolation:isolate;min-height:clamp(440px,42vw,860px);background:#e5f2e8}
.hero-scene .hero-art{inset:0;z-index:-1}
.hero-scene .hero-art img{object-position:center center}
.nav-branch{gap:0;justify-content:flex-end;min-height:220px;padding-top:clamp(28px,4vw,78px)}
.main-nav{flex:0 1 1180px}
.mobile-home{display:none}
.leaf:before{content:none!important;display:none!important}
.hero-caption{position:relative;z-index:1;background:var(--cream);padding:12px 0 22px;margin-top:-2px}
.hero-caption .hero-transition{inset:auto 0 100%;height:68px;width:100%;z-index:-1;background:none;clip-path:none}
.hero-caption .hero-transition svg{width:100%;height:100%;display:block;fill:var(--cream)}
.hero-caption .hero-title{margin:0 auto;padding:0;position:relative}
.hero-title:before{content:none!important}
.school-sign{display:flex;align-items:center;gap:clamp(8px,1.4vw,22px);width:fit-content;max-width:100%;padding:0}
.hero-title h1,.hero-title p{flex:1;min-width:0;max-width:none;margin:0;padding:0;font-size:clamp(30px,3.2vw,54px);line-height:1.28;letter-spacing:-.7px;overflow-wrap:anywhere}
.hero-title span{display:block}
.title-sprig{width:clamp(40px,5.2vw,76px);height:auto;flex-shrink:0;align-self:center;transform:rotate(-17deg)}
.title-sprig-right{transform:scaleX(-1) rotate(-17deg);align-self:flex-end;margin-bottom:4px}
.page-content{background:#fff;border-color:#e2e7dc;box-shadow:none}
body:not(.home) .main{background:#fff}
.news-card:after{background-image:url("assets/images/fern-v05.webp");width:84px;height:84px;left:4px;bottom:3px;transform:none}
.calendar-card:after{background-image:url("assets/images/flowers-v05.webp");width:96px;height:125px;right:6px;bottom:5px;transform:none}
.quick-paper:after{background-image:url("assets/images/sprig-v05.webp");width:75px;height:53px;left:1px;bottom:0;transform:rotate(-15deg)}
.quick-iserv:after{background-image:url("assets/images/botanical-v04.webp");width:65px;height:88px;right:3px;bottom:0;transform:scaleX(-1)}
.site-footer{position:relative;isolation:isolate;border-radius:0;padding:100px 0 40px;background:var(--cream) url("assets/images/footer-v05.webp") center bottom/112% 100% no-repeat}
.site-footer:before,.site-footer:after{content:none;display:none}
.footer-inner{width:min(1280px,calc(100% - 220px))}
.footer-grid{display:grid;grid-template-columns:.95fr 1.25fr 1fr 1fr;gap:25px;margin:0;align-items:start}
.footer-grid>div+div,.footer-grid>section,.footer-grid>nav{border-left:1px solid #bdd09a;padding-left:24px;min-width:0}
.footer-brand{text-align:center;padding:0 16px 0 0}
.footer-logo{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 10px;border-radius:50%;box-shadow:none}
.footer-school-name{margin:0;font-size:18px;font-weight:800;line-height:1.3;color:var(--green)}
.footer-school-name span{font-weight:650;font-size:16px}
.site-footer h2{font-size:24px;margin:0 0 17px;line-height:1.3}
.site-footer p{font-size:15px;line-height:1.6;margin:0 0 13px}
.site-footer .footer-school-name{font-size:18px;margin:0}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{font-size:15px;line-height:1.5;margin:0 0 9px}
.site-footer a{text-decoration:none;overflow-wrap:anywhere}
.site-footer a:hover{text-decoration:underline}
.contact-row{display:flex;align-items:flex-start;gap:10px}
.contact-row .vr-icon{width:19px;height:19px;margin-top:3px}
.legal{margin:28px 0 0;padding:18px 0 0;border-top:1px solid #bfd29e;font-size:13px;line-height:1.6;text-align:center}
@media(max-width:1200px) and (min-width:1201px){
 .footer-inner{width:calc(100% - 120px)}.footer-grid{gap:18px}.footer-grid>section,.footer-grid>nav{padding-left:16px}
 .footer-logo{width:122px;height:122px}.site-footer h2{font-size:21px}.site-footer li,.site-footer p{font-size:14px}
}
@media(max-width:1200px){
 .hero-scene{display:flex;flex-direction:column;min-height:0}
 .hero-scene .hero-art{position:relative;inset:auto;order:2;z-index:0;aspect-ratio:2.4;width:100%;overflow:hidden}
 .hero-scene .hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
 .nav-branch{order:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:72px;padding:10px 0;gap:10px}
 .mobile-home{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:650}
 .js .menu-toggle{display:block;position:static;margin:0;padding:11px 19px}
 .main-nav{flex:0 0 100%;margin:0}
 .hero-caption{padding:10px 0 16px}
 .hero-caption .hero-transition{height:35px}
 .hero-title h1,.hero-title p{font-size:clamp(28px,4.1vw,42px);line-height:1.28}
 .title-sprig{width:clamp(36px,6.2vw,60px)}
 .footer-inner{width:calc(100% - 140px)}
 .footer-grid{grid-template-columns:1fr 1fr;gap:27px 32px}
 .footer-grid>section,.footer-grid>nav{padding-left:20px;border-left:1px solid #bdd09a;border-top:0}
 .footer-grid>.footer-links{border-left:0;padding-left:0}
 .site-footer{padding:95px 0 35px;background-size:auto 100%;background-position:center bottom}
 .footer-logo{width:136px;height:136px}
}
@media(max-width:650px){
 .hero-scene{background:#eff5e7}
 .nav-branch{min-height:64px;padding:9px 0}
 .hero-caption{padding:7px 0 17px}
 .hero-caption .hero-transition{height:23px}
 .school-sign{gap:5px}
 .hero-title h1,.hero-title p{font-size:clamp(24px,6.6vw,32px);letter-spacing:-.4px}
 .title-sprig{width:35px}
 .title-sprig-right{margin-bottom:5px}
 .news-card:after{width:54px;height:54px}
 .calendar-card:after{width:80px;height:104px}
 .quick-paper:after{width:63px;height:44px}
 .quick-iserv:after{width:47px;height:68px}
 .site-footer{padding:65px 0 90px;background-image:url("assets/images/footer-v05.webp"),linear-gradient(var(--cream),#edf4d9 65px);background-size:100% auto,100% 100%;background-position:center bottom,center;background-repeat:no-repeat;background-color:var(--cream)}
 .footer-inner{width:calc(100% - 56px)}
 .footer-grid{grid-template-columns:1fr;gap:22px}
 .footer-grid>.footer-brand{padding:0 0 5px}
 .footer-grid>section,.footer-grid>nav,.footer-grid>.footer-links{padding:20px 0 0;border-left:0;border-top:1px solid #bfd29e}
 .footer-logo{width:132px;height:132px}
 .site-footer h2{font-size:23px;margin-bottom:12px}
 .legal{padding:17px 0 0;margin-top:22px}
}


/* 0.6: compact landscape, curved vector lettering and proportionate artwork. */
.hero-scene{min-height:0;height:min(33.333vw,58vh);min-height:340px}
.hero-scene .hero-art img{object-position:center top}
.nav-branch{width:76%;margin-left:22%;margin-right:2%;padding-top:1.7vw;min-height:0}
.main-nav{flex:1}
.leaf-menu{gap:2px}
.leaf-item{max-width:none}
.leaf{height:clamp(130px,12vw,190px);min-height:0;padding:35px 5px 15px;font-size:clamp(16px,1.3vw,23px);background:none!important;box-shadow:none}
.leaf-item .leaf:after{inset:0 -3px;transform:none;opacity:1;background-image:url("assets/images/leaves-v06.webp");background-size:500% 100%;background-position:0 0;filter:drop-shadow(0 4px 3px #183e2522);width:auto;height:auto}
.leaf-item:nth-child(2) .leaf:after{background-position:25% 0}
.leaf-item:nth-child(3) .leaf:after{background-position:50% 0}
.leaf-item:nth-child(4) .leaf:after{background-position:75% 0}
.leaf-item:nth-child(5) .leaf:after{background-position:100% 0}
.leaf:hover,details[open]>.leaf{transform:none;filter:brightness(1.06)}
.leaf-icon{margin-bottom:3px}.leaf-label{text-shadow:0 1px 2px #15371d}
.leaf-item:first-child .leaf-label{text-shadow:none}
.hero-caption{margin-top:-35px;padding:0 0 8px}
.hero-caption .hero-transition{height:120px}
.hero-caption .hero-title{margin-top:-45px}
.school-sign{width:560px;max-width:100%;gap:8px;position:relative}
.hero-title h1,.hero-title p{font-size:0;line-height:1;width:100%}
.school-wordmark{width:100%;height:auto;display:block}
.title-sprig{width:42px;transform:rotate(-20deg);margin-top:15px}
.title-sprig-right{width:46px;transform:rotate(25deg)}
.breadcrumb{padding-top:8px;padding-bottom:12px}
body:not(.home) .main{background:var(--cream)}
.page-content{background:#fff}
.site-footer{background:linear-gradient(180deg,var(--cream),#edf3d7 22%,#edf3d7);padding:70px 0 30px;overflow:hidden}
.site-footer:before{display:block;content:"";position:absolute;inset:0;z-index:-1;background:url("assets/images/footer-v05.webp") center bottom/cover no-repeat;opacity:.65}
.site-footer:after{content:none}
.footer-logo{width:160px;height:auto;max-height:none;border-radius:0;object-fit:contain;margin:0 auto}
.footer-inner{width:min(1360px,calc(100% - 120px))}
.motto{min-height:140px;padding:30px 100px;margin:20px 0 25px;background:radial-gradient(ellipse at 50% 55%,#fff0bc 0%,#fff7d8 47%,transparent 73%);border-radius:44% 20% 40% 30%}
.motto:before{inset:0;background:url("assets/images/wash-v04.webp") center/cover no-repeat;opacity:.28;mask-image:radial-gradient(ellipse,#000 40%,transparent 72%);filter:none}
.motto-leaf{flex:0 0 72px;height:75px;background-image:url("assets/images/sprig-v05.webp");transform:rotate(-20deg);opacity:1}
.motto-leaf:last-child{background-image:url("assets/images/flowers-v05.webp");transform:rotate(16deg);height:90px;flex-basis:65px}
@media(min-width:1600px){.school-sign{width:620px}.hero-caption .hero-transition{height:140px}}
@media(max-width:1200px){
 .hero-scene{height:auto;min-height:0}.hero-scene .hero-art{aspect-ratio:3/1}.hero-scene .hero-art img{object-fit:cover}
 .nav-branch{width:calc(100% - 40px);margin:0 auto;padding:10px 0;min-height:64px}
 .leaf{height:auto;min-height:56px;padding:15px 20px;font-size:20px;background:#e6edcc!important}
 .leaf-item .leaf:after{display:none}.leaf-label{text-shadow:none}
 .hero-caption{margin-top:-5px;padding:0 0 8px}.hero-caption .hero-transition{height:45px}.hero-caption .hero-title{margin-top:-8px}
 .school-sign{width:470px}.title-sprig{width:34px}.title-sprig-right{width:37px}
 .footer-inner{width:calc(100% - 70px)}.motto{padding:24px;gap:12px}.motto-leaf{flex-basis:50px}
}
@media(max-width:650px){
 .hero-scene .hero-art{aspect-ratio:2.4/1}.hero-scene .hero-art img{object-position:center}
 .hero-caption .hero-transition{height:30px}.school-sign{width:380px;gap:3px}.title-sprig{width:25px}.title-sprig-right{width:27px}
 .site-footer{padding:48px 0 28px;background:linear-gradient(var(--cream),#edf3d7 15%)}
 .site-footer:before{background-size:auto 100%;opacity:.32}
 .footer-logo{width:145px;height:auto}.footer-inner{width:calc(100% - 48px)}
 .motto{font-size:22px;padding:22px 10px;gap:5px}.motto-leaf{flex-basis:32px;height:55px}.motto-leaf:last-child{flex-basis:30px;height:62px}
}

/* Keep inherited ornament sizing from clipping the full-width footer artwork. */
.site-footer:before{width:auto;height:auto;left:0;right:0;top:0;bottom:0;transform:none;opacity:1;background-size:cover}
.leaf-item:first-child .leaf:after{background-image:url("assets/images/leaves-v06.webp")}
@media(min-width:1201px){
 .hero-caption{display:flow-root;margin-top:-25px;padding-top:0;padding-bottom:8px}
 .hero-caption .hero-title{margin-top:-85px}
 .school-sign{width:520px}
 .hero-caption .hero-transition{height:130px}
}
@media(max-width:650px){.site-footer:before{background-size:auto 100%;opacity:.38}}
.site-footer:before{background:url("assets/images/wash-v04.webp") center/cover no-repeat;opacity:.55}
.site-footer:after{content:"";display:block;position:absolute;inset:0;width:auto;height:auto;transform:none;z-index:-1;background:url("assets/images/fern-v05.webp") left bottom/115px auto no-repeat,url("assets/images/flowers-v05.webp") right bottom/120px auto no-repeat;pointer-events:none}
@media(max-width:650px){.site-footer:before{background-size:cover}.site-footer:after{background-size:70px auto,80px auto;opacity:.6}}
.motto{min-height:180px;padding:40px 22%;background:none}
.motto:before{inset:0;background:url("assets/images/motto-v06.webp") center/100% auto no-repeat;mask-image:none;opacity:1;filter:none}
.motto-leaf{display:none}
@media(max-width:1200px){.motto{padding:28px 19%;font-size:23px;min-height:155px}}
@media(max-width:650px){.motto{padding:25px 20px;font-size:22px;min-height:160px}.motto:before{background-size:auto 240%;opacity:.8}}

/* 0.65: natural branch, proportional single leaves, green companion cards. */
.calendar-card,.quick-paper,.quick-iserv{background-color:#e6efcd;background-image:linear-gradient(115deg,#dcebbea6,#eff5d988),url("assets/images/wash-v04.webp");background-size:auto,180% 180%;background-blend-mode:multiply;border-color:#cdddb1}
@media(min-width:1201px){
 .nav-branch{width:72%;margin-left:23%;margin-right:5%;padding-top:2vw}
 .leaf-menu{justify-content:space-around;gap:12px}
 .leaf-item{flex:1;max-width:230px}
 .leaf{width:100%;height:auto;aspect-ratio:1.5;min-height:0;padding:20% 0 12%;font-size:clamp(15px,1.25vw,22px);line-height:1.2}
 .leaf-item .leaf:after{inset:0;display:block;width:100%;height:100%;background:url("assets/images/leaf-v04.webp") center/contain no-repeat;transform:none;filter:drop-shadow(0 4px 3px #193e2525)}
 .leaf-item:first-child .leaf:after{background-image:url("assets/images/goldleaf-v04.webp")}
 .leaf-item:nth-child(2) .leaf:after{transform:rotate(2deg)}
 .leaf-item:nth-child(3) .leaf:after{transform:rotate(-2deg)}
 .leaf-item:nth-child(4) .leaf:after{transform:rotate(1deg)}
 .leaf-icon{margin-bottom:3px}.leaf-icon .vr-icon{width:23px;height:23px}
 .leaf-schulsozialarbeit .leaf-label{font-size:.77em}
 .hero-caption .hero-transition{height:170px}
 .hero-caption .hero-title{margin-top:-118px}
 .school-sign{width:520px;margin-left:0;gap:4px}
 .title-sprig{width:42px}.title-sprig-right{width:42px}
}
@media(min-width:1800px){.school-sign{width:580px}.hero-caption .hero-title{margin-top:-130px}.hero-caption .hero-transition{height:185px}}
@media(max-width:1200px){.hero-caption .hero-transition{height:65px}.hero-caption .hero-title{margin-top:-16px}}
@media(max-width:650px){.hero-caption .hero-transition{height:42px}.hero-caption .hero-title{margin-top:-12px}}

@media(min-width:1201px){.leaf{padding:8% 0 6%}}
@media(min-width:1201px){
 .nav-branch{padding-top:0}
 .leaf-item{max-width:none}
 .leaf{max-width:230px;margin-inline:auto}
 .leaf-item:nth-child(1){margin-top:4.1vw}
 .leaf-item:nth-child(2){margin-top:.65vw}
 .leaf-item:nth-child(3){margin-top:2.65vw}
 .leaf-item:nth-child(4){margin-top:4.8vw}
 .leaf-item:nth-child(5){margin-top:2.7vw}
 .hero-caption{min-height:30px}
}
.calendar-card,.quick-paper,.quick-iserv{background-blend-mode:normal;background-color:#edf3d9}

/* 0.66: keep each disclosure anchored to its own leaf. */
.leaf-item>details{position:relative}
@media(min-width:1201px){
 .nav-branch{width:min(69%,1100px);margin-left:auto;margin-right:7%;padding:0}
 .leaf-menu{align-items:flex-start;gap:5px;justify-content:center}
 .leaf-item{align-self:flex-start}
 .leaf-item .leaf:after,.leaf-item:first-child .leaf:after{background-image:url("assets/images/leaf-v066.webp")}
 .leaf-item:first-child .leaf:after{filter:sepia(.65) saturate(1.6) brightness(1.38)}
 .leaf-panel{top:calc(100% + 4px);margin:0}
 .hero-caption .hero-title{margin-top:-145px}
 .school-sign{width:550px;transform:translateX(-45px)}
 .hero-caption{min-height:30px}
}
@media(min-width:1800px){.school-sign{width:610px;transform:translateX(-85px)}.hero-caption .hero-title{margin-top:-155px}}
@media(max-width:1200px){
 .nav-branch{display:grid;grid-template-columns:1fr auto;align-items:center;width:calc(100% - 32px);margin:0 auto;padding:10px 0;gap:10px;order:1}
 .mobile-home{grid-column:1;grid-row:1}.menu-toggle,.js .menu-toggle{position:static;grid-column:2;grid-row:1;margin:0}
 .main-nav{grid-column:1/-1;grid-row:2;position:relative;inset:auto;float:none;width:100%;max-width:none;min-width:0;margin:0;padding:10px;transform:none}
 .js .main-nav{display:none}.js .main-nav.is-open{display:block}
 .leaf-menu{display:block;width:100%;margin:0;padding:0}
 .leaf-item,.leaf-item:nth-child(n){width:100%;max-width:none;margin:0;transform:none}
 .leaf{width:100%;max-width:none;aspect-ratio:auto;height:auto;min-height:56px;margin:5px 0;padding:14px;display:flex;flex-direction:row;justify-content:flex-start}
 .leaf-item .leaf:after{display:none}.leaf-panel{position:static;inset:auto;width:100%;max-width:none;margin:0;padding:6px;transform:none}
 .hero-caption .hero-title{margin-top:-12px}
 .school-sign{width:min(100%,470px);margin-inline:auto;transform:none;display:block}
 .hero-title h1,.hero-title p{text-align:center}
}

@media(min-width:1201px){
 .leaf-item:nth-child(1){margin-top:2.4vw}
 .leaf-item:nth-child(2){margin-top:1.6vw}
 .leaf-item:nth-child(3){margin-top:2.5vw}
 .leaf-item:nth-child(4){margin-top:4.1vw}
 .leaf-item:nth-child(5){margin-top:4.7vw}
}
@media(min-width:1201px){
 .nav-branch{width:min(65%,950px);margin-right:12%}
 .leaf-item:nth-child(3){margin-top:1.85vw}
 .leaf-item:nth-child(4){margin-top:3.3vw}
}

/* 0.67: the menu begins over the school wordmark, with short woody stems. */
@media(min-width:1201px){
 .nav-branch{width:min(72%,1080px);margin-left:max(5%,calc((100% - 1640px)/2));margin-right:auto}
 .leaf-item .leaf:after,.leaf-item:first-child .leaf:after{background-image:url("assets/images/leaf-v067.webp")}
 .leaf-item:nth-child(1){margin-top:3.2vw}
 .leaf-item:nth-child(2){margin-top:2.25vw}
 .leaf-item:nth-child(3){margin-top:1.7vw}
 .leaf-item:nth-child(4){margin-top:1.8vw}
 .leaf-item:nth-child(5){margin-top:2.6vw}
 .leaf{padding-top:13%;padding-bottom:3%}
}

@media(min-width:1201px){.nav-branch{width:min(66%,1080px)}.leaf-item:nth-child(5){margin-top:3.3vw}}
/* 0.68: accessible solid symbols, centered leaf labels and aligned content. */
.breadcrumb>a{display:inline-flex;align-items:center;gap:9px;vertical-align:middle}
.breadcrumb .vr-icon-solid{width:26px;height:26px;flex:0 0 26px;fill:currentColor;stroke:none}
.school-home-link{display:block;text-decoration:none;border-radius:8px}
.school-home-link:focus-visible{outline:3px solid #b66b00;outline-offset:5px}
.vr-icon-solid{fill:currentColor;stroke:none}
@media(min-width:1201px){
 .page-content{max-width:none;padding:38px}
 .leaf{padding:0;aspect-ratio:1.5;min-height:0;height:auto;display:block}
 .leaf-icon{position:absolute;left:49%;top:27%;transform:translateX(-50%);margin:0;line-height:1}
 .leaf-icon .vr-icon{width:28px;height:28px;display:block}
 .leaf-label{position:absolute;left:49%;top:59%;transform:translate(-50%,-50%);width:78%;max-width:78%;text-align:center;white-space:normal;line-height:1.12;font-size:clamp(14px,1.1vw,20px)}
 .leaf-schulsozialarbeit .leaf-label{font-size:clamp(11px,.86vw,16px);letter-spacing:0;top:62%}
 .leaf .chevron{position:absolute;left:49%;top:80%;transform:translateX(-50%);font-size:12px;line-height:1;margin:0}
 .leaf-item:nth-child(1){margin-top:3.6vw}
 .leaf-item:nth-child(2){margin-top:2.45vw}
 .leaf-item:nth-child(3){margin-top:1.65vw}
 .leaf-item:nth-child(4){margin-top:1.65vw}
 .leaf-item:nth-child(5){margin-top:3.05vw}
}
@media(max-width:1200px) and (min-width:1201px){.leaf-icon .vr-icon{width:23px;height:23px}.leaf-label{font-size:14px}.leaf-schulsozialarbeit .leaf-label{font-size:11px}}
@media(max-width:1200px){.leaf-icon .vr-icon{width:26px;height:26px}.leaf-label{position:static;transform:none;max-width:none;width:auto}.leaf-schulsozialarbeit .leaf-label{font-size:1em}}
@media(min-width:1201px){.leaf .chevron{top:73%}}
/* 0.7: final positions from the annotated 26 September reference. */
@media(min-width:1201px){
 .nav-branch{width:min(calc(66% + 40px),1120px);margin-left:calc(max(5%,(100% - 1640px)/2) + 24px)}
 .leaf-item:nth-child(1){margin-top:calc(3.6vw + 12px)}
 .leaf-item:nth-child(2){margin-top:calc(2.45vw + 12px)}
 .leaf-item:nth-child(3){margin-top:calc(1.65vw + 12px)}
 .leaf-item.leaf-schulsozialarbeit{flex:1.24}
 .leaf-schulsozialarbeit .leaf{max-width:none}
 .leaf-schulsozialarbeit .leaf-label{font-size:clamp(12px,.96vw,17px);top:58%;width:80%;max-width:80%}
 .leaf-item:first-child .leaf:after{filter:brightness(1.7) saturate(.72) drop-shadow(0 4px 3px #193e2525)}
 .school-sign{transform:translate(-45px,-14px)}
}
@media(min-width:1800px){.school-sign{transform:translate(-85px,-14px)}}

/* 0.7.1: one illustration keeps the branch/leaf junctions intact.
   Coordinates are proportional to the 2172 x 724 desktop artwork. */
@font-face{font-family:Kalam;src:url("assets/fonts/Kalam-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
.hero-art picture{display:block;width:100%;height:100%}
@media(min-width:1201px){
 .hero-scene .hero-art img{width:100%;height:auto;max-width:none;object-fit:contain;object-position:top left}
 .nav-branch{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;display:block;pointer-events:none}
 .main-nav{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;background:none;box-shadow:none;pointer-events:none}
 .leaf-menu{display:block;position:relative;width:100%;height:100%;padding:0;margin:0}
 .leaf-item,.leaf-item:nth-child(n){position:absolute;margin:0;padding:0;max-width:none;width:9.5%;height:auto;flex:none;pointer-events:auto}
 .leaf-item:nth-child(1){left:17%;top:3.6vw;--leaf-tilt:6deg}
 .leaf-item:nth-child(2){left:27%;top:3.5vw;--leaf-tilt:8deg}
 .leaf-item:nth-child(3){left:36.8%;top:3.6vw;--leaf-tilt:6deg}
 .leaf-item:nth-child(4){left:46.9%;top:3.5vw;--leaf-tilt:8deg}
 .leaf-item:nth-child(5){left:57.5%;top:4.25vw;width:10.7%;--leaf-tilt:7deg}
 .leaf,.leaf-schulsozialarbeit .leaf{height:8.35vw;min-height:0;width:100%;max-width:none;aspect-ratio:auto;padding:0;margin:0;display:block;border:0;border-radius:48% 60% 4% 45%;box-shadow:none;background:none!important;transform:none;filter:none;overflow:visible}
 .leaf-item:nth-child(n) .leaf:after{display:none!important;content:none}
 .leaf-label,.leaf-schulsozialarbeit .leaf-label{left:50%;top:61%;width:84%;max-width:84%;font-family:Kalam,"Comic Sans MS",cursive;font-size:clamp(16px,1.48vw,34px);font-weight:700;letter-spacing:0;line-height:1.1;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #16452b60;transform:translate(-50%,-50%) rotate(var(--leaf-tilt))}
 .leaf-schulsozialarbeit .leaf-label{font-size:clamp(12px,1.05vw,26px)}
 .leaf-icon{left:50%;top:26%;transform:translateX(-50%)}
 .leaf-icon .vr-icon{width:clamp(22px,1.65vw,34px);height:clamp(22px,1.65vw,34px)}
 .leaf .chevron{top:79%;left:51%;font-size:12px}
 .leaf-item:first-child .leaf{color:#075534;text-shadow:none}
 .leaf-item:first-child .leaf-label{text-shadow:none}
 .leaf-panel{top:calc(100% + 4px);width:330px;max-width:85vw;z-index:30;pointer-events:auto}
 .leaf:focus-visible{outline:3px solid #9b5700;outline-offset:3px}
 .leaf:hover .leaf-label,details[open]>.leaf .leaf-label{text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:1200px){.leaf-label{font-family:Kalam,"Comic Sans MS",cursive;font-size:21px}.leaf-schulsozialarbeit .leaf-label{font-size:21px}}

/* 0.7.2: a bounded, proportional stage keeps meadow and menu together. */
@media(min-width:1201px){
 .site-header{--scene-unit:min(1vw,18px);background:linear-gradient(180deg,#e7f4f4 0%,#eaf1db 74%,var(--cream) 95%)}
 .hero-scene{width:min(100%,1800px);margin-inline:auto;height:auto;min-height:0;aspect-ratio:3/1;background:transparent}
 .hero-caption{width:min(100%,1800px);max-width:1800px;margin:-26px auto 0;padding:0 0 10px;min-height:42px}
 .hero-caption .hero-transition{height:150px}
 .hero-caption .hero-title{margin-top:-112px}
 .school-sign{width:560px;max-width:100%;margin-left:0;transform:none;background:var(--cream);border-radius:48% 45% 18% 24%}
 .school-home-link{background:var(--cream);border-radius:48% 45% 18% 24%}
 .leaf-item:nth-child(1){top:calc(var(--scene-unit)*3.6)}
 .leaf-item:nth-child(2){top:calc(var(--scene-unit)*3.5)}
 .leaf-item:nth-child(3){top:calc(var(--scene-unit)*3.6)}
 .leaf-item:nth-child(4){top:calc(var(--scene-unit)*3.5)}
 .leaf-item:nth-child(5){top:calc(var(--scene-unit)*4.25)}
 .leaf,.leaf-schulsozialarbeit .leaf{height:calc(var(--scene-unit)*8.35)}
 .leaf-label{font-size:clamp(16px,calc(var(--scene-unit)*1.48),34px)}
 .leaf-schulsozialarbeit .leaf-label{font-size:clamp(12px,calc(var(--scene-unit)*1.05),26px)}
 .leaf-icon .vr-icon{width:clamp(22px,calc(var(--scene-unit)*1.65),34px);height:clamp(22px,calc(var(--scene-unit)*1.65),34px)}
}
@media(min-width:1801px){.hero-scene .hero-art{mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}}
/* 0.7.3: illustration below the caption; navigation above both and page cards. */
.site-header{z-index:10}
.hero-scene{isolation:auto;z-index:auto;overflow:visible}
.hero-scene .hero-art{z-index:0}
.nav-branch{z-index:30}
.hero-caption{z-index:1}

/* 0.7.4: calm, untextured mobile menu and submenu surfaces. */
@media(max-width:1200px){
 .main-nav,.leaf-panel{background:var(--cream)}
}

/* 0.7.6 */
.footer-logo{width:240px;max-width:100%;height:auto}
.news-more{margin:18px 0 0}
.news-overview article+article{margin-top:28px;padding-top:24px}
@media(max-width:650px){.footer-logo{width:218px}}

/* 0.7.7: six leaves aligned with the new 3:1 illustration. */
@media(min-width:1201px){
.leaf-item:nth-child(1){left:18.06640625%;top:calc(var(--scene-unit)*4.58984375);width:5.37109375%;--leaf-tilt:6deg}
.leaf-item:nth-child(1) .leaf{height:calc(var(--scene-unit)*5.859375)}
.leaf-item:nth-child(2){left:24.853515625%;top:calc(var(--scene-unit)*3.80859375);width:7.177734375%;--leaf-tilt:6deg}
.leaf-item:nth-child(2) .leaf{height:calc(var(--scene-unit)*7.666015625)}
.leaf-item:nth-child(3){left:32.32421875%;top:calc(var(--scene-unit)*4.1015625);width:7.421875%;--leaf-tilt:6deg}
.leaf-item:nth-child(3) .leaf{height:calc(var(--scene-unit)*7.373046875)}
.leaf-item:nth-child(4){left:39.990234375%;top:calc(var(--scene-unit)*4.052734375);width:7.275390625%;--leaf-tilt:6deg}
.leaf-item:nth-child(4) .leaf{height:calc(var(--scene-unit)*7.71484375)}
.leaf-item:nth-child(5){left:47.607421875%;top:calc(var(--scene-unit)*3.955078125);width:8.935546875%;--leaf-tilt:6deg}
.leaf-item:nth-child(5) .leaf{height:calc(var(--scene-unit)*7.861328125)}
.leaf-item:nth-child(6){left:57.373046875%;top:calc(var(--scene-unit)*5.17578125);width:6.54296875%;--leaf-tilt:6deg}
.leaf-item:nth-child(6) .leaf{height:calc(var(--scene-unit)*6.103515625)}
.leaf-label{top:60%;left:48%;font-size:clamp(13px,calc(var(--scene-unit)*1.16),21px)}
.leaf-aktuelles .leaf-label,.leaf-foerderverein .leaf-label{font-size:clamp(11px,calc(var(--scene-unit)*.92),17px)}
.leaf-schulsozialarbeit .leaf-label{top:60%;left:48%;font-size:clamp(11px,calc(var(--scene-unit)*.98),18px)}
.leaf-icon{left:47%;top:23%}
.leaf-icon .vr-icon{width:clamp(18px,calc(var(--scene-unit)*1.35),25px);height:clamp(18px,calc(var(--scene-unit)*1.35),25px)}
.leaf .chevron{left:48%;top:70%}
}

/* 0.7.8: no menu chevrons; desktop wordmark closer to left edge. */
.leaf .chevron{display:none}
@media(min-width:1201px){.school-sign{transform:translateX(-32px)}}
.news-overview .event-pagination [aria-current="page"]{background:var(--green);color:#fff;font-weight:700;border-color:var(--green)}

/* 0.7.9: small optical alignment within three existing leaves. */
@media(min-width:1201px){
.leaf-schule .leaf-label,.leaf-schulsozialarbeit .leaf-label,.leaf-foerderverein .leaf-label{left:51%}
.leaf-schule .leaf-icon,.leaf-schulsozialarbeit .leaf-icon,.leaf-foerderverein .leaf-icon{left:50%}
.leaf-foerderverein .leaf-icon .vr-icon{width:clamp(21px,calc(var(--scene-unit)*1.55),28px);height:clamp(21px,calc(var(--scene-unit)*1.55),28px)}
}

/* 0.7.10: readable wrapping breadcrumb trail. */
.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;list-style:none;margin:0;padding:0}
.breadcrumb li{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}
.breadcrumb li+li:before{content:"›";color:var(--green);font-size:18px}
.breadcrumb a{display:inline-flex;align-items:center;gap:6px}
.breadcrumb [aria-current="page"]{font-weight:400}

/* 0.7.12: approved grasping hands; more space for the fine contours. */
@media(min-width:1201px){.leaf-foerderverein .leaf-icon{top:14%}.leaf-foerderverein .leaf-icon .vr-icon{width:clamp(24px,calc(var(--scene-unit)*1.95),35px);height:clamp(24px,calc(var(--scene-unit)*1.95),35px)}}
@media(max-width:1200px){.leaf-foerderverein .leaf-icon .vr-icon{width:32px;height:32px}}

/* 0.7.13: optical centering of the remaining three desktop labels. */
@media(min-width:1201px){
.leaf-aktuelles .leaf-label,.leaf-schulleben .leaf-label,.leaf-ganztag .leaf-label{left:calc(48% + 4px)}
.leaf-aktuelles .leaf-icon,.leaf-schulleben .leaf-icon,.leaf-ganztag .leaf-icon{left:calc(47% + 4px)}
}

/* 0.8: compact social-work article cards. */
.social-posts{display:grid;gap:14px}
.social-post{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:start;padding:18px;border:1px solid #d5e2bd;border-radius:14px 20px 14px 18px;background:#f5f8eb}
.social-post.no-thumbnail{grid-template-columns:minmax(0,1fr)}
.social-post-image{display:block;width:112px;height:112px;object-fit:cover;border-radius:10px}
.social-post-copy{min-width:0;overflow-wrap:anywhere}
.social-post h3{margin:5px 0 8px;font-size:22px;line-height:1.3}
.social-post h3 a{text-decoration:none}
.social-post h3 a:hover{text-decoration:underline}
.social-post p{margin:0 0 10px;font-size:15px;line-height:1.6}
.social-post .meta{font-size:13px}
.social-read-more{font-size:15px;font-weight:600}
.social-more{margin:18px 0 0}
.social-more a{display:inline-block;font-weight:600;overflow-wrap:anywhere}
@media(max-width:650px){.social-post{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:14px}.social-post-image{width:80px;height:90px}.social-post h3{font-size:20px}}
@media(max-width:380px){.social-post{grid-template-columns:minmax(0,1fr)}.social-post-image{width:100%;height:150px}}

/* 0.8: locally served open fonts and category colours. */
@font-face{font-family:Nunito;src:url("assets/fonts/Nunito.ttf") format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url("assets/fonts/Nunito-Italic.ttf") format("truetype");font-weight:200 1000;font-style:italic;font-display:swap}
body,input,select,textarea,button{font-family:Nunito,sans-serif}
h2,h3,.motto,.hero-title h1,.hero-title p{font-family:Kalam,cursive;font-weight:700}
.social-heading{color:#713b86}
.social-post{background:#f5eef9;border-color:#ddcce7}
.social-post h3,.social-post a,.social-more a{color:var(--green)}
.social-post .meta,.social-post h3,.social-post h3 a,.social-post-copy>p,.social-post .social-read-more{color:#68357c}
.event-item,.event-detail-category{--event-ink:#245d35;--event-light:#deedcd;--event-border:#a7c78d}
.event-category-social{--event-ink:#68357c;--event-light:#ecdef5;--event-border:#c4a3d5}
.event-category-parents{--event-ink:#715600;--event-light:#fff0ad;--event-border:#dbc56a}
.event-item .event-badge{border-color:var(--event-border)}
.event-item .event-badge strong{color:var(--event-ink)}
.event-item .event-badge span{background:var(--event-light);color:var(--event-ink)}
.event-category-label,.event-detail-category{display:inline-block;border-radius:12px;background:var(--event-light);color:var(--event-ink);padding:2px 9px;font-size:13px;font-weight:700;margin:5px 0}

/* 0.8: event overview filters, month groups and supporters. */
.event-category-supporters{--event-ink:#235587;--event-light:#dcecfb;--event-border:#96b9db}
.event-filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}
.event-filter{display:inline-block;padding:7px 14px;border:1px solid var(--line);border-radius:22px;text-decoration:none;font-size:16px;font-weight:700;background:#fffdf2}
.event-filter[aria-current="true"]{background:var(--green);color:white;border-color:var(--green)}
.event-filter:hover{text-decoration:underline}
.event-month{font-family:Nunito,sans-serif;font-size:24px;margin:30px 0 4px;padding-bottom:9px;border-bottom:2px solid var(--line)}
.events-overview .event-list{margin-bottom:24px}

/* 0.8: seasonal landscape; original leaf art stays independent. */
.season-menu-art{display:none;pointer-events:none}
@media(min-width:1201px){.hero-art .season-menu-art{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.vr-season-summer .hero-art .season-menu-art{display:none}}
.vr-season-spring{--season-decoration:saturate(.9) brightness(1.04);--season-footer:#eef4dc}
.vr-season-summer{--season-decoration:none;--season-footer:#edf3d7}
.vr-season-autumn{--season-decoration:sepia(.55) saturate(1.3) hue-rotate(340deg);--season-footer:#f3e8d2}
.vr-season-winter{--season-decoration:grayscale(.7) brightness(1.12);--season-footer:#e7eef2}
body:not(.vr-season-summer) .card:after,body:not(.vr-season-summer) .site-footer:after,body:not(.vr-season-summer) .motto:before{filter:var(--season-decoration)}
body:not(.vr-season-summer) .site-footer{background:linear-gradient(180deg,var(--cream),var(--season-footer) 22%,var(--season-footer))}
.vr-season-autumn .site-footer:before{filter:sepia(.3)}
.vr-season-winter .site-footer:before{filter:grayscale(.85)}
@media(min-width:1201px){.vr-season-winter .site-header{background:linear-gradient(180deg,#e9f4fb,#edf3f7 74%,var(--cream) 95%)}.vr-season-autumn .site-header{background:linear-gradient(180deg,#e7f4f4,#f4e7cd 74%,var(--cream) 95%)}}
/* Winter's ground-level snowman needs a little more room above the name wave. */
@media(min-width:1201px){.vr-season-winter .hero-caption{margin-top:calc(-26px + var(--scene-unit)*3.2)}}

/* Keep the learning copy close to the illustration on two-column layouts. */
@media(min-width:651px){.feature-copy{width:100%;max-width:460px;justify-self:end;min-width:0;}}

.event-category-school{--event-ink:#0b5939;--event-light:#dcebbd;--event-border:#c9d7a8}
.event-categories{display:flex;flex-wrap:wrap;gap:4px 6px}