/* Eigenständige Richter-Geräteseite. Scope ONLY main.richter-device-page. */
main.richter-device-page{--rd-ink:#0e3142;--rd-green:#68a40a;--rd-copy:#486575;--rd-soft:#f5f8f6;font-family:Nunito,'Nunito Sans',Arial,sans-serif;color:var(--rd-ink)}
main.richter-device-page *,main.richter-device-page *::before,main.richter-device-page *::after{box-sizing:border-box}
main.richter-device-page .rd-container{width:min(1140px,calc(100% - 52px));margin-inline:auto}
main.richter-device-page .rd-hero{background:linear-gradient(108deg,rgba(8,36,51,.96),rgba(13,52,66,.90)),url('/assets/methoden-bilder/flaechenreiniger.webp') center 46%/cover;padding:77px 0 83px;color:#fff}
main.richter-device-page .rd-eyebrow{font:900 11px/1.4 Nunito,Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#b4e76d;margin-bottom:15px}
main.richter-device-page h1{font:900 clamp(34px,4vw,52px)/1.12 Nunito,Arial,sans-serif;color:#fff;letter-spacing:-.028em;max-width:850px;margin:0 0 17px}
main.richter-device-page .rd-hero p{font:500 16px/1.7 Nunito,Arial,sans-serif;max-width:680px;margin:0 0 27px;color:#e1eaed}
main.richter-device-page .rd-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;text-align:center;border-radius:7px;background:var(--rd-green);color:#fff!important;border:1px solid var(--rd-green);padding:12px 20px;font:900 13px/1.25 Nunito,Arial,sans-serif;text-decoration:none!important;transition:background .18s ease}
main.richter-device-page .rd-button:hover{background:#518806;border-color:#518806}
main.richter-device-page .rd-button-ghost{background:transparent;border-color:#b9d1d9;color:#fff!important}
main.richter-device-page .rd-button-ghost:hover{background:#284d57;border-color:#b9d1d9}
main.richter-device-page .rd-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
main.richter-device-page .rd-section{padding:64px 0}
main.richter-device-page .rd-kicker{font:900 11px/1.4 Nunito,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#518706;margin:0 0 11px}
main.richter-device-page h2{font:900 clamp(25px,2.8vw,34px)/1.24 Nunito,Arial,sans-serif;color:var(--rd-ink);margin:0 0 13px}
main.richter-device-page .rd-intro{color:var(--rd-copy);font:500 15px/1.73 Nunito,Arial,sans-serif;max-width:770px;margin:0 0 29px}
main.richter-device-page .rd-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
main.richter-device-page .rd-feature{background:#fff;border:1px solid #e2ebe7;border-radius:12px;overflow:hidden;box-shadow:0 9px 26px rgba(9,45,56,.065)}
main.richter-device-page .rd-feature img{width:100%;height:280px;object-fit:cover;display:block}
main.richter-device-page .rd-feature-copy{padding:26px 27px 29px}
main.richter-device-page .rd-feature-copy span{font:900 11px/1.4 Nunito,Arial,sans-serif;color:#57890e;text-transform:uppercase;letter-spacing:.08em}
main.richter-device-page .rd-feature-copy h3{font:900 23px/1.2 Nunito,Arial,sans-serif;color:var(--rd-ink);margin:10px 0 12px}
main.richter-device-page .rd-feature-copy p{color:#536a76;font:500 14px/1.7 Nunito,Arial,sans-serif;margin:0 0 17px}
main.richter-device-page .rd-feature-copy a{color:#4a7b06;text-decoration:underline;text-underline-offset:4px;font:900 13px/1.3 Nunito,Arial,sans-serif}
main.richter-device-page .rd-band{background:var(--rd-soft);padding:60px 0}
main.richter-device-page .rd-band-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:start}
main.richter-device-page .rd-band-layout > div:first-child p:not(.rd-kicker){font:500 14px/1.8 Nunito,Arial,sans-serif;color:#526c78;margin:0 0 16px}
main.richter-device-page .rd-band-note{background:#fff;border-left:4px solid var(--rd-green);padding:26px 28px;border-radius:8px}
main.richter-device-page .rd-band-note strong{font:900 18px/1.4 Nunito,Arial,sans-serif}
main.richter-device-page .rd-band-note ul{margin:14px 0;padding-left:18px;font:600 14px/1.9 Nunito,Arial,sans-serif;color:#48636d}
main.richter-device-page .rd-band-note p{font:500 12px/1.7 Nunito,Arial,sans-serif;color:#647c85;margin:0}
main.richter-device-page .rd-procedure h2{margin-bottom:24px}
main.richter-device-page .rd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
main.richter-device-page .rd-steps > div{border-top:2px solid #b4d59e;padding:16px 3px 0}
main.richter-device-page .rd-steps b{font:900 21px/1.25 Nunito,Arial,sans-serif;color:#54870a;display:block;margin:0 0 9px}
main.richter-device-page .rd-steps strong{font:900 16px/1.4 Nunito,Arial,sans-serif;display:block}
main.richter-device-page .rd-steps p{font:500 13px/1.6 Nunito,Arial,sans-serif;color:#56717c;margin:8px 0 0}
main.richter-device-page .rd-conversion{padding:0 0 62px}
main.richter-device-page .rd-cta{border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:34px 40px;background:#0d3343}
main.richter-device-page .rd-cta h2{color:white;margin:0 0 9px}
main.richter-device-page .rd-cta p{font:500 14px/1.7 Nunito,Arial,sans-serif;color:#d6e5e9;margin:0;max-width:580px}
main.richter-device-page .rd-cta-actions{display:flex;flex:0 0 225px;flex-direction:column;gap:10px}
@media(max-width:800px){
 main.richter-device-page .rd-hero{padding:50px 0 55px}
 main.richter-device-page .rd-feature img{height:210px}
 main.richter-device-page .rd-band-layout{gap:23px}
 main.richter-device-page .rd-cta{padding:29px}
}
@media(max-width:650px){
 main.richter-device-page .rd-container{width:calc(100% - 34px)}
 main.richter-device-page .rd-hero{padding:44px 0}
 main.richter-device-page .rd-hero p{font-size:14px}
 main.richter-device-page .rd-section{padding:42px 0}
 main.richter-device-page .rd-feature-grid,main.richter-device-page .rd-band-layout{grid-template-columns:1fr}
 main.richter-device-page .rd-feature img{height:230px}
 main.richter-device-page .rd-feature-copy{padding:20px}
 main.richter-device-page .rd-band{padding:42px 0}
 main.richter-device-page .rd-steps{grid-template-columns:1fr;gap:20px}
 main.richter-device-page .rd-cta{flex-direction:column;align-items:stretch;gap:19px;padding:25px 21px}
 main.richter-device-page .rd-cta-actions{flex:initial}
}
@media(max-width:420px){
 main.richter-device-page .rd-hero-actions{flex-direction:column}
 main.richter-device-page .rd-hero-actions .rd-button{width:100%}
 main.richter-device-page .rd-feature img{height:200px}
}