body{
background-color: #556B2F;
}

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

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


a{
text-decoration: none;
color:aqua;
opacity: 1;
}

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


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


#black {
font-size: 16px; 
max-width:100%;
padding:0px;
margin:0 auto;
background: #B85B48;
}

#Erwerben{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
color:#FFC857;
font-size:18px;
opacity: 1;
background: 0;
}


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




#EBookTiere{ 
width: 50%; 
}



h1{
font-family: 'Varela Round', sans-serif;
margin:-2px auto 0 auto;
font-size:32px;
color:#B0D1B1;
opacity: 1;
background: 0;
}






h3{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size:15px;
color:#B0D1B1;
opacity: 1;
background: 0;
}

h4{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size:15px;
color:#B0D1B1;
opacity: 1;
background: 0;
}


h5{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size:20px;
color:#FFC857;
opacity: 0.8;
background: 0;
}




#GBuch{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:20px;
color:#B0D1B1;
opacity: 1;
background: 0;
}

#GBuch:hover{
transition: all 250ms ease 0s;
background-color: 0;
color: deepskyblue;
text-shadow:0px 10px 0px 30px; 
opacity: 1;
}


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






#LinkGelb1{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:78%;
color:#B0D1B1;
opacity: 1;
background: 0;
}

#LinkGelb1:hover{
transition: all 250ms ease 0s;
background-color: 0;
color: deepskyblue;
text-shadow:0px 10px 0px 30px; 
opacity: 1;
}


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










#LinkGelb2{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:14px;
color:#B0D1B1;
opacity: 1;
background: 0;
}







#LinkGelb4{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:15px;
color:#FFC857;
opacity: 1;
background: 0;
}



#Erwerben{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:18px;
color:lime;
opacity: 1;
background: 0;
}


#Erwerben:hover{
transition: all 250ms ease 0s;
background-color: 0;
color: deepskyblue;
text-shadow:0px 10px 0px 30px; 
opacity: 1;
}


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





#LinksKlein{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:14px;
color:lime;
opacity: 1;
background: 0;
}


#LinksKlein:hover{
transition: all 250ms ease 0s;
background-color: 0;
color: deepskyblue;
text-shadow:0px 10px 0px 30px; 
opacity: 1;
}


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





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

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

#Tier-Tagebuch{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size: 25px;
color:#B0D1B1;
opacity: 1;
background: 0;
}

#Monat{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#FFC857;
opacity: 1;
background: 0;
}


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

#EBookTiere{ 
width: 66%; 
}

#KroeteaufHand{ 
width: 50%; 
}






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








article {
font-size: 16px; 
max-width:50%;
padding:0;
margin:0 auto;
background: 0;
}


a{
text-decoration: none;
color:aqua;
opacity: 1;
}

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


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



#black {
font-size: 16px; 
max-width:90%;
padding:0;
margin:0 auto;
background: #B85B48;
}

h1{
font-family: 'Varela Round', sans-serif;
margin:-5px auto 0 auto;
font-size:62px; 
color:#B0D1B1;
opacity: 1;
background: 0;
}

h3{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size:14px;
color:#B0D1B1;
opacity: 1;
background: 0;
}


h4{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size:40px;
color:#B0D1B1;
opacity: 1;
background: 0;
}



h5{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size:26px;
color:#FFC857;
opacity: 1;
background: 0;
}




#LinkGelb2{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:18px;
color:#B0D1B1;
opacity: 1;
background: 0;
}





#LinkGelb4{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:20px;
color:#FFC857;
opacity: 1;
background: 0;
}



#LinksKlein{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:18px;
color:lime;
opacity: 1;
background: 0;
}




h4{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size:20px;
color:#B0D1B1;
opacity: 1;
background: 0;
}

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


#Tier-Tagebuch{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size: 45px;
color:#B0D1B1;
opacity: 1;
background: 0;
}

#Monat{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#FFC857;
opacity: 1;
background: 0;
}



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


#Erwerben{
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
text-align: center;
font-size:22px;
color:lime;
opacity: 1;
background: 0;
}



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





#EBookTiere{ 
width: 15%; 
}

#KroeteaufHand{ 
width: 9%; 
}


}