/* Richt-Schnur · Verbunden. Gemeinsame Gestaltung aller öffentlichen Seiten. */
:root{--rs-paper:#fff;--rs-ink:#242a2b;--rs-muted:#686f70;--rs-line:#dce0dd;--rs-soft:#f4f5f3;--rs-card:#fff;--rs-accent:#a84c29;--rs-selection:#f5e8de;--rs-button:#a84c29;--rs-button-text:#fff;--rs-gutter:max(40px,calc((100% - 1180px)/2));--paper:var(--rs-paper);--ink:var(--rs-ink);--muted:var(--rs-muted);--line:var(--rs-line);--accent:var(--rs-accent);--white:var(--rs-card);color-scheme:light}
html{scroll-padding-top:105px}body{margin:0;background:var(--rs-paper)}
#rs-page .rs-site{background:var(--rs-paper);color:var(--rs-ink)}
#rs-page :is(h1,h2,h3,h4,h1 em,h2 em,h3 em,.serif,.rs-hero h1 span,.rs-core h2,.rs-contact h2,.rs-purchase h2){font-family:Roboto,Arial,sans-serif;font-style:normal}
#rs-page :is(h1,h2,h3){text-wrap:balance}
#rs-page .rs-header{min-height:80px;background:rgba(255,255,255,.93);backdrop-filter:blur(20px);border-bottom:1px solid var(--rs-line);gap:24px}
#rs-page .rs-brand{display:block;line-height:1;width:178px;flex:none}
#rs-page .rs-brand img{width:178px;height:42px;border-radius:0;background:none;object-fit:contain}
#rs-page .rs-nav{gap:22px;align-items:center;justify-content:center;flex-wrap:nowrap}
#rs-page .rs-nav a{font-size:12px;font-weight:520;letter-spacing:0;min-height:44px;align-content:center;display:block}
#rs-page .rs-nav a[aria-current=page]{color:var(--rs-accent)}
#rs-page .vb-header-actions{display:flex;gap:19px;align-items:center;flex:none}
#rs-page .vb-login{font-size:12px;white-space:nowrap;text-decoration:none}
#rs-page .vb-menu{display:none;border:1px solid var(--rs-line);border-radius:99px;min-height:40px;padding:9px 15px;background:#fff;font-size:12px;cursor:pointer}
#rs-page :is(.rs-button,.button,.card-button,.form-submit,.partner-submit){border-radius:99px;background:var(--rs-accent);border-color:var(--rs-accent);color:#fff;font-weight:580;min-height:48px;padding:13px 23px;font-size:14px;box-shadow:none}
#rs-page .rs-header .rs-button{font-size:11px!important;padding:10px 17px;min-height:38px}
#rs-page :is(.rs-button-outline,.button.secondary,.button-outline){background:transparent;color:var(--rs-ink)!important;border:1px solid var(--rs-line)}
#rs-page :is(.rs-button,.button,.card-button):hover{filter:brightness(.94);transform:none}
#rs-page :is(.rs-text-button,.text-link){color:var(--rs-accent);font-weight:560;line-height:1.5;min-height:44px}
#rs-page :is(.rs-kicker,.eyebrow){color:var(--rs-muted);font-size:11px!important;font-weight:700;letter-spacing:.16em}
#rs-page :is(.rs-hero h1,.thema-hero h1,.ratgeber-hero h1,.hero h1){font-size:clamp(44px,6.6vw,86px);font-weight:730;line-height:1.05;letter-spacing:-.055em}
#rs-page :is(.rs-hero h1 span,.thema-hero h1 span,.ratgeber-hero h1 span,.hero h1 em){background:linear-gradient(105deg,#ae4724 10%,#ca6c3c 58%,#966747);background-clip:text;-webkit-background-clip:text;color:transparent}
#rs-page :is(h2,.section-heading h2,.closing h2,.rs-core h2){font-size:clamp(32px,4.4vw,58px);font-weight:710;line-height:1.09;letter-spacing:-.045em}
#rs-page :is(h3,.rs-update-card h3,.rs-tariff-card h3){font-size:24px;font-weight:650;letter-spacing:-.035em;line-height:1.22}
#rs-page :is(.rs-hero,.thema-hero,.ratgeber-hero){padding-block:78px 64px}
#rs-page :is(.rs-hero-description,.thema-lead,.ratgeber-lead,.hero .intro){color:var(--rs-muted);font-size:19px;line-height:1.55}
#rs-page :is(.rs-update-section,.rs-trades,.rs-core,.rs-partners,.rs-tariffs,.rs-contact,.rs-demo-form-section,.rs-feature-section,.thema-section,.ratgeber-section){padding-block:88px}
#rs-page :is(.rs-update-card,.rs-tariff-card,.rs-start-option,.thema-card,.ratgeber-card,.rs-demo-form,.order-card,.card){border-radius:24px;border-color:var(--rs-line);background:var(--rs-card);box-shadow:none}
#rs-page :is(.rs-update-card,.rs-start-option,.thema-card){background:var(--rs-soft)}
#rs-page :is(.rs-update-card img,.rs-invoice-proof,.thema-step-shot,.rs-trade-card img,.rs-browser){border-radius:16px}
#rs-page :is(.rs-tariff-grid,.rs-update-grid){gap:24px}
#rs-page .rs-tariff-card{padding:30px 27px;border:1px solid var(--rs-line)}
#rs-page .rs-tariff-price strong{font-weight:710;font-size:43px;letter-spacing:-.05em;color:var(--rs-ink)}
#rs-page :is(.rs-tariff-maintenance,.rs-price-status,.rs-package-note,.rs-source){color:var(--rs-muted)}
#rs-page :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:11px;border-color:#b9c1bd;background:#fff;color:var(--rs-ink);min-height:46px;box-shadow:none}
#rs-page input:focus-visible,#rs-page select:focus-visible,#rs-page textarea:focus-visible{outline:3px solid #a84c2955;outline-offset:2px;border-color:var(--rs-accent)}
#rs-page input[type=checkbox],#rs-page input[type=radio],#rs-page input[type=range]{accent-color:var(--rs-accent)}
#rs-page :is(.rs-footer,.footer){background:#f4f5f3;border-color:var(--rs-line);padding-block:36px;line-height:1.7}
#rs-page .rs-footer a{min-height:36px;display:inline-flex;align-items:center}
#rs-page .rs-source{background:#f4f5f3;padding-bottom:20px;font-size:10px}
#rs-page .vertrieb-banner{background:#fff;border-color:var(--rs-line);color:var(--rs-muted);min-height:42px;font-size:11px}
#rs-page .vertrieb-banner strong{color:var(--rs-accent);font-weight:550}
#rs-page .rs-purchase{background:#252e30;color:#f4f6f4;border:0;padding-block:65px;gap:50px}
#rs-page .rs-purchase :is(h2,p,.rs-kicker){color:#f4f6f4}
#rs-page .rs-purchase p{color:#c2cac7}
#rs-page .rs-purchase .rs-kicker,#rs-page .rs-purchase .rs-text-button{color:#efbc96}
#rs-page .rs-purchase .rs-button{background:#efbc96;border-color:#efbc96;color:#29241f!important}
#rs-page .rs-contact{background:#f0f2ef;text-align:center}
#rs-page .rs-contact h2{font-size:clamp(38px,5vw,67px)}
#rs-page .rs-contact p{max-width:720px;margin-inline:auto}
#rs-page .rs-news-details{background:var(--rs-soft);border-radius:24px;border-color:var(--rs-line)}
#rs-page .rs-news-details>summary{padding:24px;font-size:16px;font-weight:600}
/* Der freigegebene Einstieg mit originalen Produktansichten. */
#rs-page .vb-hero{text-align:center;background:#f4f5f3;position:relative;overflow:clip;padding-top:76px;padding-bottom:0}
#rs-page .vb-hero h1{font-size:clamp(58px,8vw,106px);font-weight:740;letter-spacing:-.055em;line-height:1.02;max-width:1100px;margin:0 auto 28px}
#rs-page .vb-hero h1 .vb-topic{display:block;background:none;color:var(--rs-muted);font-size:11px;line-height:1.6;letter-spacing:.17em;font-weight:700;text-transform:uppercase;margin-bottom:29px}
#rs-page .vb-hero h1 .vb-gradient{display:inline;background:linear-gradient(105deg,#b74722 12%,#cb6f40 55%,#956746 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:inherit;letter-spacing:inherit}
#rs-page .vb-hero .rs-hero-description{font-size:21px;line-height:1.45;max-width:650px;margin:0 auto;text-wrap:balance}
#rs-page .vb-hero .rs-actions{display:flex;justify-content:center;gap:26px;align-items:center;margin:29px 0 0;flex-wrap:wrap}
#rs-page .vb-hero-note{font-size:12px;color:var(--rs-muted);margin-top:19px}
#rs-page .vb-stage{position:relative;isolation:isolate;max-width:1030px;margin:52px auto 0;padding:15px 75px 45px}
#rs-page .vb-stage:before{content:'';position:absolute;inset:-25% -12% -18%;z-index:-1;background:radial-gradient(ellipse at 42% 55%,#dfaa7966,transparent 62%)}
#rs-page .vb-device{overflow:hidden;border:7px solid #29292b;border-bottom-width:10px;border-radius:20px;background:#29292b;transform:perspective(1800px) rotateY(-7deg) rotateX(3deg);box-shadow:0 34px 80px -34px #6e4b2d88}
#rs-page .vb-device img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#rs-page .vb-phone{position:absolute;right:32px;bottom:10px;width:177px;aspect-ratio:390/830;overflow:hidden;border:6px solid #29292b;border-radius:28px;background:#29292b;box-shadow:0 23px 46px -15px #2a211b66;transform:rotate(5deg);z-index:3}
#rs-page .vb-phone img{width:100%;height:100%;object-fit:cover;object-position:top}
#rs-page .vb-label{position:absolute;z-index:4;padding:12px 17px;border:1px solid #fff;background:#fffc;backdrop-filter:blur(16px);border-radius:99px;box-shadow:0 5px 25px #4e230e0a;color:#5b473c;font-size:11px;display:flex;gap:8px;align-items:center}
#rs-page .vb-label:before{content:'';width:6px;height:6px;border-radius:50%;background:#ad5c38}
#rs-page .vb-label-one{top:12%;left:7px}#rs-page .vb-label-two{right:-8px;top:68%}
#rs-page .vb-stage figcaption{font-size:10px;line-height:1.5;color:var(--rs-muted);text-align:center;margin-top:14px}
#rs-page .vb-value-strip{display:flex;justify-content:center;gap:60px;background:#f4f5f3;padding:33px 20px 40px;font-size:13px;color:var(--rs-muted);border-top:1px solid #e2e4df}
#rs-page .vb-value-strip span:before{content:'✓';color:var(--rs-accent);margin-right:10px}
/* Bestehende Cloud-Rechner und Vertrags-/Anfrageformulare behalten ihre Funktion. */
#rs-page :is(.hero-graphic,.month-panel,.pricing-grid,.price-card,.economic-controls,.rs-start-option){border-radius:24px;border-color:var(--rs-line)}
#rs-page .hero-graphic{background:radial-gradient(ellipse at 80% 20%,#eed7c966,transparent 65%),#fff;box-shadow:0 30px 60px -40px #77593c77;transform:none}
#rs-page .price-card{background:#fff;border:1px solid var(--rs-line)}
#rs-page .price-card.selected{background:#f9f1eb}
#rs-page .pricing-grid{background:transparent;border:0;gap:18px;overflow:visible}
#rs-page :is(.curve-section,.month-status,.small-pill,.segmented){background:var(--rs-soft);border-color:var(--rs-line)}
#rs-page :is(.segmented,.segmented button,.legend button,.select-plan){border-radius:99px}
#rs-page .segmented button[aria-pressed=true]{background:var(--rs-ink);color:#fff}
#rs-page :is(.select-plan:hover,.selected .select-plan){background:var(--rs-accent);border-color:var(--rs-accent);color:#fff}
#rs-page .cloud-hero{padding-block:78px}
#rs-page .rs-core{gap:70px}
#rs-page .rs-footer{gap:35px;align-items:start}
#rs-page .rs-foot-links{gap:12px 22px;flex-wrap:wrap}
@media(max-width:1150px){:root{--rs-gutter:28px}#rs-page .rs-header{gap:16px}#rs-page .rs-brand,#rs-page .rs-brand img{width:150px}#rs-page .rs-nav{gap:15px}#rs-page .rs-nav a{font-size:11px}#rs-page .vb-header-actions{gap:13px}#rs-page .rs-header .rs-button{padding-inline:13px}#rs-page .rs-core{gap:40px}}
@media(max-width:1000px){#rs-page .rs-header{flex-wrap:wrap;padding-block:12px;min-height:72px}#rs-page .vb-header-actions{margin-left:auto}#rs-page .vb-menu{display:inline-flex;align-items:center}#rs-page .rs-nav{order:3;width:100%;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 0}#rs-page .rs-nav.vb-open{display:flex}#rs-page .rs-nav a{display:block!important;font-size:15px;padding:13px 0;border-top:1px solid var(--rs-line)}#rs-page .rs-nav-invoices{display:block!important}#rs-page .rs-header .rs-button{display:none}#rs-page .vb-nav-noscript{display:block}}
@media(max-width:760px){:root{--rs-gutter:20px}html{scroll-padding-top:90px}#rs-page .rs-header{min-height:69px}#rs-page .rs-brand,#rs-page .rs-brand img{width:148px;height:39px}#rs-page :is(.rs-hero,.thema-hero,.ratgeber-hero){padding-block:48px 42px}#rs-page :is(.rs-hero h1,.thema-hero h1,.ratgeber-hero h1,.hero h1){font-size:clamp(40px,10vw,58px);line-height:1.06;letter-spacing:-.05em}#rs-page :is(h2,.section-heading h2,.closing h2,.rs-core h2){font-size:37px;line-height:1.1;letter-spacing:-.045em}#rs-page :is(h3,.rs-update-card h3){font-size:23px}#rs-page :is(.rs-hero-description,.thema-lead,.ratgeber-lead,.hero .intro){font-size:17px}#rs-page :is(.rs-update-section,.rs-trades,.rs-core,.rs-partners,.rs-tariffs,.rs-contact,.rs-demo-form-section,.rs-feature-section,.thema-section,.ratgeber-section){padding-block:58px}#rs-page :is(.rs-update-grid,.rs-tariff-grid){gap:18px}#rs-page .rs-tariff-card{padding:26px}#rs-page .rs-purchase{padding-block:45px;gap:25px}#rs-page .rs-contact h2{font-size:40px}#rs-page .rs-core{gap:35px}#rs-page .vb-hero{padding-top:49px;padding-bottom:0}#rs-page .vb-hero h1{font-size:clamp(43px,10vw,65px);letter-spacing:-.055em;margin-bottom:23px}#rs-page .vb-hero h1 .vb-topic{font-size:9px;letter-spacing:.14em;max-width:320px;margin:0 auto 23px}#rs-page .vb-hero .rs-hero-description{font-size:17px;max-width:430px}#rs-page .vb-hero .rs-actions{gap:17px;margin-top:25px}#rs-page .vb-hero-note{font-size:10px;margin-top:19px}#rs-page .vb-stage{padding:0 23px 30px;margin-top:41px;max-width:580px}#rs-page .vb-device{border-width:4px 4px 7px;border-radius:10px}#rs-page .vb-phone{width:21%;right:9px;bottom:7px;border-width:3px;border-radius:13px}#rs-page .vb-label{font-size:8px;padding:8px 12px;gap:5px}#rs-page .vb-label-one{left:4px;top:0}#rs-page .vb-label-two{right:2px;top:65%}#rs-page .vb-stage figcaption{font-size:8px;margin-top:12px}#rs-page .vb-value-strip{padding:25px 20px;font-size:10px;gap:15px;justify-content:space-around}#rs-page .vb-value-strip span{max-width:92px;text-align:center;line-height:1.5}#rs-page .vb-value-strip span:before{display:block;margin:0 0 5px}#rs-page .hero-graphic{padding:24px}#rs-page .pricing-grid{gap:16px}#rs-page .price-card{padding:26px}#rs-page .rs-footer{gap:24px}}
@media(max-width:360px){:root{--rs-gutter:16px}#rs-page .rs-brand,#rs-page .rs-brand img{width:130px}#rs-page .vb-header-actions{gap:10px}#rs-page .vb-hero h1{font-size:40px}#rs-page .vb-hero .rs-hero-description{font-size:16px}#rs-page .vb-hero .rs-actions{gap:12px}#rs-page :is(h2,.rs-core h2){font-size:33px}#rs-page .vb-menu{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#rs-page *{transition:none!important;animation:none!important}}
@media print{#rs-page .vb-header-actions,#rs-page .rs-nav{display:none!important}#rs-page .rs-header{position:static;backdrop-filter:none}#rs-page .vb-stage{max-width:700px}#rs-page .rs-purchase{background:#fff;color:#242a2b}#rs-page .rs-purchase :is(h2,p,.rs-kicker,.rs-text-button){color:#242a2b}}
#rs-page .thema-hero>*{min-width:0}
@media(max-width:360px){#rs-page :is(.thema-hero h1,.ratgeber-hero h1,.hero h1){font-size:35px;overflow-wrap:break-word}}
#rs-page :is(.vb-hero-note,.vb-value-strip) a{color:inherit;text-underline-offset:3px}
/* Nach öffentlicher SEO-/Mobilabnahme: Kontrast und stabiler Erstaufbau. */
#rs-page .rs-purchase p:not(.rs-kicker){color:#d3dad6}
#rs-page .customer-cta .eyebrow{color:#4b554e}
#rs-page .hero-svg{height:auto;aspect-ratio:12/5}
#rs-page .customer-hero-price strong{white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.2;min-height:1.2em}
#rs-page .hero-graphic{align-self:start}
@media(max-width:650px){#rs-page .hero-copy{min-height:462px}#rs-page .hero-start-price{min-height:52px}#rs-page .customer-hero-price strong{font-size:clamp(30px,8vw,40px)}}