@media screen and (max-width: 1400px) {
    #slider .side-nav.slide-left {
        left: -50px;
    }
    #slider .side-nav.slide-right {
        right: -50px;
    }
}
@media screen and (max-width: 1280px) {
    #detail_infobar-opc #detail_infobar_gallery .gallery_preview {
        width: 640px !important;
        height: auto;
    }
    main .col_left,
    main .col_right {
        padding: 25px;
    }
    .wrp {
        width: 980px;
    }
    ul.link_list li {
        padding: 5px;
        padding-bottom: 50px;
        position: relative;
        margin-bottom: 20px;
        height: 40px;
    }
    ul.link_list li a {
        padding: 5px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: block;
    }
    ul.link_list li .btn {
        left: 0;
        border-radius: 0 0 3px 3px;
        width: 100% !important;
        position: absolute;
        bottom: -5px;
    }
    #form_individual .col_left .btn.success,
    #form_individual .col_right .btn.success {
        float: left;
        margin-left: 120px;
    }
    #form_individual .col_left .btn.success:not([name="cmd_calc"]),
    #form_individual .col_right .btn.success:not([name="cmd_calc"]) {
        width: 245px;
    }
    #header_usp img {
        margin-right: 10px;
        max-width: 170px;
        height: auto;
    }
    header.main #brand-logo {
        width: 265px;
    }
    .trade-groups .content .card,
    .product-listing .content .card {
        height: 218px;
    }
    .trade-groups .content .card figcaption,
    .product-listing .content .card figcaption {
        bottom: 0px;
    }
    .trade-groups .content .card strong,
    .product-listing .content .card strong {
        font-size: 14px;
    }
    .trade-groups .content .card .link,
    .product-listing .content .card .link {
        font-size: 14px;
    }
    #trade-blocks .card {
        width: 313px;
        height: 216px;
    }
    #trade-blocks .card.double {
        width: 646px;
    }
    #trade-blocks .card h3 {
        font-size: 18px;
    }
    #trade-blocks .card p {
        font-size: 14px;
    }
    #usp-bar i {
        padding: 0 20px;
    }
    #usp-bar i:before {
        width: 55px;
        height: 55px;
        font-size: 25px;
        line-height: 35px;
    }
    footer.main > .wrp > nav {
        margin-left: 50px;
    }
    footer.main > .wrp address {
        width: 480px;
    }
    #slider .side-nav {
        display: none;
    }
    #slider .slide figcaption {
        top: 20px;
    }
    .cat_listing .listing {
        width: 710px;
    }
    .cat_listing article .content figure {
        width: 270px;
    }
    .cat_listing article .content figure img {
        margin: 3px 0 0 0;
    }
    .cat_listing article .content figure figcaption {
        padding: 10px;
        margin-bottom: 30px;
    }
    .cat_listing article .content table {
        width: 437px;
        margin-left: 3px;
    }
    .cat_listing article .content table td {
        width: 70px;
    }
    .cat_listing article .content table td:first-child {
        width: 170px;
        overflow: hidden;
        white-space: nowrap;
    }
    #product-detail #detail_infobar {
        display: none;
    }
    #product-detail #total_block,
    #product-detail #delivery {
        width: 320px;
    }
    form label {
        font-size: 14px;
    }
    form #sidebar {
        width: 320px;
    }
    form #sidebar input:not([type="checkbox"]),
    form #sidebar .btn,
    form #sidebar .btn:not([name="cmd_calc"]) {
        width: 100% !important;
    }
    #cart_second .upload_field input,
    #contact .upload_field input,
    #address .upload_field input,
    #detail_free .upload_field input,
    #form_individual .upload_field input,
    #account_tracking .upload_field input,
    #finish .upload_field input,
    #crop .upload_field input {
        margin-right: 0;
    }
    #cart_second .upload_field progress,
    #cart_second .upload_field .progressBar,
    #contact .upload_field progress,
    #contact .upload_field .progressBar,
    #address .upload_field progress,
    #address .upload_field .progressBar,
    #detail_free .upload_field progress,
    #detail_free .upload_field .progressBar,
    #form_individual .upload_field progress,
    #form_individual .upload_field .progressBar,
    #account_tracking .upload_field progress,
    #account_tracking .upload_field .progressBar,
    #finish .upload_field progress,
    #finish .upload_field .progressBar,
    #crop .upload_field progress,
    #crop .upload_field .progressBar {
        width: 260px;
    }
    #cart_second form .btn:not([name="cmd_calc"]),
    #contact form .btn:not([name="cmd_calc"]),
    #address form .btn:not([name="cmd_calc"]),
    #detail_free form .btn:not([name="cmd_calc"]),
    #form_individual form .btn:not([name="cmd_calc"]),
    #account_tracking form .btn:not([name="cmd_calc"]),
    #finish form .btn:not([name="cmd_calc"]),
    #crop form .btn:not([name="cmd_calc"]) {
        width: 260px;
    }
    #cart_second form fieldset input:not([type="checkbox"]),
    #cart_second form fieldset select,
    #cart_second form fieldset textarea,
    #cart_second form fieldset .btn:not([name="cmd_calc"]),
    #contact form fieldset input:not([type="checkbox"]),
    #contact form fieldset select,
    #contact form fieldset textarea,
    #contact form fieldset .btn:not([name="cmd_calc"]),
    #address form fieldset input:not([type="checkbox"]),
    #address form fieldset select,
    #address form fieldset textarea,
    #address form fieldset .btn:not([name="cmd_calc"]),
    #detail_free form fieldset input:not([type="checkbox"]),
    #detail_free form fieldset select,
    #detail_free form fieldset textarea,
    #detail_free form fieldset .btn:not([name="cmd_calc"]),
    #form_individual form fieldset input:not([type="checkbox"]),
    #form_individual form fieldset select,
    #form_individual form fieldset textarea,
    #form_individual form fieldset .btn:not([name="cmd_calc"]),
    #account_tracking form fieldset input:not([type="checkbox"]),
    #account_tracking form fieldset select,
    #account_tracking form fieldset textarea,
    #account_tracking form fieldset .btn:not([name="cmd_calc"]),
    #finish form fieldset input:not([type="checkbox"]),
    #finish form fieldset select,
    #finish form fieldset textarea,
    #finish form fieldset .btn:not([name="cmd_calc"]),
    #crop form fieldset input:not([type="checkbox"]),
    #crop form fieldset select,
    #crop form fieldset textarea,
    #crop form fieldset .btn:not([name="cmd_calc"]) {
        width: 260px;
    }
    #cart_second form fieldset.col-2 input,
    #contact form fieldset.col-2 input,
    #address form fieldset.col-2 input,
    #detail_free form fieldset.col-2 input,
    #form_individual form fieldset.col-2 input,
    #account_tracking form fieldset.col-2 input,
    #finish form fieldset.col-2 input,
    #crop form fieldset.col-2 input {
        width: 125px;
    }
    #cart_second form fieldset input[type="checkbox"],
    #contact form fieldset input[type="checkbox"],
    #address form fieldset input[type="checkbox"],
    #detail_free form fieldset input[type="checkbox"],
    #form_individual form fieldset input[type="checkbox"],
    #account_tracking form fieldset input[type="checkbox"],
    #finish form fieldset input[type="checkbox"],
    #crop form fieldset input[type="checkbox"] {
        margin-right: 5px;
    }
    #cart_second #crop_coords input,
    #contact #crop_coords input,
    #address #crop_coords input,
    #detail_free #crop_coords input,
    #form_individual #crop_coords input,
    #account_tracking #crop_coords input,
    #finish #crop_coords input,
    #crop #crop_coords input {
        width: 200px;
    }
    #cart #sidebar {
        display: none;
    }
    #cart form {
        width: 100%;
        float: none;
    }
    #cart tbody tr th:first-child,
    #cart tbody tr > td:first-child {
        width: 400px;
    }
    #cart tbody tr th:nth-child(2),
    #cart tbody tr > td:nth-child(2) {
        width: 280px;
    }
    #cart tbody tr th:nth-child(4),
    #cart tbody tr > td:nth-child(4) {
        width: 100px;
    }
    #cart #special input,
    #cart_second #special input,
    #cart_third #special input {
        width: 330px;
    }
    #cart_second #formular input,
    #cart_second #formular .col_right .btn {
        width: 220px;
    }
    #cart_third_payment .col_right select.auto-calculate {
        width: 100%;
    }
    #cart_third_payment .col_right select,
    #cart_third_payment .col_right input {
        width: 240px;
    }
    #offcanvas {
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        overflow-y: scroll;
        display: block;
        position: fixed;
        top: 0;
        right: -400px;
        bottom: 0;
        width: 320px;
        box-shadow: -2px 0 1px rgba(0, 0, 0, 0.2);
        background: #fff;
        z-index: 22;
    }
    #offcanvas.active {
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        right: 0;
    }
    #offcanvas #shortcut_menu {
        padding: 0 10px;
    }
    #offcanvas ul {
        margin: 0 10px 20px 10px;
		padding-bottom: 20px;
	   }
	#offcanvas ul ul {
		margin: 0 0 20px 0;
		border-bottom: 2px solid #97c01d;

	}
    #offcanvas ul li:before {
        display: none;
    }
    #offcanvas ul li a {
        display: block;
        margin-bottom: 2px;
        padding: 10px;
        height: 20px;
        line-height: 20px;
    }
	#offcanvas ul ul li a {
        display: block;
        margin-bottom: 2px;
        background: #f7f7f7;
        padding: 10px;
        height: 20px;
        line-height: 20px;
    }
    #offcanvas ul li a em {
        display: none;
    }
    #offcanvas ul li > ul ul {
        display: none;
    }
    #offcanvas #offcanvas_productmenu {
        margin-top: 5px;
    }
	#offcanvas #offcanvas_productmenu h3{
        margin: 35px 0 5px 10px;
    }
    #offcanvas button {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 2px;
        color: #fff;
        border-radius: 3px;
        background: #d12b0b;
        padding: 10px;
        height: 40px;
        line-height: 20px;
    }
    #offcanvas hr {
        margin: 2px 0 20px 0;
        border-color: #f7f7f7;
    }
    #offcanvas h3 {
        margin: 10px 0;
    }
    #offcanvas header {
        padding-left: 10px;
        background: #FFFFFF;
        height: 40px;
        line-height: 40px;
        margin-bottom: 2px;
    }
    #offcanvas header #offcanvas_close {
        border: none;
		border-radius: 0;
		-webkit-border-radius: 0;
        float: left;
        width: 40px;
        height: 40px;
        display: block;
        background: rgba(28,136,183, 1);
        margin-right: 15px;
    }
    #offcanvas header #offcanvas_close:before {
        font-family: icon;
        color: #fff;
        content: "x";
    }
    #offcanvas header #offcanvas_close:hover,
    #offcanvas header #offcanvas_close.hover {
        color: #fff;
        border-color: rgba(18,126,173, 1);
        background: rgba(18,126,173, 1);
    }
    #offcanvas .btn {
        position: relative;
        width: 49.5%;
        box-sizing: border-box;
        margin: 0 0.5% 0 0;
        border-radius: 0;
        height: 80px;
        min-width: 0;
        float: left;
    }
    #offcanvas .btn:nth-of-type(2) {
        margin: 0 0 0 0.5%;
    }
    #offcanvas .btn .count {
        position: absolute;
        top: 5px;
        right: 5px;
        background: #fff;
        color: #deb887;
        height: 20px;
        width: 20px;
        border-radius: 16px;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        display: block;
    }
    #offcanvas .btn:before {
        font-family: icon;
        font-size: 40px;
        line-height: 80px;
    }
    #offcanvas .btn.login:before {
        content: "u";
    }
    #offcanvas .btn.cart:before {
        content: "c";
    }
    #impressum article {
        width: 600px;
    }
    #impressum address {
        width: 360px;
    }
    #upload #upload_section {
        width: 560px;
    }
    #upload input[type="file"] {
        width: 48%;
    }
    .align_right.btn {
        margin-right: 25px;
    }
    main .col_right label,
    main .col_left label {
        text-align: left;
        width: 120px;
    }
    main select,
    main input,
    main textarea,
    main .btn,
    main .btn:not([name="checkbox"]),
    main .btn:not([name="cmd_calc"]),
    main .non-input-field {
        min-width: 0px !important;
    }
    main form input[name="cmd_calc"],
    main form button[name="cmd_calc"],
    main form .btn[name="cmd_calc"] {
        position: absolute;
        right: 35px;
        border-radius: 2px;
        float: right;
        width: 40px;
        min-width: 40px;
        height: 40px;
        text-indent: -9999px;
    }
    #product-detail #bulk {
        padding: 0;
        text-indent: 5px;
        position: static;
        display: block;
        background: #f7f7f7;
        border-bottom: 0;
        height: auto;
        border-radius: 4px;
    }
    #product-detail #bulk .info {
        position: static;
        width: 100%;
        height: auto;
    }
    #product-detail #bulk .info:before {
        display: none;
    }
    #product-detail #bulk .info .tooltip {
        text-indent: 0;
        box-sizing: border-box;
        border: none;
        padding: 0;
        box-shadow: none;
        width: 100%;
        height: auto;
        max-width: 1000px;
        position: static;
        visibility: visible;
        opacity: 1;
    }
    #product-detail #bulk .info .tooltip > strong:first-child {
        display: none;
    }
    #product-detail #bulk .info .col {
        width: 50%;
        box-sizing: border-box;
        padding: 2px;
    }
    .cat_listing article header {
        padding: 0 0 0 20px;
    }
    .cat_listing article header h3 {
        max-width: 240px;
        font-size: 18px;
    }
    .cat_listing article header table {
        height: 30px;
        border-collapse: separate;
        float: right;
        width: 440px;
    }
    .cat_listing article header table td {
        color: dimgray;
        height: 30px;
        padding: 20px 10px;
        font-size: 18px;
        border-right: solid 6px #fff;
    }
    .cat_listing article header table td:first-child {
        width: 230px;
    }
    .cat_listing article header table td:nth-child(2) {
        width: 80px;
    }
    .cat_listing article header table td:nth-child(3) {
        width: 149px;
    }
    #register form article label {
        width: 140px;
    }
    #register form article select,
    #register form article input:not(.btn):not([type="checkbox"]) {
        width: 240px;
    }
    #register form article .col-2 input:not(.btn):not([type="checkbox"]) {
        width: 115px;
    }
    #newsletter .col_right input:not([type="checkbox"]),
    #newsletter .col_right .btn:not([name="cmd_calc"]) {
        width: 240px;
    }
    #newsletter .col_right .btn:not([name="cmd_calc"]) {
        float: none;
        margin-left: 120px;
    }
    #cart_third strong {
        display: block;
        margin-top: 5px;
        margin-left: 20px;
    }
    #cart_third td strong {
        margin-left: 0;
        margin-top: 0;
    }
}
@media screen and (max-width: 1023px) {
    .wrp {
        width: 100%;
    }
    main .wrp {
        box-sizing: border-box;
        padding: 0 10px;
    }
    header.main {
        margin-bottom: 0;
        height: 160px;
    }
    header.headline {
        overflow: hidden;
        position: relative;
    }
    header.headline img {
        position: relative;
        width: 200%;
        left: -50%;
        height: auto;
    }
    #header_usp {
        display: none;
    }
    #navbar {
        top: 125px;
    }
    #navbar .wrp > ul > li {
        height: 40px;
    }
    #navbar .wrp > ul > li a {
        height: 40px;
        padding: 7px;
    }
    #navbar .wrp > ul > li:first-child {
        height: 37px;
        padding-top: 4px;
    }
    #navbar .wrp > ul > li:hover ul {
        top: 37px;
    }
    #navbar .service-menu {
        height: 40px;
    }
    #navbar .service-menu div {
        height: 37px;
        line-height: 37px;
    }
    #navbar .service-menu ul {
        top: 40px;
    }
    #trade-blocks .card {
        width: 30%;
        margin-right: 4.8%;
        height: 170px;
    }
    #trade-blocks .card.double {
        width: 65.1%;
    }
    #trade-blocks .card:last-child {
        margin-right: 0;
    }
    #usp-bar i {
        padding: 0 10px;
        font-size: 16px;
    }
    #usp-bar i:before {
        height: 40px;
        width: 40px;
        border: solid 4px rgba(255, 255, 255, 0.5);
    }
    .parallax {
        margin-top: 0;
    }
    section .sidebar {
        padding: 0;
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    section .sidebar ul {
        height: 40px;
        margin: 0;
    }
    section .sidebar li {
        margin-bottom: 10px;
        float: left;
        width: 20%;
    }
    section .sidebar li a {
        box-sizing: border-box;
        height: 40px;
        padding: 10px;
        line-height: 20px;
        background: #f7f7f7;
        border-radius: 0;
        border: none;
        margin: 1px;
    }
    .trade-groups .content,
    .trade-groups .product-listing .content {
        width: 100%;
        float: none;
    }
    .trade-groups.sidebar aside.sidebar li {
        background: #fff;
    }
    .trade-groups.sidebar aside.sidebar li a {
        padding: 10px 20px;
        background: #fff;
    }
    .trade-groups.sidebar aside.sidebar li.current a {
        background: #deb887;
    }
    #payment-bar {
        text-align: center;
    }
    #payment-bar h3 {
        display: none;
    }
    #payment-bar img {
        margin: 0;
        padding: 0 1.5%;
        box-sizing: border-box;
        width: 16.666666%;
    }
    footer.main > .wrp {
        box-sizing: border-box;
        padding-right: 20px;
        padding-left: 20px;
    }
    footer.main > .wrp > nav {
        width: 23%;
        margin-left: 2%;
    }
    footer.main > .wrp > address {
        width: 45%;
        padding-right: 5%;
    }
    footer.main > .wrp > address .col_left,
    footer.main > .wrp > address .col_right {
        float: none;
        display: block;
        width: 100%;
    }
    footer.main > .wrp > address nav {
        display: none;
    }
    #footer-bar {
        padding-left: 20px;
    }
    form h2:after,
    form h3:after,
    form h4:after,
    form h5:after,
    form h6:after {
        width: 240px !important;
        left: 175px;
    }
    form article {
        padding: 20px 10px;
    }
    form input:not(.btn),
    form select,
    form .non-input-field,
    form textarea {
        width: 240px;
    }
    form input[type="checkbox"] {
        width: 15px;
    }
    form .col-2 input {
        width: 115px;
    }
    #product-detail #configurator {
        width: 65%;
    }
    #product-detail #delivery,
    #product-detail #total_block {
        width: 33%;
        margin-left: 2%;
    }
    .recursive.cat_listing .sidebar {
        display: none;
    }
    .recursive.cat_listing .listing {
        width: 100%;
        float: none;
    }
    .cat_listing article header table,
    .cat_listing article .content table {
        box-sizing: border-box;
        float: right;
        margin-left: 0;
    }
    .cat_listing article header h3,
    .cat_listing article .content figure {
        font-size: 16px;
        width: 35%;
        max-width: 35%;
        box-sizing: border-box;
    }
    #upload #upload_section {
        width: 58%;
        margin-right: 2%;
    }
    #upload #upload_info {
        width: 40%;
    }
    #order_sample form article {
        width: 55%;
    }
    #order_sample form #sidebar {
        width: 40%;
    }
    #cart_second form fieldset,
    #contact form fieldset,
    #detail_free form fieldset,
    #account_tracking form fieldset,
    #finish form fieldset,
    #register form fieldset,
    #crop form fieldset {
        width: 100%;
        float: none;
    }
    #cart_second form .btn:not([name="cmd_calc"]),
    #contact form .btn:not([name="cmd_calc"]),
    #detail_free form .btn:not([name="cmd_calc"]),
    #account_tracking form .btn:not([name="cmd_calc"]),
    #finish form .btn:not([name="cmd_calc"]),
    #register form .btn:not([name="cmd_calc"]),
    #crop form .btn:not([name="cmd_calc"]) {
        float: none;
    }
    #contact .upload_field progress,
    #contact .upload_field .progressBar,
    #contact .upload_field .btn.upload {
        margin: 0;
    }
    main .col_left .info,
    main .col_left .requirement,
    main .col_right .info,
    main .col_right .requirement {
        display: none;
    }
    main .col_left input,
    main .col_left select,
    main .col_left textarea,
    main .col_left .non-input-field,
    main .col_left .btn:not([name="cmd_calc"]),
    main .col_right input,
    main .col_right select,
    main .col_right textarea,
    main .col_right .non-input-field,
    main .col_right .btn:not([name="cmd_calc"]) {
        width: 240px;
    }
    #impressum address {
        width: 40%;
        box-sizing: border-box;
        padding-left: 30px;
    }
    #impressum article {
        width: 60%;
        box-sizing: border-box;
    }
    #trade-blocks .card figcaption {
        display: block;
        bottom: -65px;
        padding: 10px;
    }
    .breadcrumb {
        margin-bottom: 30px;
    }
    #pw_lost input {
        width: 350px;
    }
    .actionbar {
        padding-right: 10px;
        padding-left: 10px;
    }
    #cart span.delete {
        margin-top: 10px;
        color: #d12b0b;
    }
    #cart_second #formular input,
    #cart_second #formular label,
    #cart_second #formular .col_right .btn {
        width: 100%;
        float: none;
    }
    #cart .actionbar button.success,
    #cart .actionbar .btn.success,
    #cart_first .actionbar button.success,
    #cart_first .actionbar .btn.success,
    #cart_second .actionbar button.success,
    #cart_second .actionbar .btn.success,
    #cart_third .actionbar button.success,
    #cart_third .actionbar .btn.success {
        float: right;
    }
}
@media screen and (max-width: 1024px) {
    #detail_infobar-opc {
        width: 100% !important;
    }
    #detail_infobar-opc #detail_infobar_gallery {
        width: 100% !important;
    }
    #detail_infobar-opc #detail_infobar_gallery .gallery_preview {
        width: 100% !important;
        height: auto;
    }
}
@media screen and (max-width: 900px) {
    #trade-blocks .card {
        width: 32%;
        margin-right: 1.999995%;
        height: 170px;
    }
    #trade-blocks .card.double {
        width: 65.999995%;
    }
    section .sidebar li {
        width: 25%;
    }
    #page {
        padding-top: 60px;
    }
    #order_sample form article {
        width: 65%;
    }
    #order_sample form #sidebar {
        width: 32%;
        padding: 15px;
    }
    form article {
        width: 65%;
    }
    form #sidebar {
        width: 32%;
        padding: 15px;
    }
    #summary form article {
        width: 100%;
    }
    #form_individual .col_left label,
    #form_individual .col_right label {
        width: 100%;
        float: none;
    }
    #form_individual .col_left .btn.success,
    #form_individual .col_right .btn.success {
        margin-left: 0;
    }
    #trade-blocks .card:nth-child(1) h3,
    #trade-blocks .card:nth-child(1) figcaption {
        text-indent: -9999px;
    }
    #newsletter .col_right input:not([type="checkbox"]),
    #newsletter .col_right .btn:not([name="cmd_calc"]),
    #newsletter .col_right .non-input-field {
        width: 200px;
    }
    #cart #special input,
    #cart_second #special input,
    #cart_third #special input {
        width: 240px;
    }
    #usp-bar .individualUSP span {
        width: 50%;
        margin-bottom: 25px;
        min-height: 140px;
    }
}
@media screen and (max-width: 800px) {
    #trade-blocks .card figcaption {
        transition: none;
    }
    .trade-groups .content,
    .trade-groups .product-listing .content {
        width: 100%;
        float: none;
    }
    .trade-groups .content .card {
        height: auto;
        width: 50%;
        margin: 0 0 1% 0;
    }
    .trade-groups .content .card:nth-child(3n + 3) {
        margin-right: 0;
    }
    .trade-groups .content .card:nth-child(2n + 2) {
        margin-right: 0;
    }
    .trade-groups .content .card.cardBig {
        width: 100%;
    }
    .trade-groups.sidebar aside.sidebar li {
        width: 50%;
    }
    #trade-blocks {
        padding-top: 0;
    }
    #trade-blocks .card {
        margin-bottom: 2px;
        width: 49%;
        margin-right: 0.5%;
        height: 140px;
    }
    #trade-blocks .card.double {
        width: 100%;
    }
    #trade-blocks .card.last-item {
        margin-right: 0.5%;
    }
    #upload #upload_section {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    #upload #upload_info {
        width: 100%;
        float: none;
    }
    form > .btn:not([name="cmd_calc"]),
    form article .btn:not([name="cmd_calc"]),
    form > section:not(#total_block) > .btn:not([name="cmd_calc"]) {
        margin-left: 0;
    }
    #address form article .btn:not([name="cmd_calc"]) {
        margin-left: 185px;
    }
    #detail_free form article .btn:not([name="cmd_calc"]),
    #contact form article .btn:not([name="cmd_calc"]) {
        margin-left: 185px;
    }
    #contact .col_right {
        width: 100%;
    }
    #contact .col_left {
        width: 100%;
    }
    #contact .upload_field progress,
    #contact .upload_field .progressBar {
        float: left;
        width: 100%;
        margin: 20px 20px 0 0px;
    }
    #contact .upload_field input {
        float: left;
        margin-right: 80px;
    }
    #contact .upload_field .btn.upload {
        float: left;
        clear: both;
        margin-top: 20px;
    }
    .trade-groups.full .card,
    .product-listing.full .card {
        width: 49.5%;
        margin-left: 0;
        margin-right: 1%;
        height: 305px;
    }
    .trade-groups.full .card:nth-child(2n + 2),
    .product-listing.full .card:nth-child(2n + 2) {
        margin-right: 0;
    }
    .pagination a,
    .pagination .current {
        margin-bottom: 10px;
    }
    #newsletter .col_right input:not([type="checkbox"]),
    #newsletter .col_right .btn:not([name="cmd_calc"]),
    #newsletter .col_right .non-input-field,
    #newsletter .col_right label {
        width: 100%;
    }
    #newsletter .col_right .btn:not([name="cmd_calc"]) {
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #pw_lost form > .btn:not([name="cmd_calc"]) {
        margin-left: 185px;
    }
    #uploadcheck #upload_actions .btn {
        float: left;
        width: 49%;
        margin-left: 2%;
    }
    #uploadcheck #upload_actions .btn:nth-of-type(1) {
        float: left;
        margin: 0;
    }
    .cart_breadcrumb li {
        font-size: 14px;
    }
    #cart_third_agb fieldset {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
        padding-left: 25px;
        position: relative;
    }
    #cart_third_agb fieldset input[type="checkbox"] {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 5px;
    }
    #cart_third_agb fieldset label {
        width: auto;
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    .cat_listing article header table,
    .cat_listing article .content table {
        width: 100%;
        float: none;
    }
    .cat_listing article header h3,
    .cat_listing article .content figure {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .cat_listing article header {
        padding: 10px;
    }
    .cat_listing article header table {
        display: none;
    }
    .cat_listing article header h3 {
        padding: 0;
        display: inline;
    }
    .cat_listing article .content {
        margin-bottom: 30px;
    }
    main .col_left,
    main .col_right {
        padding: 20px;
        margin-left: 0;
        float: none;
        width: 100%;
    }
    #order_sample form article,
    #order_sample form #sidebar {
        width: 100%;
        float: none;
    }
    #cart_third strong {
        display: block;
        margin-top: 10px;
        margin-left: 30px;
    }
    #cart #special input,
    #cart_second #special input,
    #cart_third #special input {
        width: 100%;
    }
    #cart #special button,
    #cart_second #special button,
    #cart_third #special button {
        position: absolute;
        right: 0;
        top: 2px;
    }
    #configurator.opc {
        width: 65% !important;
    }
    #trade-blocks .card {
        width: 100%;
        margin-right: 0;
    }
    #trade-blocks .card.last-item {
        margin-right: 0;
    }
    .trade-groups.sidebar {
        margin-top: 70px;
    }
}
@media screen and (max-width: 767px) {
    main {
        padding-top: 0;
    }
    main header {
        margin-top: 55px;
    }
    .category nav.breadcrumb {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
    .category main {
        padding-top: 25px;
    }
    nav.breadcrumb {
        margin-top: 80px;
        margin-left: 10px;
        margin-bottom: 0;
    }

    h1,
    h2,
    h3 {
        margin-bottom: 22px;
    }
    .parallax {
        display: none;
    }
    footer.main > .wrp > address {
        padding-right: 0;
        float: none;
        width: 100%;
    }
    footer.main > .wrp > nav {
        width: 48%;
        float: left;
        margin: 0;
        padding-right: 2%;
    }
    footer.main > .wrp > nav:nth-of-type(2) {
        padding: 0 0 0 2%;
    }
    header.main {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        margin: 0;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        z-index: 20;
        background: #fff;
    }
    header.main #brand-logo {
        margin-top: 10px;
    }
    header.main #customer-menu,
    #navbar {
        display: none;
    }
    #usp-bar i {
        position: relative;
        padding-top: 75px;
        text-align: center;
        width: 50%;
        height: 210px;
    }
    #usp-bar i:before {
        position: absolute;
        left: 50%;
        margin-right: auto;
        top: 0;
        margin-left: -20px;
        float: none;
        display: block;
    }
    #trade-blocks .card img {
        width: 150%;
        left: -25%;
    }
    #trade-blocks .card:hover img {
        width: 160%;
        left: -30%;
    }
    form .info,
    form .requirement {
        display: none;
    }
    form article,
    form #sidebar {
        width: 100%;
        float: none;
    }
    #product-detail #configurator {
        width: 100%;
        float: none;
    }
    #product-detail #delivery,
    #product-detail #total_block {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    #product_informations .tab {
        font-size: 13px;
        padding: 10px;
    }
    #slider {
        display: none;
    }
    #impressum address,
    #impressum article {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .cart_breadcrumb {
        display: none;
    }
    #product-detail #bulk {
        display: none;
    }
    #related .item {
        width: 50%;
    }
    #product-detail #detail_infobar-opc #detail_infobar_gallery li {
        height: 40px;
    }
    #product-detail #detail_infobar-opc #detail_infobar_gallery li img {
        height: 40px;
    }
    #product-detail {
        width: 100% !important;
        position: relative !important;
        top: inherit !important;
        right: inherit !important;
    }
}
@media screen and (max-width: 736px) {
    #configurator.opc {
        width: 100% !important;
    }
}
@media screen and (max-width: 600px) {
    section .sidebar li {
        width: 50%;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 18px;
    }
    .trade-groups .content .card .link {
        display: none;
    }
    #upload input[type="file"] {
        width: 100%;
    }
    #upload .upload_option p {
        width: 100%;
        float: none;
    }
    #upload .upload_option .btn.default {
        font-size: 14px;
        width: 100%;
        float: none;
    }
    #upload .upload_field .btn {
        font-size: 14px;
        width: 100%;
        float: none;
    }
    #trade-blocks .card h3 {
        font-size: 14px;
    }
    #pw_lost label,
    #pw_lost input,
    #pw_lost form > .btn:not([name="cmd_calc"]) {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        text-align: left;
    }
    #uploadcheck #upload_data h3 {
        font-size: 18px;
        padding: 5px;
    }
    #uploadcheck #upload_actions .btn {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    #uploadcheck #upload_actions .btn:first-child {
        margin-bottom: 30px;
    }
    .actionbar .btn {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .actionbar .btn:first-child {
        margin-bottom: 30px;
    }
    #cart #total_price strong {
        font-size: 14px;
    }
    .btn.edit {
        right: 10px;
        top: 25px;
    }
    #detail_infobar-opc #detail_infobar_gallery {
        display: none;
    }
    #configurator.opc {
        width: 100% !important;
    }
    #usp-bar .individualUSP span {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .leadprint-brand {
        display: none;
    }
    footer.main > .wrp > nav {
        padding: 0;
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    footer.main > .wrp > address .col_left,
    footer.main > .wrp > address .col_right {
        margin-bottom: 30px;
    }
    .trade-groups .content .card {
        height: auto;
        width: 100%;
    }
    .trade-groups.sidebar aside.sidebar li {
        width: 100%;
        margin-bottom: 0;
    }
    #trade-blocks .card {
        padding-bottom: 30px;
    }
    #trade-blocks .card img {
        width: 200%;
        left: -50%;
    }
    #trade-blocks .card:hover img {
        width: 210%;
        left: -55%;
    }
    #trade-blocks .card h3 {
        background: #fff;
        margin: 0;
        padding: 5px;
        height: 20px;
        overflow: hidden;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
    }
    #offcanvas {
        width: 260px;
    }
    #usp-bar i {
        height: 130px;
        overflow: hidden;
    }
    #usp-bar i:before {
        margin-top: 0;
    }
    #payment-bar {
        padding: 10px 0;
    }
    #payment-bar img {
        padding: 1.5%;
        width: 30.333333%;
    }
    .breadcrumb li a {
        padding: 5px;
        font-size: 13px;
    }
    #configurator h1 {
        padding: 10px;
    }
    #configurator h1 small {
        margin: 0;
        display: block;
    }
    #cart_second form .btn:not([name="cmd_calc"]),
    #contact form .btn:not([name="cmd_calc"]),
    #address form .btn:not([name="cmd_calc"]),
    #detail_free form .btn:not([name="cmd_calc"]),
    #form_individual form .btn:not([name="cmd_calc"]),
    #account_tracking form .btn:not([name="cmd_calc"]),
    #finish form .btn:not([name="cmd_calc"]),
    #crop form .btn:not([name="cmd_calc"]) {
        width: 100%;
    }
    #cart_second form fieldset input:not([type="checkbox"]),
    #cart_second form fieldset select,
    #cart_second form fieldset textarea,
    #cart_second form fieldset .btn:not([name="cmd_calc"]),
    #contact form fieldset input:not([type="checkbox"]),
    #contact form fieldset select,
    #contact form fieldset textarea,
    #contact form fieldset .btn:not([name="cmd_calc"]),
    #address form fieldset input:not([type="checkbox"]),
    #address form fieldset select,
    #address form fieldset textarea,
    #address form fieldset .btn:not([name="cmd_calc"]),
    #detail_free form fieldset input:not([type="checkbox"]),
    #detail_free form fieldset select,
    #detail_free form fieldset textarea,
    #detail_free form fieldset .btn:not([name="cmd_calc"]),
    #form_individual form fieldset input:not([type="checkbox"]),
    #form_individual form fieldset select,
    #form_individual form fieldset textarea,
    #form_individual form fieldset .btn:not([name="cmd_calc"]),
    #account_tracking form fieldset input:not([type="checkbox"]),
    #account_tracking form fieldset select,
    #account_tracking form fieldset textarea,
    #account_tracking form fieldset .btn:not([name="cmd_calc"]),
    #finish form fieldset input:not([type="checkbox"]),
    #finish form fieldset select,
    #finish form fieldset textarea,
    #finish form fieldset .btn:not([name="cmd_calc"]),
    #crop form fieldset input:not([type="checkbox"]),
    #crop form fieldset select,
    #crop form fieldset textarea,
    #crop form fieldset .btn:not([name="cmd_calc"]) {
        width: 100%;
    }
    form label {
        text-align: left;
        float: none;
        width: 100%;
    }
    form h2,
    form h3,
    form h4,
    form h5,
    form h6 {
        padding: 5px 0;
        text-align: left;
        width: 100%;
        background: #f7f7f7;
    }
    form h2:after,
    form h3:after,
    form h4:after,
    form h5:after,
    form h6:after {
        display: none;
    }
    form input:not([type="checkbox"]):not(.btn),
    form select,
    form .non-input-field,
    form textarea {
        float: none;
        width: 100%;
    }
    form table tr td {
        font-size: 14px;
        padding: 5px 0;
        display: block;
        width: 100%;
        float: none;
    }
    form table tr td:first-child {
        color: #9c9c9c;
        font-family: bold;
    }
    main form button[name="cmd_calc"],
    main form .btn[name="cmd_calc"] {
        top: 42px;
        right: 0;
    }
    #product_informations .tab {
        float: none;
        width: 100%;
        border-bottom: solid 1px #dedede;
    }
    #product_informations .tab.current {
        color: #deb887;
    }
    #cart_second form .btn:not([name="cmd_calc"]),
    #contact form .btn:not([name="cmd_calc"]),
    #detail_free form .btn:not([name="cmd_calc"]),
    #account_tracking form .btn:not([name="cmd_calc"]),
    #finish form .btn:not([name="cmd_calc"]),
    #register form .btn:not([name="cmd_calc"]),
    #crop form .btn:not([name="cmd_calc"]),
    #address form .btn:not([name="cmd_calc"]) {
        margin-left: 0;
        margin-right: 0;
        float: none;
    }
    form > .btn:not([name="cmd_calc"]),
    form article .btn:not([name="cmd_calc"]),
    form > section:not(#total_block) > .btn:not([name="cmd_calc"]) {
        width: 100%;
    }
    main .col_left label,
    main .col_right label {
        width: 100%;
    }
    main .col_left input,
    main .col_left select,
    main .col_left textarea,
    main .col_left .non-input-field,
    main .col_left .btn:not([name="cmd_calc"]),
    main .col_right input,
    main .col_right select,
    main .col_right textarea,
    main .col_right .non-input-field,
    main .col_right .btn:not([name="cmd_calc"]) {
        width: 100%;
    }
    #form_individual .col_left .btn.success,
    #form_individual .col_right .btn.success {
        margin-left: 0;
    }
    #address form article .btn:not([name="cmd_calc"]) {
        margin-left: 0;
    }
    #register form article label {
        width: 100%;
    }
    #register form article input:not(.btn):not([type="checkbox"]),
    #register form article select {
        width: 100%;
    }
    #register form article .col-2 input:not(.btn):not([type="checkbox"]) {
        width: 100%;
    }
    #detail_free form article .btn:not([name="cmd_calc"]),
    #contact form article .btn:not([name="cmd_calc"]) {
        margin-left: 0;
    }
    .trade-groups.full .card,
    .product-listing.full .card {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: 370px;
    }
    #cart {
        overflow-x: hidden;
    }
    #cart tbody tr td {
        line-height: 20px;
        padding: 0 5px;
    }
    #cart .product_calculation {
        position: relative;
    }
    #cart .product_calculation td strong {
        position: absolute;
        font-size: 16px;
        right: 10px;
        top: 3px;
    }
    #cart .product_calculation td h3 {
        font-size: 16px;
    }
    #cart_first tbody,
    #cart_second tbody,
    #cart_third tbody {
        width: 100%;
        display: block;
    }
    #cart_first tbody tr,
    #cart_second tbody tr,
    #cart_third tbody tr {
        width: 100%;
        display: block;
    }
    #cart_first tbody tr th,
    #cart_second tbody tr th,
    #cart_third tbody tr th {
        display: none !important;
    }
    #cart_first tbody tr th:first-child,
    #cart_first tbody tr th:nth-child(2),
    #cart_first tbody tr th:nth-child(3),
    #cart_first tbody tr th:nth-child(4),
    #cart_first tbody tr > td:first-child,
    #cart_first tbody tr > td:nth-child(2),
    #cart_first tbody tr > td:nth-child(3),
    #cart_first tbody tr > td:nth-child(4),
    #cart_second tbody tr th:first-child,
    #cart_second tbody tr th:nth-child(2),
    #cart_second tbody tr th:nth-child(3),
    #cart_second tbody tr th:nth-child(4),
    #cart_second tbody tr > td:first-child,
    #cart_second tbody tr > td:nth-child(2),
    #cart_second tbody tr > td:nth-child(3),
    #cart_second tbody tr > td:nth-child(4),
    #cart_third tbody tr th:first-child,
    #cart_third tbody tr th:nth-child(2),
    #cart_third tbody tr th:nth-child(3),
    #cart_third tbody tr th:nth-child(4),
    #cart_third tbody tr > td:first-child,
    #cart_third tbody tr > td:nth-child(2),
    #cart_third tbody tr > td:nth-child(3),
    #cart_third tbody tr > td:nth-child(4) {
        display: block;
        border: none;
        margin: 0;
        width: 100% !important;
    }
    #cart .product_calculation td:nth-child(3):before {
        content: "> ";
    }
    #cart .product_calculation td:nth-child(3):after {
        content: " <";
    }
}
@media screen and (max-width: 400px) {
    body {
        padding-top: 50px;
    }

    #trade-blocks .card,
    #trade-blocks .card.double,
    #trade-blocks .card.last-item {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 !important;
        padding: 0;
    }
    #trade-blocks .card img,
    #trade-blocks .card.double img,
    #trade-blocks .card.last-item img {
        position: static;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    #trade-blocks .card:hover img,
    #trade-blocks .card.double:hover img,
    #trade-blocks .card.last-item:hover img {
        width: 100%;
    }
    .trade-groups.full .card,
    .product-listing.full .card {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: 300px;
    }
    #related .item {
        width: 100%;
    }
    .trade-groups.sidebar aside.sidebar {
        display: block;
    }
}
@media screen and (max-width: 360px) {
    .trade-groups.full .card,
    .product-listing.full .card {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .trade-groups.full .card:nth-child(4n + 1),
    .product-listing.full .card:nth-child(4n + 1) {
        margin-left: 0;
    }
}
@media screen and (max-width: 1680px) {
    #modalTemplates .modal-content {
        width: 80%;
    }
    #modalTemplates #modulesPrinttemplate ul li {
        width: 33.333%;
    }
}
@media screen and (max-width: 1024px) {
    #modalTemplates .modal-content {
        width: 90%;
    }
    #modalTemplates #modulesPrinttemplate ul li {
        font-size: 14px;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions label.active {
        z-index: 4;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions {
        z-index: 3;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions .flex-container .panel {
        width: 23.4%;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions .flex-container .panel.disabled {
        width: 18.4%;
    }
}
@media screen and (max-width: 768px) {
    #modalTemplates .modal-content {
        width: 95%;
    }
    #modalTemplates #modulesPrinttemplate ul li {
        width: 50%;
        font-size: 14px;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions .flex-container .panel.disabled {
        width: 23.4%;
    }

}
@media screen and (max-width: 600px) {
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset {
        width: 100%;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset:nth-of-type(odd) {
        margin-right: 0;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions {
        overflow-y: auto;
        max-height: 430px;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset .listLegend,
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset .optionGroupCon {
        width: 100%;
    }
}
@media screen and (max-width: 550px) {
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions .flex-container .panel {
        width: 31.7%;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions .flex-container .panel.disabled {
        width: 31.7%;
    }
}
@media screen and (max-width: 500px) {
    #modalTemplates {
        padding-top: 100px;
    }
    #modalTemplates #modulesPrinttemplate ul li {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions .flex-container .panel {
        width: 48%;
    }
    #visual_calculation .contentwrapper.left .optionGroup .optionWrapper fieldset.selectOptions .conOptions .flex-container .panel.disabled {
        width: 48%;
    }
}

/**** eigenen Definitionen ****/
@media Screen and (min-width:1023px) {

	header.main #brand-logo {
        margin-top: 10px;
        width: auto;
        max-width: 300px;
        height: auto;
        max-height: 60px;
    }
}

@media Screen and (max-width:1280px) {
	#header_usp {
		display: none;
	}
}


