@charset "UTF-8";
/* CSS Document */

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: left;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.btn-green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-green:active,
.btn-green.active {
  background-color: #408140 \9;
}

.btn-blue {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #498dcd;
  *background-color: #3e83be;
  background-image: -moz-linear-gradient(top, #5ba2de, #3e83be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5ba2de), to(#3e83be));
  background-image: -webkit-linear-gradient(top, #5ba2de, #3e83be);
  background-image: -o-linear-gradient(top, #5ba2de, #3e83be);
  background-image: linear-gradient(to bottom, #5ba2de, #3e83be);
  background-repeat: repeat-x;
  border-color: #3e83be #3e83be #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5ba2de', endColorstr='#ff3e83be', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled] {
  color: #ffffff;
  background-color: #3e83be;
  *background-color: #2a85a0;
}

.btn-blue:active,
.btn-blue.active {
  background-color: #24748c \9;
}

.btn-orange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-orange:active,
.btn-orange.active {
  background-color: #c67605 \9;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #ffe1a7;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert,
.alert h4 {
  font-weight:bold;
  color: #c78f2f;
}

.alert h4 {
  margin: 0;
}

.title_container .main-title {
    min-height: 20px;
    line-height: 1.5em;
}

/* Feinschliff 2026-06-23: Art der Nutzung / Objektpreis */
.radio-group + .felder,
.form-style .radio-group + .felder,
dl.form-style .radio-group + .felder {
  margin-top: 12px !important;
  padding-top: 12px !important;
}
.radio-group + .felder + div,
.form-style .radio-group + .felder + div,
dl.form-style .radio-group + .felder + div {
  margin-top: 8px !important;
}
@media (max-width: 700px) {
  .radio-group + .felder,
  .form-style .radio-group + .felder,
  dl.form-style .radio-group + .felder {
    margin-top: 10px !important;
    padding-top: 2px !important;
  }
  .radio-group + .felder + div,
  .form-style .radio-group + .felder + div,
  dl.form-style .radio-group + .felder + div {
    margin-top: 4px !important;
  }
}


/* Feinschliff 2026-06-23: Objektkaufpreis Abstand +10px */
.radio-group + .felder,
.form-style .radio-group + .felder,
dl.form-style .radio-group + .felder {
  padding-top: 14px !important;
}
@media (max-width: 700px) {
  .radio-group + .felder,
  .form-style .radio-group + .felder,
  dl.form-style .radio-group + .felder {
    padding-top: 12px !important;
  }
}

/* Farbiger Feinschliff 2026-06-23: freundlicher, aber ruhiger Baufi-Look */
:root{
  --baufi-primary:#0f766e;
  --baufi-primary-dark:#0b5f59;
  --baufi-accent:#f59e0b;
  --baufi-accent-soft:#fff7ed;
  --baufi-blue:#2563eb;
  --baufi-blue-soft:#eff6ff;
  --baufi-green-soft:#ecfdf5;
  --baufi-line:#cbd5e1;
  --baufi-line-soft:#dbeafe;
  --baufi-focus:rgba(15,118,110,.18);
}

html,body,#wrap_all,#main,.main_color.container_wrap_first,.alternate_color,.title_container{
  background:linear-gradient(180deg,#f0f9ff 0%,#f8fafc 220px,#f8fafc 100%) !important;
}

a{color:var(--baufi-primary) !important;}
a:hover{color:var(--baufi-primary-dark) !important;}

h1.main-title,h1{
  color:#0f172a !important;
}

.title_container{
  border-bottom:1px solid #bfdbfe !important;
}

.avia_textblock p:first-child,
.entry-content-wrapper > p:first-child{
  background:linear-gradient(90deg,#ecfdf5,#eff6ff) !important;
  border-left:4px solid var(--baufi-primary) !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  color:#1e293b !important;
}

.step-progress{
  background:linear-gradient(90deg,#ffffff,#f0fdfa) !important;
  border-color:#99f6e4 !important;
  box-shadow:0 8px 24px rgba(15,118,110,.08) !important;
}
.step-dot{
  background:#e0f2fe !important;
  color:#0369a1 !important;
}
.step-pill.is-active .step-dot,
.step-pill.is-done .step-dot{
  background:linear-gradient(135deg,var(--baufi-primary),var(--baufi-blue)) !important;
  color:#fff !important;
}
.step-line.is-active{
  background:linear-gradient(90deg,var(--baufi-primary),var(--baufi-blue)) !important;
}

form#baufi_rechner,.form-card{
  border-color:#bae6fd !important;
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#f8fafc 100%) !important;
  box-shadow:0 12px 34px rgba(2,132,199,.10) !important;
  border-top:5px solid var(--baufi-primary) !important;
}

form#baufi_rechner h3,h3{
  color:#0f766e !important;
  border-bottom:1px solid #ccfbf1 !important;
  border-left:4px solid var(--baufi-accent) !important;
  padding-left:10px !important;
  background:linear-gradient(90deg,#fffbeb 0%,#ffffff 70%) !important;
  border-radius:8px 0 0 8px !important;
}

.felder,dl.form-style dt,
.form-style label:not(:has(input[type="radio"]):has(input[type="checkbox"])),
#top label:not(:has(input[type="radio"]):has(input[type="checkbox"])){
  color:#164e63 !important;
}

#top input[type="text"],#top input[type="email"],#top input[type="tel"],#top input[type="number"],#top input[type="password"],#top input[type="url"],#top input[type="date"],
#top select,#top textarea,
form input[type="text"],form input[type="email"],form input[type="tel"],form input[type="number"],form input[type="password"],form input[type="url"],form input[type="date"],
form select,form textarea{
  border-color:#b6c7da !important;
  background-color:#ffffff !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04), inset 0 0 0 1px rgba(255,255,255,.75) !important;
}
#top input:hover,#top select:hover,#top textarea:hover,
form input:hover,form select:hover,form textarea:hover{
  border-color:#7dd3fc !important;
}
#top input:focus,#top select:focus,#top textarea:focus,
form input:focus,form select:focus,form textarea:focus{
  border-color:var(--baufi-primary) !important;
  box-shadow:0 0 0 3px var(--baufi-focus),0 2px 6px rgba(15,118,110,.10) !important;
}
#top input[readonly],#top input[disabled],#top select[disabled],#top textarea[disabled],
form input[readonly],form input[disabled],form select[disabled],form textarea[disabled],.readonly{
  background:#f1f5f9 !important;
  border-color:#cbd5e1 !important;
}

.form-style .hopp label,dl.form-style .hopp label,
.form-style label:has(input[type="radio"]),.form-style label:has(input[type="checkbox"]),
dl.form-style label:has(input[type="radio"]),dl.form-style label:has(input[type="checkbox"]),.hopp label{
  border-color:#cbd5e1 !important;
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
}
.form-style .hopp label:hover,dl.form-style .hopp label:hover,
.form-style label:has(input[type="radio"]):hover,.form-style label:has(input[type="checkbox"]):hover,
dl.form-style label:has(input[type="radio"]):hover,dl.form-style label:has(input[type="checkbox"]):hover{
  border-color:#5eead4 !important;
  background:#f0fdfa !important;
}
.form-style .hopp:has(input[type="radio"]:checked) label,.form-style .hopp:has(input[type="checkbox"]:checked) label,
dl.form-style .hopp:has(input[type="radio"]:checked) label,dl.form-style .hopp:has(input[type="checkbox"]:checked) label,
.form-style label:has(input[type="radio"]:checked),.form-style label:has(input[type="checkbox"]:checked),
dl.form-style label:has(input[type="radio"]:checked),dl.form-style label:has(input[type="checkbox"]:checked){
  border-color:var(--baufi-primary) !important;
  background:linear-gradient(90deg,#ecfdf5,#f0f9ff) !important;
  color:#0f172a !important;
}
input[type="radio"],input[type="checkbox"],.form-style input[type="radio"],.form-style input[type="checkbox"],dl.form-style input[type="radio"],dl.form-style input[type="checkbox"]{
  accent-color:var(--baufi-primary) !important;
}

.label-container,
#hauskauf-weitere-kosten,#hausbau-weitere-kosten,#form-einnahmen,#form-ausgaben,#form-sonstige,#angaben-finanzierungsobjekt,#angaben-mas,#kinder-geburtsjahre,#form-handy,
.box_rechts,.widget-wrap,#text-14,#text-5{
  background:linear-gradient(180deg,#f0fdfa,#f8fafc) !important;
  border-color:#99f6e4 !important;
}
.form-style .label-container,
body:not(.step-2):not(.step-3) .form-style .label-container,
body:not(.step-2):not(.step-3) .form-style.hauskauf-top-grid .label-container{
  background:transparent !important;
  border:0 !important;
}

.info-icon,.info-icon2{
  background:#eff6ff !important;
  border-color:#93c5fd !important;
  color:#1d4ed8 !important;
}
.notiz,p.notiz,.form-notiz{
  background:#fffbeb !important;
  border-color:#fde68a !important;
  color:#78350f !important;
}
.pflichtfeld,label span[title="Pflichtfeld"]{
  color:#dc2626 !important;
}

button,input[type="submit"],input[type="button"],.btn,.btn-blue,.btn-green,.btn-orange,#top .avia-button,#av_vergleich_submit,#baufi_rechner_submit,form#baufi_rechner input[type="submit"]{
  border-color:var(--baufi-primary) !important;
  background:linear-gradient(135deg,var(--baufi-primary),var(--baufi-blue)) !important;
  box-shadow:0 8px 18px rgba(15,118,110,.22) !important;
}
button:hover,input[type="submit"]:hover,input[type="button"]:hover,.btn:hover,.btn-blue:hover,.btn-green:hover,.btn-orange:hover,#top .avia-button:hover{
  background:linear-gradient(135deg,var(--baufi-primary-dark),#1d4ed8) !important;
  box-shadow:0 10px 22px rgba(15,118,110,.28) !important;
}

.baufi_auswahl .btn,.baufi_auswahl a.btn,.baufi_auswahl .btn-blue{
  background:linear-gradient(135deg,#0f766e,#2563eb) !important;
}

table th{
  background:#ecfeff !important;
  color:#155e75 !important;
}

@media (max-width:700px){
  form#baufi_rechner,.form-card{
    border-top-width:4px !important;
    box-shadow:0 8px 22px rgba(2,132,199,.09) !important;
  }
  form#baufi_rechner h3,h3{
    padding-left:8px !important;
  }
}

/* Marken-Feinschliff 2026-06-23: ruhiger Baufi-Info24-Look ohne Verlaeufe */
:root{
  --baufi-primary:#2563eb;
  --baufi-primary-dark:#1d4ed8;
  --baufi-accent:#f59e0b;
  --baufi-bg:#f6f8fb;
  --baufi-soft:#eff6ff;
  --baufi-soft-2:#f8fafc;
  --baufi-line:#d8e2ef;
  --baufi-line-strong:#bfdbfe;
  --baufi-text:#0f172a;
  --baufi-muted:#475569;
  --baufi-focus:rgba(37,99,235,.18);
}

html,body,#wrap_all,#main,.main_color.container_wrap_first,.alternate_color,.title_container{
  background:#f6f8fb !important;
  background-image:none !important;
  color:var(--baufi-text) !important;
}

a{color:var(--baufi-primary) !important;}
a:hover{color:var(--baufi-primary-dark) !important;}

h1.main-title,h1{
  color:var(--baufi-text) !important;
}

.title_container{
  border-bottom:1px solid var(--baufi-line) !important;
}

.avia_textblock p:first-child,
.entry-content-wrapper > p:first-child{
  background:#eef4ff !important;
  background-image:none !important;
  border-left:4px solid var(--baufi-primary) !important;
  border-radius:10px !important;
  padding:12px 14px !important;
  color:#1e293b !important;
}

.step-progress{
  background:#ffffff !important;
  background-image:none !important;
  border-color:var(--baufi-line) !important;
  box-shadow:0 6px 18px rgba(15,23,42,.06) !important;
}
.step-dot{
  background:#eaf2ff !important;
  background-image:none !important;
  color:var(--baufi-primary-dark) !important;
}
.step-pill.is-active .step-dot,
.step-pill.is-done .step-dot{
  background:var(--baufi-primary) !important;
  background-image:none !important;
  color:#fff !important;
}
.step-line.is-active{
  background:var(--baufi-primary) !important;
  background-image:none !important;
}

form#baufi_rechner,.form-card{
  border-color:var(--baufi-line) !important;
  background:#ffffff !important;
  background-image:none !important;
  box-shadow:0 8px 24px rgba(15,23,42,.08) !important;
  border-top:4px solid var(--baufi-primary) !important;
}

form#baufi_rechner h3,h3{
  color:var(--baufi-primary-dark) !important;
  border-bottom:1px solid var(--baufi-line) !important;
  border-left:4px solid var(--baufi-primary) !important;
  padding-left:10px !important;
  background:#f8fafc !important;
  background-image:none !important;
  border-radius:8px 0 0 8px !important;
}

.felder,dl.form-style dt,
.form-style label:not(:has(input[type="radio"]):has(input[type="checkbox"])),
#top label:not(:has(input[type="radio"]):has(input[type="checkbox"])){
  color:#334155 !important;
}

