/* ---- NUR BREAKPOINT STYLES ---- */

@media (max-width: 768px) {

h2 {
    font-size: 1.5em;
}


/* NAVIGATION */

.navbar-brand{
    margin-left: 60px;}

.logo-nav{max-width:80px;}

/* TYPO */

h1 {
    font-size: 1.8em;
    padding-left: 12px;
    margin-left: 60px;
    margin-bottom: 30px;
}

h3 {
    color: #fcf5ed;
    font-size: 1.2em;
}

h4 {
    font-size: 1.2em;
}

p {
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;    
}




#sec2 .image-container{background-size:150%;background-position:5% 75%;width:100%;height:450px;}

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

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

#sec3{position:relative;margin-top:600px;}

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


.book{position:relative;left:0;top:110%;margin-left:auto;margin-right:auto;max-width:70%;}
.book-slider{max-width:100%;}
.book-slider img {
    max-width: 100%;
}

#seiten{
    color: #fcf5ed;
}

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

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

    .costum-container {
    min-height: 290px;
}

/* Slider */

#carouselExampleCaptions .carousel-item{height:550px;overflow:hidden;}

#carouselExampleCaptions .carousel-item img{height:550px;width:auto!important;margin-left:-110%;}

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

#carouselExampleCaptions .carousel-indicators{bottom:0;}

/* Slider End */

/* Footer */

.logo-nav-foot{
    max-width:130px;
    padding: 0 0 0 60px;}

.kontakt-costum-text{font-size: 0.7em; margin: 10px 0 0 40px;}



}

@media (max-width: 600px) {

/* GLOBAL */

    .container, .container-sm {
        max-width: 100%;
            --bs-gutter-x: 0;
    }

    body{max-width:100vw;overflow-x:hidden;}


/* NAVIGATION */

.navbar-brand{
    padding: 10px 0 10px 0;
    margin-left: 50px;}

.logo-nav{max-width:50px;}


/* TYPO */

h1 {
    font-size: 1.5em;
    padding-left: 12px;
    margin-left: 35px;
    margin-bottom: 30px;
}

.carousel-caption {
    bottom: 1.25rem;
}

h2 {
    font-size: 1.5em;
}

h3 {
    color: #fcf5ed;
    font-size: 1.2em;
}

p {
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;    
}

#sec1, #sec3 {
    margin: 50px;
}
#sec2{position:relative;}

#sec2 .image-container{background-size:160%;background-position:5% 65%;width:100%;height:350px;}

#seiten{
    color: #fcf5ed;
}

#sec3{position:relative;margin-top:440px;}
#sec4{display:block;}
.image-container {
    width: 100%;
    height: 300px;
}

.book{position:relative;left:0;top:120%;margin-left:auto;margin-right:auto;max-width:80%;}
.book-slider{max-width:100%;}
.book-slider img {
    max-width: 100%;
}

.biene-slider-btns{position:relative;margin-top:35px;}
#bookSlide .carousel-control-next {
    right: 20% !important;
}
#bookSlide .carousel-control-prev{
   left:20% !important;
    }

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

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

.box {
    margin-right: 0;
}

.logo-nav-foot{
    max-width:125px;
    padding: 0 0 0 55px;}

.kontakt-costum-text{font-size: 0.67em; margin: 12px 0 0 60px;}

.copyright{margin:50px 0 0 15px;}
.copyright.text-center{text-align:left!important;}

.carousel-control-next, .carousel-control-prev {
    align-items: flex-end;
    bottom: 120px;
}

#bookSlide .carousel-control-next, #bookSlide .carousel-control-prev {
    top: 5px;

}

#mltSlider{overflow-x: hidden;}

.costum-container{min-height: 320px; padding: 40px 30px 0px 40px;}

#MultiCarousel1 .carousel-control-next {
    right: 35px;
        width: 25%;
}

#MultiCarousel1 .carousel-control-prev {
    left: 35px;  
    width: 25%;
}

#MultiCarousel1 .carousel-control-prev-icon {
    height: 3rem;
    width: 50rem;
        background-size: 50% 50%;
            background-position: 10%;
}

#MultiCarousel1  .carousel-control-next-icon {
    height: 3rem;
    width: 50rem;
        background-size: 50% 50%;
            background-position: 90%;
}




}