@media (max-width: 1250px){

.inner { width: 100%;}
.inner.sub-page { padding: 0 40px; width: auto;}

/* - - - - - Header Wrap - - - - - */
.header-wrap { padding: 0 40px;}

/* - - - - - Main Content - - - - - */
.breadcrumb-wrap { padding: 32px 40px;}
.header-img-wrap { height: auto;}
.header-img-wrap img { min-width: auto;}

/* Video */
.video-wrap .video-content { padding: 0 40px; width: 92.8%; bottom: 16%;}
.video-wrap .video-content .col-33-wrap { width: 100%; }
.video-wrap .video-content .col-33-wrap .col { width: 28.8%; margin-right: 30px;}
.video-wrap .video-content .col-33-wrap .col3 { margin-right: 0;}
.easyhtml5video img { width: 100%; height: auto; margin-top: -5px;}

.video-content-wrap .white-wrap p { font-size: 45px; line-height: 54px}

/* - - - Grid Elemente - - - */

/* 1-spaltiger Container */
.full-width-wrap { padding: 140px 40px;}

/* 2-spaltiger Container 50/50 */
.col-50-wrap .col { width: 48.5%;}

/* 2-spaltiger Container 27/75 */
.col-25-75-wrap .col { width: 22.7%;}
.col-25-75-wrap .col2 { width: 74.3%;}

/* 2-spaltiger Container 66/33 */
.col-66-33-wrap .col { width: 65.4%;}
.col-66-33-wrap .col2 { width: 30.6%;}

/* 2-spaltiger Container 33/66 */
.col-33-66-wrap .col { width: 31.4%;}
.col-33-66-wrap .col2 { width: 65.6%;}
.col-33-66-wrap .col2 img { width: 100%; height: auto;}

/* 3-spaltiger Container 33/33/33 */
.col-33-wrap .col { width: 31.3%;}

/* 4-spaltiger Container 25/25/25/25 */
.col-25-wrap .col { width: 22.7%;}

/* Shop Element */
.shop-element { position: relative}
.shop-element .shop-text { position: absolute; left: 0; top: 110px;}
.shop-element .shop-img { margin-left: 370px;}

/* Produktübersicht */
.product-wrap { width: 100%; height: auto; overflow: hidden}
.product-wrap img { overflow: hidden}

a.demo-gallery__img--main { width: 22.1%; height: auto;}
a.demo-gallery__img--main img { width: 100%; height: auto;}
.demo-gallery .demo-gallery__img--main figure { width: 92%; bottom: 6px;}

/* - - - - - Footer - - - - - */
.footer-wrap { padding: 95px 40px 85px;}
.deepfooter-wrap { padding: 0 40px;}


}


@media (max-width: 1100px){

/* - - - - - Main Content - - - - - */

/* Video */
.video-wrap .video-content { width: 92%; bottom: 9%;}
.video-wrap .video-content .col-33-wrap .col { width: 28.3%;}

/* - - - Grid Elemente - - - */

/* 2-spaltiger Container 50/50 */
.col-50-wrap .col { width: 48.3%;}

/* 2-spaltiger Container 27/75 */
.col-25-75-wrap .col2 { width: 74%;}

/* 2-spaltiger Container 66/33 */
.col-25-75-wrap .col-66-33-wrap .col { width: 100%; margin-bottom: 30px;}

/* 2-spaltiger Container 33/66 */
.col-33-66-wrap .col { width: 31.2%;}
.col-33-66-wrap .col2 { width: 65.5%;}

/* 3-spaltiger Container 33/33/33 */
.col-33-wrap .col { width: 31.1%;}

/* 4-spaltiger Container 25/25/25/25 */
.col-25-wrap .col { width: 48.3%;}
.col-25-wrap .col:nth-child(even) { margin-right: 0;}
.col-25-wrap .col1,
.col-25-wrap .col2 { margin-bottom: 60px}

a.demo-gallery__img--main { width: 21.8%;}


}


