@media (max-width: 1200px) {
    /* Required to query Viewpoints from js */
    body:before {
        content: "sm";
    }

    div#header {
        margin-bottom: 0;
        position: fixed;
    }

    div#header > div.row > div.topbar-wrapper{
        z-index: 99999;
    }

    .navbar-scroll .topbar,
    .navbar-scroll .topbar-wrapper{
        display: block;
    }

    div.topbar #topbar li {
        list-style: none;
    }

    div.topbar #topbar li a {
        font-size: 13.99px;
    }

    div.topbar div#topbar.topbar-collapse {
        color: #fff;
    }

    div#topbar ul#categoryDropdown {
        width: 400px;
        background-color: #3c3c3b!important;
    }

    div#topbar ul#categoryDropdown .fas {
        float: right;
        height: 100%;
    }

    .navbar-scroll div#top-nav {
        top: -125px;
    }

    div#top-nav .row-category-nav {
        display: none
    }

    div#top-nav .row:nth-child(1) .navbar-nav > li:not(:first-child):not(:nth-child(4)):not(:last-child) {
        display: none;
    }

    div.topbar .header-topnav ul {
        padding-inline-start: 0;
        float: none;
    }

    /*.nav-style-active div.headline*/

    div.topbar #topbar div.navcontainer a,
    div.topbar #topbar div.navcontainer div.headline,
    div.topbar #topbar div.navcontainer .nav-col-renderBanner {
        display: none;
        border-style: none;
    }

    /*TODO doppelte Border (NAV) */
    /*TODO einrücken (NAV) -> alles aufgeklappt */

    div.topbar #topbar div.navcontainer .navlevel.nav-style-open > li > a,
    div.topbar #topbar div.navcontainer .navlevel.nav-style-open ul.nav-col-list > a,
    div.topbar #topbar div.navcontainer .navlevel.nav-style-open > a,
    div.topbar #topbar div.navcontainer .navlevel.nav-style-open ul.nav-col-list > li > div.headline,
    div.topbar #topbar div.navcontainer .navlevel.nav-style-open ul.nav-col-list > li > div.headline > a {
        padding: 0 0 0 15px;
        display: inline-block;
        width: 100%;
        margin-right: -35px;
    }

    #topbar #categoryDropdown div.headline {
        padding-left: 0;
    }

    #topbar #categoryDropdown ul.navlevel-1 > li > ul > li > div.headline {
        padding-left: 30px;
    }

    #topbar #categoryDropdown ul.navlevel-2 > li > a,
    #topbar #categoryDropdown ul.navlevel-2 > li > div.headline > a {
        padding-left: 45px;
    }

    div.topbar #topbar div.navcontainer .navlevel.nav-style-open ul.nav-col-list > li > div.headline > a {
        padding-left: 0;
    }

    /*.nav-style-closed*/

    .row-search-bar .search .search-bar {
        margin-right: 100px;
    }

    .row-search-bar .search .staffelrabatt {
        z-index: 99999;
        position: absolute;
        top: -100px;
        right: 10px;
        width: 50px;
        height: 50px;
    }

    .row-search-bar .search .staffelrabatt .staffelrabatt-teaser {
        visibility: hidden;
    }

    .row-search-bar .search .staffelrabatt .staffelrabatt-teaser:after {
        visibility: visible;
        position: absolute;
        top: 2px;
        left: 12px;
        font-size: 2.5em;
        line-height: 1em;
        content: "%";
    }

    .searchbar-logo {
        margin-left: 25px;
        margin-top: 25px;
        margin-right: 0;
        margin-bottom: 0;
    }

    .searchbar-logo img {
        height: 46px;
    }

    #searchbar_shoppingcart {
        position: absolute;
        right: 0;
        width: 10%;
    }

    #contentContainer {
        margin-top: 41px;
    }

    body.expert24:not(.navbar-scroll) #contentContainer {
        margin-top: 64px;
    }

    .row-search-bar .search .search-bar {
        width: 58%;
        float: right;
        padding-left: 0;
        margin-right: 75px;
    }

    .row-search-bar .search .search-bar input.searchterm {
        width: 100%;
        margin-right: -48px;
    }

    .navbar-scroll .row-search-bar .search .search-bar {
        width: 90%;
        margin-top: 5px;
        float: left;
        padding: 25px;
    }

    .navbar-scroll .row-search-bar .search .search-bar input.searchterm {
        width: 100%;
    }

    .row-search-bar .search .staffelrabatt-overlay {
        position: absolute;
        top: 50px;
        right: 0;
        width: 720px;
        height: auto;
    }

    #breadCrumbsContainer .indikator {
        margin-top: 5px;
        font-size: 15.5px;
        line-height: 20px;
    }

    #breadCrumbsContainer > div > div {
        margin-bottom: 0;
    }

    div#start img {
        width: 100%;
    }

    div#ueber {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer div.col-md-3 {
        border: none !important;
        min-height: auto;
    }

    h1 {
        font: 700 3.5em "Open Sans", Arial, Helvetica;
    }

    h4 {
        font: 300 1.3em "Open Sans", Arial, Helvetica;
    }

    .btn {
        padding: 1em 2em;
    }

    #shoppingCart-sidebar .content {
        padding: 0;
    }

    #shoppingCart-sidebar .itemList li .quantity input {
        text-align: center;
        width: 60px;
        height: 2em;
    }

    .shoppingCart_itemLine_extra .discounted.halfSize,
    .shoppingCart_itemLine_extra .priceChange.halfSize {
        width: 100%;
    }

    .process ul li {
        width: 9em;
        height: 9em;
    }

    #filterChevron {
        position: absolute;
        top: 0;
        right: 50%;
    }

    .itemlist .filter-header {
        width: 50%;
    }

    #itemlist-items .itemlist-sort {
        text-align: center;
    }

    #sortOrder {
        font-size: 1.33em;
        margin-right: 0;
    }

    label[for=sortOrder] {
        display: none;
    }

    .mobile-collapsed {
        display: none!important;
    }

    #top-nav .row-category-nav .fas {
        display: none;
    }

    #checkout-steps ul.bullets li.step_2 {
        left: 19.675%;
    }

    #checkout-steps ul.bullets li.step_3 {
        left: 39.35%;
    }

    #checkout-steps ul.bullets li.step_4 {
        left: 59.025%;
    }

    #checkout-steps ul.bullets li.step_5 {
        left: 79%;
    }

    #checkout-steps ul.names li.step_1 {
        width: 153px;
    }

    #checkout-steps ul.names li.step_2 {
        width: 148px;
    }

    #checkout-steps ul.names li.step_3 {
        width: 170px;
    }

    #checkout-steps ul.names li.step_4 {
        width: 160px;
    }

    #checkout-steps ul.names li.step_5 {
        width: auto;
    }

    .collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }

    .mobileNavHeadlineOpen {
        background-color: #8C8C8B;
    }

    .navlevel-1 .mobileNavHeadlineOpen {
        background-color: #5C5C5B;
    }

    .collapsing {
        -webkit-transition: none!important;
        transition: none!important;
        display: none!important;
    }

    /*
        figure.effect-chico figcaption {padding: 2em;}
        figure.effect-oscar figcaption {padding: 20%;}
        figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
        .grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}
    */

    .paymentshippingPaymentAnsicht ul {
        padding: 1em;
    }

    .aboutus .container-fluid .video .row {
        width: 740px;
    }

    .aboutusImagesAnsicht .column-0 {
        padding-top: 3em;
    }
    .aboutusImagesAnsicht .column-2 {
        padding-top: 6em;
    }
    .aboutusMarioAnsicht {
        margin-top: 0;
    }
    .aboutus .video h2,
    .aboutus .aboutusRenderAnsicht h2,
    .aboutus .carousel-inner .description {
        padding: 0;
    }
    .aboutus .carousel-inner .description {
        display: none;
    }
    .aboutus .slideritem img {
        width: 100%;
    }
    .aboutus hr {
        margin: 5em 0;
    }

