/* ------ bis 1210px ----- */
@media screen and (max-width: 1210px) {
body {overflow-x: hidden;}
#bubble_developer {left: 15%;}
#fixedheader {right: 10px;}
	div#fixedheader img {max-width: 150px;}

div.inner h1, div.inner h2, div.inner h3, div.inner h4 {float: none; display: block;}
div.inner p img {max-width: 60%;}
div.inner .content-column img {max-width: 100%;}
.content-column {width: 100% !important; margin: 0px !important;}
	.content-column p {width: 100%;}
	.content-column img {margin: 15px auto; display: block;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {max-width: 100%; width: auto; margin:0px !important;}
.video_wrap {max-width: 100%; display: block;}
}


/* ------ bis 850px ----- */
@media screen and (max-width: 850px) {
body.blog .inner, body.single .inner {width: 96%; padding: 0px 2%;}
}


/* ------ bis 820px ----- */
@media screen and (max-width: 820px) {
h1, h2, h3, h4, h5, h6 {font-size: 1.5em !important; line-height: 1.2em !important;}
#bubble_developer {left: 25px;}
#bubble_dosraid {right: 25px;}
#header_links ul {width: 96%; padding: 0px 2%;}
#header_links li {padding: 0px 1%; width: 100%;}
	#header_links li a {max-width: 100% !important;}
	
.frame .wc-gallery {border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	.frame .wc-gallery img {max-width: 100% !important; border: none; }


}





/* ------ bis 768px ----- */
@media screen and (max-width: 768px) {
#header_links ul li {float: none; width: 180px; padding: 5px 10px;}
	#header_links ul li a {background-position: center; display: block; width: 100%; margin: 0px;}
	#header_links ul li.mobile a {display: none;}
#socialmedia_links {display: none;}
#socialmedia_mobile {display: block;}
.windowsphone {text-align: center;}
	a.store_link img {margin-top: 0px;}


div.inner p img {max-width: 100%; width: auto; max-height: 500px; margin: 15px auto; display: block; float: none;}

div.video_wrap, .video_placeholder {width: 100%;}
	.video_box {width: 96%;}
	
	
	.video_box iframe {width: 100% !important; height: 475px !important; position: absolute; z-index: 10; top: 0px; left: 0px;}



}



@media screen and (max-width: 700px) {
.galerie .inner {width: 600px; margin-left: -5%;}	

}







/* ----- 640px ----- */
@media screen and (max-width: 640px) {
.blog_index img{max-width: 300px; } 

	#bubble_developer {width: 100px; height: 100px;}
	#bubble_dosraid {width: 100px; height: 100px;}
	#header_links {height: 90px;}
		#header_links img {max-height: 80px; width: auto;}
body div.inner {font-size: 16px !important; line-height: 22px !important;}
.page-id-256 .dosraids .inner {width: padding: 0px 2%; width: 96%;}
.frame ul li {font-size: 1em;}

#fixedheader {right: 0px; margin-right: 0px; width: 100%; padding: 10px 0px; text-align: center; }
	div#fixedheader img {max-width: 100px;}

.post_content {min-height: 190px;}




/* --- GALERIE --- */
.wc-gallery .wc-gallery-bottomspace-default {margin-bottom: 0px !important;}
	ul.wcflex-direction-nav {display: none !important;}

.frame.galerie {background-image: none !important; background-color: #29282d !important;}
.galerie .inner {width: 100%; margin-left: 0px;}	
.wonderplugingallery-container {display: none;}
.galerie_responsive {display: block;}





/* --- FOOTER --- */
#footer_links_inner ul li {float: none; width: 180px; padding: 0px 10px;}
	#footer_links_inner ul li a {background-position: center; display: block; width: 100%; margin: 0px;}
#crossselling_wrap{  display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden;}
	.crossselling_item {-webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0px 2px;}
	.crossselling_item a {display: block;}
	
#copyright ul li {display: block; margin-bottom: 2px; }
	#copyright ul li:after {content: '';}

}



/* ----- LANDSCAPE ----- */
@media screen and (max-height: 450px) {
div.inner p img {max-height: 200px; margin: 15px auto;}

}


@media screen and (max-width: 500px) {
#intro {background-size: cover; height: 330px;}
#moveToOne {bottom: 50px; margin-left: -150px; width: 300px;}
div.inner {width: 100%;}
.frame.seite-4-share .one_half {width: 85% !important;}
	.frame .onp-sl .onp-sl-social-buttons {padding: 0px;}
	.frame .onp-sl-social-buttons .onp-sl-control {width: 40%;}
	.frame .onp-sl-overlap-box {background: url(gfx/lock_overlay_mobile.jpg) no-repeat center bottom;} 
.blog_index img{width: 100%; margin-left: 0px; float: none; display: block; max-width: none;}
.blog_index .post {text-align: left;}
.post_content {min-height: 10px;}
}

@media screen and (max-width: 425px) {
#intro {background-size: cover; height: 240px;}
#moveToOne {bottom: 15px;}
}



@media screen and (max-width: 402px) {
#blog_header {background-size: cover; height: 100px;}
.hsContent {width: 96%; padding: 0px 2%;}
	.full_width, .full_width h1, #mc4wp-form-1 {width: 96% !important; padding: 0px 2%;}
	.seite-2 .inner {padding-top: 20px;}
	#mc4wp-form-1 {background: none; border: 2px solid orange;}
	.class_checkbox {margin: 0px 1% 0px 0px; width: 12%;}
	#mc4wp-form-1 form p label {width: 80%; font-size: 12px;}
		#mc4wp-form-1 form p label br {display: none;}
	#mc4wp-form-1 input[type="email"] {width: 68%; margin-left: 2%; padding: 8px 0%;}
	#mc4wp-form-1 input[type="submit"] {width: 25%; margin-right: 0%;}
	#submitplaceholder {width: 7%; margin-right: 0%;}
.frame .container-lazyload {width: 100%; height: auto; left: 0px; top: 0px; position: relative; margin: 30px 0px 20px 0px; overflow: hidden;}
#mc4wp-form-1 .mc4wp-alert {margin-top: 0px; padding-top: 4px !important;}

#bubble_developer {width: 80px; height: 80px; left: 5px; top: 5px;}
#bubble_dosraid {width: 80px; height: 80px; right: 5px; top: 5px;}
#moveToOne {width: 80%; left: 0%; margin: 0px; padding: 0px 10%;}
h1, h2, h3, h4, h5, h6 {font-size: 1.3em !important; line-height: 1.2em !important;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-size:0.8em;}

}




/* ----- bis 321px ----- */
@media screen and (min-width: 10px) and (max-width: 321px) {
.crossselling_item, #copyright {font-size: 13px;}

}