@media only screen and (min-width: 1920px) {
    .teaser_container {
        
    }
    .teaserTextBlack {
        font-size: 3.5em;
        line-height: 1em;
        font-weight: bold;
    }
    .teaserTopicBlack {
        font-size: 1.4em;
    }
    .mWidth500 {
        font-size: 1.3em;
    }
    .sliderTopicBlack {
        font-size: 1.4em;
    }
    .sliderBlueTransparent {
        font-size: 2.5em;
    }
    .pos-visualLinks {
        left: 35em;
        bottom: 5em;
    }
    .pos-hautpflege {
        left: 20em;
        bottom: 3.2em;
    }
    .pos-Karriere {
        bottom: 5em;
        left: 18em;
    }
    .posPSA {
        bottom: 6em;
        left: 8em;
    }

    #DetailZoom .image img {
        width: 35%;
        height: auto;
    }
}

@media only screen and (max-width: 1700px) {
    #os_scart_form input[class*="menge"] {
        width: 80% !important;
    }
    #RubView input.amountSmall {
        margin-right: 14px;
    }
    #DetailZoom .image img {
        width: 35%;
        height: auto;
    }
}

@media only screen and (max-width: 1590px) {
    
    .ShopTable.quickbrick td {
        display: block;
        text-align: right;
        position: relative;
        min-height: 40px;
    }
    
    .ShopTable.quickbrick form {
        position: relative;
    }
    
    .ShopTable.quickbrick th {
        display: none;
    }
    .ShopTable.quickbrick td:before {
        content: attr(data-title) " ";
        float: left;
        display: block;
    }
    
    .ShopTable.quickbrick tr td:last-of-type {
        padding-right: 0.625em;
    }
    
    .ShopTable.quickbrick tr td table td,
    .ShopTable.quickbrick tr td table td:last-of-type {
        padding-right: 0;
    }
    
    .ShopTable.quickbrick tr td input[type="text"] {
        right: 45px;
        position: absolute;
        margin-bottom: 5px;
        width: calc(100% - 200px);
    }
    
    .teaser_rechts .teaser_block {
        float: none;
    }
    .teaser_links .teaser_block {
        float: none;
    }
    .teaser_block {
        margin-left: auto;
        margin-right: auto;
    }
    #DetailZoom .image img {
        width: 35%;
        height: auto;
    }
}

@media only screen and (max-width: 1500px) {
    
    .sliderBlueTransparent {
        font-size: 2vw;
        padding: 1.1vw 1.1vw 1.2vw 1.2vw;
    }
    .sliderBlueTransparent .ico {
        font-size: 1.2vw;
        margin-left: 0.5vw;
        margin-top: 0vw;
    }
    .pos-hautpflege {
        position: absolute;
        left: 18vw;
        top: 12vw;
    }
    .TopicBlackKarriere {
        top: 10vw;
        left: 27vw;
    }
    .sliderKarriere {
        top: 15vw;
        left: 27vw;
    }
    .widescreen #Navigationbar ul.productsnav {
        grid-template-columns: 16% 16% 16% 16% 16% 16%;
    }
    .fixedscreen #Navigationbar ul.productsnav {
        grid-template-columns: 20% 20% 20% 20% 20%;
    }
    #Navigationbar ul.productsnav {
        grid-template-columns: 16% 16% 16% 16% 16% 16%;
    }
    #SearchFilter #ArticlesPerPage {
        width: 100%;
    }
    #DetailZoom .image img {
        width: 50%;
        height: auto;
    }

    /* Preigruppen Wechsel*/
    span.price-switch {
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 1225px) {
    #FactFinder {        
        left: 330px;
        margin-left: 0px;        
    }

    .CCinArticle>.CCInput {
        float: none;
    }
    .setToggle i.fa.fa-angle-down.open {
        display: block !important;
        float: left !important;
    }
    span.setToggle {
        width: 80px;
        float: left;
    }
}

@media only screen and (max-width: 1216px) {
    .widescreen #Navigationbar ul.productsnav, .fixedscreen #Navigationbar ul.productsnav
        {
        grid-template-columns: 20% 20% 20% 20% 20%;
    }
    .pos-Karriere {
        position: absolute;
        top: 10vw;
        left: 27vw;
    }
    #floatingMenu, .FloatingButtonRight {
        display: none;
    }
    #customerMenu>a>div>i {
        padding-bottom: 40px;
    }
    .mega-dropdown {
        padding-left: 5px;
        padding-right: 5px;
    }
    li#mainNavEprocure {
        display: none !important;
    }

    /* FIXME: eprocure responsive verstecken */
    a[href*=multi_home] {
        display: none !important;
    }

    /* FIXME: ArticleCompare responsive verstecken */
    a[href*=compare] {
        display: none !important;
    }
    #CompareTable a[href*=del] {
        display: block !important;
    }

    /* Buttons im Warenkorb auf gesamte Breit */
    .button.FloatRight.MarginLeft {
        width: 47%;
        margin-bottom: 30px;
    }
    .button.button_dark.FloatRight:not(a[href*="#PayAndContinue"]):not(.artcmssubmit) {
        padding: 5px 24px 5px 24px !important;
        max-width: unset !important;
    }
    #ScartOrderButton button {
        width: 100%;
    }
    #os_scart_form input[class*="menge"] {
        width: 66% !important;
    }
    #os_scart_form .CCInput {
        width: 100%;
    }

    /* Detail Tabelle in Accrdions umwandelt */
    #DetailTableWrapper {
        display: block;
        width: 100%;
    }
    #DetailCross th, #DetailTable th, #DetailTable th select {
        font-size: 0.75em;
    }
    #DetailTable th i {
        font-size: 0.8em;
    }
    #DetailCross th, #ScartTable th, #DirectOrderTable th, .ShopTable th {
        font-size: 1.1em;
    }
    .DetailContent .shariff {
        margin-top: 0;
    }
    #downloadList {
        padding-left: 1em;
    }
    #RubView form {
        margin-top: 0px;
    }
    #DirectOrderTable th:first-child {
        display: block !important;
        left: 0px !important;
        position: relative !important;
    }
}

@media only screen and (max-width: 1100px) {

    .teaser_image {
        height: 300px;
    }

    .teaser_flatbox {
        height: 300px;
    }
    
    .teaser_rechts .teaser_flatbox,
    .teaser_links .teaser_flatbox {
        height: 300px;
    }

}

