/*

*/

img {
max-width: 100%; 
height: auto;
}

#link{
width: 5%;
padding: 1px;  
height: auto;
margin:0 auto;
background: 0;
}

#abstand1{
font-family: 'Amatic SC', cursive;
font-family: 'Battambang', cursive;
font-family: 'BioRhyme Expanded', serif;
font-family: 'Caesar Dressing', cursive;
font-family: 'Source Sans Pro', sans-serif;
font-size:88%;
background: 0;
margin-top: .0%; 
padding: 2% 3% 3% 3%;
border-radius: 0px 0px 10px 10px;
}



p { 
font-family: 'Amatic SC', cursive;
font-family: 'Battambang', cursive;
font-family: 'BioRhyme Expanded', serif;
font-family: 'Caesar Dressing', cursive;
font-family: 'Source Sans Pro', sans-serif;
font-size:88%;
background: lightgray;
margin-top: .0%; 
padding: 1% 3% 3% 3%;
border-radius: 0px 0px 10px 10px;
}





a {
font-family: 'Open Sans', sans-serif;
color:blue;
text-decoration: none;
}



iframe{
display: none;
}

video {
max-width: 85%; 
height: auto;
}


#mainImage {
width: 57%;
margin:0px 2px 0px 0px;
border-radius: 0px;
}


#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;
}



.imgStyle{
height:auto;
width:80px;
border:0px solid #E6e6Fa;
margin:0px 0px 0px 0px;
background: 0;
border-radius: 0px;
}


img { 
max-width: 100%; 
background: 0;
}


section {
float: block;
text-align: center;
margin-bottom: 5%;
background: 0;
}



h2{ 
font-family: 'Dancing Script', cursive;
font-size:30px;
background: lightgray;
padding: 1% 0% 0% 0%;
margin: 0;
border-radius: 0px 10px 0px 0px;
}


h3{
font-family: 'Amatic SC', cursive;
font-family: 'Battambang', cursive;
font-family: 'BioRhyme Expanded', serif;
font-family: 'Caesar Dressing', cursive;
font-family: 'Source Sans Pro', sans-serif;
font-size:15px;  
background: 0;
padding: 1% 0% 0% 0%;
margin: 0;
border-radius: 0px 0px 0px 0px;
}


h4{
font-family: 'BioRhyme Expanded', serif;
font-family: 'Amatic SC', cursive;
font-family: 'Battambang', cursive;
font-family: 'Caesar Dressing', cursive; 
text-align: center;
font-size:26px; 
color:#990033;
margin: 2px auto ; 
background: 0;
}

#Titel{
font-family: 'Dancing Script', cursive;
font-size:16px;
background: 0;
margin-top: .0%; 
padding: 2% 3% 3% 3%;
border-radius: 0px 0px 10px 10px;
}


#Twitter {
width: 100%;
margin:0 auto;
}


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;
}

#link{
width: 3%;
padding: 0px;  
height: auto;
margin:0 auto;
background: 0;
}

img {
max-width: 100%; 
height: auto;
}

video {
max-width: 55%; 
height: auto;
}

#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;
}



section {
margin:0 auto 10% auto;
width:85%;
background: 0;
}



h2{ 
font-family: 'Dancing Script', cursive;
font-size:40px; 
background: lightgray;
padding: 1% 0% 1% 0%;
margin: 0;
border-radius: 0px 10px 0px 0px;
}

h3{ 
font-family: 'Amatic SC', cursive;
font-family: 'Battambang', cursive;
font-family: 'BioRhyme Expanded', serif;
font-family: 'Caesar Dressing', cursive;
font-family: 'Source Sans Pro', sans-serif;
font-size:17px; 
background: 0;
padding: 1% 0% 0% 0%;
margin: 0;
border-radius: 0px 0px 0px 0px;
}

h4{
font-family: 'BioRhyme Expanded', serif;
font-family: 'Amatic SC', cursive;
font-family: 'Battambang', cursive;
font-family: 'Caesar Dressing', cursive; 
text-align: center;
font-size:26px; 
color:#990033;
margin: 2px auto ; 
background: 0;
}

#Titel{
font-family: 'Dancing Script', cursive;
font-size:19px;
background: 0;
margin-top: .0%; 
padding: 2% 3% 3% 3%;
border-radius: 0px 0px 10px 10px;
}


#abstand1{
font-family: 'Amatic SC', cursive;
font-family: 'Battambang', cursive;
font-family: 'BioRhyme Expanded', serif;
font-family: 'Caesar Dressing', cursive;
font-family: 'Source Sans Pro', sans-serif;
font-size:17px;
background: 0;
margin-top: .0%; 
padding: 2% 3% 3% 3%;
border-radius: 0px 0px 10px 10px;
}


p { 
font-family: 'Amatic SC', cursive;
font-family: 'Battambang', cursive;
font-family: 'BioRhyme Expanded', serif;
font-family: 'Caesar Dressing', cursive;
font-family: 'Source Sans Pro', sans-serif;
font-size:18px;
background: lightgray;
margin-top: .0%; 
padding: 2% 3% 3% 3%;
border-radius: 0px 0px 10px 10px;
}

#Schrift{ 
font-family: 'Amatic SC', cursive;
font-family: 'Battambang', cursive;
font-family: 'BioRhyme Expanded', serif;
font-family: 'Caesar Dressing', cursive;
font-family: 'Source Sans Pro', sans-serif;
font-size:18px;
background: 0;
margin-top: .0%; 
padding: 2% 3% 3% 3%;
border-radius: 0px 0px 10px 10px;
}


#mainImage {
width: 50%;
margin:0px 0px 0px 0px;
}

#Twitter {
width: 50%;
margin:0 auto;
}


#bild5 {
width: 40%;
margin:0 auto;
}






.imgStyle{
height:auto;
width:130px;
border:0px solid #E6e6Fa;
margin:0px 0px 0px 0px;
background: 0;
border-radius: 0px;
}






}
