/* ------ ZARBO HONIG CSS ------ */

/* FONTS */

@font-face {
  font-family: 'Tiro Kannada';
  src: url('../webfonts/TiroKannada-Regular.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'Montserrat Regular';
  src: url('../webfonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Montserrat Bold';
  src: url('../webfonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
}

/* FONTS END */

/* GLOBALS */

body{background-color: #232729;overflow-x:hidden;}


/* NAVIGATION */
.logo-nav{max-width:85px;}

.navbar-dark.bg-dark{background-color: #000000 !important;}

.navbar-brand{width:15%; padding: 10px 0 10px 0;}


/* TYPO */

h1{color:#fcf5ed;font-family: 'Tiro Kannada';text-align: left;font-size: 3.5em;padding-left:12px;}

h2{color:#60c0c0;font-family: 'Tiro Kannada'; margin: 25px 0 30px 0; font-size: 2.5em;}

h3{color:#232729;font-family: 'Tiro Kannada';font-size: 2.5em;}

h4{color:#fcf5ed;font-family: 'Tiro Kannada';font-size: 1.5em;}

p{color: #fcf5ed;font-family: 'Montserrat-Regular';}

a{color:#fff;text-decoration: none;}
a:hover{color:#60c0c0;text-decoration: none;}

.costum-text{color: #60c0c0;text-decoration: underline;}


/* Slider */

#carouselExampleCaptions .carousel-caption {
    bottom: 20rem;
    color: #fcf5ed;
    left: 0;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: left;
    max-width: 1020px;
    
}

#carouselExampleCaptions .carousel-indicators{bottom:50px;}

.header-cont{position:absolute;left:10%;right:10%;}

/* Slider End */

/* Sec1 */

#sec1{ margin: 80px 100px 100px 100px;}

.box{display: flex; margin-right: 40px;}

.paerchen{padding-bottom: 20px;}

.paerchen img{width: 70%; height: auto; margin-top: 0; margin-left: 20px;}

.unterschrift img{width:45%; height: auto; margin-left: 20px;}

/* Sec1 End*/


/* Sec2 */

#sec2{position: relative;}

.image-container{position: relative;background-image: url('../../../../storage/app/media/produkt-bilder/produktbild-v4.jpg');background-size:cover;background-position: 50% 50%;background-repeat: no-repeat;width:100%;height:1000px;}

.sec2-img{width: 100%; height: auto;}

#seiten{
    color: #232729;
}

.book{position:absolute;left:53%;top:27%;}

.overlay-text{position: relative;padding-bottom:20px;}

.book-slider{position: relative;}

.book-slider img{max-width: 600px;}

#bookSlide .carousel-inner{overflow:visible;}

#bookSlide .active{box-shadow: rgba(0,0,0,.6) 10px 10px 15px;}

 #bookSlide .carousel-control-next,  #bookSlide .carousel-control-prev {
    align-items: center;
    background: none;
    border: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s ease;
    width: 15%;
    z-index: 1;
}

#bookSlide .carousel-control-prev {
    left: -75px!important;
}

.biene-links {
    background-image: url('../../../../storage/app/media/icons/biene_links_grau.svg');
}

.biene-links-gold {
    background-image: url('../../../../storage/app/media/icons/biene_links_gold.svg');
}

#bookSlide .carousel-control-next {
    right: -75px!important;
}

.biene-rechts {
    background-image: url('../../../../storage/app/media/icons/biene_rechts_grau.svg');
}

.biene-rechts-gold {
    background-image: url('../../../../storage/app/media/icons/biene_rechts_gold.svg');
}

/* Sec2 End */


/* Sec3 */

#sec3{ margin: 100px;}

.zitat{display: flex; margin:10px 40px 30px 0;}

.anf-vorne{font-size:2em;color:#60c0c0;font-family: 'Montserrat Bold';margin-top:-10px;}
.anf-hinten{font-size:2em;color:#60c0c0;font-family: 'Montserrat Bold';margin-top:80px;margin-left:-30px;}

/* Sec3 End*/


/* Sec4 */
.box1{margin-bottom: 80px;background-color:#232729;padding:0 5px;}

.ueberschrift{padding-left: 40px; margin-bottom: 15px;}

.costum-container{background-color: #000000; padding: 40px 40px 40px 40px; min-height: 376px;}

#mltSlider{}

/* Geschichte Slider */

 #myCarousel .carousel-control-prev {
    left: -155px!important;
}

 #myCarousel .carousel-control-next,  #myCarousel .carousel-control-prev {
    
    background: none;
    border: 0;
    bottom: -180px;
    color: #fff;
    display: flex;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s ease;
    width: 20%;
    z-index: 1;
}

 #myCarousel .carousel-control-next-icon,  #myCarousel .carousel-control-prev-icon{width:3em;height:3em;margin-top:-100px;}

 #myCarousel .carousel-control-next {
    right: -155px!important;
}

@media (max-width: 768px) {
 #myCarousel .carousel-inner .carousel-item > div {
    display: none;
  }

   #myCarousel  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
  #myCarousel  .carousel-inner .carousel-item.active,
  #myCarousel  .carousel-inner .carousel-item-start,
  #myCarousel  .carousel-inner .carousel-item-next,
  #myCarousel  .carousel-inner .carousel-item-prev {
  display: flex;
}

/* display 4 */
@media (min-width: 769px) {
   #myCarousel .carousel-inner .carousel-item-right.active,
  #myCarousel .carousel-inner .carousel-item-next,
 #myCarousel .carousel-item-next:not( .carousel-item-start) {
    transform: translateX(25%) !important;
  }

 #myCarousel .carousel-inner .carousel-item-left.active,
 #myCarousel .carousel-item-prev:not(.carousel-item-end),
 #myCarousel .active.carousel-item-start,
 #myCarousel .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }

 #myCarousel .carousel-item-next.carousel-item-start,.active.carousel-item-end {
    transform: translateX(0) !important;
  }

 #myCarousel .carousel-inner .carousel-item-prev,
 #myCarousel .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }
}

/* SEC 5 Slider */
#sec4{position: relative;}
// .layerRight{position:absolute;height:0;top:0;right:0;width:calc((100vw - 1320px) /2);background-color:rgba(0,0,0,.4);}
.MultiCarousel { float: left; overflow: visible; padding: 15px; width: 100%; position:relative; }
.MultiCarousel{ height: fit-content;}
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left;}
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
     
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%; }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.MultiCarousel .item {
    transition: opacity 0.3s ease-in-out;
}

#MultiCarousel1 .carousel-control-prev {
    align-items: center;
    background: none;
    border: 0;
    top: 90%;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-align: center;
    left:0;
    width:5%;
    height:50px;
    transition: opacity .15s ease;
    z-index: 1;
}

#MultiCarousel1 .carousel-control-next {
    align-items: center;
    background: none;
    border: 0;
     top: 90%;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-align: center;
    height:50px;
    right:0;
    width:5%;
    transition: opacity .15s ease;
    z-index: 1;
}
/* SEC 5 Slider End */

/* Geschichte Slider End */

/* Sec4 End*/


/* FOOTER*/
.footer.bg-dark{background-color: #000000 !important; padding: 30px 0;}

.kontakt-costum-text{font-size: 0.8em;color:  #fcf5ed; font-family: Montserrat-Regular;margin: 25px 0 0 -80px;}

.text-muted{font-size: 0.6em;}

.logo-nav-foot{max-width: 85px; padding: 10px 0 10px 0;}


            
/* FOOTER END*/


/* Impressum*/
.impressum{
    margin: 50px 0 20px 0;
}

.anschrift{
    margin: 0 0 30px 0;
}

.kontakt{
    margin: 0 0 30px 0;
}

.quelle{
    margin: 0 0 30px 0;
}
/* Impressum END*/

/* Datenschutz*/
.datenschutzerklaerung{
     margin: 50px 0 20px 0;
}

.datenschutz{
    margin: 0 0 30px 0;
}

.datenerfassung{
    margin: 30px 0 30px 0;
}

.hosting{
    margin: 0 0 30px 0;
}

.allinkl{
    margin: 0 0 30px 0;
}

/* Datenschutz END*/