/* Dr. Bader – Zusatz-CSS (ergaenzt das Kit-CSS; Selektoren mit "html body", damit sie Vorrang haben) */

/* Breadcrumb im Ratgeber-Beitrag: Link und Kategorie auf einer Grundlinie */
html body .elementor .b-crumb{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
html body .elementor .b-crumb .b-btn-text{display:inline-flex;align-items:center}

/* FAQ: Plus-Zeichen gezeichnet statt als Schriftzeichen, damit es exakt mittig sitzt */
html body .elementor .b-faq summary::after{content:"";background:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat}
html body .elementor .b-faq details[open] summary::after{background:linear-gradient(#fff,#fff) center/14px 1.5px no-repeat,linear-gradient(#fff,#fff) center/1.5px 14px no-repeat,var(--navy)}

/* Hintergrund-Ornamente: statt duenner Kreise und Rundquadrate das "O" aus dem Logo –
   leicht oval, kraeftiger Ring, dreht sich langsam. Reduced Motion schaltet das Kit-CSS ab. */
html body .elementor .b-ring,html body .elementor .b-sq{aspect-ratio:.84;border:0;border-radius:50%;background:radial-gradient(ellipse closest-side,transparent 70%,var(--o-c,rgba(29,78,137,.08)) 70.6%,var(--o-c,rgba(29,78,137,.08)) 99.2%,transparent 100%);animation:o-spin 80s linear infinite}
html body .elementor .b-sq{animation-duration:110s;animation-direction:reverse}
html body .elementor .b-sec-sky .b-ring,html body .elementor .b-sec-sky .b-sq{--o-c:rgba(29,78,137,.11)}
html body .elementor .b-dark .b-ring,html body .elementor .b-dark .b-sq,html body .elementor .b-cta .b-ring,html body .elementor .b-cta .b-sq,html body .elementor .b-ftr .b-ring,html body .elementor .b-ftr .b-sq{--o-c:rgba(255,255,255,.07)}
@keyframes o-spin{to{rotate:360deg}}

/* Helle Heros: Ringe nicht an der Unterkante abschneiden. Seitlich bleibt der Beschnitt,
   sonst entsteht ein waagerechter Scrollbalken. */
html body .elementor .b-hero-light,html body .elementor .b-hero-light>.b-orbs{overflow:visible;overflow-x:clip}

/* Helle Heros (Ratgeber, Beitraege, Presse, Impressum, Datenschutz): rechts nur ein grosser Ring,
   der kleine untere entfaellt; der linke Ring bleibt */
html body .elementor .b-hero .b-orn-r{width:min(840px,120vw);right:-260px;top:-30%}
html body .elementor .b-hero .b-orn-r2{display:none}

/* Footer ohne Ringe */
html body .elementor .b-ftr .b-ring,html body .elementor .b-ftr .b-sq{display:none}

/* Termin-Block ("Die Beschwerden halten an?"): Ringe versetzt wie im Hero der Startseite –
   oberer nach rechts, unterer nach links und etwas hoeher */
html body .elementor .b-cta .b-cta-ring-a{left:66%}
html body .elementor .b-cta .b-cta-ring-b{left:32%;top:28%}

/* YouTube 2-Klick: Platzhalter, solange keine Zustimmung vorliegt, danach der Player */
html body .elementor .e-youtube-base{aspect-ratio:16 / 9;height:auto;border-radius:10px;overflow:hidden}
html body .elementor .b-yt-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;padding:24px;background:linear-gradient(150deg,#1D4E89,#123866 55%,#0B2140);color:#D5E3F4;text-align:center;font-size:15px;line-height:1.5}
html body .elementor .b-yt-ph p{margin:0;max-width:440px}
html body .elementor .b-yt-ph strong{display:block;margin-bottom:4px;color:#fff;font-size:17px}
html body .elementor .b-yt-ph a{color:#fff;text-decoration:underline;text-underline-offset:3px}
html body .elementor .b-yt-ph button{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:#fff;color:#123866;font-family:var(--text);font-size:15px;font-weight:700;cursor:pointer}
html body .elementor .b-yt-ph button:hover{box-shadow:0 14px 34px rgba(0,0,0,.22)}
html body .elementor .b-yt-frame{display:block;width:100%;height:100%;border:0}

/* ---------- Cookie-Banner (Complianz) im Seitendesign ----------
   Complianz steuert das Banner ueber CSS-Variablen auf :root; hier werden sie ueberschrieben.
   "Akzeptieren" und "Ablehnen" sind bewusst gleich gestaltet (gleichwertige Wahl). */
html:root{
  --cmplz_banner_background_color:#FFFFFF;
  --cmplz_banner_border_color:#DCE4EE;
  --cmplz_banner_border_width:1px 1px 1px 1px;
  --cmplz_banner_border_radius:10px 10px 10px 10px;
  --cmplz_banner_margin:16px;
  --cmplz_text_color:#0F1E2E;
  --cmplz_text_font_size:14px;
  --cmplz_title_font_size:17px;
  --cmplz_link_font_size:13px;
  --cmplz_category_body_font_size:13px;
  --cmplz_category_header_active_font_size:13px;
  --cmplz_category_header_title_font_size:15px;
  --cmplz_category_header_always_active_color:#1D4E89;
  --cmplz_hyperlink_color:#1D4E89;
  --cmplz_button_font_size:15px;
  --cmplz_button_border_radius:999px 999px 999px 999px;
  --cmplz_button_accept_background_color:#1D4E89;
  --cmplz_button_accept_border_color:#1D4E89;
  --cmplz_button_accept_text_color:#FFFFFF;
  --cmplz_button_deny_background_color:#1D4E89;
  --cmplz_button_deny_border_color:#1D4E89;
  --cmplz_button_deny_text_color:#FFFFFF;
  --cmplz_button_settings_background_color:#FFFFFF;
  --cmplz_button_settings_border_color:#C5D0DE;
  --cmplz_button_settings_text_color:#123866;
  --cmplz_slider_active_color:#1D4E89;
  --cmplz_slider_inactive_color:#4A5A6C;
  --cmplz_slider_bullet_color:#FFFFFF;
}
html body .cmplz-cookiebanner{font-family:'Atkinson Hyperlegible Next',system-ui,sans-serif;box-shadow:0 24px 60px rgba(11,33,64,.22)}
html body .cmplz-cookiebanner .cmplz-title{font-family:'Manrope',system-ui,sans-serif;font-weight:600;color:#123866}
html body .cmplz-cookiebanner .cmplz-btn{min-height:44px;font-weight:700}
html body .cmplz-cookiebanner .cmplz-btn:hover{filter:brightness(.92)}
html body .cmplz-cookiebanner .cmplz-btn:focus-visible,html body .cmplz-cookiebanner a:focus-visible,html body #cmplz-manage-consent .cmplz-manage-consent:focus-visible{outline:3px solid #2F6FD0;outline-offset:3px}

/* Cookie-Einstellungen spaeter wieder oeffnen: kleiner runder Cookie-Button unten links
   (statt der Textlasche "Einwilligung verwalten"). Der Text bleibt fuer Screenreader erhalten. */
html body #cmplz-manage-consent .cmplz-manage-consent{display:block!important;left:16px!important;right:auto!important;bottom:16px!important;width:48px!important;min-width:0!important;height:48px!important;padding:0!important;border:0!important;border-radius:50%!important;overflow:hidden;white-space:nowrap;text-indent:-9999px;background:#123866 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9 4 4 0 0 1-4-4 4 4 0 0 1-5-5z'/%3E%3Ccircle cx='9' cy='10' r='.9' fill='%23fff'/%3E%3Ccircle cx='14.5' cy='14.5' r='.9' fill='%23fff'/%3E%3Ccircle cx='9.5' cy='15.5' r='.9' fill='%23fff'/%3E%3C/svg%3E") center/26px 26px no-repeat!important;box-shadow:0 10px 26px rgba(11,33,64,.28)!important;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
html body #cmplz-manage-consent .cmplz-manage-consent:hover{transform:scale(1.08)}
@media (prefers-reduced-motion:reduce){html body #cmplz-manage-consent .cmplz-manage-consent{transition:none}html body #cmplz-manage-consent .cmplz-manage-consent:hover{transform:none}}

/* ---------- Cookie-Richtlinie (von Complianz erzeugte Seite) im Aufbau der Datenschutz-Seite ----------
   Die Seite gehoert Complianz (Shortcode cmplz-document) und laeuft ueber das Standard-Template des
   Themes; hier bekommt sie Hintergrund, Breite, Abstaende und Typografie der Rechtsseiten. */
html body.cmplz-document{background:linear-gradient(180deg,#E6EEF7 0,#fff 520px) no-repeat #fff}
html body.cmplz-document main.site-main{max-width:1320px;margin:0 auto;padding:calc(var(--hdr-h,84px) + clamp(48px,7vw,104px)) var(--pad,40px) clamp(72px,9vw,128px)}
html body.cmplz-document main.site-main .page-header{margin:0 0 clamp(28px,4vw,48px);padding:0}
html body.cmplz-document main.site-main .entry-title{margin:0;font-family:'Manrope',system-ui,sans-serif;font-weight:300;font-size:clamp(36px,4.6vw,64px);line-height:1.06;letter-spacing:-.04em;color:#123866}
html body.cmplz-document main.site-main .page-content{max-width:none;margin:0;padding:0}
html body.cmplz-document #cmplz-document{max-width:none;margin:0;font-size:17px;line-height:1.6;color:#0F1E2E}
html body.cmplz-document #cmplz-document h2{margin:40px 0 12px;font-family:inherit;font-size:32px;font-weight:500;line-height:1.2;color:#0F1E2E}
html body.cmplz-document #cmplz-document h3,html body.cmplz-document #cmplz-document .cmplz-subtitle{margin:28px 0 10px;font-family:inherit;font-size:24px;font-weight:500;line-height:1.25;color:#0F1E2E}
html body.cmplz-document #cmplz-document p,html body.cmplz-document #cmplz-document li{font-size:17px;line-height:1.6}
html body.cmplz-document #cmplz-document a{color:#1D4E89;text-decoration:underline;text-underline-offset:3px}