/*

*/


#erste{
display: none;
}

#wechselbutton{
margin:2% 0 0 0 ;
}


span :link {
text-decoration: none;
}


span :hover{
transition: all 250ms ease 0s;
background-color: green;
color: #00FFFF;
text-shadow:gray 10px 0px 30px; 
opacity: 0.5;
}


span :active{
background-color: grey;
font-size: 1.0em;
}


a {
font-family: 'Open Sans', sans-serif;
color: #444444;}


#live {
color: red;
}

#Kontakt{
border:1px solid grey;
}


#EumelSitztGroß{
width: 100%;
display: 0;
background: 0;
}



#container {
padding: 3%;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
background: #E6e6Fa;
box-shadow: 0 -6px white, 0 6px white, 7px 0 4px -3px silver, -7px 0 4px -3px silver;
}



.svgStyle{
height:38px;
width:auto;
border:0;
margin:20px 1px 0px 0px;
background: 0;
}



#svgStyle{
border:0;
margin:49px 0px 0px 5px;
background: 0;
}





img { 
max-width: 100%; 
background: 0;
}

nav {
margin-bottom: 10%;
float: left;
width: 100%;
}

nav ul {
padding: 0;
list-style: none;
margin:8px auto;
}

nav li {
width: 100%;
float: left;
text-align: center;
font-size:13px; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
margin-bottom: 2%;
}

nav li a {
font-family: 'Open Sans', sans-serif;
background: #D3d3d3;
border:1px solid #D3d3d3;
color:#08298A;
padding: 5%;
display: block;
border-radius: 8px;
}

section {
float: block;
text-align: center;
margin-bottom: 15%;
background: 0;
}


.Bottom{
display: block;
float: left;
max-width: 15%;
margin:0 1% 0 20%;
background: 0;
}


.Bottom:hover{
transition: all 300ms ease 0s;
box-shadow: 0px 0px 0px 0px;
border-radius: 0px;
transform: scale(1.2);
}



.Bottom22{
display: block;
float: left;
max-width: 25%;
margin:0 4% 0 35%;
background: 0;
}

.Bottom22:hover{
transition: all 300ms ease 0s;
box-shadow: 0px 0px 0px 0px;
border-radius: 0px;
transform: scale(1.2);
}


#Bottom1{
position:relative;
max-width: 70%;
top: 25px;
}

#Bottom2{
position:relative;
max-width: 90%;
background: 0;
}

#Bottom3{
max-width: 90%;
position:relative;
top: 20px;
}



#Bottom4{
max-width: 50%;
position:relative;
top: 3px;
}

#Bottom5{
max-width: 95%;
position:relative;
top: 8px;
}


h2,
h3,
h4{ 
background: lightgray;
padding: 1% 0% 0% 0%;
margin: 0; }

p { 
background: lightgray;
margin-top: .0%; 
padding: 1% 1% 5% 1%;
}


nav li {
font-family: 'Open Sans', sans-serif;
width: 33.3333333%;
}

nav li:nth-of-type(1),
nav li:nth-of-type(2),
nav li:nth-of-type(3),
nav li:nth-of-type(4),
nav li:nth-of-type(5),
nav li:nth-of-type(6){
padding-right:1%;
}






#TwitterEumel{
text-shadow:black 1px 2px 4px; 
font-size:16px; 
color:#7a6eff;
max-width:660px;
display: 0;
text-align: center;
background: 0;
}



#Max{
text-shadow:black 1px 2px 4px; 
font-size:16px; 
color:#7a6eff;
max-width:660px;
padding: 0% 0% 0% 2px;
display: 0;
text-align: center;
background: 0;
}


footer {
text-align: center;
margin-top: 10%;
background: lightgray;
box-sizing: border-box;
font-size: 1.2em;
}

@media screen and (min-width:480px) {

body {
background-color: #eaebff;

}

body {
margin:0 10px;
}

#live {
color: red;
}


#container {
max-width:670px;
padding:20px;
margin:0 auto;
background: #E6e6Fa;
box-shadow: 0 -6px white, 0 6px white, 7px 0 4px -3px silver, -7px 0 4px -3px silver;
}



nav li {
width: 16.6666666%;
}

nav li a {
font-family: 'Open Sans', sans-serif;
padding:5%;
font-size:13px; 
border-radius: 10px;
}

nav li:nth-of-type(1),
nav li:nth-of-type(2),
nav li:nth-of-type(3),
nav li:nth-of-type(4),
nav li:nth-of-type(5){
padding-right:1%;
}

#EumelSitztGroß{
width: 50%;
display: block;
margin:8px auto;
background: 0;
}

#Bildfeld{
width: 70%;
}

.bild5{
max-width: 75%;
margin:8px auto;
background: 0;
}


.Bottom{
display: block;
float: left;
max-width: 12%;
margin:0 1% 0 20%;
background: 0;
}

.Bottom22{
display: block;
float: left;
max-width: 19%;
margin:0 4% 0 36%;
background: 0;
}


.svgStyle{
height:58px;
width:auto;
border:0;
margin:20px 1px 0px 0px;
background: 0;
}


#svgStyle{
border:0;
margin:6px 0px 0px 10px;
background: 0;
}
}