/* FONTS
---------------------------------------------------*/
/* cabin-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cabin-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/cabin-v27-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/cabin-v27-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/cabin-v27-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/cabin-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-600italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/cabin-v27-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cabin-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cabin-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/cabin-v27-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* GLOBAL STYLES
-------------------------------------------------- */

body {
    /*padding-top: 3rem;*/
    padding-bottom: 0;
    color: rgb(var(--bs-tertiary-color-rgb));
    font-family: "Cabin", 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-color:#f8f8f8;
}

main  {
  margin-top:4rem;
}


/* NAVI MAIN-TOP & FOOTER
------------------------------------*/
.container-fluid {
  /*max-width: 1240px;*/ 
  max-width: 1280px;
}

.kaut-navi {
  margin-left: auto!important;
  margin-right: 0px;
  flex: content;
}

.nav-item {
  font-size: small;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.nav-link {
  margin-right: 0.5em;
}

.sm-left {
  /*Abstand nach rechts zu Social-Media-Icon oder zu Container-Kante*/
  margin-right: 0;
  padding-right: 0 !important;

}

.navbar-text a:any-link {
  text-decoration: none;
  color: var(--bs-navbar-color);
}

.dropdown-item {
  font-size: small;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.dropdown-item:hover {
  background-color:#3c3c3c;
}

.dropdown-item:focus {
  background-color:#3c3c3c;
}

.dropdown-item:active {
  background-color:#3c3c3c!important;
  color: #ffffff;
}

.dropdown-menu {
  border-radius: 0em 0em 1em 1em;
  border: none;
  background: #212529;
  padding-bottom: 1rem;
}

.kaut-footer {
  bottom: 0px;
  position:sticky;
}

.social-icon  {
  margin-left: 8px;
  margin-right: 8px;
}

.social {
  min-width: 29px;
  max-width: 29px;
}

.header-logo {
  max-width: 130px;
}

/*.fixed-top  {
  position:-webkit-sticky;
}*/
  
 
  
  /* SLIDER-CAROUSEL
  -------------------------------------------------- */
  
  .carousel {
    max-width: 1920px;
    margin-bottom: 0rem;
    position: relative;
    display: block;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    
  }

  .img-fit img {

    margin-left: auto;
    margin-right: auto;
  }
  .carousel-caption {
    bottom: 3rem;
    z-index: 10;
    left: 18.5%;
  }
  
  .carousel-item {
    height: 32rem;
  }

  .carousel-indicators
  {
    z-index: 12;
    top: 28rem;
    bottom: auto;
  }

  .slider-logo  {
    max-width: 200px;
    top: 2em;
    margin-bottom: 4em;
  }

  .btn-outline-dark {
    border-radius: 1.5em;
    border:1px solid #ffffff;
    color: #ffffff;
  }
  
  .btn-outline-secondary  {
    border-radius: 1.5em;
  }

  .carousel-caption-special {
    font-weight: 600;
    color:rgb(215, 239, 253);
    font-size:1.0em;
  }
  
  
  /* CONTAINER
  -------------------------------------------------- */
  
  .container {
    margin-top: -2em;
  }
  
  .marketing {
    background-color:#f8f8f8;
    padding-left: 2em;
    padding-right: 2em;
    /*box-shadow: 0em 0.4em 0.4em -0.1em #dadada;*/
    padding-bottom: 3rem;
    }
  

/* Drei Spalten | Einzelne Firmen mit Logos und Infos 
-------------------------------------------------- */

  .marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: left;
    background-color: #f8f8f8;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border-radius: 1rem;
    /*min-width: fit-content;
    max-width: 24rem;*/
    box-shadow: 0em 0.4em 0.4em -0.1em #dadada;
    /*transition: transform .5s;*/
    height: fit-content;    
    z-index: 12;
  }

  .marketing .col-lg-4:hover  {
    /*border: 2px solid #003399;*/
    box-shadow: 0em 0.4em 0.4em -0.1em #888;
   /* transform: scale(1.01);*/
  }

  /*
  .marketing .col-lg-4:hover {
    box-shadow: 0em 0.4em 0.4em -0.1em #dadada;
  }*/
  
  /* rtl:begin:ignore */
  .marketing .col-lg-4 p {
    margin-right: 0rem;
    margin-left: 0rem;
  }
  /* rtl:end:ignore */

  .row {
    --bs-gutter-x: 2.5rem;
  }
  
  .herstellerliste  {
    height: fit-content;
    min-height: 9em;
  }
  
  .herstellerliste li {
    margin-bottom: 0.8em;
  }
  
  .mailto-link:any-link  {
    color: #ffffff;
    text-decoration: none;
  }

  .mailto-link-regular:any-link  {
    color: rgb(var(--bs-tertiary-color-rgb));
    text-decoration: none;
  }
  
  
  .img-fit  {
    object-fit:initial;
    width:fit-content;
    min-height: min-content;
    
  }
  
  .kaut-logo-box {
    width: auto;
    min-width: fit-content;
    min-height: fit-content;
    border-radius: 1rem;
    background-color: white;
    /*border: 1px solid red;*/
    margin-left: 0rem;
    position: relative;
    /*box-shadow: 0em 0.4em 0.4em -0.1em #f8f8f8;*/
  }
  
  .kaut-info-box {
    padding: 0 2em 2em 2em;
    
  }
  
  .kaut-logos {
    width: auto;
    max-width: 250px;
    margin: 1.5em;
  }

  

  .card {
    background-color: #3c3c3c;
    border: none;
    color: #ffffff;
    border-radius: 1rem;
  }

  .btn-primary {
    border-radius: 1.5em;
    border: none;
   
  }
  
  .btn-secondary {
    border-radius: 1.5em;
    border: none;
    
  }

  .ak {
    background-color: #003399;
  }
  
  .hk {
    background-color: #cc0000;
  }
  
  .cpk {
    background-color: #009a9d;
  }
  
  .kontakt-link {
    color:#212529;
    display: inline;
    text-decoration: none;
  }
  
  .kontakt-link:hover{
    color:#3c3c3c;
  }
  
  .info-link {
    color:lightgray;
    display: inline;
    text-decoration: none;
  }
  
  .info-link:hover{
    color:#ffffff;
  }



  /* INFOZEILEN
  ------------------------- */
  
  .featurette-container {
    position: relative;
  }
  
  .featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }

  .featurette-divider_blank {
    margin: 1.75rem 0; /* Space out the Bootstrap <&nbsp;> more */
  }

  .featurette-divider_sm {
    margin: 2.5rem 0; /* Space out the Bootstrap <hr> more */
  }

  
  .featurette-image {
    border-radius: 1em;
    box-shadow: 0em 0.4em 0.4em -0.1em #dadada;
  }

  .bildunterschrift {
    margin-top: 1.0rem;
    padding-left: 0.5rem;
  }
  
  /*
  .featurette-image:hover {
    box-shadow: 0em 0.4em 0.4em -0.1em #dadada;
  }

   .featurettes {
  padding: 0rem 1.3rem;
}*/
  
  
  /* Thin out the marketing headings */
  /* rtl:begin:remove */
  .featurette-heading {
    letter-spacing: -.05rem;
  }  
  /* rtl:end:remove */

  .kaut-h2 {
    font-size: 2em;
    margin-left: 0;;
    font-weight: 700!important;
    margin-top: 0;
  }
  
  .kaut-h3  {
    font-size: 1.5em;
  }

  .fw-normal {
    margin-left: 0rem;
    font-weight: 700!important;
    max-width: fit-content;
  }

  .anchor {
    position: absolute;
    top:-7rem;
  }

  .kautlink a {
    text-decoration: none;
    color: rgb(var(--bs-tertiary-color-rgb));
  }

  .kautlink a:hover {
    text-decoration: none;
    color: rgb(var(--bs-tertiary-color-rgb));
  }

  .kautlink a:active {
    text-decoration: none;
    color: rgb(var(--bs-tertiary-color-rgb));
  }

  .kautlink a:visited {
    text-decoration: none;
    color: rgb(var(--bs-tertiary-color-rgb));
  }

  /* Einstellung Accordion "Standorte" & "Lösungen"
  ------------------------- */