#top input[type="text"],#top input[type="email"],#top input[type="tel"],#top input[type="number"],#top input[type="password"],#top input[type="url"],#top input[type="date"],
#top select,#top textarea,
form input[type="text"],form input[type="email"],form input[type="tel"],form input[type="number"],form input[type="password"],form input[type="url"],form input[type="date"],
form select,form textarea{
  border-color:#cbd5e1 !important;
  background-color:#ffffff !important;
  background-image:none !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
}
#top input:hover,#top select:hover,#top textarea:hover,
form input:hover,form select:hover,form textarea:hover{
  border-color:#93c5fd !important;
}
#top input:focus,#top select:focus,#top textarea:focus,
form input:focus,form select:focus,form textarea:focus{
  border-color:var(--baufi-primary) !important;
  box-shadow:0 0 0 3px var(--baufi-focus) !important;
}
#top input[readonly],#top input[disabled],#top select[disabled],#top textarea[disabled],
form input[readonly],form input[disabled],form select[disabled],form textarea[disabled],.readonly{
  background:#f1f5f9 !important;
  background-image:none !important;
  border-color:#cbd5e1 !important;
}

.form-style .hopp label,dl.form-style .hopp label,
.form-style label:has(input[type="radio"]),.form-style label:has(input[type="checkbox"]),
dl.form-style label:has(input[type="radio"]),dl.form-style label:has(input[type="checkbox"]),.hopp label{
  border-color:#d8e2ef !important;
  background:#ffffff !important;
  background-image:none !important;
}
.form-style .hopp label:hover,dl.form-style .hopp label:hover,
.form-style label:has(input[type="radio"]):hover,.form-style label:has(input[type="checkbox"]):hover,
dl.form-style label:has(input[type="radio"]):hover,dl.form-style label:has(input[type="checkbox"]):hover{
  border-color:#93c5fd !important;
  background:#f8fbff !important;
  background-image:none !important;
}
.form-style .hopp:has(input[type="radio"]:checked) label,.form-style .hopp:has(input[type="checkbox"]:checked) label,
dl.form-style .hopp:has(input[type="radio"]:checked) label,dl.form-style .hopp:has(input[type="checkbox"]:checked) label,
.form-style label:has(input[type="radio"]:checked),.form-style label:has(input[type="checkbox"]:checked),
dl.form-style label:has(input[type="radio"]:checked),dl.form-style label:has(input[type="checkbox"]:checked){
  border-color:var(--baufi-primary) !important;
  background:#eff6ff !important;
  background-image:none !important;
  color:#0f172a !important;
}
input[type="radio"],input[type="checkbox"],.form-style input[type="radio"],.form-style input[type="checkbox"],dl.form-style input[type="radio"],dl.form-style input[type="checkbox"]{
  accent-color:var(--baufi-primary) !important;
}

