#header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
}
#header:before{
	display:block;
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
    background: linear-gradient(121deg, rgba(255,255,255,1) 0%, rgba(192,192,192,1) 100%);
	opacity:0;
	transition:opacity .5s ease;
}
#header.floating:before{
	opacity:1;
}

.header{
    display:flex;
    padding:15px 0;
    align-items:center;
}

.header .logo a img{
    width:80px;
    transition:width .5s ease;
}
@media(min-width:992px){
    .header .logo a img{
        width:200px;
    }
    #header.floating .header .logo a img{
        width:100px;
    }
}

.header .info{
    margin-left:auto;
}
#header.floating .header .info .contact{
    opacity:0;
    pointer-events:0;
    width:0;
    height:0;
    overflow:hidden;
}
.header .info .contact a{
    color:#2e2e2e;
}
.header .info .contact a:not(:first-of-type){
    margin-left:30px;
}

.header .info .interaction{
    display:flex;
    flex-direction:row;
}

@media(min-width:992px){
    #header .header .info .interaction{
        padding-top:30px;
    }
    #header.floating .header .info .interaction{
        padding-top:0px;
    }
}

.header .info .interaction a{
    color:#2e2e2e;
}

.header .info .interaction .fa{
    font-size:26px;
}

.header .info .interaction .social{
    margin-left:auto;
    display:flex;
}

.header .info .interaction .social:after{
    content:'';
    position:relative;
    display:inline-block;
    width:2px;
    height:100%;
    margin:0 15px;
    background-color:#2e2e2e;
}
.header .info .interaction .social a:not(:first-of-type){
    margin-left:15px;
}

.header .info .interaction .menu{
    margin-left:30px;
}
@media(min-width:992px){
    .header .info .interaction .menu{
        margin-left:60px;
    }
}

.header .info .interaction .menu .menu-toggler{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:28px;
    width:32px;
}


@media (min-width: 992px) {
    .header .info .interaction .menu .menu-toggler {
        margin-top: 2px;
    }
}


.header .info .interaction .menu .menu-toggler .menu-bar{
    width: 100%;
    height: 3px;
    background-color: #2e2e2e;
    border-radius:5px;
    transition:all .5s ease;
}
.header .info .interaction .menu .menu-toggler .menu-bar:not(:last-of-type){
    margin-bottom:6px;
}
.header .info .interaction .menu.active{
    margin-left:62px;
}
.header .info .interaction .menu.active .menu-toggler{
    position:absolute;
    z-index:99999;
    right:15px;
}
.header .info .interaction .menu.active .menu-toggler .menu-bar{
    background-color:#2e2e2e;
}
.header .info .interaction .menu.active .menu-toggler .bar-1{
	transform:rotate(45deg) translate(6px, 6px);
}
.header .info .interaction .menu.active .menu-toggler .bar-2{
	width:0;
}
.header .info .interaction .menu.active .menu-toggler .bar-3{
	transform:rotate(-45deg) translate(7px, -6px);
}

.header .info .interaction .menu nav{
    display:block;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    backdrop-filter: blur(5px);
    background-color: rgba(230,230,230,1);
    opacity:0;
    pointer-events:none;
	z-index:9999;
}
@media(min-width:992px){
	.header .info .interaction .menu nav{
		transition:all .5s ease;
	}
}
.header .info .interaction .menu.active nav{
    opacity:1;
    pointer-events:all;
}

.header .info .interaction .menu nav .wrap{
    height:100vh;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:start;
}

.header .info .interaction .menu nav img{
    height:120px;
    margin-top:15px;
    margin-right: 15%;
}

/* Fix for Menu in mobile until desktop */

/* @media (min-width:575px) {
    .header .info .interaction .menu nav img {
        margin-right: 12%;
    }

    .header .info .interaction .menu nav ul.main {
        width: 40% !important;
    }
}

@media (min-width:768px) {
    .header .info .interaction .menu nav img {
        margin-right: 15%;
    }
}

@media (min-width:992px) {
    .header .info .interaction .menu nav ul.main {
        width: 35% !important;
    }

    .header .info .interaction .menu nav img {
        margin-right: 17%;
    }
}

@media (min-width:1200px) {
    .header .info .interaction .menu nav img {
        margin-right: 20%;
    }
}

/* Menu Fix for iPhone 6/7/8 Plus */

/* @media (min-width:414px) {
    .header .info .interaction .menu nav img {
        margin-right: 20%;
    }
}

@media (min-width:736px) {
    .header .info .interaction .menu nav img {
        margin-right: 5%;
    }
}

/* Fix iPhone Plus models end */
/* Fix end */ 

.header .info .interaction .menu nav ul{
    margin:0 0;
    padding:0 0;
    list-style:none;
}
.header .info .interaction .menu nav ul li a{   
    color:#2e2e2e;
}
.header .info .interaction .menu nav ul li i{
    font-size:inherit;
    transition:all .5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.header .info .interaction .menu nav ul li a.rotate i{
    transform:rotate(-180deg);
}

.sub-list a {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 1.3rem;
    height: auto;
}

.header .info .interaction .menu nav ul.main{ 
    margin-top:60px;
    margin-bottom:90px;
    overflow-y:scroll;
	scrollbar-width: none;
	text-align: left;
	width:100%;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 2.3em;
}

.header .info .interaction .menu nav ul.main i {
    color: #2e2e2e;
}

/* @media(min-width:575px){
	.header .info .interaction .menu nav ul.main{ 
		width:35%;
	}
} */
/* @media(min-width:768px){
	.header .info .interaction .menu nav ul.main{ 
		width:25%;
	}
} */
@media(min-width:992px){
	.header .info .interaction .menu nav ul.main{ 
		width:100%;
	}
}
/* @media(min-width:1200px){
	.header .info .interaction .menu nav ul.main{ 
		width:30%;
	}
} */


.header .info .interaction .menu nav ul.main::-webkit-scrollbar{
	background:transparent;
}

.header .info .interaction .menu nav ul.sub-list{
    margin-left:15px;
}

a.loscher-jtt.d-flex.justify-content-center {
    display: none !important;
}

@media (min-width: 992px) {
    a.loscher-jtt.d-flex.justify-content-center {
        display: block !important;
        position: fixed;
        color: #fff;
        font-size: 1.8rem;
        text-align: center; 
        background: linear-gradient(34deg, rgba(17,66,50,1) 0%, rgba(11,44,33,1)); 
        height: 60px;
        width: 60px;
        border-radius: 50px;
        right: 15px;
        bottom: 30px;
        z-index: 999;
        border: 2px solid rgba(255, 255, 255, 0.4);
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
        z-index: 3;
    }
}

.loscher-jtt i {
    color: #fff;
    padding-bottom: 5px;
}

@media (min-width: 992px) {
    .teaserbild {
        background-position-y: -60vh;
    }
}