/* SC-Anpassungen auf dcmaster-Basis — Slider mit echten Bildern, Header-Fixes, Sektions-Styles.
   Kontraste geprüft: weiße Schrift nur auf dunklem Overlay/Gradíent. */

:root{--sc-ink:#1F1F1F;--sc-mut:#4D4D4D;--sc-prim:#247CFF;--sc-navy:#101C3F;--sc-teal:#0CC2A4;--sc-line:#E4EAF6;--sc-grad:linear-gradient(135deg,#101C3F 0%,#1a3aa8 60%,#247CFF 140%)}

/* ---------- Bootstrap-Modal: Backdrop unter das Modal ----------
   dcmaster/css/bootstrap.min.css setzt .modal-backdrop auf z-index:999999, das
   .modal selbst aber nur auf 1050. Bootstrap haengt den Backdrop per appendTo(body)
   NACH dem Modal in den Body — mit dem hoeheren z-index liegt die 50%-schwarze
   Verdunkelung dann UEBER dem Dialog, faengt alle Klicks ab und macht das Formular
   unbedienbar. Der Backdrop muss unter .modal (1050) liegen. */
.modal-backdrop{z-index:1040}

/* ---------- Header: Text-Logo + Sprachbuttons (ordnet die Navbar korrekt) ---------- */
.logo a{display:inline-flex;align-items:center;gap:10px}
.sc_logo{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--sc-grad);color:#fff;font-weight:800;font-size:.88rem;letter-spacing:.5px;flex:none}
.sc_brandname{font-weight:700;font-size:1.02rem;color:var(--sc-ink)}
.sc_brandname_w{color:#fff}
.sc_logo_w{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35)}
.sc_appt_row{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.sc_langbtn{font-size:.83rem;font-weight:600;color:var(--sc-mut);border:1px solid var(--sc-line);border-radius:999px;padding:5px 11px;background:#fff}
.sc_langbtn:hover{color:var(--sc-prim);border-color:var(--sc-prim);text-decoration:none}
.sc_appt_row .book_btn{margin:0}

/* ---------- Slider: echte Bilder + dunkles Overlay (lesbare weiße Schrift) ---------- */
.slider_area .sc_slider{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden}
.sc_slider{position:relative;min-height:640px}
.sc_slide{position:absolute;inset:0;background-size:cover;background-position:center right;opacity:0;animation:scfade 16s infinite}
/* Banner als WebP: 1920x700 mit grosser Weissflaeche, als PNG 1,7 MB / 1,5 MB,
   als WebP 37 KB / 24 KB. Die PNG-Zeile ist der Fallback fuer Browser ohne
   WebP — wer die WebP-Zeile nicht versteht, nimmt die vorherige. */
.sc_slide1{background-image:url(/sc/dcmaster/img/banner/banner.png);background-image:url(/sc/dcmaster/img/banner/banner.webp)}
.sc_slide2{background-image:url(/sc/dcmaster/img/banner/banner2.png);background-image:url(/sc/dcmaster/img/banner/banner2.webp);animation-delay:8s}
.sc_slide_overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,21,51,.86) 0%,rgba(11,21,51,.62) 55%,rgba(16,28,63,.38) 100%)}
[dir="rtl"] .sc_slide{background-position:center left}
[dir="rtl"] .sc_slide_overlay{background:linear-gradient(270deg,rgba(11,21,51,.86) 0%,rgba(11,21,51,.62) 55%,rgba(16,28,63,.38) 100%)}
.sc_slider_content{position:relative;z-index:2;padding:120px 20px 130px}
.sc_slider_content .slider_text h3{color:#fff;font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:16px}
.sc_slider_content .slider_text h3 span{color:#7CC4FF}
.sc_slider_content .slider_text p{color:rgba(255,255,255,.9);max-width:620px;font-size:1.05rem}
@keyframes scfade{0%{opacity:0}8%{opacity:1}46%{opacity:1}54%{opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.sc_slide{animation:none;opacity:1}.sc_slide2{display:none}}
@media(max-width:768px){.sc_slider{min-height:520px}.sc_slider_content{padding:80px 16px}}

/* Hero-Punkte + Slider-Buttons-Abstand */
.sc_pts{margin-top:24px}
.sc_pts span{display:inline-flex;align-items:center;gap:8px;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 15px;font-size:.88rem;font-weight:600;margin:4px 8px 4px 0}
.sc_pts i{color:#0CC2A4}

/* ---------- Welcome (Warum SC) ---------- */
.welcome_area{padding:100px 0}
.welcome_img img{width:100%;border-radius:18px;box-shadow:0 20px 50px rgba(11,21,51,.16)}
.sc_check{list-style:none;margin:22px 0 26px;padding:0}
.sc_check li{padding:7px 0;color:var(--sc-mut);font-size:.98rem}
.sc_check i{color:var(--sc-teal);margin-inline-end:10px;font-size:1.05rem}

/* ---------- Service (dcmaster single_service unverändert nutzbar) ---------- */
.single_service .icon i{color:var(--sc-prim);font-size:1.6rem}

/* ---------- Steps ---------- */
.sc_step{background:#fff;border:1px solid var(--sc-line);border-radius:18px;padding:30px 24px;box-shadow:0 2px 10px rgba(11,21,51,.06);transition:.25s;height:100%}
.sc_step:hover{transform:translateY(-4px);box-shadow:0 12px 34px rgba(11,21,51,.11)}
.sc_step_n{width:46px;height:46px;margin:0 auto 14px;border-radius:12px;background:var(--sc-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}
.sc_step h4{margin-bottom:8px;font-size:1.05rem;color:var(--sc-ink)}
.sc_step p{color:var(--sc-mut);font-size:.95rem;margin:0}

/* ---------- Profile ---------- */
.sc_prof_box{background:#fff;border:1px solid var(--sc-line);border-radius:16px;padding:10px 24px;box-shadow:0 2px 10px rgba(11,21,51,.06)}
.sc_prof_row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--sc-line)}
.sc_prof_row:last-child{border-bottom:0}
.sc_chiffre{font-weight:800;color:var(--sc-ink)}
.sc_tags{display:flex;gap:8px;flex-wrap:wrap}
.sc_tag{background:#eef5ff;color:#1a63d1;border-radius:999px;padding:4px 13px;font-size:.82rem;font-weight:600}
.sc_none{color:var(--sc-mut);text-align:center;padding:20px 0}

/* ---------- Booking ---------- */
.sc_booking_bg{background:#F6F9FF}
.sc_booking_form{background:#fff;border:1px solid var(--sc-line);border-radius:20px;padding:40px 36px;box-shadow:0 14px 40px rgba(11,21,51,.12)}
.sc_in{display:block;width:100%;border:1px solid #D5DEEE;border-radius:10px;padding:12px 16px;font-size:.95rem;color:var(--sc-ink);background:#fff;margin-bottom:16px;outline:none;font-family:inherit}
.sc_in::placeholder{color:#7A8AA5}
.sc_in:focus{border-color:var(--sc-prim);box-shadow:0 0 0 3px rgba(36,124,255,.12);outline:none}
/* Gesperrtes abhaengiges Dropdown (Fachrichtung vor Berufsfeld-Wahl) */
.sc_in:disabled{background:#F2F5FA;color:#7A8AA5;cursor:not-allowed;border-style:dashed}
.sc_in:disabled:focus{box-shadow:none;border-color:#D5DEEE}
/* Bindungshinweis auf Impressum/Datenschutz: die deutsche Fassung ist verbindlich,
   die uebersetzte Lesefassung steht darunter. Erscheint nur, wenn $lang !== 'de'. */
.sc_note{background:#F4F7FE;border:1px solid #D5E1FA;border-left:4px solid var(--sc-prim);border-radius:10px;padding:14px 18px;margin-bottom:22px}
.sc_note p{margin:0;color:#24365C;line-height:1.7}
.sc_note p+p{margin-top:4px}
.sc_note a{color:var(--sc-prim);font-weight:700}
.sc_file_label{display:block;font-size:.85rem;font-weight:600;color:var(--sc-mut);margin-bottom:6px}
.sc_hint{font-size:.82rem;color:#7A8AA5;margin:-2px 0 12px}
.sc_dossier{background:#F8FAFF;border:1px solid #E4EAF6;border-radius:14px;padding:18px 20px;margin-bottom:22px}
.sc_dossier_grp{display:block}
.sc_dossier_row{display:flex;flex-direction:column;margin-bottom:4px}
.sc_dossier_lbl{font-size:.87rem;font-weight:600;color:var(--sc-ink);margin-bottom:6px}
.sc_dossier_lbl small{font-weight:400;color:#98A2B3}
.sc_req{color:#e74c3c}
.sc_extra{margin-bottom:18px}
.sc_consent{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;color:#4D4D4D;line-height:1.45;margin-bottom:20px}
.sc_consent input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}
input[type=file].sc_in{padding:10px 14px;font-size:.86rem}
@media (max-width:575px){.sc_dossier{padding:14px}.sc_dossier_lbl{font-size:.82rem}}
.sc_submit_wrap{margin-top:6px}
.sc_alert{border-radius:12px;padding:18px 22px;margin-bottom:22px}
.sc_ok{background:#e7faf5;border:1px solid var(--sc-teal)}
.sc_ok h4{color:#0b7a67;margin:0 0 4px}
.sc_err{background:#ffefed;border:1px solid #FF5D4F}
.sc_err h4{color:#c23a2e;margin:0 0 4px}
.sc_alert p{margin:0;color:var(--sc-mut);font-size:.95rem}

/* ---------- FAQ ---------- */
.sc_faq{background:#fff;border:1px solid var(--sc-line);border-radius:14px;padding:16px 22px;margin-bottom:12px;box-shadow:0 2px 10px rgba(11,21,51,.05)}
.sc_faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--sc-ink)}
.sc_faq summary::-webkit-details-marker{display:none}
.sc_faq summary::after{content:"+";font-size:1.4rem;color:var(--sc-prim);transition:.2s}
.sc_faq[open] summary::after{transform:rotate(45deg)}
.sc_faq p{color:var(--sc-mut);margin:12px 0 0;font-size:.95rem}

/* ---------- Testimonials ---------- */
.sc_testi{background:#fff;border:1px solid var(--sc-line);border-radius:18px;padding:30px;box-shadow:0 2px 10px rgba(11,21,51,.06);height:100%}
.sc_testi_q{color:var(--sc-ink);font-size:1.02rem;font-weight:600;line-height:1.6}
.sc_testi_n{margin-top:16px;display:flex;align-items:center;gap:12px;color:var(--sc-mut);font-weight:600;font-size:.92rem}
.sc_testi_av{width:44px;height:44px;border-radius:50%;background:var(--sc-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.sc_testi_av.t{background:linear-gradient(135deg,#0CC2A4,#0a9e86)}

/* ---------- CTA-Band ---------- */
.sc_cta_bg{background:var(--sc-grad);color:#fff}
.sc_cta_t{color:#fff;font-weight:700;font-size:clamp(1.35rem,2.6vw,1.85rem)}
.sc_cta_p{color:rgba(255,255,255,.88);margin:8px 0 0}
.sc_booking_bg .section_title h3,.sc_prof_bg .section_title h3{color:var(--sc-ink)}
.sc_cta_bg .boxed-btn3.white-bg{margin-bottom:0}

/* ---------- Profil/FAQ-Hintergrund ---------- */
.sc_prof_bg{background:#F6F9FF}

/* ---------- RTL ---------- */
[dir="rtl"] .sc_appt_row{flex-direction:row-reverse}
[dir="rtl"] .sc_prof_row{flex-direction:row-reverse}
[dir="rtl"] .sc_tags,[dir="rtl"] .sc_pts span{flex-direction:row-reverse}
[dir="rtl"] .text-right{text-align:left!important}
[dir="rtl"] .sc_slider_content .slider_text{direction:rtl;text-align:right}

@media(max-width:991px){.sc_booking_form{padding:28px 20px}}

/* ============================================================
   HEADER v5 — eigenständig (erprobt aus v3), ersetzt den
   dcmaster-Header komplett. Keine Theme-Klassen im Header-Markup.
   ============================================================ */
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--sc-line);box-shadow:0 2px 14px rgba(11,21,51,.07)}
.site-header .nav{display:flex;align-items:center;gap:22px;min-height:64px;padding:0}
.site-header .wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.site-header .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.08rem;color:#1F1F1F}
.site-header .brand:hover{text-decoration:none}
.logo-mark{width:38px;height:38px;border-radius:10px;background:var(--sc-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;letter-spacing:.5px;flex:none}
.nav-links{display:flex;align-items:center;gap:20px;margin-left:auto;list-style:none;margin-bottom:0}
.nav-links li{list-style:none}
.nav-links a{color:var(--sc-mut);font-weight:600;font-size:.95rem;padding:6px 2px}
.nav-links a:hover,.nav-links a.active{color:var(--sc-prim)}
.nav-actions{display:flex;align-items:center;gap:8px;margin-left:18px}
.langbtn{font-size:.84rem;font-weight:700;color:var(--sc-mut);border:1px solid var(--sc-line);border-radius:999px;padding:5px 12px;background:#fff}
.langbtn:hover{color:var(--sc-prim);border-color:var(--sc-prim);text-decoration:none}
/* Aktive Sprache des Umschalters: gefuellt, damit "wo bin ich" auf einen Blick klar ist.
   aria-current="true" wird von sc_langbar() gesetzt — dieselbe Klasse als Styling-Hook. */
.langbtn.on{background:var(--sc-prim);border-color:var(--sc-prim);color:#fff}
.langbtn.on:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 20px;font-weight:700;font-size:.93rem;border:0;cursor:pointer;transition:.2s;line-height:1.2}
.btn-primary{background:var(--sc-grad);color:#fff;box-shadow:0 6px 18px rgba(26,58,168,.28)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(26,58,168,.36);text-decoration:none;color:#fff}
/* Mobile-Nav ohne JS */
.nav-toggle{display:none}
.burger{display:none;width:42px;height:38px;border:1px solid var(--sc-line);border-radius:10px;cursor:pointer;position:relative;flex:none}
.burger::before,.burger::after{content:"";position:absolute;left:11px;right:11px;height:2px;background:#1F1F1F}
.burger::before{top:13px}.burger::after{bottom:12px}
@media(max-width:960px){
  .nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--sc-line);flex-direction:column;align-items:stretch;padding:10px 20px 16px;box-shadow:0 14px 26px rgba(11,21,51,.10);margin:0}
  .nav-links a{display:block;padding:10px 4px;border-bottom:1px solid var(--sc-line)}
  .site-header .nav{position:relative}
  .nav-toggle:checked ~ .nav-links{display:flex}
  .burger{display:block;margin-left:auto}
  .nav-actions{margin-left:0}
  .site-header .brand{margin-right:auto}
}
[dir="rtl"] .site-header .nav-links,[dir="rtl"] .nav-actions{flex-direction:row-reverse}
/* white-bg-Button-Variante: dcmaster setzt color:#fff !important -> auf weißem Button unsichtbar. Fix: dunkle Schrift */
.boxed-btn3.white-bg{color:#101C3F !important;background:#fff}
[dir="rtl"] .site-header .brand{flex-direction:row-reverse}
@media(max-width:960px){
  [dir="rtl"] .nav-actions{margin-left:0;margin-right:0}
}
/* Footer-Liste "Bereiche" (Kliniken & Krankenhaeuser usw.): dcmaster faerbt nur `ul li a`
   mit #BABABA. Die plain <li> ohne <a> erben die body-Farbe (fast schwarz) und sind auf
   #1F1F1F unsichtbar. Fix: Farbe/Abstand der Anker-Variante fuer alle Footer-Listeneintraege. */
.footer .footer_top .footer_widget ul li{color:#BABABA;font-size:16px;line-height:42px}

/* Statusmeldungen: .sc_alert war definiert, .sc_ok/.sc_err wurden in 6 PHP-Dateien
   benutzt, aber nirgends gestyled -> Erfolgs-/Fehlerboxen blieben weiss und leer.
   Fix: Farbvarianten passend zur Palette. */
.sc_alert.sc_ok{background:#E7FBF6;border:1px solid #0CC2A4}
.sc_alert.sc_ok h4{color:#067A66}
.sc_alert.sc_err{background:#FDECEC;border:1px solid #E5484D}
.sc_alert.sc_err h4{color:#B3282C}
.sc_alert h4{margin:0 0 6px;font-size:1.02rem;font-weight:700}

/* Kontakt-Modal: Formular liegt in der One-Page, kein Weg zur separaten Seite.
   Optisch an .sc_booking_form angelehnt, damit es zum Booking-Formular passt. */
.sc_kontakt .modal-content{border:0;border-radius:20px;box-shadow:0 24px 60px rgba(11,21,51,.22);overflow:hidden}
.sc_kontakt .modal-header{border:0;padding:28px 32px 8px;display:block;position:relative}
.sc_kontakt .modal-title{font-size:1.5rem;font-weight:700;color:var(--sc-ink)}
.sc_kontakt .modal-body{padding:0 32px 8px}
.sc_kontakt .modal-footer{border:0;padding:8px 32px 28px;justify-content:flex-start}
.sc_kontakt .close{position:absolute;top:18px;right:20px;opacity:.45;text-shadow:none;font-size:1.6rem;line-height:1}
.sc_kontakt .close:hover{opacity:.85}
.sc_kontakt .sc_kontakt_sub{color:var(--sc-mut);font-size:.95rem;margin:6px 0 20px}
.sc_kontakt .sc_in{margin-bottom:12px}
.sc_kontakt .sc_kontakt_grid{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 20px;padding:0;list-style:none}
.sc_kontakt .sc_kontakt_grid li{font-size:.9rem;color:var(--sc-mut)}
.sc_kontakt .sc_kontakt_grid b{color:var(--sc-ink);font-weight:600}
.sc_kontakt .sc_kontakt_foot{font-size:.82rem;color:var(--sc-mut);margin:14px 0 0}
.sc_kontakt .boxed-btn3{border:0;cursor:pointer;padding:14px 30px}
.sc_kontakt .boxed-btn3[disabled]{opacity:.6;cursor:progress}
[dir="rtl"] .sc_kontakt .modal-footer{justify-content:flex-start}
[dir="rtl"] .sc_kontakt .close{right:auto;left:20px}
@media(max-width:575px){
  .sc_kontakt .modal-header{padding:24px 20px 6px}
  .sc_kontakt .modal-body{padding:0 20px 6px}
  .sc_kontakt .modal-footer{padding:6px 20px 24px}
  .sc_kontakt .modal-title{font-size:1.25rem}
}
/* ---------- WhatsApp-Float ----------
   Eigenstaendig fuer /sc gebaut, nicht aus home1 kopiert. Die alte Fassung
   benutzte die Variablen --ink, --grad und --shadow-md; davon gibt es hier keine.
   Ersetzt durch die SC-Variablen: Label-Hintergrund --sc-navy (dunkel, weisse
   Schrift liegt mit ~15:1 klar ueber der 4.5:1-Grenze), Schatten mit dem
   bereits im Haus benutzten rgba(11,21,51,...)-Wert.
   z-index 1035 liegt bewusst UEBER dem Cookie-Banner (1030) — sonst
   schiebt der ihn weg, solange keine Einwilligung gesetzt ist — und
   UNTER .modal-backdrop (1040) und .modal (1050): wie beim Cookie-Banner
   darf der Float kein offenes Formular ueberdecken und keine Klicks
   abfangen. */
.wa-float{position:fixed;bottom:26px;inset-inline-end:26px;z-index:1035;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.42);transition:transform .18s ease,box-shadow .18s ease;color:#fff}
.wa-float svg{width:32px;height:32px;display:block}
.wa-float:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 16px 36px rgba(37,211,102,.5)}
.wa-float:focus-visible{outline:3px solid var(--sc-prim);outline-offset:3px}
.wa-float .wa-label{position:absolute;inset-inline-end:74px;top:50%;transform:translateY(-50%) translateX(6px);background:var(--sc-navy);color:#fff;font-size:.8rem;font-weight:600;padding:7px 13px;border-radius:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 12px 34px rgba(11,21,51,.11)}
.wa-float:hover .wa-label,.wa-float:focus-visible .wa-label{opacity:1;transform:translateY(-50%)}
[dir="rtl"] .wa-float .wa-label{transform:translateY(-50%) translateX(-6px)}
[dir="rtl"] .wa-float:hover .wa-label,[dir="rtl"] .wa-float:focus-visible .wa-label{transform:translateY(-50%)}
@media (max-width:640px){.wa-float{width:54px;height:54px;bottom:20px;inset-inline-end:20px}.wa-float svg{width:29px;height:29px}}
/* Auf Tastaturfokus ohne Maus soll das Etikett auch ohne Hover lesbar sein. */
@media (hover:none){.wa-float .wa-label{display:none}}


/* ------------------------------------------------------------------
   Leitfaden-Karten. Werden von /sc/leitfaden/ und vom Abschnitt
   #leitfaden auf der Startseite benutzt.

   Zwei Karten stehen bewusst nebeneinander, eine Zeile je Sprache.
   Mit auto-fill sind sie in einer schmaleren Spalte untereinander
   gerutscht, weil zwei Karten mit 300px Mindestbreite dort nicht
   nebeneinander passen. Darum feste zwei Spalten.
   ------------------------------------------------------------------ */
.lf_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lf_card{
  background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;
  transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;
}
.lf_card:hover{box-shadow:0 8px 22px rgba(30,58,95,.12);transform:translateY(-2px)}
.lf_icon{font-size:1.8rem;line-height:1;margin-bottom:10px;color:#3498db}
.lf_name{font-weight:600;color:#1e3a5f;margin-bottom:6px;font-size:.9rem;
  word-break:break-word;line-height:1.45}
.lf_meta{font-size:.82rem;color:#8a97a5;margin-bottom:14px}
.lf_card .boxed-btn3{align-self:flex-start;margin-top:auto}
.lf_lang_head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.lf_flag{font-size:1.5rem;line-height:1}
.lf_lang_head h4{margin:0;font-size:1.05rem;font-weight:700;color:#1e3a5f}
.lf_stand{
  display:inline-block;margin:0 auto 6px;padding:7px 16px;border-radius:30px;
  background:#fff;border:1px solid #dbe4ee;font-size:.88rem;color:#42556b;
}
.lf_stand b{color:#1e3a5f}
.lf_behoerde{font-size:.88rem;color:#5b6b7c;margin:0 auto 30px;max-width:820px;text-align:center}
.lf_more_wrap{text-align:center;margin-top:6px}
@media (max-width:767px){.lf_grid{grid-template-columns:1fr}}

/* firmenportal_tabs_start */
/* Reiter fuer das Firmenportal. Neu, deshalb mit sc_ praefiziert.
   Keine dieser Klassen kommt sonstwo vor. */
.sc_tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 26px}
.sc_tab{border:1px solid var(--sc-line);background:#fff;color:var(--sc-mut);border-radius:999px;padding:9px 20px;font-weight:700;font-size:.92rem;cursor:pointer;transition:.2s;font-family:inherit}
.sc_tab:hover{border-color:var(--sc-prim);color:var(--sc-prim)}
.sc_tab:focus-visible{outline:2px solid var(--sc-prim);outline-offset:2px}
.sc_tab.on{background:var(--sc-grad);color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(26,58,168,.26)}
.sc_tabpane{display:none}
.sc_tabpane.on{display:block}
.sc_prof_row>.btn{flex:none}
[dir="rtl"] .sc_tabs{flex-direction:row-reverse}
/* firmenportal_tabs_end */

/* bewerberdetail_start */
/* Profildetailseite. Neu, deshalb mit sc_ praefiziert. */
.sc_bd_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 26px;margin-top:26px}
.sc_bd_full{grid-column:1/-1}
.sc_bd_lbl{margin:0 0 4px;color:var(--sc-mut);font-weight:700;font-size:.84rem;letter-spacing:.03em}
.sc_bd_val{margin:0;font-size:1.1rem;font-weight:800;color:var(--sc-navy)}
.sc_bd_notes{background:#F6F9FF;border:1px solid var(--sc-line);border-radius:12px;padding:18px;white-space:pre-line;min-height:100px;margin-top:6px}
.sc_bd_cta{text-align:center;margin-top:34px;padding-top:28px;border-top:1px solid var(--sc-line)}
@media (max-width:640px){.sc_bd_grid{grid-template-columns:1fr}}
/* bewerberdetail_end */

/* captcha_start */
/* Eigener Captcha-Baustein. Klassen mit sc_captcha_ sind neu und
   kollidieren nicht mit dem Theme. */
.sc_captcha{margin:8px 0 18px;padding:16px 18px;border:1px solid var(--sc-line);border-radius:12px;background:#F8FAFE}
.sc_captcha_lbl{display:block;font-weight:700;color:var(--sc-navy);font-size:.92rem;margin:0 0 8px}
.sc_captcha_row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.sc_captcha_row img{display:block;border:1px solid var(--sc-line);border-radius:10px;background:#fff;max-width:100%;height:auto}
.sc_captcha_refresh{border:1px solid var(--sc-line);background:#fff;color:var(--sc-prim);border-radius:9px;padding:8px 14px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit}
.sc_captcha_refresh:hover{border-color:var(--sc-prim);background:#F2F7FF}
.sc_captcha_refresh:focus-visible{outline:2px solid var(--sc-prim);outline-offset:2px}
.sc_captcha_math{margin:0 0 10px;font-weight:800;font-size:1.15rem;color:var(--sc-navy);letter-spacing:.04em}
input.sc_captcha_input{max-width:220px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}
[dir="rtl"] .sc_captcha_row{flex-direction:row-reverse}
[dir="rtl"] input.sc_captcha_input{text-align:right}
@media (max-width:575px){.sc_captcha{padding:14px}.sc_captcha_row img{width:150px;height:50px}}
/* captcha_end */