@media only screen and (max-width: 1024px) {

    .hide_mobile{
        display: none !important;
    }

    #readmorecontainer{
        clear:both;
    }
    .widescreen #Navigationbar ul.productsnav, .fixedscreen #Navigationbar ul.productsnav
        {
        grid-template-columns: 25% 25% 25% 25%;
    }
    .noResponsive {
        display: none;
    }
    .no_small_screen {
        display: none;
    }
    .small_screen {
        display: block;
    }
    .small_screen>aside {
        float: left;
        width: 100%;
    }
    header {
        padding-right: 15px;
    }
    #Navi {
        margin-top: 12px;
        width: 100%;
    }
    #customerMenu>a>div>i {
        padding-bottom: 0;
    }
    #customerMenu .TwoColumns {
        width: 99%;
        margin-left: 0.5%;
    }
    .technischer_container {
        width: 100%;
    }
    .technische_daten_container>div:nth-of-type(2n),
        .technische_daten_container>div:nth-of-type(2n+1) {
        float: none;
    }
    .technische_daten_container>div:nth-of-type(2n) .technischer_header {
        display: none;
    }
    .freddoxtabsinhalten>div {
        overflow-x: visible;
    }
    .toTablet {
        display: none;
    }
    /* Allgemien Definitionen für Schrift, Abstände */
    .Height170 {
        height: 200px;
    }
    .Info input.Input, .Info select.Input {
        width: 90%;
    }
    h3, h3.InfoHead, div.Toggle>i {
        font-size: 1.5em !important;
    }
    /* Grundstrukturen */
    header {
        height: 168px;
    }
    .CMS header {
        height: 168px;
    }
    header h1 {
        left: 1%;
    }
    .SiteContainer {
        padding-left: 1%;
        padding-right: 1%;
    }
    .CMS .content-wrapper {
        padding: 0 10px;
    }
    /* FACt-Finder Suche */
    #FactFinder {
        width: calc(100% - 25px);
        top: 82px;
        left: 1%;
        right: 1%;
        margin-left: 0;
    }
    #suggestLayer {
        top: 130px;
        left: 10px;
        margin-left: 0px;
    }
    #MainNavi, #UserNavi {
        width: auto;
    }
    /* Detail Tabelle in Accrdions umwandelt */
    #DetailTableWrapper {
        display: block;
        width: 100%;
    }
    #DetailCross th, #DetailTable th, #DetailTable th select {
        font-size: 0.75em;
    }
    #DetailTable th i {
        font-size: 0.8em;
    }
    #DetailCross th, #ScartTable th, #DirectOrderTable th, .ShopTable th {
        font-size: 1.1em;
    }
    .DetailContent .shariff {
        margin-top: 0;
    }
    #downloadList {
        padding-left: 1em;
    }

    /* Warenkorbanpassungen */
    #ScartInfo {
        right: 1%;
    }
    #ScartInfo:hover #ScartItemDetails {
        right: -22px;
    }
    #ScartInfo a p>span {
        padding-right: 0px;
    }
    #ScartSteps {
        width: 100%;
    }
    #CustAccount form label {
        display: block;
        position: relative;
    }
    #CustAccount form input.Input {
        margin-left: 0;
        width: 100%;
    }
    /* Footer */
    #Sitemap nav, #Sitemap div.ce_text {
        /*width:48%;*/
        min-width: initial;
        width: auto;
        min-height: 259px;
    }
    div.ce_text h6 {
        font-size: 13px;
        padding-right: 15px
    }
    #Sitemap .wrapper nav:nth-child(3n+3) {
        clear: left;
    }
    .error404-resp p {
        background-color: rgba(255, 255, 255, 0.5);
        width: 100%;
    }
    /* Artikel im CMS */
    /* Produktslider */
    .artCMS .articleSlider .webPikto {
        height: auto;
    }
    /* Funktionsbuttons */
    .artCMS .articlelist.buttons .button {
        line-height: initial;
    }
    .artCMS .inputButton {
        padding: 1em 0.2em;
    }
    .artCMS .articlelist.buttons .button {
        width: 35px;
    }
    .artCMS .articlelist.buttons input.amountSmall {
        padding: 0 4px;
        width: 35px;
    }
    #ScartTable td:before, #ShopTable.ShopTable td:before {
        content: attr(data-title) " ";
        float: left;
        display: block;
    }
    .ResponsiveShopTable {
        border-bottom: none;
    }
    .ResponsiveShopTable thead {
        display: none;
    }
    .ResponsiveShopTable td {
        display: block;
        text-align: right;
    }
    .ResponsiveShopTable>tbody>tr>td:last-child {
        min-height: 20px;
        border-right: none;
    }
    .ResponsiveShopTable>tbody>tr>td:first-child {
        border-left: none;
    }

    /* Warenkorbtabelle Responsive */

    .ShopTable:not(#CompareTable, #DetailTable) td {
        display: block;
        text-align: right;
    }
    #DetailTable thead, 
    .ShopTable:not(#CompareTable) tr th,
    .scartRefreshDummy, 
    #ScartTable td.noRespons {
        position: absolute;
        left: -999em;
        display: none;
    }
    #os_scart_form input, #os_scart_form select {
        width: auto !important;
    }
    #os_scart_form input[class*="menge"] {
        width: 68% !important;
    }
    #scartFooter td {
        text-align: left !important;
    }
    .ico-angle-down-solid::before, .fa-angle-down::before {
        font-size: 0.8em;
    }
    .SalesHomeTable td {
        text-align: left !important;
    }
    #Favoliste input.menge {
        float: none !important;
        margin-right: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .menge+.updowncontainer {
        display: inline-table;
    }
    .lieferzeit {
        text-align: right !important;
    }
    .artCMS #RubView .productNameContainer {
        height: 120px;
    }
    .artCMS .addProductsFrame {
        height: 410px;
    }
    .artCMS #RubView .offerItem {
        height: 424px;
    }
    #DetailCross .offerItem {
        height: 500px !important;
    }
    #DetailCross .addProductsFrame {
        height: 410px !important;
    }
    #RubView #DetailCross form {
        width: auto !important;
    }
    #RubView input.amountSmall {
        width: 100px !important;
    }
}

@media only screen and (min-width: 993px) {
    .FFSContent {
        width: calc(100% - 280px);
        padding-left: 10px;
    }
}

@media only screen and (max-width: 992px) {
    .FFSContent {
        width: 70%;
    }
    #quaggarea {
        position: absolute;
        right: 50px;
        top: 7px;
    }
}