.label-container,
#hauskauf-weitere-kosten,#hausbau-weitere-kosten,#form-einnahmen,#form-ausgaben,#form-sonstige,#angaben-finanzierungsobjekt,#angaben-mas,#kinder-geburtsjahre,#form-handy,
.box_rechts,.widget-wrap,#text-14,#text-5{
  background:#f8fafc !important;
  background-image:none !important;
  border-color:var(--baufi-line) !important;
}
.form-style .label-container,
body:not(.step-2):not(.step-3) .form-style .label-container,
body:not(.step-2):not(.step-3) .form-style.hauskauf-top-grid .label-container{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
}

.info-icon,.info-icon2{
  background:#eff6ff !important;
  background-image:none !important;
  border-color:#93c5fd !important;
  color:var(--baufi-primary-dark) !important;
}
.notiz,p.notiz,.form-notiz{
  background:#fff7ed !important;
  background-image:none !important;
  border-color:#fed7aa !important;
  color:#7c2d12 !important;
}
.pflichtfeld,label span[title="Pflichtfeld"]{
  color:#dc2626 !important;
}

button,input[type="submit"],input[type="button"],.btn,.btn-blue,.btn-green,.btn-orange,#top .avia-button,#av_vergleich_submit,#baufi_rechner_submit,form#baufi_rechner input[type="submit"],
.baufi_auswahl .btn,.baufi_auswahl a.btn,.baufi_auswahl .btn-blue{
  border-color:var(--baufi-primary-dark) !important;
  background:var(--baufi-primary) !important;
  background-image:none !important;
  box-shadow:0 6px 14px rgba(37,99,235,.20) !important;
  color:#ffffff !important;
}
button:hover,input[type="submit"]:hover,input[type="button"]:hover,.btn:hover,.btn-blue:hover,.btn-green:hover,.btn-orange:hover,#top .avia-button:hover,
.baufi_auswahl .btn:hover,.baufi_auswahl a.btn:hover,.baufi_auswahl .btn-blue:hover{
  background:var(--baufi-primary-dark) !important;
  background-image:none !important;
  box-shadow:0 8px 18px rgba(37,99,235,.24) !important;
}