.btn-kaut-accordion:not(.collapsed){
  font-size: small;
  font-weight: 600!important;
  background-color:transparent;
}

.btn-kaut-accordion:active {
  font-size: small;
  font-weight: 600!important;
  background-color: transparent!important;
}

.btn-kaut-accordion:focus {
  font-size: small;
  font-weight: 600!important;
  background-color: transparent;
}

.accordion-body h3  {
  font-size: 1em;
  font-weight: 600!important;
}

.accordion-button:not(.collapsed) {
  color: #212529;
  background-color: #dadada;
  box-shadow: none;
}

.accordion-button:focus {
  color: #212529;
  background-color: #dadada;
  box-shadow: none;
  border: none;
}

.accordion-button:active {
  color: #212529;
  background-color: #dadada;
  box-shadow: none;
  border: none;
}

.kaut_standorte_links {
  min-width: 310px;
  max-width: 100%!important;
  float: left;
  margin-right: 2rem;
  border-bottom: 1px solid #dee2e6;
}

.kaut_standorte_rechts{
  min-width: 310px;
  max-width: 100%!important;
  float: left;
  margin-right: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #dee2e6;
}

.kaut-loesungen {
  margin-bottom: 2rem;
}

.nl-link:any-link{
  text-decoration: none;
  color: inherit;
}