@media only screen and (max-width: 1024px) {
    .prev-arrow {
        top: 132px;
        margin-left: 7px;
    }
    .next-arrow {
        float: right;
        top: -176px;
        left: -36px;
        margin-right: 0px;
    }
    .slick-slider {
        padding-left: 0px;
        padding-right: 0px;
        width: unset;
    }
    .FFSContent {
        width: 71%;
    }
    #ShopMenu.FFSMenu {
        width: 28%;
    }
    .DreiSpalten {
        width: 100%;
    }
    .DreiSpalten .btn-container {
        display: contents;
    }
    .Info.DreiSpaltenDiv {
        height: 165px;
    }
    #os_scart_form .CCLabel, #os_scart_form .CCInput {
        width: 100%;
    }
    #ShopMenu .Filter {
        display: none;
    }
    #Filter {
        display: block;
    }
    #ScartSteps .step3 p, #ScartSteps .step4 p {
        bottom: 12px;
    }
    #DetailCross input.amountSmall {
        width: 100px;
        float: unset;
    }
    button.button_dark.FloatRight {
        width: 65px;
    }
    #RubView input.amountSmall {
        margin-right: 14px;
    }
    #os_scart_form input[class*="menge"] {
        width: 29% !important;
    }

    /* Detail Tabelle in Accrdions umwandelt */
    #DetailTable .showmobile {
        display: block;
        font-size: 12px;
    }
    .ShopTable {
        margin-top: 1em;
    }
    #DetailTable {
        border-bottom: none;
    }
    #ScartOrderButton {
        border-left: none;
        text-align: left;
    }
    #DetailTable, #DetailTable tbody, #DetailTable tr, #DetailTable td {
        display: block;
        font-size: 1em;
    }
    #DetailTable td a {
        font-size: 1em;
    }
    #DetailTable.ShopTable tr {
        border-left: none;
        border-right: none;
    }
    .main-navigation#MainNavi ul.level_1>li.activemen {
        overflow: scroll;
    }
    #ScartTable .Article:nth-child(odd) td {
        background-color: #efefef;
    }
    #DetailTable tr {
        background: none;
    }
    #DetailTable tr.active .Width40 {
        width: 100%;
    }
    #DetailTable tr.active td, .ShopTable td {
        display: block;
        text-align: left;
    }
    #DetailTable tr.active td {
        text-align: right;
        border-bottom: 1px solid #ccc;
    }
    #permscartTable.ShopTable thead {
        border-bottom: 1px solid #ccc
    }
    #permscartTable.ShopTable td {
        text-align: left;
    }
    #DetailTable tr.active td:first-child {
        text-align: left;
    }
    #DetailTable a.nolink {
        padding-right: 20px;
    }
    #ScartTable.SLC td {
        text-align: left;
    }
    #DetailTable tr.active td:first-child {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px;
        border-radius: 3px 3px 0 0;
    }
    #DetailTable tr.active td:first-child:after {
        font-family: 'FontAwesome';
        content: "\f139";
    }
    #DetailTable tr.active td:last-child {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0;
        border-radius: 0 0 3px 3px;
    }
    #DetailTable td {
        border-bottom: 0;
    }
    #ScartTable td:before, #DirectOrderTable td:before {
        content: attr(data-title) " ";
        float: left;
        display: block;
    }
    #DetailTable td:first-child:before {
        content: "";
    }
    #os_scart_form input, #os_scart_form select {
        width: auto;
    }
    #DetailTable td:first-child {
        background: #f1f1f1;
        color: #f1f1f1;
        margin-top: .25em;
        border-bottom: 1px solid #CCCCCC;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        text-align: left !important;
    }
    #DetailTable td:first-child .fromTablet {
        position: absolute;
        right: 26px;
        margin-top: 4px;
    }
    #DetailTable td:first-child:hover {
        cursor: pointer;
    }
    #DetailTable td:first-child:after {
        font-family: 'FontAwesome';
        content: "\f13a";
        position: absolute;
        right: 2px;
        top: 5px;
        color: black;
        padding: 3px;
        width: 20px;
        text-align: center;
    }
    #DetailTable td:not(:first-child) {
        display: none;
    }
    #DetailTable td:last-child {
        border-bottom: 1px solid #ccc;
    }
    #UserNavi .submenu {
        border-right: none;
    }
    #DetailTable td::before, #ScartTable td::before, #DirectOrderTable td::before
        {
        content: attr(data-title) " ";
        float: left;
        display: block;
    }
    span.setToggle {
        display: none;
    }
    #CompareTable td {
        display: table-cell;
    }
    .info-map-boxes-item h1 {
        width: 80%;
    }
    #DetailZoom .image img {
        width: 65%;
        height: auto;
    }
    #FFqueryDO {
        width: 100%;
    }
}

@media only screen and (max-width: 816px) {
    .rsts-skin-default .rsts-nav {
        bottom: -10px;
    }
    .pos-tradepro .mWidth500 {
        display: none;
    }
    .mWidth500 {
        font-size: 1.2vw;
    }
    .sliderTopicBlack {
        font-size: 1.3vw;
    }
    .pos-hautpflege {
        position: absolute;
        left: 10vw;
        top: 5vw;
    }
    .posPSA {
        top: 10vw;
        left: 5vw;
        position: absolute;
    }
    .shop .ce_text h1 {
        font-size: 22px;
    }
    .FFSContent {
        width: 100%;
        padding-left: 0px;
    }
    #ShopMenu .Filter {
        display: block;
    }
    #Filter {
        display: none;
    }
    #ShopMenu.FFSMenu {
        width: 100%;
        float: none;
    }
    .ShopContent {
        width: 100%;
    }
    #ShopMenu {
        width: 100%;
        margin-top: 3.5em;
    }
    p#SearchResult {
        padding-top: 15px;
    }
    #ShopMenu.FFSMenu {
        margin-top: 1.0em;
    }
}

