/*

*/



video {
max-width: 80%; 
height: auto;
}


#blauschattig {
font-family: 'Open Sans', sans-serif;
font-size:90%;
background: 0; 
}

article{ 
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;
margin:10px 0px 0px 0px;
font-size:90%; 
font-style:italic; 
color:green;
}

p.abstand1{
font-size:70%;
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;
color:green;
}

p.abstand2{
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;
line-height:16px;
font-size:98%;
}

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;
}

span :link {
text-decoration: none;
}


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


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





iframe{
display: none;
}

#arbeitbutton{
visibility: hidden;
}


#mainImage {
width: 80%;
margin:0px 2px 0px 0px;
border-radius: 0px;
}

#mainImage2 {
width: 80%;
margin:0px 2px 0px 0px;
border-radius: 0px;
}


#Textfeld { 
font-family: 'Open Sans', sans-serif;
font-size:12px; 
color:gray;
opacity: 0.4;
background: 0;
padding: 0 ;
margin:0 auto;
}


.RandFormat{
padding:0 auto 0 auto;
margin:0 auto;
width: 150%;
height: 150%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
border-radius: 3px;
background: 0;
}

.BildFormat2{
padding:0 auto 0 auto;
margin:0 auto;
width: 150%;
height: 150%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
border-radius: 3px;
background: 0;
}


.imgStyle{
height:auto;
width:50px;
border:0px solid #E6e6Fa;
margin:0px 0px 0px 0px;
background: 0;
border-radius: 0px;
}

.imgStyleMax{
border-radius: 5px;
}

.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 ul {
padding: 0;
list-style: none;
margin:8px auto;
}

nav li {
width: 33.3333333%;
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-color: #D3d3d3;
color:#08298A;
padding: 5%;
display: block;
border-radius: 8px;
}



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


.Bottom{
width: 70%;
}


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

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










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;
}

#bild1 {
width: 60%;
margin:0 auto;
}

#kombibild {
width: 60%;
margin:0 auto;
border-radius: 10px;
}

#kombibild2 {
padding: 8px 0% 0% 0%;
width: 60%;
margin:0 auto;
border-radius: 10px;
}


#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;
}




video {
max-width: 45%; 
height: auto;
}


#arbeitbutton{
visibility: hidden;
}



.Bottom{
width: 30%;
}

section {
margin:0 auto 10% auto;
width:85%;
background: 0;
}

article{ 
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:90%; 
font-style:italic; 
color:green;
}



p.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;
line-height:46px;
font-size:85%;
margin-top: .0%; 
padding: 2% 3% 0% 3%;
border-radius: 0px 0px 0px 0px;
color:green;
}


p.abstand2{
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;
line-height:16px;
font-size:110%;
}

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:98%;
background: lightgray;
margin-top: .0%; 
padding: 2% 3% 3% 3%;
border-radius: 0px 0px 10px 10px;
}



#Textfeld { 
font-family: 'Open Sans', sans-serif;
font-size:12px; 
color:gray;
opacity: 0.4;
background: 0;
padding: 0 ;
margin:0 auto;
}

#mainImage {
width: 65%;
margin:0px 0px 0px 0px;
background: 0;
border-radius: 2px;
}


#bild1 {
width: 40%;
margin:0 auto;
}

#kombibild {
width: 40%;
margin:0 auto;
border-radius: 10px;
}

#kombibild2 {
width: 40%;
margin:0 auto;
border-radius: 10px;
}

#SchriftKombi {
margin:-10% auto 10% auto;
width:85%;
background: 0;
}

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%;
}

.Bottom{
width: 50%;
}

.imgStyle{
height:auto;
width:60px;
border:0px solid #E6e6Fa;
margin:0px 0px 0px 0px;
background: 0;
border-radius: 2px;
}



.imgStyleMax{
border-radius: 5px;
}

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


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