.logo-before-accordion {
  padding: 0 0 2rem 2.5rem;
}

  
/* BUTTON "nach oben"
  ------------------------- */

  #kautUp {
    display: none; /* Standardmäßig ausgeblendet */
    position: fixed; /* Fixed/sticky position */
    bottom: 60px; /* Button am unteren Rand */
    right: 30px; /* Button 30px vom rechten Rand */
    z-index: 99; /* Z-Index - ganz oben */
    border: none; 
    outline: none; 
    background-color:#3c3c3c; 
    color: white; 
    cursor: pointer; 
    padding: auto; 
    border-radius: 5em; /* Runde Ecken */
    font-size: 18px;
    width: 3rem;
    height: 3rem;
    font-weight: bolder;
  }
  
  #kautUp:hover {
    background-color: #555;
  }
 



  
  /* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
  
    .featurette-heading {
      font-size: 2em;
    }
  }
  
  /*
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }    
  }
  */

  @media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 auto;
    width: 30%;
    min-width: fit-content;
}
  }

  @media (max-width: 575px) {
    .row  {
      --bs-gutter-x: 1rem;
    }
    }


        /*Responsive Slider*/

        @media (max-width: 500px) {
          .img-fit {
            margin-left: -35%;
        }
        .carousel-caption {
          left: 12%;
        }
          }
        
        
        @media   (min-width: 501px) and (max-width: 768px) {
          .img-fit {
            margin-left: -50%;
        }
        .carousel-caption {
          left: 12%;
        }
          }
    
        @media   (min-width: 769px) and (max-width: 992px) {
          .img-fit {
            margin-left: -25%;
        }
        .carousel-caption {
          left: 12%;
        }
          }
    
        @media   (min-width: 993px) and (max-width: 1200px) {
      .img-fit {
        margin-left: -20%;
    }
    .carousel-caption {
      left: 12%;
    }
      }
    
      @media  (min-width: 1201px) and (max-width: 1400px) {
        .img-fit {
          margin-left: -15%;
      }
    
      .carousel-caption {
        left: 12%;
      }
      
        }
    
        @media (min-width: 1401px) and (max-width: 1650px) {
          .img-fit {
            margin-left: -10%;
        }
      
        .carousel-caption {
          left: 10%;
        }
        
          }