#simpleheader {
    background-color: #f0f0f0;
    min-height: 150px;
    padding: 0;
}
/*
@media(min-width:1200px){
	#simpleheader { margin-left: 30px; margin-right:30px;}
}*/

#simpleheader + #maincontent {
    padding-top: 125px
}


.main-slider {
    position: relative;
    height: auto;
    z-index: 5;
    min-height: 150px;
    padding-top: 90px;

}
/*
@media(min-width:1200px) {
	.main-slider {
		padding-left:30px;
		padding-right: 30px;
	}
}*/


.main-slider .carousel-inner {
    height: auto;
}

.main-slider .carousel-item {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    padding-bottom: 80%
}

.main-slider p.h1 {
    font-size: 1.6rem
}

.main-slider p.h2 {
    font-size: 1.3rem
}

@media (max-width: 575px) {
    .slidercaption p, .slidercaption .btn-default {
        font-size: 1.1rem
    }
}

@media (min-width: 576px) {
    .main-slider .carousel-item {
        padding-bottom: 70%
    }

    .main-slider p.h1 {
        font-size: 2rem
    }

    .main-slider p.h2 {
        font-size: 1.75rem
    }
}

@media (min-width: 768px) {
    .main-slider .carousel-item {
        padding-bottom: 60%
    }

    .main-slider p.h1 {
        font-size: 2.5rem
    }

    .main-slider p.h2 {
        font-size: 2.25rem
    }

}

@media (min-width: 992px) {
    .main-slider .carousel-item {
        padding-bottom: 56%
    }

    .main-slider p.h1 {
        font-size: 2.75rem
    }

    .main-slider p.h2 {
        font-size: 2.5rem
    }

}

@media (min-width: 1200px) {
    .main-slider .carousel-item {
        padding-bottom: 56%
    }

    .main-slider p.h1 {
        font-size: 3.0rem
    }

    .main-slider p.h2 {
        font-size: 2.75rem
    }
}

@media (min-width: 1600px) {
    .main-slider .carousel-item {
        padding-bottom: 48%
    }

    .main-slider p.h1 {
        font-size: 3.5rem
    }

    .main-slider p.h2 {
        font-size: 3.25rem
    }
}

@media (min-width: 1921px) {
    .main-slider .carousel-item {
        padding-bottom: 45%
    }
}

@media (max-width: 1200px) {
    .main-slider .carousel-control-next, .main-slider .carousel-control-prev {
        width: 7%
    }
}

.main-slider.halfsize .carousel-item {
    padding-bottom: 60%
}

.main-slider p.h1 {
    font-size: 1.6rem
}

.main-slider p.h2 {
    font-size: 1.3rem
}

@media (max-width: 575px) {
    .slidercaption p,.slidercaption .btn-default {
        font-size:1.1rem
    }
}

@media (min-width: 576px) {
    

    .main-slider.halfsize .carousel-item {
        padding-bottom: 55%
    }

    
}

@media (min-width: 768px) {
    

    .main-slider.halfsize .carousel-item {
        padding-bottom: 50%
    }

    
}

@media (min-width: 992px) {
   

    .main-slider.halfsize .carousel-item {
        padding-bottom: 50%
    }

    
}

@media (min-width: 1200px) {
   

    .main-slider.halfsize .carousel-item {
        padding-bottom: 22.5%
    }

}

@media (min-width: 1600px) {
   
    .main-slider.halfsize .carousel-item {
        padding-bottom: 22%
    }

    
}

@media (min-width: 1921px) {
   
    .main-slider.halfsize .carousel-item {
        padding-bottom: 21.25%
    }
}

@media (max-width: 1200px) {
    .main-slider .carousel-control-next,.main-slider .carousel-control-prev {
        width:7%
    }
}


.sliderbild img {
   /* transition: transform linear 7s;*/
    transform: scale(1.15);
    transform-origin: center bottom;
    max-height: 55vH;
    width: auto
}

.slidercaption {
    background-color: #fff;
    padding: 1.15rem;
    margin-bottom: 0px;
    box-shadow: 20px 15px 35px rgba(0, 34, 65, .14)
}

@media (max-width: 575px) {
    .main-slider p.h2 {
        font-size: 1.1rem;
    }

    .main-slider p.h3 {
        font-size: .9rem;
    }

    .slidercaption p {
        font-size: 75%;
    }

    .slidercaption .btn {
        padding: 7px 8px 8px
    }
}

.captionouter {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0 15px 45px 0;
    overflow: hidden;
    z-index: 2;
}