/* TODO REMOVE UNNECESSARY CSS!!!! */
/* START OF IMPORTED MOBILE(XS) CSS */

    body {
        font: 300 12px/12px "Open Sans", Arial, Helvetica;
        overflow-x: hidden;
    }

    div#header {
        width: 100%;
    }

    div#header,
    div#top-nav .row .col-lg-12,
    div.topbar-wrapper, div.topbar-wrapper .header-slogan {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-scroll div#header > div.row > div.topbar-wrapper {
        top: 0;
    }

    .navbar-nav > li > a {
        line-height: 1em;
    }

    .navbar-brand {
        padding: 7px;
    }

    .navbar-brand img {
        height: 37px;
    }

    .navbar-toggle {
        position: fixed;
        left: 0;
        top: 23px;
        margin: 6.5px;
        background-color: none;
        border: 1px solid black;
    }
    .navbar-scroll .navbar-toggle {
        top: 0;
    }

    .navbar-toggle .icon-bar{
        border: 1px solid black;
    }

    div#top-nav .row:nth-child(1) .navbar-nav > li:not(:first-child) {
        display: none;
    }

    div#top-nav .row:nth-child(1) .navbar-nav img {
        margin-left: -10px;
    }

    div.topbar {
        background: #e6e6e6;
        width: 100%;
        height: 64px;
    }

    .navbar-scroll div.topbar {
        height: 41px;
    }

    div.topbar .header-slogan span {
        font-size: 0;
        background-image: none !important;
    }

    /*TODO check scrolling for open menu (Handy Mario)*/
    html.preventMobileScroll {
        overflow-y: hidden;
    }

    html.preventMobileScroll body {
        overflow: hidden;
        height: 100%;
    }

    /*TODO check again*/
    html.preventMobileScroll div.topbar #topbar {
        max-height: 70vh;
        max-height: calc(var(--vh, 1vh) * 100 - 134px);
        position: fixed;
        overflow-y: scroll;
        top: 50px;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
    }

    /*TODO check again*/
    html.preventMobileScroll .navbar-scroll div.topbar #topbar {
        max-height: calc(var(--vh, 1vh) * 100 - 111px);
    }

    div.topbar #topbar li a#categoryDropdownLink {
        display: none;
    }

    div.topbar div#topbar.topbar-collapse {
        margin-top: 84px;
        background-color: #e8e8e8;
    }

    .navbar-scroll div.topbar div#topbar.topbar-collapse {
        margin-top: 60px;
    }

    div.topbar #topbar li a {
        color: #3c3c3b;
    }

    div.topbar div#topbar.topbar-collapse li.dropdown {
        background-color: #3c3c3b;
    }

    div.topbar #topbar li.dropdown a {
        color: #fff;
    }

    div.topbar .header-topnav {
        padding-left: 0;
        padding-right: 0;
    }

    div.topbar .header-topnav ul {
        float: none;
        margin: auto;
    }

    div.topbar .header-topnav li {
        float: none;
        margin-right: 0;
        margin-left: 0;
    }

    div.topbar #topbar li {
        font-size: 14px;
        line-height: 40px;
    }

    div.topbar #topbar li a {
        padding: 0 0 0 15px;
        display: inline-block;
        width: 100%;
        margin-right: -35px;
    }

    div.topbar #topbar > ul > li:not(:first-of-type) a {
        display: block;
        padding: 13.5px 15px;
    }

    div.topbar #topbar li .fas {
        position: relative;
        padding: 12px 10px;
        top: 0;
        height: 40px!important;
        border-left: 1px solid #4a4a4a;
    }

    div#topbar {
        padding-left: 0;
        padding-right: 0;
    }

    /*TODO evtl volle Breite?*/
    div.topbar div#topbar.topbar-collapse {
        width: 100%;
    }

    div#topbar ul#categoryDropdown {
        width: 100%;
        margin-left: 0;
    }

    div#topbar ul#categoryDropdown > li,
    .nav-style-open > li,
    .nav-style-open > li > ul > li {
        border-top: 1px solid #e8e8e8;
    }

    .nav-style-open > li > ul > li:first-of-type {
        border-style: none;
    }

    div#topbar > ul > li.collapsed {
        display: none;
    }

    div.navbar-wrapper {
        position: absolute;
        height: 0;
    }

    div#top-nav {
        height: 100px;
        top: -125px;
    }

    button[data-target='.navbar-collapse'] {
        top: 30px;
        right: 15px;
        position: absolute;
    }

    .searchbar-logo {
        position: fixed;
        top: 23px;
        left: 50%;
        z-index: 99999;
        margin-left: -100px;
        margin-top: 0;
        text-align: center;
    }

    .navbar-scroll .searchbar-logo {
        top: 0;
    }

    .searchbar-logo img {
        height: 33px;
        margin-top: 4px;
    }

    #searchbar_shoppingcart {
        width: 40px;
        position: fixed;
        top: 23px;
        right: 0;
        margin-top: 2px;
        z-index: 99999;
    }

    .navbar-scroll #searchbar_shoppingcart {
        top: 0;
    }

    #searchbar_shoppingcart .icon {
        width: 25px;
        margin-top: 5px;
        float: right;
        right: 7px;
    }

    #searchbar_shoppingcart .icon .count {
        width: 10px;
        line-height: initial;
        bottom: 4px;
        margin-left: 3px;
        font-size: 12px;
    }

    .row-search-bar .search .search-bar {
        width: 100%;
        float: left;
        padding: 15px;
        margin-right: 0;
    }

    .navbar-scroll .row-search-bar .search .search-bar {
        width: 100%;
        padding: 15px;
    }

    div.navbar-wrapper.xs-show-searchbar {
        width:100%;
    }

    .xs-show-searchbar .row-search-bar .search .search-bar {
        margin-top:125px;
    }

    .xs-show-searchbar #top_searchterm,
    .xs-show-searchbar .search-bar > button {
        position: relative;
        z-index: 99999;
    }

    .row-search-bar .search .search-bar input.searchterm {
        line-height: 41px;
        margin-right: -41px;
    }

    #mobileNavToggle {
        width: 27px;
        height: 27px;
        border: none;
        border-radius: 0;
        background: #c8001e;
        color: #fff;
        display: block;
        float: left;
        padding: 2px 4px;
    }

    #mobileNavToggle > span {
        margin-top: 3px;
        border: 1px solid #fff;
        width: auto;
    }

    #mobileNavToggle:not(.collapsed) > span {
        margin-top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #mobileNavToggle:not(.collapsed) > span:last-of-type {
        margin-top: -2px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #mobileNavToggle .fas {
        display: none;
    }

    #mobileNavToggle.collapsed > span:nth-of-type(2) {
        margin-top: 12px;
    }

    #mobileNavToggle.collapsed .fas {
        display: inline;
        position: absolute;
        top: 2px;
        left: 7px;
    }

    #filterForm #accordion.panel-group .panel-heading {
        padding: 0;
    }

    #filterForm #accordion.panel-group .panel-heading > a:first-child {
        display: block;
        padding: 10px 15px 10px 0;
    }

    .meinkontoWilkommenLi {
        background-color: #c8001e;
        padding-left: 15px;
    }

    .nav > .langswitchLi {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    div.topbar #topbar li a#langswitchLink {
        padding: 2rem;
        top: -165px;
    }

    .nav > .langswitchLi img {
        margin-bottom: 5px;
    }

    .row-search-bar .search .search-bar button {
        height: 41px;
        width: 41px;
    }

    #contentContainer,
    #contentContainer .container {
        padding-left: 0;
        padding-right: 0;
    }

    #contentContainer.xs-searchbar-open {
        margin-top: 111px;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row-search-bar .search .staffelrabatt {
        position: fixed;
        top: 0;
        height: 23px;
        width: 100%;
        left: 0;
        padding: 0;
        padding-top: 3.5px;
    }

    .navbar-scroll .row-search-bar .search .staffelrabatt {
        display: none;
    }

    .row-search-bar .search .staffelrabatt strong {
        font-size: 14px;
    }

    .row-search-bar .search .staffelrabatt .staffelrabatt-teaser {
        visibility: visible;
        font-size: 14px;
    }

    .row-search-bar .search .staffelrabatt .staffelrabatt-teaser:after {
        visibility: hidden;
    }

    .row-search-bar .search .staffelrabatt-overlay {
        top: 23px;
        left: 0;
        width: 100vw;
    }

    .shopMeinkontoOverviewAnsicht .box,
    .myaccount .orders .infos,
    .myaccount .orders .status,
    .myaccount .orders .shipping,
    .myaccount .orders .items,
    .myaccount .orders .rating {
        padding: 3rem;
    }

    .shopMeinkontoOverviewAnsicht .infos .detailLink a {
        margin: 20px 0 0;
    }

    .shopMeinkontoOverviewAnsicht .status .payLink,
    .shopMeinkontoOverviewAnsicht .status .payLink a {
        width: 100%;

    }

    .shopProductAnsicht .item-detail .item-detail-inner .productImage,
    .shopProductAnsicht .item-detail .item-detail-inner .imageThumbs {
        padding: 0;
    }

    .shopProductAnsicht .item-detail .secure-online-shopping {
        height: auto;
        text-align: center;
    }

    .shopProductAnsicht .item-detail .secure-online-shopping > div {
        width: 100%;
        float: none;
    }

    .shopProductAnsicht .item-detail .secure-online-shopping .facts ul {
        height: auto;
        column-count: auto;
    }

    #customerDataForm .box {
        padding: 1.5rem;
    }

    #customerDataForm .row:last-of-type input.btn {
        width: 100%;
    }

    #paymentMethodForm .paymentMethods li div.title {
        width: auto;
    }

    #paymentMethodForm .paymentMethods li div.icon {
        float: right;
        display: inline-grid;
        grid-template-columns: 70px 70px;
        grid-auto-flow: dense;
        column-gap: 2px;
        row-gap: 2px;
        justify-content: end;
    }

    #paymentMethodForm .paymentMethods li div.icon img:nth-of-type(2n+1) {
        grid-column: 2;
    }

    #paymentMethodForm .radioWrapper label {
        font-size: 16px;
        line-height: 16px;
    }

    #checkout-summary .box-itemList {
        padding: 20px 4px;
    }

    .table-shoppingCart-itemList thead {
        font-weight: 600;
        font-size: 10px;
    }

    #orderDetail-summary-total tbody td.caption {
        font-size: 1.3em;
        padding-left: 0!important;
    }

    .paymentshippingPaymentAnsicht .paymentMethods {
        width: 200px;
        margin: auto;
    }

    .table-shoppingCart-itemList thead th:nth-of-type(3),
    #checkout-summary-itemList thead th:nth-of-type(3),
    .orders .items .itemlist-small thead th:nth-of-type(3) {
        display: none;
    }

    .table-shoppingCart-itemList thead div,
    #checkout-summary-itemList thead,
    .orders .items .itemlist-small thead {
        text-align: center;
    }

    .table-shoppingCart-itemList thead th div,
    #checkout-summary-itemList thead th,
    #checkout-summary-itemList tbody td,
    .orders .items .itemlist-small thead th,
    .orders .items .itemlist-small tbody td {
        border-style: none;
        text-align: center!important;
    }

    #checkout-summary-itemList thead th,
    #checkout-summary-itemList tbody td,
    .orders .items .itemlist-small thead th,
    .orders .items .itemlist-small tbody td {
        padding: 0;
    }

    #checkout-summary-itemList tbody td.pricePerUnit,
    #checkout-summary-itemList tbody td.total,
    .orders .items .itemlist-small tbody td.pricePerUnit,
    .orders .items .itemlist-small tbody td.total {
        padding: 8px 0;
    }

    .orders .items .itemlist-small tbody tr .pricePerUnit,
    .orders .items .itemlist-small tbody tr .total {
        display: block;
        margin: 0 auto;
        white-space: nowrap;
    }

    .table-shoppingCart-itemList .shoppingCart-item .listpricePerUnit,
    #checkout-summary-itemList tbody tr .pricePerUnit,
    .orders .items .itemlist-small tbody tr .pricePerUnit {
        position: static;
        margin-top: 30%;
    }

    .table-shoppingCart-itemList .shoppingCart-item .totalPrice,
    #checkout-summary-itemList tbody tr .total,
    .orders .items .itemlist-small tbody tr .total {
        position: static;
        margin-bottom: 30%;
    }

    .table-shoppingCart-itemList .shoppingCart-item .image img,
    #checkout-summary-itemList tbody tr .image img,
    .orders .items .itemlist-small tbody tr .image img {
        width: 100px;
    }

    #checkout-summary-itemList tbody td.total,
    .orders .items .itemlist-small tbody td.total {
        color: #C8001E;
    }

    .table-shoppingCart-itemList .shoppingCart-item {
        background-color: #f6f6f6;
    }

    #checkout-summary-itemList tbody tr {
        background-color: #e3e3e3;
        border-top: 5px solid #f2f2f2;
    }

    .orders .items .itemlist-small tbody tr {
        background-color: #e3e3e3;
        border-top: 5px solid #F2F2F2;
    }

    .table-shoppingCart-itemList .shoppingCart-item label,
    #checkout-summary-itemList tbody tr label,
    .orders .items .itemlist-small tbody tr label {
        font-size: 8px;
        display: block;
    }

    .table-shoppingCart-itemList .shoppingCart-item .quantity,
    #checkout-summary-itemList .quantity {
        width: 50px;
    }

    #checkout-summary .checkout-details {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    #checkout-summary .print {
        float: none;
    }

    #checkout-summary .print .btn-print {
        padding: 1em 2em;
    }

    #checkout-summary .btn-checkout {
        padding: 1em;
        white-space: normal;
    }

    #shoppingCartHeadline a {
        font-size: 0.5em;
        line-height: 3em;
    }

    #shoppingCart-couponForm {
        padding-bottom: 25px;
    }

    #shoppingCart-couponForm,
    #shoppingCart-couponForm input{
        text-align: center;
    }

    #shoppingCart-couponForm .text {
        line-height: 1.5em;
        float: none;
    }

    #shoppingCart-couponForm .form {
        float: none;
    }

    #shoppingCart-couponForm input,
    #shoppingCart-couponForm button {
        width: 100%;
    }

    .shoppingCart-details, .checkout-details {
        padding: 2em 0 0.5em 0;
    }

    #shoppingCart-paymentMethods .paymentMethods-head {
        line-height: 24px;
    }

    #shoppingCart-proceedBlock .shoppingCart-proceed,
    #shoppingCart-proceedBlock .shoppingCart-proceed .btn-paypalExpress {
        width: 100%;
    }

    #shoppingCart-sidebar .btn-default-action {
        margin-left: 0;
    }

    #shoppingCart-sidebar .shoppingCart-goToShoppingCart,
    #shoppingCart-sidebar .shoppingCart-proceedBox {
        padding: 0 6px;
    }

    #shoppingCart-sidebar .shoppingCart-goToShoppingCart a.btn,
    #shoppingCart-sidebar .shoppingCart-proceedBox a.btn {
        width: 100%;
    }

    #shoppingCart-sidebar .shoppingCart-proceedError {
        margin: 0;
    }

    #itemlist-items .itemlist-pagination-head,
    #itemlist-items .itemlist-pagination-footer {
        width: 100%;
        text-align: center;
    }

    .itemlist-item:nth-of-type(2n+1) {
        padding-left: 0;
    }

    .itemlist-item:nth-of-type(2n+2) {
        padding-right: 0;
    }

    .itemlist-item .title {
        justify-content: center;
    }

    .itemlist-item .item-list .info {
        line-height: 10px;
    }

    .shopSortfilterAnsicht .itemlist-item .stock {
        font-weight: 600;
    }

    .notifyWhenAvailable .btn-notify,
    .login-for-price .btn-notify {
        width: auto;
    }

    #myaccount-overview > h1 {
        margin: 0 10px 0.25em 10px;
    }

    #myaccount-overview .row .box {
        height: auto;
    }

    #myaccount-overview .row .box .btn {
        position: static;
        margin-bottom: 0;
    }

    #myaccount-overview .row > div {
        height: auto;
    }

    #myaccount-overview .infos .detailLink a {
        padding: 1em;
    }

    #login .block .fact,
    .block-hotline .fact {
        text-align: center;
    }

    #login .block .fact i {
        float: none;
        width: auto;
    }

    #login .block .fact div,
    #checkout-paymentMethod .block-hotline .fact div,
    .block-hotline .fact div,
    .shopPayAnsicht .block-hotline .fact div {
        padding: 0;
        float: none;
        width: 100%;
    }

    #login .block {
        height: auto;
    }

    #login .block-hotline {
        height: auto!important;
    }

    #login .btn,
    #checkout-summary a.btn,
    #checkout-summary input.btn {
        position: static;
        width: 100%;
    }

    #checkout-summary a.btn {
        margin-top: 10px;
    }

    #checkout-summary .box {
        height: auto;
    }

    #login .block-hotline,
    #checkout-paymentMethod .block-hotline,
    .shopPayAnsicht .block-hotline {
        text-align: center;
        height: auto;
    }

    #paymentMethodForm .paymentMethodsContainer {
        padding: 5px 10px;
    }

    .shopPayAnsicht .block {
        padding: 2em;
    }

    .shopPayAnsicht .block .payment-infos tbody td {
        display: table;
    }

    .shopPayAnsicht .block .payment-infos tbody td.field {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .shopPayAnsicht .block.pay-advancePayment a.btn {
        width: 100%;
        padding: 1em 0.5em;
    }

    .itemlist .filterPreset-description > a,
    .itemlist .brand-description > a,
    .filterPreset-description a:last-of-type {
        padding: 2px 5px;
        margin-left: 20px;
        float: right;
        font-weight: 500;
    }

    #filterChevron {
        display: inline;
    }

    .itemlist .filter.hasCheckedInputs a.clearSelection {
        position: relative;
        font-size: 18px;
        top: -30px;
    }

    .myaccount .orders .infos,
    .myaccount .orders .status,
    .myaccount .orders .shipping,
    .myaccount .orders .items,
    .myaccount .orders .rating {
        height: auto;
    }

    .myaccount .orders .infos .date {
        width: 100%;
        margin-bottom: 20px;
    }

    .myaccount .orders .status .payLink a.btn {
        margin-left: 0;
        margin-top: 15px;
    }

    .benefitsContainer .benefit {
        padding: 2rem 4rem 2rem 2rem;
        height: auto;
    }

    /* TODO margin 0 -20px ?? */
    .carousel {
        margin: 0;
        height: auto;
    }

    .carousel a.left,
    .carousel a.right {
        width: 10%;
        margin: 0;
    }

    .carousel .carousel-control .fas {
        font-size: 5vw;
        margin-top: -2.5vw;
        width: auto;
        height: auto;
    }

    h2.text-center {
        text-align: left;
        font-size: 1.7em;
    }

    h4 {
        font: 300 1.2em "Open Sans", Arial, Helvetica;
    }

    #partners h2 {
        padding: 0 1em;
    }

    #works {
        padding-top: 5em;
    }

    .partners {
        display: block;
        float: left;
    }

    .partners img {
        width: 120px;
    }

    .about.spacer {
        padding-left: 2em;
        padding-right: 2em;
    }

    .spacer {
        padding: 2em 0 0 0;
    }

    .process ul li {
        margin-bottom: 1em;
    }

    .highlight-info .overlay {
        padding-bottom: 2em;
    }

    .grid.team div {
        margin: 0;
        padding: 0;
    }

    .renderBanner img {
        max-width: 100%;
    }

    .renderBanner .renderItems-1 .renderItem {
        left: 50px;
    }

    .renderBanner.hasColor picture,
    .renderBanner.hasColor img {
        display: none;
    }
    .renderBanner.hasColor .overlayText {
        position: static;
    }

    .shopHomeAnsicht .carousel {
        height: auto;
    }

    .shopProductAnsicht .item-detail .item-detail-inner .imageThumbs {
        width: 15%;
        left: 85%;
        z-index: 1;
        position: absolute;
    }

    .item-detail .product-details .nav li.active a {
        border-bottom: 1px solid white;
    }

    a.btn-addRating,
    button.btn-addRating {
        margin-top: 10px;
        padding: 1em 1em;
    }

    #item-detail-ratingForm .title {
        width: auto;
    }

    #item-detail-ratingForm textarea {
        width: 100%;
    }

    #item-detail-ratingForm .btn {
        width: 100%;
        padding: 1em 0;
    }

    #item-detail-ratingForm .g-recaptcha > div {
        margin: 0 auto;
    }

    .form-errorsOccured,
    .checkout-error,
    .form-saved {
        padding: 1em 1em 1em 3em;
    }

    .paymentshippingShippingAnsicht .shipping .betrag,
    .paymentshippingShippingAnsicht .shipping .freiab {
        display: table;
        margin: 5px;
    }

    .paymentshippingShippingAnsicht .shipping .flag img {
        width: 100%;
        height: auto!important;
    }

    .paymentshippingShippingAnsicht .shipping tbody tr td {
        padding: 1em;
    }

    .paymentshippingShippingAnsicht .shipping tbody tr {
        background-color: #EDEDED;
    }

    #overlay-image3d .overlay-inner-image3d {
        top: 10%;
    }

    .overlay-inner .closeHandle {
        z-index: 9999;
    }

    .item-detail .secure-online-shopping .ekomi img {
        width: 50%;
    }

    /*.carousel .renderItems-1 .sticker-inner span:first-child {*/
    /*    margin-top: 1.5px;*/
    /*    font-size: 6vw;*/
    /*}*/

    /*.carousel .renderItems-1 .sticker-inner span:last-child {*/
    /*    font-size: 1.4vw;*/
    /*}*/

    .item-detail .item-detail-inner .sticker,
    .item-detail .item-detail-inner.has3dImage .sticker {
        z-index: 1;
        top: 75px;
        left: 75px;
    }

    #login .block .fact i,
    #checkout-paymentMethod .block-hotline .fact i,
    .shopPayAnsicht .block-hotline .fact i {
        padding: 5px 10px 0 10px;
    }

    .footer {
        margin-top: 2em;
        padding-bottom: 2em;
        text-align: center;
    }

    .footer .container {
        padding: 0;
    }

    .footer div.footer-fact {
        padding: 0;
        border-bottom: 1px solid #fff;
        border-left: none;
        border-right: none;
        font: 300 14px/14px "Open Sans", Arial, Helvetica;
    }

    .footer .headline {
        font: 700 20px/20px "Open Sans", Arial, Helvetica;
    }

    .footer div.col-md-2 .footer-fact {
        min-height: 0;
        padding-bottom: 0.75em;
    }

    .footer div.col-md-2:last-of-type .footer-fact img {
        width: 75%;
        max-width: 380px;
    }

    .footer .footer-fact-support .box {
        padding: 10px 0 5px;
        border: 1px solid #fff;
    }

    .footer .partners {
        float: none;
    }

    .footer .headline-bio {
        margin-top: 20px;
    }

    .footer .footer-fact-first li {
        line-height: 30px;
    }

    .carousel .sticker:not(.sticker-price) {
        display: none;
    }

    #shoppingCart-paymentMethods,
    #shoppingCart-paymentMethods .shoppingCart-paymentMethods {
        text-align: center;
    }

    #shoppingCart-paymentMethods .shoppingCart-paymentMethods li {
        float: none;
        display: inline-block;
    }

    .footer .box.bezahlung img,
    #shoppingCart-paymentMethods img {
        float: none;
        clear: left;
        margin: 5px!important;
        display: inline-block;
    }

    .table-shoppingCart-itemList .shoppingCart-item .quantity a:first-child {
        position: relative;
        top: 75px;
    }

    .table-shoppingCart-itemList .shoppingCart-item .quantity a:last-child {
        position: relative;
        top: -75px;
    }

    .footer .box.lieferung img:first-of-type {
        display: none!important;
    }

    .aboutus .video {
        margin: 0;
        padding: 1em 0 0 0;
    }

    .aboutus .container-fluid .video .row {
        width: 100%;
    }

    .hotspot .body,
    .mario .body,
    .block-description {
        font-size: 4vw;
    }

    .aboutusHotspotAnsicht img,
    .aboutusMarioAnsicht img,
    .aboutusImagesAnsicht img {
        width: 100%;
    }

    .aboutusImagesAnsicht .column-0,
    .aboutusImagesAnsicht .column-1,
    .aboutusImagesAnsicht .column-2 {
        padding: inherit;
    }

    .aboutus .carousel {
        margin: 0 -10px;
    }

    .quickOrder-existingOrders,
    .quickOrder-indicatorInput,
    .quickOrder-fileupload {
        text-align: center;
    }

    .quickOrder-existingOrders select {
        display: block;
        margin: 10px auto;
    }

    .quickOrder-existingOrders .btn-quickOrder,
    .quickOrder-existingOrders select,
    .quickOrder-indicatorInput .btn-quickOrder,
    .quickOrder-fileupload .btn-quickOrder {
        min-width: 240px;
    }

    .quickOrder-indicatorInput .btn-quickOrder {
        display: block;
        margin: 10px auto;
    }

    #quickOrder-indicator {
        min-width: 196px;
    }

    .bigspirits .mouseoverText h1,
    .bigspirits .overlayText h1 {
        font-size: 1.2em;
    }

    .bigspirits .mouseoverText h2,
    .bigspirits .overlayText h2 {
        font-size: 18px;
        margin-bottom: 1em;
    }

    .bigspirits .mouseoverText,
    .bigspirits .overlayText {
        padding: 1em;
        font-size: 1.5em;
    }

    .bigspirits .overlayText {
        min-height: 223px;
    }

    .bigspirits .mouseoverText ul {
        padding: 1em;
        font-size: 1.2em;
    }

    .bigspirits .home-vpullup {
        margin-top: 0;
    }
    .bigspirits .home-vpullup2 {
        margin-top: 0;
    }
    .bigspirits .home-vpullup3 {
        margin-top: 0;
    }

    .bigspirits .topbar,
    .bigspirits .topbar-wrapper{
        display: block;
    }

    .bigspirits div#top-nav {
        top: -125px;
    }

    .bigspirits .row-search-bar .search .search-bar {
        width: 100%!important;
        float: left;
        padding: 15px;
    }

    .bigspirits .row-search-bar .search .search-bar input.searchterm {
        width: 100%!important;
    }

    .bigspirits div#header > div.row > div.topbar-wrapper {
        top: 0;
    }

    .bigspirits .navbar-toggle {
        top: 0;
    }

    .bigspirits div.topbar {
        height: 41px;
    }

    /*TODO check again*/
    html.preventMobileScroll .bigspirits div.topbar #topbar {
        max-height: calc(var(--vh, 1vh) * 100 - 111px);
    }

    .bigspirits div.topbar div#topbar.topbar-collapse {
        margin-top: 156px;
    }

    .bigspirits .searchbar-logo {
        width: 200px!important;
        padding-top: 0!important;
        top: 0;
    }

    .bigspirits #searchbar_shoppingcart {
        top: 0;
    }

    .bigspirits .row-search-bar .search .staffelrabatt {
        display: none;
    }

    .bigspirits #top-nav .search .btn-quickOrder,
    .bigspirits #top-nav .search .btn-pricelistDownload {
        display: none!important;
    }

    html.preventMobileScroll .bigspirits #top-nav .search .btn-quickOrder,
    html.preventMobileScroll .bigspirits #top-nav .search .btn-pricelistDownload {
        position: absolute;
        display: block!important;
        width:100%!important;
        top: 0;
        height: 48px;
        left: 0;
    }

    html.preventMobileScroll .bigspirits .search .btn-quickOrder {
        margin: 196px 0 0!important;
    }

    html.preventMobileScroll .bigspirits .search .btn-pricelistDownload {
        margin: 244px 0 0!important;
        border-top: none;
        border-left: none;
    }

    .bigspirits .footer .box.lieferung {
        min-height: 50px;
    }

    .bigspirits .footer .certificates img {
        width: 61px!important;
    }

    #preislistenStatus ul li .pricelistReady {
        color: red;
    }

    #itemlist-filter {
        position: fixed;
        z-index: 99999999;
        background: transparent;
        width: 100%;
        padding: 0;
        top: 0;
        /*top: 41px;*/
        left: 0;

        overflow-y: scroll;
    }

    #itemlist-filter.fullheight {
        bottom: 0;
        right: 0;
        margin-bottom: 0;
        background: white;
    }

    #productFilter {
        padding: 10px;
    }

    #itemlist-filter .filter-header {
        display: none;
    }

    #filterChevron {
        z-index: 9999999999;
        position: fixed;
        background-color: white;
        color: #C8001E;
        border: 1px solid #BBB;
        filter: drop-shadow(5px 5px 7px #BBB);
        bottom: 20px;
        top: auto;
        right: 20px;
        font-size: 2rem!important;
        padding: 2rem;

        border-radius: 100px;
    }

    #langswitchLink {
        position: fixed;
        background-color: white;
        bottom: 20px;
        right: 50px;
        top: auto!important;
        filter: drop-shadow(5px 5px 7px #BBB);
        width: auto!important;
        border-radius: 20px;
        padding: 15px!important;
        font-weight: 700;
    }

    #langswitchLink img {
        margin: 0;
    }

    #contentContainer.xs-searchbar-open #filterChevron {
        display: none;
    }

    #filterChevron span {
        display: none;
        font-size: 2rem;
        font-weight: 700;
        margin-right: 20px;
        line-height: 3rem;
    }

    #itemlist-filter.fullheight {
        bottom: 80px;
    }

    #itemlist-filter.fullheight #filterChevron {
        height: 80px;
        text-align: center;
        border-radius: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #filterChevron span.fullheight {
        display: inline;
    }

    ul.exportService {
        line-height: 1.8em;
    }

    .inhalte .container .inhalteLetzterEintrag .body strong,
    .inhalte .container .inhalteLetzterEintrag .body ol {
        line-height: 1.7em;
    }


    .show-sm {
        display: block !important;
    }
    .show-lg,
    .show-md,
    .show-xs {
        display: none !important;
    }

    .video-aboutus .overlayText {
        margin-top: 550px;
        margin-left: 50px;
        width: 600px;
        font-size: 1.25em;
    }

    #overlayNotify.ageCheckOverlay .overlay-inner .title {
        margin: 0.75em 0 0.25em 0;
    }
}