body {
width:100vw;
}

#footer{
margin-top:5vw;
padding:4vw 5vw 10vh 4vw;
min-height: 45vh;
background-color: rgba(228, 216, 197, 1);
}

#spalte2{
position: relative;
width: 40vw;
height: 50vw;
top: 30vw;
left: 50vw;
overflow: hidden;
z-index:4;
}

#spalte3{
position: relative;
top: -48vw;
}

.google #google{
width:40vw;
height:40vw;
}

.adresstext{
font-size: 4vw;
font-weight: normal;
}

.adresstext.fett{
font-weight:bold;
}

.adresstext a {
color: rgba(172,201,2,1);
}


#mainbox{
width:100vw;
position:absolute;
left: 0vw;
}

h1{
}

h2{
}

h3{
}

h4{
}

p{
}

ul{
}

li{
}

a{
}

.listenbutton{
display:inline;
}


#iphonebox{
display:inline;
position:fixed;
top: 33vw;
height:67vh;
left:0vw;
width:100vw;
overflow-y: scroll;
z-index: 0;
-webkit-overflow-scrolling:touch;
}

#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: 6vw;
left: 83vw;
width: 10vw;
height: 8vw;
}
	
.listenstrichli{
position:absolute;
width:100%;
height:10%;
background-color:rgba(1,8,26,0.9);
}
	
#listenstrichli1{
top:0px;
}
#listenstrichli2{
top:45%;
}
#listenstrichli3{
top:90%;
}


#menu{
position:fixed;
-webkit-transform: scale(1,0);
-ms-transform: scale(1,0);
-moz-transform: scale(1,0);
-o-transform: scale(1,0);
transform: scale(1,0);
-webkit-user-select: none;
top: 33vw;
transform-origin:top;
}

.navicontainers{
top: 0px;
width: 50vw;
height: calc(90vh - 20vw);
position: absolute;
font-size: 4vw;
font-weight: bold;
word-wrap:break-word;
overflow-wrap: break-word;
padding-left:3vw;
}



.navicontainer1 .hauptitem{

position:absolute;

top:calc(((50vh - 20vw) / 5) * 0);
}


.navicontainer2 .hauptitem{

position:absolute;

top:calc(((50vh - 20vw) / 5) * 1);
}


.navicontainer3 .hauptitem{

position:absolute;

top:calc(((50vh - 20vw) / 5) * 2);
}


.navicontainer4 .hauptitem{

position:absolute;

top:calc(((50vh - 20vw) / 5) * 3);
}


.navicontainer5 .hauptitem{

position:absolute;

top:calc(((50vh - 20vw) / 5) * 4);
}


.hauptitem{
height:calc((50vh - 20vw) / 5);

z-index:1000;
}


.team1inhalt #seitentitel{

display:none;
}


.team2inhalt #seitentitel{

display:none;
}


.team3inhalt #seitentitel{

display:none;
}


.team4inhalt #seitentitel{

display:none;
}

.hauptitem a{
position: absolute;
top: 6vw;
left: 3vw;
font-size: 5vw;
color: rgba(77,77,77,1);
}

.aktiv .hauptitem a{
color: rgba(172,201,2,1)
}

.icon{
display: none;
width: 15vw;
height: 15vw;
position: relative;
top: 1vw;
left: 2vw;
}

.iconimg{
width: 100%;
max-width: 100%;
max-height: 100%;
}

.pluszeichen{
position: absolute;
top: 6vw;
left: 36vw;
font-weight:bold;
}

.popups{
background-color: rgba(241, 236, 229, 0.15);
position: relative;
left: 50vw;
height: calc(100vh - 35vw);
transform-origin:left;
}

.popup{
position: relative;
display: block;
width: 45vw;
left: 2vw;
top: 5.3vw;
margin-bottom: 2vw;
font-size: 5vw;
font-weight: normal;
color: rgba(77,77,77,1);
transform-origin:left;
}

.aktiv.popup{
font-weight: bold;
}

.transform{
transition: -webkit-transform 0.5s;
transition: -ms-transform 0.5s;
transition: -moz-transform 0.5s;
transition: -o-transform 0.5s;
transition: transform 0.5s;
}



