.rauh-teaser{padding:clamp(62px,8vw,116px) 6vw 0;background:linear-gradient(180deg,#f6eee5 0%,#e7e9dc 100%);color:#482d39}
.rauh-teaser-intro{max-width:1100px;margin:0 auto 25px;display:flex;align-items:end;justify-content:space-between;gap:16px 30px}
.rauh-teaser-intro .eyebrow{margin:0;color:#805468}
.rauh-teaser-intro>p:last-child{max-width:360px;margin:0;font-size:13px;line-height:1.6}
.rauh-teaser-door{position:relative;isolation:isolate;display:block;min-height:clamp(480px,44vw,620px);max-width:1380px;margin:auto;overflow:hidden;border-radius:28px;color:#f6eee5;background:#190f20;box-shadow:0 30px 70px #482d3929;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.rauh-teaser-door:hover{transform:translateY(-6px);box-shadow:0 42px 85px #482d3940}
.rauh-teaser-door:focus-visible{outline:3px solid #a9778c;outline-offset:5px}
.rauh-teaser-scene{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#190f20eb 0%,#190f20af 35%,#190f201f 76%),linear-gradient(0deg,#190f20ad,transparent 26%),url('https://essential-anders.de/rauhnaechte/assets/landing-portal.jpg') 62% 46%/cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.rauh-teaser-door:hover .rauh-teaser-scene{transform:scale(1.045)}
.rauh-teaser-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:inherit;max-width:620px;padding:clamp(45px,6vw,85px)}
.rauh-teaser-overline{font-size:10px;line-height:1.6;letter-spacing:.21em;text-transform:uppercase;color:#f0d1ad;font-weight:700}
.rauh-teaser-heading{margin:20px 0 17px;font:500 clamp(56px,5.6vw,88px)/.99 Boska,Georgia,serif;letter-spacing:-.035em}
.rauh-teaser-heading em{font-weight:500;color:#e8c39b}
.rauh-teaser-description{max-width:440px;color:#f5e9e0;font-size:clamp(14px,1.2vw,16px);line-height:1.7}
.rauh-teaser-action{display:inline-flex;align-items:center;gap:30px;margin-top:26px;padding:14px 22px;border-radius:99px;background:linear-gradient(110deg,#f0d8b7,#ddb081);color:#281923;font-size:12px;font-weight:700;box-shadow:0 8px 28px #0003}
.rauh-teaser-action span{font-size:19px;line-height:1}
.rauh-teaser-foot{position:absolute;right:28px;bottom:24px;color:#f4dec8;font:italic 23px Boska,Georgia,serif;text-shadow:0 2px 10px #190f20}
.rauh-teaser-bridge{max-width:1380px;margin:0 auto;padding:25px 8px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#573d49;font-size:13px;line-height:1.5}
.rauh-teaser-bridge a{font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.rauh-teaser{padding:60px 24px 0}.rauh-teaser-intro{align-items:flex-start;flex-direction:column;gap:8px}.rauh-teaser-door{min-height:590px;border-radius:23px}.rauh-teaser-scene{background:linear-gradient(0deg,#190f20e8 0%,#190f20a8 45%,#190f2022 100%),url('https://essential-anders.de/rauhnaechte/assets/landing-portal.jpg') 66% center/cover}.rauh-teaser-content{justify-content:flex-end;min-height:590px;padding:35px 30px 62px}.rauh-teaser-heading{font-size:clamp(53px,9vw,78px)}.rauh-teaser-foot{font-size:18px;left:30px;right:auto;bottom:20px}.rauh-teaser-bridge{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:480px){.rauh-teaser{padding:55px 18px 0}.rauh-teaser-door{min-height:550px}.rauh-teaser-content{min-height:550px;padding:28px 24px 60px}.rauh-teaser-overline{font-size:9px;letter-spacing:.15em}.rauh-teaser-heading{font-size:clamp(49px,13vw,66px)}.rauh-teaser-description{font-size:13px}.rauh-teaser-action{margin-top:22px}.rauh-teaser-foot{left:24px;font-size:16px}.rauh-teaser-bridge{padding:21px 2px 28px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.rauh-teaser-door,.rauh-teaser-scene{transition:none!important}}