/* this is additional css */

.me-kk-auto {
    margin-left: auto !important;
}

.active {
    font-weight: 700;
}

.kk-mainImage {
    width: 100%;
    margin: 1.00em 0 0 0;
}

.kk-fs-1 {
    font-size: 2rem;
}

.kk-fs-2 {
    font-size: 1.5rem;
}

.kk-fs-4 {
    font-size: 1.125rem;
}

.kk-fs-5 {
    font-size: 1rem;
}

.kk-fs-6 {
    font-size: 0.875rem;
}

.kk-h-img {
    width: 100%;
}

.kk-toplogo {
    height: 4rem;
}

.kk-topimage-leistung {
    background-image: url(../../../img/top-leistung.jpg);
}

.kk-topimage-philosophie {
    background-image: url(../../../img/top-philosophie.jpg);
}

.kk-topimage-kontakt {
    background-image: url(../../../img/top_kontakt.jpg);
}

.kk-topimage-container {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 10rem;
    display: flex;
    justify-content: center; /* horizontal zentriert (optional) */
    align-items: center;     /* vertikal zentriert */
}

.kk-mailpic {
    height: 1.10rem;
}

.kk-shadow-div {
    height: 1px;
}

.kk-headlines {
    background-image: url(../../../img/kk-headlines-line.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: auto;
}

.kk-headline-text {
    background-color: #ffffff;
    padding: 0 1.5rem 0 1.5rem;
}

/* darg gray */
.kk-brand-bg {
    background-color: var(--kk-brand-bg);
}

/* light gray */
.kk-primary-bg {
    background-color: var(--bs-primary-bg-subtle);
}

/* light gray 2*/
.kk-bg-light-gray {
    background-color: var(--kk-gray-light);
}

.kk-person {
    width: 100%;
}

.kk-xl-margin-top {
    margin-top: 4rem;
}


/* this is my customozied css */

/* font def guggst du --bs-font-sans-serif in colors.css */

h1, h2, h3, h4, h5 {
    color: var(--kk-brand-bg) !important;
    font-family: 'Noto Serif', Arial, Times, 'Times New Roman, serif' !important;
    font-weight: 600;
}

h4 {
    line-height: 2.3rem;
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: rgb(58, 110, 143);
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .kk-max-width {width: 100%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {
  .kk-max-width {width: 100%;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .kk-max-width {width: 100%;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .kk-max-width {width: 100%;}
    }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .kk-max-width {width: 100%;}
    }
    
 
 /*Realy Extra large devices (large laptops and desktops, 1600px and up) */
@media only screen and (min-width: 1400px) {
  .kk-max-width {width: 1400px;
    }
}


.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-white);
    --bs-nav-link-hover-color: var(--bs-gray-300);
    --bs-nav-link-disabled-color: var(--bs-gray-400);
}

.navbar-dark, .navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 1);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #e7ebef;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.5);
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

/*accordion */

.accordion {
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-active-bg: var(--kk-brand-bg);
    --bs-accordion-btn-icon:  url(../../../img/accordion_arrow_2.svg);
    --bs-accordion-btn-active-icon: url(../../../img/accordion_arrow_2.svg);
}

.accordion-button {
    color: var(--kk-brand-bg);
}

.accordion-button::after {
    background-color: #ffffff;
    border-radius: 20px;
}

.accordion-body {
     background-color: #E1EAF1; 
}

/* buttons 787D83 */

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3A6E8F;
    --bs-btn-border-color: #3A6E8F;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #83A2C4;
    --bs-btn-hover-border-color: #83A2C4;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #83A2C4;
    --bs-btn-active-border-color: #83A2C4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.bg-dark {
    background-color: #5D7080 !important;
}