@media (min-width: 768px) {
    .captionouter {
        padding: 0 45px 45px 0;
    }

}

.slidercaption p.h2 {
    color: #ff6f61
}

.slidercaption.hebebuehne p.h2,
.slidercaption.plattform p.h2 {
    color: #ffb800
}

.slidercaption.aufzug p.h2 {
    color: #197daa
}

@media (min-width: 576px) {
    .slidercaption {
        padding: 1.5rem;
    }
}

@media (min-width: 768px) {
    .slidercaption {
        padding: 2rem;
        margin-bottom: 15px;
    }
}

@media (min-width: 1200px) {
    .slidercaption {
        padding: 3rem;
    }
}

.slidercaption p:last-child {
    margin-bottom: 0
}

.carousel-inner {
    position: relative;
    left: 0;
    top: 0;
    height: auto;
}

.carousel .caption {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    color: #fff;

}

.carousel .captionBG {
    background-color: #fab30f;
    mix-blend-mode: color;
    z-index: 3;
    transform: skewX(15deg);
    transform-origin: left bottom
}


.carousel .caption:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.carousel .captionBG:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    right: auto;
    background-color: #fab30f;
    width: 100%;
}


.carousel .caption p {
    color: #fff;
}

.carousel .caption p.h1 span {
    background-color: #ffF;
    padding: 5px 10px;
    color: #002241
}

.carousel .caption p.h1 + p {
    margin-top: 15px;
    font-weight: bold;
}

.carousel .caption p.h1 + p span {
    color: #ffF;
    padding: 5px 10px;
    background-color: #002241
}

.sub-slider {
    position: relative;
    height: auto;
    z-index: 5;
    background-color: #fff;
    padding-top: 90px;
    overflow: hidden;
		
}
/*
@media(min-width:1200px) {
	.sub-slider {
		padding-left:30px;
		padding-right: 30px;
	}
}*/

.carousel-control-next, .carousel-control-prev {
    z-index: 100;
}


.sub-slider .carousel-inner {
    height: auto;
}

.sub-slider .carousel-item {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    padding-bottom: 60%
}

.sub-slider.halfsize .carousel-item {
    padding-bottom: 60%
}

@media (min-width: 576px) {
    .sub-slider .carousel-item {
        padding-bottom: 55%
    }

    .sub-slider.halfsize .carousel-item {
        padding-bottom: 55%
    }

}

@media (min-width: 768px) {
    .sub-slider .carousel-item {
        padding-bottom: 50%
    }

    .sub-slider.halfsize .carousel-item {
        padding-bottom: 50%
    }

}

@media (min-width: 992px) {
    .sub-slider.halfsize .carousel-item {
        padding-bottom: 30%
    }
}

@media (min-width: 1200px) {
    .sub-slider .carousel-item {
        padding-bottom: 45%
    }

    .sub-slider.halfsize .carousel-item {
        padding-bottom: 22.5%
    }

}

@media (min-width: 1600px) {
    .sub-slider .carousel-item {
        padding-bottom: 44%
    }

    .sub-slider.halfsize .carousel-item {
        padding-bottom: 22%
    }

}

@media (min-width: 1921px) {
    .sub-slider .carousel-item {
        padding-bottom: 42.5%
    }

    .sub-slider.halfsize .carousel-item {
        padding-bottom: 21.25%
    }

}

.carousel-inner {
    position: relative;
    left: 0;
    top: 0;
    height: auto;
}

.sub-slider .caption {
    position: absolute;
    left: 0;
    bottom: 5%;
    max-height: 90%;
    right: 0;
    z-index: 2;
    color: #fff;
}

.sub-slider .caption p {
    color: #fff;
}


.headervideo {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    width: 100%;
}

.carousel-item.hasVideo .caption {
    top: 50%;
    opacity: 1;
    transition: opacity ease .3s;
}

.carousel-item.hasVideo:hover .caption {
    opacity: .15;
}

.toggleVidVol {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .25);
    cursor: pointer;
    z-index: 10000;
    text-align: center;
    line-height: 30px;
}

.toggleVidVol .fa-volume-off,
.toggleVidVol.volumeOff .fa-volume {
    display: none;
}

.toggleVidVol.volumeOff .fa-volume-off,
.toggleVidVol .fa-volume {
    display: block;
    line-height: 30px;
}


.sub-slider .container.headcover {
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
}

.sub-slider .container.headcover .headtitle {
    position: relative;
    height: 100px;
    width: 100%;
    z-index: 1;
}

