.mobicon { display: none; position: static; height: 24px; width: 34px; float: right; }
.mobicon span { display: block; position: relative; width: 34px; height: 4px; right: 0px; background-color: #0077ba; }
.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: -27px; }



@media ( max-width : 1500px ) {
.layout-form .bgImg { padding-top: 50px; padding-bottom: 200px; }
.layout-form .bgImg .bgImgSrc { width: 0; }
.layout-form .bgImg .bgImgText { position: static; top: auto; left: auto; transform: none; }
}

@media ( max-width : 970px ) {
	.homepagebutton { display: none; }
	.navigation { right: 0; }
}

@media ( max-width : 930px ) {
	.inner, .inner-900 { margin-left: 15px; margin-right: 15px; }
}

@media ( max-width : 900px ) {
	.layout-form .tx-powermail .powermail_fieldwrap label { float: none; margin-bottom: 5px; display: block; width: 100%; }
	.layout-form .tx-powermail .powermail_fieldwrap_agbdsgvo .powermail_field, .layout-form .tx-powermail .powermail_fieldwrap .powermail_field input[type="submit"] { margin-left: 0; }
	.layout-form .bgImg { background-image: none !important; padding-bottom: 30px; }
	.layout-form .bgImgText .grid_70_30 .row { display: flex; flex-direction: column; }
	.layout-form .bgImgText .grid_70_30 .col_70 { width: 100%; order: 2; }
	.layout-form .bgImgText .grid_70_30 .col_30 { width: 100%; order: 1; margin-bottom: 30px; }
}

@media ( max-width : 880px ) {
	.order .grid_25_25_25_25 .col { width: 50%; margin-bottom: 50px; }
	.order .description { margin-bottom: 50px; }
}

@media (min-width:801px){
	#naviMain{ display: block!important; }
}

@media ( max-width: 800px ) {
	.mobicon { display: block; }
	.navigation { display: none; position: absolute; top: 100%; left: 0; margin-left: -15px; margin-right: -15px; background-color: #ffd744; z-index: 10; padding-bottom: 40px; }
	.navigation #naviTop ul, .navigation #naviMain ul { text-align: left; }
	.navigation #naviTop li, .navigation #naviMain li { display: block; margin-left: 200px; }
	.header .inner { padding-top: 40px; padding-bottom: 40px; }
	.header .logo_link { max-width: 130px; }
	.header #logo { padding: 20px 18px; z-index: 11; }
	#naviTop > ul > li { margin-bottom: 5px; }
	#naviTop > ul > li > a { border: none; }
	#naviMain > ul > li { margin-bottom: 10px; }
	.banner { margin-bottom: 50px; }
	.background.yellow { padding: 20px 30px 10px 35px; }
	.background.yellow::before, .background.yellow::after { width: 15px; height: 20px; background-size: 15px 20px; }
}

@media ( max-width : 700px ) {
	.layout-box-shadow .grid_50_50 .col { width: 100%; float: none; }
	.layout-box-shadow .grid_50_50 .col_50_1 { margin-bottom: 30px; }
	.layout-box-shadow .grid_50_50 .col_50_2 .ce-outer, .layout-box-shadow .grid_50_50 .col_50_2 .ce-inner, .layout-box-shadow .grid_50_50 .col_50_2 .ce-column  { float: none; right: auto; }
	.layout-box-shadow .grid_50_50 .col_50_2 figure { width: 100%; display: block; }
	.background.grey .grid_50_50 .col { width: 100%; float: none; }
	.background.grey .grid_30_30_30 .col .ce-gallery, .background.grey .grid_30_30_30 .col .ce-column { float: none; }
	.background.grey .grid_30_30_30 .col .ce-column { text-align: center; }
	.background.grey .grid_30_30_30 .col .ce-column figure { display: inline-block; }
	.background.grey li { padding-left: 30px; }
	.order .buttonNextStep .grid_50_50 > .row > .col { width: 100%; float: none; }
	.order .buttonNextStep .grid_50_50 > .row > .col_50_1 { margin-bottom: 30px; }
	.order input[type="submit"] { width: 100%; padding: 9px 0; }
	.order.step3 .grid_50_50 .col_50_1 { width: 100%; }
	.order.step3 .grid_50_50 .col_50_2 { display: none; }
}

@media ( max-width : 500px ) {
	.background.grey .grid_30_30_30 .col { width: 100%; float: none; }
	.order .orderDescription .stepNavi li { font-size: 17px; line-height: 21px; }
	.order .grid_30_70 .col { width: 100%; }
	.order .grid_30_70 .col_70 { margin-bottom: 30px; }
	.order .grid_30_70 .col_30 { text-align: center; }
	.order .selectWrapper::before,
	.order .selectWrapper::after,
	.order .counterWrapper::before,
	.order .counterWrapper::after,
	.order .counterWrapper span { top: 1px; }
	.layout-form .tx-powermail .powermail_fieldwrap input, .layout-form .tx-powermail .powermail_fieldwrap textarea { width: 100%; }
	.background.yellow p { margin-bottom: 15px; }
	.header .logo_link { max-width: 100px; }
}

@media ( max-width : 440px ) {

}

@media ( max-width : 400px ) {

	.navigation #naviTop li { margin-left: 170px; }
	.navigation #naviTop { padding-bottom: 55px; }
	.navigation #naviMain li { margin-left: 10px; }
	.navigation { padding-bottom: 10px; }
	.banner { margin-bottom: 25px; }
	.background.grey li { padding-left: 10px; }
	.order .grid_25_25_25_25 .col { width: 100%; }
	.order input[type="submit"] { letter-spacing: 0; }
	.order .grid_25_25_25_25.grid .col { text-align: center; }
	.order .grid_25_25_25_25.grid .col .productInformation { text-align: left; }
}