body { 
margin:0;
padding:0;
font-size:62.5%;
background:white;
background-repeat: no-repeat;
background-position: top center;
}

#clear {
clear:both;
}

#box {
margin: auto;
width: 1000px;
padding: 100px 0px 50px 0px;
}

#cover {
float:left;
width:350px;
height:500px;
margin-right:50px;
margin-bottom:50px;
}

#textbox {
float:left;
width:600px;
height:auto;
}

#text {
float:left;
width:100%;
height:auto;
}

#bestellen {
float:left;
width:100%;
height:auto;
border-bottom:1px solid #00a182;
padding:2.0em 0 2.0em 0;
margin-top:2em;
}

#bestellen1 {
float:left;
width:100%;
height:auto;
margin-bottom:20px;
}

#bestellen2 {
float:left;
width:auto;
margin-right:35px;
}

#bestellen3 {
float:left;
width:auto;
margin-right:35px;
}

#bestellen4 {
float:left;
width:auto;
margin-right:0px;
}

#kontakt {
float:left;
width:100%;
height:auto;
border-bottom:1px solid #009fe3;
padding:2.0em 0 2.0em 0;
}

#kontakt1 {
float:left;
width:auto;
margin-right:35px;
}

#kontakt2 {
float:left;
width:auto;
margin-right:35px;
}

#kontakt3 {
float:left;
width:auto;
margin-right:0px;
}

#isbn {
float:left;
width:100%;
height:auto;
padding:2.0em 0 2.0em 0;
}

h1 {
color:#009fe3; 
font-family: 'Muli', sans-serif;
font-size:4em;
line-height:1.15em;
font-weight:400;
margin-top:0px;
margin-bottom:0.0em;
letter-spacing:0.01em;
}

h2 {
color:#00a182; 
font-family: 'Muli', sans-serif;
font-size:4em;
line-height:1.15em;
font-weight:400;
margin-top:0px;
margin-bottom:0.75em;
letter-spacing:0.01em;
}

.text {
color:#009fe3; 
font-family: 'Muli', sans-serif;
font-size:2em;
line-height:1.15em;
font-weight:400;
letter-spacing:0.01em;
margin-top:0px;
margin-bottom:0.75em;
}

.text a:link {
color:#009fe3; 
text-decoration:underline;
}
.text a:visited {
color:#009fe3; 
text-decoration:underline;
}
.text a:hover { 
color:black;
text-decoration:none;
}
.text a:active { 
color:black; 
text-decoration:none;
}


.kontakttext {
color:#009fe3; 
font-family: 'Muli', sans-serif;
font-size:1.5em;
line-height:1.15em;
font-weight:400;
letter-spacing:0.01em;
margin-top:0px;
margin-bottom:0em;
}

.kontakttext a:link {
color:#009fe3; 
text-decoration:underline;
}
.kontakttext a:visited {
color:#009fe3; 
text-decoration:underline;
}
.kontakttext a:hover { 
color:black;
text-decoration:none;
}
.kontakttext a:active { 
color:black; 
text-decoration:none;
}

.bestellentext {
color:#00a182; 
font-family: 'Muli', sans-serif;
font-size:1.5em;
line-height:1.15em;
font-weight:400;
letter-spacing:0.01em;
margin-top:0px;
margin-bottom:0em;
}

.bestellentext a:link {
color:#00a182; 
text-decoration:underline;
}
.bestellentext a:visited {
color:#00a182; 
text-decoration:underline;
}
.bestellentext a:hover { 
color:black;
text-decoration:none;
}
.bestellentext a:active { 
color:black; 
text-decoration:none;
}

@media screen and (max-width:1040px){

#box {
margin: auto;
width:89%;
padding:50px 5% 50px 5%;
}

#cover {
float:left;
width:350px;
height:500px;
margin-right:0px;
margin-bottom:50px;
}

#textbox {
clear:both;
width:100%;
height:auto;
}

}

@media screen and (max-width:650px){

#bestellen1 {
float:left;
width:100%;
height:auto;
margin-bottom:20px;
}

#bestellen2 {
float:left;
width:100%;
margin-right:0px;
margin-bottom:10px;
}

#bestellen3 {
float:left;
width:100%;
margin-right:0px;
margin-bottom:10px;
}

#bestellen4 {
float:left;
width:100%;
margin-right:0px;
margin-bottom:10px;
}

#kontakt1 {
float:left;
width:100%;
margin-right:0px;
margin-bottom:10px;
}

#kontakt2 {
float:left;
width:100%;
margin-right:0px;
margin-bottom:10px;
}

#kontakt3 {
float:left;
width:100%;
margin-right:0px;
}

}

@media screen and (max-width:400px){

#box {
margin: auto;
width:89%;
padding:5%;
}

#cover {
float:left;
width:98%;
height:auto;
margin-right:0px;
margin-bottom:50px;
}

}