#main_nav {
    text-align: left;
    width: 100%;
    z-index: 5700;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    margin-top: 10px;
}


#sandwich.open span{
    background-color: #364759 !important;
}


#sandwich div {
	clear: both;
	text-align: center;
	font-size: 15px;
	position: absolute;
	width: 44px;
	/*right: 0;*/
	top: 35px;
letter-spacing:0.15em;
font-weight:600;
}

#sandwich.open div{
display:none;
}

#sandwich {
    left: 0;
    right: initial;
    top: 38px;
}


.modul9001bme .row.sprungpfeil {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 5%;
    left: 0;
    font-size: .65em;
}

.bg_container.kopf {
    position: relative;
    z-index: 30;
}


header.h100p, header .hmax {
    height: 100%;
    height: 100vh;
    width: 100%;
    z-index:500;
    overflow:hidden;
}

header.h100p video
{
min-height:100%;
min-width:100%;

    width: 100%;
    left: -100%;


}

.movie header.h100p 
{
position:fixed;
left:0;
top:0;
}

.movie .wrapper
{
position:relative;
z-index: 600;
background-color: #fff;
top:100%;
top:100vh;
}
video
{
  object-fit: cover;

}

.introContainer .bmebtn
{
border:1px solid #fff;
	margin-top: 50px;
	display: inline-block;
	background-color: RGBA(100,100,100,.4);
	padding: 20px 40px;
}

.introContainer .bmebtn:hover
{
background-color: RGB(230,0,3);
border-color: RGB(230,0,3);
}


#header ul.ebene1 li
{

}

#header ul.ebene1 li.nvp19 ,#header ul.ebene1 li.nvp20,#header ul.ebene1 li.nvp44
{

}

################## 360 / reel

.reel
{
width: 100%;height: auto;
position:relative;
z-index:100;
}

.reel .zoom,.reel .turn{
z-index:200;
 }
 
 @media screen and (max-width: 768px) {
 	.reel .zoom {
 		display: none;
 	}
 }
 
.reel .zoom::after,.reel .turn::after {
font-family: "Font Awesome 5 Free";
content: "\f06e";
font-size:2em;
position: absolute;
left: 0;
bottom: 5px;
z-index:200;
cursor:pointer;
 }

.reel .turn::after {
content: "\f021";
bottom:1.5em;
cursor:pointer;
}


.fancybox-stage .reel
{
width: 100%;height: auto;
}




a.bmebtn {
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-ms-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear;
	-webkit-transition: background-color .3s linear;
	-moz-transition: background-color .3s linear;
	-ms-transition: background-color .3s linear;
	-o-transition: background-color .3s linear;
	transition: background-color .3s linear;
}

.prozess > div
{
position:relative;
overflow: hidden;
max-width: 50%;
max-height: 50%;
}
.prozess div.aktiv span
{
display:flex;
}
.prozess div.aktiv div svg
{
display:none;
}

.prozess div:first-child span
{
padding-right:20%;
padding-bottom:20%;
flex-direction: column-reverse;
text-align: right;
}

.prozess div:nth-child(2) span
{
padding-left:20%;
padding-bottom:20%;
flex-direction: column-reverse;
}
.prozess div:nth-child(3) span
{
padding-right:20%;
padding-top:20%;
text-align:right;
flex-direction: column;
}
.prozess div:nth-child(4) span
{
padding-left:20%;
padding-top:20%;
}
.prozess div:first-child svg
{
width:100%;
}
.prozess div:first-child div
{
padding-right:20%;
padding-bottom:20%;
padding-left:55%;
flex-direction: column-reverse;

}




.prozess div:nth-child(2) div
{
padding-left:20%;
padding-bottom:20%;
padding-right:20%;
flex-direction: column-reverse;

}
.prozess div:nth-child(3) div
{
padding-right:20%;
padding-top:20%;
padding-left:20%;
text-align:right;
display:block;
}
.prozess div:nth-child(4) div
{
padding-left:20%;
padding-top:20%;
flex-direction: column;

}

.prozess div div svg
{
width:40%;
}


.prozess span,.prozess .svg,.prozess > div  div
{
position:absolute;
top:0;
left:0;
display: flex; 
display: -webkit-flex; 
height:100%;
width:100%;
}

.prozess span
{
display:none;
}
.prozess .svg
{
height:100%;
width:100%;
}


.prozesskette
{
  background-image: url("/media/mt_smart_zeichenflaeche_1.svg");
    background-repeat:no-repeat;
    background-position:center center;
position:relative;
}


.prozesstext
{
display: flex;
flex-direction: column;
justify-content: center;
}

@media screen and (max-width: 768px) {
.prozesstext
{
justify-content: normal;
}

}
.prozesskette > div
{
width:20%;
float:left;
padding-top:100%;
}


.prozesskette[data-aktiv=text1],div .prozesskette[data-hover=text1]

{
background-image: url("/media/mt_smart_zeichenflaeche_1_kopie.svg");
}

.prozesskette[data-aktiv=text2],div .prozesskette[data-hover=text2]
{
background-image: url("/media/mt_smart_zeichenflaeche_1_kopie_2.svg");
}

.prozesskette[data-aktiv=text3],div .prozesskette[data-hover=text3]
{
background-image: url("/media/mt_smart_zeichenflaeche_1_kopie_3.svg");
}

.prozesskette[data-aktiv=text4],div .prozesskette[data-hover=text4]
{
background-image: url("/media/mt_smart_zeichenflaeche_1_kopie_4.svg");
}

.prozesskette[data-aktiv=text5],div .prozesskette[data-hover=text5]
{
background-image: url("/media/mt_smart_zeichenflaeche_1_kopie_5.svg");
}

.prozesskette .text7
{
//top:50%;
//left:50%;
}
