/* AFMA – Immobilienseite im dunklen Stil der Startseite (Nachtblau + Gold).
   Wird nach sub.css geladen. Aendert nur Farben/Flaechen; Aufbau, Formular und Rechner bleiben unberuehrt. */
:root{
  --baf_10:#141B27;--baf_100:#B5A27A;--baf_dark:#CDBD98;--dark-100:#E8E6E1;
  --gray-10:#10151F;--gray-50:#1E2533;--gray-line:#2A3140;--muted:#AEB2BC;--ok:#5FA7B1;
  --q1:#B5A27A;--q2:#E0A15C;--q3:#D9707A;--q4:#9C8FD6;
}
html,body{background:#0B0F19!important;color:#E8E6E1!important}
a{color:#B5A27A} a:hover{color:#CDBD98}
em{color:#B5A27A}
h1,h2,h3,.title,.main-title,.form-header,.cp-name,.reason b,.qm-steps li b{color:#FFFFFF}

/* Kopfzeile */
.header{background:rgba(11,15,25,.92)!important;border-bottom:1px solid #B5A27A!important}
.header img.logo{filter:invert(1) brightness(1.7)}
.nav a{color:#E8E6E1} .nav a:hover{color:#B5A27A}
.flags button{background:none!important;border:0!important;padding:2px!important}

/* Hero */
.hero{background:linear-gradient(180deg,#070A12 0%,#0B0F19 100%)!important;border-bottom:1px solid #1E2533}
.hero p{color:#AEB2BC}

/* Knoepfe */
button,input[type="submit"],input[type="button"],.btn,a.btn{background-color:#B5A27A!important;border-color:#B5A27A!important;color:#0B0F19!important;border-radius:2px!important}
button:hover,input[type="submit"]:hover,.btn:hover{background-color:#CDBD98!important;border-color:#CDBD98!important;color:#0B0F19!important}
.btn.ghost{background:transparent!important;color:#B5A27A!important;border:1px solid #B5A27A!important}
.btn.ghost:hover{background:#141B27!important;color:#CDBD98!important}

/* Abschnittstitel und Karten */
.main-title{background:transparent!important;color:#FFFFFF!important;border-radius:0;font-weight:600}
.lead{color:#AEB2BC}
.content-box{background:#10151F!important;border-color:#2A3140!important}
.content-box:hover{box-shadow:0 14px 28px rgba(0,0,0,.45)!important;border-color:#B5A27A!important}
.content-box .head{background:#141B27!important}
.content-box .text{color:#AEB2BC}
.content-box .CTA{background:transparent!important;color:#B5A27A!important;border:1px solid #3A4252!important}
.content-box:hover .CTA{background:#B5A27A!important;color:#0B0F19!important;border-color:#B5A27A!important}
section[style*="gray-10"],.calc{background:#070A12!important}

/* Rechner */
.calc-box,.result,.partner{background:#10151F!important;border-color:#2A3140!important}
.result{border-color:#B5A27A!important}
.result .row{border-bottom-color:#1E2533!important}
.result .row.big span:last-child{color:#B5A27A!important}
.field label{color:#E8E6E1}
.field input,.field select,.field textarea{background:#0B0F19!important;color:#E8E6E1!important;border:1px solid #3A4252!important;border-radius:2px!important}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #B5A27A!important;border-color:#B5A27A!important}
.field select option{background:#0B0F19;color:#E8E6E1}
.hint,.disclosure,.cp-role{color:#8A8F9A!important}

/* Anfrage */
.form-card{border-color:#2A3140!important;background:#10151F}
.form-card .form-header{background:#141B27!important;color:#FFFFFF}
.contact-person{border-bottom-color:#2A3140!important}
.cp-hint{color:#B5A27A!important}
.check{color:#AEB2BC}

/* Marktmodell */
.qm-btn{background:transparent!important;color:#B5A27A!important;border:1px solid #B5A27A!important}
.qm-btn.active{background:#B5A27A!important;color:#0B0F19!important}
#qm-svg .ax{stroke:#3A4252}
#qm-svg .ghost{stroke:#4A5570}
#qm-svg text{fill:#8A8F9A}
#qm-svg text.q{fill:#E8E6E1}
.qm-steps li{border-bottom-color:#1E2533!important;color:#AEB2BC}
.qm-steps li::before{background:#141B27;color:#B5A27A}
.qm-steps[data-scn=base] li::before{color:#0B0F19}

/* Fusszeile */
.footer-section{background:#04060B!important;color:#8A8F9A!important;border-top:1px solid #1E2533}
.footer-section a{color:#B5A27A!important}

/* Sprachwahl wie auf der Startseite: Weltkugel + DE | EN */
.flags{border:1px solid #2A3140;border-radius:2px;padding:6px 10px;gap:6px!important}
.flags:hover{border-color:#B5A27A}
.flags button{font:600 13px/1 'Libre Franklin',sans-serif!important;letter-spacing:.08em;color:#6B7080!important;opacity:1!important;outline:0!important;padding:2px 2px!important}
.flags button.active{color:#E8E6E1!important}
.flags button+button{border-left:1px solid #3A4252!important;padding-left:8px!important;border-radius:0!important}
.flags button:hover{color:#B5A27A!important;background:none!important}