/* ============================================================================
   rs-theme.css — rassescout.de (Tenant rs)
   Voll-Custom "Karamell & Creme"-Design (Hunderassen-Verzeichnis). Erbt NICHT
   das Magazin-CSS (.site-weloveurlaub). Alles unter .rs gescoped.
   Fonts lokal (DSGVO): Bricolage Grotesque (Display), Hanken Grotesk (UI/Body),
   Source Serif 4 (Longread). Vorlage: Downloads/rassescout-design/.../*.dc.html
   ============================================================================ */

/* ---------- Fonts (lokal, self-hosted) ---------- */
@font-face{font-family:'Hanken Grotesk';src:url('/css/fonts/hanken-grotesk-var.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;}
@font-face{font-family:'Bricolage Grotesque';src:url('/css/fonts/bricolage-grotesque-var.woff2') format('woff2');font-weight:500 800;font-style:normal;font-display:swap;}
@font-face{font-family:'Source Serif 4';src:url('/css/fonts/source-serif-4-var.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;}

/* ---------- Body / Reset im rs-Wrapper ---------- */
body.rs-page{margin:0;background:#FAF6EF;color:#2E2620;font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.rs *{box-sizing:border-box;}
.rs img{max-width:100%;display:block;}

/* ---------- Tokens ---------- */
.rs{
  --rs-bg:#FAF6EF; --rs-surface:#FFFDF9; --rs-card:#FFFFFF;
  --rs-ink:#2E2620; --rs-ink-soft:#5f5447; --rs-muted:#6f6354; --rs-faint:#6f6354;
  --rs-deco:#a2967f;
  --rs-brand:#5C3D27; --rs-brand-2:#7A5235;
  --rs-cta:#C0552E; --rs-cta-hover:#a8481f; --rs-cta-bright:#D2683F;
  --rs-amber:#E5A05C; --rs-amber-ink:#3a2415;
  --rs-border:#EEE4D5; --rs-border-2:#E2D2BC; --rs-line:#ECE3D5;
  --rs-tag-bg:#F5EADB; --rs-tag-ink:#7a5a2f; --rs-chip-bg:#F3EADC;
  --rs-ok:#4f7a46; --rs-no:#b14e30;
  --rs-footer-bg:#2E2620; --rs-footer-ink:#cbbca9; --rs-footer-soft:#9d8e7c;
  --rs-radius:16px; --rs-radius-sm:12px; --rs-radius-lg:20px; --rs-radius-pill:30px;
  --rs-shadow:0 2px 10px rgba(50,40,30,.05); --rs-shadow-lg:0 10px 28px rgba(50,40,30,.14);
  --rs-grad-dark:linear-gradient(120deg,#5C3D27,#7A5235);
  --rs-maxw:1180px;
  --rs-display:'Bricolage Grotesque',system-ui,sans-serif;
  --rs-serif:'Source Serif 4',Georgia,serif;
  color:var(--rs-ink);
}

/* ---------- Skip-Link (in cmp.css base versteckt, hier rs-Farben) ---------- */
.rs-page .skip-link{background:#E5A05C;color:#2E2620;font-weight:800;border-radius:0 0 8px 0;}

/* ---------- Sticky Footer (Footer bleibt unten, auch bei wenig Content) ----------
   WICHTIG: Der Body wird (von cmp/base) als display:grid gesetzt — dann schrumpft
   ein flex-.rs als Grid-Item auf Content-Breite (linksbündig/schmal). Daher Body
   für rs auf block, damit .rs die volle Breite füllt. */
body.rs-page{display:block;}
.rs{display:flex;flex-direction:column;min-height:100vh;width:100%;}
.rs > main,.rs main#main{flex:1 0 auto;}
.rs > .rs-footer{flex-shrink:0;}

/* ---------- Container ---------- */
.rs-wrap{max-width:var(--rs-maxw);margin:0 auto;padding:0 24px;}
.rs-wrap--wide{max-width:1280px;}
.rs-wrap--read{max-width:780px;}

/* ---------- Typo-Helfer ---------- */
.rs h1,.rs h2,.rs h3,.rs h4{font-family:var(--rs-display);color:var(--rs-ink);margin:0;line-height:1.1;letter-spacing:-.01em;}
.rs-kicker{font-family:ui-monospace,'SFMono-Regular',Menlo,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8c5e1c;margin:0 0 12px;}
/* Strukturelle Links (Karten, Nav, Footer) erben die lokale Textfarbe; nur echte
   Inline-Content-Links werden eingefärbt (.rs-link, .rs-prose a, .rs-longread a). */
.rs a{color:inherit;text-decoration:none;}
.rs-link{color:var(--rs-cta);font-weight:700;text-decoration:none;}
.rs-link:hover{text-decoration:underline;}
.rs-longread a{color:#9a3f1a;text-decoration:underline;text-underline-offset:2px;}

/* ---------- Buttons ---------- */
.rs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--rs-body,'Hanken Grotesk');font-size:16px;font-weight:700;padding:15px 26px;border-radius:var(--rs-radius-sm);border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s,transform .05s,box-shadow .15s;min-height:48px;}
.rs-btn:active{transform:translateY(1px);}
/* .rs prefix erhöht Spezifität über das generische `.rs a {color}` (0,1,1). */
.rs .rs-btn--cta{background:var(--rs-cta);color:#fff;box-shadow:0 6px 16px rgba(192,85,46,.26);}
.rs .rs-btn--cta:hover{background:var(--rs-cta-hover);color:#fff;}
.rs .rs-btn--ghost{background:#fff;color:var(--rs-brand);border-color:var(--rs-border-2);}
.rs .rs-btn--ghost:hover{border-color:var(--rs-brand);}
.rs .rs-btn--amber{background:var(--rs-amber);color:var(--rs-amber-ink);}
.rs .rs-btn--amber:hover{background:#dd9148;color:var(--rs-amber-ink);}
.rs-btn--block{width:100%;}

/* ---------- Header ---------- */
.rs-header{background:var(--rs-surface);border-bottom:1px solid var(--rs-line);position:sticky;top:0;z-index:40;}
.rs-header__inner{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.rs-header__left{display:flex;align-items:center;gap:36px;min-width:0;}
.rs-logo{display:flex;align-items:center;gap:8px;font-family:var(--rs-display);font-weight:800;font-size:23px;color:var(--rs-brand);text-decoration:none;white-space:nowrap;}
.rs-logo__dot{width:9px;height:9px;border-radius:50%;background:var(--rs-cta-bright);display:inline-block;margin-bottom:-2px;}
.rs-nav{display:flex;gap:26px;}
.rs-nav a{font-size:15px;font-weight:600;color:#574c40;text-decoration:none;}
.rs-nav a:hover{color:var(--rs-cta);}
.rs-nav a.is-active{color:var(--rs-cta);}
.rs-header__right{display:flex;align-items:center;gap:14px;}
.rs-headersearch{display:flex;align-items:center;gap:8px;width:230px;max-width:36vw;padding:9px 14px;background:var(--rs-chip-bg);border-radius:var(--rs-radius-pill);border:1px solid transparent;}
.rs-headersearch input{border:0;background:transparent;outline:none;font:inherit;font-size:14px;color:var(--rs-ink);width:100%;}
.rs-headersearch input::placeholder{color:#9a8d79;}
.rs-headersearch svg{color:#9a8d79;flex:none;}
/* Autocomplete-Dropdown */
.rs-headersearch{position:relative;}
.rs-ac{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--rs-border);border-radius:14px;box-shadow:var(--rs-shadow-lg);overflow:hidden;z-index:50;max-height:60vh;overflow-y:auto;}
.rs-ac__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;text-decoration:none;color:var(--rs-ink);font-size:15px;font-weight:600;border-bottom:1px solid var(--rs-line);}
.rs-ac__item:last-child{border-bottom:0;}
.rs-ac__item:hover,.rs-ac__item.is-active{background:var(--rs-chip-bg);}
.rs-ac__t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#7a4716;flex:none;}
.rs .rs-header__cta{padding:11px 18px;background:var(--rs-cta);color:#fff;border-radius:var(--rs-radius-pill);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;}
.rs .rs-header__cta:hover{background:var(--rs-cta-hover);color:#fff;}
.rs-burger{display:none;background:none;border:0;color:var(--rs-brand);cursor:pointer;padding:6px;}

/* ---------- Mobile-Nav-Sheet ---------- */
.rs-mnav-backdrop{position:fixed;inset:0;background:rgba(46,38,32,.5);opacity:0;visibility:hidden;transition:opacity .2s;z-index:10000;}
.rs-mnav-backdrop.is-open{opacity:1;visibility:visible;}
.rs-mnav{position:fixed;top:0;right:0;bottom:0;width:84%;max-width:340px;background:var(--rs-bg);transform:translateX(100%);transition:transform .25s ease;z-index:10001;padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;}
.rs-mnav.is-open{transform:none;}
.rs-mnav__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.rs-mnav .rs-headersearch{width:100%;max-width:none;margin-bottom:8px;}
.rs-mnav a{padding:14px 6px;font-size:18px;font-weight:700;color:var(--rs-brand);text-decoration:none;border-bottom:1px solid var(--rs-line);}
.rs-mnav__close{background:none;border:0;color:var(--rs-brand);cursor:pointer;}

/* ---------- Breadcrumb ---------- */
.rs-crumbs{font-family:ui-monospace,monospace;font-size:13px;color:var(--rs-muted);margin:0 0 16px;}
.rs-crumbs a{color:var(--rs-muted);text-decoration:none;}
.rs-crumbs a:hover{color:var(--rs-brand);}
.rs-crumbs__cur{color:var(--rs-brand);}

/* ---------- Sektion-Helfer ---------- */
.rs-section{padding:48px 0 8px;}
.rs-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;}
.rs-section h2{font-size:30px;font-weight:700;}
.rs-section__more{font-size:15px;font-weight:700;color:var(--rs-cta);text-decoration:none;white-space:nowrap;}

/* ============================ HERO (Home) ============================ */
.rs-hero{padding:56px 0 8px;}
.rs-hero__grid{display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center;}
.rs-hero__badge{display:inline-block;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7a4a18;background:#F3E6D2;padding:6px 12px;border-radius:var(--rs-radius-pill);margin-bottom:22px;}
.rs-hero h1{font-size:52px;font-weight:700;line-height:1.04;letter-spacing:-.015em;margin:0 0 20px;text-wrap:balance;}
.rs-hero__lead{font-size:18px;line-height:1.6;color:var(--rs-ink-soft);margin:0 0 32px;max-width:480px;}
.rs-hero__cta{display:flex;gap:14px;margin-bottom:26px;flex-wrap:wrap;}
.rs-hero__trust{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--rs-muted);}
.rs-hero__stars{color:#B8860B;font-size:15px;letter-spacing:1px;}
.rs-hero__media{position:relative;}
.rs-hero__img{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--rs-line);}
.rs-hero__img img{width:100%;height:100%;object-fit:cover;}
.rs-hero__card{position:absolute;left:-22px;bottom:-22px;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:var(--rs-shadow-lg);display:flex;align-items:center;gap:12px;max-width:248px;}
.rs-hero__card-img{width:52px;height:52px;border-radius:10px;flex:none;overflow:hidden;background:var(--rs-line);}
.rs-hero__card-img img{width:100%;height:100%;object-fit:cover;}
.rs-hero__card-label{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.08em;color:#6f5024;text-transform:uppercase;}
.rs-hero__card-name{font-family:var(--rs-display);font-weight:700;font-size:16px;color:var(--rs-ink);}

/* ============================ TEST-TEASER ============================ */
.rs-testteaser{background:var(--rs-grad-dark);border-radius:var(--rs-radius-lg);padding:44px 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;color:#F7ECDD;margin-top:24px;}
.rs-testteaser__kicker{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#E7B07E;margin-bottom:12px;}
.rs-testteaser h2{font-size:34px;font-weight:700;line-height:1.1;margin:0 0 14px;color:#FFF6EA;}
.rs-testteaser p{font-size:16px;line-height:1.55;color:#E3CFB8;margin:0 0 26px;max-width:440px;}
.rs-testteaser__steps{display:flex;flex-direction:column;gap:12px;}
.rs-teststep{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:14px 16px;color:#F7ECDD;font-size:15px;}
.rs-teststep span{width:30px;height:30px;border-radius:50%;background:#E5A05C;color:#3a2415;font-weight:800;display:grid;place-items:center;font-size:14px;flex:none;}

/* ============================ RASSEN-KARTE ============================ */
.rs-grid{display:grid;gap:22px;}
.rs-grid--3{grid-template-columns:repeat(3,1fr);}
.rs-grid--4{grid-template-columns:repeat(4,1fr);}
.rs-breedcard{background:#fff;border:1px solid var(--rs-border);border-radius:var(--rs-radius);overflow:hidden;box-shadow:var(--rs-shadow);text-decoration:none;color:inherit;display:block;transition:transform .12s,box-shadow .12s;}
.rs-breedcard:hover{transform:translateY(-3px);box-shadow:var(--rs-shadow-lg);}
.rs-breedcard__img{aspect-ratio:4/3;background:var(--rs-line);overflow:hidden;}
.rs-breedcard__img img{width:100%;height:100%;object-fit:cover;}
.rs-breedcard__body{padding:16px 18px 18px;}
.rs-breedcard__name{font-family:var(--rs-display);font-weight:700;font-size:19px;color:var(--rs-ink);margin-bottom:4px;}
.rs-breedcard__char{font-size:14px;color:var(--rs-muted);margin-bottom:14px;line-height:1.45;}
.rs-breedcard__tags{display:flex;flex-wrap:wrap;gap:7px;}
.rs-tag{font-size:12px;font-weight:600;color:var(--rs-tag-ink);background:var(--rs-tag-bg);padding:5px 11px;border-radius:20px;}
.rs-breedcard__scales{display:flex;gap:14px;}
.rs-breedcard__scale-k{font-size:10px;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em;color:#6b6052;margin-bottom:3px;}

/* ---------- Dot-Skala ---------- */
.rs-dots{font-size:13px;letter-spacing:1px;line-height:1;}
.rs-dots--lg{font-size:18px;letter-spacing:3px;}
.rs-dots__on{color:var(--rs-cta-bright);}
.rs-dots__off{color:#E4D6C0;}

/* ============================ SCHNELL-EINSTIEGE / FILTER-KACHELN ============================ */
.rs-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.rs-quick a{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--rs-border);border-radius:var(--rs-radius-sm);padding:16px 18px;text-decoration:none;}
.rs-quick a:hover{border-color:var(--rs-border-2);}
.rs-quick__name{font-size:16px;font-weight:700;color:var(--rs-brand);}
.rs-quick__count{font-size:13px;color:var(--rs-muted);font-family:ui-monospace,monospace;}

/* ============================ TOOL-KARTEN ============================ */
.rs-toolcard{background:#FBF4E9;border:1px solid #EEE2CF;border-radius:var(--rs-radius);padding:22px 20px;text-decoration:none;color:inherit;display:block;transition:transform .12s,box-shadow .12s;}
.rs-toolcard:hover{transform:translateY(-3px);box-shadow:var(--rs-shadow);}
.rs-toolcard__icon{width:46px;height:46px;border-radius:12px;background:#F0DCC0;color:#7a4716;display:grid;place-items:center;margin-bottom:16px;}
.rs-toolcard__name{font-family:var(--rs-display);font-weight:700;font-size:17px;color:var(--rs-ink);margin-bottom:5px;}
.rs-toolcard__desc{font-size:14px;color:var(--rs-muted);line-height:1.45;}
.rs-toolcard__soon{display:inline-block;margin-top:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#7a4716;background:#F0DCC0;padding:3px 9px;border-radius:20px;}

/* ============================ RATGEBER-KARTEN ============================ */
.rs-guidecard{background:#fff;border:1px solid var(--rs-border);border-radius:var(--rs-radius);overflow:hidden;text-decoration:none;color:inherit;display:block;}
.rs-guidecard:hover{box-shadow:var(--rs-shadow);}
.rs-guidecard__img{aspect-ratio:16/9;background:var(--rs-line);overflow:hidden;}
.rs-guidecard__img img{width:100%;height:100%;object-fit:cover;}
.rs-guidecard__body{padding:18px;}
.rs-guidecard__meta{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a4716;}
.rs-guidecard__title{font-family:var(--rs-display);font-weight:600;font-size:18px;line-height:1.25;color:var(--rs-ink);margin-top:8px;}

/* ============================ DATENBANK-HUB (Filter) ============================ */
.rs-hubintro{padding:26px 0 0;}
.rs-hubintro h1{font-size:38px;font-weight:700;margin:0 0 10px;}
.rs-hubintro p{font-size:16px;line-height:1.6;color:var(--rs-ink-soft);margin:0;max-width:760px;}
.rs-hublayout{display:grid;grid-template-columns:282px 1fr;gap:32px;padding:28px 0 48px;align-items:start;}
.rs-filterpanel{background:#fff;border:1px solid var(--rs-border);border-radius:18px;padding:22px 20px;position:sticky;top:88px;}
.rs-filterpanel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.rs-filterpanel__head span{font-family:var(--rs-display);font-weight:700;font-size:18px;color:var(--rs-ink);}
.rs-filter-reset{font-size:13px;font-weight:700;color:var(--rs-cta);background:none;border:0;cursor:pointer;padding:0;}
.rs-filtergroup{margin-bottom:22px;}
.rs-filtergroup__label{font-size:13px;font-weight:700;color:var(--rs-brand);margin-bottom:10px;}
.rs-filtergroup[data-group="trait"]{max-height:288px;overflow-y:auto;padding-right:4px;}
/* Eigenschaften-Chips auf der Detailseite */
.rs-traits{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px;}
.rs-trait{display:inline-flex;align-items:center;gap:7px;font-family:var(--rs-body,'Hanken Grotesk');font-size:14px;font-weight:600;color:var(--rs-ink);background:#FBF4E9;border:1px solid #ecd9bf;border-radius:20px;padding:7px 14px;text-decoration:none;}
.rs-trait svg{color:#5C8A52;flex:none;}
.rs-trait:hover{border-color:var(--rs-cta);color:var(--rs-cta);}
.rs-filtergroup--toggles{border-top:1px solid #F0E7D8;padding-top:18px;display:flex;flex-direction:column;gap:13px;}
/* Checkbox-Reihen */
.rs-checkrow{display:flex;align-items:center;gap:10px;font-size:14px;color:#574c40;cursor:pointer;margin-bottom:9px;}
.rs-checkrow input{position:absolute;opacity:0;width:0;height:0;}
.rs-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid #DCCDB6;display:grid;place-items:center;color:#fff;flex:none;transition:background .12s,border-color .12s;}
.rs-checkrow input:checked + .rs-checkbox{background:var(--rs-cta-bright);border-color:var(--rs-cta-bright);}
.rs-checkrow input:focus-visible + .rs-checkbox{outline:2px solid var(--rs-brand);outline-offset:2px;}
.rs-checkbox svg{opacity:0;width:12px;height:12px;}
.rs-checkrow input:checked + .rs-checkbox svg{opacity:1;}
/* Segmented (Größe/Aktivität) */
.rs-seg{display:flex;gap:8px;}
.rs-seg button{flex:1;text-align:center;font-size:13px;font-weight:600;padding:9px 4px;border-radius:9px;background:var(--rs-tag-bg);color:var(--rs-tag-ink);border:0;cursor:pointer;}
.rs-seg button[aria-pressed="true"]{background:var(--rs-cta-bright);color:#fff;font-weight:700;}
/* Toggle-Switch */
.rs-toggle{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#574c40;font-weight:600;cursor:pointer;}
.rs-toggle input{position:absolute;opacity:0;}
.rs-switch{width:38px;height:22px;border-radius:20px;background:#E4D6C0;position:relative;flex:none;transition:background .15s;}
.rs-switch::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;}
.rs-toggle input:checked + .rs-switch{background:var(--rs-cta-bright);}
.rs-toggle input:checked + .rs-switch::after{left:18px;}
.rs-toggle input:focus-visible + .rs-switch{outline:2px solid var(--rs-brand);outline-offset:2px;}
/* Ergebnisleiste */
.rs-resultbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px;}
.rs-resultbar__chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.rs-count{font-family:var(--rs-display);font-weight:700;font-size:18px;color:var(--rs-ink);}
.rs-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fff;background:var(--rs-brand);padding:6px 11px;border-radius:20px;border:0;cursor:pointer;}
.rs-chip:hover{background:#4a3120;}
.rs-sort{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--rs-ink-soft);background:#fff;border:1px solid var(--rs-border);padding:9px 14px;border-radius:10px;}
.rs-sort select{border:0;background:transparent;font:inherit;font-weight:700;color:var(--rs-brand);cursor:pointer;}
.rs-empty{background:#fff;border:1px solid var(--rs-border);border-radius:var(--rs-radius);padding:40px 24px;text-align:center;color:var(--rs-ink-soft);}
.rs-empty h3{font-size:22px;margin:0 0 8px;}
/* Mobile-Filter-Trigger + Bottom-Sheet */
.rs-filterbar-m{display:none;}
.rs-sheet-backdrop{position:fixed;inset:0;background:rgba(46,38,32,.55);opacity:0;visibility:hidden;transition:opacity .2s;z-index:10000;}
.rs-sheet-backdrop.is-open{opacity:1;visibility:visible;}
.rs-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--rs-bg);border-radius:26px 26px 0 0;padding:14px 20px 24px;box-shadow:0 -12px 40px rgba(0,0,0,.3);z-index:10001;transform:translateY(100%);transition:transform .25s ease;max-height:86vh;overflow-y:auto;}
.rs-sheet.is-open{transform:none;}
.rs-sheet__handle{width:44px;height:5px;border-radius:10px;background:#DDD1BF;margin:0 auto 16px;}

/* ============================ FILTER-LANDINGPAGE ============================ */
.rs-topichero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:40px 0 0;}
.rs-topichero h1{font-size:42px;font-weight:700;letter-spacing:-.01em;margin:0 0 14px;}
.rs-topichero__lead{font-family:var(--rs-serif);font-size:18px;line-height:1.7;color:#4f463c;margin:0;}
.rs-topichero__lead strong{color:var(--rs-brand);}
.rs-topichero__img{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--rs-line);}
.rs-topichero__img img{width:100%;height:100%;object-fit:cover;}
.rs-seoblock{padding:30px 0 0;max-width:860px;}
.rs-seoblock h2{font-size:24px;font-weight:700;margin:28px 0 12px;}
.rs-seoblock h2:first-child{margin-top:0;}
.rs-seoblock h3{font-family:var(--rs-display);font-size:20px;font-weight:700;color:var(--rs-ink);margin:22px 0 10px;}
.rs-seoblock p{font-family:var(--rs-serif);font-size:18px;line-height:1.7;color:#4f463c;margin:0 0 14px;}
.rs-seoblock ul,.rs-seoblock ol{font-family:var(--rs-serif);font-size:18px;line-height:1.7;color:#4f463c;padding-left:22px;margin:0 0 16px;}
.rs-seoblock li{margin:0 0 7px;}
.rs-seoblock strong{color:var(--rs-ink);}
.rs-seoblock a{color:#9a3f1a;text-decoration:underline;text-underline-offset:2px;}
.rs-relatedpills{display:flex;gap:12px;flex-wrap:wrap;padding:24px 0 0;}
.rs-relatedpills a{font-size:14px;font-weight:700;color:var(--rs-brand);background:var(--rs-chip-bg);padding:11px 18px;border-radius:var(--rs-radius-pill);text-decoration:none;}
.rs-relatedpills a:hover{background:#ecdfca;}

/* ============================ EINZELRASSE (Detail) ============================ */
/* Hero: feste 16:6-Bühne. Auf breiten Screens bleibt das Rassefoto in seinen
   Proportionen (contain), die Seiten füllt eine unscharfe Cover-Kopie desselben
   Bildes — kein Anschnitt des Hundes. Mobil: cover (Proportion passt). */
.rs-bhero{position:relative;height:340px;overflow:hidden;background:#2E2620;}
.rs-bhero__bg{position:absolute;inset:0;background-image:var(--rs-hero-img);background-size:cover;background-position:center;filter:blur(34px) brightness(.7) saturate(1.1);transform:scale(1.15);}
.rs-bhero__img{position:absolute;inset:0;}
.rs-bhero__img img{width:100%;height:100%;object-fit:contain;object-position:center;}
.rs-bhero__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(46,38,32,.82) 0%,rgba(46,38,32,.2) 55%,transparent 100%);}
.rs-bhero__inner{position:absolute;left:0;right:0;bottom:30px;color:#fff;}
.rs-bhero__crumbs{font-family:ui-monospace,monospace;font-size:12px;color:#E7CBA9;margin-bottom:10px;}
.rs-bhero__crumbs a{color:#E7CBA9;text-decoration:none;}
.rs-bhero h1{font-size:50px;font-weight:700;letter-spacing:-.015em;margin:0 0 8px;color:#fff;}
.rs-bhero__char{font-size:18px;color:#F1E4D2;margin:0;max-width:560px;}
/* Steckbrief-Karten */
.rs-steckbrief{width:100%;border-collapse:collapse;margin:22px 0 4px;background:#fff;border:1px solid var(--rs-border);border-radius:14px;overflow:hidden;font-size:.97rem;}
.rs-steckbrief caption{caption-side:top;text-align:left;font-weight:700;font-size:1.05rem;padding:14px 16px 6px;color:var(--rs-ink,#2a2118);}
.rs-steckbrief th,.rs-steckbrief td{padding:10px 16px;border-top:1px solid var(--rs-border);text-align:left;vertical-align:top;}
.rs-steckbrief th{width:42%;font-weight:600;color:var(--rs-muted,#6b5d4d);background:rgba(0,0,0,.015);}
.rs-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:28px 0 0;}
.rs-fact{background:#fff;border:1px solid var(--rs-border);border-radius:14px;padding:18px 16px;}
.rs-fact__icon{color:var(--rs-cta);margin-bottom:8px;}
.rs-fact__k{font-size:11px;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;color:#6b6052;margin-bottom:4px;}
.rs-fact__v{font-family:var(--rs-display);font-weight:700;font-size:17px;color:var(--rs-ink);line-height:1.15;}
/* Zweispaltig: Skalen + Aside */
.rs-detail{display:grid;grid-template-columns:1fr 320px;gap:32px;padding:40px 0 0;align-items:start;}
.rs-detail>*{min-width:0;}
.rs-detail h2{font-size:26px;font-weight:700;margin:0 0 6px;}
.rs-detail__sub{font-size:15px;color:var(--rs-muted);margin:0 0 24px;}
.rs-scales{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;}
.rs-scale__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;}
.rs-scale__k{font-size:15px;font-weight:600;color:#3f372e;}
.rs-scale__label{font-size:13px;font-family:ui-monospace,monospace;color:#6b6052;}
.rs-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.rs-gallery__item{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--rs-line);}
.rs-gallery__item img{width:100%;height:100%;object-fit:cover;}
/* Hauptthemen sind jetzt H2 — optisch wie zuvor die Abschnitts-H3 (Semantik entkoppelt). */
.rs-longread h2{font-family:var(--rs-display);font-size:23px;font-weight:700;color:var(--rs-ink);margin:36px 0 13px;line-height:1.2;}
.rs-longread h2:first-child{margin-top:8px;}
.rs-longread h3{font-family:var(--rs-display);font-size:18px;font-weight:700;color:var(--rs-ink);margin:24px 0 10px;line-height:1.25;}
.rs-longread p{font-family:var(--rs-serif);font-size:18px;line-height:1.7;color:#4f463c;margin:0 0 18px;}
.rs-longread ul{font-family:var(--rs-serif);font-size:18px;line-height:1.7;color:#4f463c;padding-left:22px;margin:0 0 18px;}
.rs-longread ol{font-family:var(--rs-serif);font-size:18px;line-height:1.7;color:#4f463c;padding-left:22px;margin:0 0 18px;}
.rs-longread li{margin:0 0 7px;}
.rs-longread strong{color:var(--rs-ink);}
.rs-longread table{width:100%;border-collapse:collapse;margin:6px 0 24px;font-size:15px;background:#fff;border:1px solid var(--rs-border);border-radius:16px;overflow:hidden;}
.rs-longread caption{text-align:left;font-size:14px;color:var(--rs-ink-soft);margin-bottom:8px;}
.rs-longread th,.rs-longread td{padding:14px 16px;text-align:left;border-bottom:1px solid #F3EBDD;vertical-align:top;}
.rs-longread thead th{background:#F3EADC;font-family:var(--rs-body,'Hanken Grotesk');font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rs-ink-soft);}
.rs-longread tbody td{font-weight:700;color:var(--rs-ink);}
.rs-longread tbody td:first-child{font-weight:500;color:var(--rs-ink-soft);}
.rs-longread tbody tr:last-child td{border-bottom:0;}
.rs-longread .rs-keyfacts{background:#fbf3e9;border-left:4px solid var(--rs-cta);border-radius:8px;padding:16px 20px;margin:16px 0 24px;}
.rs-longread .rs-keyfacts p{margin:0 0 6px;font-size:16.5px;}
.rs-longread .rs-keyfacts p:last-child{margin:0;}
@media(max-width:560px){.rs-longread table{display:block;overflow-x:auto;white-space:nowrap;}}

/* ====== Content-Module (rs-longread) — gegen Textwüste ====== */
/* Stat-Karten „Auf einen Blick" */
.rs-longread .rs-mod-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 26px;}
.rs-longread .rs-mod-stat{background:#fff;border:1px solid var(--rs-border);border-radius:12px;padding:15px 14px;text-align:center;}
.rs-longread .rs-mod-stat__v{font-family:var(--rs-display);font-weight:700;font-size:20px;color:var(--rs-cta);line-height:1.15;}
.rs-longread .rs-mod-stat__k{font-family:var(--rs-display);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--rs-ink-soft);margin-top:5px;}

/* Info-/Warn-/Gesundheits-Box mit CSS-Icon */
.rs-longread .rs-mod-box{position:relative;border:1px solid var(--rs-border-2);border-radius:14px;padding:18px 20px 6px;margin:8px 0 24px;background:#fff;}
.rs-longread .rs-mod-box__t{display:flex;align-items:center;gap:9px;font-family:var(--rs-display);font-weight:700;font-size:18px;color:var(--rs-ink);margin:0 0 10px;}
.rs-longread .rs-mod-box__t::before{content:"";width:22px;height:22px;flex:none;background-size:contain;background-repeat:no-repeat;background-position:center;}
.rs-longread .rs-mod-box p{font-size:16.5px;margin:0 0 12px;}
.rs-longread .rs-mod-box ul{margin:0 0 12px;}
.rs-longread .rs-mod-box--info{background:#fbf3e9;border-color:#ecd9bf;}
.rs-longread .rs-mod-box--info .rs-mod-box__t::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C0552E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 16v-4'/><path d='M12 8h.01'/></svg>");}
.rs-longread .rs-mod-box--warn{background:#fdf3e6;border-color:#e9c98f;}
.rs-longread .rs-mod-box--warn .rs-mod-box__t{color:#9a5a13;}
.rs-longread .rs-mod-box--warn .rs-mod-box__t::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c98512' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/><path d='M12 9v4'/><path d='M12 17h.01'/></svg>");}
.rs-longread .rs-mod-box--health{background:#fbeeec;border-color:#e8b9b0;}
.rs-longread .rs-mod-box--health .rs-mod-box__t{color:#a8412c;}
.rs-longread .rs-mod-box--health .rs-mod-box__t::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b14e30' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 13h4l1.5-4 3 8 2-5 1.5 1h5'/></svg>");}

/* Pro/Contra: Das spricht dafür / ist zu bedenken */
.rs-longread .rs-mod-procon{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 24px;}
.rs-longread .rs-mod-procon__col{border:1px solid var(--rs-border-2);border-radius:14px;padding:16px 18px 8px;background:#fff;}
.rs-longread .rs-mod-procon__col :is(h4,.rs-modh){font-family:var(--rs-display);font-size:16px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.rs-longread .rs-mod-procon__col :is(h4,.rs-modh)::before{content:"";width:20px;height:20px;flex:none;background-size:contain;background-repeat:no-repeat;}
.rs-longread .rs-mod-procon--pro{background:#f1f6ee;border-color:#cfe0c4;}
.rs-longread .rs-mod-procon--pro :is(h4,.rs-modh){color:#4f7a46;}
.rs-longread .rs-mod-procon--pro :is(h4,.rs-modh)::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f7a46' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");}
.rs-longread .rs-mod-procon--con{background:#fbf0ec;border-color:#e6c2b6;}
.rs-longread .rs-mod-procon--con :is(h4,.rs-modh){color:#b14e30;}
.rs-longread .rs-mod-procon--con :is(h4,.rs-modh)::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b14e30' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M18 6 6 18'/><path d='m6 6 12 12'/></svg>");}
.rs-longread .rs-mod-procon ul{font-size:16px;padding-left:20px;margin:0 0 8px;}
.rs-longread .rs-mod-procon li{margin:0 0 8px;}

/* Mythos vs. Fakt (Häufige Irrtümer) */
.rs-longread .rs-mod-myth{display:flex;flex-direction:column;gap:12px;margin:8px 0 24px;}
.rs-longread .rs-mod-myth__row{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rs-border-2);border-radius:14px;overflow:hidden;background:#fff;}
.rs-longread .rs-mod-myth__claim,.rs-longread .rs-mod-myth__fact{padding:14px 16px;font-size:15.5px;line-height:1.5;font-family:var(--rs-serif);}
.rs-longread .rs-mod-myth__claim{background:#fbf0ec;color:#7a4636;border-right:1px solid var(--rs-border-2);}
.rs-longread .rs-mod-myth__claim b,.rs-longread .rs-mod-myth__fact b{display:block;font-family:var(--rs-display);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;}
.rs-longread .rs-mod-myth__claim b{color:#b14e30;}
.rs-longread .rs-mod-myth__fact b{color:#4f7a46;}

@media(max-width:640px){
  .rs-longread .rs-mod-stats{grid-template-columns:repeat(2,1fr);}
  .rs-longread .rs-mod-procon,.rs-longread .rs-mod-myth__row{grid-template-columns:1fr;}
  .rs-longread .rs-mod-myth__claim{border-right:0;border-bottom:1px solid var(--rs-border-2);}
}

/* ====== Temperament & Eignung (View-Module: Radar/Skalen/Gauge/Ampel/Größe) ====== */
.rs-tempgrid{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--rs-border);border-radius:16px;padding:24px 26px;margin:6px 0 16px;}
.rs-radarcard{display:flex;align-items:center;justify-content:center;}
.rs-skalen{display:flex;flex-direction:column;gap:13px;}
.rs-skala__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;font-family:var(--rs-body,'Hanken Grotesk');font-size:14px;font-weight:600;color:var(--rs-ink);}
.rs-skala__v{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;color:var(--rs-cta);letter-spacing:.04em;}
.rs-skala__track{height:8px;background:#F1E7D6;border-radius:6px;overflow:hidden;}
.rs-skala__fill{height:100%;background:linear-gradient(90deg,var(--rs-amber),var(--rs-cta-bright));border-radius:6px;}
.rs-eigncards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 20px;}
.rs-eigncard{background:#fff;border:1px solid var(--rs-border);border-radius:16px;padding:18px 20px;}
.rs-eigncard__t{font-family:var(--rs-display);font-weight:700;font-size:16px;color:var(--rs-ink);margin-bottom:12px;}
.rs-eigncard p{font-family:var(--rs-body,'Hanken Grotesk');font-size:14px;line-height:1.5;color:var(--rs-ink-soft);margin:0;}
.rs-gaugecard{display:flex;align-items:center;gap:14px;}
.rs-gaugecard svg{flex:none;}
.rs-ampelgrid{display:flex;flex-direction:column;gap:8px;}
.rs-ampel{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-family:var(--rs-body,'Hanken Grotesk');}
.rs-ampel__ic{display:flex;flex:none;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:#fff;}
.rs-ampel__k{flex:1;font-size:14px;font-weight:600;color:var(--rs-ink);}
.rs-ampel__v{font-size:12.5px;font-weight:700;font-family:ui-monospace,monospace;letter-spacing:.03em;}
.rs-ampel--gut{background:#EEF3E9;}.rs-ampel--gut .rs-ampel__ic{color:#5C8A52;}.rs-ampel--gut .rs-ampel__v{color:#3E6B3A;}
.rs-ampel--mittel{background:#FBF4E9;}.rs-ampel--mittel .rs-ampel__ic{color:#c9882c;}.rs-ampel--mittel .rs-ampel__v{color:#9a5a13;}
.rs-ampel--gering{background:#FBEDE7;}.rs-ampel--gering .rs-ampel__ic{color:#C25A3C;}.rs-ampel--gering .rs-ampel__v{color:#B0492C;}
.rs-sizecmp{display:flex;gap:20px;align-items:flex-end;justify-content:center;height:160px;padding-top:6px;}
.rs-sizecmp__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1;max-width:80px;}
.rs-sizecmp__bar{width:38px;border-radius:7px 7px 0 0;min-height:12px;}
.rs-sizecmp__bar--human{background:#E4D6C0;}
.rs-sizecmp__bar--dog{background:var(--rs-caramel,#D08C4C);}
.rs-sizecmp__col span{margin-top:8px;font-family:var(--rs-body,'Hanken Grotesk');font-size:12px;line-height:1.3;text-align:center;color:var(--rs-ink-soft);}
.rs-sizecmp__col b{color:var(--rs-ink);font-weight:700;}
@media(max-width:820px){
  .rs-tempgrid{grid-template-columns:1fr;gap:18px;}
  .rs-eigncards{grid-template-columns:1fr;}
}

/* ====== Content-Stream-Module v2 (Design-Handoff) ====== */
/* M01 — Das Wichtigste in Kürze (dunkle Box) */
.rs-longread .rs-m01{background:linear-gradient(135deg,#5C3D27,#3c2818);border-radius:18px;padding:22px 26px 13px;margin:16px 0 26px;}
.rs-longread .rs-m01__t{display:flex;align-items:center;gap:11px;font-family:var(--rs-display);font-weight:800;font-size:18px;color:#fff;margin:0 0 15px;}
.rs-longread .rs-m01__t::before{content:"";width:28px;height:28px;border-radius:8px;flex:none;background:var(--rs-amber) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c2818' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 18h6'/><path d='M10 21h4'/><path d='M12 3a6 6 0 0 0-4 10.5c.7.7 1 1.3 1 2.5h6c0-1.2.3-1.8 1-2.5A6 6 0 0 0 12 3z'/></svg>") center/17px no-repeat;}
.rs-longread .rs-m01__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;}
.rs-longread .rs-m01__item{display:flex;gap:10px;align-items:flex-start;font-family:var(--rs-body,'Hanken Grotesk');font-size:15px;line-height:1.45;color:#e9dccd;padding-bottom:11px;margin:0;}
.rs-longread .rs-m01__item::before{content:"";width:18px;height:18px;flex:none;margin-top:1px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E5A05C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/contain no-repeat;}
.rs-longread .rs-m01__item b{color:#fff;font-weight:700;}

/* M02 — Pro/Contra: Check-/X-Icons je Listenpunkt */
.rs-longread .rs-mod-procon ul{list-style:none;padding-left:0;}
.rs-longread .rs-mod-procon li{position:relative;padding-left:27px;}
.rs-longread .rs-mod-procon--pro li::before,.rs-longread .rs-mod-procon--con li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;}
.rs-longread .rs-mod-procon--pro li::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C8A52' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='m8 12 2.5 2.5L16 9'/></svg>");}
.rs-longread .rs-mod-procon--con li::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C25A3C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M15 9l-6 6M9 9l6 6'/></svg>");}

/* M08 — Lebensphasen-Zeitstrahl (vertikal) */
.rs-longread .rs-m08{position:relative;margin:8px 0 26px;padding-left:6px;}
.rs-longread .rs-m08__row{position:relative;display:grid;grid-template-columns:46px 1fr;gap:14px;padding-bottom:18px;}
.rs-longread .rs-m08__row:not(:last-child)::before{content:"";position:absolute;left:22px;top:42px;bottom:-4px;width:2px;background:#E7DAC6;}
.rs-longread .rs-m08__no{width:44px;height:44px;border-radius:50%;background:var(--rs-cta);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--rs-display);font-weight:800;font-size:18px;flex:none;z-index:1;}
.rs-longread .rs-m08__bd :is(h4,.rs-modh){font-family:var(--rs-display);font-size:16px;font-weight:700;margin:6px 0 3px;color:var(--rs-ink);}
.rs-longread .rs-m08__bd .rs-m08__age{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;letter-spacing:.04em;color:#9a3f1a;text-transform:uppercase;}
.rs-longread .rs-m08__bd p{margin:5px 0 0;font-size:15px;}

/* M09 / M23 — Checkliste (2-spaltig, Häkchen-Boxen) */
.rs-longread .rs-m09{background:#fff;border:1px solid var(--rs-border-2);border-radius:16px;padding:18px 20px 8px;margin:8px 0 24px;}
.rs-longread .rs-m09__t{display:flex;align-items:center;gap:9px;font-family:var(--rs-display);font-weight:700;font-size:17px;color:var(--rs-ink);margin:0 0 13px;}
.rs-longread .rs-m09__t svg{color:var(--rs-cta);}
.rs-longread .rs-m09__grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;}
.rs-longread .rs-m09__item{display:flex;gap:10px;align-items:flex-start;font-family:var(--rs-body,'Hanken Grotesk');font-size:14.5px;line-height:1.4;color:var(--rs-ink-soft);margin:0 0 4px;}
.rs-longread .rs-m09__item::before{content:"";width:19px;height:19px;flex:none;margin-top:1px;border-radius:6px;background:var(--rs-cta) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/12px no-repeat;}

@media(max-width:640px){
  .rs-longread .rs-m01__grid,.rs-longread .rs-m09__grid{grid-template-columns:1fr;}
}

/* M07 — Kostenübersicht (Balken) */
.rs-longread .rs-m07{background:#fff;border:1px solid var(--rs-border-2);border-radius:16px;padding:20px 22px 14px;margin:8px 0 24px;}
.rs-longread .rs-m07__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.rs-longread .rs-m07__title{font-family:var(--rs-display);font-weight:700;font-size:17px;color:var(--rs-ink);}
.rs-longread .rs-m07__sum{font-family:var(--rs-display);font-weight:800;font-size:24px;color:var(--rs-cta);white-space:nowrap;}
.rs-longread .rs-m07__sub{font-size:13.5px;color:var(--rs-ink-soft);margin:4px 0 15px;}
.rs-longread .rs-m07__row{margin-bottom:11px;}
.rs-longread .rs-m07__rhead{display:flex;justify-content:space-between;font-family:var(--rs-body,'Hanken Grotesk');font-size:14px;font-weight:600;color:var(--rs-ink);margin-bottom:5px;}
.rs-longread .rs-m07__rhead b{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.02em;}
.rs-longread .rs-m07__track{height:8px;background:#F1E7D6;border-radius:6px;overflow:hidden;}
.rs-longread .rs-m07__fill{height:100%;background:var(--rs-caramel,#D08C4C);border-radius:6px;}
.rs-longread .rs-m07__note{font-size:13.5px;color:var(--rs-ink-soft);margin:8px 0 2px;}

/* M29 — Pull-Quote (dunkel) */
.rs-longread .rs-m29{position:relative;background:linear-gradient(135deg,#5C3D27,#3c2818);border-radius:18px;padding:24px 30px 22px;margin:18px 0 26px;overflow:hidden;}
.rs-longread .rs-m29::before{content:"\201C";position:absolute;top:6px;left:18px;font-family:Georgia,serif;font-size:84px;line-height:1;color:var(--rs-amber);opacity:.45;}
.rs-longread .rs-m29 p{font-family:var(--rs-serif);font-style:italic;font-size:20px;line-height:1.45;color:#f4eadd;margin:0;padding-left:34px;position:relative;}
.rs-longread .rs-m29 cite{display:block;margin-top:12px;padding-left:34px;font-family:var(--rs-body,'Hanken Grotesk');font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--rs-amber);}

/* M30 — Pflege nach Jahreszeit (2 Karten) */
.rs-longread .rs-m30{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 24px;}
.rs-longread .rs-m30__card{border-radius:14px;padding:16px 18px;border:1px solid;}
.rs-longread .rs-m30__card :is(h4,.rs-modh){display:flex;align-items:center;gap:8px;font-family:var(--rs-display);font-size:16px;font-weight:700;margin:0 0 8px;}
.rs-longread .rs-m30__card p{font-size:14.5px;line-height:1.5;margin:0;color:var(--rs-ink-soft);}
.rs-longread .rs-m30--summer{background:#FBF4E9;border-color:#ecd9bf;}.rs-longread .rs-m30--summer h4{color:#b8741a;}
.rs-longread .rs-m30--winter{background:#EEF1F5;border-color:#DCE3EC;}.rs-longread .rs-m30--winter h4{color:#5E7C9E;}

/* M19 — Wohn- & Klimaeignung (3 Karten) */
.rs-longread .rs-m19{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 24px;}
.rs-longread .rs-m19__card{background:#fff;border:1px solid var(--rs-border);border-radius:14px;padding:16px;text-align:center;}
.rs-longread .rs-m19__ic{width:42px;height:42px;border-radius:11px;background:var(--rs-paper-2,#FBF4E9);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--rs-cta);}
.rs-longread .rs-m19__t{font-family:var(--rs-display);font-weight:700;font-size:15px;color:var(--rs-ink);margin-bottom:4px;}
.rs-longread .rs-m19__lvl{font-family:ui-monospace,monospace;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px;}
.rs-longread .rs-m19__lvl--gut{color:#3E6B3A;}.rs-longread .rs-m19__lvl--mittel{color:#9a5a13;}.rs-longread .rs-m19__lvl--gering{color:#B0492C;}
.rs-longread .rs-m19__card p{font-size:13.5px;line-height:1.45;color:var(--rs-ink-soft);margin:0;}

@media(max-width:640px){
  .rs-longread .rs-m30,.rs-longread .rs-m19{grid-template-columns:1fr;}
}

/* M22 — Herkunft-Timeline (horizontal, recherchierte Eckdaten) */
.rs-longread .rs-m22{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:14px 0 26px;}
.rs-longread .rs-m22__step{position:relative;padding-top:32px;text-align:center;}
.rs-longread .rs-m22__step::before{content:"";position:absolute;top:12px;left:-9px;right:-9px;height:2px;background:#E7DAC6;z-index:0;}
.rs-longread .rs-m22__step:first-child::before{left:50%;}
.rs-longread .rs-m22__step:last-child::before{right:50%;}
.rs-longread .rs-m22__step::after{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:13px;height:13px;border-radius:50%;background:var(--rs-cta);border:3px solid #FAF6EF;box-shadow:0 0 0 1px var(--rs-border-2);z-index:1;}
.rs-longread .rs-m22__year{font-family:var(--rs-display);font-weight:800;font-size:18px;color:#9a3f1a;margin-bottom:6px;}
.rs-longread .rs-m22__txt{font-size:13.5px;line-height:1.45;color:var(--rs-ink-soft);}

/* M20 — Pro-Tipp-Karten (3 Karten) */
.rs-longread .rs-m20{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 24px;}
.rs-longread .rs-m20__card{background:#FBF4E9;border:1px solid #ecd9bf;border-radius:14px;padding:16px;}
.rs-longread .rs-m20__ic{width:36px;height:36px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--rs-cta);margin-bottom:10px;}
.rs-longread .rs-m20__card p{font-size:14px;line-height:1.5;color:var(--rs-ink-soft);margin:0;}
.rs-longread .rs-m20__card p b{color:var(--rs-ink);font-weight:700;}

@media(max-width:640px){
  .rs-longread .rs-m20{grid-template-columns:1fr;}
  .rs-longread .rs-m22{grid-template-columns:1fr;gap:10px;}
  .rs-longread .rs-m22__step{padding-top:0;padding-left:26px;text-align:left;}
  .rs-longread .rs-m22__step::before{top:0;bottom:0;left:6px;right:auto;width:2px;height:auto;}
  .rs-longread .rs-m22__step:first-child::before{top:8px;left:6px;}
  .rs-longread .rs-m22__step:last-child::before{bottom:auto;height:14px;left:6px;}
  .rs-longread .rs-m22__step::after{top:4px;left:6px;transform:none;}
}
.rs-passt{background:#F1EFE9;border:1px solid #E6E0D2;border-radius:18px;padding:26px 28px;margin:8px 0;}
.rs-passt h3{font-family:var(--rs-display);font-weight:700;font-size:22px;margin:0 0 16px;}
.rs-passt__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.rs-passt__item{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#574c40;line-height:1.4;}
.rs-passt__yes{color:#4f7a46;font-weight:800;flex:none;}
.rs-passt__no{color:#b14e30;font-weight:800;flex:none;}
/* Aside */
.rs-aside{display:flex;flex-direction:column;gap:18px;position:sticky;top:88px;}
.rs-toc{background:#fff;border:1px solid var(--rs-border);border-radius:16px;padding:18px 20px;max-height:56vh;overflow-y:auto;}
.rs-toc__kicker{font-family:var(--rs-display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rs-ink-soft);margin-bottom:13px;}
.rs-toc__list{display:flex;flex-direction:column;border-left:2px solid var(--rs-border);}
.rs-toc__item{display:flex;flex-direction:column;}
.rs-toc__sub{display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .25s ease;}
.rs-toc__item.is-open .rs-toc__sub{max-height:200px;}
.rs-toc__a{font-family:var(--rs-body,'Hanken Grotesk');font-size:14px;line-height:1.3;color:var(--rs-ink-soft);text-decoration:none;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;}
.rs-toc__a--h3{font-size:13px;padding:6px 0 6px 26px;color:var(--rs-muted);}
.rs-toc__a:hover{color:var(--rs-cta);}
.rs-toc__a.is-active{color:var(--rs-cta);font-weight:700;border-left-color:var(--rs-cta);}
.rs-affil{background:#fff;border:1px solid var(--rs-border);border-radius:var(--rs-radius);overflow:hidden;}
.rs-affil__tag{background:var(--rs-chip-bg);padding:7px 14px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7a4716;display:flex;justify-content:space-between;}
.rs-affil__body{padding:16px;}
.rs-affil__img{aspect-ratio:1.6;border-radius:10px;margin-bottom:12px;background:var(--rs-line);}
.rs-asidecta{background:var(--rs-brand);border-radius:var(--rs-radius);padding:20px;color:#F1E4D2;}
.rs-asidecta h2,.rs-asidecta h3{font-family:var(--rs-display);font-weight:700;font-size:17px;color:#fff;margin:0 0 8px;}
.rs-asidecta p{font-size:14px;line-height:1.5;color:#DAC6AE;margin:0 0 14px;}
/* FAQ */
.rs-faq{display:flex;flex-direction:column;gap:10px;}
.rs-faqitem{background:#fff;border:1px solid var(--rs-border);border-radius:12px;overflow:hidden;}
.rs-faqitem summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:700;color:var(--rs-ink);padding:18px 20px;cursor:pointer;list-style:none;}
.rs-faqitem summary::-webkit-details-marker{display:none;}
.rs-faqitem summary::after{content:"+";color:#6b6052;font-weight:700;font-size:18px;}
.rs-faqitem[open] summary::after{content:"–";color:var(--rs-cta);}
.rs-faqitem__a{padding:0 20px 18px;font-size:15px;line-height:1.6;color:var(--rs-ink-soft);margin:0;}
/* verwandte Rassen (kompakt) */
.rs-related{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.rs-relatedcard{background:#fff;border:1px solid var(--rs-border);border-radius:var(--rs-radius);display:flex;align-items:center;gap:14px;padding:12px;text-decoration:none;color:inherit;}
.rs-relatedcard:hover{box-shadow:var(--rs-shadow);}
.rs-relatedcard__img{width:78px;height:78px;border-radius:12px;flex:none;background:var(--rs-line);overflow:hidden;}
.rs-relatedcard__img img{width:100%;height:100%;object-fit:cover;}
.rs-relatedcard__name{font-family:var(--rs-display);font-weight:700;font-size:17px;color:var(--rs-ink);}
.rs-relatedcard__char{font-size:13px;color:var(--rs-muted);}
.rs-sources{font-size:12px;font-family:ui-monospace,monospace;color:#6b6052;padding:30px 0 0;}

/* ============================ MATCHING-TEST ============================ */
.rs-quiz{max-width:1100px;margin:0 auto;background:linear-gradient(160deg,#5C3D27,#3c2818);border-radius:14px;overflow:hidden;box-shadow:var(--rs-shadow-lg);min-height:640px;display:flex;flex-direction:column;color:#F7ECDD;}
/* hidden-Attribut muss display:flex schlagen, sonst zeigt sich das leere Quiz
   schon vor "Test starten" (ohne Kacheln). */
.rs-quiz[hidden],.rs-result[hidden]{display:none;}
.rs-quiz__top{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;}
.rs-quiz__step{font-size:14px;color:#D6BFA4;}
.rs-quiz__abort{color:#fff;font-weight:700;background:none;border:0;cursor:pointer;font:inherit;}
.rs-quiz__progress{margin:0 40px;height:7px;border-radius:10px;background:rgba(255,255,255,.15);overflow:hidden;}
.rs-quiz__bar{height:100%;border-radius:10px;background:#E5A05C;width:12.5%;transition:width .3s;}
.rs-quiz__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:32px 60px;}
.rs-quiz__qhead{text-align:center;margin-bottom:38px;}
.rs-quiz__qkicker{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#E7B07E;margin-bottom:14px;}
.rs-quiz__q{font-family:var(--rs-display);font-weight:700;font-size:40px;margin:0;}
/* .rs prefix schlägt das generische `.rs h1{color:ink}` (sonst dunkel auf dunkel) */
.rs .rs-quiz__q{color:#fff;}
.rs-quiz__hint{font-size:17px;color:#E3CFB8;margin:12px 0 0;}
.rs-quiz__opts{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:760px;margin:0 auto;width:100%;}
.rs-opt{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.18);border-radius:16px;padding:22px 24px;cursor:pointer;text-align:left;color:#fff;font:inherit;transition:background .12s,border-color .12s,transform .08s;}
.rs-opt:hover{background:rgba(255,255,255,.14);border-color:#E5A05C;transform:translateY(-1px);}
.rs-opt:focus-visible{outline:3px solid #E5A05C;outline-offset:2px;}
.rs-opt__icon{flex:none;width:34px;height:34px;display:grid;place-items:center;color:#E7B07E;}
.rs-opt__t{font-size:19px;font-weight:700;color:#fff;}
.rs-opt__d{font-size:14px;color:#C8B49C;}
.rs-opt.is-sel{background:#E5A05C;border-color:#E5A05C;box-shadow:0 10px 24px rgba(229,160,92,.3);}
.rs-opt.is-sel .rs-opt__t{color:#3a2415;}
.rs-opt.is-sel .rs-opt__d{color:#6e4a25;}
.rs-opt.is-sel .rs-opt__icon{color:#3a2415;}
/* Immer sichtbarer Auswahl-Kreis (rechts) — signalisiert „anklickbare Wahl" */
.rs-opt__check{margin-left:auto;width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:transparent;color:transparent;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none;}
.rs-opt.is-sel .rs-opt__check{background:#3a2415;border-color:#3a2415;color:#E5A05C;}
.rs-quiz__nav{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;}
.rs-quiz__back{font-size:15px;color:#E3CFB8;font-weight:600;background:none;border:0;cursor:pointer;font:inherit;}
.rs-quiz__next{padding:14px 30px;background:#fff;color:var(--rs-brand);border-radius:12px;font-size:16px;font-weight:700;border:0;cursor:pointer;transition:opacity .15s;}
.rs-quiz__next.is-disabled{opacity:.4;pointer-events:none;}
/* Ergebnis */
.rs-result{max-width:1100px;margin:0 auto;background:#FAF6EF;border-radius:14px;overflow:hidden;box-shadow:var(--rs-shadow-lg);}
.rs-result__head{text-align:center;padding:48px 60px 30px;background:linear-gradient(180deg,#F3E6D2,#FAF6EF);}
.rs-result__head h1{font-size:42px;font-weight:700;margin:0 0 10px;}
.rs-result__matches{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:10px 60px 30px;}
.rs-matchcard{background:#fff;border:1px solid var(--rs-border);border-radius:18px;overflow:hidden;box-shadow:0 3px 14px rgba(50,40,30,.07);text-decoration:none;color:inherit;}
.rs-matchcard__img{aspect-ratio:4/3;position:relative;background:var(--rs-line);overflow:hidden;}
.rs-matchcard__img img{width:100%;height:100%;object-fit:cover;}
.rs-matchcard__pct{position:absolute;top:12px;right:12px;background:#4f7a46;color:#fff;font-weight:800;font-size:15px;padding:6px 12px;border-radius:20px;font-family:var(--rs-display);}
.rs-matchcard__body{padding:18px 20px 22px;}
.rs-matchcard__name{font-family:var(--rs-display);font-weight:700;font-size:21px;margin-bottom:8px;}
.rs-matchcard__why{font-size:14px;color:var(--rs-muted);line-height:1.5;margin-bottom:14px;}
.rs-matchcard__why strong{color:var(--rs-brand);}
.rs-matchcard__cta{padding:11px;background:var(--rs-tag-bg);color:var(--rs-brand);border-radius:10px;text-align:center;font-size:14px;font-weight:700;}
.rs-result__actions{display:flex;gap:14px;justify-content:center;padding:0 60px 48px;flex-wrap:wrap;}

/* ============================ TOOL-WIDGET ============================ */
.rs-toolhead{padding:30px 0 0;}
.rs-toolhead h1{font-size:38px;font-weight:700;margin:0 0 8px;}
.rs-toolhead__lead{font-size:16px;color:var(--rs-ink-soft);margin:0;max-width:680px;}
.rs-widget{background:#fff;border:1px solid var(--rs-border);border-radius:var(--rs-radius-lg);overflow:hidden;display:grid;grid-template-columns:1fr 380px;margin:26px 0 0;}
.rs-widget__in{padding:34px 36px;}
.rs-widget__field{margin-bottom:22px;}
.rs-widget__label{font-size:13px;font-weight:700;color:var(--rs-brand);margin-bottom:10px;display:block;}
.rs-widget__out{background:var(--rs-grad-dark);padding:34px 36px;display:flex;flex-direction:column;justify-content:center;color:#F1E4D2;}
.rs-widget__out-kicker{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#E7B07E;margin-bottom:8px;}
.rs-widget__result{font-family:var(--rs-display);font-weight:800;font-size:58px;line-height:1;color:#fff;}
.rs-widget__result small{font-size:24px;font-weight:600;}
.rs-widget__note{font-size:14px;color:#DAC6AE;margin-top:10px;}
.rs-range{display:flex;align-items:center;gap:16px;}
.rs-range input[type=range]{flex:1;accent-color:var(--rs-cta-bright);height:8px;}
.rs-range__val{font-family:var(--rs-display);font-weight:800;font-size:24px;color:var(--rs-ink);min-width:52px;text-align:right;}
.rs-num{width:100%;padding:13px 14px;border:1.5px solid var(--rs-border-2);border-radius:10px;font:inherit;font-size:16px;color:var(--rs-ink);}
.rs-num:focus{outline:2px solid var(--rs-cta-bright);outline-offset:1px;border-color:var(--rs-cta-bright);}
.rs-explainer{padding:40px 0 0;max-width:820px;}
.rs-explainer h2{font-size:24px;font-weight:700;margin:30px 0 12px;}
.rs-explainer h2:first-child{margin-top:0;}
.rs-explainer h3{font-family:var(--rs-display);font-size:20px;font-weight:700;color:var(--rs-ink);margin:24px 0 10px;}
.rs-explainer p{font-family:var(--rs-serif);font-size:18px;line-height:1.7;color:#4f463c;margin:0 0 14px;}
.rs-explainer ul,.rs-explainer ol{font-family:var(--rs-serif);font-size:18px;line-height:1.7;color:#4f463c;padding-left:22px;margin:0 0 16px;}
.rs-explainer li{margin:0 0 7px;}
.rs-explainer a{color:var(--rs-cta);text-decoration:underline;text-underline-offset:2px;}
.rs-explainer strong{color:var(--rs-ink);}
.rs-explainer table{width:100%;border-collapse:collapse;margin:6px 0 20px;font-size:16px;background:#fff;border:1px solid var(--rs-border);border-radius:10px;overflow:hidden;}
.rs-explainer caption{text-align:left;font-size:14px;color:var(--rs-ink-soft);margin-bottom:8px;}
.rs-explainer th,.rs-explainer td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--rs-border);}
.rs-explainer thead th{background:var(--rs-paper-2,#f3ece1);font-weight:700;color:var(--rs-ink);}
.rs-explainer tbody tr:last-child td{border-bottom:0;}
.rs-explainer tbody tr:nth-child(even) td{background:#faf6ef;}
.rs-explainer .rs-tnote{font-size:15px;color:var(--rs-ink-soft);margin:0 0 14px;}
.rs-explainer .rs-callout{background:#fbf3e9;border-left:4px solid var(--rs-cta);border-radius:8px;padding:16px 18px;margin:0 0 18px;}
.rs-explainer .rs-callout p{margin:0;font-size:16.5px;}
@media(max-width:560px){.rs-explainer table{display:block;overflow-x:auto;white-space:nowrap;}}

/* ============================ ÜBER UNS / STATIC ============================ */
.rs-statichero{text-align:center;padding:52px 0 40px;max-width:760px;margin:0 auto;}
.rs-statichero h1{font-size:42px;font-weight:700;line-height:1.1;margin:0 0 16px;}
.rs-statichero p{font-family:var(--rs-serif);font-size:19px;line-height:1.7;color:#4f463c;margin:0;}
.rs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.rs-stat{background:#fff;border:1px solid var(--rs-border);border-radius:var(--rs-radius);padding:26px;text-align:center;}
.rs-stat__n{font-family:var(--rs-display);font-weight:800;font-size:38px;color:var(--rs-cta);}
.rs-stat__l{font-size:14px;color:var(--rs-ink-soft);}
.rs-methodik{background:var(--rs-brand);border-radius:var(--rs-radius-lg);padding:40px 44px;color:#F1E4D2;margin:44px 0;}
.rs-methodik h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 22px;}
.rs-methodik__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.rs-methodik__n{font-family:var(--rs-display);font-weight:800;font-size:30px;color:#E5A05C;margin-bottom:8px;}
.rs-methodik__t{font-size:17px;font-weight:700;color:#fff;margin-bottom:6px;}
.rs-methodik p{font-size:14px;line-height:1.55;color:#DAC6AE;margin:0;}
.rs-prose{max-width:760px;}
.rs-prose h2{font-size:24px;margin:28px 0 12px;}
.rs-prose p{font-family:var(--rs-serif);font-size:18px;line-height:1.7;color:#4f463c;margin:0 0 16px;}
.rs-prose a{color:var(--rs-cta);text-decoration:underline;text-underline-offset:2px;}

/* ============================ RATGEBER-ARTIKEL ============================ */
.rs-arthead{padding:14px 0 8px;}
.rs-arthead__cat{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a4716;margin-bottom:14px;}
.rs-arthead h1{font-size:42px;font-weight:700;line-height:1.1;letter-spacing:-.01em;margin:0 0 18px;text-wrap:balance;}
.rs-arthead__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--rs-muted);}
.rs-arthead__author{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--rs-ink-soft);}
.rs-arthead__ava{width:34px;height:34px;border-radius:50%;background:var(--rs-brand);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;font-family:var(--rs-display);flex:none;}
.rs-arthead__ava--lg{width:52px;height:52px;font-size:16px;}
.rs-art-cta{background:#F1EFE9;border:1px solid #E6E0D2;border-radius:16px;padding:20px 22px;margin:24px 0;display:flex;align-items:center;gap:16px;}
.rs-art-cta__txt{flex:1;}
.rs-art-cta__label{font-size:12px;font-family:ui-monospace,monospace;color:#8c5e1c;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;}
.rs-art-cta__title{font-family:var(--rs-display);font-weight:700;font-size:18px;color:var(--rs-ink);}
.rs-arthero{aspect-ratio:16/7;border-radius:16px;overflow:hidden;background:var(--rs-line);margin:8px 0 26px;}
.rs-arthero img{width:100%;height:100%;object-fit:cover;}
.rs-artbox{background:#fff;border:1px solid var(--rs-border);border-left:4px solid var(--rs-cta-bright);border-radius:12px;padding:18px 22px;margin:22px 0;}
.rs-artbox--warn{border-left-color:#c99a3c;background:#fdf8ef;}
.rs-artbox__h{font-family:var(--rs-display);font-weight:700;font-size:17px;margin:0 0 6px;color:var(--rs-ink);}
.rs-artbox p{margin:0;font-size:16px;line-height:1.6;color:var(--rs-ink-soft);font-family:var(--rs-body,'Hanken Grotesk');}
.rs-arttable{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;}
.rs-arttable caption{text-align:left;font-size:13px;color:var(--rs-muted);margin-bottom:8px;}
.rs-arttable th,.rs-arttable td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rs-line);vertical-align:top;}
.rs-arttable th{background:var(--rs-chip-bg);font-weight:700;color:var(--rs-brand);}
.rs-arttable tr:nth-child(even) td{background:#fcfaf5;}
.rs-artauthor{display:flex;gap:16px;align-items:flex-start;background:#F1EFE9;border:1px solid #E6E0D2;border-radius:16px;padding:22px 24px;margin:34px 0 0;}
.rs-artauthor__name{font-family:var(--rs-display);font-weight:700;font-size:17px;color:var(--rs-ink);margin-bottom:6px;}
.rs-artauthor p{margin:0;font-size:14px;line-height:1.55;color:var(--rs-ink-soft);}

/* ============================ SUCHE ============================ */
.rs-searchhead{padding:36px 0 0;}
.rs-searchhead h1{font-size:32px;font-weight:700;margin:0 0 6px;}
.rs-searchres{display:flex;flex-direction:column;gap:12px;padding:24px 0 0;}
.rs-searchrow{background:#fff;border:1px solid var(--rs-border);border-radius:14px;padding:14px;display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;}
.rs-searchrow:hover{box-shadow:var(--rs-shadow);}
.rs-searchrow__img{width:80px;height:80px;border-radius:11px;flex:none;background:var(--rs-line);overflow:hidden;}
.rs-searchrow__img img{width:100%;height:100%;object-fit:cover;}
.rs-searchrow__type{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a4716;}
.rs-searchrow__name{font-family:var(--rs-display);font-weight:700;font-size:19px;color:var(--rs-ink);margin:3px 0 4px;}

/* ============================ 404 ============================ */
.rs-404{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:64px 0;}
.rs-404__code{font-family:var(--rs-display);font-weight:800;font-size:96px;line-height:1;color:var(--rs-cta);margin-bottom:8px;}
.rs-404 h1{font-size:38px;font-weight:700;line-height:1.1;margin:0 0 14px;}
.rs-404 p{font-size:17px;line-height:1.6;color:var(--rs-ink-soft);margin:0 0 28px;max-width:440px;}
.rs-404__links{display:flex;gap:12px;flex-wrap:wrap;}
.rs-404__img{aspect-ratio:4/3;border-radius:18px;background:var(--rs-line);overflow:hidden;}

/* ============================ AD-SLOTS ============================ */
.rs-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #D8C4A6;border-radius:10px;background:#FCF8F1;position:relative;margin:28px auto;}
.rs-ad::before{content:"Anzeige";position:absolute;top:8px;left:11px;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#c0ac8d;}
.rs-ad--leaderboard{max-width:728px;min-height:90px;}
.rs-ad--billboard{max-width:970px;min-height:250px;}
.rs-ad--rectangle{max-width:300px;min-height:250px;}
/* Echte Ad-Auslieferung */
.rs .ad-live{margin:28px auto;display:flex;justify-content:center;}
.rs .ad-live--sidebar{margin:0;}
/* Plattform-Einstellung: leere Platzhalter in Produktion ausblenden */
body.no-ad-placeholders .rs-ad{display:none;}

/* ============================ FOOTER ============================ */
.rs-footer{background:var(--rs-footer-bg);color:var(--rs-footer-ink);padding:44px 0 28px;}
.rs-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.rs-footer__brand{display:flex;align-items:center;gap:8px;font-family:var(--rs-display);font-weight:800;font-size:22px;color:#fff;margin-bottom:12px;text-decoration:none;}
.rs-footer__tagline{font-size:14px;line-height:1.55;color:var(--rs-footer-soft);margin:0;max-width:240px;}
.rs-footer__col h3{font-size:14px;color:#fff;font-weight:700;margin:0 0 8px;font-family:var(--rs-body,'Hanken Grotesk');}
.rs-footer__col a{display:block;font-size:14px;line-height:2;color:var(--rs-footer-ink);text-decoration:none;}
.rs-footer__col a:hover{color:#fff;}
.rs-footer__bottom{border-top:1px solid #463a2c;margin-top:28px;padding-top:18px;font-size:12px;color:#9d8e7c;font-family:ui-monospace,monospace;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.rs-footer__bottom a{color:#9d8e7c;text-decoration:none;}
.rs-footer__bottom a:hover{color:var(--rs-footer-ink);}

/* ============================ CMP-Overrides (Karamell) ============================ */
/* WICHTIG: Das Consent-Banner liegt AUSSERHALB von .rs — die --rs-*-Tokens
   greifen dort nicht. Daher LITERALE Hex-Werte (sonst fällt bg/border weg und
   die Buttons werden weiß-auf-weiß). */
body.rs-page .cmp-btn--primary,
body.rs-page .cmp-btn--equal{background:#C0552E !important;color:#fff !important;border-color:#C0552E !important;}
body.rs-page .cmp-btn--primary:hover,
body.rs-page .cmp-btn--equal:hover{background:#a8481f !important;color:#fff !important;border-color:#a8481f !important;}
/* "Nur Essenzielle" / Ghost dezenter, aber klar sichtbar (dunkler Rand + Text). */
body.rs-page .cmp-btn--ghost{background:#fff !important;color:#2E2620 !important;border-color:#2E2620 !important;}
body.rs-page .cmp-banner,body.rs-page .cmp-modal{font-family:'Hanken Grotesk',system-ui,sans-serif;}
/* Links im Consent (Datenschutz/Impressum/Mehr) — --link-Token #B5713A ist auf
   Weiß nur 3.9:1; literal abdunkeln auf >=4.5. */
body.rs-page .cmp-banner a,body.rs-page .cmp-modal a{color:#8c5e1c !important;}

/* ============================ RESPONSIVE ============================ */
@media (max-width:1080px){
  .rs-grid--4{grid-template-columns:repeat(3,1fr);}
  .rs-facts{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  .rs-nav,.rs-headersearch{display:none;}
  .rs .rs-header__cta{display:none;}            /* sonst überdeckt der CTA das Logo; im Mobile-Sheet vorhanden */
  .rs-header__right{gap:8px;}
  .rs-burger{display:inline-flex;}
  .rs-hero__grid{grid-template-columns:1fr;gap:28px;}
  .rs-hero h1{font-size:38px;}
  .rs-hero__card{position:static;margin-top:14px;max-width:none;}
  .rs-testteaser{grid-template-columns:1fr;padding:28px 24px;}
  .rs-testteaser h2{font-size:26px;}
  .rs-hublayout{grid-template-columns:1fr;}
  .rs-filterpanel{display:none;}
  /* im Bottom-Sheet (verschoben): transparent, kein Karten-Rahmen/sticky —
     das Sheet-Padding sorgt fuer den Innenabstand. */
  #rsSheetBody .rs-filterpanel{display:block;position:static;background:transparent;border:0;border-radius:0;box-shadow:none;padding:4px 0 0;top:auto;}
  #rsSheetBody .rs-filterpanel__head{display:none;}
  .rs-filterbar-m{display:flex;gap:10px;position:sticky;top:72px;z-index:30;background:var(--rs-bg);padding:12px 0;}
  .rs-filterbar-m button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:12px;font-size:15px;font-weight:700;border:1px solid var(--rs-border);background:#fff;color:var(--rs-brand);cursor:pointer;}
  .rs-filterbar-m button.is-primary{background:var(--rs-brand);color:#fff;border-color:var(--rs-brand);}
  .rs-detail{grid-template-columns:1fr;}
  .rs-aside{position:static;}
  .rs-toc{display:none;}
  .rs-topichero{grid-template-columns:1fr;gap:20px;}
  .rs-404{grid-template-columns:1fr;gap:24px;padding:40px 0;}
  .rs-404__code{font-size:72px;}
  /* Mobil: niedrigere Bühne, Foto füllt (cover), keine Blur-Seiten */
  .rs-bhero{height:260px;}
  .rs-bhero__bg{display:none;}
  .rs-bhero__img img{object-fit:cover;}
  .rs-bhero h1{font-size:34px;}
  .rs-quiz__body{padding:28px 22px;}
  .rs-quiz__q{font-size:28px;}
  .rs-quiz__opts{grid-template-columns:1fr;gap:12px;}
  .rs-quiz__top,.rs-quiz__nav{padding:18px 22px;}
  .rs-result__head,.rs-result__matches,.rs-result__actions{padding-left:22px;padding-right:22px;}
  .rs-result__matches{grid-template-columns:1fr;}
  .rs-widget{grid-template-columns:1fr;}
  .rs-methodik__grid{grid-template-columns:1fr;gap:18px;}
  .rs-footer__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  body.rs-page{font-size:16px;}
  .rs-wrap{padding:0 16px;}
  /* Rassen- und Tool-Karten mobil 2-spaltig (kein Platz verschenken) */
  .rs-grid--3,.rs-grid--4{grid-template-columns:1fr 1fr;}
  .rs-quick,.rs-stats,.rs-scales,.rs-passt__grid,.rs-related{grid-template-columns:1fr;}
  .rs-grid{gap:12px;}
  .rs-facts{grid-template-columns:1fr 1fr;}
  .rs-section h2,.rs-hubintro h1,.rs-topichero h1,.rs-statichero h1{font-size:27px;}
  .rs-hero h1{font-size:32px;}
  .rs-footer__grid{grid-template-columns:1fr;}
  .rs-section{padding:34px 0 4px;}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .rs *,.rs *::before,.rs *::after{transition:none !important;animation:none !important;}
}