body{
padding-bottom:0px;
}

.tabelle{
display:table;
}

.tablerow{
display:table-row;
}

.tablecell{
display:table-cell;
}
#contentbox{
top:-100px;
padding-bottom:0px;
}

a{text-decoration: none;}

#navibox {
position: fixed;
top: 0px;
width: 80%;
left: 10%;
height: 5vw;
margin: 0px auto 0px auto;
border-bottom: 1px solid #009ee3;
color: #009ee3;
background-color: rgba(265, 265, 265, 0.8);
font-style: normal;
font-size: 80%;
box-shadow: 0px 2px 2px #b8b6b2;
z-index: 2;
}

#mainmenue{

}
#iphonewebbern{
display:none;
}

.aktiv{
font-size: 1.8vw;
position: relative;
top: 0px;
}

#umsmenu {
position: absolute;
top: 1.5vw;
left: 11vw;
width: 68vw;
}

.hinlink{
cursor:pointer;
}

.icon{
position: relative;
width: 2.5vw;
height: 2.5vw;
background-size: 100%;
margin: 0px 7px 0px 0px;
float: left;
cursor: pointer;
}

.verlink{
position:relative;
float:left;
-webkit-transition:border 2s;
transition:border 2s;
}


.zwischenraum{
float: left;
position: relative;
width: 1.5vw;
height: 35px;
}

.menueweite, a:visited{
font-size: 1.8vw;
position: relative;
top: 0px;
}

#logobox{
position: absolute;
top: 0px;
width: 7.5vw;
height:5vw;
left: 1vw;
background-image: url('../img/webseitenagentur.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}

.menueweite:hover{
color:rgb(179, 219, 244);
}

.budget:hover{
color:#b2215e;
}

#projektebox :hover{

zoom: 1;
}

.hallo:hover{
opacity:0.8;
border: 1px solid #ffffff;
width: 100%;
margin-left: -50px;
transition:width 2s;
-webkit-transition:width 2s; /* Safari */
}

.klink:hover{
font-family: 'Comfortaa-Regular', 'Muli',"Century Gothic","Apple Gothic",AppleGothic ;
color:#666666;
font-weight: normal;
font-style: normal;
font-size: 12pt;
}

.klonk:hover{
font-family: 'Comfortaa-Regular', 'Muli',"Century Gothic","Apple Gothic",AppleGothic ;
color:#cc00cc;
font-weight: normal;
font-style: normal;
font-size: 10pt;
}

.sendeknopf1:hover{
background-color:rgba(22,37,148,0.5);
box-shadow: 5px 5px 10px #b2c0c6;
}

.sendeknopf2:hover{
background-color:rgba(22,37,148,0.5);
box-shadow: 5px 5px 10px #b2c0c6;
}

.hamburger{
display:none;
}

#teambilder{
position:relative;
top:0px;
width:100%;
min-height: calc(26vw + 150px);

margin:0px auto 0px auto;
zoom: 1;
}

#ftext {
position: relative;
font-family: 'Comfortaa-Regular', 'Muli',"Century Gothic","Apple Gothic",AppleGothic;
color: #ffffff;
font-weight: normal;
font-style: normal;
font-size: 80%;
background-color: rgba(0,158,227,0.4);
padding: 10px 0px 10px 1%;
width: 100%;
}

#dtext{
position: relative;
font-family: 'Comfortaa-Regular', 'Muli',"Century Gothic","Apple Gothic",AppleGothic;
color: #ffffff;
font-weight: normal;
font-style: normal;
font-size: 80%;
background-color: rgba(0,158,227,0.4);
padding: 10px 0px 10px 1%;
width: 100%;
}

.teambildbox{
width: 45%;


}

.teambildbox.links{
margin-left:3%;
float:left;
}

.teambildbox.rechts{
float:right;
margin-right:3%;
}

.teamboxbild{
width:100%;
}

#preisliste{
position:relative;
width:700px;
top:0px;
left:0px;
margin:0px auto 0px auto;
}

#preisebox{
position:relative;
top:60px;
width:100%;
height:auto;
margin:0px auto 0px auto;
zoom: 1;
}



.geld{
color:#9ab1c1;;
border:1px solid #9ab1c1;
padding:2px 5px 2px 5px;
}

#preisebox p{
padding:0px 100px 0px 100px;
}

#coidbox {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px auto 100px auto;
	zoom: 1;
	}

#coidbox p{
margin:0px auto 0px auto;
padding:0px 100px 0px 100px;
width:80%;
}

#logos {
	position: relative;
	top: 20px;
	margin: auto auto 0px auto;
	padding: 0px 10px 0px 10px;
	width: 80%;
	height: 950px;
	}
	
#loganima{
position:absolute;
top:0px;
left:0px;
margin:0px auto 0px auto;
}
#animavisit{
position:absolute;
top:25px;
left:58px;
margin:0px auto 0px auto;
}

#logseel{
position:absolute;
top:25px;
left:450px;
margin:0px auto 0px auto;
}

#seelbrosch{
position:absolute;
top:80px;
left:300px;
margin:0px auto 0px auto;

}
#logpro{
position:absolute;
top:100px;
left:280px;
margin:0px auto 0px auto;
z-index: 200;
}

#flyerpro{
position:absolute;
top:190px;
left:230px;
margin:0px auto 0px auto;
z-index:1;
}

#gutsch{
position:absolute;
top:220px;
left:160px;
margin:0px auto 0px auto;
}
#logschm{
position:absolute;
top:250px;
left:40px;
margin:0px auto 0px auto;
}

#logtrogr{
position:absolute;
top:670px;
left:69px;
margin:0px auto 0px auto;
}

#logtrokl{
position:absolute;
top:680px;
left:210px;
margin:0px auto 0px auto;}

#auto{
position:absolute;
top:770px;
left:230px;
margin:0px auto 0px auto;}

#logequigr{
position:absolute;
top:420px;
left:55px;
margin:0px auto 0px auto;}

#logequikl{
position:absolute;
top:550px;
left:230px;
margin:0px auto 0px auto;}

#bripap{
position:absolute;
top:390px;
left:450px;
margin:0px auto 0px auto;
}

#kontaktbox{
position:relative;
top:-5vw;
left:0px;
width:100%;
max-height:800px;
margin:auto auto 0px auto;
padding:0px 10px 0px 10px;
width:100%;
zoom: 1;
}

.mail{
cursor:pointer;
}

input{
padding:0px;
margin:0px;
width:70%;
}

textarea{
padding:0px;
margin:0px; 
width:100%;
height:6em;
}

.infobutton, .preistextboxen, .preisart{
font-size:20pt;
height:initial;
}

.preisart{
padding: calc(2vw - 10pt) 0px;
}

.infobutton{
padding: calc(2.3vw - 20pt) 0px;
}