/* RSB Tone v3: warme statt graue Flaechen + Kacheln mit roter Oberkante (2026-10-07) */

/* 1) Groessere Flaechen/Kaesten: warmes Off-White mit leichtem Rotschimmer */
html body .rsb-k .rsb-k-box:not(.rsb-sa-agcall):not([class*="dark"]),
html body .elementor .e-con.rsb-k-box:not(.rsb-sa-agcall):not([class*="dark"]),
html body .rsb-k .rsb-k-soft:not([class*="dark"]),
html body .rsb-k .rsb-k-formbox,
html body .rsb-k .rsb-k-profile:not([class*="dark"]),
html body .rsb-k .rsb-fl-note,
html body .rsb-k .rsb-kf,
html body .rsb-paper,
html body .rsb-faq-list details,
html body .rsb-o-quote,
html body .rsb-o-call,
html body .rsb-vid2-card,
html body .rsb-home-c .rsb-h-feat article.elementor-post,
body:not(.paged) .rsb-k.rsb-sa .rsb-k-posts .elementor-posts-container > article.elementor-post:first-child{
  background-color:#FBF7F6!important;
  background-image:radial-gradient(640px 280px at 100% 0%,rgba(190,22,34,.07),transparent 70%),linear-gradient(180deg,#FFF9F8 0%,rgba(251,247,246,0) 60%)!important;
  box-shadow:inset 0 0 0 1px #F1E6E4;
}
html body .rsb-k .rsb-k-box:not(.rsb-sa-agcall):not([class*="dark"]):hover,
html body .rsb-k .rsb-k-profile:not([class*="dark"]):hover{box-shadow:inset 0 0 0 1px #EBD9D6,0 18px 36px -30px rgba(190,22,34,.45)}

/* 2) Kacheln: weiss, zarter Rotverlauf oben, rote Oberkante, Anheben beim Hover */
html body .rsb-k .rsb-k-card:not(.rsb-sa-paused):not([class*="dark"]):not([class*="red"]),
html body .rsb-o-tile:not(.is-dark),
html body .rsb-o-card:not(.is-dark),
html body .rsb-imp-t{
  background-color:#fff!important;
  background-image:linear-gradient(180deg,#FFF4F3 0%,rgba(255,255,255,0) 55%)!important;
  border-color:transparent!important;
  box-shadow:inset 0 4px 0 #BE1622,inset 0 0 0 1px #F0E3E1,0 16px 34px -28px rgba(190,22,34,.45)!important;
  transition:transform .3s cubic-bezier(.2,.7,.1,1),box-shadow .3s!important;
}
html body .rsb-k .rsb-k-card:not(.rsb-sa-paused):not([class*="dark"]):not([class*="red"]):hover,
html body .rsb-o-tile:not(.is-dark):hover,
html body .rsb-o-card:not(.is-dark):hover,
html body .rsb-imp-t:hover{
  transform:translateY(-3px);
  box-shadow:inset 0 4px 0 #BE1622,inset 0 0 0 1px #EAD3D0,0 24px 44px -26px rgba(190,22,34,.5)!important;
}

/* 3) Kleine Elemente: nur warmer Ton */
html body .rsb-k.rsb-sa .elementor-widget.rsb-sa-facts li,
html body .rsb-k.rsb-sa .elementor-widget.rsb-fb-trial p,
html body .rsb-home-c .rsb-today-list a,
html body .rsb-k .rsb-mv-bh,
html body .rsb-k .rsb-k-share .elementor-share-btn,
html body .rsb-sp-slot,
html body .rsb-k .rsb-insta-btn{
  background-color:#FBF5F4!important;
  box-shadow:inset 0 0 0 1px #F1E4E2;
}

/* 4) Organigramm */
html body .rsb-org-col{background-color:#FBF7F6!important;background-image:radial-gradient(420px 200px at 100% 0%,rgba(190,22,34,.07),transparent 70%)!important;box-shadow:inset 0 0 0 1px #F1E6E4}
html body .rsb-org-chart button.rsb-org-n:hover,html body .rsb-org-chart button.rsb-org-n:focus,html body .rsb-org-chart button.rsb-org-n:active{background:#fff!important;background-image:none!important;color:inherit!important}
html body .rsb-org-chart button.rsb-org-n.is-top:hover,html body .rsb-org-chart button.rsb-org-n.is-top:focus{background:var(--d)!important}
html body .rsb-org-chart button.rsb-org-n.is-on:hover,html body .rsb-org-chart button.rsb-org-n.is-on:focus{background:var(--r)!important}
html body .rsb-org-chart button.rsb-org-n:focus-visible{outline:3px solid #BE1622;outline-offset:2px}

/* 5) Drei Karten nebeneinander statt 2+1 */
@media(min-width:1025px){html body .rsb-k .e-con:has(> .rsb-k-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}}

@media(prefers-reduced-motion:reduce){html body .rsb-k .rsb-k-card:hover,html body .rsb-o-tile:hover,html body .rsb-o-card:hover,html body .rsb-imp-t:hover{transform:none!important}}

/* Organigramm: alle Buttons ohne Theme-Verlauf, Chips beim Hover hellrot */
html body .rsb-org-wrap button:hover,html body .rsb-org-wrap button:focus,html body .rsb-org-wrap button:active{background-image:none!important}
html body .rsb-org-wrap button.rsb-org-chip:hover,html body .rsb-org-wrap button.rsb-org-chip:focus{background-color:#FBE9EA!important;color:#9F111B!important;border-color:rgba(190,22,34,.45)!important}
html body .rsb-org-wrap button:not([class]):hover,html body .rsb-org-wrap button[class=""]:hover,html body .rsb-org-wrap button:not([class]):focus,html body .rsb-org-wrap button[class=""]:focus{background-color:transparent!important;color:#BE1622!important}

/* 6) SVG-Icons: Theme setzt *{color:grey}, dadurch bleiben currentColor-Pfade grau (z. B. beim Hover). Pfade erben jetzt die Farbe des Icons. */
html body svg :is(path,circle,rect,line,polyline,polygon,ellipse,g,use){color:inherit}