/* Synced from Claude Design: relaunch/relaunch.css – nicht von Hand bearbeiten */
/* Relaunch layer — builds on ../styles.css tokens (--ink, --primary, --accent, --bg-2, --line …) */
.rl-skip{position:absolute;left:-9999px}.rl-skip:focus{position:static;padding:8px 16px;background:var(--ink);color:#fff}
a{color:var(--primary)}a:hover{color:var(--primary-dark)}
.rl-nav a,.rl-foot a,.btn,.rl-card a,.rl-tile,.rl-job,.rl-post{color:inherit}
.btn--primary:hover,.btn--accent:hover,.btn--indigo:hover,.btn--onink:hover,.btn--ghost:hover,.btn--ghost-w:hover{color:inherit}
.btn--primary:hover,.btn--accent:hover,.btn--indigo:hover{color:#fff}
/* ---------- NAV ---------- */
html{scroll-padding-top:86px}
.rl-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.rl-nav__inner{display:flex;align-items:center;gap:20px;height:70px}
.rl-nav__brand img{height:26px;width:auto}
.rl-aud{display:none !important;position:relative;background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:3px;gap:0;isolation:isolate}
@media(min-width:700px){.rl-aud{display:inline-grid;grid-template-columns:1fr 1fr}}
.rl-aud::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--ink);box-shadow:var(--im-shadow-card);transition:transform .2s ease;z-index:-1}
.rl-aud[data-on="b2c"]::before{transform:translateX(100%)}
.rl-aud a{white-space:nowrap;padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-2);text-align:center;transition:color .2s ease}
.rl-aud a.is-on{color:#fff}
.rl-nav__links{display:none;margin-left:auto;gap:2px;align-items:center}
@media(min-width:1000px){.rl-nav__links{display:flex}}
.rl-nav__cta .btn--primary,.rl-nav__cta .btn--accent{color:#fff}
.btn--primary,.btn--accent,.btn--indigo{color:#fff}
.rl-nav__cta{display:none;gap:8px;align-items:center}
@media(min-width:1000px){.rl-nav__cta{display:flex}}
.rl-nav__burger{margin-left:auto;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-2);border-radius:10px;background:#fff}
@media(min-width:1000px){.rl-nav__burger{display:none}}
.rl-mobile{display:none;background:#fff;border-top:1px solid var(--line);padding:4px var(--side-pad) 20px;max-height:calc(100dvh - 64px);overflow:auto;overscroll-behavior:contain}
.rl-mobile.is-open{display:block}
.rl-mobile a:not(.btn){display:block;padding:9px 6px;border-radius:8px;font-weight:500;font-size:15px;color:var(--ink);border-bottom:1px solid var(--line)}
.rl-mobile a:not(.btn):hover{background:var(--bg-2)}
.rl-mobile a:not(.btn):last-of-type{border-bottom:0}
.rl-mobile .h{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:18px 0 4px}
.rl-nav a.is-current,.navb2b__top.is-current{color:var(--primary);font-weight:600}
.rl-mobile a.is-current:not(.btn){color:var(--primary);font-weight:600;background:var(--im-color-primary-lighter,#eef5ff)}
.rl-mobile .acts{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.rl-mobile .acts .btn{width:100%;justify-content:center;text-align:center}
/* ---------- HERO ---------- */
.rl-hero{padding:0 0 clamp(40px,5vw,72px);background:linear-gradient(180deg,#fff 0%,var(--im-color-primary-lighter) 100%)}
.rl-hero__grid{display:grid;gap:40px;align-items:center}
@media(min-width:992px){.rl-hero__grid{grid-template-columns:1.05fr .95fr;gap:64px}}
.rl-hero h1{margin:16px 0 0;color:var(--ink);text-wrap:balance;font-size:clamp(34px,4.6vw,56px);line-height:1.08;max-width:22ch}
.rl-hero .lede{margin-top:20px;max-width:56ch;text-wrap:pretty}
.rl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.rl-proof{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:var(--ink-2)}
.rl-proof span{display:inline-flex;align-items:center;gap:8px}
.rl-proof svg{color:var(--primary)}
.rl-shot{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 64px -28px rgba(16,28,55,.45);background:#fff}
.rl-shot img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover}
.rl-phones{display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,24px)}
.rl-phones img{width:clamp(120px,22%,220px);filter:drop-shadow(0 26px 40px rgba(13,35,70,.28))}
.rl-phones img:nth-child(2){width:clamp(140px,26%,250px);margin-bottom:24px}
/* ---------- LOGOS / KPI ---------- */
.rl-logos{padding:32px 0;border-bottom:1px solid var(--line)}
.rl-logos p{margin:0 0 18px;text-align:center;font-size:14px;color:var(--ink-2)}
.rl-logos__row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 36px}
.rl-logo{font-weight:700;font-size:15px;color:var(--ink-3);letter-spacing:.02em;white-space:nowrap}
.rl-kpis{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:900px){.rl-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rl-kpi{padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.rl-kpi b{display:block;font-size:clamp(30px,3.4vw,44px);font-weight:700;line-height:1;color:var(--ink)}
.rl-kpi span{display:block;margin-top:8px;font-size:14px;color:var(--ink-2);line-height:1.4}
.rl-kpi small{display:block;margin-top:6px;font-size:11px;color:var(--ink-3)}
/* ---------- SECTION HEADS ---------- */
.rl-head{max-width:760px;margin-bottom:clamp(32px,4vw,56px)}
.rl-head.center{margin-left:auto;margin-right:auto;text-align:center}
.rl-head h2{margin:14px 0 0;text-wrap:balance}
.rl-head p{margin:16px 0 0;color:var(--ink-2);font-size:17px;line-height:1.55;text-wrap:pretty}
.section--ink .rl-head p,.section--dark .rl-head p{color:rgba(255,255,255,.75)}
.section--ink h2,.section--dark h2{color:#fff}
/* ---------- TABS (Personio product tabs) ---------- */
.rl-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:28px}
.rl-tab{padding:10px 18px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-weight:600;font-size:14px;color:var(--ink-2);transition:all .1s ease}
.rl-tab:hover{border-color:var(--primary)}
.rl-tab.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.rl-panel{display:none;grid-template-columns:1fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,3vw,44px)}
.rl-panel.is-active{display:grid}
@media(min-width:900px){.rl-panel{grid-template-columns:1fr 1.1fr}}
.rl-panel h3{margin:0 0 12px;font-size:clamp(24px,2.4vw,32px);line-height:1.15;color:var(--ink)}
.rl-panel p{margin:0 0 18px;color:var(--ink-2);line-height:1.55}
.rl-panel__visual{border-radius:16px;background:radial-gradient(120% 120% at 50% 0%,#fff 0%,var(--im-color-primary-lighter) 100%);border:1px solid var(--line);padding:22px;display:grid;place-items:center;min-height:420px}
.rl-panel__visual img{max-height:376px;width:auto;max-width:100%;filter:drop-shadow(0 22px 36px rgba(13,35,70,.22))}
/* Definition-Block: optischer Abstand oben und unten gleich (Nachbar-Paddings eingerechnet) */
#definition{padding-top:74px;padding-bottom:8px}
/* ---------- CHECK LIST ---------- */
.rl-checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rl-checks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.rl-checks li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233486EF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
.rl-checks.neg li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6450' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.section--ink .rl-checks li::before{filter:brightness(1.6)}
/* ---------- CARDS ---------- */
.rl-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.rl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:992px){.rl-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.rl-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rl-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--im-shadow-card)}
.rl-card.link:hover{border-color:var(--primary)}
.rl-card .num{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}
/* Links im Fließtext von Karten klar erkennbar */
.rl-card p a:not(.btn),.rl-tile p a:not(.btn),.faq a:not(.btn){color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.rl-card p a:not(.btn):hover,.rl-tile p a:not(.btn):hover,.faq a:not(.btn):hover{color:var(--primary-dark,#1b5fbe);text-decoration-thickness:2px}
.rl-card h3{margin:0;font-size:20px;line-height:1.25;color:var(--ink)}
.rl-card p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55}
.rl-card .more{margin-top:auto;font-weight:600;color:var(--primary);font-size:14px}
.rl-ic{width:42px;height:42px;border-radius:12px;background:var(--im-color-primary-lighter);color:var(--primary-dark);display:grid;place-items:center}
.section--ink .rl-card,.section--dark .rl-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.section--ink .rl-card h3,.section--ink .rl-card p{color:#fff}.section--ink .rl-card p{opacity:.8}
/* ---------- SPLIT ROWS ---------- */
.rl-row{display:grid;gap:36px;align-items:center;padding:clamp(40px,5vw,72px) 0;border-bottom:1px solid var(--line)}
.rl-row:last-child{border-bottom:0}
@media(min-width:900px){.rl-row{grid-template-columns:1fr 1fr;gap:72px}.rl-row.flip>:first-child{order:2}}
.rl-row h3{margin:12px 0 14px;font-size:clamp(26px,2.8vw,38px);line-height:1.12;color:var(--ink)}
.rl-row p{margin:0 0 18px;color:var(--ink-2);line-height:1.6;font-size:17px}
.rl-visual{border-radius:20px;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(120% 120% at 50% 0%,#fff 0%,var(--im-color-primary-lighter) 100%);border:1px solid var(--line)}
.rl-visual img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(13,35,70,.22))}
.rl-visual.dark{background:var(--ink)}
.rl-visual .rl-phones{height:100%;width:100%;align-items:center;min-height:0}
.rl-visual .rl-phones img{width:auto;height:100%;max-height:100%;max-width:45%;margin-bottom:0;object-fit:contain}
.rl-visual:has(.rl-phones){aspect-ratio:auto;height:clamp(280px,32vw,420px)}
/* ---------- STAT BAND / QUOTE ---------- */
.rl-band{background:var(--ink);color:#fff;border-radius:24px;padding:clamp(32px,4vw,56px);display:grid;gap:28px}
@media(min-width:900px){.rl-band{grid-template-columns:1.2fr 1fr;align-items:center}}
.rl-band h2{color:#fff;margin:0 0 12px}
.rl-band p{color:rgba(255,255,255,.75);margin:0;line-height:1.55}
.rl-band .rl-kpi{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.rl-band .rl-kpi b,.rl-band .rl-kpi span{color:#fff}.rl-band .rl-kpi span{opacity:.75}
.rl-quote{font-size:clamp(20px,2.2vw,28px);line-height:1.35;font-weight:600;color:var(--ink);margin:0;text-wrap:pretty}
.rl-quote+.by{margin-top:18px;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-2)}
.by .av{width:44px;height:44px;border-radius:999px;background:var(--im-color-primary-lighter);color:var(--primary-dark);display:grid;place-items:center;font-weight:700}
.by .av--img{width:56px;height:56px;object-fit:cover;flex:none;border:2px solid rgba(255,255,255,.85)}
/* ---------- TABLE (Now / Verify) ---------- */
.rl-table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.rl-table th,.rl-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.rl-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);background:var(--bg-2)}
.rl-table td b{color:var(--ink)}.rl-table td small{display:block;color:var(--ink-3);font-size:12px}
.rl-table .ok{color:var(--primary);font-weight:600}.rl-table .no{color:var(--ink-3)}
.rl-table tr:last-child td{border-bottom:0}
.rl-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:5px;background:var(--primary);color:#fff;margin-left:6px;vertical-align:middle}
.rl-tag.warm{background:var(--accent)}
.rl-wrap{overflow-x:auto}
/* ---------- PRICING ---------- */
.rl-plans{display:grid;gap:16px}
@media(min-width:900px){.rl-plans{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rl-plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;position:relative}
.rl-plan.hl{border-color:var(--primary);box-shadow:0 20px 40px -24px rgba(52,134,239,.5)}
.rl-plan .badge{position:absolute;top:-12px;left:24px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:999px}
.rl-plan .price{font-size:36px;font-weight:700;color:var(--ink);line-height:1}
.rl-plan .price small{font-size:14px;font-weight:400;color:var(--ink-2)}
.rl-plan h3{margin:0;font-size:18px;color:var(--ink-2);font-weight:600}
.rl-plan .btn{margin-top:auto}
/* ---------- TIMELINE ---------- */
.rl-steps{display:grid;gap:16px;counter-reset:s}
@media(min-width:800px){.rl-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rl-step{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;position:relative}
.rl-step .when{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px}
.rl-step .when::before{content:"";width:10px;height:10px;border-radius:999px;background:var(--primary)}
.rl-step.done .when::before{background:var(--im-color-positive,#2aa876)}
.rl-step h3{margin:10px 0 8px;font-size:17px;color:var(--ink)}
.rl-step ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:14px;line-height:1.5}
/* ---------- MARQUEE ---------- */
.rl-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.rl-marquee__track{display:flex;gap:12px;width:max-content;animation:rlm 40s linear infinite}
@keyframes rlm{to{transform:translateX(-50%)}}
.rl-pill{padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:600;font-size:14px;white-space:nowrap;color:var(--ink)}
/* ---------- FAQ (reuses .faq from styles.css) ---------- */
.faq{max-width:860px;margin-left:auto;margin-right:auto}
/* ---------- CTA ---------- */
.rl-cta{background:var(--ink);color:#fff;border-radius:24px;padding:clamp(36px,5vw,64px);text-align:center}
@media(max-width:700px){.rl-cta{padding-top:36px}}
.rl-cta h2{color:#fff;margin:0 0 12px}.rl-cta p{color:rgba(255,255,255,.75);margin:0 auto;max-width:56ch}
.rl-cta .rl-actions{justify-content:center}
.rl-cta__team{margin:0 auto 28px;max-width:560px}.rl-cta__team img{display:block;width:160px;height:160px;margin:0 auto;object-fit:cover;object-position:0 50%;border-radius:999px;aspect-ratio:1}.rl-cta__team figcaption{margin-top:10px;font-size:14px;color:rgba(255,255,255,.75)}
.rl-cta .eyebrow{color:rgba(255,255,255,.85)}.rl-cta .eyebrow .dot{background:var(--bb-aqua)}
.rl-row.shell{padding-left:var(--side-pad);padding-right:var(--side-pad)}
.btn--onink{background:#fff;color:var(--ink)}.btn--onink:hover,.btn--onink:focus-visible{background:#eef2f7;color:var(--ink)!important}
.btn--ghost-w{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:none}.btn--ghost-w:hover{border-color:#fff}
/* Ghost-Button auf dunklen Flächen: transparent statt weiß gefüllt */
.rl-cta .btn--ghost,.section--ink .btn--ghost,.section--dark .btn--ghost,.mh-hero .btn--ghost{background:transparent;box-shadow:none;border-color:rgba(255,255,255,.5);color:#fff}
.rl-cta .btn--ghost:hover,.section--ink .btn--ghost:hover,.section--dark .btn--ghost:hover,.mh-hero .btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
/* ---------- FOOTER ---------- */
.rl-foot{border-top:1px solid var(--line);padding:56px 0 28px;font-size:14px}
.rl-foot__grid{display:grid;gap:28px 24px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.rl-foot__grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}}
.rl-foot h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 12px}
.rl-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rl-foot a:not(.btn):hover{color:var(--primary)}
.rl-foot .btn--accent:hover,.rl-foot .btn--primary:hover{color:#fff}
.rl-foot__brand img{height:26px}.rl-foot__brand p{color:var(--ink-2);max-width:36ch;margin:14px 0 0;line-height:1.5}
.rl-foot__bot{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;color:var(--ink-2)}
/* ---------- MISC ---------- */
.rl-def{border-left:0;background:var(--im-color-primary-lighter);border-radius:14px;padding:22px 26px;font-size:17px;line-height:1.55;color:var(--ink)}
.rl-def b{font-weight:700}
.rl-note{font-size:12px;color:var(--ink-3);margin-top:12px}
.rl-crumbs{display:none!important}
.rl-crumbs a{color:var(--ink-2)}.rl-crumbs .sep{margin:0 8px;opacity:.5}.rl-crumbs .cur{color:var(--ink)}.rl-crumbs .cat{color:var(--ink-2)}
.rl-jobs{border-top:1px solid var(--line)}
.rl-job{display:grid;gap:6px;padding:20px 8px;border-bottom:1px solid var(--line);align-items:center}
@media(min-width:760px){.rl-job{grid-template-columns:1.6fr 1fr 1fr auto;gap:20px}}
.rl-job:hover{background:var(--bg-2)}
.rl-job b{font-size:17px}.rl-job span{font-size:13px;color:var(--ink-2)}
.rl-chip{display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--bg-3);color:var(--ink-2)}
.rl-post{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}
.rl-post:hover{border-color:var(--primary)}
.rl-post .meta{font-size:12px;color:var(--ink-3);display:flex;gap:10px}
.rl-post h3{margin:0;font-size:19px;line-height:1.3;color:var(--ink)}
.rl-post p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}
.rl-article{max-width:760px;margin:0 auto}
@media(min-width:1000px){.rl-article{max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:clamp(40px,5vw,80px);align-items:start}.rl-article>*{grid-column:1}.rl-article>.eyebrow,.rl-article>h1{grid-column:1/-1}.rl-article>h1{max-width:24ch;font-size:clamp(36px,3.6vw,52px);margin-bottom:24px}.rl-article>.rl-side{grid-column:2;grid-row:3/span 60;position:sticky;top:96px;margin-top:24px}.rl-side .rl-author{grid-template-columns:1fr;margin-top:0}.rl-side .rl-author img{width:96px;height:96px}}
.rl-article h2{font-size:clamp(24px,2.4vw,30px);margin:40px 0 12px;color:var(--ink)}
.rl-article p,.rl-article li{font-size:17px;line-height:1.65;color:var(--ink-2)}
.rl-article .key{background:var(--bg-2);border-radius:14px;padding:20px 24px;margin:24px 0}
.rl-article .key p{margin:0;color:var(--ink);font-weight:500}
.rl-tiles{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:900px){.rl-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rl-tile{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:8px;font-size:14px}
.rl-tile b{font-size:16px;color:var(--ink)}.rl-tile span{color:var(--ink-2)}
.rl-tile:hover{border-color:var(--primary)}
.rl-map{display:grid;gap:24px;align-items:center}
@media(min-width:900px){.rl-map{grid-template-columns:1fr 1fr}}
.rl-badge-row{display:flex;flex-wrap:wrap;gap:10px}
.rl-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600}
.rl-badge svg{color:var(--primary)}

/* B2B-Hero (übernommen aus Immomio B2B.html) */
.hero__visual{min-height:0;display:grid;place-items:center}
.hero-mock{position:relative;width:100%;max-width:560px;aspect-ratio:1/1;min-height:420px}
.hero-mock .hero__photo{position:absolute;inset:24px 0 24px 24px;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(20,30,60,.32);transform:rotate(-1deg)}
.hero-mock .hero__photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-mock .float-card{opacity:1;animation:none}
.hero-mock.is-in .float-card{animation:floatCardPop .6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--pop-delay,0s)}
@media(prefers-reduced-motion:reduce){.hero-mock.is-in .float-card{animation:none}}
@media(max-width:640px){.hero-mock{max-width:100%;aspect-ratio:4/5}.hero-mock .float-card{display:none}.hero-mock .float-card.m-keep{display:flex;left:0 !important;right:auto !important;max-width:210px !important}.hero-mock .float-card.m-keep--btm{top:auto !important;bottom:16px}}
.hero .hero__title{color:var(--ink)}

/* Vertrags-Mockup (übernommen aus mockups.jsx ContractsMockup) */
.ct-mock-wrap{container-type:inline-size;width:100%;justify-self:stretch;align-self:stretch}
.ct-mock{display:grid;grid-template-columns:minmax(0,1fr);width:100%;height:100%;min-height:420px;background:#fff;font-size:12.5px;text-align:left}
.ct-mock__side{display:none}
@container (min-width:620px){.ct-mock{grid-template-columns:200px minmax(0,1fr)}.ct-mock__side{display:flex}}
.ct-mock__side{border-right:1px solid var(--line);padding:14px;background:var(--bg-2);flex-direction:column;gap:6px}
.ct-mock__h{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:600;padding:4px 8px}
.ct-mock__row{padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:3px;font-weight:500;color:var(--ink)}
.ct-mock__row.is-cur{background:var(--im-color-primary-lighter);font-weight:600}
.ct-mock__row .st{font-size:11px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;font-weight:500}
.ct-mock__row .st.is-done{color:var(--im-color-positive-dark)}
.ct-mock__row .st i{width:6px;height:6px;border-radius:999px;background:currentColor}
.ct-mock__main{padding:20px;overflow:hidden;min-width:0}
.ct-mock__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.ct-mock__bar strong{font-size:13px;color:var(--ink)}
.ct-mock__btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;background:var(--primary);color:#fff;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}
.ct-mock__doc{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px;font-size:11.5px;line-height:1.6;color:var(--ink-2);box-shadow:var(--im-shadow-card)}
.ct-mock__title{text-align:center;font-weight:700;font-size:13px;color:var(--ink);margin-bottom:14px;letter-spacing:.04em;text-transform:uppercase}
.ct-mock__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.ct-mock__sign{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px}@container (min-width:420px){.ct-mock__sign{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}}
.ct-mock__sign .lbl{font-size:10px;color:var(--ink-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}
.ct-mock__sign .box{min-height:40px;display:grid;place-items:center;border-radius:6px;padding:6px 8px;text-align:center;text-wrap:balance}
.ct-mock__sign .box.is-signed{border:1px dashed var(--line-2);font-family:cursive;font-size:17px;color:var(--primary-dark)}
.ct-mock__sign .box.is-open{border:2px dashed var(--primary);font-size:11px;color:var(--primary);background:var(--im-color-primary-lighter);font-weight:600}

/* Kundenlogo-Marquee */
.rl-marquee{margin-top:28px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rl-marquee__track{display:flex;align-items:center;gap:clamp(36px,5vw,64px);width:max-content;animation:rlMarquee 160s linear infinite}
.rl-marquee:hover .rl-marquee__track{animation-play-state:paused}
.rl-marquee img{height:clamp(30px,4vw,44px);width:auto;max-width:150px;object-fit:contain;flex:none;filter:grayscale(1);opacity:.62;transition:filter .2s ease,opacity .2s ease}
.rl-marquee img:hover{filter:none;opacity:1}
@keyframes rlMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.rl-marquee__track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}

/* Mieterportal-Panel: beide Mockups gleich groß */
.rl-panel__visual .rl-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(6px,1.4vw,14px)}
.rl-panel__visual .rl-phones img,.rl-panel__visual .rl-phones img:nth-child(2){width:100%;height:auto;max-width:none;object-fit:contain;transform:none}
/* Mieterportal-Mockups: Handys auf Portal-Größe skalieren (Quadrat-Mockups haben Weißraum) */
.rl-panel__visual--zoom{overflow:hidden}
.rl-panel__visual--zoom .rl-phones{align-items:center}
.rl-panel__visual--zoom .rl-phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.2vw,14px);width:100%}
.rl-panel__visual--zoom .rl-phones img,.rl-panel__visual--zoom .rl-phones img:nth-child(2),.rl-panel__visual--zoom .rl-phones img:nth-child(3){width:100%;height:auto;margin:0;transform:scale(1.3);transform-origin:center}

/* ---------- SMART PROTOKOLL MOCK ---------- */
.sp-mock{width:100%;max-width:520px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 34px rgba(13,35,70,.14);overflow:hidden;font-size:13px}
.sp-mock__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:var(--navy,#0d2346);color:#fff}
.sp-mock__bar strong{font-size:13px;font-weight:600}
.sp-mock__step{font-size:11px;opacity:.75;white-space:nowrap}
.sp-mock__body{padding:14px}
.sp-mock__sec{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:4px 0 8px}
.sp-mock__sec+.sp-mock__sec,.sp-mock__row+.sp-mock__sec{margin-top:16px}
.sp-mock__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;color:var(--ink)}
.sp-mock__row.is-cur{border-color:var(--im-color-primary);box-shadow:0 0 0 3px rgba(52,134,239,.12)}
.sp-mock__st{font-size:11px;color:var(--ink-3);white-space:nowrap}
.sp-mock__st.is-done{color:var(--im-color-positive,#1f9d55)}
.sp-mock__st.is-warn{color:#b26b00}
.sp-mock__meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sp-mock__meter{border:1px solid var(--line);border-radius:10px;padding:8px 9px;display:grid;gap:3px}
.sp-mock__meter span{font-size:10px;color:var(--ink-3)}
.sp-mock__meter b{font-size:12px;color:var(--ink)}
.sp-mock__sign{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.sp-mock__sigbox{border:1px dashed var(--line);border-radius:10px;padding:14px 10px;text-align:center;font-size:11px;color:var(--ink-3)}
.sp-mock__sigbox.is-open{border-color:var(--im-color-primary);color:var(--im-color-primary);font-weight:600}

/* ---------- PREIS-CHECK (Suchgebiet) ---------- */
.rl-pricecheck{margin:18px 0 4px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(52,134,239,.05);display:grid;gap:10px}
.rl-pricecheck label{font-size:14px;font-weight:600;color:var(--ink);line-height:1.35}
.rl-pricecheck input{width:100%;height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.rl-pricecheck input:hover{border-color:var(--ink-3)}
.rl-pricecheck input:focus{outline:1px solid var(--im-color-primary,#3486ef);border-color:var(--im-color-primary,#3486ef)}
.rl-pricecheck__out{display:grid;gap:3px}
.rl-pricecheck__out b{font-size:17px;color:var(--ink)}
.rl-pricecheck__out span{font-size:13px;color:var(--ink-2);line-height:1.45}
.rl-pricecheck__out.is-paid b,.rl-pricecheck__out.is-free b{color:var(--im-color-primary,#3486ef)}
.rl-pricecheck__link{font-size:13px;font-weight:600;color:var(--im-color-primary,#3486ef);text-decoration:none}
.rl-pricecheck__link:hover{text-decoration:underline}

/* Preis-Hinweis + Karte: gleich hohe Boxen */
.rl-map{align-items:stretch}
.legal--card{height:100%;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;align-content:start;gap:12px}
.legal--card>b{font-size:16px;color:var(--ink)}
.legal--card ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.legal--card li{position:relative;padding-left:18px;line-height:1.5}
.legal--card li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--im-color-primary,#3486ef)}
.rl-visual--card{height:100%;border-radius:14px}

/* ---------- MEGA-MENÜ (Struktur 2a) ---------- */
.rl-nav__inner{position:relative}
.rl-mega__item{position:static}
.rl-mega{position:absolute;left:0;right:0;top:100%;transform:none;background:var(--im-color-container,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px -18px rgba(13,35,70,.28),0 1px 2px 0 #e5e9eb;display:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:60;overflow:hidden}
.rl-mega__item:hover .rl-mega,.rl-mega__item:has(:focus-visible) .rl-mega{display:block;opacity:1}

.rl-mega__inner{display:grid;grid-template-columns:minmax(0,1fr) 340px}
.rl-mega__cols{display:grid;gap:32px;row-gap:0;padding:28px 32px 28px 24px}
.rl-mega__col{display:flex;flex-direction:column;gap:2px}
.rl-mega__colhead{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.rl-mega__kicker{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--primary,#3486ef)}
.rl-mega__sub{font-size:14px;line-height:20px;color:var(--ink-2)}
.rl-mega__link{display:flex;align-items:center;gap:8px;margin-left:-10px;padding:6px 10px;border-radius:8px;font-size:15px;line-height:22px;color:var(--ink-2);text-decoration:none;transition:color .1s ease,background-color .1s ease}
.rl-mega__link.is-lead{font-size:15px;font-weight:600;color:var(--ink)}
.rl-mega__link.is-lead::after{content:"→";margin-left:auto;padding-left:10px;font-size:14px;font-weight:400;color:var(--primary,#3486ef);transition:transform .12s ease}
.rl-mega__link.is-lead:hover::after{transform:translateX(3px)}
.rl-mega__link:hover{color:var(--primary,#3486ef);background:var(--im-color-primary-lighter,#eef5fe)}
.rl-mega__link:hover .rl-mega__label{text-decoration:underline;text-underline-offset:3px}
.rl-mega .rl-tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:6px;background:var(--im-color-positive-lighter,#e6f6ec);color:var(--im-color-positive-dark,#186b39);font-size:12px;font-weight:600;letter-spacing:.4px}
.rl-mega__side{display:flex;flex-direction:column;gap:20px;padding:28px 24px;background:var(--im-color-bg-primary,#f6f9fd);border-left:1px solid var(--line)}
.rl-mega__spot{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:12px;background:#193f70;box-shadow:0 1px 2px 0 #e5e9eb;text-decoration:none;transition:background .1s ease}
.rl-mega__spot:hover{background:#12315a}
.rl-mega__spotkick{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#fff;opacity:.85}
.rl-mega__spottitle{font-size:20px;line-height:28px;font-weight:600;color:#fff;text-wrap:pretty}
.rl-mega__spotdesc{font-size:15px;line-height:22px;color:#fff;opacity:.9;text-wrap:pretty}
.rl-mega__spotcta{font-size:15px;font-weight:600;color:#fff}
.rl-mega__more{display:flex;flex-direction:column}
.rl-mega__more a{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:15px;line-height:22px;color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line)}
.rl-mega__more a:last-child{border-bottom:0}
.rl-mega__more a span{color:var(--primary,#3486ef)}
.rl-mega__more a:hover{color:var(--primary,#3486ef)}
.rl-mega__note{display:flex;flex-direction:column;gap:10px}
.rl-mega__note b{font-size:16px;line-height:22px;color:var(--ink)}
.rl-mega__note span{font-size:15px;line-height:22px;color:var(--ink-2);text-wrap:pretty}
.rl-mega__note a{font-size:15px;font-weight:600;color:var(--primary,#3486ef);text-decoration:none}
@media(max-width:1200px){.rl-mega__inner{grid-template-columns:minmax(0,1fr) 280px}}

@media(min-width:1000px){.rl-nav__burger{display:none}}

.rl-nav__links .navb2b__top,.rl-nav__links a.navb2b__top{color:#193f70}
.rl-nav__links .navb2b__top:hover,.rl-nav__links a.navb2b__top:hover{color:#193f70}
.rl-mega__item:hover>.navb2b__top{color:#193f70}

/* Menüpunkt füllt die Navigationshöhe, damit Hover bis zum Panel reicht */
.rl-nav__links{align-items:stretch;align-self:stretch}
.rl-nav__links .navb2b__item,.rl-nav__links .rl-mega__item{align-self:stretch;display:flex;align-items:center}
.rl-nav__links .rl-mega__item>.navb2b__top{align-self:stretch;display:inline-flex;align-items:center}
/* einfache Nav-Links: Hover-Fläche nur so hoch wie der Link */
.rl-nav__links>a.navb2b__top{align-self:center;padding:7px 10px;border-radius:10px}
.rl-nav__home{padding:7px 10px!important;color:#193f70;gap:7px}
.rl-nav__home svg{opacity:1}
.rl-nav__home.is-current{background:transparent}
.rl-nav__links .rl-mega__item>.navb2b__top:hover{background:transparent}

.rl-mega__colhead--empty{border-bottom-color:transparent}
/* Kopfzeilen und Linklisten spaltenübergreifend auf einer Linie */
.rl-mega__cols{grid-template-rows:auto auto}
.rl-mega__col{display:grid;grid-template-rows:subgrid;grid-row:span 2;align-content:start}
.rl-mega__col>.rl-mega__colhead{align-self:end}
.rl-mega__links{display:flex;flex-direction:column}
/* Vorschau-Host für die mobile Ansicht (Prototyp-Werkzeug) */
html.rl-previewhost,html.rl-previewhost body{margin:0;padding:0;background:#eceff4;height:100%}
.rl-preview{min-height:100vh;display:grid;place-items:center;gap:14px;padding:24px 16px}
.rl-preview__phone{width:390px;max-width:100%;height:min(844px,calc(100vh - 96px));background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(13,35,70,.24),0 0 0 1px rgba(13,35,70,.12)}
.rl-preview__frame{display:block;width:100%;height:100%;border:0}
.rl-preview__hint{margin:0;font-size:13px;color:#5b6472}
.rl-viewtweak{position:fixed;left:16px;bottom:16px;z-index:210;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line,#dfe3e8);border-radius:12px;padding:7px 10px;box-shadow:0 6px 18px rgba(13,35,70,.14)}
.rl-viewtweak span{font-size:13px;font-weight:600;color:var(--ink-2,#5b6472);margin-right:2px}
.rl-viewtweak button{font:inherit;font-size:13px;font-weight:600;letter-spacing:.25px;height:32px;padding:0 12px;border-radius:12px;border:1px solid var(--line,#dfe3e8);background:#fff;color:var(--ink,#0d2346);cursor:pointer;transition:background .1s ease,border-color .1s ease,color .1s ease}
.rl-viewtweak button:hover{background:#f4f7fb;border-color:var(--ink-2,#5b6472)}
.rl-viewtweak button:focus-visible{outline:1px solid var(--primary,#3486ef)}
.rl-viewtweak button.is-on{background:var(--primary,#3486ef);border-color:var(--primary,#3486ef);color:#fff}
@media print{.rl-viewtweak{display:none}}
/* Mobile-first-Korrekturen: Raster dürfen schrumpfen, lange Komposita brechen */
.hero__grid,.rl-hero__grid,.b2c-hero__grid,.rl-row{grid-template-columns:minmax(0,1fr)}
@media(min-width:992px){.rl-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}}
@media(max-width:767px){
 h1,h2,h3,.display,.display--sm,.hero__title,.b2c-hero__title{overflow-wrap:break-word;hyphens:auto}
 .hero__title,.b2c-hero__title{font-size:clamp(27px,7.4vw,34px)}
 .display--sm{font-size:clamp(23px,6.2vw,30px)}
 .b2c-hero{min-height:0}
 .rl-crumbs{font-size:12px}
 .rl-crumbs .sep{margin:0 5px}
 .rl-crumbs .cat{display:none}
 .rl-crumbs .cat+.sep{display:none}
 table,table.claims{display:block!important;width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 .tree,.rl-wrap{max-width:100%;overflow-x:auto}
 .doc ul,.doc ol,.doc li,.doc p,.doc code{overflow-wrap:anywhere}
 .claims{min-width:520px}
 table,table.claims{display:table!important;overflow:visible!important}
 .rl-viewtweak,.rl-navtweak{transform:scale(.92);transform-origin:bottom left}
 .rl-navtweak{transform-origin:bottom right}
}

/* zentrierte Section-Heads bleiben auf allen Breiten zentriert */
.rl-head,.rl-head.center{display:flex;flex-direction:column;align-items:center;text-align:center;margin-left:auto;margin-right:auto}
.rl-head .eyebrow,.rl-head.center .eyebrow{justify-content:center}
.rl-head .rl-actions,.rl-head.center .rl-actions{justify-content:center}

.rl-mega__group{display:flex;flex-direction:column;min-width:0}
.rl-mega__groupcols{display:grid;gap:0 28px;align-items:start}

/* Sektionsinhalte zentriert (Hero-Elemente ausgenommen) */
.section:not(.rl-hero) .rl-row>div{display:flex;flex-direction:column;align-items:center;text-align:center}
.section:not(.rl-hero) .rl-row .eyebrow{justify-content:center}
.section:not(.rl-hero) .rl-row .rl-actions{justify-content:center}
.section:not(.rl-hero) .rl-row ul{display:inline-grid;justify-items:start;text-align:left;margin-left:auto;margin-right:auto}
.section:not(.rl-hero) .rl-row .rl-kpis,.section:not(.rl-hero) .rl-row .rl-def{width:100%}

/* Bereichswechsel-Kennzeichnung + Rückweg-Band */
.rl-xarea__ic{opacity:.55;vertical-align:-1px;flex:none;display:inline-block!important}
.rl-foot a:has(.rl-xarea__ic){display:inline-flex!important;align-items:center;gap:4px;white-space:nowrap}
.rl-foot__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rl-foot__grid>*{min-width:0}.rl-foot__grid a{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:899px){.rl-foot__brand{grid-column:1/-1}.rl-foot a:has(.rl-xarea__ic){white-space:normal}}
@media(min-width:900px){.rl-foot__grid{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr))}}
.rl-mobile a.rl-xarea{display:flex;align-items:center;gap:6px}
.rl-backbar{background:var(--im-color-primary-lighter,#eef5ff);border-bottom:1px solid var(--line)}
.rl-backbar .shell{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-top:10px;padding-bottom:10px;font-size:14px;color:var(--ink-2)}
.rl-backbar a{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:600}
@media print{.rl-backbar{display:none}}

/* B2B-Hero: einheitliche Höhe auf allen Seiten */
.rl-hero .rl-shot{width:100%;max-width:520px;margin:0 auto}.rl-hero .rl-shot img{max-height:clamp(300px,60vw,440px);object-fit:cover;object-position:top}.rl-hero .rl-phones img{max-height:clamp(280px,70vw,440px);width:auto;height:auto;min-width:0;max-width:48%;object-fit:contain}.rl-hero .rl-phones img:nth-child(2){max-height:clamp(300px,74vw,470px);width:auto;height:auto}
@media(min-width:992px){.rl-hero{min-height:620px;display:flex;align-items:center;box-sizing:border-box}.rl-hero>.shell{width:100%}.rl-hero__grid>*:last-child{max-height:480px;display:flex;align-items:center;justify-content:center;min-width:0}.rl-hero .rl-shot{width:100%;max-width:520px;margin:0 auto}.rl-hero .rl-shot img{max-height:440px;object-fit:cover;object-position:top}.rl-hero .rl-phones img{max-height:440px;width:auto}.rl-hero .rl-phones img:nth-child(2){max-height:470px;width:auto}}
.rl-phones--even{align-items:center}.rl-hero .rl-phones--even img,.rl-hero .rl-phones--even img:nth-child(2){max-height:clamp(300px,70vw,460px);width:auto;height:auto;max-width:48%;margin:0}
@media(min-width:900px){.rl-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}.rl-row.flip>:first-child{order:2}}
#wirkung .rl-visual{width:100%;max-width:440px;justify-self:center;aspect-ratio:auto;padding:20px}#wirkung .rl-visual img{max-height:360px}
/* Hero-Höhe harmonisiert (Desktop): alle Unterseiten-Heroes gleich hoch */
@media(min-width:992px){.rl-hero,.b2c-hero,.b2c-hero.b2c-hero{height:720px;min-height:0;padding:56px 0!important;box-sizing:border-box;display:flex;align-items:center}.rl-hero>.shell,.b2c-hero>.shell{width:100%}.rl-hero h1,.rl-hero h1.display--sm,.b2c-hero__title{font-size:clamp(34px,3.4vw,48px)!important;line-height:1.08}.rl-hero .lede,.b2c-hero__lede{max-width:60ch;font-size:18px;line-height:1.55;margin-top:18px}.rl-hero .rl-actions{margin-top:26px}.rl-hero .rl-proof,.b2c-hero .rl-proof{margin-top:22px}.rl-hero__grid>*:last-child,.b2c-hero__grid>*:last-child{max-height:560px}}
/* Vermieter-Startseite: Hero auf Unterseiten-Höhe (720px) */
@media(min-width:992px){main .entry-content>section.hero:first-child{height:720px;box-sizing:border-box;display:flex;align-items:center}main .entry-content>section.hero:first-child>.hero__grid{width:100%;padding-top:56px!important;padding-bottom:56px!important}main .entry-content>section.hero:first-child .hero__title{font-size:clamp(34px,3.4vw,48px);line-height:1.08}main .entry-content>section.hero:first-child .hero__copy{gap:22px}main .entry-content>section.hero:first-child .hero__photo img{max-height:520px;width:100%;object-fit:cover}main .entry-content>section.hero:first-child .hero__visual{max-height:560px}}
.rl-kpi{min-width:0}.rl-kpi b{overflow-wrap:break-word;hyphens:auto;text-wrap:balance}
.rl-row h2,.rl-row h3,.rl-head h2{overflow-wrap:break-word;hyphens:auto}.rl-row>*{min-width:0}
/* Zitatkarte (Nico) */
.wu-nico{margin:0;width:100%;max-width:440px;justify-self:center;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--im-shadow-card);text-align:left}.wu-nico__photo{aspect-ratio:4/3;overflow:hidden}.wu-nico__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%}.wu-nico__quote{position:relative;margin:0;padding:28px 28px 0}.wu-nico__mark{position:absolute;top:-34px;left:24px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;font-size:44px;line-height:1;padding-top:14px;box-sizing:border-box;font-family:Georgia,serif}.wu-nico__quote p{margin:0;font-size:19px;line-height:1.5;color:var(--ink);font-weight:500;text-wrap:pretty}.wu-nico__by{display:flex;flex-direction:column;gap:2px;padding:18px 28px 26px}.wu-nico__by b{font-size:16px;color:var(--ink)}.wu-nico__by span{font-size:14px;color:var(--ink-2)}

.rl-visual .ppanel{text-align:left;width:100%;justify-self:stretch}

.rl-xarea__ic{opacity:.55;vertical-align:-1px;flex:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media(max-width:768px){.rl-marquee__track{flex-wrap:nowrap !important;width:max-content !important;justify-content:flex-start !important;animation:rlMarquee 120s linear infinite !important;gap:32px}.rl-marquee img{height:28px;max-width:110px}}
@media(max-width:768px){#plattform360 .section-head{text-align:center;justify-items:center;align-items:center !important}#plattform360 .section-head>div{display:flex;flex-direction:column;align-items:center}#plattform360 .section-head__lede{margin-left:auto;margin-right:auto}#plattform360 .p360{margin-left:auto;margin-right:auto}}
.rl-mobile .acts .btn--primary,.rl-mobile .acts .btn--primary:hover,.rl-mobile .acts .btn--primary:visited{color:#fff}
.rl-mobile .rl-macc{border-bottom:1px solid var(--line)}.rl-mobile .rl-macc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-size:18px;font-weight:600;color:var(--ink);cursor:pointer}.rl-mobile .rl-macc summary::-webkit-details-marker{display:none}.rl-mobile .rl-macc summary svg{transition:transform .3s ease;color:var(--ink-3)}.rl-mobile .rl-macc[open] summary svg{transform:rotate(180deg)}.rl-mobile .rl-macc__b{display:grid;padding:0 0 12px 12px}.rl-mobile .rl-macc__b a{font-size:16px;font-weight:400;padding:10px 0;border:0}

/* ---------- KONTAKTFORMULAR (#demo, Stand Staging) ---------- */
.cf{display:grid;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 20px 40px -24px rgba(20,32,58,.25)}
@media(min-width:900px){.cf{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.cf-side{background:var(--ink);color:#fff;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:16px}
.cf-side .eyebrow{color:rgba(255,255,255,.85)}.cf-side .eyebrow .dot{background:var(--bb-aqua)}
.cf-side h3{color:#fff;font-size:clamp(24px,2.4vw,30px);line-height:1.2;margin:0}.cf-side p{color:rgba(255,255,255,.78);margin:0;font-size:15px;line-height:1.6}
.cf-checks{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:10px}.cf-checks li{position:relative;padding-left:26px;font-size:15px;color:#fff;line-height:1.45}
.cf-checks li::before{content:"";position:absolute;left:2px;top:4px;width:12px;height:7px;border-left:2px solid var(--bb-aqua);border-bottom:2px solid var(--bb-aqua);transform:rotate(-45deg)}
.cf-person{margin:0 0 12px;padding:18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:18px}
.cf-person img{width:104px;height:104px;flex:none;border-radius:999px;object-fit:cover;object-position:0 50%;border:3px solid #fff}
.cf-person figcaption{display:flex;flex-direction:column;gap:2px;font-size:14px;color:rgba(255,255,255,.78);min-width:0}
.cf-person b{color:#fff;font-size:22px;line-height:1.2}
.cf-person__role{font-size:12px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-aqua)!important}
.cf-person q{display:block;margin-top:8px;font-size:15px;line-height:1.45;color:#fff;quotes:"„" "“"}
@media(max-width:420px){.cf-person{flex-direction:column;align-items:flex-start}}
.cf-form{padding:clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:20px}
.cf-form fieldset{border:0;margin:0;padding:0;min-width:0}.cf-form legend{display:block;width:100%;float:left}.cf-form legend+*{clear:both}
.cf-form legend,.cf-field>span{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px;padding:0}.cf-form i{font-style:normal;color:var(--im-color-negative,#c62828)}
.cf-chips{display:flex;flex-wrap:wrap;gap:8px}
.cf-chip{position:relative;display:inline-flex;flex:none;max-width:100%}.cf-chip input{position:absolute;opacity:0;pointer-events:none}
.cf-chip span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink);background:#fff;cursor:pointer;white-space:nowrap;transition:border-color .1s,background .1s}
.cf-chip span::before{content:"";width:14px;height:14px;flex:none;border:1.5px solid var(--ink-3);border-radius:999px;background:#fff;box-sizing:border-box}
.cf-chip input[type=checkbox]+span::before{border-radius:4px}
.cf-chip:hover span{border-color:var(--primary)}
.cf-chip input:checked+span{border-color:var(--primary);background:var(--im-color-primary-lighter,#eaf2fd)}
.cf-chip input:checked+span::before{border:4px solid var(--primary)}
.cf-chip input[type=checkbox]:checked+span::before{border:0;background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.cf-chip input:focus-visible+span{outline:1px solid var(--primary);outline-offset:1px}
.cf-2{display:grid;gap:16px}@media(min-width:600px){.cf-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.cf-field{display:flex;flex-direction:column}
.cf-field input,.cf-field textarea{font:inherit;font-size:16px;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:9px 14px;min-height:44px;background:#fff;box-shadow:0 1px 2px #e5e9eb;width:100%;box-sizing:border-box}
.cf-field textarea{resize:vertical;min-height:110px}
.cf-field input:hover,.cf-field textarea:hover{border-color:var(--ink-3)}
.cf-field input:focus,.cf-field textarea:focus{outline:1px solid var(--primary);border-color:var(--primary)}
.cf-form.is-checked .cf-field input:invalid{border-color:var(--im-color-negative,#c62828)}
.cf-legal{font-size:13px;color:var(--ink-2);margin:0;line-height:1.5}
.cf-err{margin:0;font-size:14px;color:var(--im-color-negative,#c62828)}
.cf-form .btn{align-self:flex-start}
.cf-ok{padding:18px 20px;border-radius:12px;background:var(--im-color-primary-lighter,#eaf2fd);color:var(--ink);font-size:16px}

/* ---------- KUNDENSTIMME mit Porträt (Segmentseiten) ---------- */
.rl-voice{margin:0;display:grid;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #e5e9eb}
@media(min-width:820px){.rl-voice{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}
.rl-voice__photo{background:var(--im-color-primary-lighter,#eaf2fd);display:flex;align-items:flex-end;justify-content:center;padding:28px 28px 0;min-height:280px}
.rl-voice__photo img{display:block;width:100%;max-width:300px;height:auto}
.rl-voice__body{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.rl-voice blockquote{margin:0;display:flex;flex-direction:column;gap:12px}
.rl-voice__lead{font-size:clamp(24px,2.6vw,34px);line-height:1.2;font-weight:700;color:var(--ink);margin:0;text-wrap:balance}
.rl-voice blockquote p:not(.rl-voice__lead){margin:0;font-size:17px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.rl-voice figcaption{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--ink-2)}.rl-voice figcaption b{font-size:16px;color:var(--ink)}

/* Engagement: Gründe-Karten mit Bild */
.rl-card.eg-reason{padding:0;overflow:hidden}.eg-reason img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.eg-reason h3{padding:16px 20px 0}.eg-reason p{padding:0 20px 20px}

.mw{display:grid;gap:16px}@media(min-width:700px){.mw{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.mw{grid-template-columns:repeat(4,minmax(0,1fr))}}.mw-card{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #e5e9eb;display:flex;flex-direction:column}.mw-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.mw-card figcaption{padding:18px 20px 22px}.mw-card h3{margin:0 0 6px;font-size:20px}.mw-card p{margin:0;color:var(--ink-2);line-height:1.5;text-wrap:pretty}
.pk-photo{margin:32px 0 0;display:grid;gap:10px}.pk-photo img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:20px}.pk-photo figcaption{color:var(--ink-2);font-size:15px;text-align:center;text-wrap:pretty}@media(max-width:699px){.pk-photo img{aspect-ratio:4/3}}

.rl-author{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start;margin-top:40px;padding:22px;background:#fff;border-radius:16px;box-shadow:0 1px 2px #e5e9eb}.rl-author img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%}.rl-author div{display:flex;flex-direction:column;gap:2px}.rl-author__kick{font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2)}.rl-author b{font-size:18px;color:var(--ink)}.rl-author span{font-size:14px;color:var(--ink-2)}.rl-author p{margin:8px 0 4px;font-size:15px;line-height:1.5;color:var(--ink-2)}.rl-author a{font-size:15px}
.rl-side{display:flex;flex-direction:column;gap:16px;margin-top:40px}.rl-side .rl-author{margin-top:0}
.rl-toc{display:none}@media(min-width:1000px){.rl-toc{display:flex;flex-direction:column;gap:10px;padding:22px;background:#fff;border-radius:16px;box-shadow:0 1px 2px #e5e9eb}}.rl-toc ol{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px}.rl-article .rl-toc li{font-size:15px;line-height:1.4}.rl-toc a{color:var(--ink);text-decoration:none}.rl-toc a:hover{color:var(--primary,#3486ef);text-decoration:underline}
.rl-side__cta{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--ink);border-radius:16px;color:#fff}.rl-side__cta b{font-size:18px}.rl-article .rl-side__cta p{margin:0 0 8px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.8)}.rl-side__cta .btn{align-self:flex-start}
.rl-article .rl-side__cta .btn--onink{background:#fff;color:var(--ink);text-decoration:none}.rl-article .rl-side__cta .btn--onink:hover{background:#eef2f7;color:var(--ink)}
.cf-form [hidden]{display:none!important}.cf-person__role{overflow-wrap:anywhere;hyphens:auto}

@media(max-width:760px){#plattform360 .p360__art{display:block}#plattform360 .p360__orbit{display:block}}

/* Erster Abschnitt füllt den Bildschirm (ab Tablet). Höhe über der Hero (Nav, Brotkrumen) setzt site.js als --rl-hero-top. */
@media(min-width:768px) and (min-height:560px){
 :is(.hero,.rl-hero,.b2c-hero,.k-hero,.mh-hero).rl-fill{position:relative;box-sizing:border-box;min-height:min(calc(100svh - var(--rl-hero-top,71px)),1000px);display:flex;flex-direction:column;justify-content:center}
 :is(.hero,.rl-hero,.b2c-hero,.k-hero,.mh-hero).rl-fill>*:not(.rl-scrollcue){width:100%}
 :is(.hero,.rl-hero,.b2c-hero,.k-hero,.mh-hero).rl-fill{padding-bottom:max(84px,var(--rl-fill-pb,0px))}
 .rl-fill .rl-scrollcue{display:grid}
}
.rl-scrollcue{display:none;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:44px;height:44px;place-items:center;border-radius:50%;background:#fff;color:var(--ink);box-shadow:var(--im-shadow-card);text-decoration:none;transition:box-shadow .1s ease,color .1s ease;z-index:2}
.rl-scrollcue:hover{color:var(--primary);box-shadow:var(--im-shadow-hover)}
.rl-scrollcue:focus-visible{outline:1px solid var(--primary)}

/* B2B-Hero passt sich der Bildschirmhöhe an (fließend, ab 992 px). --rl-vh = sichtbare Höhe unter Nav/Brotkrumen. Ersetzt die feste Höhe 720 px. */
@media(min-width:992px){
 :root{--rl-vh:calc(100svh - var(--rl-hero-top,71px))}
 main .entry-content>section.rl-hero.rl-fill,main .entry-content>section.b2c-hero.rl-fill,main .entry-content>section.hero.rl-fill{height:auto!important;min-height:min(var(--rl-vh),1000px)}
 main .entry-content>section.rl-hero.rl-fill,main .entry-content>section.b2c-hero.rl-fill{padding:clamp(20px,6svh,56px) 0 max(76px,clamp(20px,6svh,56px))!important}
 main .entry-content>section.hero.rl-fill>.hero__grid{padding-top:clamp(20px,6svh,56px)!important;padding-bottom:max(76px,clamp(20px,6svh,56px))!important}
 .rl-hero.rl-fill h1,.rl-hero.rl-fill h1.display--sm,.b2c-hero.rl-fill .b2c-hero__title,main .entry-content>section.hero.rl-fill .hero__title{font-size:clamp(30px,min(3.4vw,6.4svh),48px)!important}
 .rl-hero.rl-fill .lede,.b2c-hero.rl-fill .b2c-hero__lede,.hero.rl-fill .lede{font-size:clamp(16px,2.5svh,18px);margin-top:clamp(10px,2.4svh,18px)}
 .rl-hero.rl-fill .rl-actions,.hero.rl-fill .hero__cta{margin-top:clamp(14px,3.4svh,26px)}
 .rl-hero.rl-fill .rl-proof,.b2c-hero.rl-fill .rl-proof{margin-top:clamp(12px,2.8svh,22px)}
 main .entry-content>section.hero.rl-fill{padding-bottom:0!important}
 main .entry-content>section.hero.rl-fill .hero__copy{gap:clamp(12px,2.8svh,22px)}
 .rl-hero.rl-fill .rl-hero__grid>*:last-child,.b2c-hero.rl-fill .b2c-hero__grid>*:last-child{max-height:clamp(260px,calc(var(--rl-vh) - 140px),560px);min-height:0}
 main .entry-content>section.hero.rl-fill .hero__visual{max-height:clamp(260px,calc(var(--rl-vh) - 140px),560px);min-height:0}
 .rl-hero.rl-fill .rl-shot img{max-height:clamp(240px,calc(var(--rl-vh) - 180px),440px)}
 .rl-hero.rl-fill .rl-phones img{max-height:clamp(240px,calc(var(--rl-vh) - 180px),440px)}
 .rl-hero.rl-fill .rl-phones img:nth-child(2),.rl-hero.rl-fill .rl-phones--even img{max-height:clamp(250px,calc(var(--rl-vh) - 160px),470px)}
 .rl-hero.rl-fill .rl-hero__grid>*:last-child img:not(.rl-shot img):not(.rl-phones img){max-height:clamp(240px,calc(var(--rl-vh) - 160px),520px);width:auto;max-width:100%;height:auto;object-fit:contain}
 main .entry-content>section.hero.rl-fill .hero__photo img{max-height:clamp(240px,calc(var(--rl-vh) - 180px),520px)}
}

@media(max-width:991px){#plattform .rl-panel__visual:has(> img){min-height:0;aspect-ratio:4/3;padding:24px;overflow:hidden;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}#plattform .rl-panel__visual:has(> img) img{width:100%;height:100%;max-height:none;max-width:100%;object-fit:contain}}

/* 360°-Grafik Vermieter: Sync-Linie ERP → Zentrum (Abnahme Nov. 2026, Punkt 11). Module 12° gegen den Uhrzeigersinn gedreht (assets/platform-360-gap.svg), Linie unten mittig vom Hub zur ERP-Box. */
.p360--sync .p360__art{position:relative;aspect-ratio:600 / 442}.p360--sync .p360__orbit{left:46.44%;top:43.97%;width:40.19%}.p360--sync .p360__ida{width:2.71%}.p360--sync .p360-erp__sync{visibility:hidden}
.p360__syncline{position:absolute;left:46.44%;top:71.27%;bottom:-32px;width:2px;background:var(--primary);transform:translateX(-50%);pointer-events:none;z-index:2}
.p360__syncline::before,.p360__syncline::after{content:"";position:absolute;left:50%;width:10px;height:10px;border:solid var(--primary);border-width:2px 0 0 2px;transform:translateX(-50%) rotate(45deg)}
.p360__syncline::before{top:-1px}.p360__syncline::after{bottom:-1px;transform:translateX(-50%) rotate(225deg)}
.p360__syncline b{position:absolute;left:12px;bottom:2px;white-space:nowrap;color:var(--primary);font-size:14px;font-weight:600;letter-spacing:.03em}@media(max-width:760px){.p360__syncline b{white-space:normal;width:max-content;max-width:min(150px,44vw);font-size:13px;line-height:1.25}}

.p360-erp__list a{white-space:nowrap}
.rl-visual--phone{aspect-ratio:auto;overflow:visible;display:flex;justify-content:center;align-items:center;background:var(--bg-2);border-radius:16px;padding:clamp(20px,3vw,32px)}.rl-visual--phone img{width:auto;height:auto;max-width:100%;max-height:440px;object-fit:contain;box-shadow:none}

.rl-visual.sp-sq{aspect-ratio:1;padding:0;overflow:hidden;display:block}.rl-visual.sp-sq img{width:100%;height:100%;max-height:none;object-fit:contain}

/* Referenzraster: bei weniger als 3 Unternehmen zweispaltig */
@media(min-width:700px){#referenzen .rl-grid.c3:not(:has(.rl-tile:nth-of-type(3))){grid-template-columns:repeat(2,minmax(0,1fr))}#referenzen .rl-grid.c3:not(:has(.rl-tile:nth-of-type(2))){grid-template-columns:minmax(0,1fr);max-width:50%}}

/* Kunden-Marquee: Logos der 20 Website-Referenzen (assets/logos/ref-*.png) */
.rl-logos .rl-marquee img{max-width:170px}.rl-logos .rl-marquee img.is-tall{height:clamp(40px,5vw,60px)}

/* Karriere: Social-Badges mit Logo */
.rl-social{padding:10px 16px;font-size:15px;gap:10px;color:var(--ink)}.rl-social:hover{border-color:var(--primary)}.rl-kununu-logo{width:22px;height:22px;border-radius:5px;display:block}.rl-kununu{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#FFC500;color:#000;font-weight:800;font-size:15px;line-height:1}