/* V2-Theme-Override
   Lädt nach dem Inline-<style> der V1-Subpages und überschreibt
   alle CSS-Custom-Properties auf das V2-Dark-Schema.
   Plus harte Overrides für hardcodierte hell-beige Werte. */

:root{
  --bg:           #0a0606 !important;
  --bg-2:         #120a0a !important;
  --bg-3:         #1a0f0f !important;
  --bg-dark:      #050202 !important;
  --fg:           #f5f1ea !important;
  --fg-2:         rgba(245,241,234,.65) !important;
  --fg-3:         rgba(245,241,234,.45) !important;
  --fg-light:     rgba(245,241,234,.85) !important;
  --accent:       #8b0d28 !important;
  --accent-2:     #b51737 !important;
  --gold:         #c9a14a !important;
  --gold-bright:  #e6c879 !important;
  --gold-light:   #e6c879 !important;
  --line:         rgba(245,241,234,.10) !important;
  --ink:          #0a0606 !important;
}

::selection{ background:#8b0d28; color:#fbf8f3 }

/* Hardcodierte Hell-Werte überschreiben */
html, body{
  background:#0a0606 !important;
  color:#f5f1ea !important;
}

/* Top-Nav-Backgrounds — höhere Specificity gegen Inline-Style.
   Erfasst .topnav (Artikel, gaestebuch, bewerbung) + .topbar (preise, pfad, etc.) */
body nav.topnav,
body .topnav,
body .topbar,
body .apply-top,
html body .topnav,
html body .topbar{
  background:rgba(10,6,6,.80) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  border-bottom:1px solid rgba(245,241,234,.10) !important;
}
body .topnav .brand-mini,
body .topnav .back,
body .topnav a,
body .topbar .brand-mini,
body .topbar .back,
body .topbar a,
body .apply-top a{
  color:#f5f1ea !important;
}
body .topnav .brand-mini:hover,
body .topnav .back:hover,
body .topbar .brand-mini:hover,
body .topbar .back:hover{
  color:#c9a14a !important;
}

/* Footer-Backgrounds (V1: helles beige) */
body footer{
  background:#0a0606 !important;
  color:#f5f1ea !important;
  border-top:1px solid rgba(245,241,234,.10) !important;
}
body footer .disclaimer,
body footer .copy,
body footer p{
  color:rgba(245,241,234,.55) !important;
}

/* Bilder mit hellem Background-Frame */
body img{ background:transparent !important }

/* Hardcodierte light fills in inline styles (häufige Werte) */
body [style*="#f5f1ea"]{ background-color:#0a0606 !important }
body [style*="#ebe5d8"]{ background-color:#120a0a !important }

/* Generic light backgrounds → dark */
[style*="background:#f5f1ea"],
[style*="background: #f5f1ea"],
[style*="background:#ebe5d8"],
[style*="background: #ebe5d8"]{
  background:#0a0606 !important;
}

/* Generic light text → light on dark */
[style*="color:#161310"],
[style*="color: #161310"]{
  color:#f5f1ea !important;
}

/* Scrollbar */
::-webkit-scrollbar{ width:10px }
::-webkit-scrollbar-track{ background:#0a0606 }
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, #570817, #8b0d28);
  border-radius:10px;
}


/* ============================================================
   BEWERBUNGS-MODAL — V2-Dark-Override
   ============================================================ */

#bewerbung-modal .modal-overlay{
  background:rgba(10,6,6,.80) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

#bewerbung-modal .modal-content{
  background:linear-gradient(180deg, #120a0a, #0a0606 70%) !important;
  border:1px solid rgba(201,161,74,.25) !important;
  box-shadow:0 40px 100px -10px rgba(139,13,40,.30), 0 0 0 1px rgba(245,241,234,.04) !important;
  border-radius:20px !important;
  color:#f5f1ea !important;
}
@media (max-width:640px){
  #bewerbung-modal .modal-content{ border-radius:0 !important }
}

#bewerbung-modal .modal-top{
  background:rgba(10,6,6,.6) !important;
  border-bottom:1px solid rgba(245,241,234,.08) !important;
  color:rgba(245,241,234,.55) !important;
  backdrop-filter:blur(10px);
}

#bewerbung-modal .modal-lang button{ color:rgba(245,241,234,.50) !important }
#bewerbung-modal .modal-lang button:hover{ color:#c9a14a !important }
#bewerbung-modal .modal-lang button.lang-active{
  color:#c9a14a !important;
  border-bottom:1px solid #c9a14a !important;
}

/* Close-Button */
#bewerbung-modal .modal-close,
#bewerbung-modal button[aria-label*="lose"],
#bewerbung-modal button[aria-label*="chlie"]{
  background:transparent !important;
  border:1px solid rgba(245,241,234,.20) !important;
  color:rgba(245,241,234,.65) !important;
}
#bewerbung-modal .modal-close:hover,
#bewerbung-modal button[aria-label*="lose"]:hover,
#bewerbung-modal button[aria-label*="chlie"]:hover{
  border-color:#c9a14a !important;
  color:#c9a14a !important;
}

/* Steps-Indikator */
#bewerbung-modal .step,
#bewerbung-modal .step-dot,
#bewerbung-modal [class*="step"]{
  color:rgba(245,241,234,.45) !important;
}
#bewerbung-modal .step.active,
#bewerbung-modal .step-dot.active{
  color:#c9a14a !important;
}

/* Card / Form-Bereiche */
#bewerbung-modal .card,
#bewerbung-modal .form-card,
#bewerbung-modal .step-card{
  background:rgba(245,241,234,.02) !important;
  border:1px solid rgba(245,241,234,.08) !important;
  color:#f5f1ea !important;
}

