/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */


/* === Kolibri Overrides (geladen nach my-nova.css) === */
:root{
  --kolibri-bg:#F6F4F1;
  --kolibri-footer:#DADFD8;
  --kolibri-text:#333333;
  --kolibri-accent:#2F5E56;
  --kolibri-accent-hover:#274F49;
  --kolibri-border:rgba(0,0,0,.08);
  --kolibri-radius:14px;
}

/* DSGVO-freundlich: System-Fonts */
body{
  background:var(--kolibri-bg);
  color:var(--kolibri-text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  line-height: 1.6;
font-size: 1rem;
}

a{ color: var(--kolibri-accent); }
a:hover{ color: var(--kolibri-accent-hover); }

.btn-primary, .btn.btn-primary{
  background-color: var(--kolibri-accent);
  border-color: var(--kolibri-accent);
}
.btn-primary:hover, .btn.btn-primary:hover{
  background-color: var(--kolibri-accent-hover);
  border-color: var(--kolibri-accent-hover);
}

/* Footer: NOVA Wrapper */
#footer, footer, .footer, .footer-wrapper, .footer-main{
  background: var(--kolibri-footer);
}

/* Cards/Kacheln */
.card, .productbox, .opc-Element, .opc-Wrapper .card{
  border-radius: var(--kolibri-radius);
  border: 1px solid var(--kolibri-border);
}
.card:hover, .productbox:hover{
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  transform: translateY(-1px);
  transition: box-shadow .18s ease, transform .18s ease;
}

/* Header + Footer gleiche Hintergrundfarbe */
#header,
header,
.navbar,
#footer,
footer,
.footer,
.footer-wrapper,
.footer-main {
    background-color: var(--kolibri-footer);
}
/* MegaMenu / Navigation: größer + kräftiger */
#header .nav-link,
.navbar .nav-link,
.navbar-nav .nav-link,
.navbar-nav > .nav-item > .nav-link {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: .3px;
}
/* MegaMenu Dropdown-Inhalte */
.dropdown-menu .nav-link,
.dropdown-menu a {
  font-size: 1.02rem !important;
  font-weight: 600 !important;
}


/* Text im Menüpunkt (Span) ebenfalls anheben */
.navbar .nav-link.dropdown-toggle .nav-mobile-heading,
#header .nav-link.dropdown-toggle .nav-mobile-heading {
  font-size: 1.08rem !important;
  font-weight: 700 !important;
}

/* Produktübersicht – Titel */
.productbox-inner .productbox-title {
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    display: block;
}
/* Produktbox – gesamter Text mittig */
.productbox {
    text-align: center;
}
.btn-primary {
  color: #fff;
}
/* Button Hover – besser lesbar */
.btn-primary:hover,
.btn.btn-primary:hover {
    background-color: #F8BF00;
    border-color: #F8BF00;
    color: #333333; /* dunkle Schrift für gute Lesbarkeit */
}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::after {
  background: none;
}
/* Secondary Buttons – ruhig & klar */
.btn-secondary,
.btn.btn-secondary {
    background-color: transparent;
    border: 1px solid #999;
    color: #333;
}

/* Secondary Hover */
.btn-secondary:hover,
.btn.btn-secondary:hover {
    background-color: #F8BF00;
    border-color: #F8BF00;
    color: #333;
}
/* Einheitliche Focus- & Active-States */
.btn-primary:focus,
.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #F8BF00;
    border-color: #F8BF00;
    color: #333;
    box-shadow: 0 0 0 0.2rem rgba(248, 191, 0, 0.35);
    outline: none;
}
/* Kachel Hover – dezent */
.kolibri-tile:hover,
.card:hover,
.productbox:hover {
    border-color: #F8BF00;
    box-shadow: 0 8px 22px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}
/* Kachel Hover – Titel */
.kolibri-tile:hover h3,
.productbox:hover .productbox-title {
    color: #2F2F2F;
}

.fa, .fas {
  margin-right: 0.5rem;
}
@media (min-width: 992px) {
  header .submenu-headline-toplevel {
    border-bottom: 1px solid #F8BF00;
  }
}
.content-cats-small .caption {
  font-size: 1.5rem;
  font-weight: bold;
}

.bankbox mt-3{
  margin: 24px 0;
  padding: 20px 22px;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  background: #ffffff;
}

.bankbox mt-3 h3{
  margin: 0 0 12px 0;
  font-size: 18px;
}

.bankbox__left{
  font-size: 15px;
  line-height: 1.6;
  color: #2f2f2f;
}

.bankbox__hint{
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}