@media (min-width:601px){
	
	.mobile {display:none !important;}
	
	.title-image{width:100%;position:relative;overflow:hidden;}
	.title-image img{width:100%;height:auto;display:block;}
	.title-image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 20px 20px rgba(0,0,0,0.6),inset 0 -20px 20px rgba(0,0,0,0.6);pointer-events:none;}

	.content-box{max-width:1000px;width:100%;margin:20px auto 0 auto;display:flex;box-sizing:border-box;}
	.main-content{flex:1;padding:20px;box-sizing:border-box;border:0px solid;height:100%;}
	.special-content{width:250px;padding:0px;box-sizing:border-box;}
	/* image box */
	.image-box{border:1px solid #bfbfbf;padding:6px;box-shadow:0 3px 8px rgba(0,0,0,0.2);box-sizing:border-box;margin:5px 0;}
	.image-box img{width:100%;height:auto;display:block;}
	
	
}

@media (max-width:600px){
	
	.desktop {display:none !important;}
	
	.title-image{width:100%;position:relative;overflow:hidden;line-height:0;}
	.title-image img{width:100%;height:auto;display:block;}
	.title-image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 10px 10px rgba(0,0,0,0.6),inset 0 -10px 10px rgba(0,0,0,0.6);pointer-events:none;}
	
	.content-box{width:100%;max-width:100%;margin:20px auto 0 auto;box-sizing:border-box;display:block;}
	.main-content{width:100%;max-width:100%;padding:7px;box-sizing:border-box;overflow:hidden;}
    .special-content{display:none;}
	.image-box{width:100% !important;max-width:100%;float:none !important;}
	.image-box img{width:100%;max-width:100%;height:auto;display:block;}
	
}

.favorite-box{width:100%;margin-bottom:20px;box-sizing:border-box;}
.favorite-box-title{display:block;background:#3a3a3a;color:#ffffff;padding:10px;font-weight:bold;text-decoration:none;box-sizing:border-box;}
.favorite-box-title-link{background:#3a3a3a;}
.favorite-box-title-link:hover{background:#d97706;color:#ffffff;}
.favorite-box-links{background:#e5e5e5;box-sizing:border-box;}
.favorite-box-links a{display:block;padding:10px;text-decoration:none;color:#333333;border-bottom:1px solid #d0d0d0;box-sizing:border-box;}
.favorite-box-links a:hover{background:orange;color:#ffffff;}

/* login startseite */
.favorite-box-login{background:#e5e5e5;padding:15px;box-sizing:border-box;}
.favorite-box-login label{display:block;font-size:14px;margin-bottom:5px;}
.favorite-box-login input{width:100%;padding:6px;margin-bottom:12px;border:1px solid #bbb;box-sizing:border-box;background:#ffffff !important;color:#00388a !important;-webkit-appearance:none;appearance:none;}
.favorite-box-login input:focus{background:#ffffff;border:1px solid orange;outline:none;}
.favorite-box-login input:-webkit-autofill,
.favorite-box-login input:-webkit-autofill:hover,
.favorite-box-login input:-webkit-autofill:focus,
.favorite-box-login input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset !important;-webkit-text-fill-color:#00388a !important;border:1px solid #bbb !important;}

.login-button{text-align:right;}
.login-button button{background:#3a3a3a;color:white;border:none;padding:6px 14px;cursor:pointer;}
.login-button button:hover{background:orange;}
.login-error{color: #b30000;background:#ffe5e5;border:1px solid #ffb3b3;padding:10px;margin-bottom:10px;}