@keyframes einzoomen {

  from {opacity:1}

  to {opacity:0.4}

}

:root{
--verhaeltniszahl:2;
--hoehequer:32px;
}

.pclayout{
display:none !important;
}



body {

width:100vw;
font-size: 6vw;
}



#footer {
margin-top: 0px;
margin-bottom: -5vw;
padding: 4vw 5vw 0px 4vw;
background-color: transparent;
position: relative;
background-image: url('../kleinbilder/welle_smart_unten.svg');
background-repeat: no-repeat;
background-position: center 60%;
}


.footerelement{

width:46vw;

display:flex;

flex-direction:column;

}



.footerelement .footericon{

margin:auto;

}



.footerelement .deutschtext{

display:none;

}

.boxanzeigen #adressedeutschtext {
left: 2vw;
width: 84vw;
font-size: 1em;
color: rgba(255,255,255,1);
border: 1px solid black;
padding: 4vw;
position: absolute;
top: 18%;
display: block;
}

.boxanzeigen #adressedeutschtext h2{
font-size:1em;
}

.boxanzeigen#adresse {
width: 96vw;
height: 80vh;
position: fixed;
top: 20vh;
background-color: rgba(0,0,0,0.8);
z-index:5;
}

.boxanzeigen #adressefootericon {
left: 3vw;
width: 6.2vw;
height: 5vw;
border-width: 1px;
position: absolute;
top: 3vw;
background-color: rgba(0, 140, 250, 1);
}

.boxanzeigen #adresse .adresstext.fett.footernavi {
display: none;
}

#footertext {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 75vw;
}

#textboxfooterein{
text-align: center;
background-color: rgba(255,255,255,0.8);
z-index: 2;
width: 90vw;
left: 5vw;
position: relative;
top:calc(21vh * var(--verhaeltniszahl));
transform: rotate(-20deg);
font-size: 1em;
display: flex;
flex-direction: column;
}

#textboxfooterein h1{
font-size: 1em;
font-weight: normal;
margin:2px 0px 0px 0px;
}

#textboxfooterein p{
margin:2px;
}





#spalte1{

display:flex;

width:98vw;

flex-wrap:wrap;

margin:0px;

}



.serviceicon {
width: 20vw;
height: 20vw;
display: flex;
}

.textteil {
display: none;
}

.serviceicon svg {
width: 100%;
height: 100%;
margin: auto;
}

#adressefootericon svg {
width: 98%;
height: 98%;
margin: auto;
}

#adressefootericon{
border: 1vw solid #fff;
border-radius: 50%;
width: 30vw;
height: calc(30vw - 3px);
display: flex;
padding-bottom: 3px;

}

.medaillepc{
display:none;
}

.medaillephone {
width: 25vw;
height: 25vw;
top: 15vw;
left: 73vw;
position: absolute;
}

.nichtfooter, .nichtiphone{

display:none;

}



.loginelement{

display:none !important;

}







.google #google{

width:40vw;

height:40vw;

}

#telefon{
display:none;
}

.adresstext, .adresstext a, .adresstext span, .adresstext p{
font-size: 6vw;
font-weight: normal;
font-family: NixieOne;
margin:0px;
color:white;
}

.footerschwarz {
display: block !important;
position: relative !important;
z-index: -50;
height: 25vw;
width: 100vw;
background-color: black;
top: -28vw;
}



.adresstext.fett{

font-weight: normal;

display: none;

margin: 2vw auto;

color:rgba(32, 77, 188, 0.86);

font-size: 1em;

}

#footerlogo {
width: 30%;
border: var(--pink) solid 1vw;
}

#webbern {
position: relative;
top: 7vw;
left: 0px;
color: var(--pink);
font-family: Roboto;
}

.copy{

font-size: 5vw;
color: var(--pink);

}

#mainbox{

width:100vw;

position:absolute;

left: 0vw;

}



h1{

}



h2{

}



h3{

}



h4{

}



p{

}



ul{

}



li{

}



a{

}



.listenbutton{

display:inline;

}





#iphonebox{

display:inline;

position:fixed;

top: 0px;

height:100vh;

left:0vw;

width:100vw;

