@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&family=Roboto+Slab:wght@500;700&display=swap');

/* heymalu CI - Grundschrift Open Sans fuer den gesamten Rechner */
body, input, select, textarea, button {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}

/* Ueberschriften: Roboto Slab Bold (laut CD) */
h1, h2, h3, h4 {
    font-family: 'Roboto Slab', Georgia, serif !important;
    font-weight: 700;
}

/* Buttons: Versalien, Open Sans Bold, weiche Ecken */
button, input[type="submit"], input[type="button"] {
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em;
    border-radius: 6px !important;
    transition: background-color 0.2s ease;
}

/* Eingabefelder: weiche Ecken passend zu den Buttons */
input, select, textarea {
    border-radius: 6px !important;
}

/* Farben (CI-konform) - ueberschreibt die alten Werte */
:root {
    --link-farbe: #003851;
    --link-farbe-hover: #4d7485;
    --schaltflaeche-hintergrund-farbe: #003851;
    --schaltflaeche-hover-hintergrund-farbe: #4d7485;
    --schaltflaeche-text-farbe: #ffffff;
    --tariftipps-kopfleiste-hintergrund-farbe: #003851;
    --tariftipps-kopfleiste-text-farbe: #ffffff;
    --text-farbe-ueberschrift: #003851;
    --text-farbe-zwischenueberschrift: #003851;
    --leistungspunkte-aktiv-farbe: #97bf0d;
    --leistungspunkte-inaktiv-farbe: #b3c3cb;
}

/* Ueberschrift nur im Hunde-Rechner umbenennen */
#vvergleich:has(#tr_Rasse_Hund) .header_line .cell.header {
    font-size: 0 !important;
}
#vvergleich:has(#tr_Rasse_Hund) .header_line .cell.header::after {
    content: "Hundeversicherung-Vergleich";
    font-size: var(--text-groesse-ueberschrift, 20px);
    font-weight: bold;
    color: var(--text-farbe-ueberschrift, #003851);
}