/* =========================================================================
   id4web Theme (Graml) – Design-Overrides
   Portiert aus id4web 9.0 (bootstrap_package 10 / LESS) auf
   bootstrap_package 16 (Bootstrap 5). Enthält die Feineinstellungen, die
   bootstrap_package 16 nicht mehr als Site-Setting exponiert.
   Primärfarbe: #009ee0  |  Sekundär: #777  |  Basis-Schrift: Roboto 20px
   ========================================================================= */

/* --- Basis (alt: font-size-base 20px, line-height-base 1.55, text-color #333) --- */
body {
    font-size: 20px;
    line-height: 1.55;
    color: #333333;
    background-color: #ffffff;
}

/* --- Überschriften (alt: headings-color=primary, weight 600, lh 1.3;
       custom.less-Override: h2/h4 = secondary #777; h1 uppercase) --- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #009ee0;
    font-weight: 600;
    line-height: 1.3;
}
h2, h4, .h2, .h4 { color: #777777; }

h1, .h1 { font-size: 1.533em; }
h2, .h2 { font-size: 1.331em; }
h3, .h3 { font-size: 1.233em; }
h4, .h4 { font-size: 1.133em; }

h1, .nav-item { text-transform: uppercase; }

/* --- Navbar (alt: navbar-default-bg=primary, link-color #fff, height 70px) ---
   bp16 setzt .navbar-default { background:#fff !important } und erhöht die
   Navbar-Höhe auf Desktop (100–110px). Beides hier überschreiben. */
.navbar-mainnavigation.navbar-default,
.navbar-mainnavigation {
    background-color: #009ee0 !important;
    border-color: #008cc7;
    /* Navbar-Höhe + Menü-Schriftgröße näher am Original (bp16-Default zu klein) */
    --mainnavigation-nav-height: 90px !important;
    --mainnavigation-link-font-size: 1.2rem !important;
}
/* Logo prominent darstellen (bp16 zwängt es sonst auf die kleine Link-Höhe) */
.navbar-mainnavigation .navbar-brand {
    height: auto;
}
.navbar-mainnavigation .navbar-brand-image img {
    height: 80px;
    max-height: none;
    width: auto;
}
.navbar-mainnavigation .navbar-brand,
.navbar-mainnavigation .nav-link,
.navbar-mainnavigation .nav-link-text {
    color: #ffffff;
}
.navbar-mainnavigation .nav-link:hover,
.navbar-mainnavigation .nav-link:focus,
.navbar-mainnavigation .nav-item.active > .nav-link,
.navbar-mainnavigation .nav-link.active {
    color: #333333;
    background-color: transparent;
}
.navbar-mainnavigation .navbar-toggler,
.navbar-mainnavigation .navbar-toggler-icon { color: #ffffff; border-color: #ffffff; }

/* Dropdown (alt: bg #fff, Link dunkelgrau, Hover bg primary/#fff)
   bp16 rendert die Dropdown-Einträge als .nav-link.nav-link-dropdown (nicht .dropdown-item);
   die weiße Navbar-Regel oben würde sie sonst weiß/unsichtbar färben. */
.navbar-mainnavigation .dropdown-menu { background-color: #ffffff; }
.navbar-mainnavigation .dropdown-nav .nav-link,
.navbar-mainnavigation .nav-link-dropdown,
.navbar-mainnavigation .nav-link-dropdown .nav-link-text { color: #333333; }
.navbar-mainnavigation .nav-link-dropdown:hover,
.navbar-mainnavigation .nav-link-dropdown:focus,
.navbar-mainnavigation .nav-link-dropdown:hover .nav-link-text,
.navbar-mainnavigation .nav-link-dropdown:focus .nav-link-text { color: #ffffff; background-color: #009ee0; }

/* --- Footer (alt: footer-bg=primary, color #fff; footer-meta leicht dunkler) ---
   bp16 legt die Hintergründe auf die Sektionen (.footer-section-content #313131,
   .footer-section-meta #212121) und steuert Link-/Textfarbe über --frame-*. */
.bp-page-footer { color: #ffffff; }

.footer-section-content {
    background: #009ee0 !important;
    --frame-background: #009ee0;
    --frame-color: #ffffff;
    --frame-link-color: #ffffff;
    --frame-link-hover-color: #cceffa;
}
.footer-section-meta {
    background: #0096d6 !important;
    --frame-background: #0096d6;
    --frame-color: #ffffff;
    --frame-link-color: #ffffff;
    --frame-link-hover-color: #cceffa;
}

/* Links + Texte im Footer explizit weiß (Meta-Menü, Copyright, Adresse) */
.bp-page-footer a,
.footer-section-content a,
.footer-section-meta a,
.footer-meta a,
.footer-copyright,
.footer-copyright a { color: #ffffff; }
.bp-page-footer a:hover,
.bp-page-footer a:focus { color: #cceffa; }

/* Footer-Meta-Menü */
.footer-meta .meta-menu { list-style: none; padding: 0; }
.footer-meta .meta-menu > li { display: inline-block; }

/* --- Buttons (alt: btn font-weight normal; btn-default #E6E6E6; btn-primary=primary) --- */
.btn { font-weight: normal; }
.btn-primary { background-color: #009ee0; border-color: #0092d0; color: #ffffff; }
.btn-primary:hover, .btn-primary:focus { background-color: #008cc7; border-color: #0082ba; color: #ffffff; }
.btn-default { background-color: #E6E6E6; border-color: #c0c0c0; color: #333333; }

/* --- Diverse Overrides aus custom.less --- */
.frame-background-light h4 a:not(.btn) { color: #777777; }
.frame-ruler-after { margin-bottom: 1em; }
.address-title, .address-phone, .address-fax, .address-email { margin-bottom: 0; }