@media (max-width: 1000px){

/* - - - - - Header Wrap - - - - - */

/* Menu */
.mainnav { display: none}

.mobilenav { color: #000;}
.mobilenav a { color: #000;}

.nav-toggle { display: block}

/* - - - - - Main Content - - - - - */

/* Video */
.video-wrap .video-content { position: static; width: auto; padding: 140px 0;}
.video-wrap .video-content .col-33-wrap { margin: 0 40px; width: auto;}
.video-wrap .video-content .col-33-wrap .col { background: #374048; color: #fff; width: 27.7%;}
.video-wrap .video-content .col-33-wrap .col img { width: 100%; height: auto;}

/* - - - Grid Elemente - - - */

/* 2-spaltiger Container 50/50 */
.col-50-wrap .col { width: 48%;}

/* 2-spaltiger Container 33/66 */
.col-33-66-wrap .col { width: 48.2%;}
.col-33-66-wrap .col2 { width: 48.1%;}

/* 3-spaltiger Container 33/33/33 */
.col-33-wrap .col { width: 30.8%;}

/* 4-spaltiger Container 25/25/25/25 */
.col-25-wrap .col { width: 48%;}

a.demo-gallery__img--main { width: 21.4%;}

.tx-powermail .powermail_fieldset { width: 100%;}

}

@media (max-width: 900px){


/* - - - - - Main Content - - - - - */

/* Video */
.video-wrap .video-content .col-33-wrap .col { width: 26.9%;}
.video-content-wrap p.black-wrap { font-size: 45px; line-height: 54px; margin-bottom: 45px;}
.video-content-wrap .white-wrap p { font-size: 35px; line-height: 42px}

/* - - - Grid Elemente - - - */

/* 2-spaltiger Container 50/50 */
.col-50-wrap .col { width: 47.9%;}

/* 2-spaltiger Container 27/75 */
.col-25-75-wrap .col1 { display: none}
.col-25-75-wrap .col2 { width: 100%;}

/* 2-spaltiger Container 66/33 */
.col-66-33-wrap .col1 { display: block;}

/* 2-spaltiger Container 33/66 */
.col-33-66-wrap .col { width: 47.9%;}
.col-33-66-wrap .col2 { width: 47.9%;}

/* 3-spaltiger Container 33/33/33 */
.col-33-wrap .col { width: 30.5%;}

/* 4-spaltiger Container 25/25/25/25 */
.col-25-wrap .col { width: 47.9%;}

a.demo-gallery__img--main { width: 21%;}

}

@media (max-width: 800px){


/* - - - - - Main Content - - - - - */

/* Video */
.video-wrap .video-content .col-33-wrap .col { width: 95.8%; margin: 0 0 30px;}


/* - - - Grid Elemente - - - */

/* 2-spaltiger Container 33/66 */
.col-33-66-wrap .col { width: 47.5%;}
.col-33-66-wrap .col2 { width: 47.5%;}

/* 2-spaltiger Container 50/50 */
.col-50-wrap .col { width: 47.5%;}

/* 3-spaltiger Container 33/33/33 */
.col-33-wrap .col { width: 100%; margin: 0 0 30px;}

/* 4-spaltiger Container 25/25/25/25 */
.col-25-wrap .col { width: 47.5%;}

/* News */
.news-element .news-text { width: 89%; position: static; height: auto; padding-bottom: 60px;}
.news-element .news-img { width: 100%; margin-left: 0;}

/* Shop Element */
.shop-element .shop-text { position: static; width: 89%;}
.shop-element .shop-img { margin-left: 0;}
.shop-element .shop-img img { width: 100%; height: auto;}

a.demo-gallery__img--main { width: 45%;}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_textarea .powermail_textarea { width: 95%}

}

@media (max-width: 700px){

	.video-content-wrap { position: static; padding: 90px 40px; width: auto;}
	.video-content-wrap .white-wrap p { background: #fff; opacity: 1; color: #374048; font-size: 25px; padding: 0; line-height: 35px;}
	

	/* - - - Grid Elemente - - - */

	/* 2-spaltiger Container 33/66 */
	.col-33-66-wrap .col { width: 100%; margin: 0 0 30px;}
	.col-33-66-wrap .col2 { width: 100%;}

	/* 2-spaltiger Container 50/50 */
	.col-50-wrap .col { width: 100%; margin: 0 0 30px;}

	/* 4-spaltiger Container 25/25/25/25 */
	.col-25-wrap .col { width: 100%; margin: 0 0 30px;}

	a.demo-gallery__img--main { width: 44.5%;}

}

@media (max-width: 600px){

	.header-wrap { padding: 0 20px;}
	.video-content-wrap { padding: 90px 20px;}
	.video-wrap .video-content .col-33-wrap { margin: 0 20px;}
	.full-width-wrap { padding: 140px 20px;}
	.footer-wrap { padding: 95px 20px 85px;}
	.deepfooter-wrap { padding: 0 20px;}
	.shop-element .shop-text,
	.news-element .news-text { width: 86%;}

	a.demo-gallery__img--main { width: 43.3%;}

	.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_input { width: 100%; margin-right: 0;}
	.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_select .powermail_select { width: 100%;}
	.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_check .checkbox { float: none; margin-bottom: 30px;}
	.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_radio .powermail_radio_outer { float: none; margin-bottom: 30px;}
	.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_textarea { width: 100%}
	.tx-powermail .powermail_fieldset .powermail_fieldwrap_type_input .powermail_input { width: 92%}

	}

@media (max-width: 500px){

	.page-nav { display: none}
	.mm-navbar .mm-btn:after { font-size: 16px;}
	.mm-menu .mm-navbar .mm-title { font-size: 20px; line-height: 25px;}
	.mm-menu #mm-1 .mm-navbar { height: 105px;}
	body .mm-menu .mm-panels #mm-1 .mm-navbar+.mm-listview { margin-top: 46px;}

	.video-wrap .video-content .col-33-wrap .col { width: 94.6%;}
	.video-wrap .video-content { padding: 70px 0;}
	.full-width-wrap { padding: 70px 20px;}
	.footer-wrap { padding: 45px 20px 45px;}

	.deepfooter-wrap .copyright { position: static; margin-bottom: 5px}
	.deepfooter-wrap ul { position: static;}
	.deepfooter-wrap ul li:first-child { margin-left: 0;}

	a.demo-gallery__img--main { width: 91%;}

}

@media (max-width: 400px){
	.mm-opened .nav-toggle { left: -15px;}
	.shop-element .shop-text,
	.news-element .news-text { width: 78%;}
	.video-wrap .video-content .col-33-wrap .col { width: 93%;}
}