#header{
position:fixed;
height: 33vw;
width:100vw;
/*background-color: rgba(241, 236, 229, 1);*/
top:0px;
}

#logo{
position: absolute;
height: 30vw;
width: 45vw;
left: 3vw;
top: 1vw;
/*background-image: url(../icons/LOGO_ganz.png);
background-repeat: no-repeat;
background-size: 110%;
background-position: 80% 10%;*/
overflow:hidden;
}

.logobild{
width: 110%;
position: absolute;
top: -0.27vw;
left: -5vw;
}

#vets{
font-size: 6vw;
position: absolute;
top: 9vw;
left: 11vw;
letter-spacing: -0.2vw;
}

#ganzheit,#holistic{
display:none;
}

#hauptbild, .keinbild, .bildbutton{
display:none;
}

.headersticky{
position: -webkit-sticky;
position:sticky;
top: -41vw;
}

.headerrelativ{
position: relative;
top: 0vw;
}

#headerbild{
height: 48.07vw;
width: 100vw;
left: 0vw;
z-index:200;
background-color: rgba(255,255,255,1);
}

#headerbildbox{
position: absolute;
width: 100vw;
height: 48.07vw;
overflow: hidden;
}

.headerbildbild{
width: 100%;
position: absolute;
left: 0vw;
top: 0vw;
}

#headerbildbanner{
position: absolute;
background-color: rgba(201, 175, 136, 0.56);
width: 94vw;
bottom: 0px;
padding-top: 0px;
padding-right: 3vw;
padding-bottom: 0px;
padding-left: 3vw;
font-weight: 500;
}

.bannertext h1, .bannertext h1 a{
font-weight: normal;
color: rgba(255,255,255,1);
font-size:5.1vw;
padding: 0px;
margin: auto auto;
}

#sprachen{
position: absolute;
left: 80vw;
top: 25vw;
}

.sprachbutton{
float: left;
margin-right: 3vw;
}

#textbox{
width: 92vw;
margin: 0px 3vw;
font-size: 5vw;
}

#textbox h1, #textbox h2, #textbox h3, #textbox a{
font-size:5vw;
}

#textboxinhalt a {
color: rgba(172,201,2,1);
}

#seitentitel{
position:relative;
left: 3vw;
max-width:96vw;
}

.titellink, #seitentitel h1{
font-size: 6vw;
font-weight: normal;
color: #877717;
}


.navicontainers{

}

.navibackground{

}

#menukasten{
height: calc(100vh - 33vw);
width: 100vw;
margin-left: -2.5vw;
background-color: rgb(255, 255, 255);
transform-origin: center top;
}


.copyright{
font-size: 5vw;
font-weight: normal;
}

.adresstext h2{
margin:0px;
padding:0px;
font-weight: bold;
}

.widget{
width: 91vw;
margin: 3vw 3vw 3vw 0.5vw;
border:solid 1vw rgba(199, 178, 153, 1);
}


.widgettitel{
font-weight:bold;
padding: 1vw 1vw 0px 1vw;
}

.widgetbildkasten{
position:relative;
max-width: 100%;
overflow: hidden;
height: 43vw;
}

.widgetbild{
width: 100%;
top:-6vw;
position:relative;
}

.teiltext{
padding: 0px 1vw 1vw 1vw;
}

.teiltext.lang{
display:none;
}


.teiltext::after, .mehrbutton::before{
content:"...";
}

.mehrbutton::before{
padding:0px 0px 1vw 1vw;
}

.mehrbutton{
display: block;
position: absolute;
top: 37vw;
background-color: rgba(255,255,255,1);
height: 6vw;
width: 30vw;
padding:0px 0px 1vw 0vw;
}

.offen{
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
}

.zu{
-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
-moz-transform: scale(0,1);
-o-transform: scale(0,1);
transform: scale(0,1);
}

#logintable{
display:none;
}

#google{
width: 90vw;
height: 90vw;
margin: auto;
display: flex;
}

#loginerscheinbutton{
display:none;
}

/*////////////////////////////////////////////////////////////*/

@media only screen and (orientation : portrait){ 


}