@media Screen and (max-width:1024px) {
	header.main {
		height: 180px;
	}
	header.main .wrp {
		padding-top: 10px;
	}
	header.main #customer-menu {
		margin-top: 0;
	}
	#customer-menu .search{
		display: none;
	}
	header.main #service-bar {
		font-size: 115%;
		padding-top: 9px;
		background-size: contain;
	}
	header.main #service-bar span {
		float: left;
		display: inline-block;
	}
	header.main #service-bar span.label_tel {
		padding-top: 2px;
	}
	header.main #service-bar span.label_mail {
		float: right;
	}
	header.main #service-bar .label_opening-hours {padding-top: 2px;}
	
	header.main #service-bar nav,
	header.main #service-bar .label_claim {
		display: none;
	}
    header.main #brand-logo {
        margin-top: 0;
        width: auto;
        max-width: 200px;
        height: auto;
        max-height: 60px;
    }
    header.main #brand-logo img {
        width: 100%;
        height: auto;
    }

/*		header.main {
        height: 160px;
    }*/
}

@media Screen and (max-width:768px) {	
	body {
        padding-top: 180px;
    }
	header.main {
        height: 120px;
    }
	header.main .wrp {
		padding: 10px;
	}
	#offcanvas_open {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 3px;
        position: fixed;
        top: 65px;
        right: 15px;
        background: #fff;
        color: #fff;
        z-index: 21;
    }
    #offcanvas_open:before {
        content: "";
        width: 33px;
		height: 3px;
		display: block;
		background: #97c01d;
		position: relative;
		top: -2px;
    }
	#offcanvas_open:after {
        content: "";
        width: 33px;
		height: 3px;
		display: block;
		background: #97c01d;
		position: relative;
		top: 2px;
    }
	header.main #service-bar .label_opening-hours {
		display: none;
	}
}