.mobicon { display: none; position: absolute; right: 25px; top: 25px; height: 24px; width: 30px; z-index: 25; }
.mobicon span { position: absolute; width: 30px; height: 4px; left: 0px; background-color: #FFF; }
.mobicon span.first { top: 0px; }
.mobicon span.sec { top: 10px; }
.mobicon span.third { top: 20px; }
.mobicon.open span.sec{ opacity: 0; }
.mobicon.open span.first {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px;   }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }



@media ( max-width : 1700px ) {
	.navLink { margin-right: 25px; }
}

@media ( max-width : 1650px ) {
	#header .inner { max-width: none; margin: 0 25px; }
	#header #logo { transform: translate(-25px, 0); }
	#topNavi { right: 25px; }
}

@media ( max-width : 1450px ) {
	.inner-1400 { margin-left: 25px; margin-right: 25px; }
}

@media ( max-width : 1360px ) {
	.background { padding-left: 25px; padding-right: 25px; }
}

@media ( max-width : 1320px ) {
	#naviMain { font-size: 14px; padding-top: 25px; padding-bottom: 25px; height: 85px; }
	#topNavi { top: 25px; }
}

@media ( max-width : 1220px ) {
	.inner, .inner-1180 { margin-left: 25px; margin-right: 25px; }
	.background { padding-left: 0; padding-right: 0; }
	.background .background { padding-left: 25px; padding-right: 25px; }
}

@media ( max-width : 1190px ) {
	.productoverview .product .title { width: 100%; }
}

@media ( min-width : 1601px ) {
	.mobicon { display: none!important; }
	#naviMain, #topNavi { display: block!important; }
}