@media only screen and (max-width: 768px) {


    #Navigationbar .level_1 > li > a, #Navi i {        
        color: #000;        
    }
    
    #Navi .mega-dropdown.level_3 {    
        display: none;
    }

    #SearchFilter select {
        max-width: calc(100% - 85px) !important;
        width: auto !important;
    }
    .ShopForm td input.Ort{
        float:none;
        margin-left:10px;
    }
    i.fa.fa-barcode {
        font-size: 31px;
        font-family: fontawesome;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .artCMS.articleTable {
        display: block;
        overflow: hidden;
        max-width: 100%;
    }
    .artCMS.articleTable thead {
        display: none;
    }
    .artCMS.articleTable tbody{
        display:block;
    }
    .artCMS.articleTable tbody tr {
        display: inline-grid;
        grid-template-columns: 100%;
        width: 100%;
        grid-template-areas: "ArtNo" "ArtDesc" "ArtPrice";
        min-width: 100%;
        margin: 0;
        padding: 0;
    }

    .artCMS.articleTable tbody .aTabArtnum{
        grid-area: ArtNo;
    }
    .artCMS.articleTable tbody .aTabName{
        grid-area: ArtDesc;
    }
    .artCMS.articleTable tbody .aTabPreis{
        grid-area: ArtPrice;
        width:100%;
    }
    .artCMS.articleTable tbody td:before{
        content: attr(data-name) ": ";
        float: left;
        display: block;
        margin-right: 10px;
        min-width: 110px;
        text-align: left;
    }

    .lieferzeit {
        text-align: right !important;
        /* leider notwendig, um inline-style zu überschreiben */
    }
    .shariff li .fa {
        width: 35px;
        line-height: 27px;
    }
    .ShopTable td:before {
        content: attr(data-title) " ";
        float: left;
        display: block;
    }
    #navLogin {
        padding-left: 0;
    }
    .ShopContent.DetailContent {
        float: none;
        width: 100%;
    }
    #ShopMenu.DetailMenu {
        display: none;
    }
    #Favoliste td:before {
        display: block;
    }
    .main-navigation>ul>li:hover, .main-navigation>ul>li:hover>a,
        .main-navigation>ul>li:hover>a>i {
        background: transparent;
        color: #222;
    }
    #Navigationbar ul.productsnav li>ul.level_3 {
        height: 100%;
    }
    .catimgcontainer {
        display: none;
    }
    .rsts-slide .ce_text {
        position: absolute;
        left: 20px;
        bottom: 20px;
        top: unset;
    }
    #ShopMenu {
        margin-top: 1.5em;
        position: relative;
        margin-bottom: 20px;
    }
    .ico-key {
        margin-left: 0px;
    }
    .teaser_links .teaser_grey {
        text-align: center;
    }
    .teaserTopicBlack, .teaserTextBlack {
        float: left;
        clear: both;
        width: 100%;
    }
    .teaserTopicBlack {
        width: calc(70%);
        margin: 20px 15%;
        font-size: 14px;
    }
    #footer>div.ce_text, #footer #CreditInfoWrapper {
        background-color: #fff;
    }
    .StartContent {
        padding: 0px;
    }
    .teaser_container {
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    nav#MainNavi {
        display: contents;
    }
    #Navigationbar .main-navigation {
        z-index: 2;
        height: 100%;
    }
    #Navi a {
        color: #222;
    }
    #Navigationbar #UserNavi.main-navigation {
        z-index: 1;
        float: left;
        height: auto;
    }
    .main-navigation>ul>li:hover:after {
        display: none;
    }
    #Navigationbar nav ul li a {
        font-size: 14px;
    }
    #Navigationbar nav ul li.activemen>a {
        text-align: center;
        background-color: #fff;
        color: #000;
    }
    #Navigationbar ul.productsnav li>ul.level_3 a::before, #Navi>nav>ul>li>ul>li>a:before
        {
        display: none;
    }
    .main-navigation>ul>li>ul a {
        background-color: transparent;
    }
    #Navigationbar nav ul li.submenu.activemen>a:after, #Navigationbar nav ul li.activemen>a:after
        {
        right: unset;
        border-right: 1px solid #ccc;
        height: 100%;
        content: "\e903";
        top: 0px;
        left: 0px;
        width: 59px;
        text-align: center;
        line-height: 40px;
    }
    #Navigationbar .main-navigation>ul>.activemen li>ul, #Navigationbar .main-navigation>ul>.activemen li:hover>div {
        display: none;
    }
    .main-navigation>ul>li>ul {
        display: none !important;
    }
    .main-navigation>ul>li:hover>ul.level_2:hover {
        display: block !important;
    }
    .main-navigation>ul>li.activemen:hover>ul.level_2:hover {
        display: block !important;
    }
    .main-navigation#MainNavi li.activemen {
        top: 0px;
        overflow: visible;
        padding-top: 0px;
        display: block;
        position: absolute;
        z-index: 999999;
        background: #fff;
        height: auto;
        float: left;
        background: #fff;
        height: auto;
    }
    .main-navigation#MainNavi li.activemen {
        top: 0px;
        display: block;
        position: absolute;
        z-index: 999999;
        height: auto;
        float: left;
        width: 100%;
        top: 0;
        height: 100%;
    }
    #Navigationbar nav ul li>a:after {
        position: absolute;
    }
    #Navigationbar nav ul li.submenu>a:after, #Navigationbar nav ul li>a:after
        {
        content: "\e907";
        font-family: 'icomoon';
        left: unset;
        display: block;
        top: 10px;
        bottom: auto;
        right: 10px;
    }
    /* Menu */
    #ResponsiveButton.active i.fa.ico-menu, #SearchButton a.active .ico-search
        {
        transform: rotate(90deg);
    }
    #ResponsiveButton i.fa.ico-menu, #ResponsiveButton .ico-menu:before,
        #SearchButton a .ico-search, #SearchButton a .ico-search:before
        {
        transition: 0.25s;
    }
    #ResponsiveButton.active .ico-menu:before, #SearchButton a.active .ico-search:before
        {
        content: "\ea0f";
    }
    /* SLIDER */
    .rsts-skin-default .rsts-nav {
        bottom: 0px;
    }
    .rsts-skin-default .rsts-nav-bullets a {
        width: 10px;
        height: 10px;
    }
    #ScartInfo:hover i.fa.ico-cart {
        color: #0075bc;
    }
    /* DETAILSEITE - Referenzartikel */
    #RubView li, #RubView .offerItem {
        margin: auto auto auto auto;
        flex: auto;
    }
    .flexcontainer, .articlelist {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .ResponsiveBorder {
        border: 1px solid #ccc;
    }
    .ResponsiveBorder#ScartTable>tbody>tr>td:first-child {
        border: 0;
    }
    .ResponsiveBorder#ScartTable>tbody>tr>td:last-child {
        border: 0;
    }
    #CCTable td:not(:first-child ):not(:last-child) {
        border-bottom: 1px solid #ccc;
    }
    .categoryselector {
        height: 44px;
        position: absolute;
        top: 10px;
        left: 30px;
    }
    #categorydropdown {
        bottom: 0;
    }
    #CCTable tr:not(:first-child) {
        border-top: 1px solid #aaa;
    }
    body {
        padding-top: 45px;
    }
    #PrintView body {
        padding-top: 5px;
    }
    #demonote {
        margin-top: 20px;
    }
    .ico-angle-down-solid::before, .fa-angle-down::before {
        font-size: 0.7em;
    }

    /* Allgemien Definitionen für Schrift, Abstände */
    h1 {
        -webkit-text-size-adjust: 100%;
    }
    h2 {
        font-size: 1.5em;
        -webkit-text-size-adjust: 100%
    }
    h3, h3.InfoHead, div.Toggle>i {
        font-size: 1.4em !important;
        -webkit-text-size-adjust: 100%
    }
    .SiteContainer {
        margin-top: 10px;
    }
    .breakpoint-768 .SiteContainer {
        margin-top: 15px;
    }
    .page {
        margin-top: 0;
    }
    .meta-menu-container {
        display: none;
    }
    #DetailCross, .TwoColumns {
        width: 99%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
    .CMS.twocolumnleft section.main-content, .CMS.twocolumnright section.main-content
        {
        float: none;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 0;
    }
    .Height150 {
        height: 300px;
    }
    .DreiSpalten {
        width: 100%;
    }
    .DreiSpalten .Height170 {
        height: auto;
        padding-bottom: 50px;
    }
    #Pages * {
        font-size: 0.9em;
    }
    .button {
        padding: 5px;
    }
    .fromTablet {
        display: inline;;
    }
    .noTablet {
        display: none;
    }
    #CMS .FFSContent img {
        width: 100%;
        height: auto;
    }
    /* Grundstrukturen */
    header, .CMS header {
        height: 60px;
        background-color: #fff;
        top: 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }
    header, .CMS .page-header {
        position: fixed;
        z-index: 1001;
    }
    .content-wrapper {
        margin-top: 40px
    }
    #Logo {
        
        height: 51px;
        background-position: bottom left;
        background: url(/tradepro/shop/layout/suhner_logo.svg) top left no-repeat;
        background-size: contain;
    }
    #LogoBW {
        display: block;
    }
    body.start #navLogin {
        display: block;
    }
    /* Detail Tabelle in Accrdions umwandelt */
    #DetailTable .showmobile {
        display: block;
        font-size: 12px;
    }
    .ShopTable {
        margin-top: 1em;
    }
    #DetailTable {
        border-bottom: none;
    }
    #ScartOrderButton {
        border-left: none;
        text-align: left;
    }
    #DetailTable, #DetailTable tbody, #DetailTable tr, #DetailTable td {
        display: block;
        font-size: 1em;
    }
    #DetailTable td a {
        font-size: 1em;
    }
    #DetailTable.ShopTable tr {
        border-left: none;
        border-right: none;
    }
    #DetailTable thead, .ShopTable tr th, .scartRefreshDummy, #ScartTable td.noRespons
        {
        position: absolute;
        left: -999em;
        display: none;
    }
    .main-navigation#MainNavi ul.level_1>li.activemen {
        overflow: auto;
    }
    #ScartTable .Article:nth-child(odd) td {
        background-color: #efefef;
    }
    #DetailTable tr {
        background: none;
    }
    #DetailTable tr.active .Width40 {
        width: 100%;
    }
    .ShopTable td {
        display: block;
        text-align: left;
    }
    #permscartTable.ShopTable thead {
        border-bottom: 1px solid #ccc
    }
    #permscartTable.ShopTable td {
        text-align: left;
    }
    #DetailTable tr.active td:first-child {
        text-align: left;
    }
    #DetailTable a.nolink {
        padding-right: 20px;
    }
    #ScartTable.SLC td {
        text-align: left;
    }
    #DetailTable tr.active td:first-child {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px;
        border-radius: 3px 3px 0 0;
    }
    #DetailTable tr.active td:first-child:after {
        font-family: 'FontAwesome';
        content: "\f139";
    }
    #DetailTable tr.active td:last-child {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0;
        border-radius: 0 0 3px 3px;
    }
    #DetailTable td {
        border-bottom: 0;
    }
    #DetailTable td:before, #ScartTable td:before, #DirectOrderTable td:before
        {
        content: attr(data-title) " ";
        float: left;
        display: block;
    }
    #DetailTable td:first-child:before {
        content: "";
    }
    #os_scart_form input, #os_scart_form select {
        width: auto;
    }
    #DetailTable td:first-child {
        background: #f1f1f1;
        color: #f1f1f1;
        margin-top: .25em;
        border-bottom: 1px solid #CCCCCC;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        text-align: left;
    }
    #DetailTable td:first-child .fromTablet {
        position: absolute;
        right: 26px;
        margin-top: 4px;
    }
    #DetailTable td:first-child:hover {
        cursor: pointer;
    }
    #DetailTable td:first-child:after {
        font-family: 'FontAwesome';
        content: "\f13a";
        position: absolute;
        right: 2px;
        top: 5px;
        color: black;
        padding: 3px;
        width: 20px;
        text-align: center;
    }
    #DetailTable td:not(:first-child) {
        display: none;
    }
    #DetailTable td:last-child {
        border-bottom: 1px solid #ccc;
    }
    #UserNavi .submenu {
        border-right: none;
    }

    /* Tabs to Accordion */
    ul.resp-tabs-list {
        display: none;
    }
    .resp_tabs_cont ul.resp-tabs-list {
        display: block;
    }
    h2.resp-accordion {
        display: block;
    }
    .resp-vtabs .resp-tab-content {
        border: 1px solid #ccc;
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display: none;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #ccc;
    }
    .InfoText>.BottomRight {
        margin: 20px 20px 0 20px;
        position: relative;
    }
    /* Warenkorbanpassungen */
    #ScartInfo {
        background: none;
        right: 0;
        width: 60px;
        border-left: 1px solid #ccc;
        top: 0;
        height: 60px;
        padding-top: 15px;
    }
    .scartcounternumber {
        left: -20px;
    }
    #ScartItemDetails h4, #ScartItemDetails a {
        font-size: 1em;
    }
    #ScartInfo:hover #ScartItemDetails {
        top: 60px;
        right: 0px;
    }
    #ScartSteps .step3 p, #ScartSteps .step4 p {
        bottom: 12px;
    }
    #ScartOrderButton {
        width: 100%;
    }
    .ShopForm .PLZ, .ShopForm .Ort {
        width: 44%;
    }
    #ScarStepsExplain {
        width: 95%;
    }
    div.Info ul {
        margin-left: 5%;
    }
    .Info .btn-container {
        position: relative;
        text-align: left;
        margin-left: 0px;
        top: 1em;
        bottom: 0;
    }
    /* FACt-Finder Suche */
    #SearchButton {
        position: absolute;
        top: 0;
        right: 60px;
        width: 60px;
        text-align: center;
        border-left: 1px solid #ccc;
        height: 60px;
        font-size: 1.5em;
        padding-top: 17px;
    }
    #FactFinder {
        display: none;
        width: 103%;
        margin: 0;
        top: 60px;
        padding: 0;
        border-bottom: 1px solid #ccc;
        padding: 10px 30px;
        height: auto;
        background: #fff;
        left: 0;
    }
    #FactFinder input {
        height: 44px;
        width: 100%;
        -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        padding-left: 145px !important;
    }
    #FactFinder button {
        border: none;
        box-shadow: none;
        text-shadow: none;
        background: none;
        top: 10px;
        right: 30px;
        width: 2.4em;
    }
    #FactFinder button i {
        color: #414141;
    }
    #FactFinder>a {
        display: inline-block;
        position: absolute;
        right: 70px;
        top: 17px;
    }
    #suggestLayer {
        top: 114px;
        left: 30px;
        margin-left: 0px;
    }
    /* Navigation */
    #Navigationbar ul.level_1 {
        height: 100%;
    }
    .main-navigation>ul>li, .main-navigation>ul>li a, .main-navigation ul  li,
        .main-navigation ul  li a {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    #Navigationbar nav ul li {
        max-width: none;
    }
    #Navigationbar {
        position: fixed;
        z-index: 1001;
        margin: 60px 0 0 0;
        width: 100%;
        display: none;
        bottom: auto;
        top: 0px;
        width: 100%;
        height: calc(100% - 60px);
        overflow-x: hidden;
        overflow-y: hidden;
        background: #f1f1f1;
    }
    #Navigationbar ul.productsnav li>ul.level_3 {
        display: none;
    }
    .main-navigation>ul>li:hover, .main-navigation>ul>li>a:hover {
        background: transparent;
        color: #000 !important;
    }
    .CMS #Navigationbar {
        position: fixed;
        bottom: auto;
    }
    #Navi {
        padding: 0;
    }
    #Navi a {
        width: 100%;
        display: block;
    }
    #Navi .level1 li:last-child {
        border-right: none;
    }
    #MainNavi, #UserNavi {
        float: none;
        border-left: none;
        width: 100%;
    }
    #Navigationbar #Navi {
        height: auto;
        padding: 0px;
        margin-top: 0;
        height: 100%;
        position: relative;
    }
    .main-navigation>ul>li>a:before, .main-navigation>ul>li>span.active:before,
        .main-navigation>ul>li>span.trail:before, .main-navigation>ul>li>span.forward:before
        {
        display: none;
    }
    #Navi .level1 {
        height: auto;
    }
    #Navigationbar #Navi .level_1 .ico-home3 {
        display: none;
    }
    #Navigationbar nav ul li {
        width: 100%;
        display: block;
        float: none;
        height: auto;
    }
    #Navi .level1 li a {
        text-align: left;
    }
    #Navi .level2 {
        width: 100%;
        left: 0px;
    }
    #Navi .level_2.split {
        width: 50%;
    }
    .sf-menu li:hover ul, .sf-menu li.sfHover ul {
        top: 0px;
    }
    .sf-menu ul {
        position: relative;
    }
    #ShopMenu {
        margin-top: 0.5em;
    }
    #ShopMenu.FFSMenu {
        width: 100%;
    }
    #ShopMenu .Filter.button {
        width: 100%;
        padding: 5px 0;
        text-align: center;
        font-size: 1.3em;
        margin-bottom: 1em;
        display: block;
    }
    .FFSContent {
        float: none;
        width: 100%;
    }
    #ResponsiveButton {
        position: absolute;
        width: 60px;
        height: 60px;
        left: 0px;
        top: 0px;
        display: block;
        text-align: center;
        padding: 14px;
        border-right: 1px solid #ccc;
        background: #fff;
        border-bottom: 1px solid #ccc;
    }
    #ResponsiveButton .wrapper {
        background-color: #fff;
        padding: 0px;
    }
    #ResponsiveButton .wrapper i {
        font-size: 2em;
        color: #333;
    }
    #LogoDivHeader {
        position: absolute;
        top: 4px;
        /*left: calc(50% - 90px);*/
        left: 72px;
        margin-left: -31px;
        margin-left: 0px;
    }
    .UserBoxStartseite {
        display: none;
    }
    #Navi .level1 li a, #Navigationbar .level_1 li a, #Navigationbar .level_1 li span
        {
        position: relative;
        text-align: left;
        border-bottom: 1px solid #ccc;
        padding: 10px;
        height: auto;
    }
    #Navi .level2, #Navigationbar .level_2, #Navi .level3, #Navigationbar .level_3
        {
        border: none;
        box-sizing: border-box;
        display: block;
        padding: 0;
    }
    #navLogin ul.level_2 {
        width: 100%;
        top: -190px;
        left: 130px;
    }
    #Navi .mega-dropdown .mega-dropdown-column {
        width: 100%;
        margin-top: 0%;
        background-color: #fff;
    }
    .mega-dropdown-column h1, .mega-dropdown-column h1 a {
        font-weight: 800;
    }
    #Navi li>a {
        border-right: 0;
    }
    .mega-dropdown {
        border-width: 0;
        box-shadow: none;
        clear: both;
        left: 0;
        pointer-events: all;
    }
    .main-navigation>ul>li>ul {
        pointer-events: all;
    }
    .mega-dropdown-inner {
        padding: 0;
    }
    li:hover>.mega-dropdown {
        padding: 0%;
    }
    /* Mainpage Slider */
    #MainPageSlideshow {
        top: 5px;
    }
    #MainPageSlideshow .slick-slide .slider-content {
        width: 90%;
        margin: 2% 5%;
    }
    .slick-dots li {
        width: 15px;
    }
    .sliderTopicBlack, .mWidth500, .sliderBlueTransparent {
        font-size: 12px;
    }
    .slider-subheadline {
        width: auto;
        margin: 1em 0 0.1em;
        font-size: 1.25rem;
    }
    .slider-linktext a {
        color: #fff;
        text-decoration: none;
        font-family: "Ubuntu-Light";
        font-size: 2rem;
    }

    /* Detailseite Anpassungen */
    #ZoomContainer {
        width: 97%;
        margin: auto;
        float: none;
    }
    #DetailZoomOverlay {
        width: 97%;
        margin-left: 1%;
    }
    #DetailZoom .thumbs a {
        float: left;
    }
    #DetailZoom .image img {
        width: 64%;
        height: auto;
    }
    #DetailInfo {
        margin: 0 0 1em 0;
        width: 100%;
    }
    #downloadList {
        width: 100%;
    }
    #downloadList a.button {
        display: none
    }
    /* Index nach Login von Erwin Einkauf */
    #myIndex .textbox {
        width: auto;
    }
    #myIndex .RubView {
        width: auto;
    }
    #myIndex .RubView li {
        width: 170px;
        margin: 10px 5px;
        float: left;
        height: 250px;
    }
    #myIndex .card {
        margin-top: 1%;
    }
    #myIndex .card p {
        top: 5px;
    }
    /* Schnellbestellungen */
    .TableTwoColumns {
        clear: both;
        width: 100%;
    }
    /* Thumbnails in Rub & Listview ausblenden */
    .lvThumbs {
        display: none;
    }
    .rvThumbs {
        display: none;
    }
    /* Search Error nur zwei Top-Produkte anzeigen */
    .articlelist.search-error li:nth-of-type(1n+3) {
        display: none;
    }
    /* Artikel im CMS */
    /* Galerieansicht */
    /* Funktionsbuttons */
    .artCMS .articlelist.buttons .button {
        line-height: initial;
    }
    /* Listenansicht */
    /* Tabellarische Auflistung mit Summe */
    /* Produktslider */
    .artCMS .articleSlider button {
        width: 35px;
    }

    /* Produktmenü */
    #Navigationbar ul.productsnav {
        display: block;
        margin-top: 0px;
    }
    #Navigationbar .main_category {
        margin: 0px;
        font-weight: normal;
        padding: 0px;
    }
    .main-navigation#MainNavi li.activemen {
        display: block;
        width: 100%;
        top: 0;
        background: #f1f1f1;
    }
    #Navigationbar li.activemen>ul, #Navigationbar li.activemen>div:not(.catimgcontainer), #UserNavi li.activemen>ul {
        opacity: 1;
        top: 0px;
        max-height: initial !important;
        position: relative;
        float: left;
        border: 0px;
        box-shadow: none;
        display: block !important;
        left: 0;
        background: white;
        float: left;
        position: relative;
        padding: 0px;
        width: 100%;
    }
    #UserNavi>ul>li {
        padding-top: 0px;
    }

    .teaser_rechts .teaser_block {
        float: none !important;
    }
    .teaser_block {
        max-width: none;
    }
    .teaser_links .teaser_block {
        float: none;
    }
    #customerMenu div.textContainer{
        width: calc(100% - 9em);
        left: 9em;
    }
    .customerShoppingcart::before{
        font-size: 1em;
    }
    #customerMenu > a > div > i{
        font-size: 9em;
    }
    /* Buttons im Warenkorb auf gesamte Breit */
    .button.FloatRight.MarginLeft {
        width: 100%;
        margin-bottom: 30px;
    }
    .button.button_dark.FloatRight {
        width: 100%;
    }
    .fa.fa-user:hover {
        color: #000;
    }
    .main-navigation>ul>li:hover, .main-navigation>ul>li:hover>a,
        .main-navigation>ul>li:hover>a>i {
        color: #000 !important;
    }
    .CMS #UserNavi .sf-menu .level2 {
        left: 0px;
    }
    #ScartInfo:hover .ScartItemDetails {
        right: -15px;
        top: 60px;
    }
    #RubView form {
        width: 87%;
        margin-top: 5px;
    }
    #RubView input.amountSmall {
        width: 90px !important;
    }
    .offerItem .btn-container .button {
        width: 40px;
    }
    .artCMS #RubView .offerItem {
        height: 458px;
    }
    .artCMS .addProductsFrame {
        height: 444px;
    }
    #DetailCross #RubView li, #RubView .offerItem {
        z-index: 1 !important;
    }
    .fromTablet {
        visibility: visible;
    }
    #languageSelection, #languageSelection2 {
        position: absolute;
        top: 0;
        right: 120px;
        width: 60px;
        text-align: center;
        border-left: 1px solid #ccc;
        height: 59px;
        font-size: 1.5em;
        padding-top: 17px;
    }
    #languageselector, #languageselector2 {
        top: 0px;
        position: absolute;
        right: 0px;
        width: 100% !important;
        height: 100% !important;
        padding: 0px;
    }
    .fromTablet #languageselector, .fromTablet #languageselector2 {
        color: transparent;
    }
    .fromTablet #languageselector2 option, .fromTablet #languageselector option
        {
        color: black;
    }
    #languageSelection i.ico-sphere.ico, #languageSelection2 i.ico-sphere.ico
        {
        position: relative;
        background-color: white;
    }
    #languageSelection i.ico-sphere.ico, #languageSelection2 i.ico-sphere.ico
        {
        position: relative;
        background-color: white;
    }
    #languageSelection, #languageSelection2 {
        background-color: white;
    }
    
    .teaser_image {
        height: 200px;
    }

    .teaser_flatbox {
        height: 200px;
    }    
    
    .teaser_rechts .teaser_flatbox,
    .teaser_links .teaser_flatbox {
        height: 200px;
    }
}

