/* Original cascade: anleitungen.html (s0). Selectors retain their specificity. */

:where(html[data-style="s0"]) body{margin:0}
:root:where(html[data-style="s0"]){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
:where(html[data-style="s0"]) *{box-sizing:border-box}
:where(html[data-style="s0"]) .site{font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
:where(html[data-style="s0"]) .site a{color:inherit}
:where(html[data-style="s0"]) .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
:where(html[data-style="s0"]) .grid-bg{background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
:where(html[data-style="s0"]) .xl{font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
:where(html[data-style="s0"]) .btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s0"]) .btn-green{background:var(--green);color:var(--ink) !important}
:where(html[data-style="s0"]) .btn-green:hover{background:var(--deep);color:#fff !important}
:where(html[data-style="s0"]) .btn-line{border:2px solid currentColor}
:where(html[data-style="s0"]) .btn-line:hover{background:var(--ink);color:#fff !important;border-color:var(--ink)}
:where(html[data-style="s0"]) .site a:focus-visible,:where(html[data-style="s0"]) .site button:focus-visible{outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
:where(html[data-style="s0"]) .fig{position:relative;isolation:isolate;margin:0 16px 16px 0}
:where(html[data-style="s0"]) .fig::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s0"]) .fig:hover::before{transform:translate(8px,8px)}
:where(html[data-style="s0"]) .fig img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
:where(html[data-style="s0"]) .bar{position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
:where(html[data-style="s0"]) .bar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
:where(html[data-style="s0"]) .logo{display:block;line-height:0}
:where(html[data-style="s0"]) .logo img{height:48px;width:auto;display:block}
:where(html[data-style="s0"]) .bar-r{display:flex;align-items:center;gap:22px}
:where(html[data-style="s0"]) .bar-tel{font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
:where(html[data-style="s0"]) .bar-tel:hover{color:var(--green-ink) !important}
:where(html[data-style="s0"]) .burger{width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
:where(html[data-style="s0"]) .burger:hover{transform:rotate(90deg)}
:where(html[data-style="s0"]) .burger i{position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s0"]) .burger i:nth-child(1){top:18px}:where(html[data-style="s0"]) .burger i:nth-child(2){top:25px}:where(html[data-style="s0"]) .burger i:nth-child(3){top:32px}
:where(html[data-style="s0"]) .is-open .burger{transform:rotate(180deg);background:var(--ink)}
:where(html[data-style="s0"]) .is-open .burger i{background:var(--green)}
:where(html[data-style="s0"]) .is-open .burger i:nth-child(1){top:25px;transform:rotate(45deg)}
:where(html[data-style="s0"]) .is-open .burger i:nth-child(2){opacity:0;transform:scaleX(0)}
:where(html[data-style="s0"]) .is-open .burger i:nth-child(3){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
:where(html[data-style="s0"]) .menu{position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
:where(html[data-style="s0"]) .is-open .menu{visibility:visible;transition-delay:0s}
:where(html[data-style="s0"]) .m-leaf{position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s0"]) .m-l{left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s0"]) .m-r{right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s0"]) .m-r::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s0"]) .is-open .m-l,:where(html[data-style="s0"]) .is-open .m-r{transform:translateX(0)}
:where(html[data-style="s0"]) .is-open .m-r::before{transform:scaleY(0)}
:where(html[data-style="s0"]) .m-body{position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
:where(html[data-style="s0"]) .is-open .m-body{opacity:1;transition:opacity .3s .45s}
:where(html[data-style="s0"]) .m-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
:where(html[data-style="s0"]) .m-c1{--d:.5s}:where(html[data-style="s0"]) .m-c2{--d:.62s}:where(html[data-style="s0"]) .m-c3{--d:.74s}
:where(html[data-style="s0"]) .m-col{opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s0"]) .is-open .m-col{opacity:1;transform:none;transition-delay:var(--d)}
:where(html[data-style="s0"]) .m-col + .m-col{border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
:where(html[data-style="s0"]) .m-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
:where(html[data-style="s0"]) .chev{width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s0"]) .chev *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s0"]) .m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
:where(html[data-style="s0"]) .m-list li{opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s0"]) .is-open .m-list li{opacity:1;transform:none}
:where(html[data-style="s0"]) .is-open .m-list li:nth-child(1){transition-delay:calc(var(--d) + .06s)}:where(html[data-style="s0"]) .is-open .m-list li:nth-child(2){transition-delay:calc(var(--d) + .12s)}:where(html[data-style="s0"]) .is-open .m-list li:nth-child(3){transition-delay:calc(var(--d) + .18s)}:where(html[data-style="s0"]) .is-open .m-list li:nth-child(4){transition-delay:calc(var(--d) + .24s)}:where(html[data-style="s0"]) .is-open .m-list li:nth-child(5){transition-delay:calc(var(--d) + .3s)}:where(html[data-style="s0"]) .is-open .m-list li:nth-child(6){transition-delay:calc(var(--d) + .36s)}:where(html[data-style="s0"]) .is-open .m-list li:nth-child(7){transition-delay:calc(var(--d) + .42s)}
:where(html[data-style="s0"]) .m-big{font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s0"]) .m-big:hover{color:#fff !important;transform:translateX(12px)}
:where(html[data-style="s0"]) .m-c1 .m-list{gap:12px}
:where(html[data-style="s0"]) .m-link{position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
:where(html[data-style="s0"]) .m-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s0"]) .m-link:hover{color:var(--green) !important}
:where(html[data-style="s0"]) .m-link:hover::after{transform:scaleX(1)}
:where(html[data-style="s0"]) .m-foot{margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
:where(html[data-style="s0"]) .is-open .m-foot{opacity:1;transition-delay:.9s}
:where(html[data-style="s0"]) .m-foot-info{display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
:where(html[data-style="s0"]) .m-foot-info a{font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
:where(html[data-style="s0"]) .m-foot-info a:hover{color:var(--green) !important}
:where(html[data-style="s0"]) .m-foot-info span{font-size:15px;color:#C9CED2}
:where(html[data-style="s0"]) .lang{display:flex;gap:10px}
:where(html[data-style="s0"]) .lang a{min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
:where(html[data-style="s0"]) .lang a.on{background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
:where(html[data-style="s0"]) .hero{position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
:where(html[data-style="s0"]) .stage{position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
:where(html[data-style="s0"]) .hero-in{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
:where(html[data-style="s0"]) .hero-head{grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
:where(html[data-style="s0"]) .hero h1{font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
:where(html[data-style="s0"]) .hero h1 span{display:block}
:where(html[data-style="s0"]) .dim{display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
:where(html[data-style="s0"]) .dim i{flex:1;height:2px;background:var(--green);position:relative}
:where(html[data-style="s0"]) .dim i::before,:where(html[data-style="s0"]) .dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s0"]) .dim i::before{left:0}:where(html[data-style="s0"]) .dim i::after{right:0}
:where(html[data-style="s0"]) .hero-sub{margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
:where(html[data-style="s0"]) .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
:where(html[data-style="s0"]) .hero-fig{grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
:where(html[data-style="s0"]) .rail{position:absolute;left:0;right:0;bottom:48px;height:40px}
:where(html[data-style="s0"]) .rail svg{width:100%;height:40px;display:block}
:where(html[data-style="s0"]) .leaf{position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
:where(html[data-style="s0"]) .leaf-l{left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s0"]) .leaf-r{right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s0"]) .leaf-l::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
:where(html[data-style="s0"]) .leaf-word{font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s0"]) .leaf-r .leaf-word{color:var(--green)}
:where(html[data-style="s0"]) .leaf-l .leaf-word{padding-right:44px}
:where(html[data-style="s0"]) .leaf-r .leaf-word{padding-left:22px}
:where(html[data-style="s0"]) .leaf-hint{position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
:where(html[data-style="s0"]) .leaf-l .leaf-hint{text-align:right;padding-right:20px}
:where(html[data-style="s0"]) .leaf-r .leaf-hint{text-align:left;padding-left:20px}
@keyframes open-l{to{transform:translateX(-101%)}}
@keyframes open-r{to{transform:translateX(101%)}}
@keyframes pop{from{transform:scale(.92);opacity:.2}to{transform:none;opacity:1}}
@keyframes pop2{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}

/* Produkte */
:where(html[data-style="s0"]) .sec{padding:clamp(80px,10vw,150px) 0}
:where(html[data-style="s0"]) .intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
:where(html[data-style="s0"]) .intro h2{grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
:where(html[data-style="s0"]) .intro > p,:where(html[data-style="s0"]) .intro > div{grid-column:8 / span 5;margin:0}
:where(html[data-style="s0"]) .intro p{margin:0;color:var(--muted)}
:where(html[data-style="s0"]) .prods{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
:where(html[data-style="s0"]) .prod{border-bottom:2px solid var(--ink)}
:where(html[data-style="s0"]) .prod a{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
:where(html[data-style="s0"]) .prod a::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
:where(html[data-style="s0"]) .prod a:hover::before{transform:scaleX(1)}
:where(html[data-style="s0"]) .prod-name{font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
:where(html[data-style="s0"]) .prod-line{color:var(--muted);font-size:17px}
:where(html[data-style="s0"]) .prod a:hover .prod-line{color:var(--ink)}
:where(html[data-style="s0"]) .ico{width:64px;height:64px;color:var(--green-dk);transition:color .35s}
:where(html[data-style="s0"]) .prod a:hover .ico{color:var(--ink)}
:where(html[data-style="s0"]) .ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s0"]) .go{width:40px;height:40px;transition:transform .35s}
:where(html[data-style="s0"]) .go *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s0"]) .prod a:hover .go{transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
:where(html[data-style="s0"]) .einer{position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
:where(html[data-style="s0"]) .einer-in{padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
:where(html[data-style="s0"]) .einer h2{grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
:where(html[data-style="s0"]) .einer-txt{grid-column:8 / span 5}
:where(html[data-style="s0"]) .einer-txt p{margin:0 0 28px}
:where(html[data-style="s0"]) .door{position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
:where(html[data-style="s0"]) .slat{flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
:where(html[data-style="s0"]) .slat::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
:where(html[data-style="s0"]) .slat:last-child{border-bottom:10px solid var(--deep)}
:where(html[data-style="s0"]) .door-tag{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}
@keyframes door-up{to{transform:translateY(-101%)}}

/* Referenzen */
:where(html[data-style="s0"]) .refs{background:var(--deep);color:#fff}
:where(html[data-style="s0"]) .refs .intro p{color:#C9CED2;max-width:100%;height:auto !important}
:where(html[data-style="s0"]) .ref-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
:where(html[data-style="s0"]) .refs .btn-line:hover{background:#fff;color:var(--deep) !important;border-color:#fff}
:where(html[data-style="s0"]) .refs .btn-green:hover{background:#fff;color:var(--deep) !important}
:where(html[data-style="s0"]) .shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s0"]) .s1{grid-column:span 7;height:520px}
:where(html[data-style="s0"]) .shots-r{grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s0"]) .s2{grid-column:1 / -1;height:240px}
:where(html[data-style="s0"]) .s3,:where(html[data-style="s0"]) .s4{height:244px}
:where(html[data-style="s0"]) .s5{grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
:where(html[data-style="s0"]) .split{position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
:where(html[data-style="s0"]) .split-mid{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
:where(html[data-style="s0"]) .split-mid b{font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s0"]) .sp{position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
:where(html[data-style="s0"]) .sp b{font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s0"]) .sp-l{left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
:where(html[data-style="s0"]) .sp-r{right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
@keyframes sp-l{to{transform:translateX(-40%)}}
@keyframes sp-r{to{transform:translateX(40%)}}
@keyframes sp-t{to{transform:translateY(-62%)}}
@keyframes sp-b{to{transform:translateY(62%)}}
:where(html[data-style="s0"]) .werte{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
:where(html[data-style="s0"]) .werte-txt{grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
:where(html[data-style="s0"]) .yrs{display:flex;align-items:baseline;gap:16px}
:where(html[data-style="s0"]) .yrs b{font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
:where(html[data-style="s0"]) .yrs > span{font-weight:700;font-size:22px;line-height:1.2}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes count{from{--n:0}to{--n:30}}
@supports (animation-timeline: view()){
:where(html[data-style="s0"]) .yrs b{display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
:where(html[data-style="s0"]) .yrs b .n{display:none}
:where(html[data-style="s0"]) .yrs b::after{content:counter(yrs)}
}
:where(html[data-style="s0"]) .werte-txt p{margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
:where(html[data-style="s0"]) .werte-fig{grid-column:8 / span 5;height:440px}

/* Kontakt */
:where(html[data-style="s0"]) .kontakt{border-top:2px solid var(--ink)}
:where(html[data-style="s0"]) .k-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s0"]) .k-left{grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
:where(html[data-style="s0"]) .k-left h2{font-size:clamp(48px,6.4vw,100px)}
:where(html[data-style="s0"]) .k-info{display:flex;flex-direction:column;gap:14px}
:where(html[data-style="s0"]) .k-info a.big{font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
:where(html[data-style="s0"]) .k-info a.big:hover{color:var(--green-ink)}
:where(html[data-style="s0"]) .k-info p{margin:0;color:var(--muted)}
:where(html[data-style="s0"]) .k-fig{grid-column:8 / span 5;height:460px}

/* Footer */
:where(html[data-style="s0"]) .foot{background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
:where(html[data-style="s0"]) .f-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:where(html[data-style="s0"]) .f-addr{grid-column:span 3}
:where(html[data-style="s0"]) .f-addr{display:flex;flex-direction:column;gap:18px}
:where(html[data-style="s0"]) .f-hi{margin:0;font-size:15px;font-weight:650;color:var(--green)}
:where(html[data-style="s0"]) .f-name{margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
:where(html[data-style="s0"]) .f-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
:where(html[data-style="s0"]) .f-row{display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
:where(html[data-style="s0"]) .f-row:hover{color:var(--green) !important;text-decoration:none !important}
:where(html[data-style="s0"]) .f-ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
:where(html[data-style="s0"]) .f-ic svg{width:19px;height:19px}
:where(html[data-style="s0"]) .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s0"]) .f-row:hover .f-ic{background:var(--green);color:var(--ink);transform:rotate(-8deg)}
:where(html[data-style="s0"]) .f-row small{display:block;font-size:13px;color:#9BA3A8;font-weight:500}
:where(html[data-style="s0"]) .f-vat{margin:0;font-size:13px;color:#9BA3A8}
:where(html[data-style="s0"]) .f-social{display:flex;gap:12px}
:where(html[data-style="s0"]) .f-social a{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
:where(html[data-style="s0"]) .f-social img{width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
:where(html[data-style="s0"]) .f-social a:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s0"]) .f-social a:hover img{filter:brightness(0)}
:where(html[data-style="s0"]) .f-col{grid-column:span 2}
:where(html[data-style="s0"]) .f-wide{grid-column:span 3}
:where(html[data-style="s0"]) .f-col h3,:where(html[data-style="s0"]) .f-wide h3{margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
:where(html[data-style="s0"]) .f-col ul,:where(html[data-style="s0"]) .f-wide ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s0"]) .foot a{text-decoration:none;color:#C9CED2 !important}
:where(html[data-style="s0"]) .foot a:hover{color:#fff !important;text-decoration:underline}
:where(html[data-style="s0"]) .f-bot{margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
:where(html[data-style="s0"]) .f-bot div{display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
:where(html[data-style="s0"]) .hero{height:var(--vh)}
:where(html[data-style="s0"]) .leaf,:where(html[data-style="s0"]) .door,:where(html[data-style="s0"]) .sp{display:none}
:where(html[data-style="s0"]) .split-mid b{font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s0"]) .hero{height:var(--vh)}
:where(html[data-style="s0"]) .leaf,:where(html[data-style="s0"]) .door,:where(html[data-style="s0"]) .sp{display:none}
:where(html[data-style="s0"]) .hero-head,:where(html[data-style="s0"]) .hero-fig,:where(html[data-style="s0"]) .yrs b{animation:none !important}
:where(html[data-style="s0"]) .yrs b .n{display:inline !important}
:where(html[data-style="s0"]) .yrs b::after{content:none !important}
:where(html[data-style="s0"]) .m-leaf,:where(html[data-style="s0"]) .m-col,:where(html[data-style="s0"]) .m-list li,:where(html[data-style="s0"]) .m-foot,:where(html[data-style="s0"]) .m-wrapL,:where(html[data-style="s0"]) .burger,:where(html[data-style="s0"]) .burger i,:where(html[data-style="s0"]) .fig::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
:where(html[data-style="s0"]) .intro h2,:where(html[data-style="s0"]) .intro > p,:where(html[data-style="s0"]) .intro > div,:where(html[data-style="s0"]) .einer h2,:where(html[data-style="s0"]) .einer-txt,:where(html[data-style="s0"]) .k-left,:where(html[data-style="s0"]) .k-fig,:where(html[data-style="s0"]) .werte-txt,:where(html[data-style="s0"]) .werte-fig,:where(html[data-style="s0"]) .hero-head,:where(html[data-style="s0"]) .hero-fig{grid-column:1 / -1}
:where(html[data-style="s0"]) .hero-fig{display:none}
:where(html[data-style="s0"]) .prod a{grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
:where(html[data-style="s0"]) .prod-line{display:none}
:where(html[data-style="s0"]) .ico{width:44px;height:44px}
:where(html[data-style="s0"]) .shots{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s0"]) .s1,:where(html[data-style="s0"]) .shots-r{grid-column:1 / -1}
:where(html[data-style="s0"]) .s1{height:300px}
:where(html[data-style="s0"]) .s2,:where(html[data-style="s0"]) .s3,:where(html[data-style="s0"]) .s4{height:200px}
:where(html[data-style="s0"]) .s5{grid-column:1 / -1;height:220px}
:where(html[data-style="s0"]) .werte-fig,:where(html[data-style="s0"]) .k-fig{height:300px}
:where(html[data-style="s0"]) .m-body{padding-top:104px}
:where(html[data-style="s0"]) .m-cols{grid-template-columns:minmax(0,1fr);gap:0}
:where(html[data-style="s0"]) .m-col + .m-col{border-left:0;padding-left:0}
:where(html[data-style="s0"]) .m-title{cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
:where(html[data-style="s0"]) .chev{display:block}
:where(html[data-style="s0"]) .m-col.open .chev{transform:rotate(180deg)}
:where(html[data-style="s0"]) .m-wrapL{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s0"]) .m-col.open .m-wrapL{grid-template-rows:1fr}
:where(html[data-style="s0"]) .m-wrapL > ul{overflow:hidden;min-height:0}
:where(html[data-style="s0"]) .m-list{padding:14px 0 24px}
:where(html[data-style="s0"]) .m-c1 .m-list{gap:14px}
:where(html[data-style="s0"]) .m-big{font-size:clamp(28px,7.6vw,36px)}
:where(html[data-style="s0"]) .m-link{font-size:20px}
:where(html[data-style="s0"]) .m-foot{margin-top:28px;border-top:0;padding-top:0}
:where(html[data-style="s0"]) .f-addr{grid-column:1 / -1}
:where(html[data-style="s0"]) .f-col,:where(html[data-style="s0"]) .f-wide{grid-column:span 6}
:where(html[data-style="s0"]) .bar-tel{display:none}
:where(html[data-style="s0"]) .logo img{height:40px}
:where(html[data-style="s0"]) .split-mid b{font-size:clamp(34px,10vw,60px)}
:where(html[data-style="s0"]) .sp{width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
:where(html[data-style="s0"]) .sp b{font-size:clamp(28px,8vw,40px)}
:where(html[data-style="s0"]) .sp-l{top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
:where(html[data-style="s0"]) .sp-r{top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
:where(html[data-style="s0"]) .sub-hero{padding:132px 0 clamp(64px,8vw,110px)}
:where(html[data-style="s0"]) .crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
:where(html[data-style="s0"]) .crumbs a{text-decoration:none;color:var(--muted) !important}
:where(html[data-style="s0"]) .crumbs a:hover{color:var(--green-ink) !important;text-decoration:underline}
:where(html[data-style="s0"]) .crumbs li + li::before{content:"/";margin-right:8px;color:#9BA3A8}
:where(html[data-style="s0"]) .crumbs [aria-current]{color:var(--ink);font-weight:650}
:where(html[data-style="s0"]) .sh-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s0"]) .sh-txt{grid-column:1 / span 6}
:where(html[data-style="s0"]) .sh-txt h1{font-size:clamp(60px,8.6vw,136px)}
:where(html[data-style="s0"]) .sh-txt{min-width:0}
:where(html[data-style="s0"]) .sh-txt h1{overflow-wrap:break-word;hyphens:manual}
:where(html[data-style="s0"]) .sh-txt:not(.wide) h1{font-size:clamp(52px,6.4vw,104px)}
:where(html[data-style="s0"]) .sh-lead{margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
:where(html[data-style="s0"]) .sh-txt p.sh-body{margin:16px 0 0;max-width:42ch;color:var(--muted)}
:where(html[data-style="s0"]) .jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
:where(html[data-style="s0"]) .jump a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s0"]) .jump a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
:where(html[data-style="s0"]) .jump a:hover{background:var(--ink);color:#fff !important}
:where(html[data-style="s0"]) .sh-fig{grid-column:8 / span 5;height:min(560px,62vh)}
:where(html[data-style="s0"]) .sh-fig img{animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
:where(html[data-style="s0"]) .sh-fig::before{animation:framein .6s ease 1.1s both}
@keyframes reveal{from{clip-path:inset(0 50% 0 50% round 12px)}to{clip-path:inset(0 0 0 0 round 12px)}}
@keyframes framein{from{opacity:0;transform:translate(0,0)}to{opacity:1;transform:translate(16px,16px)}}

:where(html[data-style="s0"]) .typ{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s0"]) .typ-alt{background:#fff}
:where(html[data-style="s0"]) .typ-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s0"]) .typ-txt{grid-column:1 / span 5}
:where(html[data-style="s0"]) .typ-stage{grid-column:7 / span 6}
:where(html[data-style="s0"]) .flip .typ-txt{grid-column:8 / span 5;order:2}
:where(html[data-style="s0"]) .flip .typ-stage{grid-column:1 / span 6;order:1}
:where(html[data-style="s0"]) .tags{display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
:where(html[data-style="s0"]) .tags li{font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s0"]) .typ h2{font-size:clamp(46px,5.6vw,86px)}
:where(html[data-style="s0"]) .typ h2 span{display:block;color:var(--green-ink)}
:where(html[data-style="s0"]) .typ-body{margin:24px 0 0;color:var(--muted)}
:where(html[data-style="s0"]) .ph-note{display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
:where(html[data-style="s0"]) .specs{margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
:where(html[data-style="s0"]) .specs div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
:where(html[data-style="s0"]) .specs dt{font-size:14px;font-weight:650;color:var(--green-ink)}
:where(html[data-style="s0"]) .specs dd{margin:0;font-weight:600}
:where(html[data-style="s0"]) .typ .btn{margin-top:30px}
:where(html[data-style="s0"]) .big-dim{display:flex;align-items:center;gap:16px;margin:28px 0 0}
:where(html[data-style="s0"]) .big-dim b{font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s0"]) .big-dim span{font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
:where(html[data-style="s0"]) .big-dim i{flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
:where(html[data-style="s0"]) .big-dim i::before,:where(html[data-style="s0"]) .big-dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s0"]) .big-dim i::before{left:0}:where(html[data-style="s0"]) .big-dim i::after{right:0}

:where(html[data-style="s0"]) .stage-x{height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
:where(html[data-style="s0"]) .stage-x .fig{height:100%}
:where(html[data-style="s0"]) .ov{position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
:where(html[data-style="s0"]) .slats{background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
:where(html[data-style="s0"]) .swing{perspective:1600px}
:where(html[data-style="s0"]) .wing{position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s0"]) .wing-l{left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
:where(html[data-style="s0"]) .wing-r{right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
:where(html[data-style="s0"]) .wing-l::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes swing-l{to{transform:rotateY(-96deg);opacity:.0}}
@keyframes swing-r{to{transform:rotateY(96deg);opacity:.0}}
:where(html[data-style="s0"]) .slide-p{position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s0"]) .slide-p::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes slide-p{to{transform:translateX(104%)}}
:where(html[data-style="s0"]) .boom{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
:where(html[data-style="s0"]) .boom .post{fill:var(--deep)}
:where(html[data-style="s0"]) .boom .arm{transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
@keyframes boom-up{from{transform:rotate(0deg)}to{transform:rotate(-80deg)}}
:where(html[data-style="s0"]) .fence{position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}
@keyframes fence-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}

:where(html[data-style="s0"]) .gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
:where(html[data-style="s0"]) .gal .fig{height:clamp(200px,20vw,280px)}
:where(html[data-style="s0"]) .g5 .fig:first-child{grid-column:span 2}
:where(html[data-style="s0"]) .g4{grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
:where(html[data-style="s0"]) .wing,:where(html[data-style="s0"]) .slide-p,:where(html[data-style="s0"]) .fence{display:none}
:where(html[data-style="s0"]) .boom .arm{transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s0"]) .wing,:where(html[data-style="s0"]) .slide-p,:where(html[data-style="s0"]) .fence{display:none}
:where(html[data-style="s0"]) .boom .arm{animation:none;transform:rotate(-80deg)}
:where(html[data-style="s0"]) .sh-fig img,:where(html[data-style="s0"]) .sh-fig::before{animation:none}
}
@media (max-width:900px){
:where(html[data-style="s0"]) .sh-txt,:where(html[data-style="s0"]) .sh-fig,:where(html[data-style="s0"]) .typ-txt,:where(html[data-style="s0"]) .typ-stage,:where(html[data-style="s0"]) .flip .typ-txt,:where(html[data-style="s0"]) .flip .typ-stage{grid-column:1 / -1;order:0}
:where(html[data-style="s0"]) .sh-fig{height:300px;margin-top:24px}
:where(html[data-style="s0"]) .typ-stage{margin-top:32px}
:where(html[data-style="s0"]) .gal,:where(html[data-style="s0"]) .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
:where(html[data-style="s0"]) .g5 .fig:first-child{grid-column:1 / -1}
:where(html[data-style="s0"]) .specs div{grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
:where(html[data-style="s0"]) .sh-txt.wide{grid-column:1 / span 9}
:where(html[data-style="s0"]) .blk{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s0"]) .blk-white{background:#fff}
:where(html[data-style="s0"]) .blk-dark{background:var(--deep);color:#fff;border-top:0}
:where(html[data-style="s0"]) .blk-dark .intro p{color:#C9CED2}
:where(html[data-style="s0"]) .cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
:where(html[data-style="s0"]) .c2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s0"]) .c4{grid-template-columns:repeat(4,minmax(0,1fr))}
:where(html[data-style="s0"]) .pcard{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
:where(html[data-style="s0"]) .pcard .fig{height:clamp(220px,22vw,320px)}
:where(html[data-style="s0"]) .pcard h3{margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
:where(html[data-style="s0"]) .pcard p{margin:0;color:var(--muted)}
:where(html[data-style="s0"]) .blk-dark .pcard p{color:#C9CED2}
:where(html[data-style="s0"]) .more{font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
:where(html[data-style="s0"]) a.pcard:hover h3{color:var(--green-ink)}
:where(html[data-style="s0"]) .blk-dark a.pcard:hover h3{color:var(--green)}
:where(html[data-style="s0"]) .price{font-weight:850;font-size:24px}
:where(html[data-style="s0"]) .tilegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
:where(html[data-style="s0"]) .tile{background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
:where(html[data-style="s0"]) .tile:hover{border-color:var(--green);transform:translateY(-4px)}
:where(html[data-style="s0"]) .ti{width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
:where(html[data-style="s0"]) .ti svg{width:24px;height:24px}
:where(html[data-style="s0"]) .ti svg *,:where(html[data-style="s0"]) .dli svg *,:where(html[data-style="s0"]) .crow .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s0"]) .tile h3{margin:0;font-size:22px;font-weight:800;line-height:1.15}
:where(html[data-style="s0"]) .tile p{margin:0;color:var(--muted);font-size:16px}
:where(html[data-style="s0"]) .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
:where(html[data-style="s0"]) .fact{border-top:3px solid var(--green);padding-top:22px}
:where(html[data-style="s0"]) .fact b{display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s0"]) .fact span{display:block;margin-top:10px;color:var(--muted);font-weight:600}
:where(html[data-style="s0"]) .prose2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
:where(html[data-style="s0"]) .prose2 h3{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
:where(html[data-style="s0"]) .prose2 p{margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
:where(html[data-style="s0"]) .notice{border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
:where(html[data-style="s0"]) .dllist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(html[data-style="s0"]) .dlcard{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
:where(html[data-style="s0"]) .dlcard:hover{border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s0"]) .dli{width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
:where(html[data-style="s0"]) .dli svg{width:26px;height:26px}
:where(html[data-style="s0"]) .dlcard b{display:block;font-size:20px;font-weight:800;line-height:1.2}
:where(html[data-style="s0"]) .dlcard small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
:where(html[data-style="s0"]) .dltag{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
:where(html[data-style="s0"]) .vthumb{height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
:where(html[data-style="s0"]) .play{width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
:where(html[data-style="s0"]) .play svg{width:30px;height:30px;margin-left:4px}
:where(html[data-style="s0"]) a.pcard:hover .play{transform:scale(1.1)}
:where(html[data-style="s0"]) .vfeat .vthumb{max-height:none}
:where(html[data-style="s0"]) .chiplist{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
:where(html[data-style="s0"]) .chiplist li{padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
:where(html[data-style="s0"]) .roll-p{position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s0"]) .roll-p::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
@keyframes roll-up{to{transform:translateY(-104%)}}
:where(html[data-style="s0"]) .typ-txt.solo{grid-column:1 / span 8}
:where(html[data-style="s0"]) .kgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
:where(html[data-style="s0"]) .kleft{grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
:where(html[data-style="s0"]) .kright{grid-column:7 / span 6}
:where(html[data-style="s0"]) .crow{display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
:where(html[data-style="s0"]) .crow small{display:block;font-size:14px;font-weight:500;color:var(--muted)}
:where(html[data-style="s0"]) .crow .f-ic{width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s0"]) a.crow:hover{color:var(--green-ink) !important}
:where(html[data-style="s0"]) a.crow:hover .f-ic{background:var(--green);color:var(--ink)}
:where(html[data-style="s0"]) .formcard{background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
:where(html[data-style="s0"]) .formcard h2{margin:0 0 24px;font-size:28px;font-weight:850}
:where(html[data-style="s0"]) .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
:where(html[data-style="s0"]) .field{display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s0"]) .field.full{grid-column:1 / -1}
:where(html[data-style="s0"]) .field label{font-size:15px;font-weight:650}
:where(html[data-style="s0"]) .field input,:where(html[data-style="s0"]) .field textarea{font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
:where(html[data-style="s0"]) .field textarea{min-height:140px;resize:vertical}
:where(html[data-style="s0"]) .field input:focus,:where(html[data-style="s0"]) .field textarea:focus{outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
:where(html[data-style="s0"]) .check{grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
:where(html[data-style="s0"]) .check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
:where(html[data-style="s0"]) .formcard .btn{border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
:where(html[data-style="s0"]) .formcard .sm{margin:16px 0 0;font-size:14px;color:var(--muted)}
:where(html[data-style="s0"]) .formcard .sm a{color:var(--green-ink) !important}
:where(html[data-style="s0"]) .jobcard{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
:where(html[data-style="s0"]) .jobcard h3{margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
:where(html[data-style="s0"]) .jobcard ul{margin:0;padding-left:20px;color:var(--muted)}
:where(html[data-style="s0"]) .jobcard .btn{align-self:flex-start}
:where(html[data-style="s0"]) .narrow{max-width:560px}
@supports not (animation-timeline: view()){:where(html[data-style="s0"]) .roll-p{display:none}}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s0"]) .roll-p{display:none}}
@media (max-width:900px){
:where(html[data-style="s0"]) .sh-txt.wide,:where(html[data-style="s0"]) .typ-txt.solo,:where(html[data-style="s0"]) .kleft,:where(html[data-style="s0"]) .kright{grid-column:1 / -1}
:where(html[data-style="s0"]) .cardgrid,:where(html[data-style="s0"]) .c2,:where(html[data-style="s0"]) .facts,:where(html[data-style="s0"]) .prose2,:where(html[data-style="s0"]) .fgrid,:where(html[data-style="s0"]) .dllist{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s0"]) .c4{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s0"]) .dlcard{grid-template-columns:48px minmax(0,1fr)}
:where(html[data-style="s0"]) .dltag{display:none}
}

/* Kontakt-Abschnitt grün */
:where(html[data-style="s0"]) .kontakt{background:var(--green);border-top:0}
:where(html[data-style="s0"]) .kontakt .k-info p{color:var(--ink)}
:where(html[data-style="s0"]) .kontakt .k-info a.big:hover{color:#fff}
:where(html[data-style="s0"]) .kontakt .btn-green{background:var(--deep);color:#fff !important}
:where(html[data-style="s0"]) .kontakt .btn-green:hover{background:#fff;color:var(--ink) !important}
:where(html[data-style="s0"]) .kontakt .fig::before{border-color:var(--deep)}

:where(html[data-style="s0"]) .tj path,:where(html[data-style="s0"]) .tj rect,:where(html[data-style="s0"]) .tj circle{transform-box:fill-box}
:where(html[data-style="s0"]) .tj .drop{transform-origin:50% 100%;animation:tj-drop .75s both}
:where(html[data-style="s0"]) .tj .pop{transform-origin:50% 100%;animation:tj-pop .5s both}
:where(html[data-style="s0"]) .tj .bang{transform-origin:50% 100%;animation:tj-bang .45s both}
:where(html[data-style="s0"]) .tj .cf{transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
:where(html[data-style="s0"]) .tj .tj-all{transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}
@keyframes tj-drop{0%{transform:translateY(-260px) scale(.9,1.15);opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.6)}
 5%{opacity:1}
 50%{transform:translateY(0) scale(1.18,.78);animation-timing-function:cubic-bezier(0,.5,.5,1)}
 66%{transform:translateY(-22px) scale(.94,1.06);animation-timing-function:cubic-bezier(.5,0,1,.6)}
 80%{transform:translateY(0) scale(1.06,.94)} 90%{transform:scale(.98,1.02)} 100%{transform:none;opacity:1}}
@keyframes tj-pop{0%{transform:translateY(-40px) scale(0) rotate(-25deg);opacity:0}
 45%{transform:translateY(4px) scale(1.3,1.1) rotate(8deg);opacity:1}
 70%{transform:translateY(0) scale(.9,1.08) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-bang{0%{transform:translateY(-180px) scale(2.6) rotate(-40deg);opacity:0;animation-timing-function:cubic-bezier(.6,0,1,.7)}
 10%{opacity:1}
 66%{transform:translateY(0) scale(1.25,.7) rotate(6deg)} 82%{transform:scale(.9,1.12) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-shake{0%,100%{transform:none}15%{transform:translate(-5px,3px) rotate(-1deg)}30%{transform:translate(5px,-2px) rotate(1deg)}
 50%{transform:translate(-3px,1px) rotate(-.5deg)}70%{transform:translate(2px,-1px)}85%{transform:translate(-1px,0)}}
@keyframes tj-c0{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-41px,-63px) rotate(306deg) scale(.6);opacity:0}}@keyframes tj-c1{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(139px,-22px) rotate(-264deg) scale(.6);opacity:0}}@keyframes tj-c2{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(31px,-59px) rotate(159deg) scale(.6);opacity:0}}@keyframes tj-c3{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-64px,-39px) rotate(68deg) scale(.6);opacity:0}}@keyframes tj-c4{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(82px,-10px) rotate(74deg) scale(.6);opacity:0}}@keyframes tj-c5{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(119px,-20px) rotate(-132deg) scale(.6);opacity:0}}@keyframes tj-c6{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(71px,-85px) rotate(-297deg) scale(.6);opacity:0}}@keyframes tj-c7{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-24px,-89px) rotate(-134deg) scale(.6);opacity:0}}@keyframes tj-c8{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(143px,-22px) rotate(-64deg) scale(.6);opacity:0}}@keyframes tj-c9{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-16px,-102px) rotate(224deg) scale(.6);opacity:0}}@keyframes tj-c10{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(75px,-105px) rotate(-175deg) scale(.6);opacity:0}}@keyframes tj-c11{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(113px,-34px) rotate(-168deg) scale(.6);opacity:0}}@keyframes tj-c12{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-35px,-99px) rotate(-296deg) scale(.6);opacity:0}}@keyframes tj-c13{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-23px,-107px) rotate(148deg) scale(.6);opacity:0}}@keyframes tj-c14{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-56px,-80px) rotate(-39deg) scale(.6);opacity:0}}@keyframes tj-c15{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(5px,-134px) rotate(10deg) scale(.6);opacity:0}}@keyframes tj-c16{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(77px,-101px) rotate(355deg) scale(.6);opacity:0}}@keyframes tj-c17{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-62px,-41px) rotate(-53deg) scale(.6);opacity:0}}@keyframes tj-c18{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(35px,-126px) rotate(99deg) scale(.6);opacity:0}}@keyframes tj-c19{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(89px,-111px) rotate(-240deg) scale(.6);opacity:0}}@keyframes tj-c20{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-3px,-73px) rotate(-10deg) scale(.6);opacity:0}}@keyframes tj-c21{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-103px,-40px) rotate(-320deg) scale(.6);opacity:0}}


/* Torjubel-Trenner */
:where(html[data-style="s0"]) .tj-sep{display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
:where(html[data-style="s0"]) .tj{width:300px;max-width:80%;height:auto;overflow:visible}
:where(html[data-style="s0"]) .tj:not(.tj-on) *{animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s0"]) .tj *{animation:none !important}:where(html[data-style="s0"]) .tj .cf{display:none}}

/* Bilder vergrößern (Lightbox) */
:where(html[data-style="s0"]) .fig img{cursor:zoom-in}
:where(html[data-style="s0"]) a .fig img{cursor:pointer}
:where(html[data-style="s0"]) .lb{position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
:where(html[data-style="s0"]) .lb.on{opacity:1;visibility:visible;transition:opacity .35s}
:where(html[data-style="s0"]) .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
:where(html[data-style="s0"]) .lb-img{display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
:where(html[data-style="s0"]) .lb.on .lb-img{transform:none}
:where(html[data-style="s0"]) .lb-count{color:#C9CED2;font-size:15px;font-weight:600}
:where(html[data-style="s0"]) .lb-btn{position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
:where(html[data-style="s0"]) .lb-btn svg{width:22px;height:22px}
:where(html[data-style="s0"]) .lb-btn svg *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s0"]) .lb-btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s0"]) .lb-x{top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s0"]) .lb-x:hover{background:#fff;border-color:#fff}
:where(html[data-style="s0"]) .lb-prev{left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s0"]) .lb-next{right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s0"]) .lb.single .lb-prev,:where(html[data-style="s0"]) .lb.single .lb-next,:where(html[data-style="s0"]) .lb.single .lb-count{display:none}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s0"]) .lb,:where(html[data-style="s0"]) .lb-img{transition:none}}


/* Original cascade: automation.html (s1). Selectors retain their specificity. */

:where(html[data-style="s1"]) body{margin:0}
:root:where(html[data-style="s1"]){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
:where(html[data-style="s1"]) *{box-sizing:border-box}
:where(html[data-style="s1"]) .site{font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
:where(html[data-style="s1"]) .site a{color:inherit}
:where(html[data-style="s1"]) .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
:where(html[data-style="s1"]) .grid-bg{background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
:where(html[data-style="s1"]) .xl{font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
:where(html[data-style="s1"]) .btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s1"]) .btn-green{background:var(--green);color:var(--ink) !important}
:where(html[data-style="s1"]) .btn-green:hover{background:var(--deep);color:#fff !important}
:where(html[data-style="s1"]) .btn-line{border:2px solid currentColor}
:where(html[data-style="s1"]) .btn-line:hover{background:var(--ink);color:#fff !important;border-color:var(--ink)}
:where(html[data-style="s1"]) .site a:focus-visible,:where(html[data-style="s1"]) .site button:focus-visible{outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
:where(html[data-style="s1"]) .fig{position:relative;isolation:isolate;margin:0 16px 16px 0}
:where(html[data-style="s1"]) .fig::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s1"]) .fig:hover::before{transform:translate(8px,8px)}
:where(html[data-style="s1"]) .fig img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
:where(html[data-style="s1"]) .bar{position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
:where(html[data-style="s1"]) .bar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
:where(html[data-style="s1"]) .logo{display:block;line-height:0}
:where(html[data-style="s1"]) .logo img{height:48px;width:auto;display:block}
:where(html[data-style="s1"]) .bar-r{display:flex;align-items:center;gap:22px}
:where(html[data-style="s1"]) .bar-tel{font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
:where(html[data-style="s1"]) .bar-tel:hover{color:var(--green-ink) !important}
:where(html[data-style="s1"]) .burger{width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
:where(html[data-style="s1"]) .burger:hover{transform:rotate(90deg)}
:where(html[data-style="s1"]) .burger i{position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s1"]) .burger i:nth-child(1){top:18px}:where(html[data-style="s1"]) .burger i:nth-child(2){top:25px}:where(html[data-style="s1"]) .burger i:nth-child(3){top:32px}
:where(html[data-style="s1"]) .is-open .burger{transform:rotate(180deg);background:var(--ink)}
:where(html[data-style="s1"]) .is-open .burger i{background:var(--green)}
:where(html[data-style="s1"]) .is-open .burger i:nth-child(1){top:25px;transform:rotate(45deg)}
:where(html[data-style="s1"]) .is-open .burger i:nth-child(2){opacity:0;transform:scaleX(0)}
:where(html[data-style="s1"]) .is-open .burger i:nth-child(3){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
:where(html[data-style="s1"]) .menu{position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
:where(html[data-style="s1"]) .is-open .menu{visibility:visible;transition-delay:0s}
:where(html[data-style="s1"]) .m-leaf{position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s1"]) .m-l{left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s1"]) .m-r{right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s1"]) .m-r::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s1"]) .is-open .m-l,:where(html[data-style="s1"]) .is-open .m-r{transform:translateX(0)}
:where(html[data-style="s1"]) .is-open .m-r::before{transform:scaleY(0)}
:where(html[data-style="s1"]) .m-body{position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
:where(html[data-style="s1"]) .is-open .m-body{opacity:1;transition:opacity .3s .45s}
:where(html[data-style="s1"]) .m-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
:where(html[data-style="s1"]) .m-c1{--d:.5s}:where(html[data-style="s1"]) .m-c2{--d:.62s}:where(html[data-style="s1"]) .m-c3{--d:.74s}
:where(html[data-style="s1"]) .m-col{opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s1"]) .is-open .m-col{opacity:1;transform:none;transition-delay:var(--d)}
:where(html[data-style="s1"]) .m-col + .m-col{border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
:where(html[data-style="s1"]) .m-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
:where(html[data-style="s1"]) .chev{width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s1"]) .chev *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s1"]) .m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
:where(html[data-style="s1"]) .m-list li{opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s1"]) .is-open .m-list li{opacity:1;transform:none}
:where(html[data-style="s1"]) .is-open .m-list li:nth-child(1){transition-delay:calc(var(--d) + .06s)}:where(html[data-style="s1"]) .is-open .m-list li:nth-child(2){transition-delay:calc(var(--d) + .12s)}:where(html[data-style="s1"]) .is-open .m-list li:nth-child(3){transition-delay:calc(var(--d) + .18s)}:where(html[data-style="s1"]) .is-open .m-list li:nth-child(4){transition-delay:calc(var(--d) + .24s)}:where(html[data-style="s1"]) .is-open .m-list li:nth-child(5){transition-delay:calc(var(--d) + .3s)}:where(html[data-style="s1"]) .is-open .m-list li:nth-child(6){transition-delay:calc(var(--d) + .36s)}:where(html[data-style="s1"]) .is-open .m-list li:nth-child(7){transition-delay:calc(var(--d) + .42s)}
:where(html[data-style="s1"]) .m-big{font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s1"]) .m-big:hover{color:#fff !important;transform:translateX(12px)}
:where(html[data-style="s1"]) .m-c1 .m-list{gap:12px}
:where(html[data-style="s1"]) .m-link{position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
:where(html[data-style="s1"]) .m-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s1"]) .m-link:hover{color:var(--green) !important}
:where(html[data-style="s1"]) .m-link:hover::after{transform:scaleX(1)}
:where(html[data-style="s1"]) .m-foot{margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
:where(html[data-style="s1"]) .is-open .m-foot{opacity:1;transition-delay:.9s}
:where(html[data-style="s1"]) .m-foot-info{display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
:where(html[data-style="s1"]) .m-foot-info a{font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
:where(html[data-style="s1"]) .m-foot-info a:hover{color:var(--green) !important}
:where(html[data-style="s1"]) .m-foot-info span{font-size:15px;color:#C9CED2}
:where(html[data-style="s1"]) .lang{display:flex;gap:10px}
:where(html[data-style="s1"]) .lang a{min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
:where(html[data-style="s1"]) .lang a.on{background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
:where(html[data-style="s1"]) .hero{position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
:where(html[data-style="s1"]) .stage{position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
:where(html[data-style="s1"]) .hero-in{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
:where(html[data-style="s1"]) .hero-head{grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
:where(html[data-style="s1"]) .hero h1{font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
:where(html[data-style="s1"]) .hero h1 span{display:block}
:where(html[data-style="s1"]) .dim{display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
:where(html[data-style="s1"]) .dim i{flex:1;height:2px;background:var(--green);position:relative}
:where(html[data-style="s1"]) .dim i::before,:where(html[data-style="s1"]) .dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s1"]) .dim i::before{left:0}:where(html[data-style="s1"]) .dim i::after{right:0}
:where(html[data-style="s1"]) .hero-sub{margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
:where(html[data-style="s1"]) .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
:where(html[data-style="s1"]) .hero-fig{grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
:where(html[data-style="s1"]) .rail{position:absolute;left:0;right:0;bottom:48px;height:40px}
:where(html[data-style="s1"]) .rail svg{width:100%;height:40px;display:block}
:where(html[data-style="s1"]) .leaf{position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
:where(html[data-style="s1"]) .leaf-l{left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s1"]) .leaf-r{right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s1"]) .leaf-l::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
:where(html[data-style="s1"]) .leaf-word{font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s1"]) .leaf-r .leaf-word{color:var(--green)}
:where(html[data-style="s1"]) .leaf-l .leaf-word{padding-right:44px}
:where(html[data-style="s1"]) .leaf-r .leaf-word{padding-left:22px}
:where(html[data-style="s1"]) .leaf-hint{position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
:where(html[data-style="s1"]) .leaf-l .leaf-hint{text-align:right;padding-right:20px}
:where(html[data-style="s1"]) .leaf-r .leaf-hint{text-align:left;padding-left:20px}
@keyframes open-l{to{transform:translateX(-101%)}}
@keyframes open-r{to{transform:translateX(101%)}}
@keyframes pop{from{transform:scale(.92);opacity:.2}to{transform:none;opacity:1}}
@keyframes pop2{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}

/* Produkte */
:where(html[data-style="s1"]) .sec{padding:clamp(80px,10vw,150px) 0}
:where(html[data-style="s1"]) .intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
:where(html[data-style="s1"]) .intro h2{grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
:where(html[data-style="s1"]) .intro > p,:where(html[data-style="s1"]) .intro > div{grid-column:8 / span 5;margin:0}
:where(html[data-style="s1"]) .intro p{margin:0;color:var(--muted)}
:where(html[data-style="s1"]) .prods{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
:where(html[data-style="s1"]) .prod{border-bottom:2px solid var(--ink)}
:where(html[data-style="s1"]) .prod a{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
:where(html[data-style="s1"]) .prod a::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
:where(html[data-style="s1"]) .prod a:hover::before{transform:scaleX(1)}
:where(html[data-style="s1"]) .prod-name{font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
:where(html[data-style="s1"]) .prod-line{color:var(--muted);font-size:17px}
:where(html[data-style="s1"]) .prod a:hover .prod-line{color:var(--ink)}
:where(html[data-style="s1"]) .ico{width:64px;height:64px;color:var(--green-dk);transition:color .35s}
:where(html[data-style="s1"]) .prod a:hover .ico{color:var(--ink)}
:where(html[data-style="s1"]) .ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s1"]) .go{width:40px;height:40px;transition:transform .35s}
:where(html[data-style="s1"]) .go *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s1"]) .prod a:hover .go{transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
:where(html[data-style="s1"]) .einer{position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
:where(html[data-style="s1"]) .einer-in{padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
:where(html[data-style="s1"]) .einer h2{grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
:where(html[data-style="s1"]) .einer-txt{grid-column:8 / span 5}
:where(html[data-style="s1"]) .einer-txt p{margin:0 0 28px}
:where(html[data-style="s1"]) .door{position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
:where(html[data-style="s1"]) .slat{flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
:where(html[data-style="s1"]) .slat::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
:where(html[data-style="s1"]) .slat:last-child{border-bottom:10px solid var(--deep)}
:where(html[data-style="s1"]) .door-tag{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}
@keyframes door-up{to{transform:translateY(-101%)}}

/* Referenzen */
:where(html[data-style="s1"]) .refs{background:var(--deep);color:#fff}
:where(html[data-style="s1"]) .refs .intro p{color:#C9CED2;max-width:100%;height:auto !important}
:where(html[data-style="s1"]) .ref-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
:where(html[data-style="s1"]) .refs .btn-line:hover{background:#fff;color:var(--deep) !important;border-color:#fff}
:where(html[data-style="s1"]) .refs .btn-green:hover{background:#fff;color:var(--deep) !important}
:where(html[data-style="s1"]) .shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s1"]) .s1{grid-column:span 7;height:520px}
:where(html[data-style="s1"]) .shots-r{grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s1"]) .s2{grid-column:1 / -1;height:240px}
:where(html[data-style="s1"]) .s3,:where(html[data-style="s1"]) .s4{height:244px}
:where(html[data-style="s1"]) .s5{grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
:where(html[data-style="s1"]) .split{position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
:where(html[data-style="s1"]) .split-mid{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
:where(html[data-style="s1"]) .split-mid b{font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s1"]) .sp{position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
:where(html[data-style="s1"]) .sp b{font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s1"]) .sp-l{left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
:where(html[data-style="s1"]) .sp-r{right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
@keyframes sp-l{to{transform:translateX(-40%)}}
@keyframes sp-r{to{transform:translateX(40%)}}
@keyframes sp-t{to{transform:translateY(-62%)}}
@keyframes sp-b{to{transform:translateY(62%)}}
:where(html[data-style="s1"]) .werte{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
:where(html[data-style="s1"]) .werte-txt{grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
:where(html[data-style="s1"]) .yrs{display:flex;align-items:baseline;gap:16px}
:where(html[data-style="s1"]) .yrs b{font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
:where(html[data-style="s1"]) .yrs > span{font-weight:700;font-size:22px;line-height:1.2}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes count{from{--n:0}to{--n:30}}
@supports (animation-timeline: view()){
:where(html[data-style="s1"]) .yrs b{display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
:where(html[data-style="s1"]) .yrs b .n{display:none}
:where(html[data-style="s1"]) .yrs b::after{content:counter(yrs)}
}
:where(html[data-style="s1"]) .werte-txt p{margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
:where(html[data-style="s1"]) .werte-fig{grid-column:8 / span 5;height:440px}

/* Kontakt */
:where(html[data-style="s1"]) .kontakt{border-top:2px solid var(--ink)}
:where(html[data-style="s1"]) .k-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s1"]) .k-left{grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
:where(html[data-style="s1"]) .k-left h2{font-size:clamp(48px,6.4vw,100px)}
:where(html[data-style="s1"]) .k-info{display:flex;flex-direction:column;gap:14px}
:where(html[data-style="s1"]) .k-info a.big{font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
:where(html[data-style="s1"]) .k-info a.big:hover{color:var(--green-ink)}
:where(html[data-style="s1"]) .k-info p{margin:0;color:var(--muted)}
:where(html[data-style="s1"]) .k-fig{grid-column:8 / span 5;height:460px}

/* Footer */
:where(html[data-style="s1"]) .foot{background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
:where(html[data-style="s1"]) .f-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:where(html[data-style="s1"]) .f-addr{grid-column:span 3}
:where(html[data-style="s1"]) .f-addr{display:flex;flex-direction:column;gap:18px}
:where(html[data-style="s1"]) .f-hi{margin:0;font-size:15px;font-weight:650;color:var(--green)}
:where(html[data-style="s1"]) .f-name{margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
:where(html[data-style="s1"]) .f-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
:where(html[data-style="s1"]) .f-row{display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
:where(html[data-style="s1"]) .f-row:hover{color:var(--green) !important;text-decoration:none !important}
:where(html[data-style="s1"]) .f-ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
:where(html[data-style="s1"]) .f-ic svg{width:19px;height:19px}
:where(html[data-style="s1"]) .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s1"]) .f-row:hover .f-ic{background:var(--green);color:var(--ink);transform:rotate(-8deg)}
:where(html[data-style="s1"]) .f-row small{display:block;font-size:13px;color:#9BA3A8;font-weight:500}
:where(html[data-style="s1"]) .f-vat{margin:0;font-size:13px;color:#9BA3A8}
:where(html[data-style="s1"]) .f-social{display:flex;gap:12px}
:where(html[data-style="s1"]) .f-social a{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
:where(html[data-style="s1"]) .f-social img{width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
:where(html[data-style="s1"]) .f-social a:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s1"]) .f-social a:hover img{filter:brightness(0)}
:where(html[data-style="s1"]) .f-col{grid-column:span 2}
:where(html[data-style="s1"]) .f-wide{grid-column:span 3}
:where(html[data-style="s1"]) .f-col h3,:where(html[data-style="s1"]) .f-wide h3{margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
:where(html[data-style="s1"]) .f-col ul,:where(html[data-style="s1"]) .f-wide ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s1"]) .foot a{text-decoration:none;color:#C9CED2 !important}
:where(html[data-style="s1"]) .foot a:hover{color:#fff !important;text-decoration:underline}
:where(html[data-style="s1"]) .f-bot{margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
:where(html[data-style="s1"]) .f-bot div{display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
:where(html[data-style="s1"]) .hero{height:var(--vh)}
:where(html[data-style="s1"]) .leaf,:where(html[data-style="s1"]) .door,:where(html[data-style="s1"]) .sp{display:none}
:where(html[data-style="s1"]) .split-mid b{font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s1"]) .hero{height:var(--vh)}
:where(html[data-style="s1"]) .leaf,:where(html[data-style="s1"]) .door,:where(html[data-style="s1"]) .sp{display:none}
:where(html[data-style="s1"]) .hero-head,:where(html[data-style="s1"]) .hero-fig,:where(html[data-style="s1"]) .yrs b{animation:none !important}
:where(html[data-style="s1"]) .yrs b .n{display:inline !important}
:where(html[data-style="s1"]) .yrs b::after{content:none !important}
:where(html[data-style="s1"]) .m-leaf,:where(html[data-style="s1"]) .m-col,:where(html[data-style="s1"]) .m-list li,:where(html[data-style="s1"]) .m-foot,:where(html[data-style="s1"]) .m-wrapL,:where(html[data-style="s1"]) .burger,:where(html[data-style="s1"]) .burger i,:where(html[data-style="s1"]) .fig::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
:where(html[data-style="s1"]) .intro h2,:where(html[data-style="s1"]) .intro > p,:where(html[data-style="s1"]) .intro > div,:where(html[data-style="s1"]) .einer h2,:where(html[data-style="s1"]) .einer-txt,:where(html[data-style="s1"]) .k-left,:where(html[data-style="s1"]) .k-fig,:where(html[data-style="s1"]) .werte-txt,:where(html[data-style="s1"]) .werte-fig,:where(html[data-style="s1"]) .hero-head,:where(html[data-style="s1"]) .hero-fig{grid-column:1 / -1}
:where(html[data-style="s1"]) .hero-fig{display:none}
:where(html[data-style="s1"]) .prod a{grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
:where(html[data-style="s1"]) .prod-line{display:none}
:where(html[data-style="s1"]) .ico{width:44px;height:44px}
:where(html[data-style="s1"]) .shots{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s1"]) .s1,:where(html[data-style="s1"]) .shots-r{grid-column:1 / -1}
:where(html[data-style="s1"]) .s1{height:300px}
:where(html[data-style="s1"]) .s2,:where(html[data-style="s1"]) .s3,:where(html[data-style="s1"]) .s4{height:200px}
:where(html[data-style="s1"]) .s5{grid-column:1 / -1;height:220px}
:where(html[data-style="s1"]) .werte-fig,:where(html[data-style="s1"]) .k-fig{height:300px}
:where(html[data-style="s1"]) .m-body{padding-top:104px}
:where(html[data-style="s1"]) .m-cols{grid-template-columns:minmax(0,1fr);gap:0}
:where(html[data-style="s1"]) .m-col + .m-col{border-left:0;padding-left:0}
:where(html[data-style="s1"]) .m-title{cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
:where(html[data-style="s1"]) .chev{display:block}
:where(html[data-style="s1"]) .m-col.open .chev{transform:rotate(180deg)}
:where(html[data-style="s1"]) .m-wrapL{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s1"]) .m-col.open .m-wrapL{grid-template-rows:1fr}
:where(html[data-style="s1"]) .m-wrapL > ul{overflow:hidden;min-height:0}
:where(html[data-style="s1"]) .m-list{padding:14px 0 24px}
:where(html[data-style="s1"]) .m-c1 .m-list{gap:14px}
:where(html[data-style="s1"]) .m-big{font-size:clamp(28px,7.6vw,36px)}
:where(html[data-style="s1"]) .m-link{font-size:20px}
:where(html[data-style="s1"]) .m-foot{margin-top:28px;border-top:0;padding-top:0}
:where(html[data-style="s1"]) .f-addr{grid-column:1 / -1}
:where(html[data-style="s1"]) .f-col,:where(html[data-style="s1"]) .f-wide{grid-column:span 6}
:where(html[data-style="s1"]) .bar-tel{display:none}
:where(html[data-style="s1"]) .logo img{height:40px}
:where(html[data-style="s1"]) .split-mid b{font-size:clamp(34px,10vw,60px)}
:where(html[data-style="s1"]) .sp{width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
:where(html[data-style="s1"]) .sp b{font-size:clamp(28px,8vw,40px)}
:where(html[data-style="s1"]) .sp-l{top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
:where(html[data-style="s1"]) .sp-r{top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
:where(html[data-style="s1"]) .sub-hero{padding:132px 0 clamp(64px,8vw,110px)}
:where(html[data-style="s1"]) .crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
:where(html[data-style="s1"]) .crumbs a{text-decoration:none;color:var(--muted) !important}
:where(html[data-style="s1"]) .crumbs a:hover{color:var(--green-ink) !important;text-decoration:underline}
:where(html[data-style="s1"]) .crumbs li + li::before{content:"/";margin-right:8px;color:#9BA3A8}
:where(html[data-style="s1"]) .crumbs [aria-current]{color:var(--ink);font-weight:650}
:where(html[data-style="s1"]) .sh-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s1"]) .sh-txt{grid-column:1 / span 6}
:where(html[data-style="s1"]) .sh-txt h1{font-size:clamp(60px,8.6vw,136px)}
:where(html[data-style="s1"]) .sh-txt{min-width:0}
:where(html[data-style="s1"]) .sh-txt h1{overflow-wrap:break-word;hyphens:manual}
:where(html[data-style="s1"]) .sh-txt:not(.wide) h1{font-size:clamp(52px,6.4vw,104px)}
:where(html[data-style="s1"]) .sh-lead{margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
:where(html[data-style="s1"]) .sh-txt p.sh-body{margin:16px 0 0;max-width:42ch;color:var(--muted)}
:where(html[data-style="s1"]) .jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
:where(html[data-style="s1"]) .jump a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s1"]) .jump a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
:where(html[data-style="s1"]) .jump a:hover{background:var(--ink);color:#fff !important}
:where(html[data-style="s1"]) .sh-fig{grid-column:8 / span 5;height:min(560px,62vh)}
:where(html[data-style="s1"]) .sh-fig img{animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
:where(html[data-style="s1"]) .sh-fig::before{animation:framein .6s ease 1.1s both}
@keyframes reveal{from{clip-path:inset(0 50% 0 50% round 12px)}to{clip-path:inset(0 0 0 0 round 12px)}}
@keyframes framein{from{opacity:0;transform:translate(0,0)}to{opacity:1;transform:translate(16px,16px)}}

:where(html[data-style="s1"]) .typ{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s1"]) .typ-alt{background:#fff}
:where(html[data-style="s1"]) .typ-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s1"]) .typ-txt{grid-column:1 / span 5}
:where(html[data-style="s1"]) .typ-stage{grid-column:7 / span 6}
:where(html[data-style="s1"]) .flip .typ-txt{grid-column:8 / span 5;order:2}
:where(html[data-style="s1"]) .flip .typ-stage{grid-column:1 / span 6;order:1}
:where(html[data-style="s1"]) .tags{display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
:where(html[data-style="s1"]) .tags li{font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s1"]) .typ h2{font-size:clamp(46px,5.6vw,86px)}
:where(html[data-style="s1"]) .typ h2 span{display:block;color:var(--green-ink)}
:where(html[data-style="s1"]) .typ-body{margin:24px 0 0;color:var(--muted)}
:where(html[data-style="s1"]) .ph-note{display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
:where(html[data-style="s1"]) .specs{margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
:where(html[data-style="s1"]) .specs div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
:where(html[data-style="s1"]) .specs dt{font-size:14px;font-weight:650;color:var(--green-ink)}
:where(html[data-style="s1"]) .specs dd{margin:0;font-weight:600}
:where(html[data-style="s1"]) .typ .btn{margin-top:30px}
:where(html[data-style="s1"]) .big-dim{display:flex;align-items:center;gap:16px;margin:28px 0 0}
:where(html[data-style="s1"]) .big-dim b{font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s1"]) .big-dim span{font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
:where(html[data-style="s1"]) .big-dim i{flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
:where(html[data-style="s1"]) .big-dim i::before,:where(html[data-style="s1"]) .big-dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s1"]) .big-dim i::before{left:0}:where(html[data-style="s1"]) .big-dim i::after{right:0}

:where(html[data-style="s1"]) .stage-x{height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
:where(html[data-style="s1"]) .stage-x .fig{height:100%}
:where(html[data-style="s1"]) .ov{position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
:where(html[data-style="s1"]) .slats{background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
:where(html[data-style="s1"]) .swing{perspective:1600px}
:where(html[data-style="s1"]) .wing{position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s1"]) .wing-l{left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
:where(html[data-style="s1"]) .wing-r{right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
:where(html[data-style="s1"]) .wing-l::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes swing-l{to{transform:rotateY(-96deg);opacity:.0}}
@keyframes swing-r{to{transform:rotateY(96deg);opacity:.0}}
:where(html[data-style="s1"]) .slide-p{position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s1"]) .slide-p::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes slide-p{to{transform:translateX(104%)}}
:where(html[data-style="s1"]) .boom{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
:where(html[data-style="s1"]) .boom .post{fill:var(--deep)}
:where(html[data-style="s1"]) .boom .arm{transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
@keyframes boom-up{from{transform:rotate(0deg)}to{transform:rotate(-80deg)}}
:where(html[data-style="s1"]) .fence{position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}
@keyframes fence-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}

:where(html[data-style="s1"]) .gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
:where(html[data-style="s1"]) .gal .fig{height:clamp(200px,20vw,280px)}
:where(html[data-style="s1"]) .g5 .fig:first-child{grid-column:span 2}
:where(html[data-style="s1"]) .g4{grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
:where(html[data-style="s1"]) .wing,:where(html[data-style="s1"]) .slide-p,:where(html[data-style="s1"]) .fence{display:none}
:where(html[data-style="s1"]) .boom .arm{transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s1"]) .wing,:where(html[data-style="s1"]) .slide-p,:where(html[data-style="s1"]) .fence{display:none}
:where(html[data-style="s1"]) .boom .arm{animation:none;transform:rotate(-80deg)}
:where(html[data-style="s1"]) .sh-fig img,:where(html[data-style="s1"]) .sh-fig::before{animation:none}
}
@media (max-width:900px){
:where(html[data-style="s1"]) .sh-txt,:where(html[data-style="s1"]) .sh-fig,:where(html[data-style="s1"]) .typ-txt,:where(html[data-style="s1"]) .typ-stage,:where(html[data-style="s1"]) .flip .typ-txt,:where(html[data-style="s1"]) .flip .typ-stage{grid-column:1 / -1;order:0}
:where(html[data-style="s1"]) .sh-fig{height:300px;margin-top:24px}
:where(html[data-style="s1"]) .typ-stage{margin-top:32px}
:where(html[data-style="s1"]) .gal,:where(html[data-style="s1"]) .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
:where(html[data-style="s1"]) .g5 .fig:first-child{grid-column:1 / -1}
:where(html[data-style="s1"]) .specs div{grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
:where(html[data-style="s1"]) .sh-txt.wide{grid-column:1 / span 9}
:where(html[data-style="s1"]) .blk{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s1"]) .blk-white{background:#fff}
:where(html[data-style="s1"]) .blk-dark{background:var(--deep);color:#fff;border-top:0}
:where(html[data-style="s1"]) .blk-dark .intro p{color:#C9CED2}
:where(html[data-style="s1"]) .cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
:where(html[data-style="s1"]) .c2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s1"]) .c4{grid-template-columns:repeat(4,minmax(0,1fr))}
:where(html[data-style="s1"]) .pcard{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
:where(html[data-style="s1"]) .pcard .fig{height:clamp(220px,22vw,320px)}
:where(html[data-style="s1"]) .pcard h3{margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
:where(html[data-style="s1"]) .pcard p{margin:0;color:var(--muted)}
:where(html[data-style="s1"]) .blk-dark .pcard p{color:#C9CED2}
:where(html[data-style="s1"]) .more{font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
:where(html[data-style="s1"]) a.pcard:hover h3{color:var(--green-ink)}
:where(html[data-style="s1"]) .blk-dark a.pcard:hover h3{color:var(--green)}
:where(html[data-style="s1"]) .price{font-weight:850;font-size:24px}
:where(html[data-style="s1"]) .tilegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
:where(html[data-style="s1"]) .tile{background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
:where(html[data-style="s1"]) .tile:hover{border-color:var(--green);transform:translateY(-4px)}
:where(html[data-style="s1"]) .ti{width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
:where(html[data-style="s1"]) .ti svg{width:24px;height:24px}
:where(html[data-style="s1"]) .ti svg *,:where(html[data-style="s1"]) .dli svg *,:where(html[data-style="s1"]) .crow .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s1"]) .tile h3{margin:0;font-size:22px;font-weight:800;line-height:1.15}
:where(html[data-style="s1"]) .tile p{margin:0;color:var(--muted);font-size:16px}
:where(html[data-style="s1"]) .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
:where(html[data-style="s1"]) .fact{border-top:3px solid var(--green);padding-top:22px}
:where(html[data-style="s1"]) .fact b{display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s1"]) .fact span{display:block;margin-top:10px;color:var(--muted);font-weight:600}
:where(html[data-style="s1"]) .prose2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
:where(html[data-style="s1"]) .prose2 h3{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
:where(html[data-style="s1"]) .prose2 p{margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
:where(html[data-style="s1"]) .notice{border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
:where(html[data-style="s1"]) .dllist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(html[data-style="s1"]) .dlcard{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
:where(html[data-style="s1"]) .dlcard:hover{border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s1"]) .dli{width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
:where(html[data-style="s1"]) .dli svg{width:26px;height:26px}
:where(html[data-style="s1"]) .dlcard b{display:block;font-size:20px;font-weight:800;line-height:1.2}
:where(html[data-style="s1"]) .dlcard small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
:where(html[data-style="s1"]) .dltag{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
:where(html[data-style="s1"]) .vthumb{height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
:where(html[data-style="s1"]) .play{width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
:where(html[data-style="s1"]) .play svg{width:30px;height:30px;margin-left:4px}
:where(html[data-style="s1"]) a.pcard:hover .play{transform:scale(1.1)}
:where(html[data-style="s1"]) .vfeat .vthumb{max-height:none}
:where(html[data-style="s1"]) .chiplist{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
:where(html[data-style="s1"]) .chiplist li{padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
:where(html[data-style="s1"]) .roll-p{position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s1"]) .roll-p::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
@keyframes roll-up{to{transform:translateY(-104%)}}
:where(html[data-style="s1"]) .typ-txt.solo{grid-column:1 / span 8}
:where(html[data-style="s1"]) .kgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
:where(html[data-style="s1"]) .kleft{grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
:where(html[data-style="s1"]) .kright{grid-column:7 / span 6}
:where(html[data-style="s1"]) .crow{display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
:where(html[data-style="s1"]) .crow small{display:block;font-size:14px;font-weight:500;color:var(--muted)}
:where(html[data-style="s1"]) .crow .f-ic{width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s1"]) a.crow:hover{color:var(--green-ink) !important}
:where(html[data-style="s1"]) a.crow:hover .f-ic{background:var(--green);color:var(--ink)}
:where(html[data-style="s1"]) .formcard{background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
:where(html[data-style="s1"]) .formcard h2{margin:0 0 24px;font-size:28px;font-weight:850}
:where(html[data-style="s1"]) .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
:where(html[data-style="s1"]) .field{display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s1"]) .field.full{grid-column:1 / -1}
:where(html[data-style="s1"]) .field label{font-size:15px;font-weight:650}
:where(html[data-style="s1"]) .field input,:where(html[data-style="s1"]) .field textarea{font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
:where(html[data-style="s1"]) .field textarea{min-height:140px;resize:vertical}
:where(html[data-style="s1"]) .field input:focus,:where(html[data-style="s1"]) .field textarea:focus{outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
:where(html[data-style="s1"]) .check{grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
:where(html[data-style="s1"]) .check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
:where(html[data-style="s1"]) .formcard .btn{border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
:where(html[data-style="s1"]) .formcard .sm{margin:16px 0 0;font-size:14px;color:var(--muted)}
:where(html[data-style="s1"]) .formcard .sm a{color:var(--green-ink) !important}
:where(html[data-style="s1"]) .jobcard{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
:where(html[data-style="s1"]) .jobcard h3{margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
:where(html[data-style="s1"]) .jobcard ul{margin:0;padding-left:20px;color:var(--muted)}
:where(html[data-style="s1"]) .jobcard .btn{align-self:flex-start}
:where(html[data-style="s1"]) .narrow{max-width:560px}
@supports not (animation-timeline: view()){:where(html[data-style="s1"]) .roll-p{display:none}}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s1"]) .roll-p{display:none}}
@media (max-width:900px){
:where(html[data-style="s1"]) .sh-txt.wide,:where(html[data-style="s1"]) .typ-txt.solo,:where(html[data-style="s1"]) .kleft,:where(html[data-style="s1"]) .kright{grid-column:1 / -1}
:where(html[data-style="s1"]) .cardgrid,:where(html[data-style="s1"]) .c2,:where(html[data-style="s1"]) .facts,:where(html[data-style="s1"]) .prose2,:where(html[data-style="s1"]) .fgrid,:where(html[data-style="s1"]) .dllist{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s1"]) .c4{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s1"]) .dlcard{grid-template-columns:48px minmax(0,1fr)}
:where(html[data-style="s1"]) .dltag{display:none}
}

/* Kontakt-Abschnitt grün */
:where(html[data-style="s1"]) .kontakt{background:var(--green);border-top:0}
:where(html[data-style="s1"]) .kontakt .k-info p{color:var(--ink)}
:where(html[data-style="s1"]) .kontakt .k-info a.big:hover{color:#fff}
:where(html[data-style="s1"]) .kontakt .btn-green{background:var(--deep);color:#fff !important}
:where(html[data-style="s1"]) .kontakt .btn-green:hover{background:#fff;color:var(--ink) !important}
:where(html[data-style="s1"]) .kontakt .fig::before{border-color:var(--deep)}

:where(html[data-style="s1"]) .tj path,:where(html[data-style="s1"]) .tj rect,:where(html[data-style="s1"]) .tj circle{transform-box:fill-box}
:where(html[data-style="s1"]) .tj .drop{transform-origin:50% 100%;animation:tj-drop .75s both}
:where(html[data-style="s1"]) .tj .pop{transform-origin:50% 100%;animation:tj-pop .5s both}
:where(html[data-style="s1"]) .tj .bang{transform-origin:50% 100%;animation:tj-bang .45s both}
:where(html[data-style="s1"]) .tj .cf{transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
:where(html[data-style="s1"]) .tj .tj-all{transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}
@keyframes tj-drop{0%{transform:translateY(-260px) scale(.9,1.15);opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.6)}
 5%{opacity:1}
 50%{transform:translateY(0) scale(1.18,.78);animation-timing-function:cubic-bezier(0,.5,.5,1)}
 66%{transform:translateY(-22px) scale(.94,1.06);animation-timing-function:cubic-bezier(.5,0,1,.6)}
 80%{transform:translateY(0) scale(1.06,.94)} 90%{transform:scale(.98,1.02)} 100%{transform:none;opacity:1}}
@keyframes tj-pop{0%{transform:translateY(-40px) scale(0) rotate(-25deg);opacity:0}
 45%{transform:translateY(4px) scale(1.3,1.1) rotate(8deg);opacity:1}
 70%{transform:translateY(0) scale(.9,1.08) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-bang{0%{transform:translateY(-180px) scale(2.6) rotate(-40deg);opacity:0;animation-timing-function:cubic-bezier(.6,0,1,.7)}
 10%{opacity:1}
 66%{transform:translateY(0) scale(1.25,.7) rotate(6deg)} 82%{transform:scale(.9,1.12) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-shake{0%,100%{transform:none}15%{transform:translate(-5px,3px) rotate(-1deg)}30%{transform:translate(5px,-2px) rotate(1deg)}
 50%{transform:translate(-3px,1px) rotate(-.5deg)}70%{transform:translate(2px,-1px)}85%{transform:translate(-1px,0)}}
@keyframes tj-c0{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-41px,-63px) rotate(306deg) scale(.6);opacity:0}}@keyframes tj-c1{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(139px,-22px) rotate(-264deg) scale(.6);opacity:0}}@keyframes tj-c2{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(31px,-59px) rotate(159deg) scale(.6);opacity:0}}@keyframes tj-c3{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-64px,-39px) rotate(68deg) scale(.6);opacity:0}}@keyframes tj-c4{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(82px,-10px) rotate(74deg) scale(.6);opacity:0}}@keyframes tj-c5{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(119px,-20px) rotate(-132deg) scale(.6);opacity:0}}@keyframes tj-c6{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(71px,-85px) rotate(-297deg) scale(.6);opacity:0}}@keyframes tj-c7{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-24px,-89px) rotate(-134deg) scale(.6);opacity:0}}@keyframes tj-c8{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(143px,-22px) rotate(-64deg) scale(.6);opacity:0}}@keyframes tj-c9{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-16px,-102px) rotate(224deg) scale(.6);opacity:0}}@keyframes tj-c10{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(75px,-105px) rotate(-175deg) scale(.6);opacity:0}}@keyframes tj-c11{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(113px,-34px) rotate(-168deg) scale(.6);opacity:0}}@keyframes tj-c12{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-35px,-99px) rotate(-296deg) scale(.6);opacity:0}}@keyframes tj-c13{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-23px,-107px) rotate(148deg) scale(.6);opacity:0}}@keyframes tj-c14{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-56px,-80px) rotate(-39deg) scale(.6);opacity:0}}@keyframes tj-c15{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(5px,-134px) rotate(10deg) scale(.6);opacity:0}}@keyframes tj-c16{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(77px,-101px) rotate(355deg) scale(.6);opacity:0}}@keyframes tj-c17{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-62px,-41px) rotate(-53deg) scale(.6);opacity:0}}@keyframes tj-c18{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(35px,-126px) rotate(99deg) scale(.6);opacity:0}}@keyframes tj-c19{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(89px,-111px) rotate(-240deg) scale(.6);opacity:0}}@keyframes tj-c20{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-3px,-73px) rotate(-10deg) scale(.6);opacity:0}}@keyframes tj-c21{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-103px,-40px) rotate(-320deg) scale(.6);opacity:0}}


/* Torjubel-Trenner */
:where(html[data-style="s1"]) .tj-sep{display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
:where(html[data-style="s1"]) .tj{width:300px;max-width:80%;height:auto;overflow:visible}
:where(html[data-style="s1"]) .tj:not(.tj-on) *{animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s1"]) .tj *{animation:none !important}:where(html[data-style="s1"]) .tj .cf{display:none}}

:where(html[data-style="s1"]) .hero-ico{display:block;width:60px;height:60px;color:var(--green-dk);margin:0 0 20px}
:where(html[data-style="s1"]) .hero-ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* Bilder vergrößern (Lightbox) */
:where(html[data-style="s1"]) .fig img{cursor:zoom-in}
:where(html[data-style="s1"]) a .fig img{cursor:pointer}
:where(html[data-style="s1"]) .lb{position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
:where(html[data-style="s1"]) .lb.on{opacity:1;visibility:visible;transition:opacity .35s}
:where(html[data-style="s1"]) .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
:where(html[data-style="s1"]) .lb-img{display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
:where(html[data-style="s1"]) .lb.on .lb-img{transform:none}
:where(html[data-style="s1"]) .lb-count{color:#C9CED2;font-size:15px;font-weight:600}
:where(html[data-style="s1"]) .lb-btn{position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
:where(html[data-style="s1"]) .lb-btn svg{width:22px;height:22px}
:where(html[data-style="s1"]) .lb-btn svg *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s1"]) .lb-btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s1"]) .lb-x{top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s1"]) .lb-x:hover{background:#fff;border-color:#fff}
:where(html[data-style="s1"]) .lb-prev{left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s1"]) .lb-next{right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s1"]) .lb.single .lb-prev,:where(html[data-style="s1"]) .lb.single .lb-next,:where(html[data-style="s1"]) .lb.single .lb-count{display:none}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s1"]) .lb,:where(html[data-style="s1"]) .lb-img{transition:none}}


/* Original cascade: einfahrtstore.html (s2). Selectors retain their specificity. */

:where(html[data-style="s2"]) body{margin:0}
:root:where(html[data-style="s2"]){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
:where(html[data-style="s2"]) *{box-sizing:border-box}
:where(html[data-style="s2"]) .site{font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
:where(html[data-style="s2"]) .site a{color:inherit}
:where(html[data-style="s2"]) .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
:where(html[data-style="s2"]) .grid-bg{background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
:where(html[data-style="s2"]) .xl{font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
:where(html[data-style="s2"]) .btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s2"]) .btn-green{background:var(--green);color:var(--ink) !important}
:where(html[data-style="s2"]) .btn-green:hover{background:var(--deep);color:#fff !important}
:where(html[data-style="s2"]) .btn-line{border:2px solid currentColor}
:where(html[data-style="s2"]) .btn-line:hover{background:var(--ink);color:#fff !important;border-color:var(--ink)}
:where(html[data-style="s2"]) .site a:focus-visible,:where(html[data-style="s2"]) .site button:focus-visible{outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
:where(html[data-style="s2"]) .fig{position:relative;isolation:isolate;margin:0 16px 16px 0}
:where(html[data-style="s2"]) .fig::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s2"]) .fig:hover::before{transform:translate(8px,8px)}
:where(html[data-style="s2"]) .fig img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
:where(html[data-style="s2"]) .bar{position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
:where(html[data-style="s2"]) .bar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
:where(html[data-style="s2"]) .logo{display:block;line-height:0}
:where(html[data-style="s2"]) .logo img{height:48px;width:auto;display:block}
:where(html[data-style="s2"]) .bar-r{display:flex;align-items:center;gap:22px}
:where(html[data-style="s2"]) .bar-tel{font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
:where(html[data-style="s2"]) .bar-tel:hover{color:var(--green-ink) !important}
:where(html[data-style="s2"]) .burger{width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
:where(html[data-style="s2"]) .burger:hover{transform:rotate(90deg)}
:where(html[data-style="s2"]) .burger i{position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s2"]) .burger i:nth-child(1){top:18px}:where(html[data-style="s2"]) .burger i:nth-child(2){top:25px}:where(html[data-style="s2"]) .burger i:nth-child(3){top:32px}
:where(html[data-style="s2"]) .is-open .burger{transform:rotate(180deg);background:var(--ink)}
:where(html[data-style="s2"]) .is-open .burger i{background:var(--green)}
:where(html[data-style="s2"]) .is-open .burger i:nth-child(1){top:25px;transform:rotate(45deg)}
:where(html[data-style="s2"]) .is-open .burger i:nth-child(2){opacity:0;transform:scaleX(0)}
:where(html[data-style="s2"]) .is-open .burger i:nth-child(3){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
:where(html[data-style="s2"]) .menu{position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
:where(html[data-style="s2"]) .is-open .menu{visibility:visible;transition-delay:0s}
:where(html[data-style="s2"]) .m-leaf{position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s2"]) .m-l{left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s2"]) .m-r{right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s2"]) .m-r::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s2"]) .is-open .m-l,:where(html[data-style="s2"]) .is-open .m-r{transform:translateX(0)}
:where(html[data-style="s2"]) .is-open .m-r::before{transform:scaleY(0)}
:where(html[data-style="s2"]) .m-body{position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
:where(html[data-style="s2"]) .is-open .m-body{opacity:1;transition:opacity .3s .45s}
:where(html[data-style="s2"]) .m-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
:where(html[data-style="s2"]) .m-c1{--d:.5s}:where(html[data-style="s2"]) .m-c2{--d:.62s}:where(html[data-style="s2"]) .m-c3{--d:.74s}
:where(html[data-style="s2"]) .m-col{opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s2"]) .is-open .m-col{opacity:1;transform:none;transition-delay:var(--d)}
:where(html[data-style="s2"]) .m-col + .m-col{border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
:where(html[data-style="s2"]) .m-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
:where(html[data-style="s2"]) .chev{width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s2"]) .chev *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s2"]) .m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
:where(html[data-style="s2"]) .m-list li{opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s2"]) .is-open .m-list li{opacity:1;transform:none}
:where(html[data-style="s2"]) .is-open .m-list li:nth-child(1){transition-delay:calc(var(--d) + .06s)}:where(html[data-style="s2"]) .is-open .m-list li:nth-child(2){transition-delay:calc(var(--d) + .12s)}:where(html[data-style="s2"]) .is-open .m-list li:nth-child(3){transition-delay:calc(var(--d) + .18s)}:where(html[data-style="s2"]) .is-open .m-list li:nth-child(4){transition-delay:calc(var(--d) + .24s)}:where(html[data-style="s2"]) .is-open .m-list li:nth-child(5){transition-delay:calc(var(--d) + .3s)}:where(html[data-style="s2"]) .is-open .m-list li:nth-child(6){transition-delay:calc(var(--d) + .36s)}:where(html[data-style="s2"]) .is-open .m-list li:nth-child(7){transition-delay:calc(var(--d) + .42s)}
:where(html[data-style="s2"]) .m-big{font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s2"]) .m-big:hover{color:#fff !important;transform:translateX(12px)}
:where(html[data-style="s2"]) .m-c1 .m-list{gap:12px}
:where(html[data-style="s2"]) .m-link{position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
:where(html[data-style="s2"]) .m-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s2"]) .m-link:hover{color:var(--green) !important}
:where(html[data-style="s2"]) .m-link:hover::after{transform:scaleX(1)}
:where(html[data-style="s2"]) .m-foot{margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
:where(html[data-style="s2"]) .is-open .m-foot{opacity:1;transition-delay:.9s}
:where(html[data-style="s2"]) .m-foot-info{display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
:where(html[data-style="s2"]) .m-foot-info a{font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
:where(html[data-style="s2"]) .m-foot-info a:hover{color:var(--green) !important}
:where(html[data-style="s2"]) .m-foot-info span{font-size:15px;color:#C9CED2}
:where(html[data-style="s2"]) .lang{display:flex;gap:10px}
:where(html[data-style="s2"]) .lang a{min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
:where(html[data-style="s2"]) .lang a.on{background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
:where(html[data-style="s2"]) .hero{position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
:where(html[data-style="s2"]) .stage{position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
:where(html[data-style="s2"]) .hero-in{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
:where(html[data-style="s2"]) .hero-head{grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
:where(html[data-style="s2"]) .hero h1{font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
:where(html[data-style="s2"]) .hero h1 span{display:block}
:where(html[data-style="s2"]) .dim{display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
:where(html[data-style="s2"]) .dim i{flex:1;height:2px;background:var(--green);position:relative}
:where(html[data-style="s2"]) .dim i::before,:where(html[data-style="s2"]) .dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s2"]) .dim i::before{left:0}:where(html[data-style="s2"]) .dim i::after{right:0}
:where(html[data-style="s2"]) .hero-sub{margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
:where(html[data-style="s2"]) .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
:where(html[data-style="s2"]) .hero-fig{grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
:where(html[data-style="s2"]) .rail{position:absolute;left:0;right:0;bottom:48px;height:40px}
:where(html[data-style="s2"]) .rail svg{width:100%;height:40px;display:block}
:where(html[data-style="s2"]) .leaf{position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
:where(html[data-style="s2"]) .leaf-l{left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s2"]) .leaf-r{right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s2"]) .leaf-l::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
:where(html[data-style="s2"]) .leaf-word{font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s2"]) .leaf-r .leaf-word{color:var(--green)}
:where(html[data-style="s2"]) .leaf-l .leaf-word{padding-right:44px}
:where(html[data-style="s2"]) .leaf-r .leaf-word{padding-left:22px}
:where(html[data-style="s2"]) .leaf-hint{position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
:where(html[data-style="s2"]) .leaf-l .leaf-hint{text-align:right;padding-right:20px}
:where(html[data-style="s2"]) .leaf-r .leaf-hint{text-align:left;padding-left:20px}
@keyframes open-l{to{transform:translateX(-101%)}}
@keyframes open-r{to{transform:translateX(101%)}}
@keyframes pop{from{transform:scale(.92);opacity:.2}to{transform:none;opacity:1}}
@keyframes pop2{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}

/* Produkte */
:where(html[data-style="s2"]) .sec{padding:clamp(80px,10vw,150px) 0}
:where(html[data-style="s2"]) .intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
:where(html[data-style="s2"]) .intro h2{grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
:where(html[data-style="s2"]) .intro > p,:where(html[data-style="s2"]) .intro > div{grid-column:8 / span 5;margin:0}
:where(html[data-style="s2"]) .intro p{margin:0;color:var(--muted)}
:where(html[data-style="s2"]) .prods{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
:where(html[data-style="s2"]) .prod{border-bottom:2px solid var(--ink)}
:where(html[data-style="s2"]) .prod a{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
:where(html[data-style="s2"]) .prod a::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
:where(html[data-style="s2"]) .prod a:hover::before{transform:scaleX(1)}
:where(html[data-style="s2"]) .prod-name{font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
:where(html[data-style="s2"]) .prod-line{color:var(--muted);font-size:17px}
:where(html[data-style="s2"]) .prod a:hover .prod-line{color:var(--ink)}
:where(html[data-style="s2"]) .ico{width:64px;height:64px;color:var(--green-dk);transition:color .35s}
:where(html[data-style="s2"]) .prod a:hover .ico{color:var(--ink)}
:where(html[data-style="s2"]) .ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s2"]) .go{width:40px;height:40px;transition:transform .35s}
:where(html[data-style="s2"]) .go *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s2"]) .prod a:hover .go{transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
:where(html[data-style="s2"]) .einer{position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
:where(html[data-style="s2"]) .einer-in{padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
:where(html[data-style="s2"]) .einer h2{grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
:where(html[data-style="s2"]) .einer-txt{grid-column:8 / span 5}
:where(html[data-style="s2"]) .einer-txt p{margin:0 0 28px}
:where(html[data-style="s2"]) .door{position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
:where(html[data-style="s2"]) .slat{flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
:where(html[data-style="s2"]) .slat::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
:where(html[data-style="s2"]) .slat:last-child{border-bottom:10px solid var(--deep)}
:where(html[data-style="s2"]) .door-tag{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}
@keyframes door-up{to{transform:translateY(-101%)}}

/* Referenzen */
:where(html[data-style="s2"]) .refs{background:var(--deep);color:#fff}
:where(html[data-style="s2"]) .refs .intro p{color:#C9CED2;max-width:100%;height:auto !important}
:where(html[data-style="s2"]) .ref-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
:where(html[data-style="s2"]) .refs .btn-line:hover{background:#fff;color:var(--deep) !important;border-color:#fff}
:where(html[data-style="s2"]) .refs .btn-green:hover{background:#fff;color:var(--deep) !important}
:where(html[data-style="s2"]) .shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s2"]) .s1{grid-column:span 7;height:520px}
:where(html[data-style="s2"]) .shots-r{grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s2"]) .s2{grid-column:1 / -1;height:240px}
:where(html[data-style="s2"]) .s3,:where(html[data-style="s2"]) .s4{height:244px}
:where(html[data-style="s2"]) .s5{grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
:where(html[data-style="s2"]) .split{position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
:where(html[data-style="s2"]) .split-mid{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
:where(html[data-style="s2"]) .split-mid b{font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s2"]) .sp{position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
:where(html[data-style="s2"]) .sp b{font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s2"]) .sp-l{left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
:where(html[data-style="s2"]) .sp-r{right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
@keyframes sp-l{to{transform:translateX(-40%)}}
@keyframes sp-r{to{transform:translateX(40%)}}
@keyframes sp-t{to{transform:translateY(-62%)}}
@keyframes sp-b{to{transform:translateY(62%)}}
:where(html[data-style="s2"]) .werte{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
:where(html[data-style="s2"]) .werte-txt{grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
:where(html[data-style="s2"]) .yrs{display:flex;align-items:baseline;gap:16px}
:where(html[data-style="s2"]) .yrs b{font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
:where(html[data-style="s2"]) .yrs > span{font-weight:700;font-size:22px;line-height:1.2}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes count{from{--n:0}to{--n:30}}
@supports (animation-timeline: view()){
:where(html[data-style="s2"]) .yrs b{display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
:where(html[data-style="s2"]) .yrs b .n{display:none}
:where(html[data-style="s2"]) .yrs b::after{content:counter(yrs)}
}
:where(html[data-style="s2"]) .werte-txt p{margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
:where(html[data-style="s2"]) .werte-fig{grid-column:8 / span 5;height:440px}

/* Kontakt */
:where(html[data-style="s2"]) .kontakt{border-top:2px solid var(--ink)}
:where(html[data-style="s2"]) .k-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s2"]) .k-left{grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
:where(html[data-style="s2"]) .k-left h2{font-size:clamp(48px,6.4vw,100px)}
:where(html[data-style="s2"]) .k-info{display:flex;flex-direction:column;gap:14px}
:where(html[data-style="s2"]) .k-info a.big{font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
:where(html[data-style="s2"]) .k-info a.big:hover{color:var(--green-ink)}
:where(html[data-style="s2"]) .k-info p{margin:0;color:var(--muted)}
:where(html[data-style="s2"]) .k-fig{grid-column:8 / span 5;height:460px}

/* Footer */
:where(html[data-style="s2"]) .foot{background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
:where(html[data-style="s2"]) .f-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:where(html[data-style="s2"]) .f-addr{grid-column:span 3}
:where(html[data-style="s2"]) .f-addr{display:flex;flex-direction:column;gap:18px}
:where(html[data-style="s2"]) .f-hi{margin:0;font-size:15px;font-weight:650;color:var(--green)}
:where(html[data-style="s2"]) .f-name{margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
:where(html[data-style="s2"]) .f-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
:where(html[data-style="s2"]) .f-row{display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
:where(html[data-style="s2"]) .f-row:hover{color:var(--green) !important;text-decoration:none !important}
:where(html[data-style="s2"]) .f-ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
:where(html[data-style="s2"]) .f-ic svg{width:19px;height:19px}
:where(html[data-style="s2"]) .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s2"]) .f-row:hover .f-ic{background:var(--green);color:var(--ink);transform:rotate(-8deg)}
:where(html[data-style="s2"]) .f-row small{display:block;font-size:13px;color:#9BA3A8;font-weight:500}
:where(html[data-style="s2"]) .f-vat{margin:0;font-size:13px;color:#9BA3A8}
:where(html[data-style="s2"]) .f-social{display:flex;gap:12px}
:where(html[data-style="s2"]) .f-social a{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
:where(html[data-style="s2"]) .f-social img{width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
:where(html[data-style="s2"]) .f-social a:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s2"]) .f-social a:hover img{filter:brightness(0)}
:where(html[data-style="s2"]) .f-col{grid-column:span 2}
:where(html[data-style="s2"]) .f-wide{grid-column:span 3}
:where(html[data-style="s2"]) .f-col h3,:where(html[data-style="s2"]) .f-wide h3{margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
:where(html[data-style="s2"]) .f-col ul,:where(html[data-style="s2"]) .f-wide ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s2"]) .foot a{text-decoration:none;color:#C9CED2 !important}
:where(html[data-style="s2"]) .foot a:hover{color:#fff !important;text-decoration:underline}
:where(html[data-style="s2"]) .f-bot{margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
:where(html[data-style="s2"]) .f-bot div{display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
:where(html[data-style="s2"]) .hero{height:var(--vh)}
:where(html[data-style="s2"]) .leaf,:where(html[data-style="s2"]) .door,:where(html[data-style="s2"]) .sp{display:none}
:where(html[data-style="s2"]) .split-mid b{font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s2"]) .hero{height:var(--vh)}
:where(html[data-style="s2"]) .leaf,:where(html[data-style="s2"]) .door,:where(html[data-style="s2"]) .sp{display:none}
:where(html[data-style="s2"]) .hero-head,:where(html[data-style="s2"]) .hero-fig,:where(html[data-style="s2"]) .yrs b{animation:none !important}
:where(html[data-style="s2"]) .yrs b .n{display:inline !important}
:where(html[data-style="s2"]) .yrs b::after{content:none !important}
:where(html[data-style="s2"]) .m-leaf,:where(html[data-style="s2"]) .m-col,:where(html[data-style="s2"]) .m-list li,:where(html[data-style="s2"]) .m-foot,:where(html[data-style="s2"]) .m-wrapL,:where(html[data-style="s2"]) .burger,:where(html[data-style="s2"]) .burger i,:where(html[data-style="s2"]) .fig::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
:where(html[data-style="s2"]) .intro h2,:where(html[data-style="s2"]) .intro > p,:where(html[data-style="s2"]) .intro > div,:where(html[data-style="s2"]) .einer h2,:where(html[data-style="s2"]) .einer-txt,:where(html[data-style="s2"]) .k-left,:where(html[data-style="s2"]) .k-fig,:where(html[data-style="s2"]) .werte-txt,:where(html[data-style="s2"]) .werte-fig,:where(html[data-style="s2"]) .hero-head,:where(html[data-style="s2"]) .hero-fig{grid-column:1 / -1}
:where(html[data-style="s2"]) .hero-fig{display:none}
:where(html[data-style="s2"]) .prod a{grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
:where(html[data-style="s2"]) .prod-line{display:none}
:where(html[data-style="s2"]) .ico{width:44px;height:44px}
:where(html[data-style="s2"]) .shots{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s2"]) .s1,:where(html[data-style="s2"]) .shots-r{grid-column:1 / -1}
:where(html[data-style="s2"]) .s1{height:300px}
:where(html[data-style="s2"]) .s2,:where(html[data-style="s2"]) .s3,:where(html[data-style="s2"]) .s4{height:200px}
:where(html[data-style="s2"]) .s5{grid-column:1 / -1;height:220px}
:where(html[data-style="s2"]) .werte-fig,:where(html[data-style="s2"]) .k-fig{height:300px}
:where(html[data-style="s2"]) .m-body{padding-top:104px}
:where(html[data-style="s2"]) .m-cols{grid-template-columns:minmax(0,1fr);gap:0}
:where(html[data-style="s2"]) .m-col + .m-col{border-left:0;padding-left:0}
:where(html[data-style="s2"]) .m-title{cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
:where(html[data-style="s2"]) .chev{display:block}
:where(html[data-style="s2"]) .m-col.open .chev{transform:rotate(180deg)}
:where(html[data-style="s2"]) .m-wrapL{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s2"]) .m-col.open .m-wrapL{grid-template-rows:1fr}
:where(html[data-style="s2"]) .m-wrapL > ul{overflow:hidden;min-height:0}
:where(html[data-style="s2"]) .m-list{padding:14px 0 24px}
:where(html[data-style="s2"]) .m-c1 .m-list{gap:14px}
:where(html[data-style="s2"]) .m-big{font-size:clamp(28px,7.6vw,36px)}
:where(html[data-style="s2"]) .m-link{font-size:20px}
:where(html[data-style="s2"]) .m-foot{margin-top:28px;border-top:0;padding-top:0}
:where(html[data-style="s2"]) .f-addr{grid-column:1 / -1}
:where(html[data-style="s2"]) .f-col,:where(html[data-style="s2"]) .f-wide{grid-column:span 6}
:where(html[data-style="s2"]) .bar-tel{display:none}
:where(html[data-style="s2"]) .logo img{height:40px}
:where(html[data-style="s2"]) .split-mid b{font-size:clamp(34px,10vw,60px)}
:where(html[data-style="s2"]) .sp{width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
:where(html[data-style="s2"]) .sp b{font-size:clamp(28px,8vw,40px)}
:where(html[data-style="s2"]) .sp-l{top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
:where(html[data-style="s2"]) .sp-r{top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
:where(html[data-style="s2"]) .sub-hero{padding:132px 0 clamp(64px,8vw,110px)}
:where(html[data-style="s2"]) .crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
:where(html[data-style="s2"]) .crumbs a{text-decoration:none;color:var(--muted) !important}
:where(html[data-style="s2"]) .crumbs a:hover{color:var(--green-ink) !important;text-decoration:underline}
:where(html[data-style="s2"]) .crumbs li + li::before{content:"/";margin-right:8px;color:#9BA3A8}
:where(html[data-style="s2"]) .crumbs [aria-current]{color:var(--ink);font-weight:650}
:where(html[data-style="s2"]) .sh-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s2"]) .sh-txt{grid-column:1 / span 6}
:where(html[data-style="s2"]) .sh-txt h1{font-size:clamp(60px,8.6vw,136px)}
:where(html[data-style="s2"]) .sh-txt{min-width:0}
:where(html[data-style="s2"]) .sh-txt h1{overflow-wrap:break-word;hyphens:manual}
:where(html[data-style="s2"]) .sh-txt:not(.wide) h1{font-size:clamp(52px,6.4vw,104px)}
:where(html[data-style="s2"]) .sh-lead{margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
:where(html[data-style="s2"]) .sh-txt p.sh-body{margin:16px 0 0;max-width:42ch;color:var(--muted)}
:where(html[data-style="s2"]) .jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
:where(html[data-style="s2"]) .jump a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s2"]) .jump a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
:where(html[data-style="s2"]) .jump a:hover{background:var(--ink);color:#fff !important}
:where(html[data-style="s2"]) .sh-fig{grid-column:8 / span 5;height:min(560px,62vh)}
:where(html[data-style="s2"]) .sh-fig img{animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
:where(html[data-style="s2"]) .sh-fig::before{animation:framein .6s ease 1.1s both}
@keyframes reveal{from{clip-path:inset(0 50% 0 50% round 12px)}to{clip-path:inset(0 0 0 0 round 12px)}}
@keyframes framein{from{opacity:0;transform:translate(0,0)}to{opacity:1;transform:translate(16px,16px)}}

:where(html[data-style="s2"]) .typ{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s2"]) .typ-alt{background:#fff}
:where(html[data-style="s2"]) .typ-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s2"]) .typ-txt{grid-column:1 / span 5}
:where(html[data-style="s2"]) .typ-stage{grid-column:7 / span 6}
:where(html[data-style="s2"]) .flip .typ-txt{grid-column:8 / span 5;order:2}
:where(html[data-style="s2"]) .flip .typ-stage{grid-column:1 / span 6;order:1}
:where(html[data-style="s2"]) .tags{display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
:where(html[data-style="s2"]) .tags li{font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s2"]) .typ h2{font-size:clamp(46px,5.6vw,86px)}
:where(html[data-style="s2"]) .typ h2 span{display:block;color:var(--green-ink)}
:where(html[data-style="s2"]) .typ-body{margin:24px 0 0;color:var(--muted)}
:where(html[data-style="s2"]) .ph-note{display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
:where(html[data-style="s2"]) .specs{margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
:where(html[data-style="s2"]) .specs div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
:where(html[data-style="s2"]) .specs dt{font-size:14px;font-weight:650;color:var(--green-ink)}
:where(html[data-style="s2"]) .specs dd{margin:0;font-weight:600}
:where(html[data-style="s2"]) .typ .btn{margin-top:30px}
:where(html[data-style="s2"]) .big-dim{display:flex;align-items:center;gap:16px;margin:28px 0 0}
:where(html[data-style="s2"]) .big-dim b{font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s2"]) .big-dim span{font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
:where(html[data-style="s2"]) .big-dim i{flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
:where(html[data-style="s2"]) .big-dim i::before,:where(html[data-style="s2"]) .big-dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s2"]) .big-dim i::before{left:0}:where(html[data-style="s2"]) .big-dim i::after{right:0}

:where(html[data-style="s2"]) .stage-x{height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
:where(html[data-style="s2"]) .stage-x .fig{height:100%}
:where(html[data-style="s2"]) .ov{position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
:where(html[data-style="s2"]) .slats{background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
:where(html[data-style="s2"]) .swing{perspective:1600px}
:where(html[data-style="s2"]) .wing{position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s2"]) .wing-l{left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
:where(html[data-style="s2"]) .wing-r{right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
:where(html[data-style="s2"]) .wing-l::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes swing-l{to{transform:rotateY(-96deg);opacity:.0}}
@keyframes swing-r{to{transform:rotateY(96deg);opacity:.0}}
:where(html[data-style="s2"]) .slide-p{position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s2"]) .slide-p::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes slide-p{to{transform:translateX(104%)}}
:where(html[data-style="s2"]) .boom{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
:where(html[data-style="s2"]) .boom .post{fill:var(--deep)}
:where(html[data-style="s2"]) .boom .arm{transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
@keyframes boom-up{from{transform:rotate(0deg)}to{transform:rotate(-80deg)}}
:where(html[data-style="s2"]) .fence{position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}
@keyframes fence-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}

:where(html[data-style="s2"]) .gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
:where(html[data-style="s2"]) .gal .fig{height:clamp(200px,20vw,280px)}
:where(html[data-style="s2"]) .g5 .fig:first-child{grid-column:span 2}
:where(html[data-style="s2"]) .g4{grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
:where(html[data-style="s2"]) .wing,:where(html[data-style="s2"]) .slide-p,:where(html[data-style="s2"]) .fence{display:none}
:where(html[data-style="s2"]) .boom .arm{transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s2"]) .wing,:where(html[data-style="s2"]) .slide-p,:where(html[data-style="s2"]) .fence{display:none}
:where(html[data-style="s2"]) .boom .arm{animation:none;transform:rotate(-80deg)}
:where(html[data-style="s2"]) .sh-fig img,:where(html[data-style="s2"]) .sh-fig::before{animation:none}
}
@media (max-width:900px){
:where(html[data-style="s2"]) .sh-txt,:where(html[data-style="s2"]) .sh-fig,:where(html[data-style="s2"]) .typ-txt,:where(html[data-style="s2"]) .typ-stage,:where(html[data-style="s2"]) .flip .typ-txt,:where(html[data-style="s2"]) .flip .typ-stage{grid-column:1 / -1;order:0}
:where(html[data-style="s2"]) .sh-fig{height:300px;margin-top:24px}
:where(html[data-style="s2"]) .typ-stage{margin-top:32px}
:where(html[data-style="s2"]) .gal,:where(html[data-style="s2"]) .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
:where(html[data-style="s2"]) .g5 .fig:first-child{grid-column:1 / -1}
:where(html[data-style="s2"]) .specs div{grid-template-columns:110px minmax(0,1fr)}
}

/* Kontakt-Abschnitt grün */
:where(html[data-style="s2"]) .kontakt{background:var(--green);border-top:0}
:where(html[data-style="s2"]) .kontakt .k-info p{color:var(--ink)}
:where(html[data-style="s2"]) .kontakt .k-info a.big:hover{color:#fff}
:where(html[data-style="s2"]) .kontakt .btn-green{background:var(--deep);color:#fff !important}
:where(html[data-style="s2"]) .kontakt .btn-green:hover{background:#fff;color:var(--ink) !important}
:where(html[data-style="s2"]) .kontakt .fig::before{border-color:var(--deep)}

:where(html[data-style="s2"]) .tj path,:where(html[data-style="s2"]) .tj rect,:where(html[data-style="s2"]) .tj circle{transform-box:fill-box}
:where(html[data-style="s2"]) .tj .drop{transform-origin:50% 100%;animation:tj-drop .75s both}
:where(html[data-style="s2"]) .tj .pop{transform-origin:50% 100%;animation:tj-pop .5s both}
:where(html[data-style="s2"]) .tj .bang{transform-origin:50% 100%;animation:tj-bang .45s both}
:where(html[data-style="s2"]) .tj .cf{transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
:where(html[data-style="s2"]) .tj .tj-all{transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}
@keyframes tj-drop{0%{transform:translateY(-260px) scale(.9,1.15);opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.6)}
 5%{opacity:1}
 50%{transform:translateY(0) scale(1.18,.78);animation-timing-function:cubic-bezier(0,.5,.5,1)}
 66%{transform:translateY(-22px) scale(.94,1.06);animation-timing-function:cubic-bezier(.5,0,1,.6)}
 80%{transform:translateY(0) scale(1.06,.94)} 90%{transform:scale(.98,1.02)} 100%{transform:none;opacity:1}}
@keyframes tj-pop{0%{transform:translateY(-40px) scale(0) rotate(-25deg);opacity:0}
 45%{transform:translateY(4px) scale(1.3,1.1) rotate(8deg);opacity:1}
 70%{transform:translateY(0) scale(.9,1.08) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-bang{0%{transform:translateY(-180px) scale(2.6) rotate(-40deg);opacity:0;animation-timing-function:cubic-bezier(.6,0,1,.7)}
 10%{opacity:1}
 66%{transform:translateY(0) scale(1.25,.7) rotate(6deg)} 82%{transform:scale(.9,1.12) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-shake{0%,100%{transform:none}15%{transform:translate(-5px,3px) rotate(-1deg)}30%{transform:translate(5px,-2px) rotate(1deg)}
 50%{transform:translate(-3px,1px) rotate(-.5deg)}70%{transform:translate(2px,-1px)}85%{transform:translate(-1px,0)}}
@keyframes tj-c0{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-41px,-63px) rotate(306deg) scale(.6);opacity:0}}@keyframes tj-c1{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(139px,-22px) rotate(-264deg) scale(.6);opacity:0}}@keyframes tj-c2{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(31px,-59px) rotate(159deg) scale(.6);opacity:0}}@keyframes tj-c3{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-64px,-39px) rotate(68deg) scale(.6);opacity:0}}@keyframes tj-c4{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(82px,-10px) rotate(74deg) scale(.6);opacity:0}}@keyframes tj-c5{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(119px,-20px) rotate(-132deg) scale(.6);opacity:0}}@keyframes tj-c6{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(71px,-85px) rotate(-297deg) scale(.6);opacity:0}}@keyframes tj-c7{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-24px,-89px) rotate(-134deg) scale(.6);opacity:0}}@keyframes tj-c8{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(143px,-22px) rotate(-64deg) scale(.6);opacity:0}}@keyframes tj-c9{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-16px,-102px) rotate(224deg) scale(.6);opacity:0}}@keyframes tj-c10{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(75px,-105px) rotate(-175deg) scale(.6);opacity:0}}@keyframes tj-c11{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(113px,-34px) rotate(-168deg) scale(.6);opacity:0}}@keyframes tj-c12{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-35px,-99px) rotate(-296deg) scale(.6);opacity:0}}@keyframes tj-c13{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-23px,-107px) rotate(148deg) scale(.6);opacity:0}}@keyframes tj-c14{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-56px,-80px) rotate(-39deg) scale(.6);opacity:0}}@keyframes tj-c15{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(5px,-134px) rotate(10deg) scale(.6);opacity:0}}@keyframes tj-c16{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(77px,-101px) rotate(355deg) scale(.6);opacity:0}}@keyframes tj-c17{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-62px,-41px) rotate(-53deg) scale(.6);opacity:0}}@keyframes tj-c18{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(35px,-126px) rotate(99deg) scale(.6);opacity:0}}@keyframes tj-c19{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(89px,-111px) rotate(-240deg) scale(.6);opacity:0}}@keyframes tj-c20{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-3px,-73px) rotate(-10deg) scale(.6);opacity:0}}@keyframes tj-c21{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-103px,-40px) rotate(-320deg) scale(.6);opacity:0}}


/* Torjubel-Trenner */
:where(html[data-style="s2"]) .tj-sep{display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
:where(html[data-style="s2"]) .tj{width:300px;max-width:80%;height:auto;overflow:visible}
:where(html[data-style="s2"]) .tj:not(.tj-on) *{animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s2"]) .tj *{animation:none !important}:where(html[data-style="s2"]) .tj .cf{display:none}}

:where(html[data-style="s2"]) .hero-ico{display:block;width:60px;height:60px;color:var(--green-dk);margin:0 0 20px}
:where(html[data-style="s2"]) .hero-ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* Bilder vergrößern (Lightbox) */
:where(html[data-style="s2"]) .fig img{cursor:zoom-in}
:where(html[data-style="s2"]) a .fig img{cursor:pointer}
:where(html[data-style="s2"]) .lb{position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
:where(html[data-style="s2"]) .lb.on{opacity:1;visibility:visible;transition:opacity .35s}
:where(html[data-style="s2"]) .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
:where(html[data-style="s2"]) .lb-img{display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
:where(html[data-style="s2"]) .lb.on .lb-img{transform:none}
:where(html[data-style="s2"]) .lb-count{color:#C9CED2;font-size:15px;font-weight:600}
:where(html[data-style="s2"]) .lb-btn{position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
:where(html[data-style="s2"]) .lb-btn svg{width:22px;height:22px}
:where(html[data-style="s2"]) .lb-btn svg *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s2"]) .lb-btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s2"]) .lb-x{top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s2"]) .lb-x:hover{background:#fff;border-color:#fff}
:where(html[data-style="s2"]) .lb-prev{left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s2"]) .lb-next{right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s2"]) .lb.single .lb-prev,:where(html[data-style="s2"]) .lb.single .lb-next,:where(html[data-style="s2"]) .lb.single .lb-count{display:none}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s2"]) .lb,:where(html[data-style="s2"]) .lb-img{transition:none}}


/* Original cascade: index.html (s3). Selectors retain their specificity. */

:where(html[data-style="s3"]) body{margin:0}
:root:where(html[data-style="s3"]){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
:where(html[data-style="s3"]) *{box-sizing:border-box}
:where(html[data-style="s3"]) .site{font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
:where(html[data-style="s3"]) .site a{color:inherit}
:where(html[data-style="s3"]) .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
:where(html[data-style="s3"]) .grid-bg{background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
:where(html[data-style="s3"]) .xl{font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
:where(html[data-style="s3"]) .btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s3"]) .btn-green{background:var(--green);color:var(--ink) !important}
:where(html[data-style="s3"]) .btn-green:hover{background:var(--deep);color:#fff !important}
:where(html[data-style="s3"]) .btn-line{border:2px solid currentColor}
:where(html[data-style="s3"]) .btn-line:hover{background:var(--ink);color:#fff !important;border-color:var(--ink)}
:where(html[data-style="s3"]) .site a:focus-visible,:where(html[data-style="s3"]) .site button:focus-visible{outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
:where(html[data-style="s3"]) .fig{position:relative;isolation:isolate;margin:0 16px 16px 0}
:where(html[data-style="s3"]) .fig::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s3"]) .fig:hover::before{transform:translate(8px,8px)}
:where(html[data-style="s3"]) .fig img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
:where(html[data-style="s3"]) .bar{position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
:where(html[data-style="s3"]) .bar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
:where(html[data-style="s3"]) .logo{display:block;line-height:0}
:where(html[data-style="s3"]) .logo img{height:48px;width:auto;display:block}
:where(html[data-style="s3"]) .bar-r{display:flex;align-items:center;gap:22px}
:where(html[data-style="s3"]) .bar-tel{font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
:where(html[data-style="s3"]) .bar-tel:hover{color:var(--green-ink) !important}
:where(html[data-style="s3"]) .burger{width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
:where(html[data-style="s3"]) .burger:hover{transform:rotate(90deg)}
:where(html[data-style="s3"]) .burger i{position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s3"]) .burger i:nth-child(1){top:18px}:where(html[data-style="s3"]) .burger i:nth-child(2){top:25px}:where(html[data-style="s3"]) .burger i:nth-child(3){top:32px}
:where(html[data-style="s3"]) .is-open .burger{transform:rotate(180deg);background:var(--ink)}
:where(html[data-style="s3"]) .is-open .burger i{background:var(--green)}
:where(html[data-style="s3"]) .is-open .burger i:nth-child(1){top:25px;transform:rotate(45deg)}
:where(html[data-style="s3"]) .is-open .burger i:nth-child(2){opacity:0;transform:scaleX(0)}
:where(html[data-style="s3"]) .is-open .burger i:nth-child(3){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
:where(html[data-style="s3"]) .menu{position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
:where(html[data-style="s3"]) .is-open .menu{visibility:visible;transition-delay:0s}
:where(html[data-style="s3"]) .m-leaf{position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s3"]) .m-l{left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s3"]) .m-r{right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s3"]) .m-r::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s3"]) .is-open .m-l,:where(html[data-style="s3"]) .is-open .m-r{transform:translateX(0)}
:where(html[data-style="s3"]) .is-open .m-r::before{transform:scaleY(0)}
:where(html[data-style="s3"]) .m-body{position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
:where(html[data-style="s3"]) .is-open .m-body{opacity:1;transition:opacity .3s .45s}
:where(html[data-style="s3"]) .m-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
:where(html[data-style="s3"]) .m-c1{--d:.5s}:where(html[data-style="s3"]) .m-c2{--d:.62s}:where(html[data-style="s3"]) .m-c3{--d:.74s}
:where(html[data-style="s3"]) .m-col{opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s3"]) .is-open .m-col{opacity:1;transform:none;transition-delay:var(--d)}
:where(html[data-style="s3"]) .m-col + .m-col{border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
:where(html[data-style="s3"]) .m-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
:where(html[data-style="s3"]) .chev{width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s3"]) .chev *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s3"]) .m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
:where(html[data-style="s3"]) .m-list li{opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s3"]) .is-open .m-list li{opacity:1;transform:none}
:where(html[data-style="s3"]) .is-open .m-list li:nth-child(1){transition-delay:calc(var(--d) + .06s)}:where(html[data-style="s3"]) .is-open .m-list li:nth-child(2){transition-delay:calc(var(--d) + .12s)}:where(html[data-style="s3"]) .is-open .m-list li:nth-child(3){transition-delay:calc(var(--d) + .18s)}:where(html[data-style="s3"]) .is-open .m-list li:nth-child(4){transition-delay:calc(var(--d) + .24s)}:where(html[data-style="s3"]) .is-open .m-list li:nth-child(5){transition-delay:calc(var(--d) + .3s)}:where(html[data-style="s3"]) .is-open .m-list li:nth-child(6){transition-delay:calc(var(--d) + .36s)}:where(html[data-style="s3"]) .is-open .m-list li:nth-child(7){transition-delay:calc(var(--d) + .42s)}
:where(html[data-style="s3"]) .m-big{font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s3"]) .m-big:hover{color:#fff !important;transform:translateX(12px)}
:where(html[data-style="s3"]) .m-c1 .m-list{gap:12px}
:where(html[data-style="s3"]) .m-link{position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
:where(html[data-style="s3"]) .m-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s3"]) .m-link:hover{color:var(--green) !important}
:where(html[data-style="s3"]) .m-link:hover::after{transform:scaleX(1)}
:where(html[data-style="s3"]) .m-foot{margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
:where(html[data-style="s3"]) .is-open .m-foot{opacity:1;transition-delay:.9s}
:where(html[data-style="s3"]) .m-foot-info{display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
:where(html[data-style="s3"]) .m-foot-info a{font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
:where(html[data-style="s3"]) .m-foot-info a:hover{color:var(--green) !important}
:where(html[data-style="s3"]) .m-foot-info span{font-size:15px;color:#C9CED2}
:where(html[data-style="s3"]) .lang{display:flex;gap:10px}
:where(html[data-style="s3"]) .lang a{min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
:where(html[data-style="s3"]) .lang a.on{background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
:where(html[data-style="s3"]) .hero{position:relative;height:calc(var(--vh) * 1.75);view-timeline-name:--gate;view-timeline-axis:block}
:where(html[data-style="s3"]) .stage{position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--deep)}
:where(html[data-style="s3"]) .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
:where(html[data-style="s3"]) .hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,21,23,.78) 0%,rgba(18,21,23,.55) 55%,rgba(18,21,23,.4) 100%)}
:where(html[data-style="s3"]) .hero-in{position:relative;z-index:2}
:where(html[data-style="s3"]) .hero-in{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
:where(html[data-style="s3"]) .hero-head{grid-column:1 / span 10;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 90%}
:where(html[data-style="s3"]) .hero h1{font-size:clamp(48px,7vw,112px);color:var(--green)}
:where(html[data-style="s3"]) .hero h1 span{display:block}
:where(html[data-style="s3"]) .dim{display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:#fff;font-size:14px;font-weight:650}
:where(html[data-style="s3"]) .dim i{flex:1;height:2px;background:var(--green);position:relative}
:where(html[data-style="s3"]) .dim i::before,:where(html[data-style="s3"]) .dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s3"]) .dim i::before{left:0}:where(html[data-style="s3"]) .dim i::after{right:0}
:where(html[data-style="s3"]) .hero-sub{margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:#fff}
:where(html[data-style="s3"]) .hero .btn-line{color:#fff !important}
:where(html[data-style="s3"]) .hero .btn-line:hover{background:#fff;color:var(--ink) !important;border-color:#fff}
:where(html[data-style="s3"]) .hero .btn-green:hover{background:#fff;color:var(--ink) !important}
:where(html[data-style="s3"]) .rail{z-index:2}
:where(html[data-style="s3"]) .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
:where(html[data-style="s3"]) .hero-fig{grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
:where(html[data-style="s3"]) .rail{position:absolute;left:0;right:0;bottom:48px;height:40px}
:where(html[data-style="s3"]) .rail svg{width:100%;height:40px;display:block}
:where(html[data-style="s3"]) .leaf{position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
:where(html[data-style="s3"]) .leaf-l{left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 92%}
:where(html[data-style="s3"]) .leaf-r{right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 92%}
:where(html[data-style="s3"]) .leaf-l::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
:where(html[data-style="s3"]) .leaf-word{font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s3"]) .leaf-r .leaf-word{color:var(--green)}
:where(html[data-style="s3"]) .leaf-l .leaf-word{padding-right:44px}
:where(html[data-style="s3"]) .leaf-r .leaf-word{padding-left:22px}
:where(html[data-style="s3"]) .leaf-hint{position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
:where(html[data-style="s3"]) .leaf-l .leaf-hint{text-align:right;padding-right:20px}
:where(html[data-style="s3"]) .leaf-r .leaf-hint{text-align:left;padding-left:20px}
@keyframes open-l{to{transform:translateX(-101%)}}
@keyframes open-r{to{transform:translateX(101%)}}
@keyframes pop{from{transform:scale(.92);opacity:.2}to{transform:none;opacity:1}}
@keyframes pop2{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}

/* Produkte */
:where(html[data-style="s3"]) .sec{padding:clamp(80px,10vw,150px) 0}
:where(html[data-style="s3"]) .intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
:where(html[data-style="s3"]) .intro h2{grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
:where(html[data-style="s3"]) .intro > p,:where(html[data-style="s3"]) .intro > div{grid-column:8 / span 5;margin:0}
:where(html[data-style="s3"]) .intro p{margin:0;color:var(--muted)}
:where(html[data-style="s3"]) .prods{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
:where(html[data-style="s3"]) .prod{border-bottom:2px solid var(--ink)}
:where(html[data-style="s3"]) .prod a{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
:where(html[data-style="s3"]) .prod a::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
:where(html[data-style="s3"]) .prod a:hover::before{transform:scaleX(1)}
:where(html[data-style="s3"]) .prod-name{font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
:where(html[data-style="s3"]) .prod-line{color:var(--muted);font-size:17px}
:where(html[data-style="s3"]) .prod a:hover .prod-line{color:var(--ink)}
:where(html[data-style="s3"]) .ico{width:64px;height:64px;color:var(--green-dk);transition:color .35s}
:where(html[data-style="s3"]) .prod a:hover .ico{color:var(--ink)}
:where(html[data-style="s3"]) .ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s3"]) .go{width:40px;height:40px;transition:transform .35s}
:where(html[data-style="s3"]) .go *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s3"]) .prod a:hover .go{transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
:where(html[data-style="s3"]) .einer{position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
:where(html[data-style="s3"]) .einer-in{padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
:where(html[data-style="s3"]) .einer h2{grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
:where(html[data-style="s3"]) .einer-txt{grid-column:8 / span 5}
:where(html[data-style="s3"]) .einer-txt p{margin:0 0 28px}
:where(html[data-style="s3"]) .door{position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
:where(html[data-style="s3"]) .slat{flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
:where(html[data-style="s3"]) .slat::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
:where(html[data-style="s3"]) .slat:last-child{border-bottom:10px solid var(--deep)}
:where(html[data-style="s3"]) .door-tag{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}
@keyframes door-up{to{transform:translateY(-101%)}}

/* Referenzen */
:where(html[data-style="s3"]) .refs{background:var(--deep);color:#fff}
:where(html[data-style="s3"]) .refs .intro p{color:#C9CED2;max-width:100%;height:auto !important}
:where(html[data-style="s3"]) .ref-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
:where(html[data-style="s3"]) .refs .btn-line:hover{background:#fff;color:var(--deep) !important;border-color:#fff}
:where(html[data-style="s3"]) .refs .btn-green:hover{background:#fff;color:var(--deep) !important}
:where(html[data-style="s3"]) .shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s3"]) .s1{grid-column:span 7;height:520px}
:where(html[data-style="s3"]) .shots-r{grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s3"]) .s2{grid-column:1 / -1;height:240px}
:where(html[data-style="s3"]) .s3,:where(html[data-style="s3"]) .s4{height:244px}
:where(html[data-style="s3"]) .s5{grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
:where(html[data-style="s3"]) .split{position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
:where(html[data-style="s3"]) .split-mid{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
:where(html[data-style="s3"]) .split-mid b{font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s3"]) .sp{position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
:where(html[data-style="s3"]) .sp b{font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s3"]) .sp-l{left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
:where(html[data-style="s3"]) .sp-r{right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
@keyframes sp-l{to{transform:translateX(-40%)}}
@keyframes sp-r{to{transform:translateX(40%)}}
@keyframes sp-t{to{transform:translateY(-62%)}}
@keyframes sp-b{to{transform:translateY(62%)}}
:where(html[data-style="s3"]) .werte{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
:where(html[data-style="s3"]) .werte-txt{grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
:where(html[data-style="s3"]) .yrs{display:flex;align-items:baseline;gap:16px}
:where(html[data-style="s3"]) .yrs b{font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
:where(html[data-style="s3"]) .yrs > span{font-weight:700;font-size:22px;line-height:1.2}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes count{from{--n:0}to{--n:30}}
@supports (animation-timeline: view()){
:where(html[data-style="s3"]) .yrs b{display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
:where(html[data-style="s3"]) .yrs b .n{display:none}
:where(html[data-style="s3"]) .yrs b::after{content:counter(yrs)}
}
:where(html[data-style="s3"]) .werte-txt p{margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
:where(html[data-style="s3"]) .werte-fig{grid-column:8 / span 5;height:440px}

/* Kontakt */
:where(html[data-style="s3"]) .kontakt{border-top:2px solid var(--ink)}
:where(html[data-style="s3"]) .k-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s3"]) .k-left{grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
:where(html[data-style="s3"]) .k-left h2{font-size:clamp(48px,6.4vw,100px)}
:where(html[data-style="s3"]) .k-info{display:flex;flex-direction:column;gap:14px}
:where(html[data-style="s3"]) .k-info a.big{font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
:where(html[data-style="s3"]) .k-info a.big:hover{color:var(--green-ink)}
:where(html[data-style="s3"]) .k-info p{margin:0;color:var(--muted)}
:where(html[data-style="s3"]) .k-fig{grid-column:8 / span 5;height:460px}

/* Footer */
:where(html[data-style="s3"]) .foot{background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
:where(html[data-style="s3"]) .f-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:where(html[data-style="s3"]) .f-addr{grid-column:span 3}
:where(html[data-style="s3"]) .f-addr{display:flex;flex-direction:column;gap:18px}
:where(html[data-style="s3"]) .f-hi{margin:0;font-size:15px;font-weight:650;color:var(--green)}
:where(html[data-style="s3"]) .f-name{margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
:where(html[data-style="s3"]) .f-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
:where(html[data-style="s3"]) .f-row{display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
:where(html[data-style="s3"]) .f-row:hover{color:var(--green) !important;text-decoration:none !important}
:where(html[data-style="s3"]) .f-ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
:where(html[data-style="s3"]) .f-ic svg{width:19px;height:19px}
:where(html[data-style="s3"]) .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s3"]) .f-row:hover .f-ic{background:var(--green);color:var(--ink);transform:rotate(-8deg)}
:where(html[data-style="s3"]) .f-row small{display:block;font-size:13px;color:#9BA3A8;font-weight:500}
:where(html[data-style="s3"]) .f-vat{margin:0;font-size:13px;color:#9BA3A8}
:where(html[data-style="s3"]) .f-social{display:flex;gap:12px}
:where(html[data-style="s3"]) .f-social a{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
:where(html[data-style="s3"]) .f-social img{width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
:where(html[data-style="s3"]) .f-social a:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s3"]) .f-social a:hover img{filter:brightness(0)}
:where(html[data-style="s3"]) .f-col{grid-column:span 2}
:where(html[data-style="s3"]) .f-wide{grid-column:span 3}
:where(html[data-style="s3"]) .f-col h3,:where(html[data-style="s3"]) .f-wide h3{margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
:where(html[data-style="s3"]) .f-col ul,:where(html[data-style="s3"]) .f-wide ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s3"]) .foot a{text-decoration:none;color:#C9CED2 !important}
:where(html[data-style="s3"]) .foot a:hover{color:#fff !important;text-decoration:underline}
:where(html[data-style="s3"]) .f-bot{margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
:where(html[data-style="s3"]) .f-bot div{display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
:where(html[data-style="s3"]) .hero{height:var(--vh)}
:where(html[data-style="s3"]) .leaf,:where(html[data-style="s3"]) .door,:where(html[data-style="s3"]) .sp{display:none}
:where(html[data-style="s3"]) .split-mid b{font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s3"]) .hero{height:var(--vh)}
:where(html[data-style="s3"]) .leaf,:where(html[data-style="s3"]) .door,:where(html[data-style="s3"]) .sp{display:none}
:where(html[data-style="s3"]) .hero-head,:where(html[data-style="s3"]) .hero-fig,:where(html[data-style="s3"]) .yrs b{animation:none !important}
:where(html[data-style="s3"]) .hero-video{display:none}
:where(html[data-style="s3"]) .yrs b .n{display:inline !important}
:where(html[data-style="s3"]) .yrs b::after{content:none !important}
:where(html[data-style="s3"]) .m-leaf,:where(html[data-style="s3"]) .m-col,:where(html[data-style="s3"]) .m-list li,:where(html[data-style="s3"]) .m-foot,:where(html[data-style="s3"]) .m-wrapL,:where(html[data-style="s3"]) .burger,:where(html[data-style="s3"]) .burger i,:where(html[data-style="s3"]) .fig::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
:where(html[data-style="s3"]) .intro h2,:where(html[data-style="s3"]) .intro > p,:where(html[data-style="s3"]) .intro > div,:where(html[data-style="s3"]) .einer h2,:where(html[data-style="s3"]) .einer-txt,:where(html[data-style="s3"]) .k-left,:where(html[data-style="s3"]) .k-fig,:where(html[data-style="s3"]) .werte-txt,:where(html[data-style="s3"]) .werte-fig,:where(html[data-style="s3"]) .hero-head,:where(html[data-style="s3"]) .hero-fig{grid-column:1 / -1}
:where(html[data-style="s3"]) .hero-fig{display:none}
:where(html[data-style="s3"]) .prod a{grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
:where(html[data-style="s3"]) .prod-line{display:none}
:where(html[data-style="s3"]) .ico{width:44px;height:44px}
:where(html[data-style="s3"]) .shots{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s3"]) .s1,:where(html[data-style="s3"]) .shots-r{grid-column:1 / -1}
:where(html[data-style="s3"]) .s1{height:300px}
:where(html[data-style="s3"]) .s2,:where(html[data-style="s3"]) .s3,:where(html[data-style="s3"]) .s4{height:200px}
:where(html[data-style="s3"]) .s5{grid-column:1 / -1;height:220px}
:where(html[data-style="s3"]) .werte-fig,:where(html[data-style="s3"]) .k-fig{height:300px}
:where(html[data-style="s3"]) .m-body{padding-top:104px}
:where(html[data-style="s3"]) .m-cols{grid-template-columns:minmax(0,1fr);gap:0}
:where(html[data-style="s3"]) .m-col + .m-col{border-left:0;padding-left:0}
:where(html[data-style="s3"]) .m-title{cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
:where(html[data-style="s3"]) .chev{display:block}
:where(html[data-style="s3"]) .m-col.open .chev{transform:rotate(180deg)}
:where(html[data-style="s3"]) .m-wrapL{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s3"]) .m-col.open .m-wrapL{grid-template-rows:1fr}
:where(html[data-style="s3"]) .m-wrapL > ul{overflow:hidden;min-height:0}
:where(html[data-style="s3"]) .m-list{padding:14px 0 24px}
:where(html[data-style="s3"]) .m-c1 .m-list{gap:14px}
:where(html[data-style="s3"]) .m-big{font-size:clamp(28px,7.6vw,36px)}
:where(html[data-style="s3"]) .m-link{font-size:20px}
:where(html[data-style="s3"]) .m-foot{margin-top:28px;border-top:0;padding-top:0}
:where(html[data-style="s3"]) .f-addr{grid-column:1 / -1}
:where(html[data-style="s3"]) .f-col,:where(html[data-style="s3"]) .f-wide{grid-column:span 6}
:where(html[data-style="s3"]) .bar-tel{display:none}
:where(html[data-style="s3"]) .logo img{height:40px}
:where(html[data-style="s3"]) .split-mid b{font-size:clamp(34px,10vw,60px)}
:where(html[data-style="s3"]) .sp{width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
:where(html[data-style="s3"]) .sp b{font-size:clamp(28px,8vw,40px)}
:where(html[data-style="s3"]) .sp-l{top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
:where(html[data-style="s3"]) .sp-r{top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Kontakt-Abschnitt grün */
:where(html[data-style="s3"]) .kontakt{background:var(--green);border-top:0}
:where(html[data-style="s3"]) .kontakt .k-info p{color:var(--ink)}
:where(html[data-style="s3"]) .kontakt .k-info a.big:hover{color:#fff}
:where(html[data-style="s3"]) .kontakt .btn-green{background:var(--deep);color:#fff !important}
:where(html[data-style="s3"]) .kontakt .btn-green:hover{background:#fff;color:var(--ink) !important}
:where(html[data-style="s3"]) .kontakt .fig::before{border-color:var(--deep)}

:where(html[data-style="s3"]) .tj path,:where(html[data-style="s3"]) .tj rect,:where(html[data-style="s3"]) .tj circle{transform-box:fill-box}
:where(html[data-style="s3"]) .tj .drop{transform-origin:50% 100%;animation:tj-drop .75s both}
:where(html[data-style="s3"]) .tj .pop{transform-origin:50% 100%;animation:tj-pop .5s both}
:where(html[data-style="s3"]) .tj .bang{transform-origin:50% 100%;animation:tj-bang .45s both}
:where(html[data-style="s3"]) .tj .cf{transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
:where(html[data-style="s3"]) .tj .tj-all{transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}
@keyframes tj-drop{0%{transform:translateY(-260px) scale(.9,1.15);opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.6)}
 5%{opacity:1}
 50%{transform:translateY(0) scale(1.18,.78);animation-timing-function:cubic-bezier(0,.5,.5,1)}
 66%{transform:translateY(-22px) scale(.94,1.06);animation-timing-function:cubic-bezier(.5,0,1,.6)}
 80%{transform:translateY(0) scale(1.06,.94)} 90%{transform:scale(.98,1.02)} 100%{transform:none;opacity:1}}
@keyframes tj-pop{0%{transform:translateY(-40px) scale(0) rotate(-25deg);opacity:0}
 45%{transform:translateY(4px) scale(1.3,1.1) rotate(8deg);opacity:1}
 70%{transform:translateY(0) scale(.9,1.08) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-bang{0%{transform:translateY(-180px) scale(2.6) rotate(-40deg);opacity:0;animation-timing-function:cubic-bezier(.6,0,1,.7)}
 10%{opacity:1}
 66%{transform:translateY(0) scale(1.25,.7) rotate(6deg)} 82%{transform:scale(.9,1.12) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-shake{0%,100%{transform:none}15%{transform:translate(-5px,3px) rotate(-1deg)}30%{transform:translate(5px,-2px) rotate(1deg)}
 50%{transform:translate(-3px,1px) rotate(-.5deg)}70%{transform:translate(2px,-1px)}85%{transform:translate(-1px,0)}}
@keyframes tj-c0{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-41px,-63px) rotate(306deg) scale(.6);opacity:0}}@keyframes tj-c1{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(139px,-22px) rotate(-264deg) scale(.6);opacity:0}}@keyframes tj-c2{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(31px,-59px) rotate(159deg) scale(.6);opacity:0}}@keyframes tj-c3{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-64px,-39px) rotate(68deg) scale(.6);opacity:0}}@keyframes tj-c4{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(82px,-10px) rotate(74deg) scale(.6);opacity:0}}@keyframes tj-c5{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(119px,-20px) rotate(-132deg) scale(.6);opacity:0}}@keyframes tj-c6{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(71px,-85px) rotate(-297deg) scale(.6);opacity:0}}@keyframes tj-c7{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-24px,-89px) rotate(-134deg) scale(.6);opacity:0}}@keyframes tj-c8{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(143px,-22px) rotate(-64deg) scale(.6);opacity:0}}@keyframes tj-c9{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-16px,-102px) rotate(224deg) scale(.6);opacity:0}}@keyframes tj-c10{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(75px,-105px) rotate(-175deg) scale(.6);opacity:0}}@keyframes tj-c11{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(113px,-34px) rotate(-168deg) scale(.6);opacity:0}}@keyframes tj-c12{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-35px,-99px) rotate(-296deg) scale(.6);opacity:0}}@keyframes tj-c13{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-23px,-107px) rotate(148deg) scale(.6);opacity:0}}@keyframes tj-c14{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-56px,-80px) rotate(-39deg) scale(.6);opacity:0}}@keyframes tj-c15{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(5px,-134px) rotate(10deg) scale(.6);opacity:0}}@keyframes tj-c16{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(77px,-101px) rotate(355deg) scale(.6);opacity:0}}@keyframes tj-c17{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-62px,-41px) rotate(-53deg) scale(.6);opacity:0}}@keyframes tj-c18{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(35px,-126px) rotate(99deg) scale(.6);opacity:0}}@keyframes tj-c19{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(89px,-111px) rotate(-240deg) scale(.6);opacity:0}}@keyframes tj-c20{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-3px,-73px) rotate(-10deg) scale(.6);opacity:0}}@keyframes tj-c21{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-103px,-40px) rotate(-320deg) scale(.6);opacity:0}}


/* Torjubel-Trenner */
:where(html[data-style="s3"]) .tj-sep{display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
:where(html[data-style="s3"]) .tj{width:300px;max-width:80%;height:auto;overflow:visible}
:where(html[data-style="s3"]) .tj:not(.tj-on) *{animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s3"]) .tj *{animation:none !important}:where(html[data-style="s3"]) .tj .cf{display:none}}

/* Bilder vergrößern (Lightbox) */
:where(html[data-style="s3"]) .fig img{cursor:zoom-in}
:where(html[data-style="s3"]) a .fig img{cursor:pointer}
:where(html[data-style="s3"]) .lb{position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
:where(html[data-style="s3"]) .lb.on{opacity:1;visibility:visible;transition:opacity .35s}
:where(html[data-style="s3"]) .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
:where(html[data-style="s3"]) .lb-img{display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
:where(html[data-style="s3"]) .lb.on .lb-img{transform:none}
:where(html[data-style="s3"]) .lb-count{color:#C9CED2;font-size:15px;font-weight:600}
:where(html[data-style="s3"]) .lb-btn{position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
:where(html[data-style="s3"]) .lb-btn svg{width:22px;height:22px}
:where(html[data-style="s3"]) .lb-btn svg *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s3"]) .lb-btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s3"]) .lb-x{top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s3"]) .lb-x:hover{background:#fff;border-color:#fff}
:where(html[data-style="s3"]) .lb-prev{left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s3"]) .lb-next{right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s3"]) .lb.single .lb-prev,:where(html[data-style="s3"]) .lb.single .lb-next,:where(html[data-style="s3"]) .lb.single .lb-count{display:none}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s3"]) .lb,:where(html[data-style="s3"]) .lb-img{transition:none}}


/* Original cascade: kontakt.html (s4). Selectors retain their specificity. */

:where(html[data-style="s4"]) body{margin:0}
:root:where(html[data-style="s4"]){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
:where(html[data-style="s4"]) *{box-sizing:border-box}
:where(html[data-style="s4"]) .site{font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
:where(html[data-style="s4"]) .site a{color:inherit}
:where(html[data-style="s4"]) .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
:where(html[data-style="s4"]) .grid-bg{background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
:where(html[data-style="s4"]) .xl{font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
:where(html[data-style="s4"]) .btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s4"]) .btn-green{background:var(--green);color:var(--ink) !important}
:where(html[data-style="s4"]) .btn-green:hover{background:var(--deep);color:#fff !important}
:where(html[data-style="s4"]) .btn-line{border:2px solid currentColor}
:where(html[data-style="s4"]) .btn-line:hover{background:var(--ink);color:#fff !important;border-color:var(--ink)}
:where(html[data-style="s4"]) .site a:focus-visible,:where(html[data-style="s4"]) .site button:focus-visible{outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
:where(html[data-style="s4"]) .fig{position:relative;isolation:isolate;margin:0 16px 16px 0}
:where(html[data-style="s4"]) .fig::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s4"]) .fig:hover::before{transform:translate(8px,8px)}
:where(html[data-style="s4"]) .fig img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
:where(html[data-style="s4"]) .bar{position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
:where(html[data-style="s4"]) .bar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
:where(html[data-style="s4"]) .logo{display:block;line-height:0}
:where(html[data-style="s4"]) .logo img{height:48px;width:auto;display:block}
:where(html[data-style="s4"]) .bar-r{display:flex;align-items:center;gap:22px}
:where(html[data-style="s4"]) .bar-tel{font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
:where(html[data-style="s4"]) .bar-tel:hover{color:var(--green-ink) !important}
:where(html[data-style="s4"]) .burger{width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
:where(html[data-style="s4"]) .burger:hover{transform:rotate(90deg)}
:where(html[data-style="s4"]) .burger i{position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s4"]) .burger i:nth-child(1){top:18px}:where(html[data-style="s4"]) .burger i:nth-child(2){top:25px}:where(html[data-style="s4"]) .burger i:nth-child(3){top:32px}
:where(html[data-style="s4"]) .is-open .burger{transform:rotate(180deg);background:var(--ink)}
:where(html[data-style="s4"]) .is-open .burger i{background:var(--green)}
:where(html[data-style="s4"]) .is-open .burger i:nth-child(1){top:25px;transform:rotate(45deg)}
:where(html[data-style="s4"]) .is-open .burger i:nth-child(2){opacity:0;transform:scaleX(0)}
:where(html[data-style="s4"]) .is-open .burger i:nth-child(3){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
:where(html[data-style="s4"]) .menu{position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
:where(html[data-style="s4"]) .is-open .menu{visibility:visible;transition-delay:0s}
:where(html[data-style="s4"]) .m-leaf{position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s4"]) .m-l{left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s4"]) .m-r{right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s4"]) .m-r::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s4"]) .is-open .m-l,:where(html[data-style="s4"]) .is-open .m-r{transform:translateX(0)}
:where(html[data-style="s4"]) .is-open .m-r::before{transform:scaleY(0)}
:where(html[data-style="s4"]) .m-body{position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
:where(html[data-style="s4"]) .is-open .m-body{opacity:1;transition:opacity .3s .45s}
:where(html[data-style="s4"]) .m-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
:where(html[data-style="s4"]) .m-c1{--d:.5s}:where(html[data-style="s4"]) .m-c2{--d:.62s}:where(html[data-style="s4"]) .m-c3{--d:.74s}
:where(html[data-style="s4"]) .m-col{opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s4"]) .is-open .m-col{opacity:1;transform:none;transition-delay:var(--d)}
:where(html[data-style="s4"]) .m-col + .m-col{border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
:where(html[data-style="s4"]) .m-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
:where(html[data-style="s4"]) .chev{width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s4"]) .chev *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s4"]) .m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
:where(html[data-style="s4"]) .m-list li{opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s4"]) .is-open .m-list li{opacity:1;transform:none}
:where(html[data-style="s4"]) .is-open .m-list li:nth-child(1){transition-delay:calc(var(--d) + .06s)}:where(html[data-style="s4"]) .is-open .m-list li:nth-child(2){transition-delay:calc(var(--d) + .12s)}:where(html[data-style="s4"]) .is-open .m-list li:nth-child(3){transition-delay:calc(var(--d) + .18s)}:where(html[data-style="s4"]) .is-open .m-list li:nth-child(4){transition-delay:calc(var(--d) + .24s)}:where(html[data-style="s4"]) .is-open .m-list li:nth-child(5){transition-delay:calc(var(--d) + .3s)}:where(html[data-style="s4"]) .is-open .m-list li:nth-child(6){transition-delay:calc(var(--d) + .36s)}:where(html[data-style="s4"]) .is-open .m-list li:nth-child(7){transition-delay:calc(var(--d) + .42s)}
:where(html[data-style="s4"]) .m-big{font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s4"]) .m-big:hover{color:#fff !important;transform:translateX(12px)}
:where(html[data-style="s4"]) .m-c1 .m-list{gap:12px}
:where(html[data-style="s4"]) .m-link{position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
:where(html[data-style="s4"]) .m-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s4"]) .m-link:hover{color:var(--green) !important}
:where(html[data-style="s4"]) .m-link:hover::after{transform:scaleX(1)}
:where(html[data-style="s4"]) .m-foot{margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
:where(html[data-style="s4"]) .is-open .m-foot{opacity:1;transition-delay:.9s}
:where(html[data-style="s4"]) .m-foot-info{display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
:where(html[data-style="s4"]) .m-foot-info a{font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
:where(html[data-style="s4"]) .m-foot-info a:hover{color:var(--green) !important}
:where(html[data-style="s4"]) .m-foot-info span{font-size:15px;color:#C9CED2}
:where(html[data-style="s4"]) .lang{display:flex;gap:10px}
:where(html[data-style="s4"]) .lang a{min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
:where(html[data-style="s4"]) .lang a.on{background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
:where(html[data-style="s4"]) .hero{position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
:where(html[data-style="s4"]) .stage{position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
:where(html[data-style="s4"]) .hero-in{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
:where(html[data-style="s4"]) .hero-head{grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
:where(html[data-style="s4"]) .hero h1{font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
:where(html[data-style="s4"]) .hero h1 span{display:block}
:where(html[data-style="s4"]) .dim{display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
:where(html[data-style="s4"]) .dim i{flex:1;height:2px;background:var(--green);position:relative}
:where(html[data-style="s4"]) .dim i::before,:where(html[data-style="s4"]) .dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s4"]) .dim i::before{left:0}:where(html[data-style="s4"]) .dim i::after{right:0}
:where(html[data-style="s4"]) .hero-sub{margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
:where(html[data-style="s4"]) .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
:where(html[data-style="s4"]) .hero-fig{grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
:where(html[data-style="s4"]) .rail{position:absolute;left:0;right:0;bottom:48px;height:40px}
:where(html[data-style="s4"]) .rail svg{width:100%;height:40px;display:block}
:where(html[data-style="s4"]) .leaf{position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
:where(html[data-style="s4"]) .leaf-l{left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s4"]) .leaf-r{right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s4"]) .leaf-l::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
:where(html[data-style="s4"]) .leaf-word{font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s4"]) .leaf-r .leaf-word{color:var(--green)}
:where(html[data-style="s4"]) .leaf-l .leaf-word{padding-right:44px}
:where(html[data-style="s4"]) .leaf-r .leaf-word{padding-left:22px}
:where(html[data-style="s4"]) .leaf-hint{position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
:where(html[data-style="s4"]) .leaf-l .leaf-hint{text-align:right;padding-right:20px}
:where(html[data-style="s4"]) .leaf-r .leaf-hint{text-align:left;padding-left:20px}
@keyframes open-l{to{transform:translateX(-101%)}}
@keyframes open-r{to{transform:translateX(101%)}}
@keyframes pop{from{transform:scale(.92);opacity:.2}to{transform:none;opacity:1}}
@keyframes pop2{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}

/* Produkte */
:where(html[data-style="s4"]) .sec{padding:clamp(80px,10vw,150px) 0}
:where(html[data-style="s4"]) .intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
:where(html[data-style="s4"]) .intro h2{grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
:where(html[data-style="s4"]) .intro > p,:where(html[data-style="s4"]) .intro > div{grid-column:8 / span 5;margin:0}
:where(html[data-style="s4"]) .intro p{margin:0;color:var(--muted)}
:where(html[data-style="s4"]) .prods{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
:where(html[data-style="s4"]) .prod{border-bottom:2px solid var(--ink)}
:where(html[data-style="s4"]) .prod a{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
:where(html[data-style="s4"]) .prod a::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
:where(html[data-style="s4"]) .prod a:hover::before{transform:scaleX(1)}
:where(html[data-style="s4"]) .prod-name{font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
:where(html[data-style="s4"]) .prod-line{color:var(--muted);font-size:17px}
:where(html[data-style="s4"]) .prod a:hover .prod-line{color:var(--ink)}
:where(html[data-style="s4"]) .ico{width:64px;height:64px;color:var(--green-dk);transition:color .35s}
:where(html[data-style="s4"]) .prod a:hover .ico{color:var(--ink)}
:where(html[data-style="s4"]) .ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s4"]) .go{width:40px;height:40px;transition:transform .35s}
:where(html[data-style="s4"]) .go *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s4"]) .prod a:hover .go{transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
:where(html[data-style="s4"]) .einer{position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
:where(html[data-style="s4"]) .einer-in{padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
:where(html[data-style="s4"]) .einer h2{grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
:where(html[data-style="s4"]) .einer-txt{grid-column:8 / span 5}
:where(html[data-style="s4"]) .einer-txt p{margin:0 0 28px}
:where(html[data-style="s4"]) .door{position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
:where(html[data-style="s4"]) .slat{flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
:where(html[data-style="s4"]) .slat::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
:where(html[data-style="s4"]) .slat:last-child{border-bottom:10px solid var(--deep)}
:where(html[data-style="s4"]) .door-tag{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}
@keyframes door-up{to{transform:translateY(-101%)}}

/* Referenzen */
:where(html[data-style="s4"]) .refs{background:var(--deep);color:#fff}
:where(html[data-style="s4"]) .refs .intro p{color:#C9CED2;max-width:100%;height:auto !important}
:where(html[data-style="s4"]) .ref-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
:where(html[data-style="s4"]) .refs .btn-line:hover{background:#fff;color:var(--deep) !important;border-color:#fff}
:where(html[data-style="s4"]) .refs .btn-green:hover{background:#fff;color:var(--deep) !important}
:where(html[data-style="s4"]) .shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s4"]) .s1{grid-column:span 7;height:520px}
:where(html[data-style="s4"]) .shots-r{grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s4"]) .s2{grid-column:1 / -1;height:240px}
:where(html[data-style="s4"]) .s3,:where(html[data-style="s4"]) .s4{height:244px}
:where(html[data-style="s4"]) .s5{grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
:where(html[data-style="s4"]) .split{position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
:where(html[data-style="s4"]) .split-mid{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
:where(html[data-style="s4"]) .split-mid b{font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s4"]) .sp{position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
:where(html[data-style="s4"]) .sp b{font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s4"]) .sp-l{left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
:where(html[data-style="s4"]) .sp-r{right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
@keyframes sp-l{to{transform:translateX(-40%)}}
@keyframes sp-r{to{transform:translateX(40%)}}
@keyframes sp-t{to{transform:translateY(-62%)}}
@keyframes sp-b{to{transform:translateY(62%)}}
:where(html[data-style="s4"]) .werte{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
:where(html[data-style="s4"]) .werte-txt{grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
:where(html[data-style="s4"]) .yrs{display:flex;align-items:baseline;gap:16px}
:where(html[data-style="s4"]) .yrs b{font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
:where(html[data-style="s4"]) .yrs > span{font-weight:700;font-size:22px;line-height:1.2}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes count{from{--n:0}to{--n:30}}
@supports (animation-timeline: view()){
:where(html[data-style="s4"]) .yrs b{display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
:where(html[data-style="s4"]) .yrs b .n{display:none}
:where(html[data-style="s4"]) .yrs b::after{content:counter(yrs)}
}
:where(html[data-style="s4"]) .werte-txt p{margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
:where(html[data-style="s4"]) .werte-fig{grid-column:8 / span 5;height:440px}

/* Kontakt */
:where(html[data-style="s4"]) .kontakt{border-top:2px solid var(--ink)}
:where(html[data-style="s4"]) .k-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s4"]) .k-left{grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
:where(html[data-style="s4"]) .k-left h2{font-size:clamp(48px,6.4vw,100px)}
:where(html[data-style="s4"]) .k-info{display:flex;flex-direction:column;gap:14px}
:where(html[data-style="s4"]) .k-info a.big{font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
:where(html[data-style="s4"]) .k-info a.big:hover{color:var(--green-ink)}
:where(html[data-style="s4"]) .k-info p{margin:0;color:var(--muted)}
:where(html[data-style="s4"]) .k-fig{grid-column:8 / span 5;height:460px}

/* Footer */
:where(html[data-style="s4"]) .foot{background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
:where(html[data-style="s4"]) .f-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:where(html[data-style="s4"]) .f-addr{grid-column:span 3}
:where(html[data-style="s4"]) .f-addr{display:flex;flex-direction:column;gap:18px}
:where(html[data-style="s4"]) .f-hi{margin:0;font-size:15px;font-weight:650;color:var(--green)}
:where(html[data-style="s4"]) .f-name{margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
:where(html[data-style="s4"]) .f-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
:where(html[data-style="s4"]) .f-row{display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
:where(html[data-style="s4"]) .f-row:hover{color:var(--green) !important;text-decoration:none !important}
:where(html[data-style="s4"]) .f-ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
:where(html[data-style="s4"]) .f-ic svg{width:19px;height:19px}
:where(html[data-style="s4"]) .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s4"]) .f-row:hover .f-ic{background:var(--green);color:var(--ink);transform:rotate(-8deg)}
:where(html[data-style="s4"]) .f-row small{display:block;font-size:13px;color:#9BA3A8;font-weight:500}
:where(html[data-style="s4"]) .f-vat{margin:0;font-size:13px;color:#9BA3A8}
:where(html[data-style="s4"]) .f-social{display:flex;gap:12px}
:where(html[data-style="s4"]) .f-social a{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
:where(html[data-style="s4"]) .f-social img{width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
:where(html[data-style="s4"]) .f-social a:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s4"]) .f-social a:hover img{filter:brightness(0)}
:where(html[data-style="s4"]) .f-col{grid-column:span 2}
:where(html[data-style="s4"]) .f-wide{grid-column:span 3}
:where(html[data-style="s4"]) .f-col h3,:where(html[data-style="s4"]) .f-wide h3{margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
:where(html[data-style="s4"]) .f-col ul,:where(html[data-style="s4"]) .f-wide ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s4"]) .foot a{text-decoration:none;color:#C9CED2 !important}
:where(html[data-style="s4"]) .foot a:hover{color:#fff !important;text-decoration:underline}
:where(html[data-style="s4"]) .f-bot{margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
:where(html[data-style="s4"]) .f-bot div{display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
:where(html[data-style="s4"]) .hero{height:var(--vh)}
:where(html[data-style="s4"]) .leaf,:where(html[data-style="s4"]) .door,:where(html[data-style="s4"]) .sp{display:none}
:where(html[data-style="s4"]) .split-mid b{font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s4"]) .hero{height:var(--vh)}
:where(html[data-style="s4"]) .leaf,:where(html[data-style="s4"]) .door,:where(html[data-style="s4"]) .sp{display:none}
:where(html[data-style="s4"]) .hero-head,:where(html[data-style="s4"]) .hero-fig,:where(html[data-style="s4"]) .yrs b{animation:none !important}
:where(html[data-style="s4"]) .yrs b .n{display:inline !important}
:where(html[data-style="s4"]) .yrs b::after{content:none !important}
:where(html[data-style="s4"]) .m-leaf,:where(html[data-style="s4"]) .m-col,:where(html[data-style="s4"]) .m-list li,:where(html[data-style="s4"]) .m-foot,:where(html[data-style="s4"]) .m-wrapL,:where(html[data-style="s4"]) .burger,:where(html[data-style="s4"]) .burger i,:where(html[data-style="s4"]) .fig::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
:where(html[data-style="s4"]) .intro h2,:where(html[data-style="s4"]) .intro > p,:where(html[data-style="s4"]) .intro > div,:where(html[data-style="s4"]) .einer h2,:where(html[data-style="s4"]) .einer-txt,:where(html[data-style="s4"]) .k-left,:where(html[data-style="s4"]) .k-fig,:where(html[data-style="s4"]) .werte-txt,:where(html[data-style="s4"]) .werte-fig,:where(html[data-style="s4"]) .hero-head,:where(html[data-style="s4"]) .hero-fig{grid-column:1 / -1}
:where(html[data-style="s4"]) .hero-fig{display:none}
:where(html[data-style="s4"]) .prod a{grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
:where(html[data-style="s4"]) .prod-line{display:none}
:where(html[data-style="s4"]) .ico{width:44px;height:44px}
:where(html[data-style="s4"]) .shots{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s4"]) .s1,:where(html[data-style="s4"]) .shots-r{grid-column:1 / -1}
:where(html[data-style="s4"]) .s1{height:300px}
:where(html[data-style="s4"]) .s2,:where(html[data-style="s4"]) .s3,:where(html[data-style="s4"]) .s4{height:200px}
:where(html[data-style="s4"]) .s5{grid-column:1 / -1;height:220px}
:where(html[data-style="s4"]) .werte-fig,:where(html[data-style="s4"]) .k-fig{height:300px}
:where(html[data-style="s4"]) .m-body{padding-top:104px}
:where(html[data-style="s4"]) .m-cols{grid-template-columns:minmax(0,1fr);gap:0}
:where(html[data-style="s4"]) .m-col + .m-col{border-left:0;padding-left:0}
:where(html[data-style="s4"]) .m-title{cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
:where(html[data-style="s4"]) .chev{display:block}
:where(html[data-style="s4"]) .m-col.open .chev{transform:rotate(180deg)}
:where(html[data-style="s4"]) .m-wrapL{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s4"]) .m-col.open .m-wrapL{grid-template-rows:1fr}
:where(html[data-style="s4"]) .m-wrapL > ul{overflow:hidden;min-height:0}
:where(html[data-style="s4"]) .m-list{padding:14px 0 24px}
:where(html[data-style="s4"]) .m-c1 .m-list{gap:14px}
:where(html[data-style="s4"]) .m-big{font-size:clamp(28px,7.6vw,36px)}
:where(html[data-style="s4"]) .m-link{font-size:20px}
:where(html[data-style="s4"]) .m-foot{margin-top:28px;border-top:0;padding-top:0}
:where(html[data-style="s4"]) .f-addr{grid-column:1 / -1}
:where(html[data-style="s4"]) .f-col,:where(html[data-style="s4"]) .f-wide{grid-column:span 6}
:where(html[data-style="s4"]) .bar-tel{display:none}
:where(html[data-style="s4"]) .logo img{height:40px}
:where(html[data-style="s4"]) .split-mid b{font-size:clamp(34px,10vw,60px)}
:where(html[data-style="s4"]) .sp{width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
:where(html[data-style="s4"]) .sp b{font-size:clamp(28px,8vw,40px)}
:where(html[data-style="s4"]) .sp-l{top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
:where(html[data-style="s4"]) .sp-r{top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
:where(html[data-style="s4"]) .sub-hero{padding:132px 0 clamp(64px,8vw,110px)}
:where(html[data-style="s4"]) .crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
:where(html[data-style="s4"]) .crumbs a{text-decoration:none;color:var(--muted) !important}
:where(html[data-style="s4"]) .crumbs a:hover{color:var(--green-ink) !important;text-decoration:underline}
:where(html[data-style="s4"]) .crumbs li + li::before{content:"/";margin-right:8px;color:#9BA3A8}
:where(html[data-style="s4"]) .crumbs [aria-current]{color:var(--ink);font-weight:650}
:where(html[data-style="s4"]) .sh-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s4"]) .sh-txt{grid-column:1 / span 6}
:where(html[data-style="s4"]) .sh-txt h1{font-size:clamp(60px,8.6vw,136px)}
:where(html[data-style="s4"]) .sh-txt{min-width:0}
:where(html[data-style="s4"]) .sh-txt h1{overflow-wrap:break-word;hyphens:manual}
:where(html[data-style="s4"]) .sh-txt:not(.wide) h1{font-size:clamp(52px,6.4vw,104px)}
:where(html[data-style="s4"]) .sh-lead{margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
:where(html[data-style="s4"]) .sh-txt p.sh-body{margin:16px 0 0;max-width:42ch;color:var(--muted)}
:where(html[data-style="s4"]) .jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
:where(html[data-style="s4"]) .jump a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s4"]) .jump a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
:where(html[data-style="s4"]) .jump a:hover{background:var(--ink);color:#fff !important}
:where(html[data-style="s4"]) .sh-fig{grid-column:8 / span 5;height:min(560px,62vh)}
:where(html[data-style="s4"]) .sh-fig img{animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
:where(html[data-style="s4"]) .sh-fig::before{animation:framein .6s ease 1.1s both}
@keyframes reveal{from{clip-path:inset(0 50% 0 50% round 12px)}to{clip-path:inset(0 0 0 0 round 12px)}}
@keyframes framein{from{opacity:0;transform:translate(0,0)}to{opacity:1;transform:translate(16px,16px)}}

:where(html[data-style="s4"]) .typ{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s4"]) .typ-alt{background:#fff}
:where(html[data-style="s4"]) .typ-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s4"]) .typ-txt{grid-column:1 / span 5}
:where(html[data-style="s4"]) .typ-stage{grid-column:7 / span 6}
:where(html[data-style="s4"]) .flip .typ-txt{grid-column:8 / span 5;order:2}
:where(html[data-style="s4"]) .flip .typ-stage{grid-column:1 / span 6;order:1}
:where(html[data-style="s4"]) .tags{display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
:where(html[data-style="s4"]) .tags li{font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s4"]) .typ h2{font-size:clamp(46px,5.6vw,86px)}
:where(html[data-style="s4"]) .typ h2 span{display:block;color:var(--green-ink)}
:where(html[data-style="s4"]) .typ-body{margin:24px 0 0;color:var(--muted)}
:where(html[data-style="s4"]) .ph-note{display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
:where(html[data-style="s4"]) .specs{margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
:where(html[data-style="s4"]) .specs div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
:where(html[data-style="s4"]) .specs dt{font-size:14px;font-weight:650;color:var(--green-ink)}
:where(html[data-style="s4"]) .specs dd{margin:0;font-weight:600}
:where(html[data-style="s4"]) .typ .btn{margin-top:30px}
:where(html[data-style="s4"]) .big-dim{display:flex;align-items:center;gap:16px;margin:28px 0 0}
:where(html[data-style="s4"]) .big-dim b{font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s4"]) .big-dim span{font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
:where(html[data-style="s4"]) .big-dim i{flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
:where(html[data-style="s4"]) .big-dim i::before,:where(html[data-style="s4"]) .big-dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s4"]) .big-dim i::before{left:0}:where(html[data-style="s4"]) .big-dim i::after{right:0}

:where(html[data-style="s4"]) .stage-x{height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
:where(html[data-style="s4"]) .stage-x .fig{height:100%}
:where(html[data-style="s4"]) .ov{position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
:where(html[data-style="s4"]) .slats{background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
:where(html[data-style="s4"]) .swing{perspective:1600px}
:where(html[data-style="s4"]) .wing{position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s4"]) .wing-l{left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
:where(html[data-style="s4"]) .wing-r{right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
:where(html[data-style="s4"]) .wing-l::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes swing-l{to{transform:rotateY(-96deg);opacity:.0}}
@keyframes swing-r{to{transform:rotateY(96deg);opacity:.0}}
:where(html[data-style="s4"]) .slide-p{position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s4"]) .slide-p::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes slide-p{to{transform:translateX(104%)}}
:where(html[data-style="s4"]) .boom{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
:where(html[data-style="s4"]) .boom .post{fill:var(--deep)}
:where(html[data-style="s4"]) .boom .arm{transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
@keyframes boom-up{from{transform:rotate(0deg)}to{transform:rotate(-80deg)}}
:where(html[data-style="s4"]) .fence{position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}
@keyframes fence-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}

:where(html[data-style="s4"]) .gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
:where(html[data-style="s4"]) .gal .fig{height:clamp(200px,20vw,280px)}
:where(html[data-style="s4"]) .g5 .fig:first-child{grid-column:span 2}
:where(html[data-style="s4"]) .g4{grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
:where(html[data-style="s4"]) .wing,:where(html[data-style="s4"]) .slide-p,:where(html[data-style="s4"]) .fence{display:none}
:where(html[data-style="s4"]) .boom .arm{transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s4"]) .wing,:where(html[data-style="s4"]) .slide-p,:where(html[data-style="s4"]) .fence{display:none}
:where(html[data-style="s4"]) .boom .arm{animation:none;transform:rotate(-80deg)}
:where(html[data-style="s4"]) .sh-fig img,:where(html[data-style="s4"]) .sh-fig::before{animation:none}
}
@media (max-width:900px){
:where(html[data-style="s4"]) .sh-txt,:where(html[data-style="s4"]) .sh-fig,:where(html[data-style="s4"]) .typ-txt,:where(html[data-style="s4"]) .typ-stage,:where(html[data-style="s4"]) .flip .typ-txt,:where(html[data-style="s4"]) .flip .typ-stage{grid-column:1 / -1;order:0}
:where(html[data-style="s4"]) .sh-fig{height:300px;margin-top:24px}
:where(html[data-style="s4"]) .typ-stage{margin-top:32px}
:where(html[data-style="s4"]) .gal,:where(html[data-style="s4"]) .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
:where(html[data-style="s4"]) .g5 .fig:first-child{grid-column:1 / -1}
:where(html[data-style="s4"]) .specs div{grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
:where(html[data-style="s4"]) .sh-txt.wide{grid-column:1 / span 9}
:where(html[data-style="s4"]) .blk{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s4"]) .blk-white{background:#fff}
:where(html[data-style="s4"]) .blk-dark{background:var(--deep);color:#fff;border-top:0}
:where(html[data-style="s4"]) .blk-dark .intro p{color:#C9CED2}
:where(html[data-style="s4"]) .cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
:where(html[data-style="s4"]) .c2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s4"]) .c4{grid-template-columns:repeat(4,minmax(0,1fr))}
:where(html[data-style="s4"]) .pcard{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
:where(html[data-style="s4"]) .pcard .fig{height:clamp(220px,22vw,320px)}
:where(html[data-style="s4"]) .pcard h3{margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
:where(html[data-style="s4"]) .pcard p{margin:0;color:var(--muted)}
:where(html[data-style="s4"]) .blk-dark .pcard p{color:#C9CED2}
:where(html[data-style="s4"]) .more{font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
:where(html[data-style="s4"]) a.pcard:hover h3{color:var(--green-ink)}
:where(html[data-style="s4"]) .blk-dark a.pcard:hover h3{color:var(--green)}
:where(html[data-style="s4"]) .price{font-weight:850;font-size:24px}
:where(html[data-style="s4"]) .tilegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
:where(html[data-style="s4"]) .tile{background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
:where(html[data-style="s4"]) .tile:hover{border-color:var(--green);transform:translateY(-4px)}
:where(html[data-style="s4"]) .ti{width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
:where(html[data-style="s4"]) .ti svg{width:24px;height:24px}
:where(html[data-style="s4"]) .ti svg *,:where(html[data-style="s4"]) .dli svg *,:where(html[data-style="s4"]) .crow .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s4"]) .tile h3{margin:0;font-size:22px;font-weight:800;line-height:1.15}
:where(html[data-style="s4"]) .tile p{margin:0;color:var(--muted);font-size:16px}
:where(html[data-style="s4"]) .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
:where(html[data-style="s4"]) .fact{border-top:3px solid var(--green);padding-top:22px}
:where(html[data-style="s4"]) .fact b{display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s4"]) .fact span{display:block;margin-top:10px;color:var(--muted);font-weight:600}
:where(html[data-style="s4"]) .prose2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
:where(html[data-style="s4"]) .prose2 h3{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
:where(html[data-style="s4"]) .prose2 p{margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
:where(html[data-style="s4"]) .notice{border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
:where(html[data-style="s4"]) .dllist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(html[data-style="s4"]) .dlcard{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
:where(html[data-style="s4"]) .dlcard:hover{border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s4"]) .dli{width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
:where(html[data-style="s4"]) .dli svg{width:26px;height:26px}
:where(html[data-style="s4"]) .dlcard b{display:block;font-size:20px;font-weight:800;line-height:1.2}
:where(html[data-style="s4"]) .dlcard small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
:where(html[data-style="s4"]) .dltag{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
:where(html[data-style="s4"]) .vthumb{height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
:where(html[data-style="s4"]) .play{width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
:where(html[data-style="s4"]) .play svg{width:30px;height:30px;margin-left:4px}
:where(html[data-style="s4"]) a.pcard:hover .play{transform:scale(1.1)}
:where(html[data-style="s4"]) .vfeat .vthumb{max-height:none}
:where(html[data-style="s4"]) .chiplist{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
:where(html[data-style="s4"]) .chiplist li{padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
:where(html[data-style="s4"]) .roll-p{position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s4"]) .roll-p::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
@keyframes roll-up{to{transform:translateY(-104%)}}
:where(html[data-style="s4"]) .typ-txt.solo{grid-column:1 / span 8}
:where(html[data-style="s4"]) .kgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
:where(html[data-style="s4"]) .kleft{grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
:where(html[data-style="s4"]) .kright{grid-column:7 / span 6}
:where(html[data-style="s4"]) .crow{display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
:where(html[data-style="s4"]) .crow small{display:block;font-size:14px;font-weight:500;color:var(--muted)}
:where(html[data-style="s4"]) .crow .f-ic{width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s4"]) a.crow:hover{color:var(--green-ink) !important}
:where(html[data-style="s4"]) a.crow:hover .f-ic{background:var(--green);color:var(--ink)}
:where(html[data-style="s4"]) .formcard{background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
:where(html[data-style="s4"]) .formcard h2{margin:0 0 24px;font-size:28px;font-weight:850}
:where(html[data-style="s4"]) .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
:where(html[data-style="s4"]) .field{display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s4"]) .field.full{grid-column:1 / -1}
:where(html[data-style="s4"]) .field label{font-size:15px;font-weight:650}
:where(html[data-style="s4"]) .field input,:where(html[data-style="s4"]) .field textarea{font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
:where(html[data-style="s4"]) .field textarea{min-height:140px;resize:vertical}
:where(html[data-style="s4"]) .field input:focus,:where(html[data-style="s4"]) .field textarea:focus{outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
:where(html[data-style="s4"]) .check{grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
:where(html[data-style="s4"]) .check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
:where(html[data-style="s4"]) .formcard .btn{border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
:where(html[data-style="s4"]) .formcard .sm{margin:16px 0 0;font-size:14px;color:var(--muted)}
:where(html[data-style="s4"]) .formcard .sm a{color:var(--green-ink) !important}
:where(html[data-style="s4"]) .jobcard{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
:where(html[data-style="s4"]) .jobcard h3{margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
:where(html[data-style="s4"]) .jobcard ul{margin:0;padding-left:20px;color:var(--muted)}
:where(html[data-style="s4"]) .jobcard .btn{align-self:flex-start}
:where(html[data-style="s4"]) .narrow{max-width:560px}
@supports not (animation-timeline: view()){:where(html[data-style="s4"]) .roll-p{display:none}}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s4"]) .roll-p{display:none}}
@media (max-width:900px){
:where(html[data-style="s4"]) .sh-txt.wide,:where(html[data-style="s4"]) .typ-txt.solo,:where(html[data-style="s4"]) .kleft,:where(html[data-style="s4"]) .kright{grid-column:1 / -1}
:where(html[data-style="s4"]) .cardgrid,:where(html[data-style="s4"]) .c2,:where(html[data-style="s4"]) .facts,:where(html[data-style="s4"]) .prose2,:where(html[data-style="s4"]) .fgrid,:where(html[data-style="s4"]) .dllist{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s4"]) .c4{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s4"]) .dlcard{grid-template-columns:48px minmax(0,1fr)}
:where(html[data-style="s4"]) .dltag{display:none}
}

:where(html[data-style="s4"]) .tj path,:where(html[data-style="s4"]) .tj rect,:where(html[data-style="s4"]) .tj circle{transform-box:fill-box}
:where(html[data-style="s4"]) .tj .drop{transform-origin:50% 100%;animation:tj-drop .75s both}
:where(html[data-style="s4"]) .tj .pop{transform-origin:50% 100%;animation:tj-pop .5s both}
:where(html[data-style="s4"]) .tj .bang{transform-origin:50% 100%;animation:tj-bang .45s both}
:where(html[data-style="s4"]) .tj .cf{transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
:where(html[data-style="s4"]) .tj .tj-all{transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}
@keyframes tj-drop{0%{transform:translateY(-260px) scale(.9,1.15);opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.6)}
 5%{opacity:1}
 50%{transform:translateY(0) scale(1.18,.78);animation-timing-function:cubic-bezier(0,.5,.5,1)}
 66%{transform:translateY(-22px) scale(.94,1.06);animation-timing-function:cubic-bezier(.5,0,1,.6)}
 80%{transform:translateY(0) scale(1.06,.94)} 90%{transform:scale(.98,1.02)} 100%{transform:none;opacity:1}}
@keyframes tj-pop{0%{transform:translateY(-40px) scale(0) rotate(-25deg);opacity:0}
 45%{transform:translateY(4px) scale(1.3,1.1) rotate(8deg);opacity:1}
 70%{transform:translateY(0) scale(.9,1.08) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-bang{0%{transform:translateY(-180px) scale(2.6) rotate(-40deg);opacity:0;animation-timing-function:cubic-bezier(.6,0,1,.7)}
 10%{opacity:1}
 66%{transform:translateY(0) scale(1.25,.7) rotate(6deg)} 82%{transform:scale(.9,1.12) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-shake{0%,100%{transform:none}15%{transform:translate(-5px,3px) rotate(-1deg)}30%{transform:translate(5px,-2px) rotate(1deg)}
 50%{transform:translate(-3px,1px) rotate(-.5deg)}70%{transform:translate(2px,-1px)}85%{transform:translate(-1px,0)}}
@keyframes tj-c0{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-41px,-63px) rotate(306deg) scale(.6);opacity:0}}@keyframes tj-c1{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(139px,-22px) rotate(-264deg) scale(.6);opacity:0}}@keyframes tj-c2{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(31px,-59px) rotate(159deg) scale(.6);opacity:0}}@keyframes tj-c3{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-64px,-39px) rotate(68deg) scale(.6);opacity:0}}@keyframes tj-c4{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(82px,-10px) rotate(74deg) scale(.6);opacity:0}}@keyframes tj-c5{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(119px,-20px) rotate(-132deg) scale(.6);opacity:0}}@keyframes tj-c6{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(71px,-85px) rotate(-297deg) scale(.6);opacity:0}}@keyframes tj-c7{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-24px,-89px) rotate(-134deg) scale(.6);opacity:0}}@keyframes tj-c8{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(143px,-22px) rotate(-64deg) scale(.6);opacity:0}}@keyframes tj-c9{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-16px,-102px) rotate(224deg) scale(.6);opacity:0}}@keyframes tj-c10{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(75px,-105px) rotate(-175deg) scale(.6);opacity:0}}@keyframes tj-c11{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(113px,-34px) rotate(-168deg) scale(.6);opacity:0}}@keyframes tj-c12{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-35px,-99px) rotate(-296deg) scale(.6);opacity:0}}@keyframes tj-c13{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-23px,-107px) rotate(148deg) scale(.6);opacity:0}}@keyframes tj-c14{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-56px,-80px) rotate(-39deg) scale(.6);opacity:0}}@keyframes tj-c15{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(5px,-134px) rotate(10deg) scale(.6);opacity:0}}@keyframes tj-c16{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(77px,-101px) rotate(355deg) scale(.6);opacity:0}}@keyframes tj-c17{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-62px,-41px) rotate(-53deg) scale(.6);opacity:0}}@keyframes tj-c18{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(35px,-126px) rotate(99deg) scale(.6);opacity:0}}@keyframes tj-c19{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(89px,-111px) rotate(-240deg) scale(.6);opacity:0}}@keyframes tj-c20{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-3px,-73px) rotate(-10deg) scale(.6);opacity:0}}@keyframes tj-c21{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-103px,-40px) rotate(-320deg) scale(.6);opacity:0}}


/* Torjubel-Trenner */
:where(html[data-style="s4"]) .tj-sep{display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
:where(html[data-style="s4"]) .tj{width:300px;max-width:80%;height:auto;overflow:visible}
:where(html[data-style="s4"]) .tj:not(.tj-on) *{animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s4"]) .tj *{animation:none !important}:where(html[data-style="s4"]) .tj .cf{display:none}}

/* Video am Seitenende */
:where(html[data-style="s4"]) .outro{background:#000;display:flex;justify-content:center;overflow:hidden}
:where(html[data-style="s4"]) .outro-video{display:block;width:100%;max-width:1440px;height:auto;aspect-ratio:16 / 9}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s4"]) .outro-video{display:none}:where(html[data-style="s4"]) .outro{display:none}}
/* Kontakt-Header mit Foto im Hintergrund, Stil wie Home */
:where(html[data-style="s4"]) .photo-hero{position:relative;overflow:hidden;background:var(--deep);min-height:min(var(--vh),860px);display:flex;flex-direction:column;justify-content:center;padding:120px 0 clamp(64px,8vw,110px);view-timeline-name:--phx;view-timeline-axis:block}
:where(html[data-style="s4"]) .photo-hero .wrap{position:relative;z-index:2;width:100%}
:where(html[data-style="s4"]) .ph-bg{position:absolute;left:0;top:-6%;width:100%;height:124%;object-fit:cover;object-position:center 60%;z-index:0;animation:ph-par linear both;animation-timeline:--phx;animation-range:exit 0% exit 100%}
@keyframes ph-par{from{transform:translateY(0)}to{transform:translateY(18%)}}
:where(html[data-style="s4"]) .ph-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,21,23,.78) 0%,rgba(18,21,23,.55) 55%,rgba(18,21,23,.4) 100%)}
:where(html[data-style="s4"]) .photo-hero h1{color:var(--green);font-size:clamp(48px,7vw,112px)}
:where(html[data-style="s4"]) .photo-hero .dim{color:#fff}
:where(html[data-style="s4"]) .photo-hero .hero-sub{color:#fff}
:where(html[data-style="s4"]) .photo-hero .btn-line{color:#fff !important}
:where(html[data-style="s4"]) .photo-hero .btn-line:hover{background:#fff;color:var(--ink) !important;border-color:#fff}
:where(html[data-style="s4"]) .photo-hero .btn-green:hover{background:#fff;color:var(--ink) !important}
:where(html[data-style="s4"]) .photo-hero .crumbs,:where(html[data-style="s4"]) .photo-hero .crumbs a,:where(html[data-style="s4"]) .photo-hero .crumbs [aria-current]{color:#fff !important}
:where(html[data-style="s4"]) .photo-hero .crumbs li + li::before{color:#C9CED2}
@supports not (animation-timeline: view()){:where(html[data-style="s4"]) .ph-bg{top:0;height:100%;animation:none}}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s4"]) .ph-bg{top:0;height:100%;animation:none}}

/* Bilder vergrößern (Lightbox) */
:where(html[data-style="s4"]) .fig img{cursor:zoom-in}
:where(html[data-style="s4"]) a .fig img{cursor:pointer}
:where(html[data-style="s4"]) .lb{position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
:where(html[data-style="s4"]) .lb.on{opacity:1;visibility:visible;transition:opacity .35s}
:where(html[data-style="s4"]) .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
:where(html[data-style="s4"]) .lb-img{display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
:where(html[data-style="s4"]) .lb.on .lb-img{transform:none}
:where(html[data-style="s4"]) .lb-count{color:#C9CED2;font-size:15px;font-weight:600}
:where(html[data-style="s4"]) .lb-btn{position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
:where(html[data-style="s4"]) .lb-btn svg{width:22px;height:22px}
:where(html[data-style="s4"]) .lb-btn svg *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s4"]) .lb-btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s4"]) .lb-x{top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s4"]) .lb-x:hover{background:#fff;border-color:#fff}
:where(html[data-style="s4"]) .lb-prev{left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s4"]) .lb-next{right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s4"]) .lb.single .lb-prev,:where(html[data-style="s4"]) .lb.single .lb-next,:where(html[data-style="s4"]) .lb.single .lb-count{display:none}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s4"]) .lb,:where(html[data-style="s4"]) .lb-img{transition:none}}


/* Original cascade: second-hand.html (s5). Selectors retain their specificity. */

:where(html[data-style="s5"]) body{margin:0}
:root:where(html[data-style="s5"]){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
:where(html[data-style="s5"]) *{box-sizing:border-box}
:where(html[data-style="s5"]) .site{font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
:where(html[data-style="s5"]) .site a{color:inherit}
:where(html[data-style="s5"]) .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
:where(html[data-style="s5"]) .grid-bg{background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
:where(html[data-style="s5"]) .xl{font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
:where(html[data-style="s5"]) .btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s5"]) .btn-green{background:var(--green);color:var(--ink) !important}
:where(html[data-style="s5"]) .btn-green:hover{background:var(--deep);color:#fff !important}
:where(html[data-style="s5"]) .btn-line{border:2px solid currentColor}
:where(html[data-style="s5"]) .btn-line:hover{background:var(--ink);color:#fff !important;border-color:var(--ink)}
:where(html[data-style="s5"]) .site a:focus-visible,:where(html[data-style="s5"]) .site button:focus-visible{outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
:where(html[data-style="s5"]) .fig{position:relative;isolation:isolate;margin:0 16px 16px 0}
:where(html[data-style="s5"]) .fig::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s5"]) .fig:hover::before{transform:translate(8px,8px)}
:where(html[data-style="s5"]) .fig img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
:where(html[data-style="s5"]) .bar{position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
:where(html[data-style="s5"]) .bar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
:where(html[data-style="s5"]) .logo{display:block;line-height:0}
:where(html[data-style="s5"]) .logo img{height:48px;width:auto;display:block}
:where(html[data-style="s5"]) .bar-r{display:flex;align-items:center;gap:22px}
:where(html[data-style="s5"]) .bar-tel{font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
:where(html[data-style="s5"]) .bar-tel:hover{color:var(--green-ink) !important}
:where(html[data-style="s5"]) .burger{width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
:where(html[data-style="s5"]) .burger:hover{transform:rotate(90deg)}
:where(html[data-style="s5"]) .burger i{position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s5"]) .burger i:nth-child(1){top:18px}:where(html[data-style="s5"]) .burger i:nth-child(2){top:25px}:where(html[data-style="s5"]) .burger i:nth-child(3){top:32px}
:where(html[data-style="s5"]) .is-open .burger{transform:rotate(180deg);background:var(--ink)}
:where(html[data-style="s5"]) .is-open .burger i{background:var(--green)}
:where(html[data-style="s5"]) .is-open .burger i:nth-child(1){top:25px;transform:rotate(45deg)}
:where(html[data-style="s5"]) .is-open .burger i:nth-child(2){opacity:0;transform:scaleX(0)}
:where(html[data-style="s5"]) .is-open .burger i:nth-child(3){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
:where(html[data-style="s5"]) .menu{position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
:where(html[data-style="s5"]) .is-open .menu{visibility:visible;transition-delay:0s}
:where(html[data-style="s5"]) .m-leaf{position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s5"]) .m-l{left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s5"]) .m-r{right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s5"]) .m-r::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s5"]) .is-open .m-l,:where(html[data-style="s5"]) .is-open .m-r{transform:translateX(0)}
:where(html[data-style="s5"]) .is-open .m-r::before{transform:scaleY(0)}
:where(html[data-style="s5"]) .m-body{position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
:where(html[data-style="s5"]) .is-open .m-body{opacity:1;transition:opacity .3s .45s}
:where(html[data-style="s5"]) .m-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
:where(html[data-style="s5"]) .m-c1{--d:.5s}:where(html[data-style="s5"]) .m-c2{--d:.62s}:where(html[data-style="s5"]) .m-c3{--d:.74s}
:where(html[data-style="s5"]) .m-col{opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s5"]) .is-open .m-col{opacity:1;transform:none;transition-delay:var(--d)}
:where(html[data-style="s5"]) .m-col + .m-col{border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
:where(html[data-style="s5"]) .m-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
:where(html[data-style="s5"]) .chev{width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s5"]) .chev *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s5"]) .m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
:where(html[data-style="s5"]) .m-list li{opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s5"]) .is-open .m-list li{opacity:1;transform:none}
:where(html[data-style="s5"]) .is-open .m-list li:nth-child(1){transition-delay:calc(var(--d) + .06s)}:where(html[data-style="s5"]) .is-open .m-list li:nth-child(2){transition-delay:calc(var(--d) + .12s)}:where(html[data-style="s5"]) .is-open .m-list li:nth-child(3){transition-delay:calc(var(--d) + .18s)}:where(html[data-style="s5"]) .is-open .m-list li:nth-child(4){transition-delay:calc(var(--d) + .24s)}:where(html[data-style="s5"]) .is-open .m-list li:nth-child(5){transition-delay:calc(var(--d) + .3s)}:where(html[data-style="s5"]) .is-open .m-list li:nth-child(6){transition-delay:calc(var(--d) + .36s)}:where(html[data-style="s5"]) .is-open .m-list li:nth-child(7){transition-delay:calc(var(--d) + .42s)}
:where(html[data-style="s5"]) .m-big{font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s5"]) .m-big:hover{color:#fff !important;transform:translateX(12px)}
:where(html[data-style="s5"]) .m-c1 .m-list{gap:12px}
:where(html[data-style="s5"]) .m-link{position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
:where(html[data-style="s5"]) .m-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s5"]) .m-link:hover{color:var(--green) !important}
:where(html[data-style="s5"]) .m-link:hover::after{transform:scaleX(1)}
:where(html[data-style="s5"]) .m-foot{margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
:where(html[data-style="s5"]) .is-open .m-foot{opacity:1;transition-delay:.9s}
:where(html[data-style="s5"]) .m-foot-info{display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
:where(html[data-style="s5"]) .m-foot-info a{font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
:where(html[data-style="s5"]) .m-foot-info a:hover{color:var(--green) !important}
:where(html[data-style="s5"]) .m-foot-info span{font-size:15px;color:#C9CED2}
:where(html[data-style="s5"]) .lang{display:flex;gap:10px}
:where(html[data-style="s5"]) .lang a{min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
:where(html[data-style="s5"]) .lang a.on{background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
:where(html[data-style="s5"]) .hero{position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
:where(html[data-style="s5"]) .stage{position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
:where(html[data-style="s5"]) .hero-in{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
:where(html[data-style="s5"]) .hero-head{grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
:where(html[data-style="s5"]) .hero h1{font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
:where(html[data-style="s5"]) .hero h1 span{display:block}
:where(html[data-style="s5"]) .dim{display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
:where(html[data-style="s5"]) .dim i{flex:1;height:2px;background:var(--green);position:relative}
:where(html[data-style="s5"]) .dim i::before,:where(html[data-style="s5"]) .dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s5"]) .dim i::before{left:0}:where(html[data-style="s5"]) .dim i::after{right:0}
:where(html[data-style="s5"]) .hero-sub{margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
:where(html[data-style="s5"]) .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
:where(html[data-style="s5"]) .hero-fig{grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
:where(html[data-style="s5"]) .rail{position:absolute;left:0;right:0;bottom:48px;height:40px}
:where(html[data-style="s5"]) .rail svg{width:100%;height:40px;display:block}
:where(html[data-style="s5"]) .leaf{position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
:where(html[data-style="s5"]) .leaf-l{left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s5"]) .leaf-r{right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s5"]) .leaf-l::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
:where(html[data-style="s5"]) .leaf-word{font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s5"]) .leaf-r .leaf-word{color:var(--green)}
:where(html[data-style="s5"]) .leaf-l .leaf-word{padding-right:44px}
:where(html[data-style="s5"]) .leaf-r .leaf-word{padding-left:22px}
:where(html[data-style="s5"]) .leaf-hint{position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
:where(html[data-style="s5"]) .leaf-l .leaf-hint{text-align:right;padding-right:20px}
:where(html[data-style="s5"]) .leaf-r .leaf-hint{text-align:left;padding-left:20px}
@keyframes open-l{to{transform:translateX(-101%)}}
@keyframes open-r{to{transform:translateX(101%)}}
@keyframes pop{from{transform:scale(.92);opacity:.2}to{transform:none;opacity:1}}
@keyframes pop2{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}

/* Produkte */
:where(html[data-style="s5"]) .sec{padding:clamp(80px,10vw,150px) 0}
:where(html[data-style="s5"]) .intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
:where(html[data-style="s5"]) .intro h2{grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
:where(html[data-style="s5"]) .intro > p,:where(html[data-style="s5"]) .intro > div{grid-column:8 / span 5;margin:0}
:where(html[data-style="s5"]) .intro p{margin:0;color:var(--muted)}
:where(html[data-style="s5"]) .prods{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
:where(html[data-style="s5"]) .prod{border-bottom:2px solid var(--ink)}
:where(html[data-style="s5"]) .prod a{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
:where(html[data-style="s5"]) .prod a::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
:where(html[data-style="s5"]) .prod a:hover::before{transform:scaleX(1)}
:where(html[data-style="s5"]) .prod-name{font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
:where(html[data-style="s5"]) .prod-line{color:var(--muted);font-size:17px}
:where(html[data-style="s5"]) .prod a:hover .prod-line{color:var(--ink)}
:where(html[data-style="s5"]) .ico{width:64px;height:64px;color:var(--green-dk);transition:color .35s}
:where(html[data-style="s5"]) .prod a:hover .ico{color:var(--ink)}
:where(html[data-style="s5"]) .ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s5"]) .go{width:40px;height:40px;transition:transform .35s}
:where(html[data-style="s5"]) .go *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s5"]) .prod a:hover .go{transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
:where(html[data-style="s5"]) .einer{position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
:where(html[data-style="s5"]) .einer-in{padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
:where(html[data-style="s5"]) .einer h2{grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
:where(html[data-style="s5"]) .einer-txt{grid-column:8 / span 5}
:where(html[data-style="s5"]) .einer-txt p{margin:0 0 28px}
:where(html[data-style="s5"]) .door{position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
:where(html[data-style="s5"]) .slat{flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
:where(html[data-style="s5"]) .slat::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
:where(html[data-style="s5"]) .slat:last-child{border-bottom:10px solid var(--deep)}
:where(html[data-style="s5"]) .door-tag{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}
@keyframes door-up{to{transform:translateY(-101%)}}

/* Referenzen */
:where(html[data-style="s5"]) .refs{background:var(--deep);color:#fff}
:where(html[data-style="s5"]) .refs .intro p{color:#C9CED2;max-width:100%;height:auto !important}
:where(html[data-style="s5"]) .ref-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
:where(html[data-style="s5"]) .refs .btn-line:hover{background:#fff;color:var(--deep) !important;border-color:#fff}
:where(html[data-style="s5"]) .refs .btn-green:hover{background:#fff;color:var(--deep) !important}
:where(html[data-style="s5"]) .shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s5"]) .s1{grid-column:span 7;height:520px}
:where(html[data-style="s5"]) .shots-r{grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s5"]) .s2{grid-column:1 / -1;height:240px}
:where(html[data-style="s5"]) .s3,:where(html[data-style="s5"]) .s4{height:244px}
:where(html[data-style="s5"]) .s5{grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
:where(html[data-style="s5"]) .split{position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
:where(html[data-style="s5"]) .split-mid{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
:where(html[data-style="s5"]) .split-mid b{font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s5"]) .sp{position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
:where(html[data-style="s5"]) .sp b{font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s5"]) .sp-l{left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
:where(html[data-style="s5"]) .sp-r{right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
@keyframes sp-l{to{transform:translateX(-40%)}}
@keyframes sp-r{to{transform:translateX(40%)}}
@keyframes sp-t{to{transform:translateY(-62%)}}
@keyframes sp-b{to{transform:translateY(62%)}}
:where(html[data-style="s5"]) .werte{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
:where(html[data-style="s5"]) .werte-txt{grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
:where(html[data-style="s5"]) .yrs{display:flex;align-items:baseline;gap:16px}
:where(html[data-style="s5"]) .yrs b{font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
:where(html[data-style="s5"]) .yrs > span{font-weight:700;font-size:22px;line-height:1.2}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes count{from{--n:0}to{--n:30}}
@supports (animation-timeline: view()){
:where(html[data-style="s5"]) .yrs b{display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
:where(html[data-style="s5"]) .yrs b .n{display:none}
:where(html[data-style="s5"]) .yrs b::after{content:counter(yrs)}
}
:where(html[data-style="s5"]) .werte-txt p{margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
:where(html[data-style="s5"]) .werte-fig{grid-column:8 / span 5;height:440px}

/* Kontakt */
:where(html[data-style="s5"]) .kontakt{border-top:2px solid var(--ink)}
:where(html[data-style="s5"]) .k-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s5"]) .k-left{grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
:where(html[data-style="s5"]) .k-left h2{font-size:clamp(48px,6.4vw,100px)}
:where(html[data-style="s5"]) .k-info{display:flex;flex-direction:column;gap:14px}
:where(html[data-style="s5"]) .k-info a.big{font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
:where(html[data-style="s5"]) .k-info a.big:hover{color:var(--green-ink)}
:where(html[data-style="s5"]) .k-info p{margin:0;color:var(--muted)}
:where(html[data-style="s5"]) .k-fig{grid-column:8 / span 5;height:460px}

/* Footer */
:where(html[data-style="s5"]) .foot{background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
:where(html[data-style="s5"]) .f-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:where(html[data-style="s5"]) .f-addr{grid-column:span 3}
:where(html[data-style="s5"]) .f-addr{display:flex;flex-direction:column;gap:18px}
:where(html[data-style="s5"]) .f-hi{margin:0;font-size:15px;font-weight:650;color:var(--green)}
:where(html[data-style="s5"]) .f-name{margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
:where(html[data-style="s5"]) .f-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
:where(html[data-style="s5"]) .f-row{display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
:where(html[data-style="s5"]) .f-row:hover{color:var(--green) !important;text-decoration:none !important}
:where(html[data-style="s5"]) .f-ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
:where(html[data-style="s5"]) .f-ic svg{width:19px;height:19px}
:where(html[data-style="s5"]) .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s5"]) .f-row:hover .f-ic{background:var(--green);color:var(--ink);transform:rotate(-8deg)}
:where(html[data-style="s5"]) .f-row small{display:block;font-size:13px;color:#9BA3A8;font-weight:500}
:where(html[data-style="s5"]) .f-vat{margin:0;font-size:13px;color:#9BA3A8}
:where(html[data-style="s5"]) .f-social{display:flex;gap:12px}
:where(html[data-style="s5"]) .f-social a{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
:where(html[data-style="s5"]) .f-social img{width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
:where(html[data-style="s5"]) .f-social a:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s5"]) .f-social a:hover img{filter:brightness(0)}
:where(html[data-style="s5"]) .f-col{grid-column:span 2}
:where(html[data-style="s5"]) .f-wide{grid-column:span 3}
:where(html[data-style="s5"]) .f-col h3,:where(html[data-style="s5"]) .f-wide h3{margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
:where(html[data-style="s5"]) .f-col ul,:where(html[data-style="s5"]) .f-wide ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s5"]) .foot a{text-decoration:none;color:#C9CED2 !important}
:where(html[data-style="s5"]) .foot a:hover{color:#fff !important;text-decoration:underline}
:where(html[data-style="s5"]) .f-bot{margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
:where(html[data-style="s5"]) .f-bot div{display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
:where(html[data-style="s5"]) .hero{height:var(--vh)}
:where(html[data-style="s5"]) .leaf,:where(html[data-style="s5"]) .door,:where(html[data-style="s5"]) .sp{display:none}
:where(html[data-style="s5"]) .split-mid b{font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s5"]) .hero{height:var(--vh)}
:where(html[data-style="s5"]) .leaf,:where(html[data-style="s5"]) .door,:where(html[data-style="s5"]) .sp{display:none}
:where(html[data-style="s5"]) .hero-head,:where(html[data-style="s5"]) .hero-fig,:where(html[data-style="s5"]) .yrs b{animation:none !important}
:where(html[data-style="s5"]) .yrs b .n{display:inline !important}
:where(html[data-style="s5"]) .yrs b::after{content:none !important}
:where(html[data-style="s5"]) .m-leaf,:where(html[data-style="s5"]) .m-col,:where(html[data-style="s5"]) .m-list li,:where(html[data-style="s5"]) .m-foot,:where(html[data-style="s5"]) .m-wrapL,:where(html[data-style="s5"]) .burger,:where(html[data-style="s5"]) .burger i,:where(html[data-style="s5"]) .fig::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
:where(html[data-style="s5"]) .intro h2,:where(html[data-style="s5"]) .intro > p,:where(html[data-style="s5"]) .intro > div,:where(html[data-style="s5"]) .einer h2,:where(html[data-style="s5"]) .einer-txt,:where(html[data-style="s5"]) .k-left,:where(html[data-style="s5"]) .k-fig,:where(html[data-style="s5"]) .werte-txt,:where(html[data-style="s5"]) .werte-fig,:where(html[data-style="s5"]) .hero-head,:where(html[data-style="s5"]) .hero-fig{grid-column:1 / -1}
:where(html[data-style="s5"]) .hero-fig{display:none}
:where(html[data-style="s5"]) .prod a{grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
:where(html[data-style="s5"]) .prod-line{display:none}
:where(html[data-style="s5"]) .ico{width:44px;height:44px}
:where(html[data-style="s5"]) .shots{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s5"]) .s1,:where(html[data-style="s5"]) .shots-r{grid-column:1 / -1}
:where(html[data-style="s5"]) .s1{height:300px}
:where(html[data-style="s5"]) .s2,:where(html[data-style="s5"]) .s3,:where(html[data-style="s5"]) .s4{height:200px}
:where(html[data-style="s5"]) .s5{grid-column:1 / -1;height:220px}
:where(html[data-style="s5"]) .werte-fig,:where(html[data-style="s5"]) .k-fig{height:300px}
:where(html[data-style="s5"]) .m-body{padding-top:104px}
:where(html[data-style="s5"]) .m-cols{grid-template-columns:minmax(0,1fr);gap:0}
:where(html[data-style="s5"]) .m-col + .m-col{border-left:0;padding-left:0}
:where(html[data-style="s5"]) .m-title{cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
:where(html[data-style="s5"]) .chev{display:block}
:where(html[data-style="s5"]) .m-col.open .chev{transform:rotate(180deg)}
:where(html[data-style="s5"]) .m-wrapL{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s5"]) .m-col.open .m-wrapL{grid-template-rows:1fr}
:where(html[data-style="s5"]) .m-wrapL > ul{overflow:hidden;min-height:0}
:where(html[data-style="s5"]) .m-list{padding:14px 0 24px}
:where(html[data-style="s5"]) .m-c1 .m-list{gap:14px}
:where(html[data-style="s5"]) .m-big{font-size:clamp(28px,7.6vw,36px)}
:where(html[data-style="s5"]) .m-link{font-size:20px}
:where(html[data-style="s5"]) .m-foot{margin-top:28px;border-top:0;padding-top:0}
:where(html[data-style="s5"]) .f-addr{grid-column:1 / -1}
:where(html[data-style="s5"]) .f-col,:where(html[data-style="s5"]) .f-wide{grid-column:span 6}
:where(html[data-style="s5"]) .bar-tel{display:none}
:where(html[data-style="s5"]) .logo img{height:40px}
:where(html[data-style="s5"]) .split-mid b{font-size:clamp(34px,10vw,60px)}
:where(html[data-style="s5"]) .sp{width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
:where(html[data-style="s5"]) .sp b{font-size:clamp(28px,8vw,40px)}
:where(html[data-style="s5"]) .sp-l{top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
:where(html[data-style="s5"]) .sp-r{top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
:where(html[data-style="s5"]) .sub-hero{padding:132px 0 clamp(64px,8vw,110px)}
:where(html[data-style="s5"]) .crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
:where(html[data-style="s5"]) .crumbs a{text-decoration:none;color:var(--muted) !important}
:where(html[data-style="s5"]) .crumbs a:hover{color:var(--green-ink) !important;text-decoration:underline}
:where(html[data-style="s5"]) .crumbs li + li::before{content:"/";margin-right:8px;color:#9BA3A8}
:where(html[data-style="s5"]) .crumbs [aria-current]{color:var(--ink);font-weight:650}
:where(html[data-style="s5"]) .sh-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s5"]) .sh-txt{grid-column:1 / span 6}
:where(html[data-style="s5"]) .sh-txt h1{font-size:clamp(60px,8.6vw,136px)}
:where(html[data-style="s5"]) .sh-txt{min-width:0}
:where(html[data-style="s5"]) .sh-txt h1{overflow-wrap:break-word;hyphens:manual}
:where(html[data-style="s5"]) .sh-txt:not(.wide) h1{font-size:clamp(52px,6.4vw,104px)}
:where(html[data-style="s5"]) .sh-lead{margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
:where(html[data-style="s5"]) .sh-txt p.sh-body{margin:16px 0 0;max-width:42ch;color:var(--muted)}
:where(html[data-style="s5"]) .jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
:where(html[data-style="s5"]) .jump a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s5"]) .jump a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
:where(html[data-style="s5"]) .jump a:hover{background:var(--ink);color:#fff !important}
:where(html[data-style="s5"]) .sh-fig{grid-column:8 / span 5;height:min(560px,62vh)}
:where(html[data-style="s5"]) .sh-fig img{animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
:where(html[data-style="s5"]) .sh-fig::before{animation:framein .6s ease 1.1s both}
@keyframes reveal{from{clip-path:inset(0 50% 0 50% round 12px)}to{clip-path:inset(0 0 0 0 round 12px)}}
@keyframes framein{from{opacity:0;transform:translate(0,0)}to{opacity:1;transform:translate(16px,16px)}}

:where(html[data-style="s5"]) .typ{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s5"]) .typ-alt{background:#fff}
:where(html[data-style="s5"]) .typ-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s5"]) .typ-txt{grid-column:1 / span 5}
:where(html[data-style="s5"]) .typ-stage{grid-column:7 / span 6}
:where(html[data-style="s5"]) .flip .typ-txt{grid-column:8 / span 5;order:2}
:where(html[data-style="s5"]) .flip .typ-stage{grid-column:1 / span 6;order:1}
:where(html[data-style="s5"]) .tags{display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
:where(html[data-style="s5"]) .tags li{font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s5"]) .typ h2{font-size:clamp(46px,5.6vw,86px)}
:where(html[data-style="s5"]) .typ h2 span{display:block;color:var(--green-ink)}
:where(html[data-style="s5"]) .typ-body{margin:24px 0 0;color:var(--muted)}
:where(html[data-style="s5"]) .ph-note{display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
:where(html[data-style="s5"]) .specs{margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
:where(html[data-style="s5"]) .specs div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
:where(html[data-style="s5"]) .specs dt{font-size:14px;font-weight:650;color:var(--green-ink)}
:where(html[data-style="s5"]) .specs dd{margin:0;font-weight:600}
:where(html[data-style="s5"]) .typ .btn{margin-top:30px}
:where(html[data-style="s5"]) .big-dim{display:flex;align-items:center;gap:16px;margin:28px 0 0}
:where(html[data-style="s5"]) .big-dim b{font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s5"]) .big-dim span{font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
:where(html[data-style="s5"]) .big-dim i{flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
:where(html[data-style="s5"]) .big-dim i::before,:where(html[data-style="s5"]) .big-dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s5"]) .big-dim i::before{left:0}:where(html[data-style="s5"]) .big-dim i::after{right:0}

:where(html[data-style="s5"]) .stage-x{height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
:where(html[data-style="s5"]) .stage-x .fig{height:100%}
:where(html[data-style="s5"]) .ov{position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
:where(html[data-style="s5"]) .slats{background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
:where(html[data-style="s5"]) .swing{perspective:1600px}
:where(html[data-style="s5"]) .wing{position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s5"]) .wing-l{left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
:where(html[data-style="s5"]) .wing-r{right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
:where(html[data-style="s5"]) .wing-l::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes swing-l{to{transform:rotateY(-96deg);opacity:.0}}
@keyframes swing-r{to{transform:rotateY(96deg);opacity:.0}}
:where(html[data-style="s5"]) .slide-p{position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s5"]) .slide-p::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes slide-p{to{transform:translateX(104%)}}
:where(html[data-style="s5"]) .boom{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
:where(html[data-style="s5"]) .boom .post{fill:var(--deep)}
:where(html[data-style="s5"]) .boom .arm{transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
@keyframes boom-up{from{transform:rotate(0deg)}to{transform:rotate(-80deg)}}
:where(html[data-style="s5"]) .fence{position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}
@keyframes fence-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}

:where(html[data-style="s5"]) .gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
:where(html[data-style="s5"]) .gal .fig{height:clamp(200px,20vw,280px)}
:where(html[data-style="s5"]) .g5 .fig:first-child{grid-column:span 2}
:where(html[data-style="s5"]) .g4{grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
:where(html[data-style="s5"]) .wing,:where(html[data-style="s5"]) .slide-p,:where(html[data-style="s5"]) .fence{display:none}
:where(html[data-style="s5"]) .boom .arm{transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s5"]) .wing,:where(html[data-style="s5"]) .slide-p,:where(html[data-style="s5"]) .fence{display:none}
:where(html[data-style="s5"]) .boom .arm{animation:none;transform:rotate(-80deg)}
:where(html[data-style="s5"]) .sh-fig img,:where(html[data-style="s5"]) .sh-fig::before{animation:none}
}
@media (max-width:900px){
:where(html[data-style="s5"]) .sh-txt,:where(html[data-style="s5"]) .sh-fig,:where(html[data-style="s5"]) .typ-txt,:where(html[data-style="s5"]) .typ-stage,:where(html[data-style="s5"]) .flip .typ-txt,:where(html[data-style="s5"]) .flip .typ-stage{grid-column:1 / -1;order:0}
:where(html[data-style="s5"]) .sh-fig{height:300px;margin-top:24px}
:where(html[data-style="s5"]) .typ-stage{margin-top:32px}
:where(html[data-style="s5"]) .gal,:where(html[data-style="s5"]) .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
:where(html[data-style="s5"]) .g5 .fig:first-child{grid-column:1 / -1}
:where(html[data-style="s5"]) .specs div{grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
:where(html[data-style="s5"]) .sh-txt.wide{grid-column:1 / span 9}
:where(html[data-style="s5"]) .blk{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s5"]) .blk-white{background:#fff}
:where(html[data-style="s5"]) .blk-dark{background:var(--deep);color:#fff;border-top:0}
:where(html[data-style="s5"]) .blk-dark .intro p{color:#C9CED2}
:where(html[data-style="s5"]) .cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
:where(html[data-style="s5"]) .c2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s5"]) .c4{grid-template-columns:repeat(4,minmax(0,1fr))}
:where(html[data-style="s5"]) .pcard{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
:where(html[data-style="s5"]) .pcard .fig{height:clamp(220px,22vw,320px)}
:where(html[data-style="s5"]) .pcard h3{margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
:where(html[data-style="s5"]) .pcard p{margin:0;color:var(--muted)}
:where(html[data-style="s5"]) .blk-dark .pcard p{color:#C9CED2}
:where(html[data-style="s5"]) .more{font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
:where(html[data-style="s5"]) a.pcard:hover h3{color:var(--green-ink)}
:where(html[data-style="s5"]) .blk-dark a.pcard:hover h3{color:var(--green)}
:where(html[data-style="s5"]) .price{font-weight:850;font-size:24px}
:where(html[data-style="s5"]) .tilegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
:where(html[data-style="s5"]) .tile{background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
:where(html[data-style="s5"]) .tile:hover{border-color:var(--green);transform:translateY(-4px)}
:where(html[data-style="s5"]) .ti{width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
:where(html[data-style="s5"]) .ti svg{width:24px;height:24px}
:where(html[data-style="s5"]) .ti svg *,:where(html[data-style="s5"]) .dli svg *,:where(html[data-style="s5"]) .crow .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s5"]) .tile h3{margin:0;font-size:22px;font-weight:800;line-height:1.15}
:where(html[data-style="s5"]) .tile p{margin:0;color:var(--muted);font-size:16px}
:where(html[data-style="s5"]) .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
:where(html[data-style="s5"]) .fact{border-top:3px solid var(--green);padding-top:22px}
:where(html[data-style="s5"]) .fact b{display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s5"]) .fact span{display:block;margin-top:10px;color:var(--muted);font-weight:600}
:where(html[data-style="s5"]) .prose2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
:where(html[data-style="s5"]) .prose2 h3{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
:where(html[data-style="s5"]) .prose2 p{margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
:where(html[data-style="s5"]) .notice{border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
:where(html[data-style="s5"]) .dllist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(html[data-style="s5"]) .dlcard{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
:where(html[data-style="s5"]) .dlcard:hover{border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s5"]) .dli{width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
:where(html[data-style="s5"]) .dli svg{width:26px;height:26px}
:where(html[data-style="s5"]) .dlcard b{display:block;font-size:20px;font-weight:800;line-height:1.2}
:where(html[data-style="s5"]) .dlcard small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
:where(html[data-style="s5"]) .dltag{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
:where(html[data-style="s5"]) .vthumb{height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
:where(html[data-style="s5"]) .play{width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
:where(html[data-style="s5"]) .play svg{width:30px;height:30px;margin-left:4px}
:where(html[data-style="s5"]) a.pcard:hover .play{transform:scale(1.1)}
:where(html[data-style="s5"]) .vfeat .vthumb{max-height:none}
:where(html[data-style="s5"]) .chiplist{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
:where(html[data-style="s5"]) .chiplist li{padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
:where(html[data-style="s5"]) .roll-p{position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s5"]) .roll-p::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
@keyframes roll-up{to{transform:translateY(-104%)}}
:where(html[data-style="s5"]) .typ-txt.solo{grid-column:1 / span 8}
:where(html[data-style="s5"]) .kgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
:where(html[data-style="s5"]) .kleft{grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
:where(html[data-style="s5"]) .kright{grid-column:7 / span 6}
:where(html[data-style="s5"]) .crow{display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
:where(html[data-style="s5"]) .crow small{display:block;font-size:14px;font-weight:500;color:var(--muted)}
:where(html[data-style="s5"]) .crow .f-ic{width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s5"]) a.crow:hover{color:var(--green-ink) !important}
:where(html[data-style="s5"]) a.crow:hover .f-ic{background:var(--green);color:var(--ink)}
:where(html[data-style="s5"]) .formcard{background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
:where(html[data-style="s5"]) .formcard h2{margin:0 0 24px;font-size:28px;font-weight:850}
:where(html[data-style="s5"]) .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
:where(html[data-style="s5"]) .field{display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s5"]) .field.full{grid-column:1 / -1}
:where(html[data-style="s5"]) .field label{font-size:15px;font-weight:650}
:where(html[data-style="s5"]) .field input,:where(html[data-style="s5"]) .field textarea{font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
:where(html[data-style="s5"]) .field textarea{min-height:140px;resize:vertical}
:where(html[data-style="s5"]) .field input:focus,:where(html[data-style="s5"]) .field textarea:focus{outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
:where(html[data-style="s5"]) .check{grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
:where(html[data-style="s5"]) .check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
:where(html[data-style="s5"]) .formcard .btn{border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
:where(html[data-style="s5"]) .formcard .sm{margin:16px 0 0;font-size:14px;color:var(--muted)}
:where(html[data-style="s5"]) .formcard .sm a{color:var(--green-ink) !important}
:where(html[data-style="s5"]) .jobcard{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
:where(html[data-style="s5"]) .jobcard h3{margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
:where(html[data-style="s5"]) .jobcard ul{margin:0;padding-left:20px;color:var(--muted)}
:where(html[data-style="s5"]) .jobcard .btn{align-self:flex-start}
:where(html[data-style="s5"]) .narrow{max-width:560px}
@supports not (animation-timeline: view()){:where(html[data-style="s5"]) .roll-p{display:none}}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s5"]) .roll-p{display:none}}
@media (max-width:900px){
:where(html[data-style="s5"]) .sh-txt.wide,:where(html[data-style="s5"]) .typ-txt.solo,:where(html[data-style="s5"]) .kleft,:where(html[data-style="s5"]) .kright{grid-column:1 / -1}
:where(html[data-style="s5"]) .cardgrid,:where(html[data-style="s5"]) .c2,:where(html[data-style="s5"]) .facts,:where(html[data-style="s5"]) .prose2,:where(html[data-style="s5"]) .fgrid,:where(html[data-style="s5"]) .dllist{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s5"]) .c4{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s5"]) .dlcard{grid-template-columns:48px minmax(0,1fr)}
:where(html[data-style="s5"]) .dltag{display:none}
}

/* Kontakt-Abschnitt grün */
:where(html[data-style="s5"]) .kontakt{background:var(--green);border-top:0}
:where(html[data-style="s5"]) .kontakt .k-info p{color:var(--ink)}
:where(html[data-style="s5"]) .kontakt .k-info a.big:hover{color:#fff}
:where(html[data-style="s5"]) .kontakt .btn-green{background:var(--deep);color:#fff !important}
:where(html[data-style="s5"]) .kontakt .btn-green:hover{background:#fff;color:var(--ink) !important}
:where(html[data-style="s5"]) .kontakt .fig::before{border-color:var(--deep)}

:where(html[data-style="s5"]) .tj path,:where(html[data-style="s5"]) .tj rect,:where(html[data-style="s5"]) .tj circle{transform-box:fill-box}
:where(html[data-style="s5"]) .tj .drop{transform-origin:50% 100%;animation:tj-drop .75s both}
:where(html[data-style="s5"]) .tj .pop{transform-origin:50% 100%;animation:tj-pop .5s both}
:where(html[data-style="s5"]) .tj .bang{transform-origin:50% 100%;animation:tj-bang .45s both}
:where(html[data-style="s5"]) .tj .cf{transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
:where(html[data-style="s5"]) .tj .tj-all{transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}
@keyframes tj-drop{0%{transform:translateY(-260px) scale(.9,1.15);opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.6)}
 5%{opacity:1}
 50%{transform:translateY(0) scale(1.18,.78);animation-timing-function:cubic-bezier(0,.5,.5,1)}
 66%{transform:translateY(-22px) scale(.94,1.06);animation-timing-function:cubic-bezier(.5,0,1,.6)}
 80%{transform:translateY(0) scale(1.06,.94)} 90%{transform:scale(.98,1.02)} 100%{transform:none;opacity:1}}
@keyframes tj-pop{0%{transform:translateY(-40px) scale(0) rotate(-25deg);opacity:0}
 45%{transform:translateY(4px) scale(1.3,1.1) rotate(8deg);opacity:1}
 70%{transform:translateY(0) scale(.9,1.08) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-bang{0%{transform:translateY(-180px) scale(2.6) rotate(-40deg);opacity:0;animation-timing-function:cubic-bezier(.6,0,1,.7)}
 10%{opacity:1}
 66%{transform:translateY(0) scale(1.25,.7) rotate(6deg)} 82%{transform:scale(.9,1.12) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-shake{0%,100%{transform:none}15%{transform:translate(-5px,3px) rotate(-1deg)}30%{transform:translate(5px,-2px) rotate(1deg)}
 50%{transform:translate(-3px,1px) rotate(-.5deg)}70%{transform:translate(2px,-1px)}85%{transform:translate(-1px,0)}}
@keyframes tj-c0{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-41px,-63px) rotate(306deg) scale(.6);opacity:0}}@keyframes tj-c1{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(139px,-22px) rotate(-264deg) scale(.6);opacity:0}}@keyframes tj-c2{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(31px,-59px) rotate(159deg) scale(.6);opacity:0}}@keyframes tj-c3{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-64px,-39px) rotate(68deg) scale(.6);opacity:0}}@keyframes tj-c4{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(82px,-10px) rotate(74deg) scale(.6);opacity:0}}@keyframes tj-c5{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(119px,-20px) rotate(-132deg) scale(.6);opacity:0}}@keyframes tj-c6{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(71px,-85px) rotate(-297deg) scale(.6);opacity:0}}@keyframes tj-c7{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-24px,-89px) rotate(-134deg) scale(.6);opacity:0}}@keyframes tj-c8{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(143px,-22px) rotate(-64deg) scale(.6);opacity:0}}@keyframes tj-c9{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-16px,-102px) rotate(224deg) scale(.6);opacity:0}}@keyframes tj-c10{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(75px,-105px) rotate(-175deg) scale(.6);opacity:0}}@keyframes tj-c11{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(113px,-34px) rotate(-168deg) scale(.6);opacity:0}}@keyframes tj-c12{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-35px,-99px) rotate(-296deg) scale(.6);opacity:0}}@keyframes tj-c13{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-23px,-107px) rotate(148deg) scale(.6);opacity:0}}@keyframes tj-c14{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-56px,-80px) rotate(-39deg) scale(.6);opacity:0}}@keyframes tj-c15{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(5px,-134px) rotate(10deg) scale(.6);opacity:0}}@keyframes tj-c16{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(77px,-101px) rotate(355deg) scale(.6);opacity:0}}@keyframes tj-c17{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-62px,-41px) rotate(-53deg) scale(.6);opacity:0}}@keyframes tj-c18{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(35px,-126px) rotate(99deg) scale(.6);opacity:0}}@keyframes tj-c19{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(89px,-111px) rotate(-240deg) scale(.6);opacity:0}}@keyframes tj-c20{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-3px,-73px) rotate(-10deg) scale(.6);opacity:0}}@keyframes tj-c21{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-103px,-40px) rotate(-320deg) scale(.6);opacity:0}}


/* Torjubel-Trenner */
:where(html[data-style="s5"]) .tj-sep{display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
:where(html[data-style="s5"]) .tj{width:300px;max-width:80%;height:auto;overflow:visible}
:where(html[data-style="s5"]) .tj:not(.tj-on) *{animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s5"]) .tj *{animation:none !important}:where(html[data-style="s5"]) .tj .cf{display:none}}

/* Second hand: untereinander mit Scroll-Effekt */
:where(html[data-style="s5"]) .sh-list{display:flex;flex-direction:column;gap:clamp(80px,10vw,140px)}
:where(html[data-style="s5"]) .sh-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;view-timeline-name:--shr;view-timeline-axis:block}
:where(html[data-style="s5"]) .sh-img{grid-column:1 / span 7;height:clamp(260px,32vw,460px)}
:where(html[data-style="s5"]) .sh-img img{animation:sh-open linear both;animation-timeline:--shr;animation-range:entry 0% cover 40%}
:where(html[data-style="s5"]) .sh-img::before{animation:sh-frame linear both;animation-timeline:--shr;animation-range:cover 30% cover 45%}
@keyframes sh-frame{from{opacity:0;transform:translate(0,0)}to{opacity:1;transform:translate(16px,16px)}}
:where(html[data-style="s5"]) .sh-txt2{grid-column:9 / span 4;display:flex;flex-direction:column;gap:16px;align-items:flex-start;animation:sh-in linear both;animation-timeline:--shr;animation-range:entry 20% cover 45%}
:where(html[data-style="s5"]) .sh-flip .sh-img{grid-column:6 / span 7;order:2}
:where(html[data-style="s5"]) .sh-flip .sh-txt2{grid-column:1 / span 4;order:1}
:where(html[data-style="s5"]) .sh-no{font-weight:900;font-size:15px;letter-spacing:.08em;color:var(--green-ink);border-bottom:2px solid var(--green);padding-bottom:4px}
:where(html[data-style="s5"]) .sh-txt2 h3{margin:0;font-weight:850;font-size:clamp(34px,3.4vw,54px);line-height:1.04;letter-spacing:-0.02em}
:where(html[data-style="s5"]) .sh-txt2 p{margin:0;color:var(--muted);font-size:clamp(18px,1.4vw,20px)}
:where(html[data-style="s5"]) .sh-txt2 .btn{margin-top:8px}
@keyframes sh-open{from{clip-path:inset(0 50% 0 50% round 12px)}to{clip-path:inset(0 0 0 0 round 12px)}}
@keyframes sh-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@supports not (animation-timeline: view()){:where(html[data-style="s5"]) .sh-img img,:where(html[data-style="s5"]) .sh-img::before,:where(html[data-style="s5"]) .sh-txt2{animation:none}}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s5"]) .sh-img img,:where(html[data-style="s5"]) .sh-img::before,:where(html[data-style="s5"]) .sh-txt2{animation:none}}
@media (max-width:900px){:where(html[data-style="s5"]) .sh-img,:where(html[data-style="s5"]) .sh-txt2,:where(html[data-style="s5"]) .sh-flip .sh-img,:where(html[data-style="s5"]) .sh-flip .sh-txt2{grid-column:1 / -1;order:0}}

/* Bilder vergrößern (Lightbox) */
:where(html[data-style="s5"]) .fig img{cursor:zoom-in}
:where(html[data-style="s5"]) a .fig img{cursor:pointer}
:where(html[data-style="s5"]) .lb{position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
:where(html[data-style="s5"]) .lb.on{opacity:1;visibility:visible;transition:opacity .35s}
:where(html[data-style="s5"]) .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
:where(html[data-style="s5"]) .lb-img{display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
:where(html[data-style="s5"]) .lb.on .lb-img{transform:none}
:where(html[data-style="s5"]) .lb-count{color:#C9CED2;font-size:15px;font-weight:600}
:where(html[data-style="s5"]) .lb-btn{position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
:where(html[data-style="s5"]) .lb-btn svg{width:22px;height:22px}
:where(html[data-style="s5"]) .lb-btn svg *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s5"]) .lb-btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s5"]) .lb-x{top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s5"]) .lb-x:hover{background:#fff;border-color:#fff}
:where(html[data-style="s5"]) .lb-prev{left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s5"]) .lb-next{right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s5"]) .lb.single .lb-prev,:where(html[data-style="s5"]) .lb.single .lb-next,:where(html[data-style="s5"]) .lb.single .lb-count{display:none}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s5"]) .lb,:where(html[data-style="s5"]) .lb-img{transition:none}}


/* Original cascade: wer-wir-sind.html (s6). Selectors retain their specificity. */

:where(html[data-style="s6"]) body{margin:0}
:root:where(html[data-style="s6"]){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
:where(html[data-style="s6"]) *{box-sizing:border-box}
:where(html[data-style="s6"]) .site{font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
:where(html[data-style="s6"]) .site a{color:inherit}
:where(html[data-style="s6"]) .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
:where(html[data-style="s6"]) .grid-bg{background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
:where(html[data-style="s6"]) .xl{font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
:where(html[data-style="s6"]) .btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s6"]) .btn-green{background:var(--green);color:var(--ink) !important}
:where(html[data-style="s6"]) .btn-green:hover{background:var(--deep);color:#fff !important}
:where(html[data-style="s6"]) .btn-line{border:2px solid currentColor}
:where(html[data-style="s6"]) .btn-line:hover{background:var(--ink);color:#fff !important;border-color:var(--ink)}
:where(html[data-style="s6"]) .site a:focus-visible,:where(html[data-style="s6"]) .site button:focus-visible{outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
:where(html[data-style="s6"]) .fig{position:relative;isolation:isolate;margin:0 16px 16px 0}
:where(html[data-style="s6"]) .fig::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s6"]) .fig:hover::before{transform:translate(8px,8px)}
:where(html[data-style="s6"]) .fig img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
:where(html[data-style="s6"]) .bar{position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
:where(html[data-style="s6"]) .bar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
:where(html[data-style="s6"]) .logo{display:block;line-height:0}
:where(html[data-style="s6"]) .logo img{height:48px;width:auto;display:block}
:where(html[data-style="s6"]) .bar-r{display:flex;align-items:center;gap:22px}
:where(html[data-style="s6"]) .bar-tel{font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
:where(html[data-style="s6"]) .bar-tel:hover{color:var(--green-ink) !important}
:where(html[data-style="s6"]) .burger{width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
:where(html[data-style="s6"]) .burger:hover{transform:rotate(90deg)}
:where(html[data-style="s6"]) .burger i{position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s6"]) .burger i:nth-child(1){top:18px}:where(html[data-style="s6"]) .burger i:nth-child(2){top:25px}:where(html[data-style="s6"]) .burger i:nth-child(3){top:32px}
:where(html[data-style="s6"]) .is-open .burger{transform:rotate(180deg);background:var(--ink)}
:where(html[data-style="s6"]) .is-open .burger i{background:var(--green)}
:where(html[data-style="s6"]) .is-open .burger i:nth-child(1){top:25px;transform:rotate(45deg)}
:where(html[data-style="s6"]) .is-open .burger i:nth-child(2){opacity:0;transform:scaleX(0)}
:where(html[data-style="s6"]) .is-open .burger i:nth-child(3){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
:where(html[data-style="s6"]) .menu{position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
:where(html[data-style="s6"]) .is-open .menu{visibility:visible;transition-delay:0s}
:where(html[data-style="s6"]) .m-leaf{position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s6"]) .m-l{left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s6"]) .m-r{right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
:where(html[data-style="s6"]) .m-r::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s6"]) .is-open .m-l,:where(html[data-style="s6"]) .is-open .m-r{transform:translateX(0)}
:where(html[data-style="s6"]) .is-open .m-r::before{transform:scaleY(0)}
:where(html[data-style="s6"]) .m-body{position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
:where(html[data-style="s6"]) .is-open .m-body{opacity:1;transition:opacity .3s .45s}
:where(html[data-style="s6"]) .m-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
:where(html[data-style="s6"]) .m-c1{--d:.5s}:where(html[data-style="s6"]) .m-c2{--d:.62s}:where(html[data-style="s6"]) .m-c3{--d:.74s}
:where(html[data-style="s6"]) .m-col{opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s6"]) .is-open .m-col{opacity:1;transform:none;transition-delay:var(--d)}
:where(html[data-style="s6"]) .m-col + .m-col{border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
:where(html[data-style="s6"]) .m-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
:where(html[data-style="s6"]) .chev{width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s6"]) .chev *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s6"]) .m-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
:where(html[data-style="s6"]) .m-list li{opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s6"]) .is-open .m-list li{opacity:1;transform:none}
:where(html[data-style="s6"]) .is-open .m-list li:nth-child(1){transition-delay:calc(var(--d) + .06s)}:where(html[data-style="s6"]) .is-open .m-list li:nth-child(2){transition-delay:calc(var(--d) + .12s)}:where(html[data-style="s6"]) .is-open .m-list li:nth-child(3){transition-delay:calc(var(--d) + .18s)}:where(html[data-style="s6"]) .is-open .m-list li:nth-child(4){transition-delay:calc(var(--d) + .24s)}:where(html[data-style="s6"]) .is-open .m-list li:nth-child(5){transition-delay:calc(var(--d) + .3s)}:where(html[data-style="s6"]) .is-open .m-list li:nth-child(6){transition-delay:calc(var(--d) + .36s)}:where(html[data-style="s6"]) .is-open .m-list li:nth-child(7){transition-delay:calc(var(--d) + .42s)}
:where(html[data-style="s6"]) .m-big{font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
:where(html[data-style="s6"]) .m-big:hover{color:#fff !important;transform:translateX(12px)}
:where(html[data-style="s6"]) .m-c1 .m-list{gap:12px}
:where(html[data-style="s6"]) .m-link{position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
:where(html[data-style="s6"]) .m-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s6"]) .m-link:hover{color:var(--green) !important}
:where(html[data-style="s6"]) .m-link:hover::after{transform:scaleX(1)}
:where(html[data-style="s6"]) .m-foot{margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
:where(html[data-style="s6"]) .is-open .m-foot{opacity:1;transition-delay:.9s}
:where(html[data-style="s6"]) .m-foot-info{display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
:where(html[data-style="s6"]) .m-foot-info a{font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
:where(html[data-style="s6"]) .m-foot-info a:hover{color:var(--green) !important}
:where(html[data-style="s6"]) .m-foot-info span{font-size:15px;color:#C9CED2}
:where(html[data-style="s6"]) .lang{display:flex;gap:10px}
:where(html[data-style="s6"]) .lang a{min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
:where(html[data-style="s6"]) .lang a.on{background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
:where(html[data-style="s6"]) .hero{position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
:where(html[data-style="s6"]) .stage{position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
:where(html[data-style="s6"]) .hero-in{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
:where(html[data-style="s6"]) .hero-head{grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
:where(html[data-style="s6"]) .hero h1{font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
:where(html[data-style="s6"]) .hero h1 span{display:block}
:where(html[data-style="s6"]) .dim{display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
:where(html[data-style="s6"]) .dim i{flex:1;height:2px;background:var(--green);position:relative}
:where(html[data-style="s6"]) .dim i::before,:where(html[data-style="s6"]) .dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s6"]) .dim i::before{left:0}:where(html[data-style="s6"]) .dim i::after{right:0}
:where(html[data-style="s6"]) .hero-sub{margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
:where(html[data-style="s6"]) .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
:where(html[data-style="s6"]) .hero-fig{grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
:where(html[data-style="s6"]) .rail{position:absolute;left:0;right:0;bottom:48px;height:40px}
:where(html[data-style="s6"]) .rail svg{width:100%;height:40px;display:block}
:where(html[data-style="s6"]) .leaf{position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
:where(html[data-style="s6"]) .leaf-l{left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s6"]) .leaf-r{right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
:where(html[data-style="s6"]) .leaf-l::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
:where(html[data-style="s6"]) .leaf-word{font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s6"]) .leaf-r .leaf-word{color:var(--green)}
:where(html[data-style="s6"]) .leaf-l .leaf-word{padding-right:44px}
:where(html[data-style="s6"]) .leaf-r .leaf-word{padding-left:22px}
:where(html[data-style="s6"]) .leaf-hint{position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
:where(html[data-style="s6"]) .leaf-l .leaf-hint{text-align:right;padding-right:20px}
:where(html[data-style="s6"]) .leaf-r .leaf-hint{text-align:left;padding-left:20px}
@keyframes open-l{to{transform:translateX(-101%)}}
@keyframes open-r{to{transform:translateX(101%)}}
@keyframes pop{from{transform:scale(.92);opacity:.2}to{transform:none;opacity:1}}
@keyframes pop2{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}

/* Produkte */
:where(html[data-style="s6"]) .sec{padding:clamp(80px,10vw,150px) 0}
:where(html[data-style="s6"]) .intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
:where(html[data-style="s6"]) .intro h2{grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
:where(html[data-style="s6"]) .intro > p,:where(html[data-style="s6"]) .intro > div{grid-column:8 / span 5;margin:0}
:where(html[data-style="s6"]) .intro p{margin:0;color:var(--muted)}
:where(html[data-style="s6"]) .prods{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
:where(html[data-style="s6"]) .prod{border-bottom:2px solid var(--ink)}
:where(html[data-style="s6"]) .prod a{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
:where(html[data-style="s6"]) .prod a::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
:where(html[data-style="s6"]) .prod a:hover::before{transform:scaleX(1)}
:where(html[data-style="s6"]) .prod-name{font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
:where(html[data-style="s6"]) .prod-line{color:var(--muted);font-size:17px}
:where(html[data-style="s6"]) .prod a:hover .prod-line{color:var(--ink)}
:where(html[data-style="s6"]) .ico{width:64px;height:64px;color:var(--green-dk);transition:color .35s}
:where(html[data-style="s6"]) .prod a:hover .ico{color:var(--ink)}
:where(html[data-style="s6"]) .ico *{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s6"]) .go{width:40px;height:40px;transition:transform .35s}
:where(html[data-style="s6"]) .go *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s6"]) .prod a:hover .go{transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
:where(html[data-style="s6"]) .einer{position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
:where(html[data-style="s6"]) .einer-in{padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
:where(html[data-style="s6"]) .einer h2{grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
:where(html[data-style="s6"]) .einer-txt{grid-column:8 / span 5}
:where(html[data-style="s6"]) .einer-txt p{margin:0 0 28px}
:where(html[data-style="s6"]) .door{position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
:where(html[data-style="s6"]) .slat{flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
:where(html[data-style="s6"]) .slat::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
:where(html[data-style="s6"]) .slat:last-child{border-bottom:10px solid var(--deep)}
:where(html[data-style="s6"]) .door-tag{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}
@keyframes door-up{to{transform:translateY(-101%)}}

/* Referenzen */
:where(html[data-style="s6"]) .refs{background:var(--deep);color:#fff}
:where(html[data-style="s6"]) .refs .intro p{color:#C9CED2;max-width:100%;height:auto !important}
:where(html[data-style="s6"]) .ref-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
:where(html[data-style="s6"]) .refs .btn-line:hover{background:#fff;color:var(--deep) !important;border-color:#fff}
:where(html[data-style="s6"]) .refs .btn-green:hover{background:#fff;color:var(--deep) !important}
:where(html[data-style="s6"]) .shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s6"]) .s1{grid-column:span 7;height:520px}
:where(html[data-style="s6"]) .shots-r{grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
:where(html[data-style="s6"]) .s2{grid-column:1 / -1;height:240px}
:where(html[data-style="s6"]) .s3,:where(html[data-style="s6"]) .s4{height:244px}
:where(html[data-style="s6"]) .s5{grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
:where(html[data-style="s6"]) .split{position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
:where(html[data-style="s6"]) .split-mid{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
:where(html[data-style="s6"]) .split-mid b{font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s6"]) .sp{position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
:where(html[data-style="s6"]) .sp b{font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s6"]) .sp-l{left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
:where(html[data-style="s6"]) .sp-r{right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
@keyframes sp-l{to{transform:translateX(-40%)}}
@keyframes sp-r{to{transform:translateX(40%)}}
@keyframes sp-t{to{transform:translateY(-62%)}}
@keyframes sp-b{to{transform:translateY(62%)}}
:where(html[data-style="s6"]) .werte{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
:where(html[data-style="s6"]) .werte-txt{grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
:where(html[data-style="s6"]) .yrs{display:flex;align-items:baseline;gap:16px}
:where(html[data-style="s6"]) .yrs b{font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
:where(html[data-style="s6"]) .yrs > span{font-weight:700;font-size:22px;line-height:1.2}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes count{from{--n:0}to{--n:30}}
@supports (animation-timeline: view()){
:where(html[data-style="s6"]) .yrs b{display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
:where(html[data-style="s6"]) .yrs b .n{display:none}
:where(html[data-style="s6"]) .yrs b::after{content:counter(yrs)}
}
:where(html[data-style="s6"]) .werte-txt p{margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
:where(html[data-style="s6"]) .werte-fig{grid-column:8 / span 5;height:440px}

/* Kontakt */
:where(html[data-style="s6"]) .kontakt{border-top:2px solid var(--ink)}
:where(html[data-style="s6"]) .k-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s6"]) .k-left{grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
:where(html[data-style="s6"]) .k-left h2{font-size:clamp(48px,6.4vw,100px)}
:where(html[data-style="s6"]) .k-info{display:flex;flex-direction:column;gap:14px}
:where(html[data-style="s6"]) .k-info a.big{font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
:where(html[data-style="s6"]) .k-info a.big:hover{color:var(--green-ink)}
:where(html[data-style="s6"]) .k-info p{margin:0;color:var(--muted)}
:where(html[data-style="s6"]) .k-fig{grid-column:8 / span 5;height:460px}

/* Footer */
:where(html[data-style="s6"]) .foot{background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
:where(html[data-style="s6"]) .f-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
:where(html[data-style="s6"]) .f-addr{grid-column:span 3}
:where(html[data-style="s6"]) .f-addr{display:flex;flex-direction:column;gap:18px}
:where(html[data-style="s6"]) .f-hi{margin:0;font-size:15px;font-weight:650;color:var(--green)}
:where(html[data-style="s6"]) .f-name{margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
:where(html[data-style="s6"]) .f-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
:where(html[data-style="s6"]) .f-row{display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
:where(html[data-style="s6"]) .f-row:hover{color:var(--green) !important;text-decoration:none !important}
:where(html[data-style="s6"]) .f-ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
:where(html[data-style="s6"]) .f-ic svg{width:19px;height:19px}
:where(html[data-style="s6"]) .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s6"]) .f-row:hover .f-ic{background:var(--green);color:var(--ink);transform:rotate(-8deg)}
:where(html[data-style="s6"]) .f-row small{display:block;font-size:13px;color:#9BA3A8;font-weight:500}
:where(html[data-style="s6"]) .f-vat{margin:0;font-size:13px;color:#9BA3A8}
:where(html[data-style="s6"]) .f-social{display:flex;gap:12px}
:where(html[data-style="s6"]) .f-social a{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
:where(html[data-style="s6"]) .f-social img{width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
:where(html[data-style="s6"]) .f-social a:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s6"]) .f-social a:hover img{filter:brightness(0)}
:where(html[data-style="s6"]) .f-col{grid-column:span 2}
:where(html[data-style="s6"]) .f-wide{grid-column:span 3}
:where(html[data-style="s6"]) .f-col h3,:where(html[data-style="s6"]) .f-wide h3{margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
:where(html[data-style="s6"]) .f-col ul,:where(html[data-style="s6"]) .f-wide ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s6"]) .foot a{text-decoration:none;color:#C9CED2 !important}
:where(html[data-style="s6"]) .foot a:hover{color:#fff !important;text-decoration:underline}
:where(html[data-style="s6"]) .f-bot{margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
:where(html[data-style="s6"]) .f-bot div{display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
:where(html[data-style="s6"]) .hero{height:var(--vh)}
:where(html[data-style="s6"]) .leaf,:where(html[data-style="s6"]) .door,:where(html[data-style="s6"]) .sp{display:none}
:where(html[data-style="s6"]) .split-mid b{font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s6"]) .hero{height:var(--vh)}
:where(html[data-style="s6"]) .leaf,:where(html[data-style="s6"]) .door,:where(html[data-style="s6"]) .sp{display:none}
:where(html[data-style="s6"]) .hero-head,:where(html[data-style="s6"]) .hero-fig,:where(html[data-style="s6"]) .yrs b{animation:none !important}
:where(html[data-style="s6"]) .yrs b .n{display:inline !important}
:where(html[data-style="s6"]) .yrs b::after{content:none !important}
:where(html[data-style="s6"]) .m-leaf,:where(html[data-style="s6"]) .m-col,:where(html[data-style="s6"]) .m-list li,:where(html[data-style="s6"]) .m-foot,:where(html[data-style="s6"]) .m-wrapL,:where(html[data-style="s6"]) .burger,:where(html[data-style="s6"]) .burger i,:where(html[data-style="s6"]) .fig::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
:where(html[data-style="s6"]) .intro h2,:where(html[data-style="s6"]) .intro > p,:where(html[data-style="s6"]) .intro > div,:where(html[data-style="s6"]) .einer h2,:where(html[data-style="s6"]) .einer-txt,:where(html[data-style="s6"]) .k-left,:where(html[data-style="s6"]) .k-fig,:where(html[data-style="s6"]) .werte-txt,:where(html[data-style="s6"]) .werte-fig,:where(html[data-style="s6"]) .hero-head,:where(html[data-style="s6"]) .hero-fig{grid-column:1 / -1}
:where(html[data-style="s6"]) .hero-fig{display:none}
:where(html[data-style="s6"]) .prod a{grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
:where(html[data-style="s6"]) .prod-line{display:none}
:where(html[data-style="s6"]) .ico{width:44px;height:44px}
:where(html[data-style="s6"]) .shots{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s6"]) .s1,:where(html[data-style="s6"]) .shots-r{grid-column:1 / -1}
:where(html[data-style="s6"]) .s1{height:300px}
:where(html[data-style="s6"]) .s2,:where(html[data-style="s6"]) .s3,:where(html[data-style="s6"]) .s4{height:200px}
:where(html[data-style="s6"]) .s5{grid-column:1 / -1;height:220px}
:where(html[data-style="s6"]) .werte-fig,:where(html[data-style="s6"]) .k-fig{height:300px}
:where(html[data-style="s6"]) .m-body{padding-top:104px}
:where(html[data-style="s6"]) .m-cols{grid-template-columns:minmax(0,1fr);gap:0}
:where(html[data-style="s6"]) .m-col + .m-col{border-left:0;padding-left:0}
:where(html[data-style="s6"]) .m-title{cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
:where(html[data-style="s6"]) .chev{display:block}
:where(html[data-style="s6"]) .m-col.open .chev{transform:rotate(180deg)}
:where(html[data-style="s6"]) .m-wrapL{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s6"]) .m-col.open .m-wrapL{grid-template-rows:1fr}
:where(html[data-style="s6"]) .m-wrapL > ul{overflow:hidden;min-height:0}
:where(html[data-style="s6"]) .m-list{padding:14px 0 24px}
:where(html[data-style="s6"]) .m-c1 .m-list{gap:14px}
:where(html[data-style="s6"]) .m-big{font-size:clamp(28px,7.6vw,36px)}
:where(html[data-style="s6"]) .m-link{font-size:20px}
:where(html[data-style="s6"]) .m-foot{margin-top:28px;border-top:0;padding-top:0}
:where(html[data-style="s6"]) .f-addr{grid-column:1 / -1}
:where(html[data-style="s6"]) .f-col,:where(html[data-style="s6"]) .f-wide{grid-column:span 6}
:where(html[data-style="s6"]) .bar-tel{display:none}
:where(html[data-style="s6"]) .logo img{height:40px}
:where(html[data-style="s6"]) .split-mid b{font-size:clamp(34px,10vw,60px)}
:where(html[data-style="s6"]) .sp{width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
:where(html[data-style="s6"]) .sp b{font-size:clamp(28px,8vw,40px)}
:where(html[data-style="s6"]) .sp-l{top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
:where(html[data-style="s6"]) .sp-r{top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
:where(html[data-style="s6"]) .sub-hero{padding:132px 0 clamp(64px,8vw,110px)}
:where(html[data-style="s6"]) .crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
:where(html[data-style="s6"]) .crumbs a{text-decoration:none;color:var(--muted) !important}
:where(html[data-style="s6"]) .crumbs a:hover{color:var(--green-ink) !important;text-decoration:underline}
:where(html[data-style="s6"]) .crumbs li + li::before{content:"/";margin-right:8px;color:#9BA3A8}
:where(html[data-style="s6"]) .crumbs [aria-current]{color:var(--ink);font-weight:650}
:where(html[data-style="s6"]) .sh-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s6"]) .sh-txt{grid-column:1 / span 6}
:where(html[data-style="s6"]) .sh-txt h1{font-size:clamp(60px,8.6vw,136px)}
:where(html[data-style="s6"]) .sh-txt{min-width:0}
:where(html[data-style="s6"]) .sh-txt h1{overflow-wrap:break-word;hyphens:manual}
:where(html[data-style="s6"]) .sh-txt:not(.wide) h1{font-size:clamp(52px,6.4vw,104px)}
:where(html[data-style="s6"]) .sh-lead{margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
:where(html[data-style="s6"]) .sh-txt p.sh-body{margin:16px 0 0;max-width:42ch;color:var(--muted)}
:where(html[data-style="s6"]) .jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
:where(html[data-style="s6"]) .jump a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
:where(html[data-style="s6"]) .jump a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
:where(html[data-style="s6"]) .jump a:hover{background:var(--ink);color:#fff !important}
:where(html[data-style="s6"]) .sh-fig{grid-column:8 / span 5;height:min(560px,62vh)}
:where(html[data-style="s6"]) .sh-fig img{animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
:where(html[data-style="s6"]) .sh-fig::before{animation:framein .6s ease 1.1s both}
@keyframes reveal{from{clip-path:inset(0 50% 0 50% round 12px)}to{clip-path:inset(0 0 0 0 round 12px)}}
@keyframes framein{from{opacity:0;transform:translate(0,0)}to{opacity:1;transform:translate(16px,16px)}}

:where(html[data-style="s6"]) .typ{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s6"]) .typ-alt{background:#fff}
:where(html[data-style="s6"]) .typ-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
:where(html[data-style="s6"]) .typ-txt{grid-column:1 / span 5}
:where(html[data-style="s6"]) .typ-stage{grid-column:7 / span 6}
:where(html[data-style="s6"]) .flip .typ-txt{grid-column:8 / span 5;order:2}
:where(html[data-style="s6"]) .flip .typ-stage{grid-column:1 / span 6;order:1}
:where(html[data-style="s6"]) .tags{display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
:where(html[data-style="s6"]) .tags li{font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s6"]) .typ h2{font-size:clamp(46px,5.6vw,86px)}
:where(html[data-style="s6"]) .typ h2 span{display:block;color:var(--green-ink)}
:where(html[data-style="s6"]) .typ-body{margin:24px 0 0;color:var(--muted)}
:where(html[data-style="s6"]) .ph-note{display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
:where(html[data-style="s6"]) .specs{margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
:where(html[data-style="s6"]) .specs div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
:where(html[data-style="s6"]) .specs dt{font-size:14px;font-weight:650;color:var(--green-ink)}
:where(html[data-style="s6"]) .specs dd{margin:0;font-weight:600}
:where(html[data-style="s6"]) .typ .btn{margin-top:30px}
:where(html[data-style="s6"]) .big-dim{display:flex;align-items:center;gap:16px;margin:28px 0 0}
:where(html[data-style="s6"]) .big-dim b{font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s6"]) .big-dim span{font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
:where(html[data-style="s6"]) .big-dim i{flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
:where(html[data-style="s6"]) .big-dim i::before,:where(html[data-style="s6"]) .big-dim i::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
:where(html[data-style="s6"]) .big-dim i::before{left:0}:where(html[data-style="s6"]) .big-dim i::after{right:0}

:where(html[data-style="s6"]) .stage-x{height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
:where(html[data-style="s6"]) .stage-x .fig{height:100%}
:where(html[data-style="s6"]) .ov{position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
:where(html[data-style="s6"]) .slats{background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
:where(html[data-style="s6"]) .swing{perspective:1600px}
:where(html[data-style="s6"]) .wing{position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s6"]) .wing-l{left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
:where(html[data-style="s6"]) .wing-r{right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
:where(html[data-style="s6"]) .wing-l::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes swing-l{to{transform:rotateY(-96deg);opacity:.0}}
@keyframes swing-r{to{transform:rotateY(96deg);opacity:.0}}
:where(html[data-style="s6"]) .slide-p{position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s6"]) .slide-p::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
@keyframes slide-p{to{transform:translateX(104%)}}
:where(html[data-style="s6"]) .boom{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
:where(html[data-style="s6"]) .boom .post{fill:var(--deep)}
:where(html[data-style="s6"]) .boom .arm{transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
@keyframes boom-up{from{transform:rotate(0deg)}to{transform:rotate(-80deg)}}
:where(html[data-style="s6"]) .fence{position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}
@keyframes fence-up{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}

:where(html[data-style="s6"]) .gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
:where(html[data-style="s6"]) .gal .fig{height:clamp(200px,20vw,280px)}
:where(html[data-style="s6"]) .g5 .fig:first-child{grid-column:span 2}
:where(html[data-style="s6"]) .g4{grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
:where(html[data-style="s6"]) .wing,:where(html[data-style="s6"]) .slide-p,:where(html[data-style="s6"]) .fence{display:none}
:where(html[data-style="s6"]) .boom .arm{transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
:where(html[data-style="s6"]) .wing,:where(html[data-style="s6"]) .slide-p,:where(html[data-style="s6"]) .fence{display:none}
:where(html[data-style="s6"]) .boom .arm{animation:none;transform:rotate(-80deg)}
:where(html[data-style="s6"]) .sh-fig img,:where(html[data-style="s6"]) .sh-fig::before{animation:none}
}
@media (max-width:900px){
:where(html[data-style="s6"]) .sh-txt,:where(html[data-style="s6"]) .sh-fig,:where(html[data-style="s6"]) .typ-txt,:where(html[data-style="s6"]) .typ-stage,:where(html[data-style="s6"]) .flip .typ-txt,:where(html[data-style="s6"]) .flip .typ-stage{grid-column:1 / -1;order:0}
:where(html[data-style="s6"]) .sh-fig{height:300px;margin-top:24px}
:where(html[data-style="s6"]) .typ-stage{margin-top:32px}
:where(html[data-style="s6"]) .gal,:where(html[data-style="s6"]) .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
:where(html[data-style="s6"]) .g5 .fig:first-child{grid-column:1 / -1}
:where(html[data-style="s6"]) .specs div{grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
:where(html[data-style="s6"]) .sh-txt.wide{grid-column:1 / span 9}
:where(html[data-style="s6"]) .blk{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
:where(html[data-style="s6"]) .blk-white{background:#fff}
:where(html[data-style="s6"]) .blk-dark{background:var(--deep);color:#fff;border-top:0}
:where(html[data-style="s6"]) .blk-dark .intro p{color:#C9CED2}
:where(html[data-style="s6"]) .cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
:where(html[data-style="s6"]) .c2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s6"]) .c4{grid-template-columns:repeat(4,minmax(0,1fr))}
:where(html[data-style="s6"]) .pcard{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
:where(html[data-style="s6"]) .pcard .fig{height:clamp(220px,22vw,320px)}
:where(html[data-style="s6"]) .pcard h3{margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
:where(html[data-style="s6"]) .pcard p{margin:0;color:var(--muted)}
:where(html[data-style="s6"]) .blk-dark .pcard p{color:#C9CED2}
:where(html[data-style="s6"]) .more{font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
:where(html[data-style="s6"]) a.pcard:hover h3{color:var(--green-ink)}
:where(html[data-style="s6"]) .blk-dark a.pcard:hover h3{color:var(--green)}
:where(html[data-style="s6"]) .price{font-weight:850;font-size:24px}
:where(html[data-style="s6"]) .tilegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
:where(html[data-style="s6"]) .tile{background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
:where(html[data-style="s6"]) .tile:hover{border-color:var(--green);transform:translateY(-4px)}
:where(html[data-style="s6"]) .ti{width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
:where(html[data-style="s6"]) .ti svg{width:24px;height:24px}
:where(html[data-style="s6"]) .ti svg *,:where(html[data-style="s6"]) .dli svg *,:where(html[data-style="s6"]) .crow .f-ic svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s6"]) .tile h3{margin:0;font-size:22px;font-weight:800;line-height:1.15}
:where(html[data-style="s6"]) .tile p{margin:0;color:var(--muted);font-size:16px}
:where(html[data-style="s6"]) .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
:where(html[data-style="s6"]) .fact{border-top:3px solid var(--green);padding-top:22px}
:where(html[data-style="s6"]) .fact b{display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
:where(html[data-style="s6"]) .fact span{display:block;margin-top:10px;color:var(--muted);font-weight:600}
:where(html[data-style="s6"]) .prose2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
:where(html[data-style="s6"]) .prose2 h3{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
:where(html[data-style="s6"]) .prose2 p{margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
:where(html[data-style="s6"]) .notice{border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
:where(html[data-style="s6"]) .dllist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(html[data-style="s6"]) .dlcard{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
:where(html[data-style="s6"]) .dlcard:hover{border-color:var(--green);transform:translateY(-3px)}
:where(html[data-style="s6"]) .dli{width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
:where(html[data-style="s6"]) .dli svg{width:26px;height:26px}
:where(html[data-style="s6"]) .dlcard b{display:block;font-size:20px;font-weight:800;line-height:1.2}
:where(html[data-style="s6"]) .dlcard small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
:where(html[data-style="s6"]) .dltag{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
:where(html[data-style="s6"]) .vthumb{height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
:where(html[data-style="s6"]) .play{width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
:where(html[data-style="s6"]) .play svg{width:30px;height:30px;margin-left:4px}
:where(html[data-style="s6"]) a.pcard:hover .play{transform:scale(1.1)}
:where(html[data-style="s6"]) .vfeat .vthumb{max-height:none}
:where(html[data-style="s6"]) .chiplist{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
:where(html[data-style="s6"]) .chiplist li{padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
:where(html[data-style="s6"]) .roll-p{position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
:where(html[data-style="s6"]) .roll-p::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
@keyframes roll-up{to{transform:translateY(-104%)}}
:where(html[data-style="s6"]) .typ-txt.solo{grid-column:1 / span 8}
:where(html[data-style="s6"]) .kgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
:where(html[data-style="s6"]) .kleft{grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
:where(html[data-style="s6"]) .kright{grid-column:7 / span 6}
:where(html[data-style="s6"]) .crow{display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
:where(html[data-style="s6"]) .crow small{display:block;font-size:14px;font-weight:500;color:var(--muted)}
:where(html[data-style="s6"]) .crow .f-ic{width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
:where(html[data-style="s6"]) a.crow:hover{color:var(--green-ink) !important}
:where(html[data-style="s6"]) a.crow:hover .f-ic{background:var(--green);color:var(--ink)}
:where(html[data-style="s6"]) .formcard{background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
:where(html[data-style="s6"]) .formcard h2{margin:0 0 24px;font-size:28px;font-weight:850}
:where(html[data-style="s6"]) .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
:where(html[data-style="s6"]) .field{display:flex;flex-direction:column;gap:8px}
:where(html[data-style="s6"]) .field.full{grid-column:1 / -1}
:where(html[data-style="s6"]) .field label{font-size:15px;font-weight:650}
:where(html[data-style="s6"]) .field input,:where(html[data-style="s6"]) .field textarea{font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
:where(html[data-style="s6"]) .field textarea{min-height:140px;resize:vertical}
:where(html[data-style="s6"]) .field input:focus,:where(html[data-style="s6"]) .field textarea:focus{outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
:where(html[data-style="s6"]) .check{grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
:where(html[data-style="s6"]) .check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
:where(html[data-style="s6"]) .formcard .btn{border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
:where(html[data-style="s6"]) .formcard .sm{margin:16px 0 0;font-size:14px;color:var(--muted)}
:where(html[data-style="s6"]) .formcard .sm a{color:var(--green-ink) !important}
:where(html[data-style="s6"]) .jobcard{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
:where(html[data-style="s6"]) .jobcard h3{margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
:where(html[data-style="s6"]) .jobcard ul{margin:0;padding-left:20px;color:var(--muted)}
:where(html[data-style="s6"]) .jobcard .btn{align-self:flex-start}
:where(html[data-style="s6"]) .narrow{max-width:560px}
@supports not (animation-timeline: view()){:where(html[data-style="s6"]) .roll-p{display:none}}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s6"]) .roll-p{display:none}}
@media (max-width:900px){
:where(html[data-style="s6"]) .sh-txt.wide,:where(html[data-style="s6"]) .typ-txt.solo,:where(html[data-style="s6"]) .kleft,:where(html[data-style="s6"]) .kright{grid-column:1 / -1}
:where(html[data-style="s6"]) .cardgrid,:where(html[data-style="s6"]) .c2,:where(html[data-style="s6"]) .facts,:where(html[data-style="s6"]) .prose2,:where(html[data-style="s6"]) .fgrid,:where(html[data-style="s6"]) .dllist{grid-template-columns:minmax(0,1fr)}
:where(html[data-style="s6"]) .c4{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(html[data-style="s6"]) .dlcard{grid-template-columns:48px minmax(0,1fr)}
:where(html[data-style="s6"]) .dltag{display:none}
}

/* Kontakt-Abschnitt grün */
:where(html[data-style="s6"]) .kontakt{background:var(--green);border-top:0}
:where(html[data-style="s6"]) .kontakt .k-info p{color:var(--ink)}
:where(html[data-style="s6"]) .kontakt .k-info a.big:hover{color:#fff}
:where(html[data-style="s6"]) .kontakt .btn-green{background:var(--deep);color:#fff !important}
:where(html[data-style="s6"]) .kontakt .btn-green:hover{background:#fff;color:var(--ink) !important}
:where(html[data-style="s6"]) .kontakt .fig::before{border-color:var(--deep)}

:where(html[data-style="s6"]) .tj path,:where(html[data-style="s6"]) .tj rect,:where(html[data-style="s6"]) .tj circle{transform-box:fill-box}
:where(html[data-style="s6"]) .tj .drop{transform-origin:50% 100%;animation:tj-drop .75s both}
:where(html[data-style="s6"]) .tj .pop{transform-origin:50% 100%;animation:tj-pop .5s both}
:where(html[data-style="s6"]) .tj .bang{transform-origin:50% 100%;animation:tj-bang .45s both}
:where(html[data-style="s6"]) .tj .cf{transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
:where(html[data-style="s6"]) .tj .tj-all{transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}
@keyframes tj-drop{0%{transform:translateY(-260px) scale(.9,1.15);opacity:0;animation-timing-function:cubic-bezier(.5,0,1,.6)}
 5%{opacity:1}
 50%{transform:translateY(0) scale(1.18,.78);animation-timing-function:cubic-bezier(0,.5,.5,1)}
 66%{transform:translateY(-22px) scale(.94,1.06);animation-timing-function:cubic-bezier(.5,0,1,.6)}
 80%{transform:translateY(0) scale(1.06,.94)} 90%{transform:scale(.98,1.02)} 100%{transform:none;opacity:1}}
@keyframes tj-pop{0%{transform:translateY(-40px) scale(0) rotate(-25deg);opacity:0}
 45%{transform:translateY(4px) scale(1.3,1.1) rotate(8deg);opacity:1}
 70%{transform:translateY(0) scale(.9,1.08) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-bang{0%{transform:translateY(-180px) scale(2.6) rotate(-40deg);opacity:0;animation-timing-function:cubic-bezier(.6,0,1,.7)}
 10%{opacity:1}
 66%{transform:translateY(0) scale(1.25,.7) rotate(6deg)} 82%{transform:scale(.9,1.12) rotate(-3deg)} 100%{transform:none;opacity:1}}
@keyframes tj-shake{0%,100%{transform:none}15%{transform:translate(-5px,3px) rotate(-1deg)}30%{transform:translate(5px,-2px) rotate(1deg)}
 50%{transform:translate(-3px,1px) rotate(-.5deg)}70%{transform:translate(2px,-1px)}85%{transform:translate(-1px,0)}}
@keyframes tj-c0{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-41px,-63px) rotate(306deg) scale(.6);opacity:0}}@keyframes tj-c1{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(139px,-22px) rotate(-264deg) scale(.6);opacity:0}}@keyframes tj-c2{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(31px,-59px) rotate(159deg) scale(.6);opacity:0}}@keyframes tj-c3{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-64px,-39px) rotate(68deg) scale(.6);opacity:0}}@keyframes tj-c4{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(82px,-10px) rotate(74deg) scale(.6);opacity:0}}@keyframes tj-c5{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(119px,-20px) rotate(-132deg) scale(.6);opacity:0}}@keyframes tj-c6{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(71px,-85px) rotate(-297deg) scale(.6);opacity:0}}@keyframes tj-c7{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-24px,-89px) rotate(-134deg) scale(.6);opacity:0}}@keyframes tj-c8{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(143px,-22px) rotate(-64deg) scale(.6);opacity:0}}@keyframes tj-c9{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-16px,-102px) rotate(224deg) scale(.6);opacity:0}}@keyframes tj-c10{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(75px,-105px) rotate(-175deg) scale(.6);opacity:0}}@keyframes tj-c11{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(113px,-34px) rotate(-168deg) scale(.6);opacity:0}}@keyframes tj-c12{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-35px,-99px) rotate(-296deg) scale(.6);opacity:0}}@keyframes tj-c13{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-23px,-107px) rotate(148deg) scale(.6);opacity:0}}@keyframes tj-c14{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-56px,-80px) rotate(-39deg) scale(.6);opacity:0}}@keyframes tj-c15{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(5px,-134px) rotate(10deg) scale(.6);opacity:0}}@keyframes tj-c16{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(77px,-101px) rotate(355deg) scale(.6);opacity:0}}@keyframes tj-c17{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-62px,-41px) rotate(-53deg) scale(.6);opacity:0}}@keyframes tj-c18{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(35px,-126px) rotate(99deg) scale(.6);opacity:0}}@keyframes tj-c19{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(89px,-111px) rotate(-240deg) scale(.6);opacity:0}}@keyframes tj-c20{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-3px,-73px) rotate(-10deg) scale(.6);opacity:0}}@keyframes tj-c21{0%{transform:translate(0,0) rotate(0) scale(0);opacity:1}15%{transform:translate(0,0) scale(1)}70%{opacity:1}100%{transform:translate(-103px,-40px) rotate(-320deg) scale(.6);opacity:0}}


/* Torjubel-Trenner */
:where(html[data-style="s6"]) .tj-sep{display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
:where(html[data-style="s6"]) .tj{width:300px;max-width:80%;height:auto;overflow:visible}
:where(html[data-style="s6"]) .tj:not(.tj-on) *{animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s6"]) .tj *{animation:none !important}:where(html[data-style="s6"]) .tj .cf{display:none}}

/* Team-Streifen */
:where(html[data-style="s6"]) .team-sec{padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink);background:var(--paper)}
:where(html[data-style="s6"]) .tm-strip{overflow:hidden;width:100%}
:where(html[data-style="s6"]) .tm-strip{background:#fff}
:where(html[data-style="s6"]) .tm-track{display:flex;width:max-content;will-change:transform}
@media (hover: none){:where(html[data-style="s6"]) .tm-strip{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@keyframes tm-move{from{transform:translateX(0)}to{transform:translateX(calc(-100% + 100vw))}}
:where(html[data-style="s6"]) .tm{position:relative;flex:none;width:max(150px,13vw);aspect-ratio:3 / 4;outline:none}
:where(html[data-style="s6"]) .tm img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.15);transition:filter .3s}
:where(html[data-style="s6"]) .tm:hover,:where(html[data-style="s6"]) .tm:focus-visible{z-index:3}
:where(html[data-style="s6"]) .tm:hover img,:where(html[data-style="s6"]) .tm:focus-visible img{filter:none}
:where(html[data-style="s6"]) .tm{overflow:hidden}
:where(html[data-style="s6"]) .tm-info{position:absolute;left:0;right:0;bottom:0;background:rgba(99,179,46,.82);color:var(--ink);padding:clamp(12px,1.2vw,18px);display:flex;flex-direction:column;gap:4px;transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1)}
:where(html[data-style="s6"]) .tm:hover .tm-info,:where(html[data-style="s6"]) .tm:focus-visible .tm-info{transform:translateY(0)}
:where(html[data-style="s6"]) .tm-info b{font-weight:850;font-size:clamp(18px,1.4vw,22px);line-height:1.1;letter-spacing:-0.01em}
:where(html[data-style="s6"]) .tm-info span{font-weight:600;font-size:14px}
:where(html[data-style="s6"]) .tm:focus-visible{outline:3px solid var(--green);outline-offset:-3px}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s6"]) .tm-info{transition:none}}
/* Zahlen zählen beim Scrollen hoch */
:where(html[data-style="s6"]) .fact .n{font-style:normal}
@property --f{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes f1992{from{--f:0}to{--f:1992}}
@keyframes f40{from{--f:0}to{--f:40}}
@keyframes f1{from{--f:0}to{--f:1}}
@supports (animation-timeline: view()){
:where(html[data-style="s6"]) .fact .cnt{counter-reset:f var(--f);font-variant-numeric:tabular-nums;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 20% cover 45%}
:where(html[data-style="s6"]) .fact .cnt .n{display:none}
:where(html[data-style="s6"]) .fact .cnt::after{content:counter(f)}
:where(html[data-style="s6"]) .c1992{animation-name:f1992}
:where(html[data-style="s6"]) .c40{animation-name:f40}
:where(html[data-style="s6"]) .c1{animation-name:f1}
:where(html[data-style="s6"]) .fact .c1::after{content:counter(f) " Hand"}
}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s6"]) .fact .cnt{animation:none !important}:where(html[data-style="s6"]) .fact .cnt .n{display:inline !important}:where(html[data-style="s6"]) .fact .cnt::after{content:none !important}}
/* Bilder vergrößern (Lightbox) */
:where(html[data-style="s6"]) .fig img{cursor:zoom-in}
:where(html[data-style="s6"]) a .fig img{cursor:pointer}
:where(html[data-style="s6"]) .lb{position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
:where(html[data-style="s6"]) .lb.on{opacity:1;visibility:visible;transition:opacity .35s}
:where(html[data-style="s6"]) .lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
:where(html[data-style="s6"]) .lb-img{display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
:where(html[data-style="s6"]) .lb.on .lb-img{transform:none}
:where(html[data-style="s6"]) .lb-count{color:#C9CED2;font-size:15px;font-weight:600}
:where(html[data-style="s6"]) .lb-btn{position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
:where(html[data-style="s6"]) .lb-btn svg{width:22px;height:22px}
:where(html[data-style="s6"]) .lb-btn svg *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(html[data-style="s6"]) .lb-btn:hover{background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s6"]) .lb-x{top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
:where(html[data-style="s6"]) .lb-x:hover{background:#fff;border-color:#fff}
:where(html[data-style="s6"]) .lb-prev{left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s6"]) .lb-next{right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
:where(html[data-style="s6"]) .lb.single .lb-prev,:where(html[data-style="s6"]) .lb.single .lb-next,:where(html[data-style="s6"]) .lb.single .lb-count{display:none}
@media (prefers-reduced-motion: reduce){:where(html[data-style="s6"]) .lb,:where(html[data-style="s6"]) .lb-img{transition:none}}


/* Reusable blocks originally from anleitungen.html */

body:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0}
:root:where([data-block-style="s0"], [data-block-style="s0"] *){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
*:where([data-block-style="s0"], [data-block-style="s0"] *){box-sizing:border-box}
.site:where([data-block-style="s0"], [data-block-style="s0"] *){font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
.site a:where([data-block-style="s0"], [data-block-style="s0"] *){color:inherit}
.wrap:where([data-block-style="s0"], [data-block-style="s0"] *){max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.grid-bg:where([data-block-style="s0"], [data-block-style="s0"] *){background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
.xl:where([data-block-style="s0"], [data-block-style="s0"] *){font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
.btn:where([data-block-style="s0"], [data-block-style="s0"] *){display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
.btn-green:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--green);color:var(--ink) !important}
.btn-green:hover:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--deep);color:#fff !important}
.btn-line:where([data-block-style="s0"], [data-block-style="s0"] *){border:2px solid currentColor}
.btn-line:hover:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--ink);color:#fff !important;border-color:var(--ink)}
.site a:focus-visible:where([data-block-style="s0"], [data-block-style="s0"] *),.site button:focus-visible:where([data-block-style="s0"], [data-block-style="s0"] *){outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
.fig:where([data-block-style="s0"], [data-block-style="s0"] *){position:relative;isolation:isolate;margin:0 16px 16px 0}
.fig:where([data-block-style="s0"], [data-block-style="s0"] *)::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.fig:hover:where([data-block-style="s0"], [data-block-style="s0"] *)::before{transform:translate(8px,8px)}
.fig img:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
.bar:where([data-block-style="s0"], [data-block-style="s0"] *){position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
.bar-in:where([data-block-style="s0"], [data-block-style="s0"] *){height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;line-height:0}
.logo img:where([data-block-style="s0"], [data-block-style="s0"] *){height:48px;width:auto;display:block}
.bar-r:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;align-items:center;gap:22px}
.bar-tel:where([data-block-style="s0"], [data-block-style="s0"] *){font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
.bar-tel:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green-ink) !important}
.burger:where([data-block-style="s0"], [data-block-style="s0"] *){width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
.burger:hover:where([data-block-style="s0"], [data-block-style="s0"] *){transform:rotate(90deg)}
.burger i:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
.burger i:nth-child(1):where([data-block-style="s0"], [data-block-style="s0"] *){top:18px}.burger i:nth-child(2):where([data-block-style="s0"], [data-block-style="s0"] *){top:25px}.burger i:nth-child(3):where([data-block-style="s0"], [data-block-style="s0"] *){top:32px}
.is-open .burger:where([data-block-style="s0"], [data-block-style="s0"] *){transform:rotate(180deg);background:var(--ink)}
.is-open .burger i:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--green)}
.is-open .burger i:nth-child(1):where([data-block-style="s0"], [data-block-style="s0"] *){top:25px;transform:rotate(45deg)}
.is-open .burger i:nth-child(2):where([data-block-style="s0"], [data-block-style="s0"] *){opacity:0;transform:scaleX(0)}
.is-open .burger i:nth-child(3):where([data-block-style="s0"], [data-block-style="s0"] *){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
.menu:where([data-block-style="s0"], [data-block-style="s0"] *){position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
.is-open .menu:where([data-block-style="s0"], [data-block-style="s0"] *){visibility:visible;transition-delay:0s}
.m-leaf:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.m-l:where([data-block-style="s0"], [data-block-style="s0"] *){left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s0"], [data-block-style="s0"] *){right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s0"], [data-block-style="s0"] *)::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
.is-open .m-l:where([data-block-style="s0"], [data-block-style="s0"] *),.is-open .m-r:where([data-block-style="s0"], [data-block-style="s0"] *){transform:translateX(0)}
.is-open .m-r:where([data-block-style="s0"], [data-block-style="s0"] *)::before{transform:scaleY(0)}
.m-body:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
.is-open .m-body:where([data-block-style="s0"], [data-block-style="s0"] *){opacity:1;transition:opacity .3s .45s}
.m-cols:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
.m-c1:where([data-block-style="s0"], [data-block-style="s0"] *){--d:.5s}.m-c2:where([data-block-style="s0"], [data-block-style="s0"] *){--d:.62s}.m-c3:where([data-block-style="s0"], [data-block-style="s0"] *){--d:.74s}
.m-col:where([data-block-style="s0"], [data-block-style="s0"] *){opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.is-open .m-col:where([data-block-style="s0"], [data-block-style="s0"] *){opacity:1;transform:none;transition-delay:var(--d)}
.m-col + .m-col:where([data-block-style="s0"], [data-block-style="s0"] *){border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
.m-title:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
.chev:where([data-block-style="s0"], [data-block-style="s0"] *){width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.chev *:where([data-block-style="s0"], [data-block-style="s0"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.m-list:where([data-block-style="s0"], [data-block-style="s0"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.m-list li:where([data-block-style="s0"], [data-block-style="s0"] *){opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.is-open .m-list li:where([data-block-style="s0"], [data-block-style="s0"] *){opacity:1;transform:none}
.is-open .m-list li:nth-child(1):where([data-block-style="s0"], [data-block-style="s0"] *){transition-delay:calc(var(--d) + .06s)}.is-open .m-list li:nth-child(2):where([data-block-style="s0"], [data-block-style="s0"] *){transition-delay:calc(var(--d) + .12s)}.is-open .m-list li:nth-child(3):where([data-block-style="s0"], [data-block-style="s0"] *){transition-delay:calc(var(--d) + .18s)}.is-open .m-list li:nth-child(4):where([data-block-style="s0"], [data-block-style="s0"] *){transition-delay:calc(var(--d) + .24s)}.is-open .m-list li:nth-child(5):where([data-block-style="s0"], [data-block-style="s0"] *){transition-delay:calc(var(--d) + .3s)}.is-open .m-list li:nth-child(6):where([data-block-style="s0"], [data-block-style="s0"] *){transition-delay:calc(var(--d) + .36s)}.is-open .m-list li:nth-child(7):where([data-block-style="s0"], [data-block-style="s0"] *){transition-delay:calc(var(--d) + .42s)}
.m-big:where([data-block-style="s0"], [data-block-style="s0"] *){font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.m-big:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:#fff !important;transform:translateX(12px)}
.m-c1 .m-list:where([data-block-style="s0"], [data-block-style="s0"] *){gap:12px}
.m-link:where([data-block-style="s0"], [data-block-style="s0"] *){position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
.m-link:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.m-link:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green) !important}
.m-link:hover:where([data-block-style="s0"], [data-block-style="s0"] *)::after{transform:scaleX(1)}
.m-foot:where([data-block-style="s0"], [data-block-style="s0"] *){margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
.is-open .m-foot:where([data-block-style="s0"], [data-block-style="s0"] *){opacity:1;transition-delay:.9s}
.m-foot-info:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
.m-foot-info a:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
.m-foot-info a:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green) !important}
.m-foot-info span:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:15px;color:#C9CED2}
.lang:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;gap:10px}
.lang a:where([data-block-style="s0"], [data-block-style="s0"] *){min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
.lang a.on:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
.hero:where([data-block-style="s0"], [data-block-style="s0"] *){position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
.stage:where([data-block-style="s0"], [data-block-style="s0"] *){position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
.hero-in:where([data-block-style="s0"], [data-block-style="s0"] *){height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
.hero-head:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
.hero h1:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
.hero h1 span:where([data-block-style="s0"], [data-block-style="s0"] *){display:block}
.dim:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
.dim i:where([data-block-style="s0"], [data-block-style="s0"] *){flex:1;height:2px;background:var(--green);position:relative}
.dim i:where([data-block-style="s0"], [data-block-style="s0"] *)::before,.dim i:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.dim i:where([data-block-style="s0"], [data-block-style="s0"] *)::before{left:0}.dim i:where([data-block-style="s0"], [data-block-style="s0"] *)::after{right:0}
.hero-sub:where([data-block-style="s0"], [data-block-style="s0"] *){margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
.hero-cta:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-fig:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
.rail:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;left:0;right:0;bottom:48px;height:40px}
.rail svg:where([data-block-style="s0"], [data-block-style="s0"] *){width:100%;height:40px;display:block}
.leaf:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
.leaf-l:where([data-block-style="s0"], [data-block-style="s0"] *){left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-r:where([data-block-style="s0"], [data-block-style="s0"] *){right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-l:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
.leaf-word:where([data-block-style="s0"], [data-block-style="s0"] *){font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
.leaf-r .leaf-word:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green)}
.leaf-l .leaf-word:where([data-block-style="s0"], [data-block-style="s0"] *){padding-right:44px}
.leaf-r .leaf-word:where([data-block-style="s0"], [data-block-style="s0"] *){padding-left:22px}
.leaf-hint:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
.leaf-l .leaf-hint:where([data-block-style="s0"], [data-block-style="s0"] *){text-align:right;padding-right:20px}
.leaf-r .leaf-hint:where([data-block-style="s0"], [data-block-style="s0"] *){text-align:left;padding-left:20px}

/* Produkte */
.sec:where([data-block-style="s0"], [data-block-style="s0"] *){padding:clamp(80px,10vw,150px) 0}
.intro:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
.intro h2:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
.intro > p:where([data-block-style="s0"], [data-block-style="s0"] *),.intro > div:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:8 / span 5;margin:0}
.intro p:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;color:var(--muted)}
.prods:where([data-block-style="s0"], [data-block-style="s0"] *){list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.prod:where([data-block-style="s0"], [data-block-style="s0"] *){border-bottom:2px solid var(--ink)}
.prod a:where([data-block-style="s0"], [data-block-style="s0"] *){position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
.prod a:where([data-block-style="s0"], [data-block-style="s0"] *)::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.prod a:hover:where([data-block-style="s0"], [data-block-style="s0"] *)::before{transform:scaleX(1)}
.prod-name:where([data-block-style="s0"], [data-block-style="s0"] *){font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
.prod-line:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--muted);font-size:17px}
.prod a:hover .prod-line:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--ink)}
.ico:where([data-block-style="s0"], [data-block-style="s0"] *){width:64px;height:64px;color:var(--green-dk);transition:color .35s}
.prod a:hover .ico:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--ink)}
.ico *:where([data-block-style="s0"], [data-block-style="s0"] *){fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.go:where([data-block-style="s0"], [data-block-style="s0"] *){width:40px;height:40px;transition:transform .35s}
.go *:where([data-block-style="s0"], [data-block-style="s0"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prod a:hover .go:where([data-block-style="s0"], [data-block-style="s0"] *){transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
.einer:where([data-block-style="s0"], [data-block-style="s0"] *){position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
.einer-in:where([data-block-style="s0"], [data-block-style="s0"] *){padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.einer h2:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
.einer-txt:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:8 / span 5}
.einer-txt p:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0 0 28px}
.door:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
.slat:where([data-block-style="s0"], [data-block-style="s0"] *){flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
.slat:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
.slat:last-child:where([data-block-style="s0"], [data-block-style="s0"] *){border-bottom:10px solid var(--deep)}
.door-tag:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}

/* Referenzen */
.refs:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--deep);color:#fff}
.refs .intro p:where([data-block-style="s0"], [data-block-style="s0"] *){color:#C9CED2;max-width:100%;height:auto !important}
.ref-cta:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.refs .btn-line:hover:where([data-block-style="s0"], [data-block-style="s0"] *){background:#fff;color:var(--deep) !important;border-color:#fff}
.refs .btn-green:hover:where([data-block-style="s0"], [data-block-style="s0"] *){background:#fff;color:var(--deep) !important}
.shots:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
.s1:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:span 7;height:520px}
.shots-r:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.s2:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1;height:240px}
.s3:where([data-block-style="s0"], [data-block-style="s0"] *),.s4:where([data-block-style="s0"], [data-block-style="s0"] *){height:244px}
.s5:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
.split:where([data-block-style="s0"], [data-block-style="s0"] *){position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
.split-mid:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.split-mid b:where([data-block-style="s0"], [data-block-style="s0"] *){font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
.sp:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
.sp b:where([data-block-style="s0"], [data-block-style="s0"] *){font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
.sp-l:where([data-block-style="s0"], [data-block-style="s0"] *){left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
.sp-r:where([data-block-style="s0"], [data-block-style="s0"] *){right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
.werte:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
.werte-txt:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
.yrs:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;align-items:baseline;gap:16px}
.yrs b:where([data-block-style="s0"], [data-block-style="s0"] *){font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
.yrs > span:where([data-block-style="s0"], [data-block-style="s0"] *){font-weight:700;font-size:22px;line-height:1.2}
@supports (animation-timeline: view()){
.yrs b:where([data-block-style="s0"], [data-block-style="s0"] *){display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
.yrs b .n:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
.yrs b:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:counter(yrs)}
}
.werte-txt p:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
.werte-fig:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:8 / span 5;height:440px}

/* Kontakt */
.kontakt:where([data-block-style="s0"], [data-block-style="s0"] *){border-top:2px solid var(--ink)}
.k-grid:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.k-left:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
.k-left h2:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:clamp(48px,6.4vw,100px)}
.k-info:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-direction:column;gap:14px}
.k-info a.big:where([data-block-style="s0"], [data-block-style="s0"] *){font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
.k-info a.big:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green-ink)}
.k-info p:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;color:var(--muted)}
.k-fig:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:8 / span 5;height:460px}

/* Footer */
.foot:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
.f-grid:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.f-addr:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:span 3}
.f-addr:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-direction:column;gap:18px}
.f-hi:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;font-size:15px;font-weight:650;color:var(--green)}
.f-name:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
.f-rows:where([data-block-style="s0"], [data-block-style="s0"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.f-row:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
.f-row:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green) !important;text-decoration:none !important}
.f-ic:where([data-block-style="s0"], [data-block-style="s0"] *){flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
.f-ic svg:where([data-block-style="s0"], [data-block-style="s0"] *){width:19px;height:19px}
.f-ic svg *:where([data-block-style="s0"], [data-block-style="s0"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f-row:hover .f-ic:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--green);color:var(--ink);transform:rotate(-8deg)}
.f-row small:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;font-size:13px;color:#9BA3A8;font-weight:500}
.f-vat:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;font-size:13px;color:#9BA3A8}
.f-social:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;gap:12px}
.f-social a:where([data-block-style="s0"], [data-block-style="s0"] *){width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.f-social img:where([data-block-style="s0"], [data-block-style="s0"] *){width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
.f-social a:hover:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--green);border-color:var(--green);transform:translateY(-3px)}
.f-social a:hover img:where([data-block-style="s0"], [data-block-style="s0"] *){filter:brightness(0)}
.f-col:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:span 2}
.f-wide:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:span 3}
.f-col h3:where([data-block-style="s0"], [data-block-style="s0"] *),.f-wide h3:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
.f-col ul:where([data-block-style="s0"], [data-block-style="s0"] *),.f-wide ul:where([data-block-style="s0"], [data-block-style="s0"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot a:where([data-block-style="s0"], [data-block-style="s0"] *){text-decoration:none;color:#C9CED2 !important}
.foot a:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:#fff !important;text-decoration:underline}
.f-bot:where([data-block-style="s0"], [data-block-style="s0"] *){margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
.f-bot div:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
.hero:where([data-block-style="s0"], [data-block-style="s0"] *){height:var(--vh)}
.leaf:where([data-block-style="s0"], [data-block-style="s0"] *),.door:where([data-block-style="s0"], [data-block-style="s0"] *),.sp:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
.split-mid b:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
.hero:where([data-block-style="s0"], [data-block-style="s0"] *){height:var(--vh)}
.leaf:where([data-block-style="s0"], [data-block-style="s0"] *),.door:where([data-block-style="s0"], [data-block-style="s0"] *),.sp:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
.hero-head:where([data-block-style="s0"], [data-block-style="s0"] *),.hero-fig:where([data-block-style="s0"], [data-block-style="s0"] *),.yrs b:where([data-block-style="s0"], [data-block-style="s0"] *){animation:none !important}
.yrs b .n:where([data-block-style="s0"], [data-block-style="s0"] *){display:inline !important}
.yrs b:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:none !important}
.m-leaf:where([data-block-style="s0"], [data-block-style="s0"] *),.m-col:where([data-block-style="s0"], [data-block-style="s0"] *),.m-list li:where([data-block-style="s0"], [data-block-style="s0"] *),.m-foot:where([data-block-style="s0"], [data-block-style="s0"] *),.m-wrapL:where([data-block-style="s0"], [data-block-style="s0"] *),.burger:where([data-block-style="s0"], [data-block-style="s0"] *),.burger i:where([data-block-style="s0"], [data-block-style="s0"] *),.fig:where([data-block-style="s0"], [data-block-style="s0"] *)::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
.intro h2:where([data-block-style="s0"], [data-block-style="s0"] *),.intro > p:where([data-block-style="s0"], [data-block-style="s0"] *),.intro > div:where([data-block-style="s0"], [data-block-style="s0"] *),.einer h2:where([data-block-style="s0"], [data-block-style="s0"] *),.einer-txt:where([data-block-style="s0"], [data-block-style="s0"] *),.k-left:where([data-block-style="s0"], [data-block-style="s0"] *),.k-fig:where([data-block-style="s0"], [data-block-style="s0"] *),.werte-txt:where([data-block-style="s0"], [data-block-style="s0"] *),.werte-fig:where([data-block-style="s0"], [data-block-style="s0"] *),.hero-head:where([data-block-style="s0"], [data-block-style="s0"] *),.hero-fig:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1}
.hero-fig:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
.prod a:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
.prod-line:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
.ico:where([data-block-style="s0"], [data-block-style="s0"] *){width:44px;height:44px}
.shots:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:minmax(0,1fr)}
.s1:where([data-block-style="s0"], [data-block-style="s0"] *),.shots-r:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1}
.s1:where([data-block-style="s0"], [data-block-style="s0"] *){height:300px}
.s2:where([data-block-style="s0"], [data-block-style="s0"] *),.s3:where([data-block-style="s0"], [data-block-style="s0"] *),.s4:where([data-block-style="s0"], [data-block-style="s0"] *){height:200px}
.s5:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1;height:220px}
.werte-fig:where([data-block-style="s0"], [data-block-style="s0"] *),.k-fig:where([data-block-style="s0"], [data-block-style="s0"] *){height:300px}
.m-body:where([data-block-style="s0"], [data-block-style="s0"] *){padding-top:104px}
.m-cols:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:minmax(0,1fr);gap:0}
.m-col + .m-col:where([data-block-style="s0"], [data-block-style="s0"] *){border-left:0;padding-left:0}
.m-title:where([data-block-style="s0"], [data-block-style="s0"] *){cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
.chev:where([data-block-style="s0"], [data-block-style="s0"] *){display:block}
.m-col.open .chev:where([data-block-style="s0"], [data-block-style="s0"] *){transform:rotate(180deg)}
.m-wrapL:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
.m-col.open .m-wrapL:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-rows:1fr}
.m-wrapL > ul:where([data-block-style="s0"], [data-block-style="s0"] *){overflow:hidden;min-height:0}
.m-list:where([data-block-style="s0"], [data-block-style="s0"] *){padding:14px 0 24px}
.m-c1 .m-list:where([data-block-style="s0"], [data-block-style="s0"] *){gap:14px}
.m-big:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:clamp(28px,7.6vw,36px)}
.m-link:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:20px}
.m-foot:where([data-block-style="s0"], [data-block-style="s0"] *){margin-top:28px;border-top:0;padding-top:0}
.f-addr:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1}
.f-col:where([data-block-style="s0"], [data-block-style="s0"] *),.f-wide:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:span 6}
.bar-tel:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
.logo img:where([data-block-style="s0"], [data-block-style="s0"] *){height:40px}
.split-mid b:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:clamp(34px,10vw,60px)}
.sp:where([data-block-style="s0"], [data-block-style="s0"] *){width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
.sp b:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:clamp(28px,8vw,40px)}
.sp-l:where([data-block-style="s0"], [data-block-style="s0"] *){top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
.sp-r:where([data-block-style="s0"], [data-block-style="s0"] *){top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
.sub-hero:where([data-block-style="s0"], [data-block-style="s0"] *){padding:132px 0 clamp(64px,8vw,110px)}
.crumbs:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
.crumbs a:where([data-block-style="s0"], [data-block-style="s0"] *){text-decoration:none;color:var(--muted) !important}
.crumbs a:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green-ink) !important;text-decoration:underline}
.crumbs li + li:where([data-block-style="s0"], [data-block-style="s0"] *)::before{content:"/";margin-right:8px;color:#9BA3A8}
.crumbs [aria-current]:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--ink);font-weight:650}
.sh-grid:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.sh-txt:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 6}
.sh-txt h1:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:clamp(60px,8.6vw,136px)}
.sh-txt:where([data-block-style="s0"], [data-block-style="s0"] *){min-width:0}
.sh-txt h1:where([data-block-style="s0"], [data-block-style="s0"] *){overflow-wrap:break-word;hyphens:manual}
.sh-txt:not(.wide) h1:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:clamp(52px,6.4vw,104px)}
.sh-lead:where([data-block-style="s0"], [data-block-style="s0"] *){margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
.sh-txt p.sh-body:where([data-block-style="s0"], [data-block-style="s0"] *){margin:16px 0 0;max-width:42ch;color:var(--muted)}
.jump:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
.jump a:where([data-block-style="s0"], [data-block-style="s0"] *){display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.jump a:where([data-block-style="s0"], [data-block-style="s0"] *)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.jump a:hover:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--ink);color:#fff !important}
.sh-fig:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:8 / span 5;height:min(560px,62vh)}
.sh-fig img:where([data-block-style="s0"], [data-block-style="s0"] *){animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
.sh-fig:where([data-block-style="s0"], [data-block-style="s0"] *)::before{animation:framein .6s ease 1.1s both}

.typ:where([data-block-style="s0"], [data-block-style="s0"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.typ-alt:where([data-block-style="s0"], [data-block-style="s0"] *){background:#fff}
.typ-grid:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.typ-txt:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 5}
.typ-stage:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:7 / span 6}
.flip .typ-txt:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:8 / span 5;order:2}
.flip .typ-stage:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 6;order:1}
.tags:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.tags li:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
.typ h2:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:clamp(46px,5.6vw,86px)}
.typ h2 span:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;color:var(--green-ink)}
.typ-body:where([data-block-style="s0"], [data-block-style="s0"] *){margin:24px 0 0;color:var(--muted)}
.ph-note:where([data-block-style="s0"], [data-block-style="s0"] *){display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
.specs:where([data-block-style="s0"], [data-block-style="s0"] *){margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
.specs div:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
.specs dt:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:14px;font-weight:650;color:var(--green-ink)}
.specs dd:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;font-weight:600}
.typ .btn:where([data-block-style="s0"], [data-block-style="s0"] *){margin-top:30px}
.big-dim:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;align-items:center;gap:16px;margin:28px 0 0}
.big-dim b:where([data-block-style="s0"], [data-block-style="s0"] *){font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
.big-dim span:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
.big-dim i:where([data-block-style="s0"], [data-block-style="s0"] *){flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
.big-dim i:where([data-block-style="s0"], [data-block-style="s0"] *)::before,.big-dim i:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.big-dim i:where([data-block-style="s0"], [data-block-style="s0"] *)::before{left:0}.big-dim i:where([data-block-style="s0"], [data-block-style="s0"] *)::after{right:0}

.stage-x:where([data-block-style="s0"], [data-block-style="s0"] *){height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
.stage-x .fig:where([data-block-style="s0"], [data-block-style="s0"] *){height:100%}
.ov:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
.slats:where([data-block-style="s0"], [data-block-style="s0"] *){background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
.swing:where([data-block-style="s0"], [data-block-style="s0"] *){perspective:1600px}
.wing:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.wing-l:where([data-block-style="s0"], [data-block-style="s0"] *){left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
.wing-r:where([data-block-style="s0"], [data-block-style="s0"] *){right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
.wing-l:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.slide-p:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.slide-p:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.boom:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.boom .post:where([data-block-style="s0"], [data-block-style="s0"] *){fill:var(--deep)}
.boom .arm:where([data-block-style="s0"], [data-block-style="s0"] *){transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.fence:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}

.gal:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
.gal .fig:where([data-block-style="s0"], [data-block-style="s0"] *){height:clamp(200px,20vw,280px)}
.g5 .fig:first-child:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:span 2}
.g4:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
.wing:where([data-block-style="s0"], [data-block-style="s0"] *),.slide-p:where([data-block-style="s0"], [data-block-style="s0"] *),.fence:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
.boom .arm:where([data-block-style="s0"], [data-block-style="s0"] *){transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
.wing:where([data-block-style="s0"], [data-block-style="s0"] *),.slide-p:where([data-block-style="s0"], [data-block-style="s0"] *),.fence:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
.boom .arm:where([data-block-style="s0"], [data-block-style="s0"] *){animation:none;transform:rotate(-80deg)}
.sh-fig img:where([data-block-style="s0"], [data-block-style="s0"] *),.sh-fig:where([data-block-style="s0"], [data-block-style="s0"] *)::before{animation:none}
}
@media (max-width:900px){
.sh-txt:where([data-block-style="s0"], [data-block-style="s0"] *),.sh-fig:where([data-block-style="s0"], [data-block-style="s0"] *),.typ-txt:where([data-block-style="s0"], [data-block-style="s0"] *),.typ-stage:where([data-block-style="s0"], [data-block-style="s0"] *),.flip .typ-txt:where([data-block-style="s0"], [data-block-style="s0"] *),.flip .typ-stage:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1;order:0}
.sh-fig:where([data-block-style="s0"], [data-block-style="s0"] *){height:300px;margin-top:24px}
.typ-stage:where([data-block-style="s0"], [data-block-style="s0"] *){margin-top:32px}
.gal:where([data-block-style="s0"], [data-block-style="s0"] *),.g4:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.g5 .fig:first-child:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1}
.specs div:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
.sh-txt.wide:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 9}
.blk:where([data-block-style="s0"], [data-block-style="s0"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.blk-white:where([data-block-style="s0"], [data-block-style="s0"] *){background:#fff}
.blk-dark:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--deep);color:#fff;border-top:0}
.blk-dark .intro p:where([data-block-style="s0"], [data-block-style="s0"] *){color:#C9CED2}
.cardgrid:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.c2:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.c4:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:repeat(4,minmax(0,1fr))}
.pcard:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
.pcard .fig:where([data-block-style="s0"], [data-block-style="s0"] *){height:clamp(220px,22vw,320px)}
.pcard h3:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
.pcard p:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;color:var(--muted)}
.blk-dark .pcard p:where([data-block-style="s0"], [data-block-style="s0"] *){color:#C9CED2}
.more:where([data-block-style="s0"], [data-block-style="s0"] *){font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
a.pcard:hover h3:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green-ink)}
.blk-dark a.pcard:hover h3:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green)}
.price:where([data-block-style="s0"], [data-block-style="s0"] *){font-weight:850;font-size:24px}
.tilegrid:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.tile:where([data-block-style="s0"], [data-block-style="s0"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
.tile:hover:where([data-block-style="s0"], [data-block-style="s0"] *){border-color:var(--green);transform:translateY(-4px)}
.ti:where([data-block-style="s0"], [data-block-style="s0"] *){width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
.ti svg:where([data-block-style="s0"], [data-block-style="s0"] *){width:24px;height:24px}
.ti svg *:where([data-block-style="s0"], [data-block-style="s0"] *),.dli svg *:where([data-block-style="s0"], [data-block-style="s0"] *),.crow .f-ic svg *:where([data-block-style="s0"], [data-block-style="s0"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile h3:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;font-size:22px;font-weight:800;line-height:1.15}
.tile p:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;color:var(--muted);font-size:16px}
.facts:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fact:where([data-block-style="s0"], [data-block-style="s0"] *){border-top:3px solid var(--green);padding-top:22px}
.fact b:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
.fact span:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;margin-top:10px;color:var(--muted);font-weight:600}
.prose2:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
.prose2 h3:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
.prose2 p:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
.notice:where([data-block-style="s0"], [data-block-style="s0"] *){border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
.dllist:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dlcard:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
.dlcard:hover:where([data-block-style="s0"], [data-block-style="s0"] *){border-color:var(--green);transform:translateY(-3px)}
.dli:where([data-block-style="s0"], [data-block-style="s0"] *){width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
.dli svg:where([data-block-style="s0"], [data-block-style="s0"] *){width:26px;height:26px}
.dlcard b:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;font-size:20px;font-weight:800;line-height:1.2}
.dlcard small:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;color:var(--muted);font-size:14px;margin-top:4px}
.dltag:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
.vthumb:where([data-block-style="s0"], [data-block-style="s0"] *){height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
.play:where([data-block-style="s0"], [data-block-style="s0"] *){width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
.play svg:where([data-block-style="s0"], [data-block-style="s0"] *){width:30px;height:30px;margin-left:4px}
a.pcard:hover .play:where([data-block-style="s0"], [data-block-style="s0"] *){transform:scale(1.1)}
.vfeat .vthumb:where([data-block-style="s0"], [data-block-style="s0"] *){max-height:none}
.chiplist:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.chiplist li:where([data-block-style="s0"], [data-block-style="s0"] *){padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
.roll-p:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.roll-p:where([data-block-style="s0"], [data-block-style="s0"] *)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
.typ-txt.solo:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 8}
.kgrid:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.kleft:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
.kright:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:7 / span 6}
.crow:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
.crow small:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;font-size:14px;font-weight:500;color:var(--muted)}
.crow .f-ic:where([data-block-style="s0"], [data-block-style="s0"] *){width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
a.crow:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green-ink) !important}
a.crow:hover .f-ic:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--green);color:var(--ink)}
.formcard:where([data-block-style="s0"], [data-block-style="s0"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
.formcard h2:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0 0 24px;font-size:28px;font-weight:850}
.fgrid:where([data-block-style="s0"], [data-block-style="s0"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;flex-direction:column;gap:8px}
.field.full:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1}
.field label:where([data-block-style="s0"], [data-block-style="s0"] *){font-size:15px;font-weight:650}
.field input:where([data-block-style="s0"], [data-block-style="s0"] *),.field textarea:where([data-block-style="s0"], [data-block-style="s0"] *){font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
.field textarea:where([data-block-style="s0"], [data-block-style="s0"] *){min-height:140px;resize:vertical}
.field input:focus:where([data-block-style="s0"], [data-block-style="s0"] *),.field textarea:focus:where([data-block-style="s0"], [data-block-style="s0"] *){outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
.check:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
.check input:where([data-block-style="s0"], [data-block-style="s0"] *){width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
.formcard .btn:where([data-block-style="s0"], [data-block-style="s0"] *){border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
.formcard .sm:where([data-block-style="s0"], [data-block-style="s0"] *){margin:16px 0 0;font-size:14px;color:var(--muted)}
.formcard .sm a:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--green-ink) !important}
.jobcard:where([data-block-style="s0"], [data-block-style="s0"] *){background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.jobcard h3:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
.jobcard ul:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;padding-left:20px;color:var(--muted)}
.jobcard .btn:where([data-block-style="s0"], [data-block-style="s0"] *){align-self:flex-start}
.narrow:where([data-block-style="s0"], [data-block-style="s0"] *){max-width:560px}
@supports not (animation-timeline: view()){.roll-p:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}}
@media (prefers-reduced-motion: reduce){.roll-p:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}}
@media (max-width:900px){
.sh-txt.wide:where([data-block-style="s0"], [data-block-style="s0"] *),.typ-txt.solo:where([data-block-style="s0"], [data-block-style="s0"] *),.kleft:where([data-block-style="s0"], [data-block-style="s0"] *),.kright:where([data-block-style="s0"], [data-block-style="s0"] *){grid-column:1 / -1}
.cardgrid:where([data-block-style="s0"], [data-block-style="s0"] *),.c2:where([data-block-style="s0"], [data-block-style="s0"] *),.facts:where([data-block-style="s0"], [data-block-style="s0"] *),.prose2:where([data-block-style="s0"], [data-block-style="s0"] *),.fgrid:where([data-block-style="s0"], [data-block-style="s0"] *),.dllist:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:minmax(0,1fr)}
.c4:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.dlcard:where([data-block-style="s0"], [data-block-style="s0"] *){grid-template-columns:48px minmax(0,1fr)}
.dltag:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
}

/* Kontakt-Abschnitt grün */
.kontakt:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--green);border-top:0}
.kontakt .k-info p:where([data-block-style="s0"], [data-block-style="s0"] *){color:var(--ink)}
.kontakt .k-info a.big:hover:where([data-block-style="s0"], [data-block-style="s0"] *){color:#fff}
.kontakt .btn-green:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--deep);color:#fff !important}
.kontakt .btn-green:hover:where([data-block-style="s0"], [data-block-style="s0"] *){background:#fff;color:var(--ink) !important}
.kontakt .fig:where([data-block-style="s0"], [data-block-style="s0"] *)::before{border-color:var(--deep)}

.tj path:where([data-block-style="s0"], [data-block-style="s0"] *),.tj rect:where([data-block-style="s0"], [data-block-style="s0"] *),.tj circle:where([data-block-style="s0"], [data-block-style="s0"] *){transform-box:fill-box}
.tj .drop:where([data-block-style="s0"], [data-block-style="s0"] *){transform-origin:50% 100%;animation:tj-drop .75s both}
.tj .pop:where([data-block-style="s0"], [data-block-style="s0"] *){transform-origin:50% 100%;animation:tj-pop .5s both}
.tj .bang:where([data-block-style="s0"], [data-block-style="s0"] *){transform-origin:50% 100%;animation:tj-bang .45s both}
.tj .cf:where([data-block-style="s0"], [data-block-style="s0"] *){transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
.tj .tj-all:where([data-block-style="s0"], [data-block-style="s0"] *){transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}


/* Torjubel-Trenner */
.tj-sep:where([data-block-style="s0"], [data-block-style="s0"] *){display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
.tj:where([data-block-style="s0"], [data-block-style="s0"] *){width:300px;max-width:80%;height:auto;overflow:visible}
.tj:not(.tj-on) *:where([data-block-style="s0"], [data-block-style="s0"] *){animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){.tj *:where([data-block-style="s0"], [data-block-style="s0"] *){animation:none !important}.tj .cf:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}}

/* Bilder vergrößern (Lightbox) */
.fig img:where([data-block-style="s0"], [data-block-style="s0"] *){cursor:zoom-in}
a .fig img:where([data-block-style="s0"], [data-block-style="s0"] *){cursor:pointer}
.lb:where([data-block-style="s0"], [data-block-style="s0"] *){position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
.lb.on:where([data-block-style="s0"], [data-block-style="s0"] *){opacity:1;visibility:visible;transition:opacity .35s}
.lb-fig:where([data-block-style="s0"], [data-block-style="s0"] *){margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-img:where([data-block-style="s0"], [data-block-style="s0"] *){display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
.lb.on .lb-img:where([data-block-style="s0"], [data-block-style="s0"] *){transform:none}
.lb-count:where([data-block-style="s0"], [data-block-style="s0"] *){color:#C9CED2;font-size:15px;font-weight:600}
.lb-btn:where([data-block-style="s0"], [data-block-style="s0"] *){position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
.lb-btn svg:where([data-block-style="s0"], [data-block-style="s0"] *){width:22px;height:22px}
.lb-btn svg *:where([data-block-style="s0"], [data-block-style="s0"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lb-btn:hover:where([data-block-style="s0"], [data-block-style="s0"] *){background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:where([data-block-style="s0"], [data-block-style="s0"] *){top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:hover:where([data-block-style="s0"], [data-block-style="s0"] *){background:#fff;border-color:#fff}
.lb-prev:where([data-block-style="s0"], [data-block-style="s0"] *){left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb-next:where([data-block-style="s0"], [data-block-style="s0"] *){right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb.single .lb-prev:where([data-block-style="s0"], [data-block-style="s0"] *),.lb.single .lb-next:where([data-block-style="s0"], [data-block-style="s0"] *),.lb.single .lb-count:where([data-block-style="s0"], [data-block-style="s0"] *){display:none}
@media (prefers-reduced-motion: reduce){.lb:where([data-block-style="s0"], [data-block-style="s0"] *),.lb-img:where([data-block-style="s0"], [data-block-style="s0"] *){transition:none}}


/* Reusable blocks originally from automation.html */

body:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0}
:root:where([data-block-style="s1"], [data-block-style="s1"] *){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
*:where([data-block-style="s1"], [data-block-style="s1"] *){box-sizing:border-box}
.site:where([data-block-style="s1"], [data-block-style="s1"] *){font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
.site a:where([data-block-style="s1"], [data-block-style="s1"] *){color:inherit}
.wrap:where([data-block-style="s1"], [data-block-style="s1"] *){max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.grid-bg:where([data-block-style="s1"], [data-block-style="s1"] *){background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
.xl:where([data-block-style="s1"], [data-block-style="s1"] *){font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
.btn:where([data-block-style="s1"], [data-block-style="s1"] *){display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
.btn-green:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--green);color:var(--ink) !important}
.btn-green:hover:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--deep);color:#fff !important}
.btn-line:where([data-block-style="s1"], [data-block-style="s1"] *){border:2px solid currentColor}
.btn-line:hover:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--ink);color:#fff !important;border-color:var(--ink)}
.site a:focus-visible:where([data-block-style="s1"], [data-block-style="s1"] *),.site button:focus-visible:where([data-block-style="s1"], [data-block-style="s1"] *){outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
.fig:where([data-block-style="s1"], [data-block-style="s1"] *){position:relative;isolation:isolate;margin:0 16px 16px 0}
.fig:where([data-block-style="s1"], [data-block-style="s1"] *)::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.fig:hover:where([data-block-style="s1"], [data-block-style="s1"] *)::before{transform:translate(8px,8px)}
.fig img:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
.bar:where([data-block-style="s1"], [data-block-style="s1"] *){position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
.bar-in:where([data-block-style="s1"], [data-block-style="s1"] *){height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;line-height:0}
.logo img:where([data-block-style="s1"], [data-block-style="s1"] *){height:48px;width:auto;display:block}
.bar-r:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;align-items:center;gap:22px}
.bar-tel:where([data-block-style="s1"], [data-block-style="s1"] *){font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
.bar-tel:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green-ink) !important}
.burger:where([data-block-style="s1"], [data-block-style="s1"] *){width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
.burger:hover:where([data-block-style="s1"], [data-block-style="s1"] *){transform:rotate(90deg)}
.burger i:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
.burger i:nth-child(1):where([data-block-style="s1"], [data-block-style="s1"] *){top:18px}.burger i:nth-child(2):where([data-block-style="s1"], [data-block-style="s1"] *){top:25px}.burger i:nth-child(3):where([data-block-style="s1"], [data-block-style="s1"] *){top:32px}
.is-open .burger:where([data-block-style="s1"], [data-block-style="s1"] *){transform:rotate(180deg);background:var(--ink)}
.is-open .burger i:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--green)}
.is-open .burger i:nth-child(1):where([data-block-style="s1"], [data-block-style="s1"] *){top:25px;transform:rotate(45deg)}
.is-open .burger i:nth-child(2):where([data-block-style="s1"], [data-block-style="s1"] *){opacity:0;transform:scaleX(0)}
.is-open .burger i:nth-child(3):where([data-block-style="s1"], [data-block-style="s1"] *){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
.menu:where([data-block-style="s1"], [data-block-style="s1"] *){position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
.is-open .menu:where([data-block-style="s1"], [data-block-style="s1"] *){visibility:visible;transition-delay:0s}
.m-leaf:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.m-l:where([data-block-style="s1"], [data-block-style="s1"] *){left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s1"], [data-block-style="s1"] *){right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s1"], [data-block-style="s1"] *)::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
.is-open .m-l:where([data-block-style="s1"], [data-block-style="s1"] *),.is-open .m-r:where([data-block-style="s1"], [data-block-style="s1"] *){transform:translateX(0)}
.is-open .m-r:where([data-block-style="s1"], [data-block-style="s1"] *)::before{transform:scaleY(0)}
.m-body:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
.is-open .m-body:where([data-block-style="s1"], [data-block-style="s1"] *){opacity:1;transition:opacity .3s .45s}
.m-cols:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
.m-c1:where([data-block-style="s1"], [data-block-style="s1"] *){--d:.5s}.m-c2:where([data-block-style="s1"], [data-block-style="s1"] *){--d:.62s}.m-c3:where([data-block-style="s1"], [data-block-style="s1"] *){--d:.74s}
.m-col:where([data-block-style="s1"], [data-block-style="s1"] *){opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.is-open .m-col:where([data-block-style="s1"], [data-block-style="s1"] *){opacity:1;transform:none;transition-delay:var(--d)}
.m-col + .m-col:where([data-block-style="s1"], [data-block-style="s1"] *){border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
.m-title:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
.chev:where([data-block-style="s1"], [data-block-style="s1"] *){width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.chev *:where([data-block-style="s1"], [data-block-style="s1"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.m-list:where([data-block-style="s1"], [data-block-style="s1"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.m-list li:where([data-block-style="s1"], [data-block-style="s1"] *){opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.is-open .m-list li:where([data-block-style="s1"], [data-block-style="s1"] *){opacity:1;transform:none}
.is-open .m-list li:nth-child(1):where([data-block-style="s1"], [data-block-style="s1"] *){transition-delay:calc(var(--d) + .06s)}.is-open .m-list li:nth-child(2):where([data-block-style="s1"], [data-block-style="s1"] *){transition-delay:calc(var(--d) + .12s)}.is-open .m-list li:nth-child(3):where([data-block-style="s1"], [data-block-style="s1"] *){transition-delay:calc(var(--d) + .18s)}.is-open .m-list li:nth-child(4):where([data-block-style="s1"], [data-block-style="s1"] *){transition-delay:calc(var(--d) + .24s)}.is-open .m-list li:nth-child(5):where([data-block-style="s1"], [data-block-style="s1"] *){transition-delay:calc(var(--d) + .3s)}.is-open .m-list li:nth-child(6):where([data-block-style="s1"], [data-block-style="s1"] *){transition-delay:calc(var(--d) + .36s)}.is-open .m-list li:nth-child(7):where([data-block-style="s1"], [data-block-style="s1"] *){transition-delay:calc(var(--d) + .42s)}
.m-big:where([data-block-style="s1"], [data-block-style="s1"] *){font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.m-big:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:#fff !important;transform:translateX(12px)}
.m-c1 .m-list:where([data-block-style="s1"], [data-block-style="s1"] *){gap:12px}
.m-link:where([data-block-style="s1"], [data-block-style="s1"] *){position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
.m-link:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.m-link:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green) !important}
.m-link:hover:where([data-block-style="s1"], [data-block-style="s1"] *)::after{transform:scaleX(1)}
.m-foot:where([data-block-style="s1"], [data-block-style="s1"] *){margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
.is-open .m-foot:where([data-block-style="s1"], [data-block-style="s1"] *){opacity:1;transition-delay:.9s}
.m-foot-info:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
.m-foot-info a:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
.m-foot-info a:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green) !important}
.m-foot-info span:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:15px;color:#C9CED2}
.lang:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;gap:10px}
.lang a:where([data-block-style="s1"], [data-block-style="s1"] *){min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
.lang a.on:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
.hero:where([data-block-style="s1"], [data-block-style="s1"] *){position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
.stage:where([data-block-style="s1"], [data-block-style="s1"] *){position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
.hero-in:where([data-block-style="s1"], [data-block-style="s1"] *){height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
.hero-head:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
.hero h1:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
.hero h1 span:where([data-block-style="s1"], [data-block-style="s1"] *){display:block}
.dim:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
.dim i:where([data-block-style="s1"], [data-block-style="s1"] *){flex:1;height:2px;background:var(--green);position:relative}
.dim i:where([data-block-style="s1"], [data-block-style="s1"] *)::before,.dim i:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.dim i:where([data-block-style="s1"], [data-block-style="s1"] *)::before{left:0}.dim i:where([data-block-style="s1"], [data-block-style="s1"] *)::after{right:0}
.hero-sub:where([data-block-style="s1"], [data-block-style="s1"] *){margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
.hero-cta:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-fig:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
.rail:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;left:0;right:0;bottom:48px;height:40px}
.rail svg:where([data-block-style="s1"], [data-block-style="s1"] *){width:100%;height:40px;display:block}
.leaf:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
.leaf-l:where([data-block-style="s1"], [data-block-style="s1"] *){left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-r:where([data-block-style="s1"], [data-block-style="s1"] *){right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-l:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
.leaf-word:where([data-block-style="s1"], [data-block-style="s1"] *){font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
.leaf-r .leaf-word:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green)}
.leaf-l .leaf-word:where([data-block-style="s1"], [data-block-style="s1"] *){padding-right:44px}
.leaf-r .leaf-word:where([data-block-style="s1"], [data-block-style="s1"] *){padding-left:22px}
.leaf-hint:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
.leaf-l .leaf-hint:where([data-block-style="s1"], [data-block-style="s1"] *){text-align:right;padding-right:20px}
.leaf-r .leaf-hint:where([data-block-style="s1"], [data-block-style="s1"] *){text-align:left;padding-left:20px}

/* Produkte */
.sec:where([data-block-style="s1"], [data-block-style="s1"] *){padding:clamp(80px,10vw,150px) 0}
.intro:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
.intro h2:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
.intro > p:where([data-block-style="s1"], [data-block-style="s1"] *),.intro > div:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:8 / span 5;margin:0}
.intro p:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;color:var(--muted)}
.prods:where([data-block-style="s1"], [data-block-style="s1"] *){list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.prod:where([data-block-style="s1"], [data-block-style="s1"] *){border-bottom:2px solid var(--ink)}
.prod a:where([data-block-style="s1"], [data-block-style="s1"] *){position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
.prod a:where([data-block-style="s1"], [data-block-style="s1"] *)::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.prod a:hover:where([data-block-style="s1"], [data-block-style="s1"] *)::before{transform:scaleX(1)}
.prod-name:where([data-block-style="s1"], [data-block-style="s1"] *){font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
.prod-line:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--muted);font-size:17px}
.prod a:hover .prod-line:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--ink)}
.ico:where([data-block-style="s1"], [data-block-style="s1"] *){width:64px;height:64px;color:var(--green-dk);transition:color .35s}
.prod a:hover .ico:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--ink)}
.ico *:where([data-block-style="s1"], [data-block-style="s1"] *){fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.go:where([data-block-style="s1"], [data-block-style="s1"] *){width:40px;height:40px;transition:transform .35s}
.go *:where([data-block-style="s1"], [data-block-style="s1"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prod a:hover .go:where([data-block-style="s1"], [data-block-style="s1"] *){transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
.einer:where([data-block-style="s1"], [data-block-style="s1"] *){position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
.einer-in:where([data-block-style="s1"], [data-block-style="s1"] *){padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.einer h2:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
.einer-txt:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:8 / span 5}
.einer-txt p:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0 0 28px}
.door:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
.slat:where([data-block-style="s1"], [data-block-style="s1"] *){flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
.slat:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
.slat:last-child:where([data-block-style="s1"], [data-block-style="s1"] *){border-bottom:10px solid var(--deep)}
.door-tag:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}

/* Referenzen */
.refs:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--deep);color:#fff}
.refs .intro p:where([data-block-style="s1"], [data-block-style="s1"] *){color:#C9CED2;max-width:100%;height:auto !important}
.ref-cta:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.refs .btn-line:hover:where([data-block-style="s1"], [data-block-style="s1"] *){background:#fff;color:var(--deep) !important;border-color:#fff}
.refs .btn-green:hover:where([data-block-style="s1"], [data-block-style="s1"] *){background:#fff;color:var(--deep) !important}
.shots:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
.s1:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:span 7;height:520px}
.shots-r:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.s2:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1;height:240px}
.s3:where([data-block-style="s1"], [data-block-style="s1"] *),.s4:where([data-block-style="s1"], [data-block-style="s1"] *){height:244px}
.s5:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
.split:where([data-block-style="s1"], [data-block-style="s1"] *){position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
.split-mid:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.split-mid b:where([data-block-style="s1"], [data-block-style="s1"] *){font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
.sp:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
.sp b:where([data-block-style="s1"], [data-block-style="s1"] *){font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
.sp-l:where([data-block-style="s1"], [data-block-style="s1"] *){left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
.sp-r:where([data-block-style="s1"], [data-block-style="s1"] *){right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
.werte:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
.werte-txt:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
.yrs:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;align-items:baseline;gap:16px}
.yrs b:where([data-block-style="s1"], [data-block-style="s1"] *){font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
.yrs > span:where([data-block-style="s1"], [data-block-style="s1"] *){font-weight:700;font-size:22px;line-height:1.2}
@supports (animation-timeline: view()){
.yrs b:where([data-block-style="s1"], [data-block-style="s1"] *){display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
.yrs b .n:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
.yrs b:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:counter(yrs)}
}
.werte-txt p:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
.werte-fig:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:8 / span 5;height:440px}

/* Kontakt */
.kontakt:where([data-block-style="s1"], [data-block-style="s1"] *){border-top:2px solid var(--ink)}
.k-grid:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.k-left:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
.k-left h2:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:clamp(48px,6.4vw,100px)}
.k-info:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-direction:column;gap:14px}
.k-info a.big:where([data-block-style="s1"], [data-block-style="s1"] *){font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
.k-info a.big:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green-ink)}
.k-info p:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;color:var(--muted)}
.k-fig:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:8 / span 5;height:460px}

/* Footer */
.foot:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
.f-grid:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.f-addr:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:span 3}
.f-addr:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-direction:column;gap:18px}
.f-hi:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;font-size:15px;font-weight:650;color:var(--green)}
.f-name:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
.f-rows:where([data-block-style="s1"], [data-block-style="s1"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.f-row:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
.f-row:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green) !important;text-decoration:none !important}
.f-ic:where([data-block-style="s1"], [data-block-style="s1"] *){flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
.f-ic svg:where([data-block-style="s1"], [data-block-style="s1"] *){width:19px;height:19px}
.f-ic svg *:where([data-block-style="s1"], [data-block-style="s1"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f-row:hover .f-ic:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--green);color:var(--ink);transform:rotate(-8deg)}
.f-row small:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;font-size:13px;color:#9BA3A8;font-weight:500}
.f-vat:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;font-size:13px;color:#9BA3A8}
.f-social:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;gap:12px}
.f-social a:where([data-block-style="s1"], [data-block-style="s1"] *){width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.f-social img:where([data-block-style="s1"], [data-block-style="s1"] *){width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
.f-social a:hover:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--green);border-color:var(--green);transform:translateY(-3px)}
.f-social a:hover img:where([data-block-style="s1"], [data-block-style="s1"] *){filter:brightness(0)}
.f-col:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:span 2}
.f-wide:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:span 3}
.f-col h3:where([data-block-style="s1"], [data-block-style="s1"] *),.f-wide h3:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
.f-col ul:where([data-block-style="s1"], [data-block-style="s1"] *),.f-wide ul:where([data-block-style="s1"], [data-block-style="s1"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot a:where([data-block-style="s1"], [data-block-style="s1"] *){text-decoration:none;color:#C9CED2 !important}
.foot a:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:#fff !important;text-decoration:underline}
.f-bot:where([data-block-style="s1"], [data-block-style="s1"] *){margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
.f-bot div:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
.hero:where([data-block-style="s1"], [data-block-style="s1"] *){height:var(--vh)}
.leaf:where([data-block-style="s1"], [data-block-style="s1"] *),.door:where([data-block-style="s1"], [data-block-style="s1"] *),.sp:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
.split-mid b:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
.hero:where([data-block-style="s1"], [data-block-style="s1"] *){height:var(--vh)}
.leaf:where([data-block-style="s1"], [data-block-style="s1"] *),.door:where([data-block-style="s1"], [data-block-style="s1"] *),.sp:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
.hero-head:where([data-block-style="s1"], [data-block-style="s1"] *),.hero-fig:where([data-block-style="s1"], [data-block-style="s1"] *),.yrs b:where([data-block-style="s1"], [data-block-style="s1"] *){animation:none !important}
.yrs b .n:where([data-block-style="s1"], [data-block-style="s1"] *){display:inline !important}
.yrs b:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:none !important}
.m-leaf:where([data-block-style="s1"], [data-block-style="s1"] *),.m-col:where([data-block-style="s1"], [data-block-style="s1"] *),.m-list li:where([data-block-style="s1"], [data-block-style="s1"] *),.m-foot:where([data-block-style="s1"], [data-block-style="s1"] *),.m-wrapL:where([data-block-style="s1"], [data-block-style="s1"] *),.burger:where([data-block-style="s1"], [data-block-style="s1"] *),.burger i:where([data-block-style="s1"], [data-block-style="s1"] *),.fig:where([data-block-style="s1"], [data-block-style="s1"] *)::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
.intro h2:where([data-block-style="s1"], [data-block-style="s1"] *),.intro > p:where([data-block-style="s1"], [data-block-style="s1"] *),.intro > div:where([data-block-style="s1"], [data-block-style="s1"] *),.einer h2:where([data-block-style="s1"], [data-block-style="s1"] *),.einer-txt:where([data-block-style="s1"], [data-block-style="s1"] *),.k-left:where([data-block-style="s1"], [data-block-style="s1"] *),.k-fig:where([data-block-style="s1"], [data-block-style="s1"] *),.werte-txt:where([data-block-style="s1"], [data-block-style="s1"] *),.werte-fig:where([data-block-style="s1"], [data-block-style="s1"] *),.hero-head:where([data-block-style="s1"], [data-block-style="s1"] *),.hero-fig:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1}
.hero-fig:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
.prod a:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
.prod-line:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
.ico:where([data-block-style="s1"], [data-block-style="s1"] *){width:44px;height:44px}
.shots:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:minmax(0,1fr)}
.s1:where([data-block-style="s1"], [data-block-style="s1"] *),.shots-r:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1}
.s1:where([data-block-style="s1"], [data-block-style="s1"] *){height:300px}
.s2:where([data-block-style="s1"], [data-block-style="s1"] *),.s3:where([data-block-style="s1"], [data-block-style="s1"] *),.s4:where([data-block-style="s1"], [data-block-style="s1"] *){height:200px}
.s5:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1;height:220px}
.werte-fig:where([data-block-style="s1"], [data-block-style="s1"] *),.k-fig:where([data-block-style="s1"], [data-block-style="s1"] *){height:300px}
.m-body:where([data-block-style="s1"], [data-block-style="s1"] *){padding-top:104px}
.m-cols:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:minmax(0,1fr);gap:0}
.m-col + .m-col:where([data-block-style="s1"], [data-block-style="s1"] *){border-left:0;padding-left:0}
.m-title:where([data-block-style="s1"], [data-block-style="s1"] *){cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
.chev:where([data-block-style="s1"], [data-block-style="s1"] *){display:block}
.m-col.open .chev:where([data-block-style="s1"], [data-block-style="s1"] *){transform:rotate(180deg)}
.m-wrapL:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
.m-col.open .m-wrapL:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-rows:1fr}
.m-wrapL > ul:where([data-block-style="s1"], [data-block-style="s1"] *){overflow:hidden;min-height:0}
.m-list:where([data-block-style="s1"], [data-block-style="s1"] *){padding:14px 0 24px}
.m-c1 .m-list:where([data-block-style="s1"], [data-block-style="s1"] *){gap:14px}
.m-big:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:clamp(28px,7.6vw,36px)}
.m-link:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:20px}
.m-foot:where([data-block-style="s1"], [data-block-style="s1"] *){margin-top:28px;border-top:0;padding-top:0}
.f-addr:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1}
.f-col:where([data-block-style="s1"], [data-block-style="s1"] *),.f-wide:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:span 6}
.bar-tel:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
.logo img:where([data-block-style="s1"], [data-block-style="s1"] *){height:40px}
.split-mid b:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:clamp(34px,10vw,60px)}
.sp:where([data-block-style="s1"], [data-block-style="s1"] *){width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
.sp b:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:clamp(28px,8vw,40px)}
.sp-l:where([data-block-style="s1"], [data-block-style="s1"] *){top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
.sp-r:where([data-block-style="s1"], [data-block-style="s1"] *){top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
.sub-hero:where([data-block-style="s1"], [data-block-style="s1"] *){padding:132px 0 clamp(64px,8vw,110px)}
.crumbs:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
.crumbs a:where([data-block-style="s1"], [data-block-style="s1"] *){text-decoration:none;color:var(--muted) !important}
.crumbs a:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green-ink) !important;text-decoration:underline}
.crumbs li + li:where([data-block-style="s1"], [data-block-style="s1"] *)::before{content:"/";margin-right:8px;color:#9BA3A8}
.crumbs [aria-current]:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--ink);font-weight:650}
.sh-grid:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.sh-txt:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 6}
.sh-txt h1:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:clamp(60px,8.6vw,136px)}
.sh-txt:where([data-block-style="s1"], [data-block-style="s1"] *){min-width:0}
.sh-txt h1:where([data-block-style="s1"], [data-block-style="s1"] *){overflow-wrap:break-word;hyphens:manual}
.sh-txt:not(.wide) h1:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:clamp(52px,6.4vw,104px)}
.sh-lead:where([data-block-style="s1"], [data-block-style="s1"] *){margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
.sh-txt p.sh-body:where([data-block-style="s1"], [data-block-style="s1"] *){margin:16px 0 0;max-width:42ch;color:var(--muted)}
.jump:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
.jump a:where([data-block-style="s1"], [data-block-style="s1"] *){display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.jump a:where([data-block-style="s1"], [data-block-style="s1"] *)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.jump a:hover:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--ink);color:#fff !important}
.sh-fig:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:8 / span 5;height:min(560px,62vh)}
.sh-fig img:where([data-block-style="s1"], [data-block-style="s1"] *){animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
.sh-fig:where([data-block-style="s1"], [data-block-style="s1"] *)::before{animation:framein .6s ease 1.1s both}

.typ:where([data-block-style="s1"], [data-block-style="s1"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.typ-alt:where([data-block-style="s1"], [data-block-style="s1"] *){background:#fff}
.typ-grid:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.typ-txt:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 5}
.typ-stage:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:7 / span 6}
.flip .typ-txt:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:8 / span 5;order:2}
.flip .typ-stage:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 6;order:1}
.tags:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.tags li:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
.typ h2:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:clamp(46px,5.6vw,86px)}
.typ h2 span:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;color:var(--green-ink)}
.typ-body:where([data-block-style="s1"], [data-block-style="s1"] *){margin:24px 0 0;color:var(--muted)}
.ph-note:where([data-block-style="s1"], [data-block-style="s1"] *){display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
.specs:where([data-block-style="s1"], [data-block-style="s1"] *){margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
.specs div:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
.specs dt:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:14px;font-weight:650;color:var(--green-ink)}
.specs dd:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;font-weight:600}
.typ .btn:where([data-block-style="s1"], [data-block-style="s1"] *){margin-top:30px}
.big-dim:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;align-items:center;gap:16px;margin:28px 0 0}
.big-dim b:where([data-block-style="s1"], [data-block-style="s1"] *){font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
.big-dim span:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
.big-dim i:where([data-block-style="s1"], [data-block-style="s1"] *){flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
.big-dim i:where([data-block-style="s1"], [data-block-style="s1"] *)::before,.big-dim i:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.big-dim i:where([data-block-style="s1"], [data-block-style="s1"] *)::before{left:0}.big-dim i:where([data-block-style="s1"], [data-block-style="s1"] *)::after{right:0}

.stage-x:where([data-block-style="s1"], [data-block-style="s1"] *){height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
.stage-x .fig:where([data-block-style="s1"], [data-block-style="s1"] *){height:100%}
.ov:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
.slats:where([data-block-style="s1"], [data-block-style="s1"] *){background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
.swing:where([data-block-style="s1"], [data-block-style="s1"] *){perspective:1600px}
.wing:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.wing-l:where([data-block-style="s1"], [data-block-style="s1"] *){left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
.wing-r:where([data-block-style="s1"], [data-block-style="s1"] *){right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
.wing-l:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.slide-p:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.slide-p:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.boom:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.boom .post:where([data-block-style="s1"], [data-block-style="s1"] *){fill:var(--deep)}
.boom .arm:where([data-block-style="s1"], [data-block-style="s1"] *){transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.fence:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}

.gal:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
.gal .fig:where([data-block-style="s1"], [data-block-style="s1"] *){height:clamp(200px,20vw,280px)}
.g5 .fig:first-child:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:span 2}
.g4:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
.wing:where([data-block-style="s1"], [data-block-style="s1"] *),.slide-p:where([data-block-style="s1"], [data-block-style="s1"] *),.fence:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
.boom .arm:where([data-block-style="s1"], [data-block-style="s1"] *){transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
.wing:where([data-block-style="s1"], [data-block-style="s1"] *),.slide-p:where([data-block-style="s1"], [data-block-style="s1"] *),.fence:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
.boom .arm:where([data-block-style="s1"], [data-block-style="s1"] *){animation:none;transform:rotate(-80deg)}
.sh-fig img:where([data-block-style="s1"], [data-block-style="s1"] *),.sh-fig:where([data-block-style="s1"], [data-block-style="s1"] *)::before{animation:none}
}
@media (max-width:900px){
.sh-txt:where([data-block-style="s1"], [data-block-style="s1"] *),.sh-fig:where([data-block-style="s1"], [data-block-style="s1"] *),.typ-txt:where([data-block-style="s1"], [data-block-style="s1"] *),.typ-stage:where([data-block-style="s1"], [data-block-style="s1"] *),.flip .typ-txt:where([data-block-style="s1"], [data-block-style="s1"] *),.flip .typ-stage:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1;order:0}
.sh-fig:where([data-block-style="s1"], [data-block-style="s1"] *){height:300px;margin-top:24px}
.typ-stage:where([data-block-style="s1"], [data-block-style="s1"] *){margin-top:32px}
.gal:where([data-block-style="s1"], [data-block-style="s1"] *),.g4:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.g5 .fig:first-child:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1}
.specs div:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
.sh-txt.wide:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 9}
.blk:where([data-block-style="s1"], [data-block-style="s1"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.blk-white:where([data-block-style="s1"], [data-block-style="s1"] *){background:#fff}
.blk-dark:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--deep);color:#fff;border-top:0}
.blk-dark .intro p:where([data-block-style="s1"], [data-block-style="s1"] *){color:#C9CED2}
.cardgrid:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.c2:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.c4:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:repeat(4,minmax(0,1fr))}
.pcard:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
.pcard .fig:where([data-block-style="s1"], [data-block-style="s1"] *){height:clamp(220px,22vw,320px)}
.pcard h3:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
.pcard p:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;color:var(--muted)}
.blk-dark .pcard p:where([data-block-style="s1"], [data-block-style="s1"] *){color:#C9CED2}
.more:where([data-block-style="s1"], [data-block-style="s1"] *){font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
a.pcard:hover h3:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green-ink)}
.blk-dark a.pcard:hover h3:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green)}
.price:where([data-block-style="s1"], [data-block-style="s1"] *){font-weight:850;font-size:24px}
.tilegrid:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.tile:where([data-block-style="s1"], [data-block-style="s1"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
.tile:hover:where([data-block-style="s1"], [data-block-style="s1"] *){border-color:var(--green);transform:translateY(-4px)}
.ti:where([data-block-style="s1"], [data-block-style="s1"] *){width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
.ti svg:where([data-block-style="s1"], [data-block-style="s1"] *){width:24px;height:24px}
.ti svg *:where([data-block-style="s1"], [data-block-style="s1"] *),.dli svg *:where([data-block-style="s1"], [data-block-style="s1"] *),.crow .f-ic svg *:where([data-block-style="s1"], [data-block-style="s1"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile h3:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;font-size:22px;font-weight:800;line-height:1.15}
.tile p:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;color:var(--muted);font-size:16px}
.facts:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fact:where([data-block-style="s1"], [data-block-style="s1"] *){border-top:3px solid var(--green);padding-top:22px}
.fact b:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
.fact span:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;margin-top:10px;color:var(--muted);font-weight:600}
.prose2:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
.prose2 h3:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
.prose2 p:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
.notice:where([data-block-style="s1"], [data-block-style="s1"] *){border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
.dllist:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dlcard:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
.dlcard:hover:where([data-block-style="s1"], [data-block-style="s1"] *){border-color:var(--green);transform:translateY(-3px)}
.dli:where([data-block-style="s1"], [data-block-style="s1"] *){width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
.dli svg:where([data-block-style="s1"], [data-block-style="s1"] *){width:26px;height:26px}
.dlcard b:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;font-size:20px;font-weight:800;line-height:1.2}
.dlcard small:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;color:var(--muted);font-size:14px;margin-top:4px}
.dltag:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
.vthumb:where([data-block-style="s1"], [data-block-style="s1"] *){height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
.play:where([data-block-style="s1"], [data-block-style="s1"] *){width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
.play svg:where([data-block-style="s1"], [data-block-style="s1"] *){width:30px;height:30px;margin-left:4px}
a.pcard:hover .play:where([data-block-style="s1"], [data-block-style="s1"] *){transform:scale(1.1)}
.vfeat .vthumb:where([data-block-style="s1"], [data-block-style="s1"] *){max-height:none}
.chiplist:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.chiplist li:where([data-block-style="s1"], [data-block-style="s1"] *){padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
.roll-p:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.roll-p:where([data-block-style="s1"], [data-block-style="s1"] *)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
.typ-txt.solo:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 8}
.kgrid:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.kleft:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
.kright:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:7 / span 6}
.crow:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
.crow small:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;font-size:14px;font-weight:500;color:var(--muted)}
.crow .f-ic:where([data-block-style="s1"], [data-block-style="s1"] *){width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
a.crow:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green-ink) !important}
a.crow:hover .f-ic:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--green);color:var(--ink)}
.formcard:where([data-block-style="s1"], [data-block-style="s1"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
.formcard h2:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0 0 24px;font-size:28px;font-weight:850}
.fgrid:where([data-block-style="s1"], [data-block-style="s1"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;flex-direction:column;gap:8px}
.field.full:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1}
.field label:where([data-block-style="s1"], [data-block-style="s1"] *){font-size:15px;font-weight:650}
.field input:where([data-block-style="s1"], [data-block-style="s1"] *),.field textarea:where([data-block-style="s1"], [data-block-style="s1"] *){font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
.field textarea:where([data-block-style="s1"], [data-block-style="s1"] *){min-height:140px;resize:vertical}
.field input:focus:where([data-block-style="s1"], [data-block-style="s1"] *),.field textarea:focus:where([data-block-style="s1"], [data-block-style="s1"] *){outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
.check:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
.check input:where([data-block-style="s1"], [data-block-style="s1"] *){width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
.formcard .btn:where([data-block-style="s1"], [data-block-style="s1"] *){border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
.formcard .sm:where([data-block-style="s1"], [data-block-style="s1"] *){margin:16px 0 0;font-size:14px;color:var(--muted)}
.formcard .sm a:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--green-ink) !important}
.jobcard:where([data-block-style="s1"], [data-block-style="s1"] *){background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.jobcard h3:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
.jobcard ul:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;padding-left:20px;color:var(--muted)}
.jobcard .btn:where([data-block-style="s1"], [data-block-style="s1"] *){align-self:flex-start}
.narrow:where([data-block-style="s1"], [data-block-style="s1"] *){max-width:560px}
@supports not (animation-timeline: view()){.roll-p:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}}
@media (prefers-reduced-motion: reduce){.roll-p:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}}
@media (max-width:900px){
.sh-txt.wide:where([data-block-style="s1"], [data-block-style="s1"] *),.typ-txt.solo:where([data-block-style="s1"], [data-block-style="s1"] *),.kleft:where([data-block-style="s1"], [data-block-style="s1"] *),.kright:where([data-block-style="s1"], [data-block-style="s1"] *){grid-column:1 / -1}
.cardgrid:where([data-block-style="s1"], [data-block-style="s1"] *),.c2:where([data-block-style="s1"], [data-block-style="s1"] *),.facts:where([data-block-style="s1"], [data-block-style="s1"] *),.prose2:where([data-block-style="s1"], [data-block-style="s1"] *),.fgrid:where([data-block-style="s1"], [data-block-style="s1"] *),.dllist:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:minmax(0,1fr)}
.c4:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.dlcard:where([data-block-style="s1"], [data-block-style="s1"] *){grid-template-columns:48px minmax(0,1fr)}
.dltag:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
}

/* Kontakt-Abschnitt grün */
.kontakt:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--green);border-top:0}
.kontakt .k-info p:where([data-block-style="s1"], [data-block-style="s1"] *){color:var(--ink)}
.kontakt .k-info a.big:hover:where([data-block-style="s1"], [data-block-style="s1"] *){color:#fff}
.kontakt .btn-green:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--deep);color:#fff !important}
.kontakt .btn-green:hover:where([data-block-style="s1"], [data-block-style="s1"] *){background:#fff;color:var(--ink) !important}
.kontakt .fig:where([data-block-style="s1"], [data-block-style="s1"] *)::before{border-color:var(--deep)}

.tj path:where([data-block-style="s1"], [data-block-style="s1"] *),.tj rect:where([data-block-style="s1"], [data-block-style="s1"] *),.tj circle:where([data-block-style="s1"], [data-block-style="s1"] *){transform-box:fill-box}
.tj .drop:where([data-block-style="s1"], [data-block-style="s1"] *){transform-origin:50% 100%;animation:tj-drop .75s both}
.tj .pop:where([data-block-style="s1"], [data-block-style="s1"] *){transform-origin:50% 100%;animation:tj-pop .5s both}
.tj .bang:where([data-block-style="s1"], [data-block-style="s1"] *){transform-origin:50% 100%;animation:tj-bang .45s both}
.tj .cf:where([data-block-style="s1"], [data-block-style="s1"] *){transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
.tj .tj-all:where([data-block-style="s1"], [data-block-style="s1"] *){transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}


/* Torjubel-Trenner */
.tj-sep:where([data-block-style="s1"], [data-block-style="s1"] *){display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
.tj:where([data-block-style="s1"], [data-block-style="s1"] *){width:300px;max-width:80%;height:auto;overflow:visible}
.tj:not(.tj-on) *:where([data-block-style="s1"], [data-block-style="s1"] *){animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){.tj *:where([data-block-style="s1"], [data-block-style="s1"] *){animation:none !important}.tj .cf:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}}

.hero-ico:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;width:60px;height:60px;color:var(--green-dk);margin:0 0 20px}
.hero-ico *:where([data-block-style="s1"], [data-block-style="s1"] *){fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* Bilder vergrößern (Lightbox) */
.fig img:where([data-block-style="s1"], [data-block-style="s1"] *){cursor:zoom-in}
a .fig img:where([data-block-style="s1"], [data-block-style="s1"] *){cursor:pointer}
.lb:where([data-block-style="s1"], [data-block-style="s1"] *){position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
.lb.on:where([data-block-style="s1"], [data-block-style="s1"] *){opacity:1;visibility:visible;transition:opacity .35s}
.lb-fig:where([data-block-style="s1"], [data-block-style="s1"] *){margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-img:where([data-block-style="s1"], [data-block-style="s1"] *){display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
.lb.on .lb-img:where([data-block-style="s1"], [data-block-style="s1"] *){transform:none}
.lb-count:where([data-block-style="s1"], [data-block-style="s1"] *){color:#C9CED2;font-size:15px;font-weight:600}
.lb-btn:where([data-block-style="s1"], [data-block-style="s1"] *){position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
.lb-btn svg:where([data-block-style="s1"], [data-block-style="s1"] *){width:22px;height:22px}
.lb-btn svg *:where([data-block-style="s1"], [data-block-style="s1"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lb-btn:hover:where([data-block-style="s1"], [data-block-style="s1"] *){background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:where([data-block-style="s1"], [data-block-style="s1"] *){top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:hover:where([data-block-style="s1"], [data-block-style="s1"] *){background:#fff;border-color:#fff}
.lb-prev:where([data-block-style="s1"], [data-block-style="s1"] *){left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb-next:where([data-block-style="s1"], [data-block-style="s1"] *){right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb.single .lb-prev:where([data-block-style="s1"], [data-block-style="s1"] *),.lb.single .lb-next:where([data-block-style="s1"], [data-block-style="s1"] *),.lb.single .lb-count:where([data-block-style="s1"], [data-block-style="s1"] *){display:none}
@media (prefers-reduced-motion: reduce){.lb:where([data-block-style="s1"], [data-block-style="s1"] *),.lb-img:where([data-block-style="s1"], [data-block-style="s1"] *){transition:none}}


/* Reusable blocks originally from einfahrtstore.html */

body:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0}
:root:where([data-block-style="s2"], [data-block-style="s2"] *){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
*:where([data-block-style="s2"], [data-block-style="s2"] *){box-sizing:border-box}
.site:where([data-block-style="s2"], [data-block-style="s2"] *){font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
.site a:where([data-block-style="s2"], [data-block-style="s2"] *){color:inherit}
.wrap:where([data-block-style="s2"], [data-block-style="s2"] *){max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.grid-bg:where([data-block-style="s2"], [data-block-style="s2"] *){background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
.xl:where([data-block-style="s2"], [data-block-style="s2"] *){font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
.btn:where([data-block-style="s2"], [data-block-style="s2"] *){display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
.btn-green:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--green);color:var(--ink) !important}
.btn-green:hover:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--deep);color:#fff !important}
.btn-line:where([data-block-style="s2"], [data-block-style="s2"] *){border:2px solid currentColor}
.btn-line:hover:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--ink);color:#fff !important;border-color:var(--ink)}
.site a:focus-visible:where([data-block-style="s2"], [data-block-style="s2"] *),.site button:focus-visible:where([data-block-style="s2"], [data-block-style="s2"] *){outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
.fig:where([data-block-style="s2"], [data-block-style="s2"] *){position:relative;isolation:isolate;margin:0 16px 16px 0}
.fig:where([data-block-style="s2"], [data-block-style="s2"] *)::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.fig:hover:where([data-block-style="s2"], [data-block-style="s2"] *)::before{transform:translate(8px,8px)}
.fig img:where([data-block-style="s2"], [data-block-style="s2"] *){display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
.bar:where([data-block-style="s2"], [data-block-style="s2"] *){position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
.bar-in:where([data-block-style="s2"], [data-block-style="s2"] *){height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo:where([data-block-style="s2"], [data-block-style="s2"] *){display:block;line-height:0}
.logo img:where([data-block-style="s2"], [data-block-style="s2"] *){height:48px;width:auto;display:block}
.bar-r:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;align-items:center;gap:22px}
.bar-tel:where([data-block-style="s2"], [data-block-style="s2"] *){font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
.bar-tel:hover:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--green-ink) !important}
.burger:where([data-block-style="s2"], [data-block-style="s2"] *){width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
.burger:hover:where([data-block-style="s2"], [data-block-style="s2"] *){transform:rotate(90deg)}
.burger i:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
.burger i:nth-child(1):where([data-block-style="s2"], [data-block-style="s2"] *){top:18px}.burger i:nth-child(2):where([data-block-style="s2"], [data-block-style="s2"] *){top:25px}.burger i:nth-child(3):where([data-block-style="s2"], [data-block-style="s2"] *){top:32px}
.is-open .burger:where([data-block-style="s2"], [data-block-style="s2"] *){transform:rotate(180deg);background:var(--ink)}
.is-open .burger i:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--green)}
.is-open .burger i:nth-child(1):where([data-block-style="s2"], [data-block-style="s2"] *){top:25px;transform:rotate(45deg)}
.is-open .burger i:nth-child(2):where([data-block-style="s2"], [data-block-style="s2"] *){opacity:0;transform:scaleX(0)}
.is-open .burger i:nth-child(3):where([data-block-style="s2"], [data-block-style="s2"] *){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
.menu:where([data-block-style="s2"], [data-block-style="s2"] *){position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
.is-open .menu:where([data-block-style="s2"], [data-block-style="s2"] *){visibility:visible;transition-delay:0s}
.m-leaf:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.m-l:where([data-block-style="s2"], [data-block-style="s2"] *){left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s2"], [data-block-style="s2"] *){right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s2"], [data-block-style="s2"] *)::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
.is-open .m-l:where([data-block-style="s2"], [data-block-style="s2"] *),.is-open .m-r:where([data-block-style="s2"], [data-block-style="s2"] *){transform:translateX(0)}
.is-open .m-r:where([data-block-style="s2"], [data-block-style="s2"] *)::before{transform:scaleY(0)}
.m-body:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
.is-open .m-body:where([data-block-style="s2"], [data-block-style="s2"] *){opacity:1;transition:opacity .3s .45s}
.m-cols:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
.m-c1:where([data-block-style="s2"], [data-block-style="s2"] *){--d:.5s}.m-c2:where([data-block-style="s2"], [data-block-style="s2"] *){--d:.62s}.m-c3:where([data-block-style="s2"], [data-block-style="s2"] *){--d:.74s}
.m-col:where([data-block-style="s2"], [data-block-style="s2"] *){opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.is-open .m-col:where([data-block-style="s2"], [data-block-style="s2"] *){opacity:1;transform:none;transition-delay:var(--d)}
.m-col + .m-col:where([data-block-style="s2"], [data-block-style="s2"] *){border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
.m-title:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
.chev:where([data-block-style="s2"], [data-block-style="s2"] *){width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.chev *:where([data-block-style="s2"], [data-block-style="s2"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.m-list:where([data-block-style="s2"], [data-block-style="s2"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.m-list li:where([data-block-style="s2"], [data-block-style="s2"] *){opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.is-open .m-list li:where([data-block-style="s2"], [data-block-style="s2"] *){opacity:1;transform:none}
.is-open .m-list li:nth-child(1):where([data-block-style="s2"], [data-block-style="s2"] *){transition-delay:calc(var(--d) + .06s)}.is-open .m-list li:nth-child(2):where([data-block-style="s2"], [data-block-style="s2"] *){transition-delay:calc(var(--d) + .12s)}.is-open .m-list li:nth-child(3):where([data-block-style="s2"], [data-block-style="s2"] *){transition-delay:calc(var(--d) + .18s)}.is-open .m-list li:nth-child(4):where([data-block-style="s2"], [data-block-style="s2"] *){transition-delay:calc(var(--d) + .24s)}.is-open .m-list li:nth-child(5):where([data-block-style="s2"], [data-block-style="s2"] *){transition-delay:calc(var(--d) + .3s)}.is-open .m-list li:nth-child(6):where([data-block-style="s2"], [data-block-style="s2"] *){transition-delay:calc(var(--d) + .36s)}.is-open .m-list li:nth-child(7):where([data-block-style="s2"], [data-block-style="s2"] *){transition-delay:calc(var(--d) + .42s)}
.m-big:where([data-block-style="s2"], [data-block-style="s2"] *){font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.m-big:hover:where([data-block-style="s2"], [data-block-style="s2"] *){color:#fff !important;transform:translateX(12px)}
.m-c1 .m-list:where([data-block-style="s2"], [data-block-style="s2"] *){gap:12px}
.m-link:where([data-block-style="s2"], [data-block-style="s2"] *){position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
.m-link:where([data-block-style="s2"], [data-block-style="s2"] *)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.m-link:hover:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--green) !important}
.m-link:hover:where([data-block-style="s2"], [data-block-style="s2"] *)::after{transform:scaleX(1)}
.m-foot:where([data-block-style="s2"], [data-block-style="s2"] *){margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
.is-open .m-foot:where([data-block-style="s2"], [data-block-style="s2"] *){opacity:1;transition-delay:.9s}
.m-foot-info:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
.m-foot-info a:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
.m-foot-info a:hover:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--green) !important}
.m-foot-info span:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:15px;color:#C9CED2}
.lang:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;gap:10px}
.lang a:where([data-block-style="s2"], [data-block-style="s2"] *){min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
.lang a.on:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
.hero:where([data-block-style="s2"], [data-block-style="s2"] *){position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
.stage:where([data-block-style="s2"], [data-block-style="s2"] *){position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
.hero-in:where([data-block-style="s2"], [data-block-style="s2"] *){height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
.hero-head:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
.hero h1:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
.hero h1 span:where([data-block-style="s2"], [data-block-style="s2"] *){display:block}
.dim:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
.dim i:where([data-block-style="s2"], [data-block-style="s2"] *){flex:1;height:2px;background:var(--green);position:relative}
.dim i:where([data-block-style="s2"], [data-block-style="s2"] *)::before,.dim i:where([data-block-style="s2"], [data-block-style="s2"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.dim i:where([data-block-style="s2"], [data-block-style="s2"] *)::before{left:0}.dim i:where([data-block-style="s2"], [data-block-style="s2"] *)::after{right:0}
.hero-sub:where([data-block-style="s2"], [data-block-style="s2"] *){margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
.hero-cta:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-fig:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
.rail:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;left:0;right:0;bottom:48px;height:40px}
.rail svg:where([data-block-style="s2"], [data-block-style="s2"] *){width:100%;height:40px;display:block}
.leaf:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
.leaf-l:where([data-block-style="s2"], [data-block-style="s2"] *){left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-r:where([data-block-style="s2"], [data-block-style="s2"] *){right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-l:where([data-block-style="s2"], [data-block-style="s2"] *)::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
.leaf-word:where([data-block-style="s2"], [data-block-style="s2"] *){font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
.leaf-r .leaf-word:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--green)}
.leaf-l .leaf-word:where([data-block-style="s2"], [data-block-style="s2"] *){padding-right:44px}
.leaf-r .leaf-word:where([data-block-style="s2"], [data-block-style="s2"] *){padding-left:22px}
.leaf-hint:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
.leaf-l .leaf-hint:where([data-block-style="s2"], [data-block-style="s2"] *){text-align:right;padding-right:20px}
.leaf-r .leaf-hint:where([data-block-style="s2"], [data-block-style="s2"] *){text-align:left;padding-left:20px}

/* Produkte */
.sec:where([data-block-style="s2"], [data-block-style="s2"] *){padding:clamp(80px,10vw,150px) 0}
.intro:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
.intro h2:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
.intro > p:where([data-block-style="s2"], [data-block-style="s2"] *),.intro > div:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:8 / span 5;margin:0}
.intro p:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0;color:var(--muted)}
.prods:where([data-block-style="s2"], [data-block-style="s2"] *){list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.prod:where([data-block-style="s2"], [data-block-style="s2"] *){border-bottom:2px solid var(--ink)}
.prod a:where([data-block-style="s2"], [data-block-style="s2"] *){position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
.prod a:where([data-block-style="s2"], [data-block-style="s2"] *)::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.prod a:hover:where([data-block-style="s2"], [data-block-style="s2"] *)::before{transform:scaleX(1)}
.prod-name:where([data-block-style="s2"], [data-block-style="s2"] *){font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
.prod-line:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--muted);font-size:17px}
.prod a:hover .prod-line:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--ink)}
.ico:where([data-block-style="s2"], [data-block-style="s2"] *){width:64px;height:64px;color:var(--green-dk);transition:color .35s}
.prod a:hover .ico:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--ink)}
.ico *:where([data-block-style="s2"], [data-block-style="s2"] *){fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.go:where([data-block-style="s2"], [data-block-style="s2"] *){width:40px;height:40px;transition:transform .35s}
.go *:where([data-block-style="s2"], [data-block-style="s2"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prod a:hover .go:where([data-block-style="s2"], [data-block-style="s2"] *){transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
.einer:where([data-block-style="s2"], [data-block-style="s2"] *){position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
.einer-in:where([data-block-style="s2"], [data-block-style="s2"] *){padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.einer h2:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
.einer-txt:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:8 / span 5}
.einer-txt p:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0 0 28px}
.door:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
.slat:where([data-block-style="s2"], [data-block-style="s2"] *){flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
.slat:where([data-block-style="s2"], [data-block-style="s2"] *)::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
.slat:last-child:where([data-block-style="s2"], [data-block-style="s2"] *){border-bottom:10px solid var(--deep)}
.door-tag:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}

/* Referenzen */
.refs:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--deep);color:#fff}
.refs .intro p:where([data-block-style="s2"], [data-block-style="s2"] *){color:#C9CED2;max-width:100%;height:auto !important}
.ref-cta:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.refs .btn-line:hover:where([data-block-style="s2"], [data-block-style="s2"] *){background:#fff;color:var(--deep) !important;border-color:#fff}
.refs .btn-green:hover:where([data-block-style="s2"], [data-block-style="s2"] *){background:#fff;color:var(--deep) !important}
.shots:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
.s1:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:span 7;height:520px}
.shots-r:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.s2:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / -1;height:240px}
.s3:where([data-block-style="s2"], [data-block-style="s2"] *),.s4:where([data-block-style="s2"], [data-block-style="s2"] *){height:244px}
.s5:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
.split:where([data-block-style="s2"], [data-block-style="s2"] *){position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
.split-mid:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.split-mid b:where([data-block-style="s2"], [data-block-style="s2"] *){font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
.sp:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
.sp b:where([data-block-style="s2"], [data-block-style="s2"] *){font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
.sp-l:where([data-block-style="s2"], [data-block-style="s2"] *){left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
.sp-r:where([data-block-style="s2"], [data-block-style="s2"] *){right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
.werte:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
.werte-txt:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
.yrs:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;align-items:baseline;gap:16px}
.yrs b:where([data-block-style="s2"], [data-block-style="s2"] *){font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
.yrs > span:where([data-block-style="s2"], [data-block-style="s2"] *){font-weight:700;font-size:22px;line-height:1.2}
@supports (animation-timeline: view()){
.yrs b:where([data-block-style="s2"], [data-block-style="s2"] *){display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
.yrs b .n:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}
.yrs b:where([data-block-style="s2"], [data-block-style="s2"] *)::after{content:counter(yrs)}
}
.werte-txt p:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
.werte-fig:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:8 / span 5;height:440px}

/* Kontakt */
.kontakt:where([data-block-style="s2"], [data-block-style="s2"] *){border-top:2px solid var(--ink)}
.k-grid:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.k-left:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
.k-left h2:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:clamp(48px,6.4vw,100px)}
.k-info:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;flex-direction:column;gap:14px}
.k-info a.big:where([data-block-style="s2"], [data-block-style="s2"] *){font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
.k-info a.big:hover:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--green-ink)}
.k-info p:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0;color:var(--muted)}
.k-fig:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:8 / span 5;height:460px}

/* Footer */
.foot:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
.f-grid:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.f-addr:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:span 3}
.f-addr:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;flex-direction:column;gap:18px}
.f-hi:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0;font-size:15px;font-weight:650;color:var(--green)}
.f-name:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
.f-rows:where([data-block-style="s2"], [data-block-style="s2"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.f-row:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
.f-row:hover:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--green) !important;text-decoration:none !important}
.f-ic:where([data-block-style="s2"], [data-block-style="s2"] *){flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
.f-ic svg:where([data-block-style="s2"], [data-block-style="s2"] *){width:19px;height:19px}
.f-ic svg *:where([data-block-style="s2"], [data-block-style="s2"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f-row:hover .f-ic:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--green);color:var(--ink);transform:rotate(-8deg)}
.f-row small:where([data-block-style="s2"], [data-block-style="s2"] *){display:block;font-size:13px;color:#9BA3A8;font-weight:500}
.f-vat:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0;font-size:13px;color:#9BA3A8}
.f-social:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;gap:12px}
.f-social a:where([data-block-style="s2"], [data-block-style="s2"] *){width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.f-social img:where([data-block-style="s2"], [data-block-style="s2"] *){width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
.f-social a:hover:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--green);border-color:var(--green);transform:translateY(-3px)}
.f-social a:hover img:where([data-block-style="s2"], [data-block-style="s2"] *){filter:brightness(0)}
.f-col:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:span 2}
.f-wide:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:span 3}
.f-col h3:where([data-block-style="s2"], [data-block-style="s2"] *),.f-wide h3:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
.f-col ul:where([data-block-style="s2"], [data-block-style="s2"] *),.f-wide ul:where([data-block-style="s2"], [data-block-style="s2"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot a:where([data-block-style="s2"], [data-block-style="s2"] *){text-decoration:none;color:#C9CED2 !important}
.foot a:hover:where([data-block-style="s2"], [data-block-style="s2"] *){color:#fff !important;text-decoration:underline}
.f-bot:where([data-block-style="s2"], [data-block-style="s2"] *){margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
.f-bot div:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
.hero:where([data-block-style="s2"], [data-block-style="s2"] *){height:var(--vh)}
.leaf:where([data-block-style="s2"], [data-block-style="s2"] *),.door:where([data-block-style="s2"], [data-block-style="s2"] *),.sp:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}
.split-mid b:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
.hero:where([data-block-style="s2"], [data-block-style="s2"] *){height:var(--vh)}
.leaf:where([data-block-style="s2"], [data-block-style="s2"] *),.door:where([data-block-style="s2"], [data-block-style="s2"] *),.sp:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}
.hero-head:where([data-block-style="s2"], [data-block-style="s2"] *),.hero-fig:where([data-block-style="s2"], [data-block-style="s2"] *),.yrs b:where([data-block-style="s2"], [data-block-style="s2"] *){animation:none !important}
.yrs b .n:where([data-block-style="s2"], [data-block-style="s2"] *){display:inline !important}
.yrs b:where([data-block-style="s2"], [data-block-style="s2"] *)::after{content:none !important}
.m-leaf:where([data-block-style="s2"], [data-block-style="s2"] *),.m-col:where([data-block-style="s2"], [data-block-style="s2"] *),.m-list li:where([data-block-style="s2"], [data-block-style="s2"] *),.m-foot:where([data-block-style="s2"], [data-block-style="s2"] *),.m-wrapL:where([data-block-style="s2"], [data-block-style="s2"] *),.burger:where([data-block-style="s2"], [data-block-style="s2"] *),.burger i:where([data-block-style="s2"], [data-block-style="s2"] *),.fig:where([data-block-style="s2"], [data-block-style="s2"] *)::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
.intro h2:where([data-block-style="s2"], [data-block-style="s2"] *),.intro > p:where([data-block-style="s2"], [data-block-style="s2"] *),.intro > div:where([data-block-style="s2"], [data-block-style="s2"] *),.einer h2:where([data-block-style="s2"], [data-block-style="s2"] *),.einer-txt:where([data-block-style="s2"], [data-block-style="s2"] *),.k-left:where([data-block-style="s2"], [data-block-style="s2"] *),.k-fig:where([data-block-style="s2"], [data-block-style="s2"] *),.werte-txt:where([data-block-style="s2"], [data-block-style="s2"] *),.werte-fig:where([data-block-style="s2"], [data-block-style="s2"] *),.hero-head:where([data-block-style="s2"], [data-block-style="s2"] *),.hero-fig:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / -1}
.hero-fig:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}
.prod a:where([data-block-style="s2"], [data-block-style="s2"] *){grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
.prod-line:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}
.ico:where([data-block-style="s2"], [data-block-style="s2"] *){width:44px;height:44px}
.shots:where([data-block-style="s2"], [data-block-style="s2"] *){grid-template-columns:minmax(0,1fr)}
.s1:where([data-block-style="s2"], [data-block-style="s2"] *),.shots-r:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / -1}
.s1:where([data-block-style="s2"], [data-block-style="s2"] *){height:300px}
.s2:where([data-block-style="s2"], [data-block-style="s2"] *),.s3:where([data-block-style="s2"], [data-block-style="s2"] *),.s4:where([data-block-style="s2"], [data-block-style="s2"] *){height:200px}
.s5:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / -1;height:220px}
.werte-fig:where([data-block-style="s2"], [data-block-style="s2"] *),.k-fig:where([data-block-style="s2"], [data-block-style="s2"] *){height:300px}
.m-body:where([data-block-style="s2"], [data-block-style="s2"] *){padding-top:104px}
.m-cols:where([data-block-style="s2"], [data-block-style="s2"] *){grid-template-columns:minmax(0,1fr);gap:0}
.m-col + .m-col:where([data-block-style="s2"], [data-block-style="s2"] *){border-left:0;padding-left:0}
.m-title:where([data-block-style="s2"], [data-block-style="s2"] *){cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
.chev:where([data-block-style="s2"], [data-block-style="s2"] *){display:block}
.m-col.open .chev:where([data-block-style="s2"], [data-block-style="s2"] *){transform:rotate(180deg)}
.m-wrapL:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
.m-col.open .m-wrapL:where([data-block-style="s2"], [data-block-style="s2"] *){grid-template-rows:1fr}
.m-wrapL > ul:where([data-block-style="s2"], [data-block-style="s2"] *){overflow:hidden;min-height:0}
.m-list:where([data-block-style="s2"], [data-block-style="s2"] *){padding:14px 0 24px}
.m-c1 .m-list:where([data-block-style="s2"], [data-block-style="s2"] *){gap:14px}
.m-big:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:clamp(28px,7.6vw,36px)}
.m-link:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:20px}
.m-foot:where([data-block-style="s2"], [data-block-style="s2"] *){margin-top:28px;border-top:0;padding-top:0}
.f-addr:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / -1}
.f-col:where([data-block-style="s2"], [data-block-style="s2"] *),.f-wide:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:span 6}
.bar-tel:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}
.logo img:where([data-block-style="s2"], [data-block-style="s2"] *){height:40px}
.split-mid b:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:clamp(34px,10vw,60px)}
.sp:where([data-block-style="s2"], [data-block-style="s2"] *){width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
.sp b:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:clamp(28px,8vw,40px)}
.sp-l:where([data-block-style="s2"], [data-block-style="s2"] *){top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
.sp-r:where([data-block-style="s2"], [data-block-style="s2"] *){top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
.sub-hero:where([data-block-style="s2"], [data-block-style="s2"] *){padding:132px 0 clamp(64px,8vw,110px)}
.crumbs:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
.crumbs a:where([data-block-style="s2"], [data-block-style="s2"] *){text-decoration:none;color:var(--muted) !important}
.crumbs a:hover:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--green-ink) !important;text-decoration:underline}
.crumbs li + li:where([data-block-style="s2"], [data-block-style="s2"] *)::before{content:"/";margin-right:8px;color:#9BA3A8}
.crumbs [aria-current]:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--ink);font-weight:650}
.sh-grid:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.sh-txt:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / span 6}
.sh-txt h1:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:clamp(60px,8.6vw,136px)}
.sh-txt:where([data-block-style="s2"], [data-block-style="s2"] *){min-width:0}
.sh-txt h1:where([data-block-style="s2"], [data-block-style="s2"] *){overflow-wrap:break-word;hyphens:manual}
.sh-txt:not(.wide) h1:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:clamp(52px,6.4vw,104px)}
.sh-lead:where([data-block-style="s2"], [data-block-style="s2"] *){margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
.sh-txt p.sh-body:where([data-block-style="s2"], [data-block-style="s2"] *){margin:16px 0 0;max-width:42ch;color:var(--muted)}
.jump:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
.jump a:where([data-block-style="s2"], [data-block-style="s2"] *){display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.jump a:where([data-block-style="s2"], [data-block-style="s2"] *)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.jump a:hover:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--ink);color:#fff !important}
.sh-fig:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:8 / span 5;height:min(560px,62vh)}
.sh-fig img:where([data-block-style="s2"], [data-block-style="s2"] *){animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
.sh-fig:where([data-block-style="s2"], [data-block-style="s2"] *)::before{animation:framein .6s ease 1.1s both}

.typ:where([data-block-style="s2"], [data-block-style="s2"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.typ-alt:where([data-block-style="s2"], [data-block-style="s2"] *){background:#fff}
.typ-grid:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.typ-txt:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / span 5}
.typ-stage:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:7 / span 6}
.flip .typ-txt:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:8 / span 5;order:2}
.flip .typ-stage:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / span 6;order:1}
.tags:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.tags li:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
.typ h2:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:clamp(46px,5.6vw,86px)}
.typ h2 span:where([data-block-style="s2"], [data-block-style="s2"] *){display:block;color:var(--green-ink)}
.typ-body:where([data-block-style="s2"], [data-block-style="s2"] *){margin:24px 0 0;color:var(--muted)}
.ph-note:where([data-block-style="s2"], [data-block-style="s2"] *){display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
.specs:where([data-block-style="s2"], [data-block-style="s2"] *){margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
.specs div:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
.specs dt:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:14px;font-weight:650;color:var(--green-ink)}
.specs dd:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0;font-weight:600}
.typ .btn:where([data-block-style="s2"], [data-block-style="s2"] *){margin-top:30px}
.big-dim:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;align-items:center;gap:16px;margin:28px 0 0}
.big-dim b:where([data-block-style="s2"], [data-block-style="s2"] *){font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
.big-dim span:where([data-block-style="s2"], [data-block-style="s2"] *){font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
.big-dim i:where([data-block-style="s2"], [data-block-style="s2"] *){flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
.big-dim i:where([data-block-style="s2"], [data-block-style="s2"] *)::before,.big-dim i:where([data-block-style="s2"], [data-block-style="s2"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.big-dim i:where([data-block-style="s2"], [data-block-style="s2"] *)::before{left:0}.big-dim i:where([data-block-style="s2"], [data-block-style="s2"] *)::after{right:0}

.stage-x:where([data-block-style="s2"], [data-block-style="s2"] *){height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
.stage-x .fig:where([data-block-style="s2"], [data-block-style="s2"] *){height:100%}
.ov:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
.slats:where([data-block-style="s2"], [data-block-style="s2"] *){background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
.swing:where([data-block-style="s2"], [data-block-style="s2"] *){perspective:1600px}
.wing:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.wing-l:where([data-block-style="s2"], [data-block-style="s2"] *){left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
.wing-r:where([data-block-style="s2"], [data-block-style="s2"] *){right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
.wing-l:where([data-block-style="s2"], [data-block-style="s2"] *)::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.slide-p:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.slide-p:where([data-block-style="s2"], [data-block-style="s2"] *)::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.boom:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.boom .post:where([data-block-style="s2"], [data-block-style="s2"] *){fill:var(--deep)}
.boom .arm:where([data-block-style="s2"], [data-block-style="s2"] *){transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.fence:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}

.gal:where([data-block-style="s2"], [data-block-style="s2"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
.gal .fig:where([data-block-style="s2"], [data-block-style="s2"] *){height:clamp(200px,20vw,280px)}
.g5 .fig:first-child:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:span 2}
.g4:where([data-block-style="s2"], [data-block-style="s2"] *){grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
.wing:where([data-block-style="s2"], [data-block-style="s2"] *),.slide-p:where([data-block-style="s2"], [data-block-style="s2"] *),.fence:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}
.boom .arm:where([data-block-style="s2"], [data-block-style="s2"] *){transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
.wing:where([data-block-style="s2"], [data-block-style="s2"] *),.slide-p:where([data-block-style="s2"], [data-block-style="s2"] *),.fence:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}
.boom .arm:where([data-block-style="s2"], [data-block-style="s2"] *){animation:none;transform:rotate(-80deg)}
.sh-fig img:where([data-block-style="s2"], [data-block-style="s2"] *),.sh-fig:where([data-block-style="s2"], [data-block-style="s2"] *)::before{animation:none}
}
@media (max-width:900px){
.sh-txt:where([data-block-style="s2"], [data-block-style="s2"] *),.sh-fig:where([data-block-style="s2"], [data-block-style="s2"] *),.typ-txt:where([data-block-style="s2"], [data-block-style="s2"] *),.typ-stage:where([data-block-style="s2"], [data-block-style="s2"] *),.flip .typ-txt:where([data-block-style="s2"], [data-block-style="s2"] *),.flip .typ-stage:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / -1;order:0}
.sh-fig:where([data-block-style="s2"], [data-block-style="s2"] *){height:300px;margin-top:24px}
.typ-stage:where([data-block-style="s2"], [data-block-style="s2"] *){margin-top:32px}
.gal:where([data-block-style="s2"], [data-block-style="s2"] *),.g4:where([data-block-style="s2"], [data-block-style="s2"] *){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.g5 .fig:first-child:where([data-block-style="s2"], [data-block-style="s2"] *){grid-column:1 / -1}
.specs div:where([data-block-style="s2"], [data-block-style="s2"] *){grid-template-columns:110px minmax(0,1fr)}
}

/* Kontakt-Abschnitt grün */
.kontakt:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--green);border-top:0}
.kontakt .k-info p:where([data-block-style="s2"], [data-block-style="s2"] *){color:var(--ink)}
.kontakt .k-info a.big:hover:where([data-block-style="s2"], [data-block-style="s2"] *){color:#fff}
.kontakt .btn-green:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--deep);color:#fff !important}
.kontakt .btn-green:hover:where([data-block-style="s2"], [data-block-style="s2"] *){background:#fff;color:var(--ink) !important}
.kontakt .fig:where([data-block-style="s2"], [data-block-style="s2"] *)::before{border-color:var(--deep)}

.tj path:where([data-block-style="s2"], [data-block-style="s2"] *),.tj rect:where([data-block-style="s2"], [data-block-style="s2"] *),.tj circle:where([data-block-style="s2"], [data-block-style="s2"] *){transform-box:fill-box}
.tj .drop:where([data-block-style="s2"], [data-block-style="s2"] *){transform-origin:50% 100%;animation:tj-drop .75s both}
.tj .pop:where([data-block-style="s2"], [data-block-style="s2"] *){transform-origin:50% 100%;animation:tj-pop .5s both}
.tj .bang:where([data-block-style="s2"], [data-block-style="s2"] *){transform-origin:50% 100%;animation:tj-bang .45s both}
.tj .cf:where([data-block-style="s2"], [data-block-style="s2"] *){transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
.tj .tj-all:where([data-block-style="s2"], [data-block-style="s2"] *){transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}


/* Torjubel-Trenner */
.tj-sep:where([data-block-style="s2"], [data-block-style="s2"] *){display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
.tj:where([data-block-style="s2"], [data-block-style="s2"] *){width:300px;max-width:80%;height:auto;overflow:visible}
.tj:not(.tj-on) *:where([data-block-style="s2"], [data-block-style="s2"] *){animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){.tj *:where([data-block-style="s2"], [data-block-style="s2"] *){animation:none !important}.tj .cf:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}}

.hero-ico:where([data-block-style="s2"], [data-block-style="s2"] *){display:block;width:60px;height:60px;color:var(--green-dk);margin:0 0 20px}
.hero-ico *:where([data-block-style="s2"], [data-block-style="s2"] *){fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* Bilder vergrößern (Lightbox) */
.fig img:where([data-block-style="s2"], [data-block-style="s2"] *){cursor:zoom-in}
a .fig img:where([data-block-style="s2"], [data-block-style="s2"] *){cursor:pointer}
.lb:where([data-block-style="s2"], [data-block-style="s2"] *){position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
.lb.on:where([data-block-style="s2"], [data-block-style="s2"] *){opacity:1;visibility:visible;transition:opacity .35s}
.lb-fig:where([data-block-style="s2"], [data-block-style="s2"] *){margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-img:where([data-block-style="s2"], [data-block-style="s2"] *){display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
.lb.on .lb-img:where([data-block-style="s2"], [data-block-style="s2"] *){transform:none}
.lb-count:where([data-block-style="s2"], [data-block-style="s2"] *){color:#C9CED2;font-size:15px;font-weight:600}
.lb-btn:where([data-block-style="s2"], [data-block-style="s2"] *){position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
.lb-btn svg:where([data-block-style="s2"], [data-block-style="s2"] *){width:22px;height:22px}
.lb-btn svg *:where([data-block-style="s2"], [data-block-style="s2"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lb-btn:hover:where([data-block-style="s2"], [data-block-style="s2"] *){background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:where([data-block-style="s2"], [data-block-style="s2"] *){top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:hover:where([data-block-style="s2"], [data-block-style="s2"] *){background:#fff;border-color:#fff}
.lb-prev:where([data-block-style="s2"], [data-block-style="s2"] *){left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb-next:where([data-block-style="s2"], [data-block-style="s2"] *){right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb.single .lb-prev:where([data-block-style="s2"], [data-block-style="s2"] *),.lb.single .lb-next:where([data-block-style="s2"], [data-block-style="s2"] *),.lb.single .lb-count:where([data-block-style="s2"], [data-block-style="s2"] *){display:none}
@media (prefers-reduced-motion: reduce){.lb:where([data-block-style="s2"], [data-block-style="s2"] *),.lb-img:where([data-block-style="s2"], [data-block-style="s2"] *){transition:none}}


/* Reusable blocks originally from index.html */

body:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0}
:root:where([data-block-style="s3"], [data-block-style="s3"] *){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
*:where([data-block-style="s3"], [data-block-style="s3"] *){box-sizing:border-box}
.site:where([data-block-style="s3"], [data-block-style="s3"] *){font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
.site a:where([data-block-style="s3"], [data-block-style="s3"] *){color:inherit}
.wrap:where([data-block-style="s3"], [data-block-style="s3"] *){max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.grid-bg:where([data-block-style="s3"], [data-block-style="s3"] *){background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
.xl:where([data-block-style="s3"], [data-block-style="s3"] *){font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
.btn:where([data-block-style="s3"], [data-block-style="s3"] *){display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
.btn-green:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--green);color:var(--ink) !important}
.btn-green:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--deep);color:#fff !important}
.btn-line:where([data-block-style="s3"], [data-block-style="s3"] *){border:2px solid currentColor}
.btn-line:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--ink);color:#fff !important;border-color:var(--ink)}
.site a:focus-visible:where([data-block-style="s3"], [data-block-style="s3"] *),.site button:focus-visible:where([data-block-style="s3"], [data-block-style="s3"] *){outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
.fig:where([data-block-style="s3"], [data-block-style="s3"] *){position:relative;isolation:isolate;margin:0 16px 16px 0}
.fig:where([data-block-style="s3"], [data-block-style="s3"] *)::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.fig:hover:where([data-block-style="s3"], [data-block-style="s3"] *)::before{transform:translate(8px,8px)}
.fig img:where([data-block-style="s3"], [data-block-style="s3"] *){display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
.bar:where([data-block-style="s3"], [data-block-style="s3"] *){position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
.bar-in:where([data-block-style="s3"], [data-block-style="s3"] *){height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo:where([data-block-style="s3"], [data-block-style="s3"] *){display:block;line-height:0}
.logo img:where([data-block-style="s3"], [data-block-style="s3"] *){height:48px;width:auto;display:block}
.bar-r:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;align-items:center;gap:22px}
.bar-tel:where([data-block-style="s3"], [data-block-style="s3"] *){font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
.bar-tel:hover:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--green-ink) !important}
.burger:where([data-block-style="s3"], [data-block-style="s3"] *){width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
.burger:hover:where([data-block-style="s3"], [data-block-style="s3"] *){transform:rotate(90deg)}
.burger i:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
.burger i:nth-child(1):where([data-block-style="s3"], [data-block-style="s3"] *){top:18px}.burger i:nth-child(2):where([data-block-style="s3"], [data-block-style="s3"] *){top:25px}.burger i:nth-child(3):where([data-block-style="s3"], [data-block-style="s3"] *){top:32px}
.is-open .burger:where([data-block-style="s3"], [data-block-style="s3"] *){transform:rotate(180deg);background:var(--ink)}
.is-open .burger i:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--green)}
.is-open .burger i:nth-child(1):where([data-block-style="s3"], [data-block-style="s3"] *){top:25px;transform:rotate(45deg)}
.is-open .burger i:nth-child(2):where([data-block-style="s3"], [data-block-style="s3"] *){opacity:0;transform:scaleX(0)}
.is-open .burger i:nth-child(3):where([data-block-style="s3"], [data-block-style="s3"] *){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
.menu:where([data-block-style="s3"], [data-block-style="s3"] *){position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
.is-open .menu:where([data-block-style="s3"], [data-block-style="s3"] *){visibility:visible;transition-delay:0s}
.m-leaf:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.m-l:where([data-block-style="s3"], [data-block-style="s3"] *){left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s3"], [data-block-style="s3"] *){right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s3"], [data-block-style="s3"] *)::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
.is-open .m-l:where([data-block-style="s3"], [data-block-style="s3"] *),.is-open .m-r:where([data-block-style="s3"], [data-block-style="s3"] *){transform:translateX(0)}
.is-open .m-r:where([data-block-style="s3"], [data-block-style="s3"] *)::before{transform:scaleY(0)}
.m-body:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
.is-open .m-body:where([data-block-style="s3"], [data-block-style="s3"] *){opacity:1;transition:opacity .3s .45s}
.m-cols:where([data-block-style="s3"], [data-block-style="s3"] *){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
.m-c1:where([data-block-style="s3"], [data-block-style="s3"] *){--d:.5s}.m-c2:where([data-block-style="s3"], [data-block-style="s3"] *){--d:.62s}.m-c3:where([data-block-style="s3"], [data-block-style="s3"] *){--d:.74s}
.m-col:where([data-block-style="s3"], [data-block-style="s3"] *){opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.is-open .m-col:where([data-block-style="s3"], [data-block-style="s3"] *){opacity:1;transform:none;transition-delay:var(--d)}
.m-col + .m-col:where([data-block-style="s3"], [data-block-style="s3"] *){border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
.m-title:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
.chev:where([data-block-style="s3"], [data-block-style="s3"] *){width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.chev *:where([data-block-style="s3"], [data-block-style="s3"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.m-list:where([data-block-style="s3"], [data-block-style="s3"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.m-list li:where([data-block-style="s3"], [data-block-style="s3"] *){opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.is-open .m-list li:where([data-block-style="s3"], [data-block-style="s3"] *){opacity:1;transform:none}
.is-open .m-list li:nth-child(1):where([data-block-style="s3"], [data-block-style="s3"] *){transition-delay:calc(var(--d) + .06s)}.is-open .m-list li:nth-child(2):where([data-block-style="s3"], [data-block-style="s3"] *){transition-delay:calc(var(--d) + .12s)}.is-open .m-list li:nth-child(3):where([data-block-style="s3"], [data-block-style="s3"] *){transition-delay:calc(var(--d) + .18s)}.is-open .m-list li:nth-child(4):where([data-block-style="s3"], [data-block-style="s3"] *){transition-delay:calc(var(--d) + .24s)}.is-open .m-list li:nth-child(5):where([data-block-style="s3"], [data-block-style="s3"] *){transition-delay:calc(var(--d) + .3s)}.is-open .m-list li:nth-child(6):where([data-block-style="s3"], [data-block-style="s3"] *){transition-delay:calc(var(--d) + .36s)}.is-open .m-list li:nth-child(7):where([data-block-style="s3"], [data-block-style="s3"] *){transition-delay:calc(var(--d) + .42s)}
.m-big:where([data-block-style="s3"], [data-block-style="s3"] *){font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.m-big:hover:where([data-block-style="s3"], [data-block-style="s3"] *){color:#fff !important;transform:translateX(12px)}
.m-c1 .m-list:where([data-block-style="s3"], [data-block-style="s3"] *){gap:12px}
.m-link:where([data-block-style="s3"], [data-block-style="s3"] *){position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
.m-link:where([data-block-style="s3"], [data-block-style="s3"] *)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.m-link:hover:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--green) !important}
.m-link:hover:where([data-block-style="s3"], [data-block-style="s3"] *)::after{transform:scaleX(1)}
.m-foot:where([data-block-style="s3"], [data-block-style="s3"] *){margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
.is-open .m-foot:where([data-block-style="s3"], [data-block-style="s3"] *){opacity:1;transition-delay:.9s}
.m-foot-info:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
.m-foot-info a:where([data-block-style="s3"], [data-block-style="s3"] *){font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
.m-foot-info a:hover:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--green) !important}
.m-foot-info span:where([data-block-style="s3"], [data-block-style="s3"] *){font-size:15px;color:#C9CED2}
.lang:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;gap:10px}
.lang a:where([data-block-style="s3"], [data-block-style="s3"] *){min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
.lang a.on:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
.hero:where([data-block-style="s3"], [data-block-style="s3"] *){position:relative;height:calc(var(--vh) * 1.75);view-timeline-name:--gate;view-timeline-axis:block}
.stage:where([data-block-style="s3"], [data-block-style="s3"] *){position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--deep)}
.hero-video:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-shade:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,21,23,.78) 0%,rgba(18,21,23,.55) 55%,rgba(18,21,23,.4) 100%)}
.hero-in:where([data-block-style="s3"], [data-block-style="s3"] *){position:relative;z-index:2}
.hero-in:where([data-block-style="s3"], [data-block-style="s3"] *){height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
.hero-head:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / span 10;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 90%}
.hero h1:where([data-block-style="s3"], [data-block-style="s3"] *){font-size:clamp(48px,7vw,112px);color:var(--green)}
.hero h1 span:where([data-block-style="s3"], [data-block-style="s3"] *){display:block}
.dim:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:#fff;font-size:14px;font-weight:650}
.dim i:where([data-block-style="s3"], [data-block-style="s3"] *){flex:1;height:2px;background:var(--green);position:relative}
.dim i:where([data-block-style="s3"], [data-block-style="s3"] *)::before,.dim i:where([data-block-style="s3"], [data-block-style="s3"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.dim i:where([data-block-style="s3"], [data-block-style="s3"] *)::before{left:0}.dim i:where([data-block-style="s3"], [data-block-style="s3"] *)::after{right:0}
.hero-sub:where([data-block-style="s3"], [data-block-style="s3"] *){margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:#fff}
.hero .btn-line:where([data-block-style="s3"], [data-block-style="s3"] *){color:#fff !important}
.hero .btn-line:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:#fff;color:var(--ink) !important;border-color:#fff}
.hero .btn-green:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:#fff;color:var(--ink) !important}
.rail:where([data-block-style="s3"], [data-block-style="s3"] *){z-index:2}
.hero-cta:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-fig:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
.rail:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;left:0;right:0;bottom:48px;height:40px}
.rail svg:where([data-block-style="s3"], [data-block-style="s3"] *){width:100%;height:40px;display:block}
.leaf:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
.leaf-l:where([data-block-style="s3"], [data-block-style="s3"] *){left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 92%}
.leaf-r:where([data-block-style="s3"], [data-block-style="s3"] *){right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 92%}
.leaf-l:where([data-block-style="s3"], [data-block-style="s3"] *)::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
.leaf-word:where([data-block-style="s3"], [data-block-style="s3"] *){font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
.leaf-r .leaf-word:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--green)}
.leaf-l .leaf-word:where([data-block-style="s3"], [data-block-style="s3"] *){padding-right:44px}
.leaf-r .leaf-word:where([data-block-style="s3"], [data-block-style="s3"] *){padding-left:22px}
.leaf-hint:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
.leaf-l .leaf-hint:where([data-block-style="s3"], [data-block-style="s3"] *){text-align:right;padding-right:20px}
.leaf-r .leaf-hint:where([data-block-style="s3"], [data-block-style="s3"] *){text-align:left;padding-left:20px}

/* Produkte */
.sec:where([data-block-style="s3"], [data-block-style="s3"] *){padding:clamp(80px,10vw,150px) 0}
.intro:where([data-block-style="s3"], [data-block-style="s3"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
.intro h2:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
.intro > p:where([data-block-style="s3"], [data-block-style="s3"] *),.intro > div:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:8 / span 5;margin:0}
.intro p:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0;color:var(--muted)}
.prods:where([data-block-style="s3"], [data-block-style="s3"] *){list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.prod:where([data-block-style="s3"], [data-block-style="s3"] *){border-bottom:2px solid var(--ink)}
.prod a:where([data-block-style="s3"], [data-block-style="s3"] *){position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
.prod a:where([data-block-style="s3"], [data-block-style="s3"] *)::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.prod a:hover:where([data-block-style="s3"], [data-block-style="s3"] *)::before{transform:scaleX(1)}
.prod-name:where([data-block-style="s3"], [data-block-style="s3"] *){font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
.prod-line:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--muted);font-size:17px}
.prod a:hover .prod-line:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--ink)}
.ico:where([data-block-style="s3"], [data-block-style="s3"] *){width:64px;height:64px;color:var(--green-dk);transition:color .35s}
.prod a:hover .ico:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--ink)}
.ico *:where([data-block-style="s3"], [data-block-style="s3"] *){fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.go:where([data-block-style="s3"], [data-block-style="s3"] *){width:40px;height:40px;transition:transform .35s}
.go *:where([data-block-style="s3"], [data-block-style="s3"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prod a:hover .go:where([data-block-style="s3"], [data-block-style="s3"] *){transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
.einer:where([data-block-style="s3"], [data-block-style="s3"] *){position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
.einer-in:where([data-block-style="s3"], [data-block-style="s3"] *){padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.einer h2:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
.einer-txt:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:8 / span 5}
.einer-txt p:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0 0 28px}
.door:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
.slat:where([data-block-style="s3"], [data-block-style="s3"] *){flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
.slat:where([data-block-style="s3"], [data-block-style="s3"] *)::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
.slat:last-child:where([data-block-style="s3"], [data-block-style="s3"] *){border-bottom:10px solid var(--deep)}
.door-tag:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}

/* Referenzen */
.refs:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--deep);color:#fff}
.refs .intro p:where([data-block-style="s3"], [data-block-style="s3"] *){color:#C9CED2;max-width:100%;height:auto !important}
.ref-cta:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.refs .btn-line:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:#fff;color:var(--deep) !important;border-color:#fff}
.refs .btn-green:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:#fff;color:var(--deep) !important}
.shots:where([data-block-style="s3"], [data-block-style="s3"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
.s1:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:span 7;height:520px}
.shots-r:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.s2:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / -1;height:240px}
.s3:where([data-block-style="s3"], [data-block-style="s3"] *),.s4:where([data-block-style="s3"], [data-block-style="s3"] *){height:244px}
.s5:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
.split:where([data-block-style="s3"], [data-block-style="s3"] *){position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
.split-mid:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.split-mid b:where([data-block-style="s3"], [data-block-style="s3"] *){font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
.sp:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
.sp b:where([data-block-style="s3"], [data-block-style="s3"] *){font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
.sp-l:where([data-block-style="s3"], [data-block-style="s3"] *){left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
.sp-r:where([data-block-style="s3"], [data-block-style="s3"] *){right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
.werte:where([data-block-style="s3"], [data-block-style="s3"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
.werte-txt:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
.yrs:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;align-items:baseline;gap:16px}
.yrs b:where([data-block-style="s3"], [data-block-style="s3"] *){font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
.yrs > span:where([data-block-style="s3"], [data-block-style="s3"] *){font-weight:700;font-size:22px;line-height:1.2}
@supports (animation-timeline: view()){
.yrs b:where([data-block-style="s3"], [data-block-style="s3"] *){display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
.yrs b .n:where([data-block-style="s3"], [data-block-style="s3"] *){display:none}
.yrs b:where([data-block-style="s3"], [data-block-style="s3"] *)::after{content:counter(yrs)}
}
.werte-txt p:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
.werte-fig:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:8 / span 5;height:440px}

/* Kontakt */
.kontakt:where([data-block-style="s3"], [data-block-style="s3"] *){border-top:2px solid var(--ink)}
.k-grid:where([data-block-style="s3"], [data-block-style="s3"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.k-left:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
.k-left h2:where([data-block-style="s3"], [data-block-style="s3"] *){font-size:clamp(48px,6.4vw,100px)}
.k-info:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;flex-direction:column;gap:14px}
.k-info a.big:where([data-block-style="s3"], [data-block-style="s3"] *){font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
.k-info a.big:hover:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--green-ink)}
.k-info p:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0;color:var(--muted)}
.k-fig:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:8 / span 5;height:460px}

/* Footer */
.foot:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
.f-grid:where([data-block-style="s3"], [data-block-style="s3"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.f-addr:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:span 3}
.f-addr:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;flex-direction:column;gap:18px}
.f-hi:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0;font-size:15px;font-weight:650;color:var(--green)}
.f-name:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
.f-rows:where([data-block-style="s3"], [data-block-style="s3"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.f-row:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
.f-row:hover:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--green) !important;text-decoration:none !important}
.f-ic:where([data-block-style="s3"], [data-block-style="s3"] *){flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
.f-ic svg:where([data-block-style="s3"], [data-block-style="s3"] *){width:19px;height:19px}
.f-ic svg *:where([data-block-style="s3"], [data-block-style="s3"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f-row:hover .f-ic:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--green);color:var(--ink);transform:rotate(-8deg)}
.f-row small:where([data-block-style="s3"], [data-block-style="s3"] *){display:block;font-size:13px;color:#9BA3A8;font-weight:500}
.f-vat:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0;font-size:13px;color:#9BA3A8}
.f-social:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;gap:12px}
.f-social a:where([data-block-style="s3"], [data-block-style="s3"] *){width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.f-social img:where([data-block-style="s3"], [data-block-style="s3"] *){width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
.f-social a:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--green);border-color:var(--green);transform:translateY(-3px)}
.f-social a:hover img:where([data-block-style="s3"], [data-block-style="s3"] *){filter:brightness(0)}
.f-col:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:span 2}
.f-wide:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:span 3}
.f-col h3:where([data-block-style="s3"], [data-block-style="s3"] *),.f-wide h3:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
.f-col ul:where([data-block-style="s3"], [data-block-style="s3"] *),.f-wide ul:where([data-block-style="s3"], [data-block-style="s3"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot a:where([data-block-style="s3"], [data-block-style="s3"] *){text-decoration:none;color:#C9CED2 !important}
.foot a:hover:where([data-block-style="s3"], [data-block-style="s3"] *){color:#fff !important;text-decoration:underline}
.f-bot:where([data-block-style="s3"], [data-block-style="s3"] *){margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
.f-bot div:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
.hero:where([data-block-style="s3"], [data-block-style="s3"] *){height:var(--vh)}
.leaf:where([data-block-style="s3"], [data-block-style="s3"] *),.door:where([data-block-style="s3"], [data-block-style="s3"] *),.sp:where([data-block-style="s3"], [data-block-style="s3"] *){display:none}
.split-mid b:where([data-block-style="s3"], [data-block-style="s3"] *){font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
.hero:where([data-block-style="s3"], [data-block-style="s3"] *){height:var(--vh)}
.leaf:where([data-block-style="s3"], [data-block-style="s3"] *),.door:where([data-block-style="s3"], [data-block-style="s3"] *),.sp:where([data-block-style="s3"], [data-block-style="s3"] *){display:none}
.hero-head:where([data-block-style="s3"], [data-block-style="s3"] *),.hero-fig:where([data-block-style="s3"], [data-block-style="s3"] *),.yrs b:where([data-block-style="s3"], [data-block-style="s3"] *){animation:none !important}
.hero-video:where([data-block-style="s3"], [data-block-style="s3"] *){display:none}
.yrs b .n:where([data-block-style="s3"], [data-block-style="s3"] *){display:inline !important}
.yrs b:where([data-block-style="s3"], [data-block-style="s3"] *)::after{content:none !important}
.m-leaf:where([data-block-style="s3"], [data-block-style="s3"] *),.m-col:where([data-block-style="s3"], [data-block-style="s3"] *),.m-list li:where([data-block-style="s3"], [data-block-style="s3"] *),.m-foot:where([data-block-style="s3"], [data-block-style="s3"] *),.m-wrapL:where([data-block-style="s3"], [data-block-style="s3"] *),.burger:where([data-block-style="s3"], [data-block-style="s3"] *),.burger i:where([data-block-style="s3"], [data-block-style="s3"] *),.fig:where([data-block-style="s3"], [data-block-style="s3"] *)::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
.intro h2:where([data-block-style="s3"], [data-block-style="s3"] *),.intro > p:where([data-block-style="s3"], [data-block-style="s3"] *),.intro > div:where([data-block-style="s3"], [data-block-style="s3"] *),.einer h2:where([data-block-style="s3"], [data-block-style="s3"] *),.einer-txt:where([data-block-style="s3"], [data-block-style="s3"] *),.k-left:where([data-block-style="s3"], [data-block-style="s3"] *),.k-fig:where([data-block-style="s3"], [data-block-style="s3"] *),.werte-txt:where([data-block-style="s3"], [data-block-style="s3"] *),.werte-fig:where([data-block-style="s3"], [data-block-style="s3"] *),.hero-head:where([data-block-style="s3"], [data-block-style="s3"] *),.hero-fig:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / -1}
.hero-fig:where([data-block-style="s3"], [data-block-style="s3"] *){display:none}
.prod a:where([data-block-style="s3"], [data-block-style="s3"] *){grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
.prod-line:where([data-block-style="s3"], [data-block-style="s3"] *){display:none}
.ico:where([data-block-style="s3"], [data-block-style="s3"] *){width:44px;height:44px}
.shots:where([data-block-style="s3"], [data-block-style="s3"] *){grid-template-columns:minmax(0,1fr)}
.s1:where([data-block-style="s3"], [data-block-style="s3"] *),.shots-r:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / -1}
.s1:where([data-block-style="s3"], [data-block-style="s3"] *){height:300px}
.s2:where([data-block-style="s3"], [data-block-style="s3"] *),.s3:where([data-block-style="s3"], [data-block-style="s3"] *),.s4:where([data-block-style="s3"], [data-block-style="s3"] *){height:200px}
.s5:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / -1;height:220px}
.werte-fig:where([data-block-style="s3"], [data-block-style="s3"] *),.k-fig:where([data-block-style="s3"], [data-block-style="s3"] *){height:300px}
.m-body:where([data-block-style="s3"], [data-block-style="s3"] *){padding-top:104px}
.m-cols:where([data-block-style="s3"], [data-block-style="s3"] *){grid-template-columns:minmax(0,1fr);gap:0}
.m-col + .m-col:where([data-block-style="s3"], [data-block-style="s3"] *){border-left:0;padding-left:0}
.m-title:where([data-block-style="s3"], [data-block-style="s3"] *){cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
.chev:where([data-block-style="s3"], [data-block-style="s3"] *){display:block}
.m-col.open .chev:where([data-block-style="s3"], [data-block-style="s3"] *){transform:rotate(180deg)}
.m-wrapL:where([data-block-style="s3"], [data-block-style="s3"] *){display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
.m-col.open .m-wrapL:where([data-block-style="s3"], [data-block-style="s3"] *){grid-template-rows:1fr}
.m-wrapL > ul:where([data-block-style="s3"], [data-block-style="s3"] *){overflow:hidden;min-height:0}
.m-list:where([data-block-style="s3"], [data-block-style="s3"] *){padding:14px 0 24px}
.m-c1 .m-list:where([data-block-style="s3"], [data-block-style="s3"] *){gap:14px}
.m-big:where([data-block-style="s3"], [data-block-style="s3"] *){font-size:clamp(28px,7.6vw,36px)}
.m-link:where([data-block-style="s3"], [data-block-style="s3"] *){font-size:20px}
.m-foot:where([data-block-style="s3"], [data-block-style="s3"] *){margin-top:28px;border-top:0;padding-top:0}
.f-addr:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:1 / -1}
.f-col:where([data-block-style="s3"], [data-block-style="s3"] *),.f-wide:where([data-block-style="s3"], [data-block-style="s3"] *){grid-column:span 6}
.bar-tel:where([data-block-style="s3"], [data-block-style="s3"] *){display:none}
.logo img:where([data-block-style="s3"], [data-block-style="s3"] *){height:40px}
.split-mid b:where([data-block-style="s3"], [data-block-style="s3"] *){font-size:clamp(34px,10vw,60px)}
.sp:where([data-block-style="s3"], [data-block-style="s3"] *){width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
.sp b:where([data-block-style="s3"], [data-block-style="s3"] *){font-size:clamp(28px,8vw,40px)}
.sp-l:where([data-block-style="s3"], [data-block-style="s3"] *){top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
.sp-r:where([data-block-style="s3"], [data-block-style="s3"] *){top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Kontakt-Abschnitt grün */
.kontakt:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--green);border-top:0}
.kontakt .k-info p:where([data-block-style="s3"], [data-block-style="s3"] *){color:var(--ink)}
.kontakt .k-info a.big:hover:where([data-block-style="s3"], [data-block-style="s3"] *){color:#fff}
.kontakt .btn-green:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--deep);color:#fff !important}
.kontakt .btn-green:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:#fff;color:var(--ink) !important}
.kontakt .fig:where([data-block-style="s3"], [data-block-style="s3"] *)::before{border-color:var(--deep)}

.tj path:where([data-block-style="s3"], [data-block-style="s3"] *),.tj rect:where([data-block-style="s3"], [data-block-style="s3"] *),.tj circle:where([data-block-style="s3"], [data-block-style="s3"] *){transform-box:fill-box}
.tj .drop:where([data-block-style="s3"], [data-block-style="s3"] *){transform-origin:50% 100%;animation:tj-drop .75s both}
.tj .pop:where([data-block-style="s3"], [data-block-style="s3"] *){transform-origin:50% 100%;animation:tj-pop .5s both}
.tj .bang:where([data-block-style="s3"], [data-block-style="s3"] *){transform-origin:50% 100%;animation:tj-bang .45s both}
.tj .cf:where([data-block-style="s3"], [data-block-style="s3"] *){transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
.tj .tj-all:where([data-block-style="s3"], [data-block-style="s3"] *){transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}


/* Torjubel-Trenner */
.tj-sep:where([data-block-style="s3"], [data-block-style="s3"] *){display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
.tj:where([data-block-style="s3"], [data-block-style="s3"] *){width:300px;max-width:80%;height:auto;overflow:visible}
.tj:not(.tj-on) *:where([data-block-style="s3"], [data-block-style="s3"] *){animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){.tj *:where([data-block-style="s3"], [data-block-style="s3"] *){animation:none !important}.tj .cf:where([data-block-style="s3"], [data-block-style="s3"] *){display:none}}

/* Bilder vergrößern (Lightbox) */
.fig img:where([data-block-style="s3"], [data-block-style="s3"] *){cursor:zoom-in}
a .fig img:where([data-block-style="s3"], [data-block-style="s3"] *){cursor:pointer}
.lb:where([data-block-style="s3"], [data-block-style="s3"] *){position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
.lb.on:where([data-block-style="s3"], [data-block-style="s3"] *){opacity:1;visibility:visible;transition:opacity .35s}
.lb-fig:where([data-block-style="s3"], [data-block-style="s3"] *){margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-img:where([data-block-style="s3"], [data-block-style="s3"] *){display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
.lb.on .lb-img:where([data-block-style="s3"], [data-block-style="s3"] *){transform:none}
.lb-count:where([data-block-style="s3"], [data-block-style="s3"] *){color:#C9CED2;font-size:15px;font-weight:600}
.lb-btn:where([data-block-style="s3"], [data-block-style="s3"] *){position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
.lb-btn svg:where([data-block-style="s3"], [data-block-style="s3"] *){width:22px;height:22px}
.lb-btn svg *:where([data-block-style="s3"], [data-block-style="s3"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lb-btn:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:where([data-block-style="s3"], [data-block-style="s3"] *){top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:hover:where([data-block-style="s3"], [data-block-style="s3"] *){background:#fff;border-color:#fff}
.lb-prev:where([data-block-style="s3"], [data-block-style="s3"] *){left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb-next:where([data-block-style="s3"], [data-block-style="s3"] *){right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb.single .lb-prev:where([data-block-style="s3"], [data-block-style="s3"] *),.lb.single .lb-next:where([data-block-style="s3"], [data-block-style="s3"] *),.lb.single .lb-count:where([data-block-style="s3"], [data-block-style="s3"] *){display:none}
@media (prefers-reduced-motion: reduce){.lb:where([data-block-style="s3"], [data-block-style="s3"] *),.lb-img:where([data-block-style="s3"], [data-block-style="s3"] *){transition:none}}


/* Reusable blocks originally from kontakt.html */

body:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0}
:root:where([data-block-style="s4"], [data-block-style="s4"] *){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
*:where([data-block-style="s4"], [data-block-style="s4"] *){box-sizing:border-box}
.site:where([data-block-style="s4"], [data-block-style="s4"] *){font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
.site a:where([data-block-style="s4"], [data-block-style="s4"] *){color:inherit}
.wrap:where([data-block-style="s4"], [data-block-style="s4"] *){max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.grid-bg:where([data-block-style="s4"], [data-block-style="s4"] *){background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
.xl:where([data-block-style="s4"], [data-block-style="s4"] *){font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
.btn:where([data-block-style="s4"], [data-block-style="s4"] *){display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
.btn-green:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--green);color:var(--ink) !important}
.btn-green:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--deep);color:#fff !important}
.btn-line:where([data-block-style="s4"], [data-block-style="s4"] *){border:2px solid currentColor}
.btn-line:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--ink);color:#fff !important;border-color:var(--ink)}
.site a:focus-visible:where([data-block-style="s4"], [data-block-style="s4"] *),.site button:focus-visible:where([data-block-style="s4"], [data-block-style="s4"] *){outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
.fig:where([data-block-style="s4"], [data-block-style="s4"] *){position:relative;isolation:isolate;margin:0 16px 16px 0}
.fig:where([data-block-style="s4"], [data-block-style="s4"] *)::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.fig:hover:where([data-block-style="s4"], [data-block-style="s4"] *)::before{transform:translate(8px,8px)}
.fig img:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
.bar:where([data-block-style="s4"], [data-block-style="s4"] *){position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
.bar-in:where([data-block-style="s4"], [data-block-style="s4"] *){height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;line-height:0}
.logo img:where([data-block-style="s4"], [data-block-style="s4"] *){height:48px;width:auto;display:block}
.bar-r:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;align-items:center;gap:22px}
.bar-tel:where([data-block-style="s4"], [data-block-style="s4"] *){font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
.bar-tel:hover:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green-ink) !important}
.burger:where([data-block-style="s4"], [data-block-style="s4"] *){width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
.burger:hover:where([data-block-style="s4"], [data-block-style="s4"] *){transform:rotate(90deg)}
.burger i:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
.burger i:nth-child(1):where([data-block-style="s4"], [data-block-style="s4"] *){top:18px}.burger i:nth-child(2):where([data-block-style="s4"], [data-block-style="s4"] *){top:25px}.burger i:nth-child(3):where([data-block-style="s4"], [data-block-style="s4"] *){top:32px}
.is-open .burger:where([data-block-style="s4"], [data-block-style="s4"] *){transform:rotate(180deg);background:var(--ink)}
.is-open .burger i:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--green)}
.is-open .burger i:nth-child(1):where([data-block-style="s4"], [data-block-style="s4"] *){top:25px;transform:rotate(45deg)}
.is-open .burger i:nth-child(2):where([data-block-style="s4"], [data-block-style="s4"] *){opacity:0;transform:scaleX(0)}
.is-open .burger i:nth-child(3):where([data-block-style="s4"], [data-block-style="s4"] *){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
.menu:where([data-block-style="s4"], [data-block-style="s4"] *){position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
.is-open .menu:where([data-block-style="s4"], [data-block-style="s4"] *){visibility:visible;transition-delay:0s}
.m-leaf:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.m-l:where([data-block-style="s4"], [data-block-style="s4"] *){left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s4"], [data-block-style="s4"] *){right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s4"], [data-block-style="s4"] *)::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
.is-open .m-l:where([data-block-style="s4"], [data-block-style="s4"] *),.is-open .m-r:where([data-block-style="s4"], [data-block-style="s4"] *){transform:translateX(0)}
.is-open .m-r:where([data-block-style="s4"], [data-block-style="s4"] *)::before{transform:scaleY(0)}
.m-body:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
.is-open .m-body:where([data-block-style="s4"], [data-block-style="s4"] *){opacity:1;transition:opacity .3s .45s}
.m-cols:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
.m-c1:where([data-block-style="s4"], [data-block-style="s4"] *){--d:.5s}.m-c2:where([data-block-style="s4"], [data-block-style="s4"] *){--d:.62s}.m-c3:where([data-block-style="s4"], [data-block-style="s4"] *){--d:.74s}
.m-col:where([data-block-style="s4"], [data-block-style="s4"] *){opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.is-open .m-col:where([data-block-style="s4"], [data-block-style="s4"] *){opacity:1;transform:none;transition-delay:var(--d)}
.m-col + .m-col:where([data-block-style="s4"], [data-block-style="s4"] *){border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
.m-title:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
.chev:where([data-block-style="s4"], [data-block-style="s4"] *){width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.chev *:where([data-block-style="s4"], [data-block-style="s4"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.m-list:where([data-block-style="s4"], [data-block-style="s4"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.m-list li:where([data-block-style="s4"], [data-block-style="s4"] *){opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.is-open .m-list li:where([data-block-style="s4"], [data-block-style="s4"] *){opacity:1;transform:none}
.is-open .m-list li:nth-child(1):where([data-block-style="s4"], [data-block-style="s4"] *){transition-delay:calc(var(--d) + .06s)}.is-open .m-list li:nth-child(2):where([data-block-style="s4"], [data-block-style="s4"] *){transition-delay:calc(var(--d) + .12s)}.is-open .m-list li:nth-child(3):where([data-block-style="s4"], [data-block-style="s4"] *){transition-delay:calc(var(--d) + .18s)}.is-open .m-list li:nth-child(4):where([data-block-style="s4"], [data-block-style="s4"] *){transition-delay:calc(var(--d) + .24s)}.is-open .m-list li:nth-child(5):where([data-block-style="s4"], [data-block-style="s4"] *){transition-delay:calc(var(--d) + .3s)}.is-open .m-list li:nth-child(6):where([data-block-style="s4"], [data-block-style="s4"] *){transition-delay:calc(var(--d) + .36s)}.is-open .m-list li:nth-child(7):where([data-block-style="s4"], [data-block-style="s4"] *){transition-delay:calc(var(--d) + .42s)}
.m-big:where([data-block-style="s4"], [data-block-style="s4"] *){font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.m-big:hover:where([data-block-style="s4"], [data-block-style="s4"] *){color:#fff !important;transform:translateX(12px)}
.m-c1 .m-list:where([data-block-style="s4"], [data-block-style="s4"] *){gap:12px}
.m-link:where([data-block-style="s4"], [data-block-style="s4"] *){position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
.m-link:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.m-link:hover:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green) !important}
.m-link:hover:where([data-block-style="s4"], [data-block-style="s4"] *)::after{transform:scaleX(1)}
.m-foot:where([data-block-style="s4"], [data-block-style="s4"] *){margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
.is-open .m-foot:where([data-block-style="s4"], [data-block-style="s4"] *){opacity:1;transition-delay:.9s}
.m-foot-info:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
.m-foot-info a:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
.m-foot-info a:hover:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green) !important}
.m-foot-info span:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:15px;color:#C9CED2}
.lang:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;gap:10px}
.lang a:where([data-block-style="s4"], [data-block-style="s4"] *){min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
.lang a.on:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
.hero:where([data-block-style="s4"], [data-block-style="s4"] *){position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
.stage:where([data-block-style="s4"], [data-block-style="s4"] *){position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
.hero-in:where([data-block-style="s4"], [data-block-style="s4"] *){height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
.hero-head:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
.hero h1:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
.hero h1 span:where([data-block-style="s4"], [data-block-style="s4"] *){display:block}
.dim:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
.dim i:where([data-block-style="s4"], [data-block-style="s4"] *){flex:1;height:2px;background:var(--green);position:relative}
.dim i:where([data-block-style="s4"], [data-block-style="s4"] *)::before,.dim i:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.dim i:where([data-block-style="s4"], [data-block-style="s4"] *)::before{left:0}.dim i:where([data-block-style="s4"], [data-block-style="s4"] *)::after{right:0}
.hero-sub:where([data-block-style="s4"], [data-block-style="s4"] *){margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
.hero-cta:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-fig:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
.rail:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;left:0;right:0;bottom:48px;height:40px}
.rail svg:where([data-block-style="s4"], [data-block-style="s4"] *){width:100%;height:40px;display:block}
.leaf:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
.leaf-l:where([data-block-style="s4"], [data-block-style="s4"] *){left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-r:where([data-block-style="s4"], [data-block-style="s4"] *){right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-l:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
.leaf-word:where([data-block-style="s4"], [data-block-style="s4"] *){font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
.leaf-r .leaf-word:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green)}
.leaf-l .leaf-word:where([data-block-style="s4"], [data-block-style="s4"] *){padding-right:44px}
.leaf-r .leaf-word:where([data-block-style="s4"], [data-block-style="s4"] *){padding-left:22px}
.leaf-hint:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
.leaf-l .leaf-hint:where([data-block-style="s4"], [data-block-style="s4"] *){text-align:right;padding-right:20px}
.leaf-r .leaf-hint:where([data-block-style="s4"], [data-block-style="s4"] *){text-align:left;padding-left:20px}

/* Produkte */
.sec:where([data-block-style="s4"], [data-block-style="s4"] *){padding:clamp(80px,10vw,150px) 0}
.intro:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
.intro h2:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
.intro > p:where([data-block-style="s4"], [data-block-style="s4"] *),.intro > div:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:8 / span 5;margin:0}
.intro p:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;color:var(--muted)}
.prods:where([data-block-style="s4"], [data-block-style="s4"] *){list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.prod:where([data-block-style="s4"], [data-block-style="s4"] *){border-bottom:2px solid var(--ink)}
.prod a:where([data-block-style="s4"], [data-block-style="s4"] *){position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
.prod a:where([data-block-style="s4"], [data-block-style="s4"] *)::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.prod a:hover:where([data-block-style="s4"], [data-block-style="s4"] *)::before{transform:scaleX(1)}
.prod-name:where([data-block-style="s4"], [data-block-style="s4"] *){font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
.prod-line:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--muted);font-size:17px}
.prod a:hover .prod-line:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--ink)}
.ico:where([data-block-style="s4"], [data-block-style="s4"] *){width:64px;height:64px;color:var(--green-dk);transition:color .35s}
.prod a:hover .ico:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--ink)}
.ico *:where([data-block-style="s4"], [data-block-style="s4"] *){fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.go:where([data-block-style="s4"], [data-block-style="s4"] *){width:40px;height:40px;transition:transform .35s}
.go *:where([data-block-style="s4"], [data-block-style="s4"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prod a:hover .go:where([data-block-style="s4"], [data-block-style="s4"] *){transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
.einer:where([data-block-style="s4"], [data-block-style="s4"] *){position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
.einer-in:where([data-block-style="s4"], [data-block-style="s4"] *){padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.einer h2:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
.einer-txt:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:8 / span 5}
.einer-txt p:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0 0 28px}
.door:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
.slat:where([data-block-style="s4"], [data-block-style="s4"] *){flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
.slat:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
.slat:last-child:where([data-block-style="s4"], [data-block-style="s4"] *){border-bottom:10px solid var(--deep)}
.door-tag:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}

/* Referenzen */
.refs:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--deep);color:#fff}
.refs .intro p:where([data-block-style="s4"], [data-block-style="s4"] *){color:#C9CED2;max-width:100%;height:auto !important}
.ref-cta:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.refs .btn-line:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff;color:var(--deep) !important;border-color:#fff}
.refs .btn-green:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff;color:var(--deep) !important}
.shots:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
.s1:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:span 7;height:520px}
.shots-r:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.s2:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1;height:240px}
.s3:where([data-block-style="s4"], [data-block-style="s4"] *),.s4:where([data-block-style="s4"], [data-block-style="s4"] *){height:244px}
.s5:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
.split:where([data-block-style="s4"], [data-block-style="s4"] *){position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
.split-mid:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.split-mid b:where([data-block-style="s4"], [data-block-style="s4"] *){font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
.sp:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
.sp b:where([data-block-style="s4"], [data-block-style="s4"] *){font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
.sp-l:where([data-block-style="s4"], [data-block-style="s4"] *){left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
.sp-r:where([data-block-style="s4"], [data-block-style="s4"] *){right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
.werte:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
.werte-txt:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
.yrs:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;align-items:baseline;gap:16px}
.yrs b:where([data-block-style="s4"], [data-block-style="s4"] *){font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
.yrs > span:where([data-block-style="s4"], [data-block-style="s4"] *){font-weight:700;font-size:22px;line-height:1.2}
@supports (animation-timeline: view()){
.yrs b:where([data-block-style="s4"], [data-block-style="s4"] *){display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
.yrs b .n:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
.yrs b:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:counter(yrs)}
}
.werte-txt p:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
.werte-fig:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:8 / span 5;height:440px}

/* Kontakt */
.kontakt:where([data-block-style="s4"], [data-block-style="s4"] *){border-top:2px solid var(--ink)}
.k-grid:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.k-left:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
.k-left h2:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:clamp(48px,6.4vw,100px)}
.k-info:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-direction:column;gap:14px}
.k-info a.big:where([data-block-style="s4"], [data-block-style="s4"] *){font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
.k-info a.big:hover:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green-ink)}
.k-info p:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;color:var(--muted)}
.k-fig:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:8 / span 5;height:460px}

/* Footer */
.foot:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
.f-grid:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.f-addr:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:span 3}
.f-addr:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-direction:column;gap:18px}
.f-hi:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;font-size:15px;font-weight:650;color:var(--green)}
.f-name:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
.f-rows:where([data-block-style="s4"], [data-block-style="s4"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.f-row:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
.f-row:hover:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green) !important;text-decoration:none !important}
.f-ic:where([data-block-style="s4"], [data-block-style="s4"] *){flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
.f-ic svg:where([data-block-style="s4"], [data-block-style="s4"] *){width:19px;height:19px}
.f-ic svg *:where([data-block-style="s4"], [data-block-style="s4"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f-row:hover .f-ic:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--green);color:var(--ink);transform:rotate(-8deg)}
.f-row small:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;font-size:13px;color:#9BA3A8;font-weight:500}
.f-vat:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;font-size:13px;color:#9BA3A8}
.f-social:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;gap:12px}
.f-social a:where([data-block-style="s4"], [data-block-style="s4"] *){width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.f-social img:where([data-block-style="s4"], [data-block-style="s4"] *){width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
.f-social a:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--green);border-color:var(--green);transform:translateY(-3px)}
.f-social a:hover img:where([data-block-style="s4"], [data-block-style="s4"] *){filter:brightness(0)}
.f-col:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:span 2}
.f-wide:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:span 3}
.f-col h3:where([data-block-style="s4"], [data-block-style="s4"] *),.f-wide h3:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
.f-col ul:where([data-block-style="s4"], [data-block-style="s4"] *),.f-wide ul:where([data-block-style="s4"], [data-block-style="s4"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot a:where([data-block-style="s4"], [data-block-style="s4"] *){text-decoration:none;color:#C9CED2 !important}
.foot a:hover:where([data-block-style="s4"], [data-block-style="s4"] *){color:#fff !important;text-decoration:underline}
.f-bot:where([data-block-style="s4"], [data-block-style="s4"] *){margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
.f-bot div:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
.hero:where([data-block-style="s4"], [data-block-style="s4"] *){height:var(--vh)}
.leaf:where([data-block-style="s4"], [data-block-style="s4"] *),.door:where([data-block-style="s4"], [data-block-style="s4"] *),.sp:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
.split-mid b:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
.hero:where([data-block-style="s4"], [data-block-style="s4"] *){height:var(--vh)}
.leaf:where([data-block-style="s4"], [data-block-style="s4"] *),.door:where([data-block-style="s4"], [data-block-style="s4"] *),.sp:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
.hero-head:where([data-block-style="s4"], [data-block-style="s4"] *),.hero-fig:where([data-block-style="s4"], [data-block-style="s4"] *),.yrs b:where([data-block-style="s4"], [data-block-style="s4"] *){animation:none !important}
.yrs b .n:where([data-block-style="s4"], [data-block-style="s4"] *){display:inline !important}
.yrs b:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:none !important}
.m-leaf:where([data-block-style="s4"], [data-block-style="s4"] *),.m-col:where([data-block-style="s4"], [data-block-style="s4"] *),.m-list li:where([data-block-style="s4"], [data-block-style="s4"] *),.m-foot:where([data-block-style="s4"], [data-block-style="s4"] *),.m-wrapL:where([data-block-style="s4"], [data-block-style="s4"] *),.burger:where([data-block-style="s4"], [data-block-style="s4"] *),.burger i:where([data-block-style="s4"], [data-block-style="s4"] *),.fig:where([data-block-style="s4"], [data-block-style="s4"] *)::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
.intro h2:where([data-block-style="s4"], [data-block-style="s4"] *),.intro > p:where([data-block-style="s4"], [data-block-style="s4"] *),.intro > div:where([data-block-style="s4"], [data-block-style="s4"] *),.einer h2:where([data-block-style="s4"], [data-block-style="s4"] *),.einer-txt:where([data-block-style="s4"], [data-block-style="s4"] *),.k-left:where([data-block-style="s4"], [data-block-style="s4"] *),.k-fig:where([data-block-style="s4"], [data-block-style="s4"] *),.werte-txt:where([data-block-style="s4"], [data-block-style="s4"] *),.werte-fig:where([data-block-style="s4"], [data-block-style="s4"] *),.hero-head:where([data-block-style="s4"], [data-block-style="s4"] *),.hero-fig:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1}
.hero-fig:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
.prod a:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
.prod-line:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
.ico:where([data-block-style="s4"], [data-block-style="s4"] *){width:44px;height:44px}
.shots:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:minmax(0,1fr)}
.s1:where([data-block-style="s4"], [data-block-style="s4"] *),.shots-r:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1}
.s1:where([data-block-style="s4"], [data-block-style="s4"] *){height:300px}
.s2:where([data-block-style="s4"], [data-block-style="s4"] *),.s3:where([data-block-style="s4"], [data-block-style="s4"] *),.s4:where([data-block-style="s4"], [data-block-style="s4"] *){height:200px}
.s5:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1;height:220px}
.werte-fig:where([data-block-style="s4"], [data-block-style="s4"] *),.k-fig:where([data-block-style="s4"], [data-block-style="s4"] *){height:300px}
.m-body:where([data-block-style="s4"], [data-block-style="s4"] *){padding-top:104px}
.m-cols:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:minmax(0,1fr);gap:0}
.m-col + .m-col:where([data-block-style="s4"], [data-block-style="s4"] *){border-left:0;padding-left:0}
.m-title:where([data-block-style="s4"], [data-block-style="s4"] *){cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
.chev:where([data-block-style="s4"], [data-block-style="s4"] *){display:block}
.m-col.open .chev:where([data-block-style="s4"], [data-block-style="s4"] *){transform:rotate(180deg)}
.m-wrapL:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
.m-col.open .m-wrapL:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-rows:1fr}
.m-wrapL > ul:where([data-block-style="s4"], [data-block-style="s4"] *){overflow:hidden;min-height:0}
.m-list:where([data-block-style="s4"], [data-block-style="s4"] *){padding:14px 0 24px}
.m-c1 .m-list:where([data-block-style="s4"], [data-block-style="s4"] *){gap:14px}
.m-big:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:clamp(28px,7.6vw,36px)}
.m-link:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:20px}
.m-foot:where([data-block-style="s4"], [data-block-style="s4"] *){margin-top:28px;border-top:0;padding-top:0}
.f-addr:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1}
.f-col:where([data-block-style="s4"], [data-block-style="s4"] *),.f-wide:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:span 6}
.bar-tel:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
.logo img:where([data-block-style="s4"], [data-block-style="s4"] *){height:40px}
.split-mid b:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:clamp(34px,10vw,60px)}
.sp:where([data-block-style="s4"], [data-block-style="s4"] *){width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
.sp b:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:clamp(28px,8vw,40px)}
.sp-l:where([data-block-style="s4"], [data-block-style="s4"] *){top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
.sp-r:where([data-block-style="s4"], [data-block-style="s4"] *){top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
.sub-hero:where([data-block-style="s4"], [data-block-style="s4"] *){padding:132px 0 clamp(64px,8vw,110px)}
.crumbs:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
.crumbs a:where([data-block-style="s4"], [data-block-style="s4"] *){text-decoration:none;color:var(--muted) !important}
.crumbs a:hover:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green-ink) !important;text-decoration:underline}
.crumbs li + li:where([data-block-style="s4"], [data-block-style="s4"] *)::before{content:"/";margin-right:8px;color:#9BA3A8}
.crumbs [aria-current]:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--ink);font-weight:650}
.sh-grid:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.sh-txt:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 6}
.sh-txt h1:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:clamp(60px,8.6vw,136px)}
.sh-txt:where([data-block-style="s4"], [data-block-style="s4"] *){min-width:0}
.sh-txt h1:where([data-block-style="s4"], [data-block-style="s4"] *){overflow-wrap:break-word;hyphens:manual}
.sh-txt:not(.wide) h1:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:clamp(52px,6.4vw,104px)}
.sh-lead:where([data-block-style="s4"], [data-block-style="s4"] *){margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
.sh-txt p.sh-body:where([data-block-style="s4"], [data-block-style="s4"] *){margin:16px 0 0;max-width:42ch;color:var(--muted)}
.jump:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
.jump a:where([data-block-style="s4"], [data-block-style="s4"] *){display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.jump a:where([data-block-style="s4"], [data-block-style="s4"] *)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.jump a:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--ink);color:#fff !important}
.sh-fig:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:8 / span 5;height:min(560px,62vh)}
.sh-fig img:where([data-block-style="s4"], [data-block-style="s4"] *){animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
.sh-fig:where([data-block-style="s4"], [data-block-style="s4"] *)::before{animation:framein .6s ease 1.1s both}

.typ:where([data-block-style="s4"], [data-block-style="s4"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.typ-alt:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff}
.typ-grid:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.typ-txt:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 5}
.typ-stage:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:7 / span 6}
.flip .typ-txt:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:8 / span 5;order:2}
.flip .typ-stage:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 6;order:1}
.tags:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.tags li:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
.typ h2:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:clamp(46px,5.6vw,86px)}
.typ h2 span:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;color:var(--green-ink)}
.typ-body:where([data-block-style="s4"], [data-block-style="s4"] *){margin:24px 0 0;color:var(--muted)}
.ph-note:where([data-block-style="s4"], [data-block-style="s4"] *){display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
.specs:where([data-block-style="s4"], [data-block-style="s4"] *){margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
.specs div:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
.specs dt:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:14px;font-weight:650;color:var(--green-ink)}
.specs dd:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;font-weight:600}
.typ .btn:where([data-block-style="s4"], [data-block-style="s4"] *){margin-top:30px}
.big-dim:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;align-items:center;gap:16px;margin:28px 0 0}
.big-dim b:where([data-block-style="s4"], [data-block-style="s4"] *){font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
.big-dim span:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
.big-dim i:where([data-block-style="s4"], [data-block-style="s4"] *){flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
.big-dim i:where([data-block-style="s4"], [data-block-style="s4"] *)::before,.big-dim i:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.big-dim i:where([data-block-style="s4"], [data-block-style="s4"] *)::before{left:0}.big-dim i:where([data-block-style="s4"], [data-block-style="s4"] *)::after{right:0}

.stage-x:where([data-block-style="s4"], [data-block-style="s4"] *){height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
.stage-x .fig:where([data-block-style="s4"], [data-block-style="s4"] *){height:100%}
.ov:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
.slats:where([data-block-style="s4"], [data-block-style="s4"] *){background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
.swing:where([data-block-style="s4"], [data-block-style="s4"] *){perspective:1600px}
.wing:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.wing-l:where([data-block-style="s4"], [data-block-style="s4"] *){left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
.wing-r:where([data-block-style="s4"], [data-block-style="s4"] *){right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
.wing-l:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.slide-p:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.slide-p:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.boom:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.boom .post:where([data-block-style="s4"], [data-block-style="s4"] *){fill:var(--deep)}
.boom .arm:where([data-block-style="s4"], [data-block-style="s4"] *){transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.fence:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}

.gal:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
.gal .fig:where([data-block-style="s4"], [data-block-style="s4"] *){height:clamp(200px,20vw,280px)}
.g5 .fig:first-child:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:span 2}
.g4:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
.wing:where([data-block-style="s4"], [data-block-style="s4"] *),.slide-p:where([data-block-style="s4"], [data-block-style="s4"] *),.fence:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
.boom .arm:where([data-block-style="s4"], [data-block-style="s4"] *){transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
.wing:where([data-block-style="s4"], [data-block-style="s4"] *),.slide-p:where([data-block-style="s4"], [data-block-style="s4"] *),.fence:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
.boom .arm:where([data-block-style="s4"], [data-block-style="s4"] *){animation:none;transform:rotate(-80deg)}
.sh-fig img:where([data-block-style="s4"], [data-block-style="s4"] *),.sh-fig:where([data-block-style="s4"], [data-block-style="s4"] *)::before{animation:none}
}
@media (max-width:900px){
.sh-txt:where([data-block-style="s4"], [data-block-style="s4"] *),.sh-fig:where([data-block-style="s4"], [data-block-style="s4"] *),.typ-txt:where([data-block-style="s4"], [data-block-style="s4"] *),.typ-stage:where([data-block-style="s4"], [data-block-style="s4"] *),.flip .typ-txt:where([data-block-style="s4"], [data-block-style="s4"] *),.flip .typ-stage:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1;order:0}
.sh-fig:where([data-block-style="s4"], [data-block-style="s4"] *){height:300px;margin-top:24px}
.typ-stage:where([data-block-style="s4"], [data-block-style="s4"] *){margin-top:32px}
.gal:where([data-block-style="s4"], [data-block-style="s4"] *),.g4:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.g5 .fig:first-child:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1}
.specs div:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
.sh-txt.wide:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 9}
.blk:where([data-block-style="s4"], [data-block-style="s4"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.blk-white:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff}
.blk-dark:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--deep);color:#fff;border-top:0}
.blk-dark .intro p:where([data-block-style="s4"], [data-block-style="s4"] *){color:#C9CED2}
.cardgrid:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.c2:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.c4:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:repeat(4,minmax(0,1fr))}
.pcard:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
.pcard .fig:where([data-block-style="s4"], [data-block-style="s4"] *){height:clamp(220px,22vw,320px)}
.pcard h3:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
.pcard p:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;color:var(--muted)}
.blk-dark .pcard p:where([data-block-style="s4"], [data-block-style="s4"] *){color:#C9CED2}
.more:where([data-block-style="s4"], [data-block-style="s4"] *){font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
a.pcard:hover h3:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green-ink)}
.blk-dark a.pcard:hover h3:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green)}
.price:where([data-block-style="s4"], [data-block-style="s4"] *){font-weight:850;font-size:24px}
.tilegrid:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.tile:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
.tile:hover:where([data-block-style="s4"], [data-block-style="s4"] *){border-color:var(--green);transform:translateY(-4px)}
.ti:where([data-block-style="s4"], [data-block-style="s4"] *){width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
.ti svg:where([data-block-style="s4"], [data-block-style="s4"] *){width:24px;height:24px}
.ti svg *:where([data-block-style="s4"], [data-block-style="s4"] *),.dli svg *:where([data-block-style="s4"], [data-block-style="s4"] *),.crow .f-ic svg *:where([data-block-style="s4"], [data-block-style="s4"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile h3:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;font-size:22px;font-weight:800;line-height:1.15}
.tile p:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;color:var(--muted);font-size:16px}
.facts:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fact:where([data-block-style="s4"], [data-block-style="s4"] *){border-top:3px solid var(--green);padding-top:22px}
.fact b:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
.fact span:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;margin-top:10px;color:var(--muted);font-weight:600}
.prose2:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
.prose2 h3:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
.prose2 p:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
.notice:where([data-block-style="s4"], [data-block-style="s4"] *){border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
.dllist:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dlcard:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
.dlcard:hover:where([data-block-style="s4"], [data-block-style="s4"] *){border-color:var(--green);transform:translateY(-3px)}
.dli:where([data-block-style="s4"], [data-block-style="s4"] *){width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
.dli svg:where([data-block-style="s4"], [data-block-style="s4"] *){width:26px;height:26px}
.dlcard b:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;font-size:20px;font-weight:800;line-height:1.2}
.dlcard small:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;color:var(--muted);font-size:14px;margin-top:4px}
.dltag:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
.vthumb:where([data-block-style="s4"], [data-block-style="s4"] *){height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
.play:where([data-block-style="s4"], [data-block-style="s4"] *){width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
.play svg:where([data-block-style="s4"], [data-block-style="s4"] *){width:30px;height:30px;margin-left:4px}
a.pcard:hover .play:where([data-block-style="s4"], [data-block-style="s4"] *){transform:scale(1.1)}
.vfeat .vthumb:where([data-block-style="s4"], [data-block-style="s4"] *){max-height:none}
.chiplist:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.chiplist li:where([data-block-style="s4"], [data-block-style="s4"] *){padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
.roll-p:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.roll-p:where([data-block-style="s4"], [data-block-style="s4"] *)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
.typ-txt.solo:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 8}
.kgrid:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.kleft:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
.kright:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:7 / span 6}
.crow:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
.crow small:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;font-size:14px;font-weight:500;color:var(--muted)}
.crow .f-ic:where([data-block-style="s4"], [data-block-style="s4"] *){width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
a.crow:hover:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green-ink) !important}
a.crow:hover .f-ic:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--green);color:var(--ink)}
.formcard:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
.formcard h2:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0 0 24px;font-size:28px;font-weight:850}
.fgrid:where([data-block-style="s4"], [data-block-style="s4"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;flex-direction:column;gap:8px}
.field.full:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1}
.field label:where([data-block-style="s4"], [data-block-style="s4"] *){font-size:15px;font-weight:650}
.field input:where([data-block-style="s4"], [data-block-style="s4"] *),.field textarea:where([data-block-style="s4"], [data-block-style="s4"] *){font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
.field textarea:where([data-block-style="s4"], [data-block-style="s4"] *){min-height:140px;resize:vertical}
.field input:focus:where([data-block-style="s4"], [data-block-style="s4"] *),.field textarea:focus:where([data-block-style="s4"], [data-block-style="s4"] *){outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
.check:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
.check input:where([data-block-style="s4"], [data-block-style="s4"] *){width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
.formcard .btn:where([data-block-style="s4"], [data-block-style="s4"] *){border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
.formcard .sm:where([data-block-style="s4"], [data-block-style="s4"] *){margin:16px 0 0;font-size:14px;color:var(--muted)}
.formcard .sm a:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green-ink) !important}
.jobcard:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.jobcard h3:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
.jobcard ul:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;padding-left:20px;color:var(--muted)}
.jobcard .btn:where([data-block-style="s4"], [data-block-style="s4"] *){align-self:flex-start}
.narrow:where([data-block-style="s4"], [data-block-style="s4"] *){max-width:560px}
@supports not (animation-timeline: view()){.roll-p:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}}
@media (prefers-reduced-motion: reduce){.roll-p:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}}
@media (max-width:900px){
.sh-txt.wide:where([data-block-style="s4"], [data-block-style="s4"] *),.typ-txt.solo:where([data-block-style="s4"], [data-block-style="s4"] *),.kleft:where([data-block-style="s4"], [data-block-style="s4"] *),.kright:where([data-block-style="s4"], [data-block-style="s4"] *){grid-column:1 / -1}
.cardgrid:where([data-block-style="s4"], [data-block-style="s4"] *),.c2:where([data-block-style="s4"], [data-block-style="s4"] *),.facts:where([data-block-style="s4"], [data-block-style="s4"] *),.prose2:where([data-block-style="s4"], [data-block-style="s4"] *),.fgrid:where([data-block-style="s4"], [data-block-style="s4"] *),.dllist:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:minmax(0,1fr)}
.c4:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.dlcard:where([data-block-style="s4"], [data-block-style="s4"] *){grid-template-columns:48px minmax(0,1fr)}
.dltag:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
}

.tj path:where([data-block-style="s4"], [data-block-style="s4"] *),.tj rect:where([data-block-style="s4"], [data-block-style="s4"] *),.tj circle:where([data-block-style="s4"], [data-block-style="s4"] *){transform-box:fill-box}
.tj .drop:where([data-block-style="s4"], [data-block-style="s4"] *){transform-origin:50% 100%;animation:tj-drop .75s both}
.tj .pop:where([data-block-style="s4"], [data-block-style="s4"] *){transform-origin:50% 100%;animation:tj-pop .5s both}
.tj .bang:where([data-block-style="s4"], [data-block-style="s4"] *){transform-origin:50% 100%;animation:tj-bang .45s both}
.tj .cf:where([data-block-style="s4"], [data-block-style="s4"] *){transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
.tj .tj-all:where([data-block-style="s4"], [data-block-style="s4"] *){transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}


/* Torjubel-Trenner */
.tj-sep:where([data-block-style="s4"], [data-block-style="s4"] *){display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
.tj:where([data-block-style="s4"], [data-block-style="s4"] *){width:300px;max-width:80%;height:auto;overflow:visible}
.tj:not(.tj-on) *:where([data-block-style="s4"], [data-block-style="s4"] *){animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){.tj *:where([data-block-style="s4"], [data-block-style="s4"] *){animation:none !important}.tj .cf:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}}

/* Video am Seitenende */
.outro:where([data-block-style="s4"], [data-block-style="s4"] *){background:#000;display:flex;justify-content:center;overflow:hidden}
.outro-video:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;width:100%;max-width:1440px;height:auto;aspect-ratio:16 / 9}
@media (prefers-reduced-motion: reduce){.outro-video:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}.outro:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}}
/* Kontakt-Header mit Foto im Hintergrund, Stil wie Home */
.photo-hero:where([data-block-style="s4"], [data-block-style="s4"] *){position:relative;overflow:hidden;background:var(--deep);min-height:min(var(--vh),860px);display:flex;flex-direction:column;justify-content:center;padding:120px 0 clamp(64px,8vw,110px);view-timeline-name:--phx;view-timeline-axis:block}
.photo-hero .wrap:where([data-block-style="s4"], [data-block-style="s4"] *){position:relative;z-index:2;width:100%}
.ph-bg:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;left:0;top:-6%;width:100%;height:124%;object-fit:cover;object-position:center 60%;z-index:0;animation:ph-par linear both;animation-timeline:--phx;animation-range:exit 0% exit 100%}
.ph-shade:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(18,21,23,.78) 0%,rgba(18,21,23,.55) 55%,rgba(18,21,23,.4) 100%)}
.photo-hero h1:where([data-block-style="s4"], [data-block-style="s4"] *){color:var(--green);font-size:clamp(48px,7vw,112px)}
.photo-hero .dim:where([data-block-style="s4"], [data-block-style="s4"] *){color:#fff}
.photo-hero .hero-sub:where([data-block-style="s4"], [data-block-style="s4"] *){color:#fff}
.photo-hero .btn-line:where([data-block-style="s4"], [data-block-style="s4"] *){color:#fff !important}
.photo-hero .btn-line:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff;color:var(--ink) !important;border-color:#fff}
.photo-hero .btn-green:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff;color:var(--ink) !important}
.photo-hero .crumbs:where([data-block-style="s4"], [data-block-style="s4"] *),.photo-hero .crumbs a:where([data-block-style="s4"], [data-block-style="s4"] *),.photo-hero .crumbs [aria-current]:where([data-block-style="s4"], [data-block-style="s4"] *){color:#fff !important}
.photo-hero .crumbs li + li:where([data-block-style="s4"], [data-block-style="s4"] *)::before{color:#C9CED2}
@supports not (animation-timeline: view()){.ph-bg:where([data-block-style="s4"], [data-block-style="s4"] *){top:0;height:100%;animation:none}}
@media (prefers-reduced-motion: reduce){.ph-bg:where([data-block-style="s4"], [data-block-style="s4"] *){top:0;height:100%;animation:none}}

/* Bilder vergrößern (Lightbox) */
.fig img:where([data-block-style="s4"], [data-block-style="s4"] *){cursor:zoom-in}
a .fig img:where([data-block-style="s4"], [data-block-style="s4"] *){cursor:pointer}
.lb:where([data-block-style="s4"], [data-block-style="s4"] *){position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
.lb.on:where([data-block-style="s4"], [data-block-style="s4"] *){opacity:1;visibility:visible;transition:opacity .35s}
.lb-fig:where([data-block-style="s4"], [data-block-style="s4"] *){margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-img:where([data-block-style="s4"], [data-block-style="s4"] *){display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
.lb.on .lb-img:where([data-block-style="s4"], [data-block-style="s4"] *){transform:none}
.lb-count:where([data-block-style="s4"], [data-block-style="s4"] *){color:#C9CED2;font-size:15px;font-weight:600}
.lb-btn:where([data-block-style="s4"], [data-block-style="s4"] *){position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
.lb-btn svg:where([data-block-style="s4"], [data-block-style="s4"] *){width:22px;height:22px}
.lb-btn svg *:where([data-block-style="s4"], [data-block-style="s4"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lb-btn:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:where([data-block-style="s4"], [data-block-style="s4"] *){top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:hover:where([data-block-style="s4"], [data-block-style="s4"] *){background:#fff;border-color:#fff}
.lb-prev:where([data-block-style="s4"], [data-block-style="s4"] *){left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb-next:where([data-block-style="s4"], [data-block-style="s4"] *){right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb.single .lb-prev:where([data-block-style="s4"], [data-block-style="s4"] *),.lb.single .lb-next:where([data-block-style="s4"], [data-block-style="s4"] *),.lb.single .lb-count:where([data-block-style="s4"], [data-block-style="s4"] *){display:none}
@media (prefers-reduced-motion: reduce){.lb:where([data-block-style="s4"], [data-block-style="s4"] *),.lb-img:where([data-block-style="s4"], [data-block-style="s4"] *){transition:none}}


/* Reusable blocks originally from second-hand.html */

body:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0}
:root:where([data-block-style="s5"], [data-block-style="s5"] *){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
*:where([data-block-style="s5"], [data-block-style="s5"] *){box-sizing:border-box}
.site:where([data-block-style="s5"], [data-block-style="s5"] *){font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
.site a:where([data-block-style="s5"], [data-block-style="s5"] *){color:inherit}
.wrap:where([data-block-style="s5"], [data-block-style="s5"] *){max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.grid-bg:where([data-block-style="s5"], [data-block-style="s5"] *){background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
.xl:where([data-block-style="s5"], [data-block-style="s5"] *){font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
.btn:where([data-block-style="s5"], [data-block-style="s5"] *){display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
.btn-green:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--green);color:var(--ink) !important}
.btn-green:hover:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--deep);color:#fff !important}
.btn-line:where([data-block-style="s5"], [data-block-style="s5"] *){border:2px solid currentColor}
.btn-line:hover:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--ink);color:#fff !important;border-color:var(--ink)}
.site a:focus-visible:where([data-block-style="s5"], [data-block-style="s5"] *),.site button:focus-visible:where([data-block-style="s5"], [data-block-style="s5"] *){outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
.fig:where([data-block-style="s5"], [data-block-style="s5"] *){position:relative;isolation:isolate;margin:0 16px 16px 0}
.fig:where([data-block-style="s5"], [data-block-style="s5"] *)::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.fig:hover:where([data-block-style="s5"], [data-block-style="s5"] *)::before{transform:translate(8px,8px)}
.fig img:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
.bar:where([data-block-style="s5"], [data-block-style="s5"] *){position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
.bar-in:where([data-block-style="s5"], [data-block-style="s5"] *){height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;line-height:0}
.logo img:where([data-block-style="s5"], [data-block-style="s5"] *){height:48px;width:auto;display:block}
.bar-r:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;align-items:center;gap:22px}
.bar-tel:where([data-block-style="s5"], [data-block-style="s5"] *){font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
.bar-tel:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green-ink) !important}
.burger:where([data-block-style="s5"], [data-block-style="s5"] *){width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
.burger:hover:where([data-block-style="s5"], [data-block-style="s5"] *){transform:rotate(90deg)}
.burger i:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
.burger i:nth-child(1):where([data-block-style="s5"], [data-block-style="s5"] *){top:18px}.burger i:nth-child(2):where([data-block-style="s5"], [data-block-style="s5"] *){top:25px}.burger i:nth-child(3):where([data-block-style="s5"], [data-block-style="s5"] *){top:32px}
.is-open .burger:where([data-block-style="s5"], [data-block-style="s5"] *){transform:rotate(180deg);background:var(--ink)}
.is-open .burger i:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--green)}
.is-open .burger i:nth-child(1):where([data-block-style="s5"], [data-block-style="s5"] *){top:25px;transform:rotate(45deg)}
.is-open .burger i:nth-child(2):where([data-block-style="s5"], [data-block-style="s5"] *){opacity:0;transform:scaleX(0)}
.is-open .burger i:nth-child(3):where([data-block-style="s5"], [data-block-style="s5"] *){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
.menu:where([data-block-style="s5"], [data-block-style="s5"] *){position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
.is-open .menu:where([data-block-style="s5"], [data-block-style="s5"] *){visibility:visible;transition-delay:0s}
.m-leaf:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.m-l:where([data-block-style="s5"], [data-block-style="s5"] *){left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s5"], [data-block-style="s5"] *){right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s5"], [data-block-style="s5"] *)::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
.is-open .m-l:where([data-block-style="s5"], [data-block-style="s5"] *),.is-open .m-r:where([data-block-style="s5"], [data-block-style="s5"] *){transform:translateX(0)}
.is-open .m-r:where([data-block-style="s5"], [data-block-style="s5"] *)::before{transform:scaleY(0)}
.m-body:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
.is-open .m-body:where([data-block-style="s5"], [data-block-style="s5"] *){opacity:1;transition:opacity .3s .45s}
.m-cols:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
.m-c1:where([data-block-style="s5"], [data-block-style="s5"] *){--d:.5s}.m-c2:where([data-block-style="s5"], [data-block-style="s5"] *){--d:.62s}.m-c3:where([data-block-style="s5"], [data-block-style="s5"] *){--d:.74s}
.m-col:where([data-block-style="s5"], [data-block-style="s5"] *){opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.is-open .m-col:where([data-block-style="s5"], [data-block-style="s5"] *){opacity:1;transform:none;transition-delay:var(--d)}
.m-col + .m-col:where([data-block-style="s5"], [data-block-style="s5"] *){border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
.m-title:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
.chev:where([data-block-style="s5"], [data-block-style="s5"] *){width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.chev *:where([data-block-style="s5"], [data-block-style="s5"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.m-list:where([data-block-style="s5"], [data-block-style="s5"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.m-list li:where([data-block-style="s5"], [data-block-style="s5"] *){opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.is-open .m-list li:where([data-block-style="s5"], [data-block-style="s5"] *){opacity:1;transform:none}
.is-open .m-list li:nth-child(1):where([data-block-style="s5"], [data-block-style="s5"] *){transition-delay:calc(var(--d) + .06s)}.is-open .m-list li:nth-child(2):where([data-block-style="s5"], [data-block-style="s5"] *){transition-delay:calc(var(--d) + .12s)}.is-open .m-list li:nth-child(3):where([data-block-style="s5"], [data-block-style="s5"] *){transition-delay:calc(var(--d) + .18s)}.is-open .m-list li:nth-child(4):where([data-block-style="s5"], [data-block-style="s5"] *){transition-delay:calc(var(--d) + .24s)}.is-open .m-list li:nth-child(5):where([data-block-style="s5"], [data-block-style="s5"] *){transition-delay:calc(var(--d) + .3s)}.is-open .m-list li:nth-child(6):where([data-block-style="s5"], [data-block-style="s5"] *){transition-delay:calc(var(--d) + .36s)}.is-open .m-list li:nth-child(7):where([data-block-style="s5"], [data-block-style="s5"] *){transition-delay:calc(var(--d) + .42s)}
.m-big:where([data-block-style="s5"], [data-block-style="s5"] *){font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.m-big:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:#fff !important;transform:translateX(12px)}
.m-c1 .m-list:where([data-block-style="s5"], [data-block-style="s5"] *){gap:12px}
.m-link:where([data-block-style="s5"], [data-block-style="s5"] *){position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
.m-link:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.m-link:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green) !important}
.m-link:hover:where([data-block-style="s5"], [data-block-style="s5"] *)::after{transform:scaleX(1)}
.m-foot:where([data-block-style="s5"], [data-block-style="s5"] *){margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
.is-open .m-foot:where([data-block-style="s5"], [data-block-style="s5"] *){opacity:1;transition-delay:.9s}
.m-foot-info:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
.m-foot-info a:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
.m-foot-info a:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green) !important}
.m-foot-info span:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:15px;color:#C9CED2}
.lang:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;gap:10px}
.lang a:where([data-block-style="s5"], [data-block-style="s5"] *){min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
.lang a.on:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
.hero:where([data-block-style="s5"], [data-block-style="s5"] *){position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
.stage:where([data-block-style="s5"], [data-block-style="s5"] *){position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
.hero-in:where([data-block-style="s5"], [data-block-style="s5"] *){height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
.hero-head:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
.hero h1:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
.hero h1 span:where([data-block-style="s5"], [data-block-style="s5"] *){display:block}
.dim:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
.dim i:where([data-block-style="s5"], [data-block-style="s5"] *){flex:1;height:2px;background:var(--green);position:relative}
.dim i:where([data-block-style="s5"], [data-block-style="s5"] *)::before,.dim i:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.dim i:where([data-block-style="s5"], [data-block-style="s5"] *)::before{left:0}.dim i:where([data-block-style="s5"], [data-block-style="s5"] *)::after{right:0}
.hero-sub:where([data-block-style="s5"], [data-block-style="s5"] *){margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
.hero-cta:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-fig:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
.rail:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;left:0;right:0;bottom:48px;height:40px}
.rail svg:where([data-block-style="s5"], [data-block-style="s5"] *){width:100%;height:40px;display:block}
.leaf:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
.leaf-l:where([data-block-style="s5"], [data-block-style="s5"] *){left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-r:where([data-block-style="s5"], [data-block-style="s5"] *){right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-l:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
.leaf-word:where([data-block-style="s5"], [data-block-style="s5"] *){font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
.leaf-r .leaf-word:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green)}
.leaf-l .leaf-word:where([data-block-style="s5"], [data-block-style="s5"] *){padding-right:44px}
.leaf-r .leaf-word:where([data-block-style="s5"], [data-block-style="s5"] *){padding-left:22px}
.leaf-hint:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
.leaf-l .leaf-hint:where([data-block-style="s5"], [data-block-style="s5"] *){text-align:right;padding-right:20px}
.leaf-r .leaf-hint:where([data-block-style="s5"], [data-block-style="s5"] *){text-align:left;padding-left:20px}

/* Produkte */
.sec:where([data-block-style="s5"], [data-block-style="s5"] *){padding:clamp(80px,10vw,150px) 0}
.intro:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
.intro h2:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
.intro > p:where([data-block-style="s5"], [data-block-style="s5"] *),.intro > div:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:8 / span 5;margin:0}
.intro p:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;color:var(--muted)}
.prods:where([data-block-style="s5"], [data-block-style="s5"] *){list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.prod:where([data-block-style="s5"], [data-block-style="s5"] *){border-bottom:2px solid var(--ink)}
.prod a:where([data-block-style="s5"], [data-block-style="s5"] *){position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
.prod a:where([data-block-style="s5"], [data-block-style="s5"] *)::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.prod a:hover:where([data-block-style="s5"], [data-block-style="s5"] *)::before{transform:scaleX(1)}
.prod-name:where([data-block-style="s5"], [data-block-style="s5"] *){font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
.prod-line:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--muted);font-size:17px}
.prod a:hover .prod-line:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--ink)}
.ico:where([data-block-style="s5"], [data-block-style="s5"] *){width:64px;height:64px;color:var(--green-dk);transition:color .35s}
.prod a:hover .ico:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--ink)}
.ico *:where([data-block-style="s5"], [data-block-style="s5"] *){fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.go:where([data-block-style="s5"], [data-block-style="s5"] *){width:40px;height:40px;transition:transform .35s}
.go *:where([data-block-style="s5"], [data-block-style="s5"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prod a:hover .go:where([data-block-style="s5"], [data-block-style="s5"] *){transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
.einer:where([data-block-style="s5"], [data-block-style="s5"] *){position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
.einer-in:where([data-block-style="s5"], [data-block-style="s5"] *){padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.einer h2:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
.einer-txt:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:8 / span 5}
.einer-txt p:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0 0 28px}
.door:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
.slat:where([data-block-style="s5"], [data-block-style="s5"] *){flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
.slat:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
.slat:last-child:where([data-block-style="s5"], [data-block-style="s5"] *){border-bottom:10px solid var(--deep)}
.door-tag:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}

/* Referenzen */
.refs:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--deep);color:#fff}
.refs .intro p:where([data-block-style="s5"], [data-block-style="s5"] *){color:#C9CED2;max-width:100%;height:auto !important}
.ref-cta:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.refs .btn-line:hover:where([data-block-style="s5"], [data-block-style="s5"] *){background:#fff;color:var(--deep) !important;border-color:#fff}
.refs .btn-green:hover:where([data-block-style="s5"], [data-block-style="s5"] *){background:#fff;color:var(--deep) !important}
.shots:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
.s1:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:span 7;height:520px}
.shots-r:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.s2:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1;height:240px}
.s3:where([data-block-style="s5"], [data-block-style="s5"] *),.s4:where([data-block-style="s5"], [data-block-style="s5"] *){height:244px}
.s5:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
.split:where([data-block-style="s5"], [data-block-style="s5"] *){position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
.split-mid:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.split-mid b:where([data-block-style="s5"], [data-block-style="s5"] *){font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
.sp:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
.sp b:where([data-block-style="s5"], [data-block-style="s5"] *){font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
.sp-l:where([data-block-style="s5"], [data-block-style="s5"] *){left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
.sp-r:where([data-block-style="s5"], [data-block-style="s5"] *){right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
.werte:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
.werte-txt:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
.yrs:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;align-items:baseline;gap:16px}
.yrs b:where([data-block-style="s5"], [data-block-style="s5"] *){font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
.yrs > span:where([data-block-style="s5"], [data-block-style="s5"] *){font-weight:700;font-size:22px;line-height:1.2}
@supports (animation-timeline: view()){
.yrs b:where([data-block-style="s5"], [data-block-style="s5"] *){display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
.yrs b .n:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
.yrs b:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:counter(yrs)}
}
.werte-txt p:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
.werte-fig:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:8 / span 5;height:440px}

/* Kontakt */
.kontakt:where([data-block-style="s5"], [data-block-style="s5"] *){border-top:2px solid var(--ink)}
.k-grid:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.k-left:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
.k-left h2:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:clamp(48px,6.4vw,100px)}
.k-info:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-direction:column;gap:14px}
.k-info a.big:where([data-block-style="s5"], [data-block-style="s5"] *){font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
.k-info a.big:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green-ink)}
.k-info p:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;color:var(--muted)}
.k-fig:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:8 / span 5;height:460px}

/* Footer */
.foot:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
.f-grid:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.f-addr:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:span 3}
.f-addr:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-direction:column;gap:18px}
.f-hi:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-size:15px;font-weight:650;color:var(--green)}
.f-name:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
.f-rows:where([data-block-style="s5"], [data-block-style="s5"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.f-row:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
.f-row:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green) !important;text-decoration:none !important}
.f-ic:where([data-block-style="s5"], [data-block-style="s5"] *){flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
.f-ic svg:where([data-block-style="s5"], [data-block-style="s5"] *){width:19px;height:19px}
.f-ic svg *:where([data-block-style="s5"], [data-block-style="s5"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f-row:hover .f-ic:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--green);color:var(--ink);transform:rotate(-8deg)}
.f-row small:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;font-size:13px;color:#9BA3A8;font-weight:500}
.f-vat:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-size:13px;color:#9BA3A8}
.f-social:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;gap:12px}
.f-social a:where([data-block-style="s5"], [data-block-style="s5"] *){width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.f-social img:where([data-block-style="s5"], [data-block-style="s5"] *){width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
.f-social a:hover:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--green);border-color:var(--green);transform:translateY(-3px)}
.f-social a:hover img:where([data-block-style="s5"], [data-block-style="s5"] *){filter:brightness(0)}
.f-col:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:span 2}
.f-wide:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:span 3}
.f-col h3:where([data-block-style="s5"], [data-block-style="s5"] *),.f-wide h3:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
.f-col ul:where([data-block-style="s5"], [data-block-style="s5"] *),.f-wide ul:where([data-block-style="s5"], [data-block-style="s5"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot a:where([data-block-style="s5"], [data-block-style="s5"] *){text-decoration:none;color:#C9CED2 !important}
.foot a:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:#fff !important;text-decoration:underline}
.f-bot:where([data-block-style="s5"], [data-block-style="s5"] *){margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
.f-bot div:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
.hero:where([data-block-style="s5"], [data-block-style="s5"] *){height:var(--vh)}
.leaf:where([data-block-style="s5"], [data-block-style="s5"] *),.door:where([data-block-style="s5"], [data-block-style="s5"] *),.sp:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
.split-mid b:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
.hero:where([data-block-style="s5"], [data-block-style="s5"] *){height:var(--vh)}
.leaf:where([data-block-style="s5"], [data-block-style="s5"] *),.door:where([data-block-style="s5"], [data-block-style="s5"] *),.sp:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
.hero-head:where([data-block-style="s5"], [data-block-style="s5"] *),.hero-fig:where([data-block-style="s5"], [data-block-style="s5"] *),.yrs b:where([data-block-style="s5"], [data-block-style="s5"] *){animation:none !important}
.yrs b .n:where([data-block-style="s5"], [data-block-style="s5"] *){display:inline !important}
.yrs b:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:none !important}
.m-leaf:where([data-block-style="s5"], [data-block-style="s5"] *),.m-col:where([data-block-style="s5"], [data-block-style="s5"] *),.m-list li:where([data-block-style="s5"], [data-block-style="s5"] *),.m-foot:where([data-block-style="s5"], [data-block-style="s5"] *),.m-wrapL:where([data-block-style="s5"], [data-block-style="s5"] *),.burger:where([data-block-style="s5"], [data-block-style="s5"] *),.burger i:where([data-block-style="s5"], [data-block-style="s5"] *),.fig:where([data-block-style="s5"], [data-block-style="s5"] *)::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
.intro h2:where([data-block-style="s5"], [data-block-style="s5"] *),.intro > p:where([data-block-style="s5"], [data-block-style="s5"] *),.intro > div:where([data-block-style="s5"], [data-block-style="s5"] *),.einer h2:where([data-block-style="s5"], [data-block-style="s5"] *),.einer-txt:where([data-block-style="s5"], [data-block-style="s5"] *),.k-left:where([data-block-style="s5"], [data-block-style="s5"] *),.k-fig:where([data-block-style="s5"], [data-block-style="s5"] *),.werte-txt:where([data-block-style="s5"], [data-block-style="s5"] *),.werte-fig:where([data-block-style="s5"], [data-block-style="s5"] *),.hero-head:where([data-block-style="s5"], [data-block-style="s5"] *),.hero-fig:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1}
.hero-fig:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
.prod a:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
.prod-line:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
.ico:where([data-block-style="s5"], [data-block-style="s5"] *){width:44px;height:44px}
.shots:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:minmax(0,1fr)}
.s1:where([data-block-style="s5"], [data-block-style="s5"] *),.shots-r:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1}
.s1:where([data-block-style="s5"], [data-block-style="s5"] *){height:300px}
.s2:where([data-block-style="s5"], [data-block-style="s5"] *),.s3:where([data-block-style="s5"], [data-block-style="s5"] *),.s4:where([data-block-style="s5"], [data-block-style="s5"] *){height:200px}
.s5:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1;height:220px}
.werte-fig:where([data-block-style="s5"], [data-block-style="s5"] *),.k-fig:where([data-block-style="s5"], [data-block-style="s5"] *){height:300px}
.m-body:where([data-block-style="s5"], [data-block-style="s5"] *){padding-top:104px}
.m-cols:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:minmax(0,1fr);gap:0}
.m-col + .m-col:where([data-block-style="s5"], [data-block-style="s5"] *){border-left:0;padding-left:0}
.m-title:where([data-block-style="s5"], [data-block-style="s5"] *){cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
.chev:where([data-block-style="s5"], [data-block-style="s5"] *){display:block}
.m-col.open .chev:where([data-block-style="s5"], [data-block-style="s5"] *){transform:rotate(180deg)}
.m-wrapL:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
.m-col.open .m-wrapL:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-rows:1fr}
.m-wrapL > ul:where([data-block-style="s5"], [data-block-style="s5"] *){overflow:hidden;min-height:0}
.m-list:where([data-block-style="s5"], [data-block-style="s5"] *){padding:14px 0 24px}
.m-c1 .m-list:where([data-block-style="s5"], [data-block-style="s5"] *){gap:14px}
.m-big:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:clamp(28px,7.6vw,36px)}
.m-link:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:20px}
.m-foot:where([data-block-style="s5"], [data-block-style="s5"] *){margin-top:28px;border-top:0;padding-top:0}
.f-addr:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1}
.f-col:where([data-block-style="s5"], [data-block-style="s5"] *),.f-wide:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:span 6}
.bar-tel:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
.logo img:where([data-block-style="s5"], [data-block-style="s5"] *){height:40px}
.split-mid b:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:clamp(34px,10vw,60px)}
.sp:where([data-block-style="s5"], [data-block-style="s5"] *){width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
.sp b:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:clamp(28px,8vw,40px)}
.sp-l:where([data-block-style="s5"], [data-block-style="s5"] *){top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
.sp-r:where([data-block-style="s5"], [data-block-style="s5"] *){top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
.sub-hero:where([data-block-style="s5"], [data-block-style="s5"] *){padding:132px 0 clamp(64px,8vw,110px)}
.crumbs:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
.crumbs a:where([data-block-style="s5"], [data-block-style="s5"] *){text-decoration:none;color:var(--muted) !important}
.crumbs a:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green-ink) !important;text-decoration:underline}
.crumbs li + li:where([data-block-style="s5"], [data-block-style="s5"] *)::before{content:"/";margin-right:8px;color:#9BA3A8}
.crumbs [aria-current]:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--ink);font-weight:650}
.sh-grid:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.sh-txt:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 6}
.sh-txt h1:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:clamp(60px,8.6vw,136px)}
.sh-txt:where([data-block-style="s5"], [data-block-style="s5"] *){min-width:0}
.sh-txt h1:where([data-block-style="s5"], [data-block-style="s5"] *){overflow-wrap:break-word;hyphens:manual}
.sh-txt:not(.wide) h1:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:clamp(52px,6.4vw,104px)}
.sh-lead:where([data-block-style="s5"], [data-block-style="s5"] *){margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
.sh-txt p.sh-body:where([data-block-style="s5"], [data-block-style="s5"] *){margin:16px 0 0;max-width:42ch;color:var(--muted)}
.jump:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
.jump a:where([data-block-style="s5"], [data-block-style="s5"] *){display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.jump a:where([data-block-style="s5"], [data-block-style="s5"] *)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.jump a:hover:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--ink);color:#fff !important}
.sh-fig:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:8 / span 5;height:min(560px,62vh)}
.sh-fig img:where([data-block-style="s5"], [data-block-style="s5"] *){animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
.sh-fig:where([data-block-style="s5"], [data-block-style="s5"] *)::before{animation:framein .6s ease 1.1s both}

.typ:where([data-block-style="s5"], [data-block-style="s5"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.typ-alt:where([data-block-style="s5"], [data-block-style="s5"] *){background:#fff}
.typ-grid:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.typ-txt:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 5}
.typ-stage:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:7 / span 6}
.flip .typ-txt:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:8 / span 5;order:2}
.flip .typ-stage:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 6;order:1}
.tags:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.tags li:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
.typ h2:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:clamp(46px,5.6vw,86px)}
.typ h2 span:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;color:var(--green-ink)}
.typ-body:where([data-block-style="s5"], [data-block-style="s5"] *){margin:24px 0 0;color:var(--muted)}
.ph-note:where([data-block-style="s5"], [data-block-style="s5"] *){display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
.specs:where([data-block-style="s5"], [data-block-style="s5"] *){margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
.specs div:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
.specs dt:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:14px;font-weight:650;color:var(--green-ink)}
.specs dd:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-weight:600}
.typ .btn:where([data-block-style="s5"], [data-block-style="s5"] *){margin-top:30px}
.big-dim:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;align-items:center;gap:16px;margin:28px 0 0}
.big-dim b:where([data-block-style="s5"], [data-block-style="s5"] *){font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
.big-dim span:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
.big-dim i:where([data-block-style="s5"], [data-block-style="s5"] *){flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
.big-dim i:where([data-block-style="s5"], [data-block-style="s5"] *)::before,.big-dim i:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.big-dim i:where([data-block-style="s5"], [data-block-style="s5"] *)::before{left:0}.big-dim i:where([data-block-style="s5"], [data-block-style="s5"] *)::after{right:0}

.stage-x:where([data-block-style="s5"], [data-block-style="s5"] *){height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
.stage-x .fig:where([data-block-style="s5"], [data-block-style="s5"] *){height:100%}
.ov:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
.slats:where([data-block-style="s5"], [data-block-style="s5"] *){background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
.swing:where([data-block-style="s5"], [data-block-style="s5"] *){perspective:1600px}
.wing:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.wing-l:where([data-block-style="s5"], [data-block-style="s5"] *){left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
.wing-r:where([data-block-style="s5"], [data-block-style="s5"] *){right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
.wing-l:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.slide-p:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.slide-p:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.boom:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.boom .post:where([data-block-style="s5"], [data-block-style="s5"] *){fill:var(--deep)}
.boom .arm:where([data-block-style="s5"], [data-block-style="s5"] *){transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.fence:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}

.gal:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
.gal .fig:where([data-block-style="s5"], [data-block-style="s5"] *){height:clamp(200px,20vw,280px)}
.g5 .fig:first-child:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:span 2}
.g4:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
.wing:where([data-block-style="s5"], [data-block-style="s5"] *),.slide-p:where([data-block-style="s5"], [data-block-style="s5"] *),.fence:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
.boom .arm:where([data-block-style="s5"], [data-block-style="s5"] *){transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
.wing:where([data-block-style="s5"], [data-block-style="s5"] *),.slide-p:where([data-block-style="s5"], [data-block-style="s5"] *),.fence:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
.boom .arm:where([data-block-style="s5"], [data-block-style="s5"] *){animation:none;transform:rotate(-80deg)}
.sh-fig img:where([data-block-style="s5"], [data-block-style="s5"] *),.sh-fig:where([data-block-style="s5"], [data-block-style="s5"] *)::before{animation:none}
}
@media (max-width:900px){
.sh-txt:where([data-block-style="s5"], [data-block-style="s5"] *),.sh-fig:where([data-block-style="s5"], [data-block-style="s5"] *),.typ-txt:where([data-block-style="s5"], [data-block-style="s5"] *),.typ-stage:where([data-block-style="s5"], [data-block-style="s5"] *),.flip .typ-txt:where([data-block-style="s5"], [data-block-style="s5"] *),.flip .typ-stage:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1;order:0}
.sh-fig:where([data-block-style="s5"], [data-block-style="s5"] *){height:300px;margin-top:24px}
.typ-stage:where([data-block-style="s5"], [data-block-style="s5"] *){margin-top:32px}
.gal:where([data-block-style="s5"], [data-block-style="s5"] *),.g4:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.g5 .fig:first-child:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1}
.specs div:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
.sh-txt.wide:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 9}
.blk:where([data-block-style="s5"], [data-block-style="s5"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.blk-white:where([data-block-style="s5"], [data-block-style="s5"] *){background:#fff}
.blk-dark:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--deep);color:#fff;border-top:0}
.blk-dark .intro p:where([data-block-style="s5"], [data-block-style="s5"] *){color:#C9CED2}
.cardgrid:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.c2:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.c4:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:repeat(4,minmax(0,1fr))}
.pcard:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
.pcard .fig:where([data-block-style="s5"], [data-block-style="s5"] *){height:clamp(220px,22vw,320px)}
.pcard h3:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
.pcard p:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;color:var(--muted)}
.blk-dark .pcard p:where([data-block-style="s5"], [data-block-style="s5"] *){color:#C9CED2}
.more:where([data-block-style="s5"], [data-block-style="s5"] *){font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
a.pcard:hover h3:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green-ink)}
.blk-dark a.pcard:hover h3:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green)}
.price:where([data-block-style="s5"], [data-block-style="s5"] *){font-weight:850;font-size:24px}
.tilegrid:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.tile:where([data-block-style="s5"], [data-block-style="s5"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
.tile:hover:where([data-block-style="s5"], [data-block-style="s5"] *){border-color:var(--green);transform:translateY(-4px)}
.ti:where([data-block-style="s5"], [data-block-style="s5"] *){width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
.ti svg:where([data-block-style="s5"], [data-block-style="s5"] *){width:24px;height:24px}
.ti svg *:where([data-block-style="s5"], [data-block-style="s5"] *),.dli svg *:where([data-block-style="s5"], [data-block-style="s5"] *),.crow .f-ic svg *:where([data-block-style="s5"], [data-block-style="s5"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile h3:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-size:22px;font-weight:800;line-height:1.15}
.tile p:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;color:var(--muted);font-size:16px}
.facts:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fact:where([data-block-style="s5"], [data-block-style="s5"] *){border-top:3px solid var(--green);padding-top:22px}
.fact b:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
.fact span:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;margin-top:10px;color:var(--muted);font-weight:600}
.prose2:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
.prose2 h3:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
.prose2 p:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
.notice:where([data-block-style="s5"], [data-block-style="s5"] *){border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
.dllist:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dlcard:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
.dlcard:hover:where([data-block-style="s5"], [data-block-style="s5"] *){border-color:var(--green);transform:translateY(-3px)}
.dli:where([data-block-style="s5"], [data-block-style="s5"] *){width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
.dli svg:where([data-block-style="s5"], [data-block-style="s5"] *){width:26px;height:26px}
.dlcard b:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;font-size:20px;font-weight:800;line-height:1.2}
.dlcard small:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;color:var(--muted);font-size:14px;margin-top:4px}
.dltag:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
.vthumb:where([data-block-style="s5"], [data-block-style="s5"] *){height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
.play:where([data-block-style="s5"], [data-block-style="s5"] *){width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
.play svg:where([data-block-style="s5"], [data-block-style="s5"] *){width:30px;height:30px;margin-left:4px}
a.pcard:hover .play:where([data-block-style="s5"], [data-block-style="s5"] *){transform:scale(1.1)}
.vfeat .vthumb:where([data-block-style="s5"], [data-block-style="s5"] *){max-height:none}
.chiplist:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.chiplist li:where([data-block-style="s5"], [data-block-style="s5"] *){padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
.roll-p:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.roll-p:where([data-block-style="s5"], [data-block-style="s5"] *)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
.typ-txt.solo:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 8}
.kgrid:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.kleft:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
.kright:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:7 / span 6}
.crow:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
.crow small:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;font-size:14px;font-weight:500;color:var(--muted)}
.crow .f-ic:where([data-block-style="s5"], [data-block-style="s5"] *){width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
a.crow:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green-ink) !important}
a.crow:hover .f-ic:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--green);color:var(--ink)}
.formcard:where([data-block-style="s5"], [data-block-style="s5"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
.formcard h2:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0 0 24px;font-size:28px;font-weight:850}
.fgrid:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-direction:column;gap:8px}
.field.full:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1}
.field label:where([data-block-style="s5"], [data-block-style="s5"] *){font-size:15px;font-weight:650}
.field input:where([data-block-style="s5"], [data-block-style="s5"] *),.field textarea:where([data-block-style="s5"], [data-block-style="s5"] *){font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
.field textarea:where([data-block-style="s5"], [data-block-style="s5"] *){min-height:140px;resize:vertical}
.field input:focus:where([data-block-style="s5"], [data-block-style="s5"] *),.field textarea:focus:where([data-block-style="s5"], [data-block-style="s5"] *){outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
.check:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
.check input:where([data-block-style="s5"], [data-block-style="s5"] *){width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
.formcard .btn:where([data-block-style="s5"], [data-block-style="s5"] *){border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
.formcard .sm:where([data-block-style="s5"], [data-block-style="s5"] *){margin:16px 0 0;font-size:14px;color:var(--muted)}
.formcard .sm a:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--green-ink) !important}
.jobcard:where([data-block-style="s5"], [data-block-style="s5"] *){background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.jobcard h3:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
.jobcard ul:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;padding-left:20px;color:var(--muted)}
.jobcard .btn:where([data-block-style="s5"], [data-block-style="s5"] *){align-self:flex-start}
.narrow:where([data-block-style="s5"], [data-block-style="s5"] *){max-width:560px}
@supports not (animation-timeline: view()){.roll-p:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}}
@media (prefers-reduced-motion: reduce){.roll-p:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}}
@media (max-width:900px){
.sh-txt.wide:where([data-block-style="s5"], [data-block-style="s5"] *),.typ-txt.solo:where([data-block-style="s5"], [data-block-style="s5"] *),.kleft:where([data-block-style="s5"], [data-block-style="s5"] *),.kright:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1}
.cardgrid:where([data-block-style="s5"], [data-block-style="s5"] *),.c2:where([data-block-style="s5"], [data-block-style="s5"] *),.facts:where([data-block-style="s5"], [data-block-style="s5"] *),.prose2:where([data-block-style="s5"], [data-block-style="s5"] *),.fgrid:where([data-block-style="s5"], [data-block-style="s5"] *),.dllist:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:minmax(0,1fr)}
.c4:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.dlcard:where([data-block-style="s5"], [data-block-style="s5"] *){grid-template-columns:48px minmax(0,1fr)}
.dltag:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
}

/* Kontakt-Abschnitt grün */
.kontakt:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--green);border-top:0}
.kontakt .k-info p:where([data-block-style="s5"], [data-block-style="s5"] *){color:var(--ink)}
.kontakt .k-info a.big:hover:where([data-block-style="s5"], [data-block-style="s5"] *){color:#fff}
.kontakt .btn-green:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--deep);color:#fff !important}
.kontakt .btn-green:hover:where([data-block-style="s5"], [data-block-style="s5"] *){background:#fff;color:var(--ink) !important}
.kontakt .fig:where([data-block-style="s5"], [data-block-style="s5"] *)::before{border-color:var(--deep)}

.tj path:where([data-block-style="s5"], [data-block-style="s5"] *),.tj rect:where([data-block-style="s5"], [data-block-style="s5"] *),.tj circle:where([data-block-style="s5"], [data-block-style="s5"] *){transform-box:fill-box}
.tj .drop:where([data-block-style="s5"], [data-block-style="s5"] *){transform-origin:50% 100%;animation:tj-drop .75s both}
.tj .pop:where([data-block-style="s5"], [data-block-style="s5"] *){transform-origin:50% 100%;animation:tj-pop .5s both}
.tj .bang:where([data-block-style="s5"], [data-block-style="s5"] *){transform-origin:50% 100%;animation:tj-bang .45s both}
.tj .cf:where([data-block-style="s5"], [data-block-style="s5"] *){transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
.tj .tj-all:where([data-block-style="s5"], [data-block-style="s5"] *){transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}


/* Torjubel-Trenner */
.tj-sep:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
.tj:where([data-block-style="s5"], [data-block-style="s5"] *){width:300px;max-width:80%;height:auto;overflow:visible}
.tj:not(.tj-on) *:where([data-block-style="s5"], [data-block-style="s5"] *){animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){.tj *:where([data-block-style="s5"], [data-block-style="s5"] *){animation:none !important}.tj .cf:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}}

/* Second hand: untereinander mit Scroll-Effekt */
.sh-list:where([data-block-style="s5"], [data-block-style="s5"] *){display:flex;flex-direction:column;gap:clamp(80px,10vw,140px)}
.sh-row:where([data-block-style="s5"], [data-block-style="s5"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;view-timeline-name:--shr;view-timeline-axis:block}
.sh-img:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 7;height:clamp(260px,32vw,460px)}
.sh-img img:where([data-block-style="s5"], [data-block-style="s5"] *){animation:sh-open linear both;animation-timeline:--shr;animation-range:entry 0% cover 40%}
.sh-img:where([data-block-style="s5"], [data-block-style="s5"] *)::before{animation:sh-frame linear both;animation-timeline:--shr;animation-range:cover 30% cover 45%}
.sh-txt2:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:9 / span 4;display:flex;flex-direction:column;gap:16px;align-items:flex-start;animation:sh-in linear both;animation-timeline:--shr;animation-range:entry 20% cover 45%}
.sh-flip .sh-img:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:6 / span 7;order:2}
.sh-flip .sh-txt2:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / span 4;order:1}
.sh-no:where([data-block-style="s5"], [data-block-style="s5"] *){font-weight:900;font-size:15px;letter-spacing:.08em;color:var(--green-ink);border-bottom:2px solid var(--green);padding-bottom:4px}
.sh-txt2 h3:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;font-weight:850;font-size:clamp(34px,3.4vw,54px);line-height:1.04;letter-spacing:-0.02em}
.sh-txt2 p:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;color:var(--muted);font-size:clamp(18px,1.4vw,20px)}
.sh-txt2 .btn:where([data-block-style="s5"], [data-block-style="s5"] *){margin-top:8px}
@supports not (animation-timeline: view()){.sh-img img:where([data-block-style="s5"], [data-block-style="s5"] *),.sh-img:where([data-block-style="s5"], [data-block-style="s5"] *)::before,.sh-txt2:where([data-block-style="s5"], [data-block-style="s5"] *){animation:none}}
@media (prefers-reduced-motion: reduce){.sh-img img:where([data-block-style="s5"], [data-block-style="s5"] *),.sh-img:where([data-block-style="s5"], [data-block-style="s5"] *)::before,.sh-txt2:where([data-block-style="s5"], [data-block-style="s5"] *){animation:none}}
@media (max-width:900px){.sh-img:where([data-block-style="s5"], [data-block-style="s5"] *),.sh-txt2:where([data-block-style="s5"], [data-block-style="s5"] *),.sh-flip .sh-img:where([data-block-style="s5"], [data-block-style="s5"] *),.sh-flip .sh-txt2:where([data-block-style="s5"], [data-block-style="s5"] *){grid-column:1 / -1;order:0}}

/* Bilder vergrößern (Lightbox) */
.fig img:where([data-block-style="s5"], [data-block-style="s5"] *){cursor:zoom-in}
a .fig img:where([data-block-style="s5"], [data-block-style="s5"] *){cursor:pointer}
.lb:where([data-block-style="s5"], [data-block-style="s5"] *){position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
.lb.on:where([data-block-style="s5"], [data-block-style="s5"] *){opacity:1;visibility:visible;transition:opacity .35s}
.lb-fig:where([data-block-style="s5"], [data-block-style="s5"] *){margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-img:where([data-block-style="s5"], [data-block-style="s5"] *){display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
.lb.on .lb-img:where([data-block-style="s5"], [data-block-style="s5"] *){transform:none}
.lb-count:where([data-block-style="s5"], [data-block-style="s5"] *){color:#C9CED2;font-size:15px;font-weight:600}
.lb-btn:where([data-block-style="s5"], [data-block-style="s5"] *){position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
.lb-btn svg:where([data-block-style="s5"], [data-block-style="s5"] *){width:22px;height:22px}
.lb-btn svg *:where([data-block-style="s5"], [data-block-style="s5"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lb-btn:hover:where([data-block-style="s5"], [data-block-style="s5"] *){background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:where([data-block-style="s5"], [data-block-style="s5"] *){top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:hover:where([data-block-style="s5"], [data-block-style="s5"] *){background:#fff;border-color:#fff}
.lb-prev:where([data-block-style="s5"], [data-block-style="s5"] *){left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb-next:where([data-block-style="s5"], [data-block-style="s5"] *){right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb.single .lb-prev:where([data-block-style="s5"], [data-block-style="s5"] *),.lb.single .lb-next:where([data-block-style="s5"], [data-block-style="s5"] *),.lb.single .lb-count:where([data-block-style="s5"], [data-block-style="s5"] *){display:none}
@media (prefers-reduced-motion: reduce){.lb:where([data-block-style="s5"], [data-block-style="s5"] *),.lb-img:where([data-block-style="s5"], [data-block-style="s5"] *){transition:none}}


/* Reusable blocks originally from wer-wir-sind.html */

body:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0}
:root:where([data-block-style="s6"], [data-block-style="s6"] *){--green:#63B32E;--green-dk:#4E9323;--green-ink:#3B7316;--anth:#383E42;--deep:#1E2225;--zinc:#E8EBED;--paper:#F6F7F8;--ink:#1E2225;--muted:#4A5257;--vh:min(100vh,940px)}
*:where([data-block-style="s6"], [data-block-style="s6"] *){box-sizing:border-box}
.site:where([data-block-style="s6"], [data-block-style="s6"] *){font-family:"Archivo",system-ui,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip;font-size:18px;line-height:1.55}
.site a:where([data-block-style="s6"], [data-block-style="s6"] *){color:inherit}
.wrap:where([data-block-style="s6"], [data-block-style="s6"] *){max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.grid-bg:where([data-block-style="s6"], [data-block-style="s6"] *){background-image:linear-gradient(rgba(56,62,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,62,66,.07) 1px,transparent 1px);background-size:40px 40px}
.xl:where([data-block-style="s6"], [data-block-style="s6"] *){font-stretch:100%;font-weight:850;letter-spacing:-0.02em;line-height:1.04;margin:0}
.btn:where([data-block-style="s6"], [data-block-style="s6"] *){display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:650;text-decoration:none;font-size:17px;transition:background .25s,color .25s,border-color .25s}
.btn-green:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--green);color:var(--ink) !important}
.btn-green:hover:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--deep);color:#fff !important}
.btn-line:where([data-block-style="s6"], [data-block-style="s6"] *){border:2px solid currentColor}
.btn-line:hover:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--ink);color:#fff !important;border-color:var(--ink)}
.site a:focus-visible:where([data-block-style="s6"], [data-block-style="s6"] *),.site button:focus-visible:where([data-block-style="s6"], [data-block-style="s6"] *){outline:3px solid var(--green);outline-offset:3px}

/* Bilder: abgerundet, versetzter grüner Rahmen */
.fig:where([data-block-style="s6"], [data-block-style="s6"] *){position:relative;isolation:isolate;margin:0 16px 16px 0}
.fig:where([data-block-style="s6"], [data-block-style="s6"] *)::before{content:"";position:absolute;inset:0;transform:translate(16px,16px);border:2px solid var(--green);border-radius:14px;z-index:-1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.fig:hover:where([data-block-style="s6"], [data-block-style="s6"] *)::before{transform:translate(8px,8px)}
.fig img:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Header + Hamburger */
.bar:where([data-block-style="s6"], [data-block-style="s6"] *){position:fixed;top:0;left:0;right:0;z-index:60;height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #D5D9DC}
.bar-in:where([data-block-style="s6"], [data-block-style="s6"] *){height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;line-height:0}
.logo img:where([data-block-style="s6"], [data-block-style="s6"] *){height:48px;width:auto;display:block}
.bar-r:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;align-items:center;gap:22px}
.bar-tel:where([data-block-style="s6"], [data-block-style="s6"] *){font-weight:650;font-size:15px;text-decoration:none;color:var(--ink) !important}
.bar-tel:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green-ink) !important}
.burger:where([data-block-style="s6"], [data-block-style="s6"] *){width:52px;height:52px;border:0;border-radius:50%;background:var(--green);cursor:pointer;position:relative;transition:transform .5s cubic-bezier(.7,0,.2,1),background .3s}
.burger:hover:where([data-block-style="s6"], [data-block-style="s6"] *){transform:rotate(90deg)}
.burger i:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;left:15px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .5s cubic-bezier(.7,0,.2,1),opacity .3s,top .5s cubic-bezier(.7,0,.2,1)}
.burger i:nth-child(1):where([data-block-style="s6"], [data-block-style="s6"] *){top:18px}.burger i:nth-child(2):where([data-block-style="s6"], [data-block-style="s6"] *){top:25px}.burger i:nth-child(3):where([data-block-style="s6"], [data-block-style="s6"] *){top:32px}
.is-open .burger:where([data-block-style="s6"], [data-block-style="s6"] *){transform:rotate(180deg);background:var(--ink)}
.is-open .burger i:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--green)}
.is-open .burger i:nth-child(1):where([data-block-style="s6"], [data-block-style="s6"] *){top:25px;transform:rotate(45deg)}
.is-open .burger i:nth-child(2):where([data-block-style="s6"], [data-block-style="s6"] *){opacity:0;transform:scaleX(0)}
.is-open .burger i:nth-child(3):where([data-block-style="s6"], [data-block-style="s6"] *){top:25px;transform:rotate(-45deg)}

/* Menü: Torflügel schließen zur Mitte, dann drei Spalten */
.menu:where([data-block-style="s6"], [data-block-style="s6"] *){position:fixed;inset:0;z-index:55;visibility:hidden;transition:visibility 0s linear .9s}
.is-open .menu:where([data-block-style="s6"], [data-block-style="s6"] *){visibility:visible;transition-delay:0s}
.m-leaf:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;top:0;bottom:0;width:50.2%;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.m-l:where([data-block-style="s6"], [data-block-style="s6"] *){left:0;background:var(--deep);transform:translateX(-101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s6"], [data-block-style="s6"] *){right:0;background:var(--deep);transform:translateX(101%);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px)}
.m-r:where([data-block-style="s6"], [data-block-style="s6"] *)::before{content:"";position:absolute;left:0;top:50%;width:6px;height:140px;margin-top:-70px;background:var(--green);transition:transform .5s .7s cubic-bezier(.7,0,.2,1)}
.is-open .m-l:where([data-block-style="s6"], [data-block-style="s6"] *),.is-open .m-r:where([data-block-style="s6"], [data-block-style="s6"] *){transform:translateX(0)}
.is-open .m-r:where([data-block-style="s6"], [data-block-style="s6"] *)::before{transform:scaleY(0)}
.m-body:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;inset:0;overflow-y:auto;padding:128px 0 48px;color:#fff;opacity:0;transition:opacity .3s}
.is-open .m-body:where([data-block-style="s6"], [data-block-style="s6"] *){opacity:1;transition:opacity .3s .45s}
.m-cols:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px)}
.m-c1:where([data-block-style="s6"], [data-block-style="s6"] *){--d:.5s}.m-c2:where([data-block-style="s6"], [data-block-style="s6"] *){--d:.62s}.m-c3:where([data-block-style="s6"], [data-block-style="s6"] *){--d:.74s}
.m-col:where([data-block-style="s6"], [data-block-style="s6"] *){opacity:0;transform:translateY(28px);transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.is-open .m-col:where([data-block-style="s6"], [data-block-style="s6"] *){opacity:1;transform:none;transition-delay:var(--d)}
.m-col + .m-col:where([data-block-style="s6"], [data-block-style="s6"] *){border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(24px,3vw,48px)}
.m-title:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(99,179,46,.45);padding:0 0 16px;margin:0 0 24px;color:var(--green);font:inherit;font-size:15px;font-weight:650;text-align:left;cursor:default}
.chev:where([data-block-style="s6"], [data-block-style="s6"] *){width:22px;height:22px;display:none;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.chev *:where([data-block-style="s6"], [data-block-style="s6"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.m-list:where([data-block-style="s6"], [data-block-style="s6"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.m-list li:where([data-block-style="s6"], [data-block-style="s6"] *){opacity:0;transform:translateX(-16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.is-open .m-list li:where([data-block-style="s6"], [data-block-style="s6"] *){opacity:1;transform:none}
.is-open .m-list li:nth-child(1):where([data-block-style="s6"], [data-block-style="s6"] *){transition-delay:calc(var(--d) + .06s)}.is-open .m-list li:nth-child(2):where([data-block-style="s6"], [data-block-style="s6"] *){transition-delay:calc(var(--d) + .12s)}.is-open .m-list li:nth-child(3):where([data-block-style="s6"], [data-block-style="s6"] *){transition-delay:calc(var(--d) + .18s)}.is-open .m-list li:nth-child(4):where([data-block-style="s6"], [data-block-style="s6"] *){transition-delay:calc(var(--d) + .24s)}.is-open .m-list li:nth-child(5):where([data-block-style="s6"], [data-block-style="s6"] *){transition-delay:calc(var(--d) + .3s)}.is-open .m-list li:nth-child(6):where([data-block-style="s6"], [data-block-style="s6"] *){transition-delay:calc(var(--d) + .36s)}.is-open .m-list li:nth-child(7):where([data-block-style="s6"], [data-block-style="s6"] *){transition-delay:calc(var(--d) + .42s)}
.m-big:where([data-block-style="s6"], [data-block-style="s6"] *){font-stretch:100%;font-weight:850;font-size:clamp(30px,3.1vw,50px);line-height:1.05;letter-spacing:-0.02em;text-decoration:none;color:var(--green) !important;display:inline-block;transition:color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.m-big:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:#fff !important;transform:translateX(12px)}
.m-c1 .m-list:where([data-block-style="s6"], [data-block-style="s6"] *){gap:12px}
.m-link:where([data-block-style="s6"], [data-block-style="s6"] *){position:relative;display:inline-block;padding:3px 0;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.25;text-decoration:none;color:#fff !important;transition:color .25s}
.m-link:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.m-link:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green) !important}
.m-link:hover:where([data-block-style="s6"], [data-block-style="s6"] *)::after{transform:scaleX(1)}
.m-foot:where([data-block-style="s6"], [data-block-style="s6"] *){margin-top:clamp(40px,6vw,72px);padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;opacity:0;transition:opacity .4s}
.is-open .m-foot:where([data-block-style="s6"], [data-block-style="s6"] *){opacity:1;transition-delay:.9s}
.m-foot-info:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-wrap:wrap;gap:12px 36px;align-items:baseline}
.m-foot-info a:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:20px;font-weight:700;text-decoration:none;color:#fff !important}
.m-foot-info a:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green) !important}
.m-foot-info span:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:15px;color:#C9CED2}
.lang:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;gap:10px}
.lang a:where([data-block-style="s6"], [data-block-style="s6"] *){min-width:48px;min-height:44px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:#fff !important}
.lang a.on:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--green);color:var(--ink) !important;border-color:var(--green)}

/* Hero: Schiebetor öffnet von der Mitte */
.hero:where([data-block-style="s6"], [data-block-style="s6"] *){position:relative;height:calc(var(--vh) * 2.3);view-timeline-name:--gate;view-timeline-axis:block}
.stage:where([data-block-style="s6"], [data-block-style="s6"] *){position:sticky;top:0;height:var(--vh);overflow:clip;background-color:var(--zinc)}
.hero-in:where([data-block-style="s6"], [data-block-style="s6"] *){height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-top:76px;padding-bottom:100px}
.hero-head:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 7;animation:pop linear both;animation-timeline:--gate;animation-range:contain 5% contain 55%}
.hero h1:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:clamp(52px,7.6vw,124px);color:var(--ink)}
.hero h1 span:where([data-block-style="s6"], [data-block-style="s6"] *){display:block}
.dim:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;align-items:center;gap:12px;margin:26px 0 0;max-width:520px;color:var(--green-ink);font-size:14px;font-weight:650}
.dim i:where([data-block-style="s6"], [data-block-style="s6"] *){flex:1;height:2px;background:var(--green);position:relative}
.dim i:where([data-block-style="s6"], [data-block-style="s6"] *)::before,.dim i:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.dim i:where([data-block-style="s6"], [data-block-style="s6"] *)::before{left:0}.dim i:where([data-block-style="s6"], [data-block-style="s6"] *)::after{right:0}
.hero-sub:where([data-block-style="s6"], [data-block-style="s6"] *){margin:22px 0 0;max-width:34ch;font-size:clamp(18px,1.5vw,21px);color:var(--muted)}
.hero-cta:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-fig:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:8 / span 5;height:min(520px,calc(var(--vh) - 260px));animation:pop2 linear both;animation-timeline:--gate;animation-range:contain 10% contain 60%}
.rail:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;left:0;right:0;bottom:48px;height:40px}
.rail svg:where([data-block-style="s6"], [data-block-style="s6"] *){width:100%;height:40px;display:block}
.leaf:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;top:0;bottom:0;width:50%;background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 14px,transparent 14px calc(100% - 14px),var(--deep) calc(100% - 14px)),repeating-linear-gradient(90deg,#2B3034 0 10px,var(--anth) 10px 52px);display:flex;align-items:center;color:var(--zinc);will-change:transform;z-index:3}
.leaf-l:where([data-block-style="s6"], [data-block-style="s6"] *){left:0;justify-content:flex-end;animation:open-l linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-r:where([data-block-style="s6"], [data-block-style="s6"] *){right:0;justify-content:flex-start;animation:open-r linear both;animation-timeline:--gate;animation-range:contain 0% contain 55%}
.leaf-l:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:150px;margin-top:-75px;border-radius:4px;background:var(--green)}
.leaf-word:where([data-block-style="s6"], [data-block-style="s6"] *){font-stretch:100%;font-weight:900;font-size:clamp(44px,13vw,210px);line-height:1;letter-spacing:-0.02em}
.leaf-r .leaf-word:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green)}
.leaf-l .leaf-word:where([data-block-style="s6"], [data-block-style="s6"] *){padding-right:44px}
.leaf-r .leaf-word:where([data-block-style="s6"], [data-block-style="s6"] *){padding-left:22px}
.leaf-hint:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;bottom:40px;left:0;right:0;font-size:15px;font-weight:600;color:#C9CED2}
.leaf-l .leaf-hint:where([data-block-style="s6"], [data-block-style="s6"] *){text-align:right;padding-right:20px}
.leaf-r .leaf-hint:where([data-block-style="s6"], [data-block-style="s6"] *){text-align:left;padding-left:20px}

/* Produkte */
.sec:where([data-block-style="s6"], [data-block-style="s6"] *){padding:clamp(80px,10vw,150px) 0}
.intro:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
.intro h2:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 7;font-size:clamp(44px,6.4vw,96px)}
.intro > p:where([data-block-style="s6"], [data-block-style="s6"] *),.intro > div:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:8 / span 5;margin:0}
.intro p:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;color:var(--muted)}
.prods:where([data-block-style="s6"], [data-block-style="s6"] *){list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.prod:where([data-block-style="s6"], [data-block-style="s6"] *){border-bottom:2px solid var(--ink)}
.prod a:where([data-block-style="s6"], [data-block-style="s6"] *){position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr) 44px;gap:28px;align-items:center;padding:26px 12px;text-decoration:none;isolation:isolate}
.prod a:where([data-block-style="s6"], [data-block-style="s6"] *)::before{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.prod a:hover:where([data-block-style="s6"], [data-block-style="s6"] *)::before{transform:scaleX(1)}
.prod-name:where([data-block-style="s6"], [data-block-style="s6"] *){font-stretch:100%;font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1}
.prod-line:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--muted);font-size:17px}
.prod a:hover .prod-line:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--ink)}
.ico:where([data-block-style="s6"], [data-block-style="s6"] *){width:64px;height:64px;color:var(--green-dk);transition:color .35s}
.prod a:hover .ico:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--ink)}
.ico *:where([data-block-style="s6"], [data-block-style="s6"] *){fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.go:where([data-block-style="s6"], [data-block-style="s6"] *){width:40px;height:40px;transition:transform .35s}
.go *:where([data-block-style="s6"], [data-block-style="s6"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prod a:hover .go:where([data-block-style="s6"], [data-block-style="s6"] *){transform:translateX(6px)}

/* Einer für alle: Sektionaltor fährt hoch */
.einer:where([data-block-style="s6"], [data-block-style="s6"] *){position:relative;background:var(--green);color:var(--ink);overflow:clip;view-timeline-name:--door;view-timeline-axis:block}
.einer-in:where([data-block-style="s6"], [data-block-style="s6"] *){padding:clamp(100px,12vw,180px) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.einer h2:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 7;font-size:clamp(56px,9vw,150px)}
.einer-txt:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:8 / span 5}
.einer-txt p:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0 0 28px}
.door:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;inset:0;display:flex;flex-direction:column;animation:door-up linear both;animation-timeline:--door;animation-range:entry 55% cover 52%;z-index:2}
.slat:where([data-block-style="s6"], [data-block-style="s6"] *){flex:1;background:linear-gradient(180deg,#454C51 0,var(--anth) 40%,#2E3337 100%);border-bottom:3px solid #23282B;position:relative}
.slat:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.25)}
.slat:last-child:where([data-block-style="s6"], [data-block-style="s6"] *){border-bottom:10px solid var(--deep)}
.door-tag:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;left:50%;bottom:40px;transform:translateX(-50%);background:var(--green);color:var(--ink);padding:10px 20px;border-radius:999px;font-size:15px;font-weight:650;white-space:nowrap}

/* Referenzen */
.refs:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--deep);color:#fff}
.refs .intro p:where([data-block-style="s6"], [data-block-style="s6"] *){color:#C9CED2;max-width:100%;height:auto !important}
.ref-cta:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.refs .btn-line:hover:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff;color:var(--deep) !important;border-color:#fff}
.refs .btn-green:hover:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff;color:var(--deep) !important}
.shots:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 32px}
.s1:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:span 7;height:520px}
.shots-r:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.s2:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1;height:240px}
.s3:where([data-block-style="s6"], [data-block-style="s6"] *),.s4:where([data-block-style="s6"], [data-block-style="s6"] *){height:244px}
.s5:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:3 / span 8;height:300px}

/* Werte: Mitte auf, Flügel nach links und rechts */
.split:where([data-block-style="s6"], [data-block-style="s6"] *){position:relative;height:clamp(300px,36vw,520px);background:var(--deep);overflow:clip;view-timeline-name:--split;view-timeline-axis:block}
.split-mid:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.split-mid b:where([data-block-style="s6"], [data-block-style="s6"] *){font-stretch:100%;font-weight:900;font-size:clamp(40px,6.4vw,100px);color:var(--green);line-height:1;letter-spacing:-0.02em}
.sp:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;top:0;bottom:0;width:50%;background:var(--zinc);color:var(--ink);display:flex;align-items:center;animation-timeline:--split;animation-range:entry 70% cover 50%;animation-fill-mode:both;animation-timing-function:linear}
.sp b:where([data-block-style="s6"], [data-block-style="s6"] *){font-stretch:100%;font-weight:900;font-size:clamp(28px,4.4vw,64px);line-height:1;letter-spacing:-0.02em}
.sp-l:where([data-block-style="s6"], [data-block-style="s6"] *){left:0;justify-content:flex-end;padding-right:clamp(16px,2.5vw,40px);animation-name:sp-l;border-right:3px solid var(--green)}
.sp-r:where([data-block-style="s6"], [data-block-style="s6"] *){right:0;justify-content:flex-start;padding-left:clamp(16px,2.5vw,40px);animation-name:sp-r;background:#DDE1E3}
.werte:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(64px,8vw,110px) 0}
.werte-txt:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:28px}
.yrs:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;align-items:baseline;gap:16px}
.yrs b:where([data-block-style="s6"], [data-block-style="s6"] *){font-stretch:100%;font-weight:900;font-size:clamp(90px,12vw,190px);line-height:.85;color:var(--ink)}
.yrs > span:where([data-block-style="s6"], [data-block-style="s6"] *){font-weight:700;font-size:22px;line-height:1.2}
@supports (animation-timeline: view()){
.yrs b:where([data-block-style="s6"], [data-block-style="s6"] *){display:inline-block;min-width:1.15em;font-variant-numeric:tabular-nums;counter-reset:yrs var(--n);animation:count linear both;animation-timeline:view();animation-range:entry 20% cover 50%}
.yrs b .n:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
.yrs b:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:counter(yrs)}
}
.werte-txt p:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;font-size:clamp(19px,1.7vw,24px);color:var(--muted)}
.werte-fig:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:8 / span 5;height:440px}

/* Kontakt */
.kontakt:where([data-block-style="s6"], [data-block-style="s6"] *){border-top:2px solid var(--ink)}
.k-grid:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.k-left:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 6;display:flex;flex-direction:column;gap:36px}
.k-left h2:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:clamp(48px,6.4vw,100px)}
.k-info:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-direction:column;gap:14px}
.k-info a.big:where([data-block-style="s6"], [data-block-style="s6"] *){font-stretch:100%;font-weight:800;font-size:clamp(24px,2.4vw,34px);text-decoration:none;line-height:1.15}
.k-info a.big:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green-ink)}
.k-info p:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;color:var(--muted)}
.k-fig:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:8 / span 5;height:460px}

/* Footer */
.foot:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--deep);color:#C9CED2;font-size:16px;padding:72px 0 32px}
.f-grid:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.f-addr:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:span 3}
.f-addr:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-direction:column;gap:18px}
.f-hi:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;font-size:15px;font-weight:650;color:var(--green)}
.f-name:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;font-weight:850;font-size:26px;line-height:1.1;color:#fff;letter-spacing:-0.01em}
.f-rows:where([data-block-style="s6"], [data-block-style="s6"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.f-row:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;color:#fff !important;line-height:1.35}
.f-row:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green) !important;text-decoration:none !important}
.f-ic:where([data-block-style="s6"], [data-block-style="s6"] *){flex:none;width:40px;height:40px;border-radius:50%;background:rgba(99,179,46,.14);color:var(--green);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}
.f-ic svg:where([data-block-style="s6"], [data-block-style="s6"] *){width:19px;height:19px}
.f-ic svg *:where([data-block-style="s6"], [data-block-style="s6"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f-row:hover .f-ic:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--green);color:var(--ink);transform:rotate(-8deg)}
.f-row small:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;font-size:13px;color:#9BA3A8;font-weight:500}
.f-vat:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;font-size:13px;color:#9BA3A8}
.f-social:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;gap:12px}
.f-social a:where([data-block-style="s6"], [data-block-style="s6"] *){width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .3s}
.f-social img:where([data-block-style="s6"], [data-block-style="s6"] *){width:22px;height:22px;display:block;filter:brightness(0) invert(1);transition:filter .3s}
.f-social a:hover:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--green);border-color:var(--green);transform:translateY(-3px)}
.f-social a:hover img:where([data-block-style="s6"], [data-block-style="s6"] *){filter:brightness(0)}
.f-col:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:span 2}
.f-wide:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:span 3}
.f-col h3:where([data-block-style="s6"], [data-block-style="s6"] *),.f-wide h3:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0 0 14px;font-size:16px;color:var(--green);font-weight:700}
.f-col ul:where([data-block-style="s6"], [data-block-style="s6"] *),.f-wide ul:where([data-block-style="s6"], [data-block-style="s6"] *){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot a:where([data-block-style="s6"], [data-block-style="s6"] *){text-decoration:none;color:#C9CED2 !important}
.foot a:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:#fff !important;text-decoration:underline}
.f-bot:where([data-block-style="s6"], [data-block-style="s6"] *){margin-top:56px;padding-top:24px;border-top:1px solid #3A4146;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}
.f-bot div:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-wrap:wrap;gap:20px}

@supports not (animation-timeline: view()){
.hero:where([data-block-style="s6"], [data-block-style="s6"] *){height:var(--vh)}
.leaf:where([data-block-style="s6"], [data-block-style="s6"] *),.door:where([data-block-style="s6"], [data-block-style="s6"] *),.sp:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
.split-mid b:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:clamp(34px,6vw,96px)}
}
@media (prefers-reduced-motion: reduce){
.hero:where([data-block-style="s6"], [data-block-style="s6"] *){height:var(--vh)}
.leaf:where([data-block-style="s6"], [data-block-style="s6"] *),.door:where([data-block-style="s6"], [data-block-style="s6"] *),.sp:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
.hero-head:where([data-block-style="s6"], [data-block-style="s6"] *),.hero-fig:where([data-block-style="s6"], [data-block-style="s6"] *),.yrs b:where([data-block-style="s6"], [data-block-style="s6"] *){animation:none !important}
.yrs b .n:where([data-block-style="s6"], [data-block-style="s6"] *){display:inline !important}
.yrs b:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:none !important}
.m-leaf:where([data-block-style="s6"], [data-block-style="s6"] *),.m-col:where([data-block-style="s6"], [data-block-style="s6"] *),.m-list li:where([data-block-style="s6"], [data-block-style="s6"] *),.m-foot:where([data-block-style="s6"], [data-block-style="s6"] *),.m-wrapL:where([data-block-style="s6"], [data-block-style="s6"] *),.burger:where([data-block-style="s6"], [data-block-style="s6"] *),.burger i:where([data-block-style="s6"], [data-block-style="s6"] *),.fig:where([data-block-style="s6"], [data-block-style="s6"] *)::before{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (max-width:900px){
.intro h2:where([data-block-style="s6"], [data-block-style="s6"] *),.intro > p:where([data-block-style="s6"], [data-block-style="s6"] *),.intro > div:where([data-block-style="s6"], [data-block-style="s6"] *),.einer h2:where([data-block-style="s6"], [data-block-style="s6"] *),.einer-txt:where([data-block-style="s6"], [data-block-style="s6"] *),.k-left:where([data-block-style="s6"], [data-block-style="s6"] *),.k-fig:where([data-block-style="s6"], [data-block-style="s6"] *),.werte-txt:where([data-block-style="s6"], [data-block-style="s6"] *),.werte-fig:where([data-block-style="s6"], [data-block-style="s6"] *),.hero-head:where([data-block-style="s6"], [data-block-style="s6"] *),.hero-fig:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1}
.hero-fig:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
.prod a:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:48px minmax(0,1fr) 36px;gap:16px}
.prod-line:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
.ico:where([data-block-style="s6"], [data-block-style="s6"] *){width:44px;height:44px}
.shots:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:minmax(0,1fr)}
.s1:where([data-block-style="s6"], [data-block-style="s6"] *),.shots-r:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1}
.s1:where([data-block-style="s6"], [data-block-style="s6"] *){height:300px}
.s2:where([data-block-style="s6"], [data-block-style="s6"] *),.s3:where([data-block-style="s6"], [data-block-style="s6"] *),.s4:where([data-block-style="s6"], [data-block-style="s6"] *){height:200px}
.s5:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1;height:220px}
.werte-fig:where([data-block-style="s6"], [data-block-style="s6"] *),.k-fig:where([data-block-style="s6"], [data-block-style="s6"] *){height:300px}
.m-body:where([data-block-style="s6"], [data-block-style="s6"] *){padding-top:104px}
.m-cols:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:minmax(0,1fr);gap:0}
.m-col + .m-col:where([data-block-style="s6"], [data-block-style="s6"] *){border-left:0;padding-left:0}
.m-title:where([data-block-style="s6"], [data-block-style="s6"] *){cursor:pointer;min-height:58px;padding:16px 0;margin:0;font-size:17px;border-bottom-color:rgba(255,255,255,.16)}
.chev:where([data-block-style="s6"], [data-block-style="s6"] *){display:block}
.m-col.open .chev:where([data-block-style="s6"], [data-block-style="s6"] *){transform:rotate(180deg)}
.m-wrapL:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.7,0,.2,1)}
.m-col.open .m-wrapL:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-rows:1fr}
.m-wrapL > ul:where([data-block-style="s6"], [data-block-style="s6"] *){overflow:hidden;min-height:0}
.m-list:where([data-block-style="s6"], [data-block-style="s6"] *){padding:14px 0 24px}
.m-c1 .m-list:where([data-block-style="s6"], [data-block-style="s6"] *){gap:14px}
.m-big:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:clamp(28px,7.6vw,36px)}
.m-link:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:20px}
.m-foot:where([data-block-style="s6"], [data-block-style="s6"] *){margin-top:28px;border-top:0;padding-top:0}
.f-addr:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1}
.f-col:where([data-block-style="s6"], [data-block-style="s6"] *),.f-wide:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:span 6}
.bar-tel:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
.logo img:where([data-block-style="s6"], [data-block-style="s6"] *){height:40px}
.split-mid b:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:clamp(34px,10vw,60px)}
.sp:where([data-block-style="s6"], [data-block-style="s6"] *){width:100%;height:50%;justify-content:center !important;padding:0 16px !important;border-right:0 !important}
.sp b:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:clamp(28px,8vw,40px)}
.sp-l:where([data-block-style="s6"], [data-block-style="s6"] *){top:0;bottom:auto;align-items:flex-end;padding-bottom:14px !important;animation-name:sp-t;border-bottom:3px solid var(--green)}
.sp-r:where([data-block-style="s6"], [data-block-style="s6"] *){top:auto;bottom:0;align-items:flex-start;padding-top:14px !important;animation-name:sp-b}
}

/* Unterseite Einfahrtstore */
.sub-hero:where([data-block-style="s6"], [data-block-style="s6"] *){padding:132px 0 clamp(64px,8vw,110px)}
.crumbs:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px;padding:0;list-style:none;font-size:15px;color:var(--muted)}
.crumbs a:where([data-block-style="s6"], [data-block-style="s6"] *){text-decoration:none;color:var(--muted) !important}
.crumbs a:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green-ink) !important;text-decoration:underline}
.crumbs li + li:where([data-block-style="s6"], [data-block-style="s6"] *)::before{content:"/";margin-right:8px;color:#9BA3A8}
.crumbs [aria-current]:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--ink);font-weight:650}
.sh-grid:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.sh-txt:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 6}
.sh-txt h1:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:clamp(60px,8.6vw,136px)}
.sh-txt:where([data-block-style="s6"], [data-block-style="s6"] *){min-width:0}
.sh-txt h1:where([data-block-style="s6"], [data-block-style="s6"] *){overflow-wrap:break-word;hyphens:manual}
.sh-txt:not(.wide) h1:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:clamp(52px,6.4vw,104px)}
.sh-lead:where([data-block-style="s6"], [data-block-style="s6"] *){margin:24px 0 0;max-width:30ch;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25}
.sh-txt p.sh-body:where([data-block-style="s6"], [data-block-style="s6"] *){margin:16px 0 0;max-width:42ch;color:var(--muted)}
.jump:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding:0;list-style:none}
.jump a:where([data-block-style="s6"], [data-block-style="s6"] *){display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--ink);font-weight:650;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.jump a:where([data-block-style="s6"], [data-block-style="s6"] *)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.jump a:hover:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--ink);color:#fff !important}
.sh-fig:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:8 / span 5;height:min(560px,62vh)}
.sh-fig img:where([data-block-style="s6"], [data-block-style="s6"] *){animation:reveal 1.1s cubic-bezier(.7,0,.2,1) .15s both}
.sh-fig:where([data-block-style="s6"], [data-block-style="s6"] *)::before{animation:framein .6s ease 1.1s both}

.typ:where([data-block-style="s6"], [data-block-style="s6"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.typ-alt:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff}
.typ-grid:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.typ-txt:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 5}
.typ-stage:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:7 / span 6}
.flip .typ-txt:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:8 / span 5;order:2}
.flip .typ-stage:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 6;order:1}
.tags:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.tags li:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink)}
.typ h2:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:clamp(46px,5.6vw,86px)}
.typ h2 span:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;color:var(--green-ink)}
.typ-body:where([data-block-style="s6"], [data-block-style="s6"] *){margin:24px 0 0;color:var(--muted)}
.ph-note:where([data-block-style="s6"], [data-block-style="s6"] *){display:inline-block;margin-top:24px;padding:10px 14px;border:1.5px dashed var(--muted);border-radius:8px;color:var(--muted);font-size:15px}
.specs:where([data-block-style="s6"], [data-block-style="s6"] *){margin:30px 0 0;padding:0;display:grid;gap:0;border-top:1px solid #C9CDCF}
.specs div:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #C9CDCF}
.specs dt:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:14px;font-weight:650;color:var(--green-ink)}
.specs dd:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;font-weight:600}
.typ .btn:where([data-block-style="s6"], [data-block-style="s6"] *){margin-top:30px}
.big-dim:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;align-items:center;gap:16px;margin:28px 0 0}
.big-dim b:where([data-block-style="s6"], [data-block-style="s6"] *){font-weight:900;font-size:clamp(48px,5vw,76px);line-height:1;letter-spacing:-0.02em}
.big-dim span:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:15px;font-weight:650;color:var(--muted);line-height:1.3}
.big-dim i:where([data-block-style="s6"], [data-block-style="s6"] *){flex:1;max-width:180px;height:2px;background:var(--green);position:relative}
.big-dim i:where([data-block-style="s6"], [data-block-style="s6"] *)::before,.big-dim i:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:var(--green)}
.big-dim i:where([data-block-style="s6"], [data-block-style="s6"] *)::before{left:0}.big-dim i:where([data-block-style="s6"], [data-block-style="s6"] *)::after{right:0}

.stage-x:where([data-block-style="s6"], [data-block-style="s6"] *){height:clamp(320px,34vw,480px);view-timeline-name:--st;view-timeline-axis:block}
.stage-x .fig:where([data-block-style="s6"], [data-block-style="s6"] *){height:100%}
.ov:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;inset:0;border-radius:12px;overflow:hidden;pointer-events:none}
.slats:where([data-block-style="s6"], [data-block-style="s6"] *){background-color:var(--anth);background-image:linear-gradient(180deg,var(--deep) 0 12px,transparent 12px calc(100% - 12px),var(--deep) calc(100% - 12px)),repeating-linear-gradient(90deg,#2B3034 0 9px,var(--anth) 9px 44px)}
.swing:where([data-block-style="s6"], [data-block-style="s6"] *){perspective:1600px}
.wing:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;top:0;bottom:0;width:50%;will-change:transform;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.wing-l:where([data-block-style="s6"], [data-block-style="s6"] *){left:0;border-radius:12px 0 0 12px;transform-origin:left center;animation-name:swing-l}
.wing-r:where([data-block-style="s6"], [data-block-style="s6"] *){right:0;border-radius:0 12px 12px 0;transform-origin:right center;animation-name:swing-r}
.wing-l:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.slide-p:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;inset:0;animation:slide-p linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.slide-p:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:"";position:absolute;left:14px;top:50%;width:7px;height:90px;margin-top:-45px;border-radius:4px;background:var(--green)}
.boom:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.boom .post:where([data-block-style="s6"], [data-block-style="s6"] *){fill:var(--deep)}
.boom .arm:where([data-block-style="s6"], [data-block-style="s6"] *){transform-box:view-box;transform-origin:78px 300px;animation:boom-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.fence:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;left:0;right:0;bottom:0;height:34%;border-radius:0 0 12px 12px;background-image:linear-gradient(180deg,transparent 0 22%,var(--deep) 22% 30%,transparent 30%),repeating-linear-gradient(90deg,var(--anth) 0 14px,transparent 14px 40px);animation:fence-up linear both;animation-timeline:--st;animation-range:cover 18% cover 48%}

.gal:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin-top:clamp(56px,7vw,96px)}
.gal .fig:where([data-block-style="s6"], [data-block-style="s6"] *){height:clamp(200px,20vw,280px)}
.g5 .fig:first-child:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:span 2}
.g4:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:repeat(4,minmax(0,1fr))}

@supports not (animation-timeline: view()){
.wing:where([data-block-style="s6"], [data-block-style="s6"] *),.slide-p:where([data-block-style="s6"], [data-block-style="s6"] *),.fence:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
.boom .arm:where([data-block-style="s6"], [data-block-style="s6"] *){transform:rotate(-80deg)}
}
@media (prefers-reduced-motion: reduce){
.wing:where([data-block-style="s6"], [data-block-style="s6"] *),.slide-p:where([data-block-style="s6"], [data-block-style="s6"] *),.fence:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
.boom .arm:where([data-block-style="s6"], [data-block-style="s6"] *){animation:none;transform:rotate(-80deg)}
.sh-fig img:where([data-block-style="s6"], [data-block-style="s6"] *),.sh-fig:where([data-block-style="s6"], [data-block-style="s6"] *)::before{animation:none}
}
@media (max-width:900px){
.sh-txt:where([data-block-style="s6"], [data-block-style="s6"] *),.sh-fig:where([data-block-style="s6"], [data-block-style="s6"] *),.typ-txt:where([data-block-style="s6"], [data-block-style="s6"] *),.typ-stage:where([data-block-style="s6"], [data-block-style="s6"] *),.flip .typ-txt:where([data-block-style="s6"], [data-block-style="s6"] *),.flip .typ-stage:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1;order:0}
.sh-fig:where([data-block-style="s6"], [data-block-style="s6"] *){height:300px;margin-top:24px}
.typ-stage:where([data-block-style="s6"], [data-block-style="s6"] *){margin-top:32px}
.gal:where([data-block-style="s6"], [data-block-style="s6"] *),.g4:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.g5 .fig:first-child:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1}
.specs div:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:110px minmax(0,1fr)}
}

/* Seiten-Bausteine */
.sh-txt.wide:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 9}
.blk:where([data-block-style="s6"], [data-block-style="s6"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink)}
.blk-white:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff}
.blk-dark:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--deep);color:#fff;border-top:0}
.blk-dark .intro p:where([data-block-style="s6"], [data-block-style="s6"] *){color:#C9CED2}
.cardgrid:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.c2:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.c4:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:repeat(4,minmax(0,1fr))}
.pcard:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit !important}
.pcard .fig:where([data-block-style="s6"], [data-block-style="s6"] *){height:clamp(220px,22vw,320px)}
.pcard h3:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;font-weight:850;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-0.01em;transition:color .25s}
.pcard p:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;color:var(--muted)}
.blk-dark .pcard p:where([data-block-style="s6"], [data-block-style="s6"] *){color:#C9CED2}
.more:where([data-block-style="s6"], [data-block-style="s6"] *){font-weight:650;align-self:flex-start;border-bottom:2px solid var(--green);padding-bottom:2px}
a.pcard:hover h3:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green-ink)}
.blk-dark a.pcard:hover h3:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green)}
.price:where([data-block-style="s6"], [data-block-style="s6"] *){font-weight:850;font-size:24px}
.tilegrid:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.tile:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .3s}
.tile:hover:where([data-block-style="s6"], [data-block-style="s6"] *){border-color:var(--green);transform:translateY(-4px)}
.ti:where([data-block-style="s6"], [data-block-style="s6"] *){width:50px;height:50px;border-radius:12px;background:rgba(99,179,46,.16);color:var(--green-ink);display:grid;place-items:center}
.ti svg:where([data-block-style="s6"], [data-block-style="s6"] *){width:24px;height:24px}
.ti svg *:where([data-block-style="s6"], [data-block-style="s6"] *),.dli svg *:where([data-block-style="s6"], [data-block-style="s6"] *),.crow .f-ic svg *:where([data-block-style="s6"], [data-block-style="s6"] *){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile h3:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;font-size:22px;font-weight:800;line-height:1.15}
.tile p:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;color:var(--muted);font-size:16px}
.facts:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fact:where([data-block-style="s6"], [data-block-style="s6"] *){border-top:3px solid var(--green);padding-top:22px}
.fact b:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;font-weight:900;font-size:clamp(56px,6vw,100px);line-height:1;letter-spacing:-0.02em}
.fact span:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;margin-top:10px;color:var(--muted);font-weight:600}
.prose2:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px)}
.prose2 h3:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0 0 14px;font-size:15px;font-weight:700;color:var(--green-ink)}
.prose2 p:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.5}
.notice:where([data-block-style="s6"], [data-block-style="s6"] *){border:2px dashed var(--green-dk);border-radius:12px;padding:18px 22px;background:rgba(99,179,46,.08);font-weight:600;margin:0 0 40px}
.dllist:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dlcard:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border:1.5px solid #D5D9DC;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink) !important;transition:border-color .3s,transform .3s}
.dlcard:hover:where([data-block-style="s6"], [data-block-style="s6"] *){border-color:var(--green);transform:translateY(-3px)}
.dli:where([data-block-style="s6"], [data-block-style="s6"] *){width:56px;height:56px;border-radius:12px;background:var(--deep);color:var(--green);display:grid;place-items:center}
.dli svg:where([data-block-style="s6"], [data-block-style="s6"] *){width:26px;height:26px}
.dlcard b:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;font-size:20px;font-weight:800;line-height:1.2}
.dlcard small:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;color:var(--muted);font-size:14px;margin-top:4px}
.dltag:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(99,179,46,.16);color:var(--green-ink);white-space:nowrap}
.vthumb:where([data-block-style="s6"], [data-block-style="s6"] *){height:auto !important;aspect-ratio:16 / 9;border-radius:12px;background-color:var(--deep);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;display:grid;place-items:center}
.play:where([data-block-style="s6"], [data-block-style="s6"] *){width:76px;height:76px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
.play svg:where([data-block-style="s6"], [data-block-style="s6"] *){width:30px;height:30px;margin-left:4px}
a.pcard:hover .play:where([data-block-style="s6"], [data-block-style="s6"] *){transform:scale(1.1)}
.vfeat .vthumb:where([data-block-style="s6"], [data-block-style="s6"] *){max-height:none}
.chiplist:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.chiplist li:where([data-block-style="s6"], [data-block-style="s6"] *){padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--ink);font-weight:650;font-size:16px}
.roll-p:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,#4A5156 0,var(--anth) 26px,#2E3337 52px,#1E2225 52px 55px);animation:roll-up linear both;animation-timeline:--st;animation-range:cover 22% cover 52%}
.roll-p:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--green)}
.typ-txt.solo:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 8}
.kgrid:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.kleft:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / span 5;display:flex;flex-direction:column;gap:10px}
.kright:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:7 / span 6}
.crow:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;align-items:center;gap:16px;min-height:56px;text-decoration:none;color:var(--ink) !important;font-weight:700;font-size:20px;line-height:1.3}
.crow small:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;font-size:14px;font-weight:500;color:var(--muted)}
.crow .f-ic:where([data-block-style="s6"], [data-block-style="s6"] *){width:48px;height:48px;background:rgba(99,179,46,.16);color:var(--green-ink)}
a.crow:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green-ink) !important}
a.crow:hover .f-ic:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--green);color:var(--ink)}
.formcard:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff;border:1.5px solid #D5D9DC;border-radius:16px;padding:clamp(24px,3vw,40px)}
.formcard h2:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0 0 24px;font-size:28px;font-weight:850}
.fgrid:where([data-block-style="s6"], [data-block-style="s6"] *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;flex-direction:column;gap:8px}
.field.full:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1}
.field label:where([data-block-style="s6"], [data-block-style="s6"] *){font-size:15px;font-weight:650}
.field input:where([data-block-style="s6"], [data-block-style="s6"] *),.field textarea:where([data-block-style="s6"], [data-block-style="s6"] *){font:inherit;font-size:17px;padding:13px 16px;border:1.5px solid #9BA3A8;border-radius:10px;background:#fff;color:var(--ink);min-height:52px}
.field textarea:where([data-block-style="s6"], [data-block-style="s6"] *){min-height:140px;resize:vertical}
.field input:focus:where([data-block-style="s6"], [data-block-style="s6"] *),.field textarea:focus:where([data-block-style="s6"], [data-block-style="s6"] *){outline:none;border-color:var(--green-dk);box-shadow:0 0 0 3px rgba(99,179,46,.3)}
.check:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--muted)}
.check input:where([data-block-style="s6"], [data-block-style="s6"] *){width:22px;height:22px;margin:1px 0 0;accent-color:var(--green-dk)}
.formcard .btn:where([data-block-style="s6"], [data-block-style="s6"] *){border:0;cursor:pointer;font:inherit;font-weight:650;margin-top:8px}
.formcard .sm:where([data-block-style="s6"], [data-block-style="s6"] *){margin:16px 0 0;font-size:14px;color:var(--muted)}
.formcard .sm a:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--green-ink) !important}
.jobcard:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff;border:2px solid var(--ink);border-radius:16px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.jobcard h3:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;font-weight:850;font-size:clamp(30px,3vw,44px);line-height:1}
.jobcard ul:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;padding-left:20px;color:var(--muted)}
.jobcard .btn:where([data-block-style="s6"], [data-block-style="s6"] *){align-self:flex-start}
.narrow:where([data-block-style="s6"], [data-block-style="s6"] *){max-width:560px}
@supports not (animation-timeline: view()){.roll-p:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}}
@media (prefers-reduced-motion: reduce){.roll-p:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}}
@media (max-width:900px){
.sh-txt.wide:where([data-block-style="s6"], [data-block-style="s6"] *),.typ-txt.solo:where([data-block-style="s6"], [data-block-style="s6"] *),.kleft:where([data-block-style="s6"], [data-block-style="s6"] *),.kright:where([data-block-style="s6"], [data-block-style="s6"] *){grid-column:1 / -1}
.cardgrid:where([data-block-style="s6"], [data-block-style="s6"] *),.c2:where([data-block-style="s6"], [data-block-style="s6"] *),.facts:where([data-block-style="s6"], [data-block-style="s6"] *),.prose2:where([data-block-style="s6"], [data-block-style="s6"] *),.fgrid:where([data-block-style="s6"], [data-block-style="s6"] *),.dllist:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:minmax(0,1fr)}
.c4:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:repeat(2,minmax(0,1fr))}
.dlcard:where([data-block-style="s6"], [data-block-style="s6"] *){grid-template-columns:48px minmax(0,1fr)}
.dltag:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
}

/* Kontakt-Abschnitt grün */
.kontakt:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--green);border-top:0}
.kontakt .k-info p:where([data-block-style="s6"], [data-block-style="s6"] *){color:var(--ink)}
.kontakt .k-info a.big:hover:where([data-block-style="s6"], [data-block-style="s6"] *){color:#fff}
.kontakt .btn-green:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--deep);color:#fff !important}
.kontakt .btn-green:hover:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff;color:var(--ink) !important}
.kontakt .fig:where([data-block-style="s6"], [data-block-style="s6"] *)::before{border-color:var(--deep)}

.tj path:where([data-block-style="s6"], [data-block-style="s6"] *),.tj rect:where([data-block-style="s6"], [data-block-style="s6"] *),.tj circle:where([data-block-style="s6"], [data-block-style="s6"] *){transform-box:fill-box}
.tj .drop:where([data-block-style="s6"], [data-block-style="s6"] *){transform-origin:50% 100%;animation:tj-drop .75s both}
.tj .pop:where([data-block-style="s6"], [data-block-style="s6"] *){transform-origin:50% 100%;animation:tj-pop .5s both}
.tj .bang:where([data-block-style="s6"], [data-block-style="s6"] *){transform-origin:50% 100%;animation:tj-bang .45s both}
.tj .cf:where([data-block-style="s6"], [data-block-style="s6"] *){transform-origin:50% 50%;animation-duration:1.1s;animation-delay:2.05s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.15,.7,.4,1)}
.tj .tj-all:where([data-block-style="s6"], [data-block-style="s6"] *){transform-box:view-box;transform-origin:257px 95px;animation:tj-shake .45s 2.05s both}


/* Torjubel-Trenner */
.tj-sep:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;justify-content:center;padding:clamp(48px,6vw,80px) 20px;background:var(--paper);overflow:hidden}
.tj:where([data-block-style="s6"], [data-block-style="s6"] *){width:300px;max-width:80%;height:auto;overflow:visible}
.tj:not(.tj-on) *:where([data-block-style="s6"], [data-block-style="s6"] *){animation-play-state:paused !important}
@media (prefers-reduced-motion: reduce){.tj *:where([data-block-style="s6"], [data-block-style="s6"] *){animation:none !important}.tj .cf:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}}

/* Team-Streifen */
.team-sec:where([data-block-style="s6"], [data-block-style="s6"] *){padding:clamp(80px,10vw,140px) 0;border-top:2px solid var(--ink);background:var(--paper)}
.tm-strip:where([data-block-style="s6"], [data-block-style="s6"] *){overflow:hidden;width:100%}
.tm-strip:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff}
.tm-track:where([data-block-style="s6"], [data-block-style="s6"] *){display:flex;width:max-content;will-change:transform}
@media (hover: none){.tm-strip:where([data-block-style="s6"], [data-block-style="s6"] *){overflow-x:auto;-webkit-overflow-scrolling:touch}}
.tm:where([data-block-style="s6"], [data-block-style="s6"] *){position:relative;flex:none;width:max(150px,13vw);aspect-ratio:3 / 4;outline:none}
.tm img:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.15);transition:filter .3s}
.tm:hover:where([data-block-style="s6"], [data-block-style="s6"] *),.tm:focus-visible:where([data-block-style="s6"], [data-block-style="s6"] *){z-index:3}
.tm:hover img:where([data-block-style="s6"], [data-block-style="s6"] *),.tm:focus-visible img:where([data-block-style="s6"], [data-block-style="s6"] *){filter:none}
.tm:where([data-block-style="s6"], [data-block-style="s6"] *){overflow:hidden}
.tm-info:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;left:0;right:0;bottom:0;background:rgba(99,179,46,.82);color:var(--ink);padding:clamp(12px,1.2vw,18px);display:flex;flex-direction:column;gap:4px;transform:translateY(101%);transition:transform .45s cubic-bezier(.7,0,.2,1)}
.tm:hover .tm-info:where([data-block-style="s6"], [data-block-style="s6"] *),.tm:focus-visible .tm-info:where([data-block-style="s6"], [data-block-style="s6"] *){transform:translateY(0)}
.tm-info b:where([data-block-style="s6"], [data-block-style="s6"] *){font-weight:850;font-size:clamp(18px,1.4vw,22px);line-height:1.1;letter-spacing:-0.01em}
.tm-info span:where([data-block-style="s6"], [data-block-style="s6"] *){font-weight:600;font-size:14px}
.tm:focus-visible:where([data-block-style="s6"], [data-block-style="s6"] *){outline:3px solid var(--green);outline-offset:-3px}
@media (prefers-reduced-motion: reduce){.tm-info:where([data-block-style="s6"], [data-block-style="s6"] *){transition:none}}
/* Zahlen zählen beim Scrollen hoch */
.fact .n:where([data-block-style="s6"], [data-block-style="s6"] *){font-style:normal}
@supports (animation-timeline: view()){
.fact .cnt:where([data-block-style="s6"], [data-block-style="s6"] *){counter-reset:f var(--f);font-variant-numeric:tabular-nums;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 20% cover 45%}
.fact .cnt .n:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
.fact .cnt:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:counter(f)}
.c1992:where([data-block-style="s6"], [data-block-style="s6"] *){animation-name:f1992}
.c40:where([data-block-style="s6"], [data-block-style="s6"] *){animation-name:f40}
.c1:where([data-block-style="s6"], [data-block-style="s6"] *){animation-name:f1}
.fact .c1:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:counter(f) " Hand"}
}
@media (prefers-reduced-motion: reduce){.fact .cnt:where([data-block-style="s6"], [data-block-style="s6"] *){animation:none !important}.fact .cnt .n:where([data-block-style="s6"], [data-block-style="s6"] *){display:inline !important}.fact .cnt:where([data-block-style="s6"], [data-block-style="s6"] *)::after{content:none !important}}
/* Bilder vergrößern (Lightbox) */
.fig img:where([data-block-style="s6"], [data-block-style="s6"] *){cursor:zoom-in}
a .fig img:where([data-block-style="s6"], [data-block-style="s6"] *){cursor:pointer}
.lb:where([data-block-style="s6"], [data-block-style="s6"] *){position:fixed;inset:0;z-index:80;background:rgba(18,21,23,.94);display:flex;align-items:center;justify-content:center;padding:clamp(64px,7vw,96px) clamp(16px,7vw,110px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
.lb.on:where([data-block-style="s6"], [data-block-style="s6"] *){opacity:1;visibility:visible;transition:opacity .35s}
.lb-fig:where([data-block-style="s6"], [data-block-style="s6"] *){margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb-img:where([data-block-style="s6"], [data-block-style="s6"] *){display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto;border-radius:12px;transform:scale(.94);transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:default}
.lb.on .lb-img:where([data-block-style="s6"], [data-block-style="s6"] *){transform:none}
.lb-count:where([data-block-style="s6"], [data-block-style="s6"] *){color:#C9CED2;font-size:15px;font-weight:600}
.lb-btn:where([data-block-style="s6"], [data-block-style="s6"] *){position:absolute;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,color .25s}
.lb-btn svg:where([data-block-style="s6"], [data-block-style="s6"] *){width:22px;height:22px}
.lb-btn svg *:where([data-block-style="s6"], [data-block-style="s6"] *){fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lb-btn:hover:where([data-block-style="s6"], [data-block-style="s6"] *){background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:where([data-block-style="s6"], [data-block-style="s6"] *){top:20px;right:20px;background:var(--green);border-color:var(--green);color:var(--ink)}
.lb-x:hover:where([data-block-style="s6"], [data-block-style="s6"] *){background:#fff;border-color:#fff}
.lb-prev:where([data-block-style="s6"], [data-block-style="s6"] *){left:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb-next:where([data-block-style="s6"], [data-block-style="s6"] *){right:clamp(10px,2vw,32px);top:50%;margin-top:-26px}
.lb.single .lb-prev:where([data-block-style="s6"], [data-block-style="s6"] *),.lb.single .lb-next:where([data-block-style="s6"], [data-block-style="s6"] *),.lb.single .lb-count:where([data-block-style="s6"], [data-block-style="s6"] *){display:none}
@media (prefers-reduced-motion: reduce){.lb:where([data-block-style="s6"], [data-block-style="s6"] *),.lb-img:where([data-block-style="s6"], [data-block-style="s6"] *){transition:none}}