body{
font-family: 'Roboto', sans-serif;
background: #959766;
margin:0px;
padding:0px;
}
a{
color:#0B06FB;
}
#header{
background: #631417;
color: #efe4b0;
margin:0px;
padding:0px;
}
#header p{
margin:0px;
padding:5px;
font-size:5vw;
min-height:120px;
}
#bar{
height:25px;
background: #efe4b0;
color: #000000;
margin:0px;
padding:0px;
}
#menu_toggle{
font-size:20px;
cursor: pointer;
display:none;
font-weight: 900;
}
#main {
width:100%;
}
#content{
display:table-cell;
padding:3px;
width:100%;
padding-left:15px;
}
#menu{
width:100px;
display:table-cell;
transition: 0.5s ease-in-out;
font-size:18px;
font-weight: 500;
background: #959766;
}
#menu a{
color:#000000;
background: #efe4b0;
width:100%;
display:block;
margin-bottom:10px;
text-decoration:none;
}
#menu a:hover{
color:#000000;
background: #C3C3C3;
}
.gruppe {
font-size:15px;
font-weight: normal;
}
@media (max-width: 500px) {
#menu_toggle{
display:block;
}
#menu{
display:block;
position:absolute;
left:-100vw;
width:100vw;
min-height:100vh;
}
#content{
display:block;
padding:0px;
padding-left:0px;
}
}
.home_button{
display:inline;
transition: 0.3s ease-in-out;
background: #efe4b0;
margin:12px;
padding:15px;
border-radius:30px;
text-align: center;
border:none;
cursor: pointer;
}
.home_button:hover{
background: #C3C3C3;
transform: scale(1.1, 1.1);
}
#map{
display:inline-block;
width:60%;
min-width:350px;
height:350px;
}
#addresse{
display:inline-block;
width:350px;
}
#mailhinweis{
border-style: solid;
}