table th{
  background:#eff6ff !important;
  background-image:none !important;
  color:#1e3a8a !important;
}

@media (max-width:700px){
  form#baufi_rechner,.form-card{
    border-top-width:4px !important;
    box-shadow:0 6px 18px rgba(15,23,42,.07) !important;
  }
  form#baufi_rechner h3,h3{
    padding-left:8px !important;
  }
}



/* Feinschliff 2026-06-23: Art der Nutzung – konstante Radio-Abstände */
form#baufi_rechner .radio-group,
#top form#baufi_rechner .radio-group{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  width:100% !important;
  max-width:520px !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  justify-items:stretch !important;
  align-items:stretch !important;
}
form#baufi_rechner .radio-group .hopp,
#top form#baufi_rechner .radio-group .hopp{
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
form#baufi_rechner .radio-group .hopp label,
#top form#baufi_rechner .radio-group .hopp label,
dl.form-style dd .radio-group .hopp label{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:46px !important;
  margin:0 !important;
  padding:11px 14px !important;
  text-align:left !important;
  line-height:1.35 !important;
  border:1px solid #d8e1ef !important;
  border-radius:12px !important;
  background:#ffffff !important;
  background-image:none !important;
  box-shadow:none !important;
}
form#baufi_rechner .radio-group .hopp label input[name="objekt_nutzung"],
#top form#baufi_rechner .radio-group .hopp label input[name="objekt_nutzung"]{
  flex:0 0 auto !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
form#baufi_rechner .radio-group .hopp label:hover,
#top form#baufi_rechner .radio-group .hopp label:hover{
  border-color:#9db7d8 !important;
  background:#f8fbff !important;
}
form#baufi_rechner .radio-group .hopp:has(input[name="objekt_nutzung"]:checked) label,
#top form#baufi_rechner .radio-group .hopp:has(input[name="objekt_nutzung"]:checked) label{
  border-color:#2563eb !important;
  background:#eff6ff !important;
}
@media (max-width:700px){
  form#baufi_rechner .radio-group,
  #top form#baufi_rechner .radio-group{
    max-width:none !important;
    gap:7px !important;
  }
  form#baufi_rechner .radio-group .hopp label,
  #top form#baufi_rechner .radio-group .hopp label{
    min-height:44px !important;
    padding:10px 12px !important;
    border-radius:11px !important;
  }
}