.sub-slider .container.headcover .headtitle:before {
    content: '';
    position: absolute;
    right: -60px;
    top: 0px;
    height: 100%;
    background-color: #fff;
    width: 10000px;
}

.sub-slider + section.maincontent {
    padding-top: 0 !important
}

@media (max-width: 1400px) {
    .sub-slider .container.headcover {
        position: relative;
        height: 20px
    }

    .sub-slider .container.headcover .headtitle:before {
        right: -1000px;
    }
}

/**BERATERHEADER**/

#beraterheader .projektpartner {
    height: 60px;
    position: absolute;
    left: 0px;
    /* top: 5px; */
    right: 15px;
    pointer-events: none;
    padding: 10px;
    overflow: hidden;
    bottom: calc(100% - 25px);
}

#beraterheader .partnericon {
    height: 40px;
    width: 40px;
    background-color: #197daa;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    line-height: 40px;
    position: absolute;
    top: 15px;
    left: 0px;

}

#beraterheader .partnertext {
    background-color: #197daa;
    color: #fff;
    padding: 5px 8px;
    font-size: 12px;
    position: absolute;
    left: 20px;
    padding-left: 30px;
    top: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    /*
                                                    opacity: 0; transition: transform ease .3s, opacity ease .3s;
                                                    transform: translateX(-100%);*/
}

/*
.teamitem:hover .partnertext { opacity: 1; transform: translateX(0)}*/


.verkaufsleiter {
    height: 60px;
    position: absolute;
    left: 15px;
    bottom: calc(100% - 25px);
    right: 15px;
    pointer-events: none;
    padding: 10px;
    overflow: hidden;
}

.verkaufsleitericon {
    height: 40px;
    width: 40px;
    background-color: #002241;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    line-height: 40px;
    position: absolute;
    top: 15px;
    left: 0px;
    color: #fff;

}

.verkaufsleitertext {
    background-color: #002241;
    color: #fff;
    padding: 5px 8px;
    font-size: 12px;
    position: absolute;
    left: 20px;
    padding-left: 30px;
    top: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    /*
                                                    opacity: 0; transition: transform ease .3s, opacity ease .3s;
                                                    transform: translateX(-100%);*/
}

@media (min-width: 1200px) {
    .intrologo {
        padding: 30px 10px;
    }
}

.carousel-control-next, .carousel-control-prev {
    text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

/** PRODUKTE SLIDER **/
#produkte {
    overflow: hidden
}


@media (min-width: 576px) {
    #produkte .carousel-item p.h3 {
        font-size: 3.25rem
    }
}

@media (min-width: 768px) {
    #produkte .carousel-item p.h3 {
        font-size: 3.25rem
    }

}

@media (min-width: 992px) {
    #produkte .carousel-item p.h3 {
        font-size: 3.75rem
    }

}

@media (min-width: 1200px) {
    #produkte {
        padding-left: 15px;
        padding-right: 15px;
    }

    #produkte .carousel-item p.h3 {
        font-size: 4rem
    }
}


#produkte .btn {
    margin-bottom: 5px
}

.produktpreview {
    position: relative;

    display: block;
    padding-bottom: 100%;
    background-size: auto 100%;
    background-position: center center;
    /* background-color: #ff0; */
    background-repeat: no-repeat;
    object-fit: contain;
    object-position: center;
}

@media (min-width: 768px) {
    .produktpreview {
        padding-bottom: 150%;
        background-size: 125% auto;
    }
}

.produktpreview:after {
    content: '';
    display: block;
}

.produktpreview img {
    position: absolute;
    left: 0;
    top: 0;
}

.carousel-item .produktpreview:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1000px;
    background-color: #edeff0;
    z-index: -1;
}

.slickModelle .produktpreview:before {
    content: '';
    display: block;
    position: absolute;
    left: 55%;
    top: 0;
    bottom: 0;
    width: 1000px;
    background-color: #edeff0;
    z-index: -1;
}

.carousel-item.lift .produktpreview:before {
    background-color: #ff6f61;
}

.carousel-item.plattform .produktpreview:before {
    background-color: #ffb800;
}

.carousel-item.aufzug .produktpreview:before {
    background-color: #197daa
}


#produkte .carousel {
    margin: 0 -15px
}

#produkte .carousel .carousel-control-next,
#produkte .carousel .carousel-control-prev {
    text-shadow: 0 5px 10px rgba(0, 34, 65, .33)
}

#produkte .carousel-item {
    overflow: hidden
}