@media only screen and (max-width: 640px) {

    #readmorebutton .button {
        width: 100%;
    }
    #DetailAttributes dt,
    #DetailAttributes dd{
        width: 100%;
    }
    #DetailAttributes dt {
        margin: 1em 0px 0.5em 0px;
    }

    #OrderForm input[name="plz"], #OrderForm input[name="rplz"], #OrderForm input[name="lplz"],
    #OrderForm input[name="ort"], #OrderForm input[name="rort"], #OrderForm input[name="lort"]{
        width: 75% !important;
        margin: 0;
        margin-top: 1em;
    }
    .mWidth500 {
        display: none;
    }
    .categoryselector {
        display: none;
    }
    #customerMenu>a>div>i {
        padding-bottom: 0;
    }
    /* Allgemien Definitionen für Schrift, Abstände */
    .ZweiSpalten, .DreiSpalten {
        float: none;
        width: 100%;
    }
    .Height150 {
        height: auto;
    }
    .toTablet {
        display: none;
    }
    /* Grundstrukturen */
    header h1 {
        display: block;
    }
    body {
        border-top: none;
    }
    .meta-menu-container {
        display: none;
    }
    footer #SkipParallax {
        left: 20%;
    }
    /* Warenkorbanpassungen */
    #ScartSteps li.step1 {
        width: 20%;
    }
    #ScartSteps li.step2 {
        width: 27%;
    }
    #ScartSteps li.step3 {
        width: 27%;
    }
    #ScartSteps li.step4 {
        width: 26%;
    }
    #ScartSteps .step3 p, #ScartSteps .step4 p {
        bottom: 12px;
    }
    .ShopForm, .ShopFormNB {
        width: 100%;
    }
    .ShopForm td {
        display: block;
    }
    .ShopForm td input, .ShopForm td select {
        width: 100%;
    }
    .ShopForm td input.PLZ {
        width: 40%;
        float: left;
    }
    .ShopForm td input.Ort {

    }
    #ScartSteps strong {
        display: none;
    }
    #ScartSteps li p {
        left: 20px;
        font-size: 14px;
    }
    #ScartSteps li.step1 p {
        left: 3px;
    }
    .Gift .content {
        margin-left: 0px;
    }
    /* FACT-Finder Suche */
    .FFSContent {
        padding-left: 0
    }
    #FactFinder input {
        padding-left: 5px !important;
    }
    #ShopMenu, .FFSContent, .FFSContent #RubView li, .ShopContent,
        .ShopContent #RubView li, .StartContent #RubView li, .FFSContent #RubView li:nth-child(2n)
        {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        clear: both;
    }
    .FFSContent #RubView li {
        border-bottom: 1px solid #E5E5E5;
    }
    .FFSContent #RubView li p {
        margin-bottom: 2em;
    }
    .FFSContent #RubView li .button {
        position: static;
    }
    #ListView p {
        margin: 0 0 10px 110px;
    }
    #ArticlesPerPage ul li a {
        font-size: 0.8em;
    }
    #RubView li .banner {
        position: absolute;
    }
    #suggestLayer {
        left: 0px;
        width: 98%;
    }
    #suggestLayer div ul.suggestLayerBlockImage, #suggestLayer .suggestLayerBlock
        {
        width: 100%;
    }
    #suggestLayer div ul.suggestLayerBlockText {
        display: none;
    }
    /* Navigation */
    .Filter {
        margin-bottom: 1em;
        margin: 0 auto 1em auto;
        display: block;
    }
    #UserNavi .submenu {
        border-right: none;
    }
    /* Detailseite Anpassungen */
    .SiteContainer {
        padding: 20px;
    }
    #DetailInfo {
        margin: 0 0 1em 0;
        width: 100%;
    }
    #DetailZoomOverlay, #PrintView, #PrintView body, #PrintView .SiteContainer
        {
        height: 100%;
    }
    .SiteContainer .DetailMenu>section {
        display: none;
    }
    .InfoText .button {
        position: relative;
        margin: 20px 20px 0 1px;
    }
    .det #DetailScart {
        margin-bottom: 25px;
        margin-right: 0px;
        margin-left: 0em;
        width: 100%
    }
    #DetailMoreInfos {
        margin-right: 0px;
        margin-bottom: 25px;
        width: 100%
    }
    #DetailFastpageAllArticles {
        width: 100%;
        float: none;
    }
    #DetailPrint {
        margin-right: 0px;
        margin-bottom: 25px !important;
        width: 100%
    }
    #DetailZoom .image {
        width: 100%;
    }
    #DetailZoom .thumbs img {
        float: left;
    }
    #DetailBack {
        width: 100%;
        margin-bottom: 25px;
    }

    /* Mainpage Slider */
    #MainPageSlideshow h2 {
        font-size: 1.6em;
    }
    #MainPageSlideshow .slick-dots {
        display: none;
    }
    .ShopContent {
        float: left;
        width: 100%;
    }
    #DetailButtons {
        width: 100%;
    }
    #DetailButtonBack {
        width: 100%;
    }
    #DetailZoom .image img {
        width: 75%;
        height: auto;
    }
    .hla a {
        width: 49%;
    }
    #fastpagelayout input[type="radio"] {
        position: absolute;
        left: 112%;
        bottom: 16px;
    }
    .fastpagedescription {
        width: 77%;
        float: left;
        padding-right: 3%;
        position: relative;
    }
    #Sitemap nav, #Sitemap div.ce_text {
        width: 99%;
        min-width: initial;
        min-height: auto;
        margin-bottom: 4%;
        float: none;
    }
}

