body{
background-color: #e7d6e6;
}

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

article {
font-size: 14px; 
padding: 2%;
width: 100%;
text-align: justify;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
background: #e7d6e6;
}


img { 
width: 100%; 
background: 0;
padding:0 auto 0 auto;
position:center;
border-radius: 3px;
}



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

#EBookTiere{ 
width: 50%; 
}


a{
text-decoration: none;
color:#ab60a6;
opacity: 0.5;
}

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


a:active{
background-color: 0;
font-size: 1.0em;
}




h1{
font-family: 'Qwigley', cursive;
font-size:80px; 
color:#e18adb;
opacity: 3.0;
background: 0;
}


h4{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:98%;
opacity: 0.8;
background: 0;
}


h5{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:78%;
opacity: 0.8;
background: 0;
}

hr{
width: 50%;
opacity: 0.6;
}

p{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:98%;
opacity: 0.9;
background: 0;
}

#Monat{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:15px;
color:#ab60a6;
opacity: 0.4;
background: 0;
}

#GBuch{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
font-size:16px;
color:#ab60a6;
opacity: 0.4;
background: 0;
}

#Erwerben{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:24px;
color:#ab60a6;
opacity: 0.4;
background: 0;
}

#EBookTiere{ 
width: 66%; 
}

#KroeteaufHand{ 
width: 50%; 
}






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




article {
font-size: 16px; 
max-width:570px;
padding:20px;
margin:0 auto;
background: #e7d6e6;
}



h1{
font-family: 'Qwigley', cursive;
font-size:110px; 
color:#e18adb;
opacity: 3.0;
background: 0;
}



h5{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:88%;
opacity: 0.8;
background: 0;
}

h4{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:99%;
opacity: 0.8;
background: 0;
}

p{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:98%;
opacity: 0.9;
background: 0;
}


hr{
width: 33%;
opacity: 0.6;
}


#Erwerben{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:24px;
color:#ab60a6;
opacity: 0.4;
background: 0;
}



img { 
width: 35%; 
background: 0;
padding:0 auto 0 auto;
position:center;
border-radius: 7px;
}

#Bild1 { 
width: 40%; 
background: 0;
padding:0 auto 0 auto;
position:center;
border-radius: 7px;
}



#EBookTiere{ 
width: 15%; 
}

#KroeteaufHand{ 
width: 9%; 
}


}