#verwandlung{background:#f4f3ec;padding:90px 0;color:#173b2d}.br-wrap{max-width:1240px;margin:auto;padding:0 30px}.br-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:45px}.br-kicker{font-size:10px;letter-spacing:2px}.br-heading h2{font:500 clamp(30px,4vw,52px)/1.15 Manrope,Arial;letter-spacing:-1.5px;margin:20px 0 0}.br-heading em{font-family:Georgia,serif;font-weight:400}.br-heading p,.br-card-head p{color:#657269;font-size:14px;line-height:1.8}.br-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.br-card{min-width:0}.br-card-head{min-height:145px}.br-card-head>span{font-size:10px;letter-spacing:2px;color:#6b7c55}.br-card-head h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:12px 0}.br-stage{position:relative;aspect-ratio:0.65;background:#d7d5cb;overflow:hidden;isolation:isolate;border-radius:3px}.br-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.br-stage .br-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.br-divider{position:absolute;left:var(--split);height:100%;width:2px;background:white;transform:translateX(-50%);pointer-events:none}.br-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:#173b2d;box-shadow:0 4px 20px #0003;font:24px Arial}.br-tag{position:absolute;top:16px;background:#163c2de6;color:#fff;padding:9px 12px;font-size:10px;letter-spacing:.5px;pointer-events:none}.br-left{left:14px}.br-right{right:14px}.br-stage .br-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:3}.br-stage:focus-within{outline:3px solid #5c8b45;outline-offset:4px}.br-stage.br-single .br-before,.br-stage.br-single .br-divider,.br-stage.br-single .br-range,.br-stage.br-single .br-left{display:none}.br-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.br-controls button{padding:11px 16px;border:1px solid #173b2d;background:transparent;color:#173b2d;font:600 12px Manrope,Arial;cursor:pointer}.br-controls button[aria-pressed=true]{background:#173b2d;color:white}.br-status{font-size:11px;color:#64715d}.br-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.br-thumbs button{border:1px solid #cbd1c1;background:transparent;padding:5px;color:#173b2d;text-align:left;cursor:pointer}.br-thumbs button[aria-pressed=true]{border:2px solid #173b2d;padding:4px;background:#e2e9d8}.br-thumbs img{width:100%;height:105px;object-fit:cover;display:block}.br-thumbs span{display:block;font-size:10px;padding:9px 3px}.br-note{font-size:11px;line-height:1.7;color:#74806b;margin:30px 0 18px}.br-cta{display:inline-block;font-size:14px;color:#173b2d;border-bottom:1px solid #173b2d;padding-bottom:8px}.br-card button:focus-visible{outline:3px solid #5c8b45;outline-offset:3px}@media(max-width:760px){#verwandlung{padding:55px 0}.br-wrap{padding:0 20px}.br-heading,.br-grid{grid-template-columns:1fr;gap:25px}.br-grid{gap:52px}.br-card-head{min-height:0;margin-bottom:22px}.br-stage{max-height:75dvh;aspect-ratio:0.65}.br-thumbs img{height:90px}.br-heading h2{font-size:34px}}