/* Eyebrow */
#bewerbung-modal .eyebrow,
#bewerbung-modal [class*="eyebrow"]{
  color:#c9a14a !important;
  font-family:'JetBrains Mono','IBM Plex Mono',monospace !important;
}

/* Headings */
#bewerbung-modal h1,
#bewerbung-modal h2,
#bewerbung-modal h3,
#bewerbung-modal .title,
#bewerbung-modal .step-title{
  color:#f5f1ea !important;
  font-family:'Cormorant Garamond',serif !important;
}

#bewerbung-modal h2,
#bewerbung-modal .step-title{ font-weight:500 !important }

#bewerbung-modal p,
#bewerbung-modal .desc,
#bewerbung-modal .sub,
#bewerbung-modal label{ color:rgba(245,241,234,.70) !important }

/* Form-Inputs */
#bewerbung-modal input[type="text"],
#bewerbung-modal input[type="email"],
#bewerbung-modal input[type="tel"],
#bewerbung-modal input[type="number"],
#bewerbung-modal textarea,
#bewerbung-modal select{
  background:rgba(10,6,6,.6) !important;
  border:1px solid rgba(245,241,234,.15) !important;
  color:#f5f1ea !important;
  border-radius:10px !important;
  padding:14px 16px !important;
  font-family:'Inter',sans-serif !important;
}
#bewerbung-modal input::placeholder,
#bewerbung-modal textarea::placeholder{
  color:rgba(245,241,234,.30) !important;
}
#bewerbung-modal input:focus,
#bewerbung-modal textarea:focus,
#bewerbung-modal select:focus{
  outline:none !important;
  border-color:#c9a14a !important;
  background:rgba(10,6,6,.85) !important;
  box-shadow:0 0 0 3px rgba(201,161,74,.12) !important;
}

/* Checkboxes & Radios */
#bewerbung-modal input[type="checkbox"],
#bewerbung-modal input[type="radio"]{
  accent-color:#c9a14a !important;
  width:18px !important;
  height:18px !important;
}

/* Pillen / Tags / Choices */
#bewerbung-modal .pill,
#bewerbung-modal .choice,
#bewerbung-modal label.option,
#bewerbung-modal .chip{
  background:rgba(10,6,6,.6) !important;
  border:1px solid rgba(245,241,234,.15) !important;
  color:#f5f1ea !important;
  border-radius:999px !important;
}
#bewerbung-modal .pill:hover,
#bewerbung-modal .choice:hover,
#bewerbung-modal .chip:hover{
  border-color:rgba(201,161,74,.50) !important;
}
#bewerbung-modal .pill.selected,
#bewerbung-modal .pill.active,
#bewerbung-modal .choice.selected,
#bewerbung-modal .choice.active,
#bewerbung-modal .chip.active{
  background:rgba(139,13,40,.20) !important;
  border-color:#c9a14a !important;
  color:#c9a14a !important;
}

/* Buttons */
#bewerbung-modal button.next,
#bewerbung-modal button.submit,
#bewerbung-modal .primary,
#bewerbung-modal button[class*="primary"]{
  background:#c9a14a !important;
  color:#0a0606 !important;
  border:none !important;
  border-radius:999px !important;
  padding:14px 26px !important;
  font-family:'JetBrains Mono','IBM Plex Mono',monospace !important;
  font-size:.7rem !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
  transition:background .2s, transform .2s !important;
  cursor:pointer !important;
}
#bewerbung-modal button.next:hover,
#bewerbung-modal button.submit:hover,
#bewerbung-modal .primary:hover{
  background:#e6c879 !important;
  transform:translateY(-1px);
}

#bewerbung-modal button.back,
#bewerbung-modal button.prev,
#bewerbung-modal .secondary{
  background:transparent !important;
  color:rgba(245,241,234,.70) !important;
  border:1px solid rgba(245,241,234,.25) !important;
  border-radius:999px !important;
  padding:14px 24px !important;
  font-family:'JetBrains Mono','IBM Plex Mono',monospace !important;
  font-size:.7rem !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
}
#bewerbung-modal button.back:hover,
#bewerbung-modal button.prev:hover{
  border-color:#c9a14a !important;
  color:#c9a14a !important;
}

/* Send-Optionen Cards */
#bewerbung-modal .send-option,
#bewerbung-modal a[href^="mailto"],
#bewerbung-modal a[href^="https://wa.me"]{
  background:rgba(245,241,234,.03) !important;
  border:1px solid rgba(245,241,234,.10) !important;
  color:#f5f1ea !important;
  border-radius:14px !important;
}
#bewerbung-modal .send-option:hover,
#bewerbung-modal a[href^="mailto"]:hover,
#bewerbung-modal a[href^="https://wa.me"]:hover{
  border-color:#c9a14a !important;
  background:rgba(245,241,234,.06) !important;
}

#bewerbung-modal a{ color:#c9a14a !important }
#bewerbung-modal a:hover{ color:#e6c879 !important }

/* Scrollbar im Modal */
#bewerbung-modal *::-webkit-scrollbar{ width:8px }
#bewerbung-modal *::-webkit-scrollbar-track{ background:transparent }
#bewerbung-modal *::-webkit-scrollbar-thumb{
  background:rgba(201,161,74,.3);
  border-radius:8px;
}

/* Hinweise / Notes / Italic-Texte */
#bewerbung-modal .note,
#bewerbung-modal .hint,
#bewerbung-modal small,
#bewerbung-modal em{
  color:rgba(245,241,234,.50) !important;
  font-style:italic;
}

/* Erfolg-Screen */
#bewerbung-modal .success,
#bewerbung-modal .done{
  color:#f5f1ea !important;
}

/* Error-States */
#bewerbung-modal .error,
#bewerbung-modal input:invalid:not(:placeholder-shown){
  border-color:#b51737 !important;
}