.draft-switch{display:flex;justify-content:center;align-items:center;gap:28px;background:#153b2b;color:#fff;padding:12px 20px;font-size:12px}.draft-switch span{margin-right:auto;color:#c7d7b6}.draft-switch a{padding:6px 10px;border:1px solid #78906a;border-radius:3px}.hero{overflow:hidden}.scene{position:absolute;inset:0;z-index:0}.scene img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.65)}.scene-shade{position:absolute;inset:0;background:#163a2420}.hero-copy{z-index:2}.wet-pane{position:absolute;top:0;bottom:0;width:50%;z-index:4;backdrop-filter:blur(14px);background:repeating-linear-gradient(110deg,#edf3eac9 0,#f7faf6c4 9px,#d1ddccc0 11px,#eaf1e4bf 22px);border-inline-end:5px solid #33533d;transform-origin:left;animation:none;pointer-events:none}.pane-a{left:0}.pane-b{right:0;transform-origin:right;border-inline-start:5px solid #33533d;border-inline-end:0}.hero.wiping .wet-pane{animation:draft-wipe 2.2s .25s both}.hero.finished .wet-pane{visibility:hidden}.hero.wiping .hero-copy{animation:draft-text 1.1s 1s both}.draft-note{position:absolute;z-index:5;bottom:6px;left:6%;font-size:8px;color:#5d7157}.draft-a .hero{padding:45px 6% 75px;min-height:760px}.draft-a .scene{height:330px}.draft-a .scene-shade{background:linear-gradient(0deg,#f3f6ee,transparent 70%)}.draft-a .hero-copy{padding-top:165px}.draft-a .hero-copy h1{font-size:57px;margin-top:14px}.draft-a .hero-copy .hero-intro{margin-bottom:25px}.draft-a .hero-services>a{background:#f7f9f3ee;min-height:190px}.draft-a .hero-services>a:first-child{padding-left:20px}.draft-a .hero-services{border-bottom:1px solid #cbd7c3}.draft-a .service-name{font-size:23px;margin-top:17px}.draft-a .hero-services>a:hover{background:#e9f0de}.draft-b .hero{min-height:820px;padding-top:65px;color:white}.draft-b .scene-shade{background:linear-gradient(0deg,#102b22ed 0%,#102b2299 50%,#102b2240)}.draft-b .hero-copy{text-align:center}.draft-b .hero-copy .eyebrow,.draft-b .hero-copy .hero-intro{color:#e4eedb}.draft-b .hero-copy h1{font-size:64px;margin:24px 0}.draft-b .hero-services{text-align:left;margin-top:190px;background:#143d2cdd;backdrop-filter:blur(12px);border:1px solid #d7e4c85c}.draft-b .hero-services>a{border-color:#c7d6b94a;min-height:190px;padding:22px}.draft-b .hero-services>a:first-child{padding-left:22px}.draft-b .service-name{font-size:24px}.draft-b .service-label{color:#c3d7a4}.draft-b .service-description{color:#d4dfce}.draft-b .hero-actions{justify-content:center}.draft-b .hero-actions>span{color:#d7e1cf}.draft-b .hero-bottom,.draft-b .draft-note{color:#d5e3cc}.draft-b .hero-services>a:hover{background:#24543dcc}.draft-b .hero-actions .button{background:#e2edce;color:#204a31}.hero-bottom{z-index:5}.hero:not(.finished) #replay{visibility:hidden}.hero.finished #pause-film{display:none}.hero.finished #replay{visibility:visible}@keyframes draft-wipe{from{scale:1 1}to{scale:0 1;visibility:hidden}}@keyframes draft-text{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
@media(max-width:850px){.draft-a .hero{min-height:950px}.draft-b .hero{min-height:1120px}.draft-b .hero-services{margin-top:170px}.draft-b .hero-copy h1{font-size:54px}.draft-b .hero-services>a{min-height:180px}}
@media(max-width:580px){.draft-switch{gap:8px;font-size:10px;padding:9px}.draft-switch span{display:none}.draft-a .hero{padding-top:20px;min-height:940px}.draft-a .scene{height:230px}.draft-a .hero-copy{padding-top:150px}.draft-a .hero-copy h1{font-size:35px}.draft-a .hero-services>a{min-height:220px;padding:15px}.draft-a .service-name{font-size:19px}.draft-b .hero{padding-top:40px;min-height:1080px}.draft-b .scene img{object-fit:contain;height:auto;position:absolute;top:0}.draft-b .scene{background:#173e2c}.draft-b .scene-shade{background:linear-gradient(0deg,#173e2c 56%,#173e2c10 100%)}.draft-b .hero-copy .eyebrow{margin-top:180px}.draft-b .hero-copy h1{font-size:40px}.draft-b .hero-services{margin-top:35px}.draft-b .hero-services>a,.draft-b .hero-services>a:first-child{padding:16px 12px;min-height:215px}.draft-b .service-name{font-size:19px}.draft-b .hero-actions{display:block}.draft-note{font-size:7px;right:6%}}
@media(prefers-reduced-motion:reduce){.wet-pane{display:none}.hero.wiping .hero-copy{animation:none}}
.draft-b .scene{background:#173e2c}.draft-b .scene img{width:100%;height:auto;position:absolute;top:0;object-fit:contain}.draft-b .scene-shade{background:linear-gradient(0deg,#173e2c 0%,#173e2c99 40%,#173e2c20 100%)}

/* Eine durchgehende Wischkante: oben klar, darunter nasses Glas. */
.water-glass{position:absolute;inset:0;z-index:4;pointer-events:none;backdrop-filter:blur(15px) saturate(.65);background:linear-gradient(120deg,#eaf3ed8f,#eff7f0b0 35%,#d4e5dc80 65%,#f6f9f0a0);clip-path:inset(0 0 0 0);will-change:clip-path}.droplets{position:absolute;inset:0;opacity:.8;background-image:radial-gradient(ellipse 2px 4px at 14px 17px,#fff9 20%,#8ba29366 50%,transparent 75%),radial-gradient(ellipse 3px 7px at 65px 45px,#fff9 20%,#79968b55 55%,transparent 75%),radial-gradient(ellipse 2px 12px at 33px 68px,#faffff88,transparent 70%);background-size:97px 113px,163px 151px,127px 181px}.squeegee{position:absolute;left:-3%;width:106%;height:40px;top:-60px;z-index:5;pointer-events:none;will-change:top;filter:drop-shadow(0 6px 4px #15352a40)}.rubber{height:9px;position:absolute;left:0;right:0;top:0;background:linear-gradient(#102b21,#263c33 60%,#071e14);border-radius:3px}.metal{height:14px;position:absolute;top:-12px;left:0;right:0;background:linear-gradient(0deg,#697771,#d4dcd6 30%,#f7f9f6 45%,#a0ada5 70%,#5d6a63);border:1px solid #68766c;border-radius:3px}.joint{position:absolute;left:calc(50% - 18px);top:-15px;width:36px;height:36px;background:linear-gradient(90deg,#67776b,#d5ded4,#849789);border-radius:5px 5px 12px 12px}.handle{position:absolute;left:calc(50% - 10px);top:14px;width:20px;height:83px;border-radius:6px 6px 10px 10px;background:repeating-linear-gradient(0deg,#172e20 0 5px,#294331 5px 7px);border:2px solid #0e291b;transform:rotate(-16deg);transform-origin:top}.water-edge{position:absolute;left:0;right:0;top:6px;height:25px;border-top:3px solid #e9ffffa0;background:radial-gradient(ellipse at 50% 0,#e5ffff99,transparent 70%);filter:blur(1px)}.hero.wiping .water-glass{animation:glass-down 2.2s .25s cubic-bezier(.32,.03,.4,1) both}.hero.wiping .squeegee{animation:blade-down 2.2s .25s cubic-bezier(.32,.03,.4,1) both}.hero.wiping .hero-copy{animation:none!important;opacity:1;filter:none}.hero.finished .water-glass,.hero.finished .squeegee{display:none}@keyframes glass-down{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}@keyframes blade-down{from{top:-40px}to{top:calc(100% + 20px)}}
@media(prefers-reduced-motion:reduce){.water-glass,.squeegee{display:none}}