/* MrMoney-Rechner · Eigenes CSS subid GVV · Teal #0E4D5C / Amber #F4A024 */

/* Schrift wie auf der Website */
#vvergleich, #vvergleich input, #vvergleich select, #vvergleich button, #vvergleich a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Aktions-Buttons (Vergleichen, Weiter, Berechnen, Antrag) -> Amber */
#vvergleich .vergleichbutton,
#vvergleich input.vergleichbutton,
#vvergleich input.form-button,
#vvergleich input.btn-berechnen,
#vvergleich input.btn-weiter,
#vvergleich input.btn-neuervgl,
#vvergleich a.antrag,
#vvergleich a.angebot,
#vvergleich a.lnk_antrag,
#vvergleich input[type="submit"],
#vvergleich input[type="button"]:not(.btn-zurueck) {
    background: #F4A024 !important;
    background-image: linear-gradient(180deg, #F6B040 0%, #F4A024 100%) !important;
    border: 0 !important; border-color: #F4A024 !important;
    border-radius: 12px !important;
    color: #14272E !important; font-weight: 700 !important;
    box-shadow: 0 1px 2px rgba(20,39,46,.05), 0 8px 22px rgba(244,160,36,.22) !important;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
#vvergleich .vergleichbutton:hover,
#vvergleich input.vergleichbutton:hover,
#vvergleich input.form-button:hover,
#vvergleich input.btn-berechnen:hover,
#vvergleich input.btn-weiter:hover,
#vvergleich input.btn-neuervgl:hover,
#vvergleich a.antrag:hover,
#vvergleich a.angebot:hover,
#vvergleich a.lnk_antrag:hover,
#vvergleich input[type="submit"]:hover,
#vvergleich input[type="button"]:not(.btn-zurueck):hover {
    background: #E78F1C !important;
    background-image: linear-gradient(180deg, #F4A024 0%, #E78F1C 100%) !important;
    border-color: #E78F1C !important; color: #14272E !important;
    box-shadow: 0 12px 28px rgba(244,160,36,.34) !important;
    transform: translateY(-2px) !important;
}

/* Zurück-Button dezent (Teal-Umriss) */
#vvergleich input.btn-zurueck {
    background: #ffffff !important; background-image: none !important;
    color: #0E4D5C !important; border: 1px solid #0E4D5C !important;
    border-radius: 12px !important; font-weight: 600 !important; box-shadow: none !important;
}
#vvergleich input.btn-zurueck:hover { background: #F1F6F6 !important; }

/* Eingabefelder: Rundung + Teal-Fokusring */
#vvergleich input.form-text,
#vvergleich select.form-select,
#vvergleich .eingabeBox .form-text,
#vvergleich .eingabeBox .form-select,
#vvergleich input[type="text"],
#vvergleich input[type="number"] {
    border-radius: 10px !important; border-color: #E4E9E9 !important;
}
#vvergleich input.form-text:focus,
#vvergleich select.form-select:focus,
#vvergleich .eingabeBox .form-text:focus,
#vvergleich .eingabeBox .form-select:focus,
#vvergleich input[type="text"]:focus,
#vvergleich input[type="number"]:focus {
    border-color: #0E4D5C !important;
    box-shadow: 0 0 0 3px rgba(14,77,92,.15) !important; outline: 0 !important;
}

/* Abschnitts-Überschriften, Links, Info-Icons -> Teal */
#vvergleich .eingabeBox .line .cell.header,
#vvergleich .cell.header { color: #0E4D5C !important; font-weight: 700 !important; }
#vvergleich a { color: #0E4D5C !important; }
#vvergleich a:hover { color: #E78F1C !important; }
#vvergleich .infoicon, #vvergleich .tTip { color: #0E4D5C !important; }

/* Empfehlungs-Köpfe: Preis-/PL-/Super-Tipp = Teal, Leistungs-Tipp = Amber */
#vvergleich .ergebnisBox.preisTipp .tipp_header,
#vvergleich .ergebnisBox.preisleistungTipp .tipp_header,
#vvergleich .ergebnisBox.superTipp .tipp_header {
    background: #0E4D5C !important;
    background-image: linear-gradient(160deg, #0E4D5C 0%, #0A3A45 100%) !important;
    color: #ffffff !important;
}
#vvergleich .ergebnisBox.leistungTipp .tipp_header {
    background: #F4A024 !important;
    background-image: linear-gradient(160deg, #F4A024 0%, #E78F1C 100%) !important;
    color: #14272E !important;
}
#vvergleich .ergebnisBox.preisTipp .tipp_header a,
#vvergleich .ergebnisBox.preisleistungTipp .tipp_header a,
#vvergleich .ergebnisBox.superTipp .tipp_header a,
#vvergleich .ergebnisBox.preisTipp .tipp_header a.infoiconAutoTipp,
#vvergleich .ergebnisBox.preisleistungTipp .tipp_header a.infoiconAutoTipp { color: #ffffff !important; }
#vvergleich .ergebnisBox.leistungTipp .tipp_header a,
#vvergleich .ergebnisBox.leistungTipp .tipp_header a.infoiconAutoTipp { color: #14272E !important; }
#vvergleich .ergebnisBox .tipp_header { background-color: #0E4D5C !important; }

/* Beitrag/Preis im Ergebnis betonen */
#vvergleich .beitrag,
#vvergleich .resultFilter .beitrag { color: #0E4D5C !important; font-weight: 800 !important; }