@media ( max-width : 1600px ) {
	.mobicon { display: block; }
	#naviMain, #topNavi { display: none; }
	#header { position: relative; z-index: 11; }
	#header #logo { width: 30%; min-width: 380px; display: block; transform: translate(0, 0); }
	#headerTop { position: absolute; width: 100%; top: 100%; left: 0; /*background-color: rgba(0, 0, 0, 0.9);*/ border-bottom: none; }
	.mobicon span { background-color: #315098; }
	#naviMain { height: auto; text-align: center; padding-top: 100px; padding-right: 0; }
	#naviMain > ul > li { float: none; display: block; }
	#naviMain > ul > li > a{ display: block; }
	#naviMain > ul > li > a { padding: 0; }
	#naviMain > ul > li > ul, #naviMain > ul > li > ul > li > ul { position: static; background-color: transparent; padding: 0 25px; text-align: center; }
	#headerBottom { background-color: #315098; }
	#banner { overflow: hidden; }
	#topNavi{ top: 70px; }
	#languageNavi { background-color: transparent; /*color: #FFF;*/ color: #000; margin-top: 2rem; }
	#languageNavi ul li { display: block; }
	#languageNavi ul li.active { filter: grayscale(80%); }
	/*.navLink, #searchbox { display: block; }*/
}

@media ( max-width : 1100px ) {
	.grid_25_25_25_25 > .row > .col { width: 50%; margin-bottom: 20px; }
	.grid_25_25_25_25 > .row > .col:nth-child(3) { clear: left; }
	.grid_25_25_25_25 > .row > .col:last-child { margin-bottom: 0; }
	.grid > .row > .col { min-height: 0; }
	.grid_30_30_30 > .row > .col { min-height: 1px; }
	
	.productoverview .product .title { font-size: 16px; }
}

@media ( max-width : 1050px ) {
	.inner-1000 { margin-left: 25px; margin-right: 25px; }
	.grid_25_75 > .row > .col, .grid_75_25 > .row > .col { width: 100%; margin-bottom: 20px; }
	.grid_25_75 > .row > .col:last-child, .grid_75_25 > .row > .col:last-child { margin-bottom: 0; }
}

@media ( max-width : 1000px ) {
	.btransp { letter-spacing: 10px; }
	.size-66, #banner h2 { font-size: 45px; }
	.margin-40, #banner p { margin-bottom: 20px; }

	.grid_25_50_25 > .row > .col_25 { width: 50%; margin-left: 25%; margin-right: 25%; margin-bottom: 20px; }
	.grid_25_50_25 > .row > .col_50 { width: 100%; margin-bottom: 20px; }
	.grid_25_50_25 > .row > .col:last-child { margin-bottom: 0; }
	
	.productdetail .grid_50_50 > .row > .col_50_1 { width: 40%; }
	.productdetail .grid_50_50 > .row > .col_50_2 { width: 60%; }
	
	#content .productdetail h2 { font-size: 25px; }
}

@media ( max-width : 950px ) {
	.grid_30_20_50 > .row > .col_30 { width: 60%; }
	.grid_30_20_50 > .row > .col_20 { width: 40%; }
	.grid_30_20_50 > .row > .col_50 { width: 100%; }
	.grid_50_20_30 > .row > .col_30 { width: 60%; }
	.grid_50_20_30 > .row > .col_20 { width: 40%; }
	.grid_50_20_30 > .row > .col_50 { width: 100%; }
	.grid_30_20_50 > .row > .col, .grid_50_20_30 > .row > .col { margin-bottom: 20px; }
	.grid_30_20_50 > .row > .col:last-child, .grid_50_20_30 > .row > .col:last-child { margin-bottom: 0; }
	
	.productoverview .product { float: none; width: 100%; }
	.productoverview .product:nth-child(2n) { flex-direction: row-reverse; }
	.productoverview .product:nth-child(2n+1) { flex-direction: row; }
	
	.productdetail .grid_50_50 > .row > .col_50_1 { width: 100%; }
	.productdetail .grid_50_50 > .row > .col_50_2 { width: 100%; }
	.productoverview .product .title { width: 80%; font-size: 18px; }
	#banner .swiper-button-next, #banner .swiper-container-rtl .swiper-button-prev, #banner .swiper-button-prev, #banner .swiper-container-rtl .swiper-button-next { top: auto; bottom: 20px; }
}

@media ( max-width : 800px ) {
	.grid_30_30_30 > .row > .col { width: 70%; margin-left: 15%; margin-right: 15%; margin-bottom: 20px; }
	.grid_30_30_30 > .row > .col:last-child { margin-bottom: 0; }
	.grid_30_30_30 > .row > .col { min-height: 0; }
	.layout-30seperator .col_30_1, .layout-30seperator .col_30_2, .background.darkgrey .layout-30seperator .col_30_1, .background.blue .layout-30seperator .col_30_1, .background.grey .layout-30seperator .col_30_1, .background.darkgrey .layout-30seperator .col_30_2, .background.blue .layout-30seperator .col_30_2, .background.grey .layout-30seperator .col_30_2 { border-right: none; }
}

@media ( max-width : 750px ) {
	#banner .ce-textpic .ce-bodytext { position: static; transform: translate(0, 0); padding-top: 25px; padding-bottom: 25px; border-bottom: 2px solid #315098; }
	#banner h2 { color: #4a4a4a; }
	#banner .sitetitle h2 { color: #FFF; }
	.grid_25_25_25_25 > .row > .col { width: 100%; }
	.grid_25_50_25 > .row > .col { width: 100%; margin-left: 0; margin-right: 0; }
	.grid_50_50 > .row > .col { width: 100%; margin-bottom: 20px; }
	.grid_50_50 > .row > .col:last-child { margin-bottom: 0; }
	blockquote:before, blockquote:after { background-size: 45px 39px; width: 45px; height: 39px; }
	.slider blockquote { margin-top: 39px; }
	blockquote { padding: 0 52px; }
	.grid_16_16_16_16_16_16 > .row > .col { width: calc(100% / 3); margin-bottom: 20px; }
	.grid_16_16_16_16_16_16 > .row > .col:nth-child(4) { clear: left; } 
	.grid_16_16_16_16_16_16 > .row > .col:nth-child(4), .grid_16_16_16_16_16_16 > .row > .col:nth-child(5), .grid_16_16_16_16_16_16 > .row > .col:nth-child(6) { margin-bottom: 0; }
	input[type="text"], textarea, .tx-powermail .powermail_fieldwrap_datenschutz .checkbox label, input[type="file"] { width: 100%; }
	#banner .slider-buttons, #banner .swiper-pagi-out { display: none; }
}

@media ( max-width : 650px ) {
	.productdetail .productImageGallery { margin-bottom: 30px; }
	.productoverview .product .title { width: 100%; }
}

@media ( max-width : 600px ) {
	#naviMain { padding-bottom: 0; }
	#topNavi { position: static; padding-bottom: 37px; padding-left: 25px; padding-right: 25px; }
	#searchbox { float: right; }
	#languageNavi { clear: both; }
	.btransp { letter-spacing: 2px; padding: 7px 25px; }
	.background { padding-top: 30px; padding-bottom: 30px; }
	#footer .background { padding-top: 25px; padding-bottom: 25px; }
}

@media ( max-width : 580px ) {
	.checkbox label, .radio label { margin-right: 10px; }
	.productoverview .product .title { font-size: 16px; }
}

@media ( max-width : 500px ) {
/*	.mobicon { top: 20%; }*/
	#header #logo { width: 75%; min-width: 0; }
	.grid_30_30_30 > .row > .col { width: 100%; margin-left: 0; margin-right: 0; }
	
	/* font-sizes */
	.size-14, #footer, .layout-team, .tx-powermail { font-size: 14px; }
	.size-18, html, body, #content .tx-indexedsearch-res h3, #content .tx-indexedsearch-res > p { font-size: 15px; }
	.size-20, #content h6 { font-size: 17px; }
	.size-22, #content h5 { font-size: 18px; }
	.size-24, #content h4 { font-size: 20px; }
	.size-26, #content h3 { font-size: 22px; }
	.size-31, #content h2, #banner .sitetitle h2 { font-size: 26px; }
	.size-36, #content h1 { font-size: 30px; }
	
	.grid_30_20_50 > .row > .col_30, .grid_30_20_50 > .row > .col_20, .grid_50_20_30 > .row > .col_30, .grid_50_20_30 > .row > .col_20 { width: 100%; }
	
	.productoverview .product { margin-bottom: 15px; }
	.productoverview .product .info, .productoverview .product .image { width: 100%; }
	.productoverview .product:nth-child(n) { flex-direction: column-reverse; }
	.productoverview .product .background .text { position: static; width: 100%; transform: none; }
	
	.tx-powermail .powermail_fieldwrap_datenschutz .checkbox label { line-height: 24px; }
}

@media ( max-width : 450px ) {
	#naviMain { padding-bottom: 1em; }
	.line-height-34, #naviMain { line-height: 24px; }
	.size-31, #content h2, #banner .sitetitle h2 { font-size: 24px; }
	.size-36, #content h1 { font-size: 28px; }
	
	.tx-dmprext .productdetail .powermail_fieldwrap_art .powermail_field .checkbox { float: none; }
	.checkbox label, .radio label { margin-bottom: 5px; }
	.powermail_fieldwrap_type_check { margin-bottom: calc(1rem - 5px); }
}

@media ( max-width : 400px ) {
/*	#content h1, #content h2 { word-break: break-word; }*/
	.size-36, #content h1 { font-size: 22px; }
	.size-31, #content h2, #banner .sitetitle h2 { font-size: 20px; }
	blockquote:before, blockquote:after { background-size: 30px 22px; width: 30px; height: 22px; }
	.slider blockquote { margin-top: 22px; }
	blockquote { padding: 0 35px; }
	
	.productdetail .productImageGallery { margin-left: -7px; margin-right: -7px; }
	.productdetail .firstImage, .productdetail .remainingImages { padding-left: 7px; padding-right: 7px; }
}