@media only screen and (max-width: 600px) {

    .teaser_rechts .teaser_image,
    .teaser_links .teaser_image {
        margin: 0;
        width: 100%;
    }

    .teaser_rechts .teaser_flatbox,
    .teaser_links .teaser_flatbox {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        position: relative;
    }

}

@media only screen and (max-width: 500px) {
    #Logo {        
        height: 48px;        
    }
}

@media only screen and (max-width: 480px) {

    #Logo {             
        height: 27px;
        margin-top: 12px;        
    }

    #customerMenu div.textContainer{
        width: calc(100% - 8em);
        left: 8em;
    }

    #customerMenu > a > div > i{
        font-size: 8em;
    }
    .posPSA {
        top: 4vw;
        left: 4vw;
        position: absolute;
    }
    .sliderTopicBlack {
        margin-bottom: 0;
        font-size: 1.4vw;
    }
    .shop .ce_text h1 {
        font-size: 17px;
    }
    .categoryselector {
        height: 36px;
        padding-top: 7px;
    }
    #scart-popup-container {
        left: 10px;
        width: auto;
    }
    #LogoDivHeader {
        top: 4px;
    }
    .StartContent {
        margin-left: 1%;
        margin-right: 1%;
    }
    /* Grundstrukturen */
    .FormTwoColumns {
        clear: both;
        width: 100%;
    }
    /* FACT-Finder Suche */
    .resp_tabs_cont .resp-tabs-list li a {
        padding: 10px;
    }
    /* Navigation */
    #Navigationbar.fixed {
        margin-top: 50px;
        overflow-y: scroll;
        max-height: 80%;
        height: auto;
    }
    #NaviLogin {
        margin-bottom: 0px;
    }
    /* Mainpage Slider */
    #MainPageSlideshow {
        margin-left: 0;
        width: 100%;
    }
    #MainPageSlideshow h2 {
        font-size: 1.6em;
    }
    #MainPageSlideshow .slider-content>div {
        display: none;
    }
    .slider-subheadline {
        font-size: 1rem;
    }
    .slider-linktext {
        padding: 0.5rem;
    }
    .slider-linktext a {
        font-size: 1.375rem;
    }
    #MainPageSlideshow .rsts-nav {
        display: none;
    }

    /* Detailseite Anpassungen */
    #DetailText {
        margin: 0;
    }
    #DetailBack {
        display: none;
    }
    /* Footer */
    #Sitemap nav, #Sitemap div.ce_text {
        width: 90%;
        margin-left: 5%;
        margin-top: 2%;
    }
    /* Warenkorbanpassungen */
    #DirectOrderTable {
        display: none;
    }
    /* Rubanzeigen */
    #RubView #TopProducts li {
        width: 98%;
    }
    #ShopMenu .Filter.button {
        width: 100%;
    }
    .responsive-table Center {
        text-align: right;
    }
    .main-content .ArticleElement {
        width: 100%;
    }
    /* Kundenstartseite */
    #customerMenu a div.TwoColumns {
        height: 180px;
    }
    #customerMenu div.textContainer h4 {
        font-size: 1em;
        padding: .1em 0;
        margin: 1px;
    }
    #customerMenu div.textContainer p {
        font-size: .8em;
    }
    /* Artikel im CMS */
    .artCMS .articlelist.buttons input.amountSmall {
        width: 60px;
    }
    .teaserButton a {
        padding: 11px;
        font-size: 16px;
    }
    .teaserTextBlack {
        font-size: 12px;
    }
    a#OrderAgain {
        white-space: normal;
    }
    .teaserTopicBlack {
        width: calc(79%);
        margin: 20px 11%;
        font-size: 14px;
    }
}

