/* 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}
.sc_slide1{background-image:url(/dcmaster/img/banner/banner.png)}
.sc_slide2{background-image:url(/dcmaster/img/banner/banner2.png);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}
.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}
.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}
}