overflow-y: auto;

z-index: 0;

-webkit-overflow-scrolling:touch;

}



.iphoneheaderabstandhalter{

display:block;


}



#listenbildli{

-webkit-transform: scale(1,1);

-ms-transform: scale(1,1);

-moz-transform: scale(1,1);

-o-transform: scale(1,1);

transform: scale(1,1);

position: relative;

height: 100%;

width: 100%;

top: 0px;

}



#hamburger {
position: absolute;
top: 3.6vw;
left: 83vw;
width: 13vw;
height: 14vw;
}

	

.listenstrichli{

position:absolute;

width:100%;

height:13%;

background-color:var(--pink);

}

	

#listenstrichli1{

top:0px;
transform-origin:center center;
}

#listenstrichli2{

top:43.3%;

}

#listenstrichli3{

top:85%;
transform-origin:center center;
}

.obergerotiert {
-webkit-transform: rotate(45deg) translate(5vw,3.5vw) scale(1.5,1);
-moz-transform: rotate(45deg) translate(5vw,3.5vw) scale(1.5,1);
-ms-transform: rotate(45deg) translate(5vw,3.5vw) scale(1.5,1);
-o-transform: rotate(45deg) translate(5vw,3.5vw) scale(1.5,1);
transform: rotate(45deg) translate(5vw,3.5vw) scale(1.5,1);
}
	
.untergerotiert {
-webkit-transform: rotate(-45deg) translate(5vw,-3.5vw) scale(1.5,1);
-moz-transform: rotate(-45deg) translate(5vw,-3.5vw) scale(1.5,1);
-ms-transform: rotate(-45deg) translate(5vw,-3.5vw) scale(1.5,1);
-o-transform: rotate(-45deg) translate(5vw,-3.5vw) scale(1.5,1);
transform: rotate(-45deg) translate(5vw,-3.5vw) scale(1.5,1);
}
	
.geunrotiert{
	-webkit-transform:rotate(0deg) translateY(0vh) scale(1,1);
	-moz-transform:rotate(0deg) translateY(0vh) scale(1,1);
	-ms-transform:rotate(0deg) translateY(0vh) scale(1,1);
	-O-transform:rotate(05deg) translateY(0vh) scale(1,1);
	transform:rotate(0deg) translateY(0vh) scale(1,1);
	}


#menu{

position: fixed;
-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
-moz-transform: scale(0,1);
-o-transform: scale(0,1);
transform: scale(0,1);
-webkit-user-select: none;
top: 0px;
transform-origin: left;
z-index: 9;
left: 0px;
background-color: rgba(0,0,0,1);
}



.navicontainers{

width: calc(((80vh / (4 + 1)) * 1.4 * var(--verhaeltniszahl)));
height: calc(90vh - 20vw);

position: absolute;

word-wrap: break-word;

overflow-wrap: break-word;

background-color: rgba(0,0,0,1);

}



.navicontainer1 .hauptitem{

border:none;

}





#menukasten{
height: calc(100vh - (80vh / (4 + 1)));
width: 100vw;
background-color: rgba(0,0,0,1);
top: calc(80vh / (4 + 1) + 4vh);position: relative;
}







.navicontainer1 .hauptitem{


position:absolute;


top:calc((80vh / (4 + 1)) * 0);
}


.navicontainer2 .hauptitem{


position:absolute;


top:calc((80vh / (4 + 1)) * 1);
}


.navicontainer3 .hauptitem{


position:absolute;


top:calc((80vh / (4 + 1)) * 2);
}


.navicontainer4 .hauptitem{


position:absolute;


top:calc((80vh / (4 + 1)) * 3);
}

.hauptitem{

height: 8vw;

z-index: 1000;

width: 60%;

padding: 1vw 0px 13vw 0px;

text-align: left;

left: 15%;

}



.hauptitem a{

position: absolute;
top: 2vw;
left: -6vw;

color: var(--graumenuicons);
width: calc(((80vh / (4 + 1)) * 1.35 * var(--verhaeltniszahl)));font-size: calc(((80vh / (4 + 1)) / 7) * var(--verhaeltniszahl));
display: block;
}

.icon {