@media only screen and (max-width: 399px) {
    
    #Logo {             
        height: 18px;
        margin-top: 18px;        
    }
    
    #RubView li, #RubView .offerItem {
        width: 100%;
    }
    #FactFinder {
        padding-left: 10px;
        padding-right: 10px;
    }
    #ScartSteps li p {
        font-size: 11px;
    }
}

@media only screen and (max-width: 360px) {
    
    
    #Logo {             
        background-position: bottom left;
        background: url(/tradepro/shop/layout/suhner_s.svg) top left no-repeat;
        background-size: contain;
        height: 42px;
        margin-top: 5px;
        margin-left: 10px;
    }
    
    #LogoDivHeader{
        left: calc(30% - 30px);
    }
    form.fullwidthform input[type="text"], form.fullwidthform input[type="password"], form.fullwidthform select, form.fullwidthform textarea,
    #OrderForm input[name="plz"], #OrderForm input[name="rplz"], #OrderForm input[name="lplz"], #OrderForm input[name="ort"], #OrderForm input[name="rort"], #OrderForm input[name="lort"],
    form[name="Bestellung"].fullwidthform select{
        width: 100% !important;
        margin-left: 0px;
    }
    form#editform input.Ort,
    form[name="addressform"] input.Ort,
    form.fullwidthform input.Ort{
        margin-top:10px;
    }
    form.fullwidthform input#ODATE{
        width:calc(100% - 30px) !important;
    }
    .shop .ce_text h1 {
        font-size: 15px;
    }
    .teaserTopicBlack {
        width: calc(86%);
        margin: 20px 8%;
    }
    #DetailZoom h1 {
        font-size: 2.0em;
    }
    #DetailZoom .thumbs img {
        width: 73%;
    }
    #Sitemap nav, #Sitemap div.ce_text {
        margin-bottom: 5%;
    }
}