#produktheader {
    background-color: #ff6f61;
    position: relative;
    overflow: hidden;
    z-index: 1;
	
}
/*
@media(min-width:1200px) {
	#produktheader {
		margin-left:30px;
	margin-right:30px;
	}
}*/

#produktheader.plattform {
    background-color: #ffb800;
}

#produktheader.aufzug {
    background-color: #197daa;
}

#produktheader .container {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

#produktheader .headtitle {
    position: relative;
    height: 100px;
    width: 100%;
}

#produktheader .headtitle .bigtitle {
    position: absolute;
    right: 30px;
    left: -10000px;
    bottom: 100%;
    color: #fff;
    font-size: 10vW;
    text-align: right;
    line-height: 66%;
    font-weight: bold;
    z-index: -1;
    pointer-events: none
}

#produktheader .headtitle:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    background-color: #fff;
    width: 10000px;
}

.heroimage {
    margin-top: -25vH;
}


@media (orientation: landscape) {
    #produktheader {
        max-height: calc(50vH + 50px);
        height: calc(50vH + 50px);
    }

    .heroimage {
        margin-top: -35vH;
    }

    #produktheader .headtitle .bigtitle {
        font-size: 15vW;
    }
}

@media (orientation: portrait) {
    #produktheader {
        max-height: calc(50vH + 50px);
        height: calc(50vH + 50px);
    }

    .heroimage {
        margin-top: -25vH;
    }

    #produktheader .headtitle .bigtitle {
        font-size: 15vH;
    }
}

/** PRODUKT SINGLE MOOD **/
.mood-slider {
    position: relative
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.mood-slider .arrow {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    color: #fff;
    text-shadow: 0 5px 10px rgba(0, 34, 65, .33)
}

.mood-slider .carousel-item {
    background-size: cover;
    background-position: center;
}

@media (orientation: portrait) {
    .mood-slider .carousel-item {
        height: 50vH
    }

}

@media (orientation: landscape) {
    .mood-slider .carousel-item {
        height: 100vH
    }

}

.mood {
    height: calc(100vH - 165px);
    background-size: cover;
    background-position: center;
}

#produktheader .produktvisual {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    aspect-ratio: 2/1;
    opacity: .6;
	pointer-events: none
}

#produktheader .produktvisual svg {
    position: absolute;
    inset: 0
}
#produktheader.inverted .produktvisual { background: transparent }
#produktheader.inverted  { background-color:#fafafa}
#produktheader.inverted.lift .bigtitle{  color: #ff6f61}
#produktheader.inverted.plattform .bigtitle {  color: #ffb800}
#produktheader.inverted.aufzug .bigtitle {  color: #197daa}


 .sliderstoerer {
                    position: absolute;
                    width: 20%;
                    /* height: 100px;
                    aspect-ratio: 1;
                     */
                    right: 5%;
                    top: calc(7% + 90px);
                    z-index: 100;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .5));
                    transition: transform ease .25s;
                    transform: scale(1);
                    z-index: 101;
                    max-width: 250px;
                }

                .sliderstoerer:hover {
                    transform: scale(1.1)
                }

                .sliderstoerer img {
                    width: 100%;
                }

                @media (min-width: 768px) {
                    .sliderstoerer {
                        width: 17%;
                    }
                }

                @media (min-width: 992px) {
                    .sliderstoerer {
                        width: 15%;
                    }
                }

                @media (min-width: 1200px) {
                    .sliderstoerer {
                        width: 13%;
                    }
                }

                @media (min-width: 1600px) {
                    .sliderstoerer {
                        width: 11%;
                    }
                }
           
                #produktheader .sliderstoerer {
                    position: absolute;
                    width: 20%;
                    /* height: 100px;
                    aspect-ratio: 1;
                     */
                    right: 5%;
                    top: calc(7% + 90px);
                    z-index: 100;
                    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .5));
                    transition: transform ease .25s;
                    transform: scale(1);
                    z-index: 101;
                    max-width: 250px;
                }

                #produktheader .sliderstoerer:hover {
                    transform: scale(1.1)
                }

                #produktheader .sliderstoerer img {
                    width: 100%;
                }

                @media (min-width: 768px) {
                    #produktheader .sliderstoerer {
                        width: 17%;
                    }
                }

                @media (min-width: 992px) {
                    #produktheader .sliderstoerer {
                        width: 15%;
                    }
                }

                @media (min-width: 1200px) {
                    #produktheader .sliderstoerer {
                        width: 13%;
                    }
                }

                @media (min-width: 1600px) {
                    #produktheader .sliderstoerer {
                        width: 11%;
                    }
                }