.mobicon span,
.effect { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

/* mobicon */
.mobicon { float: left; position: relative; height: 20px; width: 30px; display: none; margin-top: 11px; margin-bottom: 10px; }
.mobicon span { left: 0; width: 30px; height: 4px; background-color: #fff; display: block; position: absolute; }
.mobicon.open span { background-color: #e30613; }
.mobicon span.first { top: 0; }
.mobicon span.sec { top: 8px; }
.mobicon span.third { top: 16px; }
.mobicon.open span.sec { opacity: 0; }
.mobicon.open span.first { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 8px; }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -8px; }


@media ( max-width: 1400px ) {
	#banner .ce-textpic .ce-bodytext,
	.slider .ce-textpic .ce-bodytext { left: 0; max-width: 400px; }
    /*#banner .ce-bodytext .bannerShow,
	.slider .ce-bodytext .bannerShow { max-width: 400px; }*/
}

@media ( max-width: 1300px ) {
    .banner_text .content { max-width: 400px; }
}

@media ( max-width: 1200px ) {
    #bannerLayer { position: static; }
    #bannerLayer > .inner-1140 { max-width: none; padding: 0;}
    #bannerLeft,
    #bannerRight { float: none; }
    .bannerContent { padding: 30px 20px 0 20px; max-width: none; }
    .bannerContent { font-size: 16px; }

    /* Werkzeughalter - Toolfinder */
    .tfCheckbox { width: 20%; }
}

@media ( max-width: 1160px ) {
    .inner, .inner-1140, .news-single { padding: 0 20px; }
	.col > .inner, .col > .inner-1140{ padding: 0; }
    .tabnavi > .tabbutton { margin-bottom: 15px; }

    .bookmarks .productsOverview { width: 100%; overflow-x: scroll; }
    .bookmarks .productsOverview > .row { position: relative; width: 1160px; }
}

@media ( max-width: 1150px ) {
    #banner .ce-bodytext .bannerShow, .slider .ce-bodytext .bannerShow { padding: 25px 35px 25px 35px; }

    /* Werkzeughalter: Toolfinder - Detail */
    #content .machineHead h1 { font-size: 44px; }


    html[lang="fr"] .grid_50_50 #quickFinder .form-group label { width: 50%; }
    html[lang="fr"] .grid_50_50 #quickFinder .form-group .qf-filter-wrap { width: 50%; }
}

@media ( max-width: 1100px ) {
    .banner_text .content { max-width: 500px; }
	.requestForm { max-width: none; }
	#content .tfPContent h4 { font-size: 18px; line-height: 22px; }
}

@media ( max-width: 1050px ) {
    .filter-bar .filter { margin-bottom: 10px; }
}

@media ( max-width: 1000px ) {
	.productsOverview > .row > .productCol { width: calc(100%/3); }
	.bookmarks .productsOverview > .row > .productCol { width: 25%; }
}

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

@media ( max-width: 987px ) {
    #content h1 { font-size: 36px; }
    #naviLanguage { padding-bottom: 10px; padding-top: 10px; }
	#header #search, #header #languagechoosericon{ margin-top: 10px; }
    #naviLanguage > ul > li > ul, #searchbox { z-index: 100; }
    .mobicon { display: block; }
    #naviMain { position: absolute; z-index: 99; top: 100%; left: 0; display: none; background-color: #000; width: 100%; }
    #naviMain h2 { color: #fff; font-size: 18px; margin-bottom: 0; }
    #naviMain p { color: #fff; font-size: 15px; margin-bottom: 20px; }
    #naviMain > ul {}
    #naviMain > ul > li { float: none; width: 100%; }
    #naviMain > ul > li > a { padding: 6px 20px; line-height: normal; }
    #naviMain > ul > li:hover > a, #naviMain > ul > li.active > a, #naviMain > ul > li > a { border: none; }
    #naviMain > ul > li > ul { background-color: #000; top: 0; position: relative; padding-left: 35px; opacity: 1; height: auto; overflow: visible; visibility: visible; display: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
    #naviMain > ul > li > ul > li { padding-top: 0; padding-bottom: 0; }
    #naviMain > ul > li > ul > li > a { color: #fff; }
    #naviMain > ul > li > ul > li > ul { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
    #naviMain > ul > li > ul > li > ul > li { float: none; width: 100%; }
    #naviMain > ul > li > ul > li > ul > li > ul { margin-top: 10px; }
    #naviMain > ul > li > ul > li > ul > li > ul > li { margin-bottom: 10px; }
    #naviMain > ul > li > ul > li > ul > li > ul > li > ul { display: none; }
    #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li.hasSub.active > a:after,
    #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li.hasSub:hover > a:after { background-image: url(../img/pfeil_rt.svg); }
    #naviMain > ul > li > ul > li > ul > li > ul > li > a { color: #fff; }
    #naviMain > ul > li > ul > li > ul > li > ul > li > a span.img { display: none; }
    #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > a { color: #fff; }
    #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li.hasSub > a:after { background-image: url(../img/pfeil_ws.svg); }
    #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { padding-left: 20px; }
    #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { color: #fff; }

    #naviLanguage > ul > li > ul { display: none; opacity: 1; height: auto; overflow: visible; visibility: visible; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

    /* grids */
    .grid_30_30_30 > .row > .col { width: 100%; }
    .grid_25_25_25_25 > .row > .col { width: 50%; }
    .grid_50_50 > .row > .col { width: 100%; float: none; }
    #content .grid_50_50 > .row > .col_50_1 > .frame-type-text > p { margin-bottom: 35px; }
	.front #banner{ padding-top: 137px; margin-bottom: 70px; }
	
	.calculator .grid_50_50 > .row > .col_50_1 { margin-bottom: 35px; }
	.calculator .resultOut { min-height: 0!important; }

    /* Werkzeughalter: Toolfinder - Detail */
    .moduleBox { width: 33.33%; }


    #quickFinder .form-group label { width: 40%; }
    #quickFinder .form-group .qf-filter-wrap { width: 60%; }
}

@media ( max-width: 965px ) {
    .shipping-label-generator .position.position-headers { display: none; }
    .shipping-label-generator .position > div, .shipping-label-generator .position label { display: block; position: relative;}
    .shipping-label-generator .addPos { margin-left: 8px; }

    .shipping-label-generator .position .inputHeader label strong, .shipping-label-generator .position .inputHeader p { font-weight: 700; }
    .shipping-label-generator .position input, .shipping-label-generator .position .selectWrapper { width: 60%; }
    .shipping-label-generator .position.begin .field:nth-child(6) { flex-basis: 100%; }
    #content .shipping-label-generator .position .inputHeader p { margin-bottom: 0; }
    .shipping-label-generator .position .fullwidth { height: auto!important; opacity: 1!important; visibility: visible!important; z-index: 0!important; }
    .shipping-label-generator .assignment .field { align-items: baseline; }
    .shipping-label-generator .position:not(.position-headers) .inputHeader::before { counter-increment: my-sec-counter; content: "Pos " counter(my-sec-counter) "."; font-weight: bold; }
    .shipping-label-generator .position .field.actions { position: absolute; top: 0; right: 0; }
    .shipping-label-generator .position .field.actions .remove-pos { }
    .shipping-label-generator .assignment .field.space-after-23 { margin-bottom: 23px; }
}

@media all and (-ms-high-contrast:none) and ( max-width: 965px ) {
    *::-ms-backdrop, .shipping-label-generator .position { display: block; }
    *::-ms-backdrop, .assignment .col { float: none !important; }
}


@media ( max-width: 960px ) {
    .banner_text > .contentOut { position: static; }
    .banner_text .inner-1140 { padding: 0; }
    .banner_text .content { max-width: none; }
    .news .news-banner-container .category { position: static; margin-top: 30px; }

	#banner .ce-textpic .ce-bodytext,
	.slider .ce-textpic .ce-bodytext { margin-left: auto; margin-right: auto; }
	#banner .ce-bodytext .bannerShow,
	.slider .ce-bodytext .bannerShow { min-height: 0; position: static; }
    #banner .ce-textpic .ce-bodytext > .inner, .slider .ce-textpic .ce-bodytext > .inner { padding: 0; }
    #banner .ce-textpic .ce-bodytext, .slider .ce-textpic .ce-bodytext { position: relative; display: block!important; height: auto; }
    #banner .ce-bodytext .bannerShow, .slider .ce-bodytext .bannerShow { background-color: #e30613; max-width: 100%; }
    .yellow #banner .ce-bodytext .bannerShow, .yellow .slider .ce-bodytext .bannerShow { background-color: #f8ec53; }
    #banner .ce-bodytext .bannerShow h4, #content .slider .ce-bodytext .bannerShow h4 { margin-bottom: 30px; }
    #banner .ce-bodytext .bannerShow p, #content .slider .ce-bodytext .bannerShow p { margin-bottom: 35px; }
    #banner .ce-left .ce-bodytext .bannerShow, .slider .ce-left .ce-bodytext .bannerShow,
    #banner .ce-right .ce-bodytext .bannerShow, .slider .ce-right .ce-bodytext .bannerShow { float: none; position: static; }

    /* grids */
	main .grid_20_20_20_20_20 > .row > .col{ width: 33%; }
    footer .grid_20_20_20_20_20 > .row > .col, footer .grid_25_25_25_25  > .row > .col { width: 33%; }
    footer .grid_20_20_20_20_20 > .row > .col:nth-child(3), footer .grid_25_25_25_25 > .row > .col:nth-child(3) { padding-right: 0; }

    #banner .ce-bodytext .bannerShow, .slider .ce-bodytext .bannerShow { padding: 25px 25px 25px 25px; }

    footer { padding-top: 20px; padding-bottom: 20px;  }
    footer .col > .csc-default:nth-child(2) img { margin-bottom: 10px; }
    footer .col p:first-child { min-height: 0; margin-bottom: 10px; }

    footer .col > .csc-default:first-child img { margin-bottom: 10px; }

    .bannerContent { padding: 30px 30px 0 30px; }

    /* Werkzeughalter - Toolfinder */
    .tfCheckbox { width: 25%; }

    /* Werkzeughalter: Toolfinder - Detail */
    #content .machineHead h1 { font-size: 40px; }

}

@media ( max-width: 950px ) {
	.tfProduct { width: calc(100%/3); }
}

@media ( max-width: 900px ) {
    .downloadCenter .search-form input[name="filters[search]"] { width: 100%; }
    .filter-bar .filter { width: 49%; margin-right: 2%; }
    .filter-bar .filter:nth-child(2n) { margin-right: 0; }
    .filter-bar .filter-button { width: 100%; }

    /* Werkzeughalter: Toolfinder - Detail */
    #content .machineHead h1 { font-size: 36px; }
}

@media ( max-width: 870px ) {
    .location { width: 50%; }

    #categoryWrap { margin-bottom: 20px; }
    #categoryWrap,
    #searchWrap { float: none; }
    #categoryWrap:after { display: block; content: ''; clear: both; }
    #searchWrap { max-width: 300px }

    .news #countryWrap { position: absolute; top: -60px; right: 0; }
    /* Werkzeughalter - Toolfinder */
    .tfCheckbox { width: 33.33%; }

    #qfLeft { width: 60%; }
    #qfRight { width: 40%; }

}

@media ( max-width: 800px ) {
    /* Werkzeughalter: Toolfinder - Detail */
    #content .machineHead h1 { font-size: 32px; }
}

@media ( max-width: 790px ) {
    #banner .ce-bodytext .bannerShow, .slider .ce-bodytext .bannerShow { padding: 15px 15px 15px 15px; }
	.grid_70_30 > .row > .col_70, .grid_70_30 > .row > .col_30{ width: 100%; }
}

@media ( max-width: 775px ) {

    .news .article { width: 50%; }
}

@media ( max-width: 770px ) {
	.tfProduct { width: 50%; }
}

@media ( max-width: 750px ) {
    footer .grid_20_20_20_20_20 > .row > .col, footer .grid_25_25_25_25 > .row > .col { width: 50%; min-height: 0 !important; }
	main .grid_20_20_20_20_20 > .row > .col { width: 50%; }
	.productsOverview > .row > .productCol { width: 50%; }
	.bookmarkTools a, .bookmarkTools a#backCalc { margin-bottom: 15px; }

    /* Werkzeughalter - Toolfinder */
    .tfFilterBox:last-child > .tfContent { display: flex; flex-flow: row wrap; }
    .tfMTypes { flex: 1 1 46%; margin-right: 1%; margin-bottom: 50px; order: 3; }
    .tfMTypes:first-child { order: 1; margin-right: 2%; }
    .tfMTypes:last-child { order: 2; margin-right: 2%; }

    /* Werkzeughalter: Toolfinder - Detail */
    #content .machineHead .button { position: absolute; top: 190px; right: 25px; }
    .moduleBox { width: 50%; }
}

@media ( max-width: 700px ) {
    #productDetail .buttons a { margin-bottom: 10px; }

    /* Werkzeughalter: Toolfinder - Detail */
    .mFilterBox { width: 50%; }


    #qfLeft { width: 70%; }
    #qfRight { width: 30%; }
	
	#social .grid_30_70 > .row > .col_30{ display: none; }
	#social .grid_30_70 > .row > .col_70{ width: 100%; }
}

@media ( max-width: 635px ) {
    ul.newsCat li { margin-bottom: 5px; }
	 #logoRight { display: none; }

    .location { width: 100%; }
	.requestForm .field label, .requestForm .field input, .requestForm .field textarea { width: 100%; }
    .requestForm .field input#firstname { width: 49%; margin-right: 2%; }
    .requestForm .field input#lastname { width: 49%; }
	.requestForm .field-submit { width: calc(50% - 15px); margin-right: 15px; }
	.requestForm .field-submit:last-child { width: calc(50% - 15px); margin-left: 15px; }
	.requestForm .field input#zip { width: calc((100%/3) - 2%); }
	.requestForm .field input#city { width: calc(2 * (100%/3)); }

    /* Werkzeughalter - Toolfinder */
    .tfCheckbox { width: 50%; }

    /* Werkzeughalter: Toolfinder - Detail */
    #content .machineHead h1 { font-size: 28px; }
    #content .machine p { font-size: 14px; }
	
	.powermail_form_28 {  }
	.tx-powermail .powermail_form_28 label, .tx-powermail .powermail_form_28 .powermail_field { width: 100%; }
	.tx-powermail .powermail_form_28 textarea, .tx-powermail .powermail_form_28 select, .tx-powermail .powermail_form_28 input { margin-bottom: 0; }
	.tx-powermail .powermail_form_28 .powermail_fieldwrap {  margin-bottom: 5px; }
	.powermail_form_28 .powermail_fieldset { margin-bottom: 15px; }
	.powermail_form_28 legend { margin-bottom: .2em; }
	.powermail_form_28 .powermail_fieldwrap_vorname > label { width: calc(100vw - 40px); }
	.powermail_form_28 .powermail_fieldwrap_vorname, .powermail_form_28 .powermail_fieldwrap_nachname { width: 50%; }
	.powermail_form_28 .powermail_fieldwrap_vorname > .powermail_field, .powermail_form_28 .powermail_fieldwrap_nachname > .powermail_field { width: calc(100% - 7px); }
	.powermail_form_28 .powermail_fieldwrap_nachname { margin-top: calc(1.375em + 5px); }
}

@media ( max-width: 600px ) {
    footer .grid_20_20_20_20_20 > .row > .col, footer .grid_25_25_25_25 > .row > .col { width: 100%; float: none; }
    footer .col_20_2, footer .col_20_3, footer .col_20_4, footer .col_20_5, footer .col_25_2, footer .col_25_3, footer .col_25_4 { padding-top: 40px; }
    footer .grid_20_20_20_20_20 > .row > .col, footer .grid_25_25_25_25 > .row > .col { min-height: 0 !important; }
    .news .article { width: 100%; }
	.tx-powermail .powermail_form_11 label{ width: 100%; }
	.tx-powermail .powermail_fieldwrap.layout-popupOut{ width: 4%; background-size: 100%; }
	.tx-powermail .powermail_form_11 .powermail_field{ width: 96%; }


    #qfLeft { width: 50%; }
    #qfRight { width: 50%; }
    .grid_50_50 #qfLeft { width: 65%; }
    .grid_50_50 #qfRight { width: 35%; }
    #quickFinder .form-group { flex-direction: column; }
    #quickFinder .form-group label { width: 100%; }
    #quickFinder .form-group .qf-filter-wrap { width: 100%; }
    .grid_50_50 #quickFinder .form-group label { width: 100%; }
    .grid_50_50 #quickFinder .form-group .qf-filter-wrap { width: 100%; }
}

@media ( max-width: 560px ) {
    /* Werkzeughalter: Toolfinder - Detail */
    #content .machineHead h1 { font-size: 24px; }
}

@media ( max-width: 550px ) {
	#content .layout-werte p .spalteOne,
	#content .layout-werte p .spalteTwo,
	#content .layout-werte p .spalteThree,
	#content .layout-werte p.nonethree .spalteOne,
	#content .layout-werte p.nonethree .spalteTwo{ width: 100%; }
	
	.calculator .field label { width: 100%; }
	.calculator .field input[type="text"] { width: 85%; }
	
	.machineContent { display: block; }
	.machineLeft { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
	.machineLeft, .machineRight { width: 100%; }
	.machinePdfs { position: static; }
	
	.shipping-label-generator .receiver .field label { display: block; }
	.shipping-label-generator .receiver .selectWrapper { width: calc(100% - 28px); margin-top: 5px; }
	.shipping-label-generator .receiver .weight { width: 100%; }
	.shipping-label-generator .field, .shipping-label-generator .field label { display: block; }
	.shipping-label-generator input, .shipping-label-generator textarea { width: 100%; }
    .shipping-label-generator input[type="text"], .shipping-label-generator textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
    .shipping-label-generator .customer label { max-width: none; }
	.shipping-label-generator .position input, .shipping-label-generator .position .selectWrapper { width: 100%; }
	.shipping-label-generator .assignment .field { display: flex; margin-bottom: 5px; }
	.shipping-label-generator h1 { line-height: 44px; }
    .shipping-label-generator .position .field.fullwidth { flex-direction: column; align-items: flex-start; }
    .shipping-label-generator .selectWrapper { width: 100%; }
    .shipping-label-generator .receiver .flexfield { flex-direction: column; margin-top: 20px; }
    .shipping-label-generator .receiver .flexfield img { margin-right: 0; margin-bottom: 20px; }
}

@media all and (-ms-high-contrast:none) and ( max-width: 550px ) {
    *::-ms-backdrop, .assignment .col { float: none !important; }
}


@media ( max-width: 510px ) {
	.tfProduct { width: 100%; }
	.tfPImage { text-align: center; }
}

@media ( max-width: 500px ) {
	.requestForm .field-submit { width: 100%; margin-right: 0; margin-bottom: 15px; }
	.requestForm .field-submit:last-child { width: 100%; margin-left: 0; margin-bottom: 0; }
    #content h1 { font-size: 26px; }

    /* Werkzeughalter: Toolfinder - Detail */
    #content .machineHead h1 { line-height: 30px; margin-top: 10px; }
/*
    .machineLeft { width: 60%; }
    .machineRight { width: 40%; }
*/
    .mFilterBox { width: 100%; }
    .machineFilter { text-align: center; }
    .mFilterSelect { margin: 0 auto; }
}

@media ( max-width: 480px ) {
    .grid_25_25_25_25 > .row > .col { width: 100%; float: none; }
	main .grid_20_20_20_20_20 > .row > .col{ width: 100%; }
	.productsOverview > .row > .productCol { width: 100%; }
    .productsOverview > .row > .productCol > .productBox img { width: 100%; }
	.blue #content .productBox a { margin-right: 20%; }
    .downloads-list .thumb img { width: 100%; }
    .filter-bar .filter { width: 100%; margin-right: 0; }

    /* Werkzeughalter: Toolfinder - Detail */
    .moduleBox { width: 100%; }
}

@media ( max-width: 460px ) {
	.calculator .resultDebug pre { text-align: right; }
	.calculator .resultDebug span { display: block; font-weight: 700; text-align: left; }

    /* Werkzeughalter - Toolfinder */
    .tfCheckbox { width: 100%; float: none; margin: 0 auto; }
    .tfMTypes { flex: 1 1 100%; margin-right: 0; }
	.tfContent { transition: height 1s ease-in; }
	.open .tfContent { max-height: none; height: 100%; }

    #qfLeft { width: 60%; }
    #qfRight { width: 40%; }
}

@media ( max-width: 400px ) {
/*	.requestForm .field.checkbox input[type="checkbox"] + label { width: calc(100% - 80px); line-height: normal; }*/
	.requestForm .field.checkbox input[type="checkbox"] + label > span { position: absolute; right: -80px; bottom: 0; }
    .resultBox .result { text-align: right; }

    #content h2 { font-size: 26px; }

    #naviBreadcrumb a, #naviBreadcrumb span { font-size: 13px; }

    /* Werkzeughalter: Toolfinder - Detail */
    .machineLeft, .machineRight { width: 100%; }
    .machineRight { text-align: center; }
    .machineContentOut { padding-bottom: 0; }
}

@media ( max-width: 380px ) {
    #quickFinder { flex-direction: column; }
    #qfLeft { width: 100%; }
    #qfRight { width: 100%; margin-top: 20px; }
    #qfRight .form-group { display: block; }
    #qfRight a.button { position: static; width: auto; }
    .grid_50_50 #qfLeft { width: 100%; }
    .grid_50_50 #qfRight { width: 100%; }
}