@media screen and (max-width: 840px)	{
     }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
         }
@media screen and (max-width: 800px)	{

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

}
@media only screen and (max-device-width: 480px) {

}
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

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

@media screen and (max-width:1082px) {
		}
	
@media screen and (max-width:890px) {
	}
@media screen and (max-width:816px) {
.buchbeschreibung.buttonblock	{width: 95%;
float: none;
clear: both; 
font-size: 95%;}
	}	
@media screen and (max-width:799px) {	
.social {
	top: 10px;
	right: 0;
}

}
@media screen and (max-width:770px) {
	
}
@media screen and (max-width:760px) {
div.ht {
    height: 120px;
    text-indent: -99999px;
    width: 320px;
    position: absolute;
    top: 100px;
    left: 2.5%;
}
}
@media screen and (max-width:600px) {
	.content_main {
    float: none;
	position: relative;
    padding: 30px 2.5% 35px 0;
    width: 95%;
}
.content_sub {
    float: none;
	position: relative;
    padding: 20px 0;
    width: 95%;
}
.aktuell	{
	margin-left: 0;
	padding: 9px;
width: 98%;}
#buch {margin-bottom: 5px;}
header {height: 230px;
width: 100%;
	background-image: url(../img/europa.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	owerflow: hidden;}
#karte	{/*position: relative;
width: auto;
height: 230px;
owerflow: hidden;*/
display: none;}	
}

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

}
	@media screen and (max-width: 450px) {
		.buchbeschreibung	{width: 95%;
float: none;
clear: both; 
font-size: 95%;}
div.ht {
    height: 120px;
    text-indent: -99999px;
    width: 280px;
    position: absolute;
    top: 100px;
    left: 2.5%;
}
	}
@media screen and (max-width: 400px) {
	.portrait	{margin-right: 15px;
width: 55%;
height: auto;}}