@import "font-awesome.min.css";

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/Ubuntu-R.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'Open sans';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/OpenSans-Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'Open sans Light';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/OpenSans-Light.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu-Light';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/Ubuntu-L.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?814wz2');
    src: url('fonts/icomoon.eot?814wz2#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?814wz2') format('truetype'),
        url('fonts/icomoon.woff?814wz2') format('woff'),
        url('fonts/icomoon.svg?814wz2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

img{
    image-rendering: -webkit-optimize-contrast;
}

.invisible, .realinvisible {
    display: none;
}

#languageselector, #languageselector2 option {
	font-family:'Open sans', sans-serif;
}


.block {
    display: block;
    overflow: visible;
}

.fromTablet, .back-to-top, #LogoBW, #ScartInfo .SmartphoneAmount,
    #MainNavi .navi-logo, #UserNavi #ScartScroll {
    /*display: none;*/
    visibility: hidden;
    position: absolute;
}

body, .main-content {
    font-family:'Open sans', sans-serif;
    font-size: 16px/20px;
    font-style: normal;
    font-weight: 400;
}

[class^="ico-"], [class*=" ico-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#ERPTable td {
    padding: 0.375em 0.625em;
}

.ico-home3:before {
    font-size: 1.55em;
    height: 15px;
    text-align: center;
    padding: 0 1.2em;
}

/* same as font-awesome */
.icom {
    display: inline-block;
    font: normal normal normal 1em/1 icomoon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#Navi .main-navigation li.ico-home3 a {
    font-size: 0px;
    content: "";
    line-height: 45px;
    padding: 0px;
    margin: auto;
}

#Navi .main-navigation li.ico-home3 a::before {
    width: 40px;
    content: "\e901";
    font-family: icomoon;
    font-size: 24px;
    padding: 0px;
}

#Navi .main-navigation li.ico-home3 a:hover {
    color: #fff;
}

.fa:not(.fa.social, .fa.fa-caret-up, .fa.fa-caret-down) {
    font: normal normal normal 1em/1 icomoon;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.icon-history-solid:before, .fa-history:before {
    content: "\e928";
}

.ico-config:before {
    content: "\e924";
}

.ico-refresh:before, .fa-refresh:before {
    content: "\e929";
}

.ico-file:before, .fa-file-o:before {
    content: "\e92b";
}

.ico-caret-square-up:before {
    content: "\e925";
}

.icon-chevron-circle-down:after {
    content: "\f13a";
}

.ico-caret-square-down:before {
    content: "\e927";
}

.ico-wrench-solid:before, .fa-wrench:before {
    content: "\e923";
}

.ico-info-circle-solid:before, .fa-info-circle:before {
    content: "\e91a";
}

.ico-check-circle-regular:before, .fa-check-circle:before {
    content: "\e91b";
}

.ico-times-circle-regular:before, .fa-times-circle:before {
    content: "\e91c";
}

.ico-tag-solid:before, .fa-tag:before {
    content: "\e91d";
}

.ico-chart-line-solid:before, .fa-line-chart:before {
    content: "\e91e";
}

.ico-star-solid:before, .fa-star:before {
    content: "\e90e";
}

.ico-chart-bar-regular:before, .fa-bar-chart-o:before {
    content: "\e90f";
}

.ico-sliders-h-solid:before, .fa-sliders:before {
    content: "\e910";
}

.ico-info-solid:before, .fa-info:before {
    content: "\e913";
}

.ico-users-solid:before, .fa-users:before, .fa-user:before {
    content: "\e914";
}

.ico-euro-sign-solid:before, .fa-euro:before {
    content: "\e915";
}

.ico-truck-solid:before, .fa-truck:before {
    content: "\e916";
}

.ico-cart-plus-solid:before, .fa-cart-plus:before {
    content: "\e917";
}

.ico-facebook-f-brands:before {
    content: "\e90c";
}

.fa-facebook:before {
    content: "\e90c";
    font-size: 19px;
    line-height: 30px;
}

.ico-xing-brands:before {
    content: "\e90d";
}

.fa-xing:before {
    content: "\e90d";
    font-size: 19px;
    line-height: 30px;
}

.ico-shopping-cart:before {
    content: "\e904";
}

.fa-shopping-cart:before {
    content: "\e904";
    font-size: 32px;
    font-family: icomoon;
}

.customerShoppingcart:before {
    content: "\e904";
    font-size: 140px;
    height: 150px;
}

.ico-comments-regular:before {
    content: "\e90a";
}

.fa-comments-o:before {
    content: "\e90a";
    font-size: 32px;
}

.ico-clock-regular:before, .fa-clock-o:before {
    content: "\e911";
    font-size: 16px;
}

.ico-copy-regular:before, .fa-files-o:before {
    content: "\e90b";
}

.ico-angle-doubleright:before {
    content: "\e909";
}

.ico-home3:before {
    /*  content: "\e901";*/
    
}

.ico-key:before {
    content: "\e902";
}

.ico-cart:before {
    content: "\e904";
    font-size: 32px;
}

.ico-pencil:before, .fa-pencil-square-o:before, .fa-pencil:before {
    content: "\e905";
}

.ico-angle-down-solid:before, .fa-angle-down:before {
    content: "\e900";
}

.fa-angle-up:before {
    content: "\e92a";
}

.ico-angle-left-solid:before {
    content: "\e903";
}

.ico-angle-up-solid:before {
    content: "\e906";
}

/*.ico-angle-right-solid:before, .fa-angle-right:before {
    content: "\e907";
}

.ico-angle-left-solid:before, .fa-angle-left:before {
    content: "\e907";
    transform: rotate(180deg);
}*/

.ico-book-solid:before, .fa-fastpage:before {
    content: "\e91f";
}

.ico-envelop:before {
    content: "\e945";
}

.ico-eye-slash-regular:before, .fa-eye-slash:before {
    content: "\e921";
}

.ico-eye-regular:before, .fa-eye:before {
    content: "\e922";
}

.ico-calendar:before {
    content: "\e953";
}

.ico-file-text2:before {
    content: "\e926";
}

.ico-menu:before {
    content: "\e9bd";
}

.ico-printer:before, .fa-print:before {
    content: "\e954";
}

.ico-search:before {
    content: "\e908";
}

.ico-bin:before, .fa-trash:before, .fa-trash-o:before {
    content: "\e9ac";
}

.ico-switch:before {
    content: "\e9b6";
}

.ico-list:before, .fa-list:before {
    content: "\e9ba";
}

.ico-list2:before, .fa-list-ul:before {
    content: "\e9bb";
}

.ico-link-solid:before, .fa-link:before {
    content: "\e920";
}

.ico-download3:before, .fa-file-image-o:before {
    content: "\e9c7";
}

.ico-upload3:before {
    content: "\e9c8";
}

.ico-sphere:before {
    content: "\e9c9";
}

.ico-plus:before, .fa-plus-square:before {
    content: "\ea0a";
}

.ico-minus:before, .fa-minus-square:before {
    content: "\ea0b";
}

.icon-cancel-circle:before {
    content: "\ea0d";
}

.ico-cross:before, .fa-times:before {
    content: "\ea0f";
}

.ico-check:before, .fa-check:before {
    content: "\ea10";
}

.ico-enter:before, .fa-sign-in:before {
    content: "\ea13";
}

.ico-exit:before {
    content: "\ea14";
}

.ico-arrow-up2:before {
    content: "\ea3a";
}

.ico-arrow-right2:before {
    content: "\ea3c";
}

.ico-arrow-down2:before {
    content: "\ea3e";
}

.ico-arrow-left2:before {
    content: "\ea40";
}

.ico-circle-up:before {
    content: "\ea41";
}

.ico-circle-right:before {
    content: "\ea42";
}

.ico-circle-down:before {
    content: "\ea43";
}

.ico-circle-left:before {
    content: "\ea44";
}

.ico-table2:before {
    content: "\ea71";
}

.ico {
    width: 16px;
    height: 16px;
}

html, body {
    /*background: #e00;   */
    -webkit-font-smoothing: antialiased;
}

#PrintView body {
    font: 16px/20px "Open sans", sans-serif ;
}

img, a img {
    border: none;
}

ol, ul {
    list-style: none outside none;
}

a:not(.nolink) {
    text-decoration: none;
    color: #333;
}

a:not(.nolink):hover {
    cursor: pointer;
    color: #E30613;
    text-decoration: none;
}

#Sitemap div h1 a.nolink{    
    color: #fff;    
}

#Sitemap div h1 a.nolink:hover{    
    color: #fff;    
}

#Sitemap a.nolink:hover{
    text-decoration: none;
}

img {
    border: none;
}

.ClearLeft {
    clear: left;
}

.ClearRight {
    clear: right !important;
}

.ClearBoth {
    clear: both !important;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.MarginBottom {
    margin-bottom: 20px;
}

.MarginBottom5 {
    margin-bottom: 5px;
}

.MarginRight {
    margin-right: 2%;
}

.MarginLeft {
    margin-left: 2%;
}

.MarginTop5 {
    margin-top: 5px;
}

.MarginTop10 {
    margin-top: 10px;
}

.MarginBottom10 {
    margin-bottom: 10px;
}

.Padding5 {
    padding: 5px;
}

.PaddingBottom10 {
    padding-bottom: 10px;
}

.Padding0 {
    padding: 0;
}

.BorderBottom {
    border-bottom: 6px solid #d8d8d8;
}

.Block {
    display: block;
}

.inline-block {
    display: inline-block;
}

a:focus {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.Top {
    vertical-align: top;
}

.Bottom {
    vertical-align: bottom;
}

.BottomRight {
    position: absolute;
    bottom: 10px; /*right:10px;*/
}

.Nowrap {
    white-space: nowrap;
}

header, nav, section, article, aside, footer {
    display: block;
}

h1 {
    position: relative;
    font-size: 2.0em;
    margin: 0 0 20px 0;
    font-weight:normal;
}

h2 {
    position: relative;
    font-size: 1.6em;
    margin: 0 0 20px 0;
    font-weight: normal;
}

h3 {
    position: relative;
    font-size: 1.3em; /**1.5em*/
    margin: 0 0 20px 0;
}

h4 {
    font-size: 1.1em;
}

p {
    margin-bottom: 1em;
}

aside h1 {
    text-transform: uppercase;
}

/*-------------------------------------*/
/* Standardklassen Forms */
/*-------------------------------------*/
html select, html input, html textarea {
    border: 1px solid #ccc;
    padding: 3px;
    color: #000;
    padding: 0.5em;
    border-radius: 0;
    font-size: 16px;
}

.FloatingButtonRight {
    right: 0px;
    top: 220px;
    position: fixed;
    width: 30px;
    height: 104px;
    z-index: 100;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.floatingMenuContact {
    top: 280px;
    right: -305px;
}

.floatingMenuContactActive {
    top: 280px;
    right: 0px;
}

.floatingMenuContact:hover {
    right: -292px;
}

.floatingEffect {
    -webkit-transition: right 0.5s; /* Safari prior 6.1 */
    transition: right 0.5s;
}

body.safari .floatingMenuContact {
    top: 320px;
    right: -303px;
}

body.safari .floatingMenuAktionen {
    right: -15px;
}

#DemoShopNote {
    clear: left;
    background: white;
    border: 1px solid #333;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    margin: 0 0 10px 0;
    line-height: 1.5em;
}

.error404 {
    height: 180px;
    background: url(/tradepro/shop/layout/404-grafik.jpg) bottom right
        no-repeat #f3f3f3;
}

.error, .errorNoScroll {
    /*line-height: 2em;*/
    
}

.errorSerps {
    background: url(/tradepro/shop/layout/suchfehler-grafik-resp.jpg) center
        right no-repeat #fff;
}

.error404-resp {
    background: url(/tradepro/shop/layout/404-grafik-resp.jpg) bottom right
        no-repeat #fff;
    min-height: 390px;
}

.error p {
    width: 50%;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 7000;
    height: 45px;
}

.floatingMenuAktionen {
    top: 169px;
    right: -16px;
    background-color: #c41522;
    width: 41px;
}

.floatingMenuAktionen>a {
    text-decoration: none;
    text-indent: 20px;
}

.floatingMenuAktionen:hover {
    right: 2px;
}

.floatingPlaceholder {
    width: 129px;
    height: 70px;
}

.floatingMenu {
    pointer-events: none;
    position: fixed;
    z-index: 100;
    cursor: pointer;
    display: block;
}

.floatingMenu>table {
    border-spacing: 0;
    border: 0px;
    padding: 0px;
    z-index: 100;
    position: relative;
}

.floatingMenu table {
    background: transparent;
}

.floatingMenu .trigger {
    /* background-color: #e31d3c; */
    vertical-align: top;
}

.floatingMenu table td {
    padding: 0;
}

.floatingTriggerBasic {
    background-color: #1782c5;
    color: #fff;
    pointer-events: all;
    overflow: hidden;
}

.floatingTextRotated {
    transform: rotate(-90deg);
    color: #fff;
    z-index: 9999;
    width: 102px;
    height: 96px;
    display: block;
    font-size: 1em;
    text-align: center;
    padding: 1px;
    white-space: nowrap;
}

.floatingTextSalesContact {
 	width: 52px;
    text-indent: -9px;
    height: 109px;
    padding-top: 73px;
    margin-left: -70px;
    margin-top: 0px;
    padding-right: 107px;
}

/* definiert die maxBreite der Box */
.floatingPlaceholder {
    width: 250px;
    height: 10px;
    display: block;
}

.floatingMenu .content {
    background-color: #fff;
    pointer-events: all;
}

.floatingMenu .floatingMenuContent {
    padding: 5px 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    min-height: 155px;
    width: 292px;
}

#floatingMenuContent {
    z-index: 101;
}

.floatingMenu .content ul li {
    padding: 10px 0;
}

.floatingMenu h4 {
    font-size: 1.3em;
}

.floatingMenu h5, .floatingMenu h4 {
    margin: 0;
}

.floatingMenu h5, .floatingMenu p {
    margin-top: 0;
    font-size: 1em;
}

#floatingMenuTele {
    z-index: 10;
    position: relative;
    padding: 10px;
    /*border: 1px solid #ccc;*/
    background-color: #f1f1f1;
    margin: 0px 40px;
    text-align: center;
    top: -45px;
    width: 240px;
}

.floatingMenu table td {
    padding: 0;
}

.FloatingButtonRight:hover {
    right: 0px;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.wrapper {
    position: relative;
    margin: 0 auto;
}

.FFSContent {
    width: calc(100% - 280px);
    padding-left: 10px;
}

/* Shop-Buttons */
button, html .button, html input.submit, .feature-box-link {
    padding: 10px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: #fff;
    border: 1px solid #000;
    white-space: nowrap;
    color: #000;
    font-size: 1em;
    cursor: pointer;
    border-radius: 0px;
    box-shadow: none;
    text-shadow: none;
    /*text-transform: initial;*/
    box-shadow: none;
}

html .button-icon {
    padding: 10px 15px;
}

html .button-icon:hover i {
    color: #fff;
}

html .button:hover, html input.submit:hover, html .button:focus, html .button:active,
    html .button.active, .feature-box-link:hover {
    background: #E30613;
    border: 1px solid #E30613;
    color: #fff;
}

html .button_blue {
    color: #fff;
    background-color: #E30613;
    border: 1px solid #E30613;
}

html .button_small {
    font-size: 1.2em;
    padding: 0.4em;
    line-height: 1em;
    margin: 0.1em;
}

.buttonRubView {
    font-size: 1.2em;
    padding: 0.4em;
    margin-right: 0.2em;
}

html .button_x-small {
    font-size: 0.8em;
    padding: 0.4em;
    line-height: 1em;
}

html .button:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

button.-small, .button.-small, input[type="submit"].-small {
    padding: 0.16em 0.57em;
    font-size: 1em;
}

.buttoninactive {
    background-color: #e3e3e3;
    background-image: none;
    color: #333;
    cursor: default;
}

.back-to-top {
    display: none;
}

.back-to-top a:after {
    z-index: 9999;
    font-family: 'icomoon';
    font-size: 3em;
    content: "\e906";
    color: #363636;
    padding: 2px 10px;
    line-height: 100%;
    background: rgba(250, 250, 250, 0.7);
    border: 1px solid #ccc;
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ShopTable {
    position: relative;
    clear: both;
    width: 100%;
    margin: 20px 0;
    border-collapse: separate;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
}

.fixedscreen .ShopTable input{
	font-size:13px;
	margin: 4px 0px;
}

.fixedscreen table td {
	padding:0.1em 0.1em;
}

.ShopTable td {
    /*padding: 0.375em 0;*/
    
}

#InfoDemoShop {
    position: relative;
    top: 2.5em;
}

/* Umschaltung kleine oder große Ansicht */
.mega-dropdown {
    max-width: 1920px;
}

.fixedscreen .mega-dropdown {
    max-width: 1920px;
}

.fixedscreen #Navi, .fixedscreen .StartContent, .fixedscreen .wrapper,
    .fixedscreen .page-header, .fixedscreen .SiteContainer, .fixedscreen #eprocMainNav
    {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.fixedscreen .SiteContainer {
    max-width: 1215px;
}

.widescreen #eprocMainNav {
    max-width: 1800px;
    padding-left: 10px;
    padding-right: 10px;
}

.widescreen #Navi, .widescreen .StartContent, .widescreen .wrapper,
    .widescreen .page-header, .widescreen .SiteContainer, .artCMS {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
}

.widescreen .SiteContainer {
    max-width: 1815px;
}

.widescreen #Navi {
    padding-left: 3px;
    padding-right: 3px;
}

#UserNavi .sf-menu {
    position: relative;
    height: 40px;
    display: block;
}

#UserNavi .sf-menu .loginCMS {
    background-color: #fff;
    left: -180px;
    border: 1px solid #f1f1f1;
}

.small_size {
    height: 375px;
    width: 1200px;
}

.big_size {
    width: 1800px;
    height: 600px;
}

.widescreen .block_rechts, .widescreen .block_links {
    display: none;
}

.fixedscreen .block_rechts_flex, .fixedscreen .block_links_flex {
    display: none;
}

.image_container video {
    display: block;
    width: 100%;
    height: auto;
}

html table, html table th, html table td {
    border: none;
}

html table {
    /* border-bottom: 1px solid #ccc; */
    /* border-top: 1px solid #ccc; */
    
}

/*-------------------------------------*/
/* Shop-Layout */
/*-------------------------------------*/
html {
    margin-bottom: 20px;
}

body:not(.Versandkosten-info-popup) {
    border-top: 5px solid #E30613;
    margin: 0px;
    background-attachment: fixed;
}

html, body {
    font-size: 1em;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.SiteContainer {
    position: relative;
    margin: auto;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    padding: 15px;
}

.shop a[target="_blank"]::after {
    display: none;
}

/* Highlight Attribute über Suchergebnis */
.hla {
    background: #fff;
    padding: 1em;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 2.25em;
}

.hla strong {
    background: #0274bc;
    display: block;
    padding: .333em .333em .333em 1em;
    color: #fff;
    font-weight: normal;
    margin: -1em -1em .5em -1em;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.hla a {
    min-width: 10%;
    margin: 1% 1% 0 0;
    color: #666;
    
}

.hla a.active:after {
    display: inline-block;
    float: right;
    font-family: "icomoon";
    content: "\e91c";
    color: #fff;
    margin-left: .5em;
}

.hla a img {
    display: block;
    max-height: 120px;
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
}

html .hla .button {
    transition: background 0.3s ease-in-out;
}

/* ------------------------------------------------------------------------------ */
/* Meta Menu*/
.meta-menu-container {
    padding: 2px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.meta-menu-container ul.meta-menu {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
    text-align: right;
}

.meta-menu-container ul.meta-menu li {
    list-style: none;
    display: inline;
}

.meta-menu-container ul.meta-menu li a {
    color: #333;
    font-size: 14px;
}

.meta-menu-container ul.meta-menu li:after {
    content: "|";
    margin: 0 5px 0 10px;
}

.meta-menu-container ul.meta-menu li:last-child:after {
    content: " ";
    margin: 0 0 0 10px;
}

/* ------------------------------------------------------------------------------ */
/* Header */
header {
    height: 117px;
    z-index: 7000;
    background-color: #fff;
}

/* Header Logo */
#LogoDivHeader {
    position: absolute;
    top: 13px;
    left: 12px;
    margin-top: 0;
}

#Logo {
    width: 332px;
    height: 56px;
    background: url('/tradepro/shop/layout/suhner_logo.svg') top left
        no-repeat;
    background-size: contain;
}

/* Header FactFinder */
#FactFinder {
    position: absolute;
    top: 21px;
    left: 50%;
    margin-left: -341px;
    width: 550px;
    border-bottom: 1px solid white;
}

#FactFinder input {
    top: 0;
    left: 0;
    margin: 0;
    height: 41px;
    /*padding:5px 1%;*/
    font-size: 1em;
    border: 1px #CCCCCC;
    border-style: solid;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

header #FFquery {
    width: 97%;
}

#FactFinder button {
    position: absolute;
    top: 0px;
    right: -20px;
    width: 7%;
    margin: 0;
    font-size: 1em;
    color: white;
    height: 41px;
    background: #E30613;
    border-radius: 0px 3px 3px 0px;
    padding: 0px;
    border: 0px;
}

#ScartInfo .scartcounternumber, .scartcounternumber {
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 100%;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    background: #E30613;
    position: relative;
    top: -15px;
    left: -13px;
}

#FactFinder button i {
    font-size: 1.4em;
    padding: 0.5em 10px;
    color: #fff;
}

#suggestLayer {
    max-width: 650px;
    top: 70px;
    left: 50%;
    margin-left: -341px;
}

.isSlc {
    color: #01a000;
    line-height: inherit;
    vertical-align: text-top;
    margin-right: 5px;
}

/* Header Warenkorb */
#ScartInfo {
    position: absolute;
    right: 30px;
    top: 26px;
    width: 45px;
    height: 42px;
}

#ScartInfo i {
    color: #000;
    float: left;
    font-size: 2em;
    padding: 4px 6px;
    margin-left: 5px;
}

#ScartInfo:hover, #ScartInfo a:hover {
    text-decoration: none;
    color: #000;
}

#ScartInfo p {
    margin: 0;
    font-weight: normal;
    color: #000;
}

#ScartInfo a p span {
    font-size: 1em;
}

#ScartInfo a p>span {
    font-size: 1.35em;
    display: block;
    padding: 6px 20px 8px 50px;
    text-align: right
}

#ScartInfo .SmartphoneAmount {
    display: none;
}

.ScartItemDetails {
    position: absolute;
    width: 130%;
    top: 40px;
    z-index: 2000;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    display: none;
    right: 0;
}

#Navigationbar {
    width: 100%;
    margin-bottom: 10px;
    overflow: visible;
    background: #000;
    padding-bottom: 5px;
}

#Navigationbar div {
    color: #333;
}

#Navigationbar .block {
    overflow: visible;
}

#Navigationbar .main-navigation {
    height: auto;
    padding: 0;
    position: relative;
    z-index: 1550;
    text-transform: uppercase;
}

.main-navigation .login-open {
    opacity: 1;
    max-height: 9999px;
    pointer-events: auto;
    padding: 14px 16px;
}

.main-navigation .login-button-open {
    background-color: #E30613;
}

.main-navigation .login-button-open>a, .main-navigation .login-button-open>i,
    .main-navigation .login-button-open>.ico-key {
    color: #fff !important;
}

.dynamicsearch-campaign {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
}

.dynamicsearch-campaign-icon {
    font-size: 50px;
    width: 50px;
    left: 15px;
    top: -10px;
    position: absolute;
    color: #737373;
}

.dynamicsearch-campaign-question {
    font-size: 20px;
    font-weight: bold;
    margin-left: 60px;
    min-height: 45px;
    color: #737373;
}

.dynamicsearch-campaign-answers {
    margin-left: 60px;
}

.dynamicsearch-campaign-answer {
    display: inline-block;
}

.dynamicsearch-campaign-answer a, .dynamicsearch-campaign-answer a:visited
    {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 5px;
    padding: 10px 15px;
    text-decoration: none;
}

.dynamicsearch-campaign-answer a:hover, .dynamicsearch-campaign-answer a:focus
    {
    background-color: #E30613;
    color: #fff;
}

.dynamic_score {
    text-align: center;
    width: 100px;
    height: 22px;
    padding: 2px;
    margin: 0;
    background-color: #f00;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}

.shop .ce_text h1 {
    font-size: 28px;
    color: #666;
}

.block_links {
    width: 300px;
    height: 50px;
    position: absolute;
    left: -305px;
}

/* in den Flex-box Bereich */
.block_rechts {
    width: 300px;
    height: 50px;
    position: absolute;
    right: -305px;
}

.main-navigation>ul>li.-mega {
    position: static;
}

.main-navigation>ul>li>ul li {
    border-bottom: none;
}

#ResponsiveButton {
    display: none;
    color: #fff;
    cursor: pointer;
}

#Navi {
    margin: auto;
    display: block;
    height: 40px;
}

#Navi i {
    font-size: 1.0em;
    color: #fff;
}

.login-button-open .ico-key {
    /*margin-left: -10px;*/
    color: white !important;
}

#MainNavi {
    display: block;
    float: left;
    width: 69%;
}

/* ICONS IM NAVI */
#Navi .main-navigation li.fa::before {
    display: none;
}

#Navi .main-navigation li a.fa::before {
    color: #fff;
    font-family: FontAwesome;
    font-size: 20px;
    margin-top: 10px;
    text-indent: 0;
}

#Navi .main-navigation li.fa a {
    font-size: 0;
    text-indent: -1000px;
}

#Navi .main-navigation li a.fa {
    width: 40px;
}

#UserNavi {
    display: block;
    float: right;
    width: 29%;
}

#UserNavi .level_2,
#UserNavi .sf-menu .level2{
    left: -44px;
}

#navLogin .level_2 {
    left: -129px;
    background-color: #fff;
}

#navLogin {
    /*padding-left: 7px;*/
}

#Navi .level1>li>a, #Navigationbar .level_1>li>a {
    display: block;
    color: #fff;
    text-align: center;
    content: "\e901";
    height: 45px;
}

#Navi .level1>li>a:hover, #Navigationbar .level_1>li>a:hover {
    
}

#Navi a {
    color: #fff;
}

#Navi .main_category a {
    color: #000;
}

#Navi .lostpw a {
    background-color: #fff;
    color: #000;
}

.level_2.split {
    width: auto;
}

.main-navigation a:before, .main-navigation span.active:before,
    .main-navigation span.trail:before, .main-navigation span.forward:before
    {
    content: none;
    display: none;
}

.main-navigation ul {
    display: inline;
    margin: 0;
    padding: 0;
}

.main-navigation>ul>li {
    position: relative;
    height: 100%;
}

#MainNavi>ul>li {
    float: left;
    /*padding-top: 6px;*/
}

#UserNavi>ul>li {
    float: right;
    /*padding-top: 6px;*/
}

.no_small_screen {
    display: block;
}

.small_screen {
    display: none;
}

.main-navigation>ul>li.-mega {
    position: static;
}

.main-navigation>ul>li:hover, .main-navigation>ul>li:hover>a,
    .main-navigation>ul>li:hover>a>i {
    background: #E30613;
    color: #fff !important;
    /* ein Beispiel für ein sinnvolles !important */
}

.main-navigation>ul>li:before {
    position: absolute;
    top: 50%;
    left: -1.1em;
    margin-top: -0.55em;
}

.main-navigation>ul>li>a, .main-navigation>ul>li>span.active,
    .main-navigation>ul>li>span.trail, .main-navigation>ul>li>span.forward
    {
    position: relative;
    float: left;
    height: 100%;
    padding: 0 8px;
    font-size: 17px;
}

.main-navigation>ul>li>ul {
    position: absolute;
    top: 45px;
    left: 0px;
    display: block;
    overflow: hidden;
    max-height: 0;
    min-width: 11.25em;
    padding: 0;
    background: #E30613 0% 0% no-repeat padding-box;
    opacity: 0;
    pointer-events: none;
}

.main-navigation>ul>li>ul li {
    position: relative;
    display: block;
    border-bottom: none;
    white-space: nowrap;
}

.main-navigation>ul>li>ul a, .main-navigation>ul>li>ul span.active,
    .main-navigation>ul>li>ul span.trail, .main-navigation>ul>li>ul span.forward,
    #UserNavi #NaviLogin {
    position: relative;
    display: block;
    padding: 0.21429em 0.42857em;
    margin: 0;
    font-size: 0.875em;
}

.main-navigation>ul>li>ul a {
    border-radius: 3px;
    color: #fff;
    text-transform: none;
    background: none;
}

.main-navigation>ul>li>ul a:hover {
    background: none;
}

.main-navigation>ul>li.last>ul {
    left: auto;
    right: 0;
}

.widescreen .mega-dropdown {
    padding-left: 60px;
    padding-right: 60px;
}

.mega-dropdown {
    position: absolute;
    width: 100vw;
    left: 0px;
    top: 45px;
    display: block;
    overflow: hidden;
    border-top: 0px solid #6d6d6d;
    font-size: 0.875em;
    background: #363636;
    opacity: 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
}

.main-navigation>ul>li>a:after, .main-navigation>ul>li>span.active:after,
    .main-navigation>ul>li>span.trail:after, .main-navigation>ul>li>span.forward:after
    {
    border-top: none;
    top: 0;
}

.mega-dropdown .rs-column.-large-col-1-1 {
    width: auto;
    background: #fff;
}

.mega-dropdown-column {
    list-style: none;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.mega-dropdown-column ul a {
    padding: unset;
    padding-left: 5px;
    padding-right: 5px;
    height: 1.12 vw;
}

.mega-dropdown-column ul a:hover {
    color: #f1f1f1;
}

#Navi .mega-dropdown {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

.fixedscreen #Navi .mega-dropdown {
    max-width: 1200pX;
    margin-left: 2px !important;
    margin-right: auto;
}

.fixedscreen #Navigationbar ul.productsnav {
	grid-template-columns: 20% 20% 20% 20% 20%;
	
}


.fixedscreen #Navi .mega-dropdown.level_3 {
	overflow-y:auto;	
}


#Navigationbar ul.level_1 {
    display: block;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.fixedscreen #Navigationbar ul.productsnav {
    list-style: none;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
    padding: 0;
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 18% 18% 18% 18% 18%;
    width: 100%;
}


#Navigationbar ul.productsnav {
    list-style: none;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
    padding: 0;
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 14% 14% 14% 14% 14% 14% 14%;
    width: 100%;
}



.main_category a:hover {
    text-decoration: underline;
}

.main_category {
    white-space: nowrap;
    flex: 1;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    max-width: 260px;
    text-transform: none;
}

#Navigationbar ul.productsnav.level_2 ul.level_3 ul.level_4 {
    display: none;
}

#Navi>nav>ul>li>ul>li>a:before {
    position: absolute;
    font-family: "icomoon";
    content: "\e907";
    display: block;
    margin-right: 24px;
    text-indent: -14px;
}

/* Navigation über mehrere Kategorieebenen */
/* Header: 2 Ebenen anzeigen*/
#Navigationbar ul.productsnav.level_2 ul {
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
}

.main_category a::before {
    display: inline-block;
}

/*#Navigationbar ul.level_2 {
	overflow: visible;
}*/
#Navigationbar ul.productsnav li>ul.level_3 {
    display: block;
}

#Navigationbar ul.productsnav li>ul.level_3  a::before {
    display: inline-block;
    content: "»";
}

#Sitemap ul.split {
    float: left;
}

div#languages {
    float: right;
    position: absolute;
    width: 100%;
    display: none;
}

.UserBoxStartseite {
    float: right;
    width: 23%;
}

.UserBoxStartseite>* {
    padding: 10px;
}

.UserBoxStartseite .LoginBoxStartseiteContent {
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    border-top: 0;
    border-bottom: 0;
}

.UserBoxStartseite h3 {
    color: #fff;
    background-color: #E30613;
    border-radius: 3px 3px 0 0;
    margin-bottom: 0;
    font-size: 1.2em;
}

.UserBoxStartseite h3 span {
    display: block;
    font-size: 0.75em;
    color: #fff;
}

.UserBoxStartseite .LoginBoxButtons {
    border: 1px solid #d3d3d3;
    background-color: #f1f1f1;
    padding: 0;
    border-radius: 0 0 3px 3px;
}

.UserBoxStartseite button {
    width: 100%;
    border-radius: 0;
}

.UserBoxStartseite .button i {
    color: #006bbb;
}

.UserBoxStartseite .button_two {
    width: 49%;
    float: left;
    border-radius: 0px;
    padding: 10px 0px;
    margin: 0px;
    border: 0;
    display: block;
    overflow: hidden;
}

.UserBoxStartseite a.button_two {
    font-size: 0.8em;
}

.UserBoxStartseite .button_first {
    float: left;
    border-radius: 0 0 0 3px;
}

.UserBoxStartseite .button_second {
    float: right;
    border-radius: 0 0 3px 0;
}

.UserBoxStartseite .LoginBoxButtons:after {
    content: " ";
    clear: both;
    display: block;
}

.UserBoxStartseite input {
    box-sizing: border-box;
    width: 100%;
}

.UserBoxStartseite form>div {
    margin: 10px 0;
}

#LoginToggle {
    border-radius: 3px;
    cursor: pointer;
}

#LoginToggle.active {
    border-radius: 3px 3px 0 0;
}

.login-toggle {
    background: url("/tradepro/shop/layout/login-toggle.gif") no-repeat
        scroll left top transparent;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 13px;
    width: 18px;
    cursor: pointer;
}

#LoginToggle.active .login-toggle {
    background-position: left bottom;
}

#MainPageSlideshow {
    position: relative;
    overflow: hidden;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    top: -10px;
}

.fixedscreen #MainPageSlideshow {
    max-width: 1200px;
}

.slider-content {
    position: absolute;
    width: 95%;
    left: 0px;
}

.slider-content.sc-top {
    top: 0px;
}

.slider-content.sc-left {
    left: 0px;
}

.slider-content.sc-right {
    right: 0px;
    text-align: right;
    left: auto;
}

.slider-content h1 {
    font-size: 28px;
    font-weight: normal;
}

.slider-content.sc-w30 {
    width: 30%;
}

.slider-content.sc-w70 {
    width: 70%;
}

#MainPageSlideshow .ce_text.slider-content {
    /*	background-color: rgba(255,255,255,0.5);
	 padding: 10px;  */
    margin: 1em;
}

.ShopContent {
    float: left;
    width: calc(100% - 294px);
}

.FFBlock {
    background-color: #fff;
    display: block;
}

#SearchResult a {
    margin-left: 0;
    margin-right: 0;
}

#SearchResult {
    padding-left: 5px;
    margin-top: 0;
}

#RubView li {
    background-color: #fff;
}

.StartContent #RubView li {
    width: 18.4%;
}

#RubView li ins {
    font-size: 1.2em;
    display: block;
    text-align: center;
    color: #333;
}
.artCMS > h3{
    background: #f1f1f1;
    color: #000;
    padding: .5em;
    margin-bottom: 1em;
    border-top: 1px solid rgb(204,204,204);
    border-bottom: 1px solid rgb(204,204,204);
}


.artCMS > h2 {
    background: #f1f1f1;
    color: #000;
    padding: .5em;
    margin-bottom: 1em;
    border-top: 1px solid rgb(204,204,204);
    border-bottom: 1px solid rgb(204,204,204);

}

/*
 *
 * Artikel im CMS - Galerieansicht
 *
 */

#RubView.ArtCMSview ul { margin-top: 0 }


/*
 *
 * Artikel im CMS - Listenansicht
 *
 */

#ListView.ArtCMSview li { margin-left: 0 !important }
.listProductTitle { font: inherit }



/*
 *
 * Artikel im CMS - Slider
 *
 */

.articleSlider {
    border: 1px solid #ccc
}

.articleSlider .innerSlide {
    position: relative;
    padding: 1em 4em;
    /*border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
}

.articleSlider .innerSlide .banner {
    position: absolute;
    left: 0;
    top: 0;
}

.articleSlider h3 { margin-top: 0 }

.articleSlider h3 a { font: inherit }

.articleSlider a.button { clear: both}

.articleSlider .slick-slide img {
    width: auto;
    height: auto
}

.webPikto {
    height: 50px;
    line-height: 50px;
    margin-bottom: 1.5em;
}
.webPikto img {
    display: inline-block !important;
    margin-right: 10px;
    vertical-align: middle;
}

.slick-slider { margin: 0 }
.slick-prev, .slick-next { box-shadow: none }


/*
 *
 * Artikel im CMS - Tabelle
 *
 */

.articleTable { margin: 30px 0; border-radius:0px;}
.articleTable tr.odd {
    background: #f1f1f1;
}
.aTabHeadline + .articleTable { margin-top: 0}

h1.aTabHeadline,
h2.aTabHeadline,
h3.aTabHeadline,
h4.aTabHeadline { margin: 1em 0 .5em 0 }

.articleTable th { border-bottom: 1px solid #ccc }
.articleTable .aTabPreis { text-align: right; width: 14% }

.articleTable .summe td { border-top: 1px solid #ccc; font-style: normal }

.infoAngebot { float: right }

.artCMS #RubView li ins {
    height: 28px;
}

#RubView li .item-overlay-shop, #RubView .offerItem .item-overlay-shop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#RubView .banner, #DetailImageContainer .banner, #ListView .banner {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 0 0 5px 0;
}

.banner_new, .banner_neuheit {
    background-color: #07C1A1;
    color: #fff;
}

.banner_aktion {
    background-color: #e00;
    color: #fff;
}

.banner_angebot {
	background-color:#ffcf03;
	color:white;
}

.main-content .ArticleElement, .galerie .ArticleElement {
    width: 220px;
    display: flex;
    position: relative;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    -moz-hyphens: auto;
    float: left;
    overflow: hidden;
    padding-top: 10px;
    word-wrap: break-word;
    margin-bottom: 20px;
    margin-right: 10px;
}

.articlelist .btn-container {
    bottom: 31px;
    padding-bottom: 0;
}

.offerItem .btn-container .button {
    min-width: 32px;
    height: 32px;
    margin-bottom: 7px;
}

#RubView {
    margin-bottom: 20px;
}

.alignCMSprice {
    height: unset;
}

.block_links_flex {
    flex-shrink: 1;
    padding-right: 5px;
}

.block_rechts_flex {
    flex-shrink: 1;
    padding-left: 5px;
}

.flexblock {
    min-width: 260px;
    max-width: 300px;
    margin-top: 20px;
}

.flexcontainerMultilist {
    list-style: none;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
    padding: 0;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 25% 25% 25% 25%;
    width: 100%;
}

.flexcontainer, .articlelist {
    list-style: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
}

.FFS-Flex {
    display: flex;
    background-color: transparent;
}

.innerBox {
    background-color: #fff;
    height: 283px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    background-color: #fff;
}

.addProductsFrame {
    height: 320px;
}

.artCMS .addProductsFrame {
    height: 100%;
}

.FFSContent #RubView li {
    transition: border 0.3s ease-in-out 0.1s;
}

.FFSContent #RubView li .innerBox {
    transition: height 0.3s ease-in-out;
}

.FFSContent #RubView li:hover .innerBox {
    border: 1px solid #fff;
    height: 375px;
    overflow: hidden;
}

#RubView li:hover .itemContent {
    z-index: 1700;
}

.ias-noneleft {
    width: 100%;
}

.FFSContent #RubView li, #RubView #TopProducts li, .ShopContent #RubView li,
    .StartContent #RubView li, #RubView .offerItem {
    margin: 0px;
    flex: 1 1 0px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    min-width: 196px;
    position: relative;
    overflow: hidden;
    margin-bottom: -80px;
}

.FFSContent #RubView li.cms-between {
    max-width: 100%;
    width: 100%;
    flex-basis: 100%;
    height: auto;
    tansition: none;
    border: 0;
    margin: 7px 5px 10px;
    border: 1px solid #f1f1f1;
    padding: 5px;
}

.FFSContent #RubView li.cms-between p {
    margin: 5px 0;
}

.FFSContent #RubView li.cms-between:hover {
    heigth: auto;
    border: 0;
    margin: 7px 5px 10px;
    border: 1px solid #f1f1f1;
}

#RubView>div .offerItem, #RubView>div  .offerItem:hover, .artCMS #RubView .offerItem
    {
    margin-bottom: 0px;
}

.artCMS #RubView .offerItem {
    height: 410px;
}

.RubViewForm {
    margin-top: unset;
    margin-bottom: unset;
}

.offerItem {
    min-width: unset;
}

.StartContent #RubView li, .artCMS #RubView li, .DetailCrossList .offerItem
    {
    flex: 1;
    min-width: 240px;
    max-width: 255px;
}

.artCMS #RubView li {
    width: 220px;
	z-index: 200 !important;
}

.StartContent {
    padding-left: 10px;
    padding-right: 10px;
}

.FFSContent #RubView li, #RubView .offerItem {
    border: 7px solid transparent;
    margin-bottom: -70px;
    background-color: transparent;
    max-width: 300px;
}

.isFavo {
    color: #e7bb02;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.StartSlider {
    border: 7px;
}

.FFSContent #RubView li:hover, #RubView .offerItem:hover {
    border: 7px solid #f1f1f1;
    z-index: 1700;
    margin-bottom: -80px;
}

.CMS .FFSContent #RubView li:hover, #RubView .offerItem:hover {
	z-index: 0 !important;
    margin-bottom: 0px;
}

.CMS .FFSContent #RubView li, #RubView .offerItem:hover {
	z-index: 0 !important;
    margin-bottom: 0px;
}

#RubView li, #RubView .offerItem {
    height: 370px;
}

#RubView li:hover, #RubView .offerItem {
    height: 370px;
    z-index: 2000 !important;
}

#RubView li .itemButtonMoreText {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1650;
}

#RubView li .itemButtonMoreText i {
    font-size: 1.3em;
    color: #666;
}

#RubView li:hover .itemButtonMoreText {
    display: block;
}


#RubView .itemContent div {
    font-size:1em;
    position:relative;
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-weight: normal;
}

#RubView .first {
    clear: left;
}

#RubView .last {
    margin-right: 0;
}

#RubView .thumb {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 100px;
    min-height: 186px;
    border: 0;
}

#RubView .thumb img {
    max-width: 186px;
    margin-top: 0;
    max-height: 186px;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%, -50%);
}

.thumbNoAnimation {
    height: 200px;
}

#RubView .thumbNoAnimation img {
    margin-top: 0;
    max-height: 200px;
    height: 200px;
    position: relative;
    left: 50%;
    top: 100px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%, -50%);
}

#RubView .productNameContainer {
    height: 80px;
}

.artCMS #RubView .productNameContainer {
    height: 100px;
}

#RubView .productNameContainer h2 {
    font-size: 16px;
    padding-left: 10p;
    padding-right: 10p;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-top: 11px;
}

#RubView .productNameContainer div.CrossArticleTitle {
    font-size: 16px;
    padding-left: 10p;
    padding-right: 10p;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-top: 11px;
    margin-bottom: 7px;
    height: 60px;
}



#RubView .itemContent h4 {
    font-size: 0.9em;
    height: 40px;
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 20px;
    padding: 0px 10px 0px 10px;
    margin: 0;
}

#RubView h3 a {
    color: #333;
    font-weight: normal;
    font-size: 0.9em;
    display: block;
}

#RubView a {
    color: #000;
    text-decoration: none;
}

.RubImageContainer {
    height: 196px;
    width: 196px;
    display: block;
}

#RubView p {
    margin: 10px 10px 10px 10px;
    padding: 0;
    bottom: 0px;
    position: relative;
}

#RubView li .btn-container ins {
    color: #333;
    padding-top: 4px;
    padding-bottom: 6px;
    /* margin-top: 16px; */
    margin-bottom: 20px;
}

#RubView ins {
    text-decoration: none;
    font-weight: bold;
    color: #006bbb;
}

#RubView .btn-container, .Info .btn-container {
    width: 100%;
    position: relative;
    padding: 0;
    text-align: center;
    display: block;
    margin-bottom: 0.5em;
}


.start #RubView .btn-container, .Info .btn-container {
    width: 100%;
    position: relative;
    padding: 0;
    text-align: center;
    display: none;
    margin-bottom: 0.8em;
}



.FFSContent #RubView .btn-container {
    margin-bottom: 0;
}

.ArtCMSview .itemContent {
    width: 220px;
    position: inherit;
}

#RubView .itemContent {
    position: absolute;
    left: 0px;
    top: 218px;
    background-color: #ffffff;
    padding-left: 0px;
    padding-right: 0px;
    height: 176px;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#RubView li:not(.cms-between) h2 {
    font-size: 1.0em;
    margin-bottom: 7px;
    height:60px;
}

.FFS-Flex #RubView .itemContent div {
    font-size: 1.0em;
    margin-bottom: 7px;
    /*height: 60px;*/
    margin: 0 0 3px 0;
    font-weight: normal;
    line-height: 1.3;
    position: relative;
}
.FFS-Flex #RubView .itemContent div.content,
.artCMS #RubView .productNameContainer{
    /*        DevOps: 41370 - ... anstatt overflow      */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 85px;
}

.FFS-Flex #RubView .itemContent.showdesc > .content {
    display: block;
    height: 100%;
    position: relative;
    background: #fff;
}
.FFS-Flex #RubView .itemContent.showdesc p {
    height: 100%;
    max-height: 135px;
    overflow: hidden auto;
    position: absolute;
    top: 0;
    background: #fff;
    margin: 0;
}

.FFS-Flex #RubView .itemContent .btn-container {
    margin-bottom: 20px;
    margin-top: 0px;
}


#RubView .itemContentNoAnimation {
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 140px;
    border-top: 1px solid #e3e3e3;
}
#RubView .itemContentNoAnimation .button {
    width: auto;
}

#RubView li:hover .itemContent, #RubView #TopProducts li:hover .itemContent,
    #RubView .offerItem:hover .itemContent {
    
}

#RubView .button {
    bottom: 1em;
    position: static;
    padding: 5px;
}

#RubView .offerItem.noprice {
    height: auto;
}

#RubView li .itemlogo {
    position: absolute;
    right: -100px;
    width: 100px;
    top: 10px;
    z-index: 1500;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

#RubView input.amountSmall {
    width: 60px;
    height: 32px;
    /*line-height: 40px;*/
    margin-right: 4px;
}

#RubView form {
    height: 37px;
    margin-right: 7px;
    margin-top:0px !important;
}

/***
 * Thumbs in Rubrikenansicht
 */
.rvThumbs {
    position: absolute;
    top: 46%;
    left: -100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    padding: 5px;
    z-index: 1001;
    width: 100%;
}

.rvThumbs .moreColours {
    float: right;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    color: #E30613;
    font-size: 30px;
}

.rvThumbs img {
    padding-left: 2px;
    max-width: 43px;
    max-height: 43px;
}
.rvThumbs a:first-child img {
    padding-left: 0px;
}

#RubView li:hover .rvThumbs {
    left: 0;
}

/***
 * Thumbs in Listenansicht
 */
.lvThumbs {
    float: left;
    position: relative;
}

.lvThumbs img {
    margin-left: 5px;
    display: inline-block;
}

.lvThumbs img:hover {
    border: 1px solid #E30613;
}

.slick-slider {
    padding-left: 60px;
    padding-right: 60px;
    width: calc(100% - 15px);
}


.fixedscreen .slick-slider {
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% - 0px);
}


.slick-arrow {
    color: #f1f1f1;
    font-size: 3em;
    position: relative;
    z-index: 1000;
}

.fixedscreen .prev-arrow {
    top: 132px;
    left: -68px;
}

.prev-arrow {
    top: 132px;
    margin-left: -57px;
}

.next-arrow {
    float: right;
    top: -170px;
    left: 30px;
    margin-right: 0px;
}


.fixedscreen .next-arrow {
    float: right;
    top: -176px;
    margin-right: 0px;
}

#RubView li:hover .itemlogo {
    position: absolute;
    right: 0px;
    top: 10px;
}

#RubView li .itemlogo img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    background-color: #ffffff;
    padding: 2px;
}

/* ------------------------------------------------------------------------------ */
/* Listenansicht */
.lvThumbs {
    float: left;
    position: relative;
}

.lvThumbs img {
    margin-left: 5px;
    display: inline-block;
}

.lvThumbs img:hover {
    border: 1px solid #E30613;
}

#ListView ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#ListView li {
    border-bottom: 1px dashed #ccc;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

#ListView .thumb {
    float: left;
    position: relative;
    display: block;
    width: 90px;
    margin-bottom: 10px;
}

#ListView .thumb img {
    display: block;
    max-width: 90px;
}

#ListView .thumb .banner {
    position: absolute;
    top: 0px;
    left: 0px;
    border: none;
}

#ListView .hersteller {
    float: right;
    max-height: 20px;
}

#ListView h3 {
    margin: 0 110px 10px 110px;
    padding: 0;
}


#ListView div.ArticleTitle {
    margin: 0 110px 10px 110px;
    padding: 0;
    position: relative;
    font-size: 1em;
    font-weight: bold;
}

#ListView i.fa.fa-history.isSlc, i.fa.fa-star.isFavo {
    font-size: 16px;
    vertical-align: text-top;
}

#ListView > ul > li:not(.cms-between) p {
    margin: 0 110px 10px 110px;
}

#ListView .button {
    margin-right: 2px;
}

#Pages {
    clear: left;
    float: right;
    padding-bottom: 30px;
    display: inline-block;
    z-index: 1000;
    position: relative;
}

#Pages strong {
    display: block;
    float: left;
    height: 2em;
    text-align: center;
    line-height: 19px;
    margin: 5px 5px 0 10px;
}

#Pages ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

#Pages a, #Pages li {
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
}

#Pages li {
    float: left;
    color: #000;
    background: #e4e4e4;
    font-weight: 700;
    margin: 0 0 4px 4px;
}

#Pages li.active {
    background: #d4d4d4;
}

#Pages li:after {
    content: none;
    margin: 0 0 0 4px;
}

/* Detailseite */
#ZoomContainer {
    position: relative;
    float: left;
    width: 30%;
}

#Zoomlinks {
    position: relative;
    float: left;
    margin: 0 0 20px 0;
}

#zoomzcontainer {
    position: absolute;
    right: 0px;
    top: 0.5em;
    width: 100%;
    height: 450px;
    z-index: 5;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.zoomz {
    visibility: hidden;
}

.zoomz.hover {
    visibility: visible;
}

#zoomField {
    position: absolute;
    cursor: zoom-in;
    background: url('/tradepro/shop/layout/zoomsprite.png') repeat;
    pointer-events: none;
    visibility: hidden;
}

#DetailImageContainer:hover #zoomField {
    visibility: visible;
}

#DetailImageContainer {
    position: relative;
    display: block;
    overflow: hidden;
}

#DetailImage {
    display: block;
    width: 100%;
    height: auto;
}

#DetailThumbs {
    padding: 8px 0;
    overflow: hidden;
}

#DetailThumbs a {
    float: left;
}

#DetailThumbs img {
    display: block;
    width: 43px;
    border: 1px solid #ccc;
    margin: 1px;
}

#ZoomlinkInfo {
    clear: left;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

#DetailInfo {
    float: right;
    margin: 0 3.1% 20px 2%;
    width: 64%;
    position: relative;
    padding: 0 5px;
    color: #3c3c3b;
}

#DetailInfo h3 {
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-weight: normal;
    position: relative;
    font-size: 1.5em;
}

#DetailInfo h1 {
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-weight: normal;
    position: relative;
    font-size: 2.5em;
}

#DetailInfo ul {
    padding-left: 0;
}

#DetailInfo ul li::before, .Info ul li::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    background-image: url('/tradepro/shop/layout/pfeil_rechts_red.svg');
    background-size: 6px 10px;
    background-repeat: no-repeat;
    margin-right: 5px;
    /*
    list-style-type: disclosure-closed;
    list-style-position: inside;
    */
}

#DetailText {
    margin: 0 110px 20px 0;
}

#DetailHersteller {
    float: right;
    max-width: 100px;
}

#DetailAttributes {
    margin: 0;
}

#readmorecontainer {
    margin: 0 0 2em 0;
    overflow: hidden;
}

#DetailAttributes dt {
    float: left;
    clear: left;
    width: 40%;
    margin: 0 0 10px 0;
    font-weight: bold;
    word-break: break-all;
}

#DetailAttributes dd {
    float: left;
    margin: 0 0 10px 0;
    width: 60%;
}

.hToggle {
    display: block;
    position: relative;
    margin: 0 0 30px 0;
    overflow: hidden;
    padding-bottom: 0;
}

#DetailMoreInfos {
    clear: right;
    float: right;
    margin: 30px 10px 0 0;
}

#DetailTableLoading {
    clear: left;
    margin: 10px 0;
    text-align: center;
}

#DetailTableShow {
    clear: both;
}

#DetailTable .fastpageicon {
    width: auto;
    height: 12px;
}

#DetailFastpageAllArticles {
    /* clear: right; */
    float: right;
    margin: 10px 10px 0 0;
}

#submitform {
    clear: both
}

#DetailTable, #DetailCross {
    border-collapse: separate;
}

#DetailCross {
    flex: 2;
}

#DetailTable tbody tr:nth-child(2n), .ShippingcostsTable tbody tr:nth-child(2n) {
    background: #eee;
}

.InnerContainer {
    /*	max-width: 1200px;  */
    margin: auto;
}

.RubMaxWidth {
    max-width: 350px;
    height: 334px;
}

.RubMaxWidthButtons {
    max-width: 350px;
    height: 350px;
}

#DetailCross td, #DetailTable th, #DetailTable td {
    padding: 5px 10px;
    position: static;
    font-size: 1em;
}

#DetailTable th, select.filter_select {
    font-size: 14px !important;
}

.DetailCross .thumb {
    width: 100px;
    text-align: center;
}

.DetailCrossList li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#RubView .DetailCrossList h3 a,
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.artCMS .DetailCrossList .inactive {
    height: 0px;
}

#PrintView #PrintHead img {
    margin: 10px 5px;
}

#DetailCross h2 {
    line-height: 2.5em;
    font:normal 1.6em "Open sans", sans-serif;
    text-transform: uppercase;
}

.DetailCrossHeadline .toggle_position {
    padding: 10px;
    position: relative;
    top: 3px;
}

.InfoHead .Toggle, .Info .Toggle, .DetailHeadline .Toggle {
    Display: inline;
    margin: 10px;
}

#DetailTable th, #DetailTable th i {
    background: #f1f1f1;
    color: #000;
}

.Toggle i {
    font-size: 1em;
    margin-top: 5px;
}

#detTab {
    clear: both;
    padding-bottom: 2em;
    /*	max-width:1200px; */
    margin: auto;
}

#detTab .resp-tab-content {
    padding: 2em 0 0;
}

div#video {
	clear:left;
    width: 50%;
}

/* Detailtabs Artikeltabelle */
#detTab .ShopTable {
    margin-top: 0;
}

.ShopTable th.DetailLiefer i {
    font-size: 1.5em;
}

.technische_daten_container {
    position: relative;
    float: left;
	width: 100%;
}

.technischer_container {
    width: calc(50% - 5px);
    position: relative;
}

.technische_daten_container>div:nth-of-type(2n+1) {
    float: left;
}

.technische_daten_container>div:nth-of-type(2n) {
    float: right;
}

.technischer_container>div:nth-of-type(2n+1) {
    background-color: #f1f1f1;
}

.technischer_container>.technische_line.technischer_header {
    padding: 2px 10px;
    background-color: #f1f1f1;
    color: #000;
}

.technische_line>div {
    width: 50%;
    display: inline-block;
    padding: 2px 10px;
}

.sav_variation_banner {
    background-color: #E30613;
    color: #fff;
    font-size: 25px;
    padding: 10px;
    position: relative;
}

.sav_variation_banner.sav_ico:before {
    font-family: "icomoon";
    margin-right: 10px;
    top: 2px;
    position: relative;
}

.sav_variation_banner.info:before {
    content: "\e91a";
}

.sav_variation_banner.wrench:before {
    content: "\e923";
}

.einzelansicht {
    padding: 5px 10px;
}

/* Detailtabs Downloads */
#downloadList {
    width: 50%;
    padding: 2em 0em;
}

#downloadList li {
    height: 2em;
    line-height: 2em;
    margin-bottom: .5em;
}

#downloadList li i {
    font-size: 1.33em;
    margin-right: .5em;
    color: #ccc;
}

#downloadList li i:before {
    content: "\e92b";
    color: #E30613;
}

#downloadList li:hover i:before {
    content: "\e92b";
    color: #E30613;
}

#downloadList a.button {
    float: right;
    padding: 0 1em;
    height: 1.8em;
    margin-top: .1em;
}

.resp_tabs_cont {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    height: auto;
    border-bottom: 1px solid #ccc;
}

/* Detailtabs Videos */
.videoContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 2em;
}

.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------------------------------------------------------------------------------ */
/* Detailbuttons */
#DetailBack {
    
}


.det #DetailScart,
.sav #DetailScart {
	margin:0px;
	font-size:15px;
	float:none;
	padding: 10px 35px;
}

#DetailScart {
    margin: 24px 0px;
    float: right;
    padding: 13px 42px;
    font-size: 16px;
}

.fixedscreen #DetailScart {
    padding: 7px 30px;
    margin: 23px 56px;
}


 

#DetailPrint {
    margin: 0 10px 0 0;
}

/* Detailtabelle */
#DetailTable a.nolink {
    cursor: default;
    color: #333;
}

#DetailTable a:hover {
    text-decoration: none;
}

#DetailTable .showmobile {
    display: none;
}

#DetailTableClone {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

#DetailTableCloneConf {
    position: relative;
    
}


#ScartSteps {
    position: relative;
    list-style: none;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

#ScartSteps after {
    border-left: 15px solid rgb(243, 243, 243);
}

#ScartSteps li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid rgb(255, 255, 255);
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 100%;
    z-index: 2;
}

#ScartSteps li.active:after {
    border-left: 15px solid rgb(243, 243, 243);
}

#ScartSteps li:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid #e2e2e2;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

#ScartSteps li {
    position: relative;
    width: 25%;
    height: 60px;
    float: left;
}

#ScartSteps li div {
    width: 100%;
    height: 60px;
}

#ScartSteps li strong {
    position: absolute;
    bottom: 5px;
    left: 40px;
    font-size: 2.8em;
    font-weight: normal;
    color: #bbb;
}

#ScartSteps li p {
    /*font-size: 12px;*/
    display: inline;
    bottom: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 70px;
    color: #999;
}

#DetailCross th, #ScartTable th, #ERPTable th, #DirectOrderTable th,
    .ShopTable th {
    /*font-size:1.6em;*/
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    text-align: left;
    vertical-align: top;
}

#ScartTable th, #ScartTable td {
    padding: 0.375em 5px;
}

#CCTable .headLeft, #ScartTable .headLeft {
    text-align: left;
}

#CCTable .headRight, #ScartTable .headRight {
    text-align: right;
}

#CompareTable td {
    border-bottom: 1px solid #ccc;
}

#CompareTable .Order th, #CompareTable .Order td {
    border-bottom: 0px;
}

.ShopTable td {
    position: relative;
    font-weight: normal;
}

.ShopTable .Article .previewthumb {
    width: 90px;
    height: auto;
    vertical-align: top;
}

#CCTable {
    margin-top: 20px;
}

#CCTable th {
    /*font-size:1.2em;*/
    border-bottom: 1px solid #ccc;
}

#ScartSteps li.active {
    background-color: #f3f3f3;
}

#ScartSteps li.active strong {
    color: #999;
}

#ScartSteps li.active p {
    color: black;
}

#DirectOrderTable {
    /*margin-bottom: 40px;*/
    margin-top: 0;
    border-bottom: 1px solid #ccc;
    max-width: 100%;
}

#DirectOrderTable th {
    padding: 12px 10px;
}

#DirectOrderTable #MengeWert {
    width: 45px;
}

.ShopTable thead>tr {
    border: none;
}

.tableBreak {
    border-top: 1px solid #ccc;
}

.ShopTable strong, .ShopTable strong b {
    font-weight: normal;
}

.ShopTable p {
    margin-top: 0;
}

.CCinArticle>span {
    display: block;
}

.CCinArticle>.CCLabel {
    float: left;
    text-align: left;
}

.CCinArticle>.CCInput {
    float: right;
}

.CCinArticle>.CCInput>input, .CCinArticle>.CCInput>select {
    box-sizing: border-box;
    width: 75% !important;
}

.ShopTable hr {
    border: 1px #ccc;
    border-style: none none dashed none;
}

#ScartOrderButton {
    text-align: right;
    width: 40%;
    overflow: hidden;
    border-left: 1px solid #ccc;
}

#WaitSubmit {
    display: none;
}

#ScarStepsExplain {
    width: 56%;
}

#ScartOrderButton select {
    width: 95% !important;
}

#ScartOrderButton .os_scart_payment_txt {
    margin: 1em 0 0 0;
}

#scartFooter table td, #scartSummary table td {
    border: none;
}

/* Sitemap */
#Sitemap {
    position: relative;
    background: #363636;
    clear: both;
    overflow: hidden;
    margin: 20px 0 0 0;
    padding: 20px 0;
    text-align: left;
}

#Sitemap nav, #Sitemap div.ce_text {
    float: left;
    width:25%;
    /*width: auto;*/
    min-width: 20%;
    padding: 0 1%;
}

#Sitemap nav h1, #Sitemap div h1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 0 10px 0;
    color: #fff;
    font-weight: normal;
    padding-bottom: 0.3em;
    font-size: 1.3em;
    line-height: 1.5;

}





#Sitemap nav ul, #Sitemap div ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#Sitemap nav ul li, #Sitemap div ul li {
    padding: 3px 0px;
}

#Sitemap nav ul li, #Sitemap div ul li {
    color: #fff;
}

#Sitemap nav ul li a, #Sitemap div ul li a {
    color: #fff;
}

#Sitemap div ul li a {
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
}

#Sitemap .productsnav ul.level_3 {
    display: none;
}

#Sitemap .productsnav li.main_category {
    margin: 0;
}

#CreditInfoWrapper {
    padding-top: 10px;
    text-align: center;
    clear: both;
}

/* ------------------------------------------------------------------------------ */
/* Breadcrum */
#Breadcrum {
    padding-bottom: 30px;
}

#Breadcrum strong {
    margin-right: 6px;
}

#Breadcrum a {
    margin-right: 6px;
    color: #333;
}

#Breadcrum a:hover {
    color: #E30613;
    text-decoration: none;
}

#Breadcrum ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#Breadcrum li {
    display: inline;
}

#Breadcrum li a {
    padding-left: 12px;
    background: url(/tradepro/shop/layout/breadcrum_arrow.gif) left 0.5em
        no-repeat transparent;
}

footer {
    position: relative;
    bottom: -30px;
    left: 0;
    text-align: center;
    clear: both;
}

.start footer {
    bottom: 0px;
}

footer>ul, footer>div>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer>ul>li, footer.page-footer>div>ul>li, footer>div>ul>li {
    display: inline;
    font-style: normal;
    text-shadow: 1px 1px 0 white;
    white-space: nowrap;
    font-size: 10px;
}

footer>ul>li:after, footer.page-footer>div>ul>li:after, footer>div.ce_text>ul>li:after
    {
    content: '|';
    margin: 0 10px;
}

footer>ul>li:last-child:after, footer.page-footer>div>ul>li:last-child:after,
    footer>div.ce_text>ul>li:last-child:after {
    content: none;
}

footer>ul>li a, footer.page-footer>div>ul>li a, footer>div.ce_text>ul>li a
    {
    color: #333;
    font-size: 10px;
}

/* Meine Startseite */
#customerMenu a div.TwoColumns {
    background-color: #eee;
    margin-bottom: 1%;
    overflow: hidden;
    position: relative;
}

.TwoColumns {
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.TwoColumns h2 {
    font-weight: lighter;
}

#customerMenu a:hover div.TwoColumns {
    background-color: #E30613;
}

#customerMenu a:hover * {
    color: #fff;
}

#customerMenu>a>div>i {
    font-size: 10em;
    color: #ccc;
    margin-left: -5%;
}

#customerMenu div.textContainer {
    position: absolute;
    top: 0.4em;
    left: 10em;
    margin-right: 2%;
}

#customerMenu div.textContainer div {
    font-size: 1.4em;
    margin: 10px 0px 10px 0px;
}

#myIndex .textbox {
    float: left;
    width: 500px;
    position: relative;
}

#myIndex .card {
    position: relative;
    float: right;
    width: 319px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #CCCCCC;
}

#myIndex .card p {
    float: left;
    line-height: 14px;
    margin-bottom: 0px;
    font-size: 10px;
    margin-left: 11px;
    position: relative;
    top: 0px;
}

/* Rubrikenansicht */
#SearchFilter {
    position: relative;
    clear: left;
    border-bottom: 1px solid #e6e6e6;
    border-width: 1px 0;
    margin-bottom: 20px;
    padding: 10px 5px;
    height: 50px;
}

#SearchFilter select {
    float: right;
    padding: 0.3em;
    border-radius: 3px;
    margin-right: 7px;
}

#SearchFilter .layoutSwitch {
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 3px 6px;
    font-size: 16px;
    float: left;
    margin-left: 7px;
}

#SearchFilter .layoutSwitch i {
    font-size: 14px;
    color: #999
}

#SearchFilter .layoutSwitch.active {
    background: #E30613;
    border: 1px solid #E30613;
    cursor: pointer;
}

#SearchFilter .layoutSwitch.active i {
    color: #fff;
}

#SearchFilter #ffsRub.inactive {
    border-left: none;
}

#SearchFilter a.layoutSwitch.inactive:hover i {
    color: #333;
}

.image_container.float_right, .image_container.float_left {
    max-width: 330px;
}

#myIndex .RubView {
    margin-bottom: 20px;
}

#myIndex .RubView ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#myIndex .RubView li {
    position: relative;
    float: left;
    margin: 0px 15px 20px 0;
    width: 135px;
    height: 200px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}

#myIndex .RubView .thumb {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

#myIndex .RubView .thumb img {
    width: 100%;
    height: auto;
    margin-top: 0;
}

#myIndex .RubView h3 {
    position: relative;
    margin: 0 10px 10px 10px;
    padding: 10px 0 0 0;
}

#myIndex .RubView p {
    margin: 0 5px;
    padding: 0;
    line-height: initial;
}

/* ------------------------------------------------------------------------------ */
/* Payment */
#PaymentInfo {
    display: none;
}

#tabnav {
    
}

#tabnav .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 44px;
}

#tabnav .menu li {
    float: left;
    padding: 8px 10px;
}

#tabnav .menu li.active {
    border: 1px solid #ccc;
    padding: 4px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #f3f3f3;
}

#tabnav .menu li a {
    display: block;
    width: 50px;
    height: 32px;
    background: url(/tradepro/shop/layout/payment_light.gif) no-repeat;
}

#tabnav .menu li a.tab1 {
    background-position: -100px 0;
}

#tabnav .menu li a.tab2 {
    background-position: -150px 0;
}

#tabnav .menu li a.tab3 {
    background-position: -50px 0;
}

#tabnav .menu li a.tab4 {
    background-position: 0 0;
}

#tabnav .menu li a.tab5 {
    background-position: -200px 0;
}

#tabnav .menu li a.tab6 {
    background-position: -250px 0;
}

#tabnav .menu li a.tab7 {
    background-position: -300px 0;
}

#tabnav .menu li a.tab8 {
    background-position: -350px 0;
}

#tabnav .menu li a.tab9 {
    background-position: -400px 0;
}

#tabnav .content {
    clear: left;
    height: 600px;
    overflow: auto;
    background: white;
    margin: 20px 0 0 0;
    padding: 10px;
}

.TableTwoColumns {
    width: 50%;
    clear: none;
}

/* Warenkorb aktualisieren */
.scartRefresh {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    display: none;
    position: relative;
    top: 3px;
    box-shadow: none;
    text-shadow: none;
}

.scartRefresh, .scartRefreshDummy {
    width: 22px;
    height: 20px;
}

/* Geschenkartikel */
.Gift {
    min-height: 120px;
    overflow: hidden;
}

.Gift .thumb {
    float: left;
}

.Gift .thumb img {
    width: 90px;
}

.Gift .content {
    margin-left: 100px;
}

.Gift .content .GiftTitle {
    margin: 0 0 1em 0;
    clear: none;
    font-size:1.3em;
    position:relative;
}

.Gift .content a strong {
    color: #0066bb;
}

.Gift .content p {
    margin: 0 0 1em 0;
}

.Gift .content button {
    padding: 0 10px;
    width: 100%;
    white-space: normal;
}

html .rotating-boxes-item-content, html .rotating-boxes-item-cover, html .ce_accordion .toggler,
    html .ce_accordion .accordion, html .ce_accordion+.ce_accordion .toggler
    {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 1px solid #e5e5e5;
}

.CMS.twocolumnleft section.main-content {
    width: 72%;
    margin: 2.5em 0 0 2%;
    float: right;
}

.CMS .content-wrapper {
    max-width: 1180px;
}

.CMS.twocolumnleft aside.sidebar {
    width: 22.22222%;
    margin: 2.5em 0 0 0;
}

.CMS .sidebar li .active {
    font-weight: bold;
}

.CMS sup, .CMS sub {
    font-size: .83em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
}

.CMS sup {
    top: -0.4em
}

.CMS sub {
    bottom: -0.4em
}

/******* ANPASSUNG KONTAKTFORMULAR *******/
.button-kontakt {
    padding: 10px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: #f1f1f1;
    border: 1px solid #ccc;
    white-space: nowrap;
    color: #000;
    font-size: 1em;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: none;
}

.button-kontakt:hover, .button-kontakt:hover, .button-kontakt:focus,
    .button-kontakt:active {
    background: #E30613;
    border: 1px solid #E30613;
    color: #fff;
}

.h3bottom {
    border-bottom: 1px solid #ccc;
}

.kontakt-25 {
    width: 25%;
    float: left;
}

.kontakt-75 {
    width: 73%;
    float: left;
    margin-left: 2%;
}

/* jQuery Zoomz */
.zoomz {
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 0
}

.zoomz img {
    display: block
}

.zoomz .target {
    position: absolute;
    opacity: 0;
    transition: opacity .5s
}

.zoomz.hover .target {
    opacity: 1
}

.zoomz-ready {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.hidden {
    display: none;
}

#scart-popup-container {
    top: 110px;
    right: 10px;
    height: 800px;
    width: 400px;
    z-index: 7001;
    pointer-events: none;
    position: fixed;
}

#scart-popup-container .scart-add-popup .title, #cross-popup-container .scart-add-popup .title {
    color: #797979;
}

.scart-add-popup {
    padding: 5px 5px 5px 90px;
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 5px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .35);
    display: none;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.scart-add-popup.bad{
    border: 1px solid #E30613;
}

.scart-add-popup.good{
    border: 1px solid #00ad00;
}

.scart-add-popup .background {
    position: absolute;
    top: -70px;
    left: 80px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

.scart-add-popup .background i {
    top: -128px;
    text-align: center;
}

#scart-popup-container .scart-add-popup .background i, #cross-popup-container .scart-add-popup .background i {
    color: rgba(0, 117, 188, .2);
    font-size: 280px;
}

.scart-add-popup .amount {
    font-weight: bold;
}

.scart-add-popup .image {
    width: 80px;
    min-height: 80px;
    float: left;
    margin-left: -85px;
    position: relative;
    z-index: 2;
}

.scart-add-popup .title {
    position: relative;
    z-index: 2;
}

.scart-add-popup .image img {
    max-width: 80px;
    max-height: 80px;
}

tr.alternating:nth-of-type(2n+1) td,
.manual-odd td {
    /* odd = ungerade = 1, 3, 5,... */
    background-color: #FFF;
}

tr.alternating:nth-of-type(2n) td,
.manual-even td{
    /* even = gerade = 2, 4, 6,... */
    background-color: #F1F1F1;
}

/*
 * Login-Seite für geschlossenen Shop
 */
body.closed-shop-login {
    background-color: #000;
}

body.closed-shop-login .login-box {
    position: relative;
    width: 430px;
    max-width: 90%;
    margin: 10% auto;
}

body.closed-shop-login .login-box>div {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .5);
    padding: 15px;
    box-shadow: 0 0 5px rgba(213, 166, 26, .5);
    border-radius: 6.66px;
}

body.closed-shop-login .login-box p {
    color: #ccc;
    margin-top: 20px;
    font-size: 10px;
    text-align: center;
    line-height: 1.4em;
}

body.closed-shop-login label {
    display: block;
    font-weight: bold;
}

body.closed-shop-login input {
    margin-bottom: 15px;
    width: 96%;
}

.updowncontainer i {
    display: block;
}

.menge+.updowncontainer {
    /* nur anzeigen wenn Mengenfeld vorhanden */
    width: 1.1em;
    display: inline-grid;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.increase, .decrease {
    cursor: pointer;
    display: block;
    color: #fff;
    background-color: #000;
    font-size: 10px;
    padding: 2px;
    text-align: justify;
    margin: 2px;
    margin-top: 4px;
}

/***
 * 	 STRIPE CSS
 */
/* MODAL BEI PAYMENT PROZESS */
#stripe-modal-wrapper {
    display: none;
    position: fixed;
    z-index: 20000201;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
}

#stripe-modal {
    width: 300px;
    height: auto;
    background: none;
    text-align: center;
    color: #202020;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* STATUS IN BESTELLÜBERSICHT */
span.stripestatus {
    display: inline-block;
    color: #fff;
    width: 100px;
    height: 26px;
    border-radius: 3px;
    font-size: .85em;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    text-shadow: 0 0 1px #000;
}

.stripestatus-green, .stripestatus-green i {
    color: #fff;
    background-color: #3e8600
}

.stripestatus-red, .stripestatus-red i {
    color: #fff;
    background-color: #7f0000
}

.stripestatus-orange, .stripestatus-orange i {
    color: #fff;
    background-color: orange
}

.stripestatus-grey, .stripestatus-grey i {
    color: #fff;
    background-color: #ccc
}

.stripestatus-blue, .stripestatus-blue i {
    color: #fff;
    background-color: rgba(43, 134, 186, 1)
}

/* STRIPE ENDE */
.flags {
    position: relative;
    bottom: -4px;
}

.erpbutton {
    min-width: 70px;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #000;
    text-align: center;
    font-size: 12px;
    color: #000;
}

a.erpbutton:hover {
    color: #fff;
    background-color: #177ebb;
}

#languageselector, #languageselector2 {
    padding: 0;
    font-size: 14px;
    box-shadow: none;
    border: none;
    background-color: transparent;
    color: #333;
    width: 40px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/* PassMeter (kundendaten ändern) */
/* Passmeter */
.pwtest {
    width: 80%;
    font-weight: bold;
    text-align: center;
}

.pwtest.passMeter-bad {
    background: red;
    color: #fff;
    box-shadow: inset 0px 0px 9px #920000;
}

.pwtest.passMeter-low {
    background: yellow;
    color: #000;
    box-shadow: inset 0px 0px 9px #909200;
}

.pwtest.passMeter-good, .pwtest.passMeter-strong {
    background: lightgreen;
    color: #000;
    box-shadow: inset 0px 0px 9px #00ad00;
}

#footer>div.ce_text, #footer #CreditInfoWrapper {
    background-color: #f1f1f1;
}

.categoryselector {
    position: absolute;
    font-size: 15px;
    left: 0;
    top: 0;
    height: 41px;
    background-color: #f1f1f1;
    color: #000;
    border: 1px solid #ccc;
    padding: 9px 8px 0 8px;
    overflow: hidden;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#categorydropdown {
    left: 0;
    right: 0;
    top: 0;
    bottom: 4px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.block_links {
    width: 300px;
    height: 50px;
    position: absolute;
    left: -305px;
}

.block_rechts {
    width: 300px;
    height: 50px;
    position: absolute;
    right: -305px;
}

.innerScrollDetailTable {
    overflow: auto;
    /*width: 100%;
	 height: 200px;*/
}

.innerScrollDetailTableConf {
    overflow: auto;
    width:100%;
    /*width: 100%;
	 height: 200px;*/
}

#DetailTable th.fixedColumn {
    position: sticky;
    left: 0;
    z-index: 1;
}

#DetailTableCloneConf th.fixedColumn {
    position: sticky;
    left: 0;
    z-index: 1;
}

#DetailTableCloneConf table {
	border-spacing:2px 0px;
}

#DetailTable th.lastFix {
    position: sticky;
    right: 0;
    z-index: 1;
}

#DetailTableCloneConf th.lastFix {
    position: sticky;
    right: 0;
    z-index: 1;
}

#DetailTable td.fixedColumn {
    position: sticky;
    left: 0;
    z-index: 1;
}

#DetailTableCloneConf td.fixedColumn {
    position: sticky;
    left: 0;
    z-index: 1;
    
}

#DetailTable td.lastFix {
    position: sticky;
    right: 0;
    z-index: 1;
}

#DetailTableCloneConf td.lastFix {
    position: sticky;
    right: 0;
    z-index: 1;
}

.asn_colorbox {
    display: block;
    height: 40px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.colorbox {
    float: left;
    display: block;
    margin: 0 10px 10px 0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #ccc;
}

.rainbow {
    background: -moz-linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,
        0, 23, 1)), color-stop(16%, rgba(253, 0, 23, 1)),
        color-stop(17%, rgba(253, 151, 42, 1)),
        color-stop(33%, rgba(253, 151, 42, 1)),
        color-stop(34%, rgba(254, 253, 66, 1)),
        color-stop(50%, rgba(254, 253, 66, 1)),
        color-stop(51%, rgba(59, 254, 60, 1)),
        color-stop(67%, rgba(59, 254, 60, 1)),
        color-stop(68%, rgba(28, 156, 251, 1)),
        color-stop(84%, rgba(28, 156, 251, 1)),
        color-stop(85%, rgba(104, 61, 249, 1)),
        color-stop(100%, rgba(104, 61, 249, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0017',
        endColorstr='#683df9', GradientType=0); /* IE6-9 */
    background: linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* W3C */
}

#ShopMenu .asn_colorbox li:before, .colorbox:before {
    content: "";
}

.colorbox a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0) 100%);
    z-index: 100;
}

#ShopMenu {
    position: relative;
    background: none;
    float: right;
    width: 270px;
    margin-bottom: 20px;
}

#ShopMenu .Filter {
    display: none
}

#ShopMenu section, #ShopMenu>div {
    background-color: #fff;
}

#ShopMenu>div#Filter {
    background: none;
}

#ShopMenu .angebote li {
    margin-bottom: 10px;
}

#ShopMenu .angebote li:before {
    content: "";
}

#ShopMenu>section, #ShopMenu>#Filter>section, #ShopMenu>.ce_text {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 10px 10px;
    /*margin-bottom:15px;*/
    position: relative;
}

#ShopMenu>*, #ShopMenu>#Filter>* {
    border: 1px solid #f1f1f1;
    margin: 0 0 1.5em 0;
}

#ShopMenu.FFSMenu {
    float: left;
}

er {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

/*#ShopMenu h1 {
	font-size: 1.3em;
	text-shadow: 1px 1px 0 white;
	margin: 0;
	position: relative;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	color: #242424;
}*/
#ShopMenu h1 .ASN_Toggle, .toggle {
    background: url("/tradepro/shop/layout/ASN_toggle.png") no-repeat scroll
        left top transparent;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 2px;
    width: 18px;
    cursor: pointer;
}

#ShopMenu h1 .ASN_Toggle.close, .toggle.close {
    background-position: left bottom;
}

#ShopMenu>#Filter {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

#ShopMenu h6 {
    color: #ff00ff;
}

#ShopMenu h1 {
    font-size: 1em;
    text-shadow: 1px 1px 0 white;
    margin: 0;
    position: relative;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    padding-right: 25px;
}

#ShopMenu h1 .ASN_Toggle, .toggle {
    background: url("/tradepro/shop/layout/ASN_toggle.png") no-repeat scroll
        left top transparent;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 2px;
    width: 18px;
    cursor: pointer;
}

#ShopMenu h1 .ASN_Toggle.close, .toggle.close {
    background-position: left bottom;
}

#ShopMenu ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}

#ShopMenu.NoMargin ul, #DirectOrderTable button {
    margin-top: 0px;
}

#ShopMenu li:before {
    position: absolute;
    font-family: "icomoon";
    content: "\e907";
    margin-top: 1.1em;
    font-size: 0.6em;
    text-indent: 1px;
}

#ShopMenu li {
    position: relative;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#ShopMenu li.active {
    background-color: #E30613;
    color: #fff;
    margin-bottom: 3px;
}

#ShopMenu li.active a:after {
    position: absolute;
    font-family: "icomoon";
    content: "\ea0f";
    top: 0.7em;
    right: 6px;
    color: #fff;
    font-size: 9px;
}

#CMS #ShopMenu li.active a:after {
    content: "";
}

#ShopMenu li.open {
    background-image: url(/tradepro/shop/layout/arrow_down.png);
    background-position: 0 3px;
}

#ShopMenu section a {
    display: block;
    margin: 0 0 0 15px;
    padding: 0.4em 0 0.4em 0;
    color: #333;
}

#ShopMenu section a:hover {
    color: #E30613;
    text-decoration: none;
}

#ShopMenu li.active a {
    color: #fff;
}

#ShopMenu section a.button:hover {
    color: #fff;
}

#ShopMenu a.active:after {
    font-family: 'FontAwesome';
    font-size: 1em;
    float: right;
    content: '\f00d';
    padding-top: 0.2em;
    padding-right: 5px;
    line-height: 100%;
}

#ShopMenu section span {
    color: #999;
}

#ShopMenu select {
    width: 100%;
    margin-bottom: 10px;
}

#ShopMenu .level2 {
    margin-left: 12px;
}

#topseller span {
    font-weight: bold
}

#topseller span::after {
    content: ")"
}

#topseller span::before {
    content: "("
}

/* Kundenkonto */
#CustAccount a#os_link_customer {
    margin: 0;
    padding: 0;
    display: block;
    /*position: relative;*/
}

#CustAccount img {
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 50px;
}

#CustAccount form {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

#CustAccount form>div {
    position: relative;
    margin-top: 5px;
    clear: both;
}

#CustAccount form>div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#CustAccount form label {
    float: left;
    width: 33%;
    margin: 6px 0 6px 0;
    padding: 0;
    line-height: 20px;
}

#CustAccount form input.Input {
    float: right;
    width: 66%;
    box-sizing: border-box;
}

#CustAccount form button.Submit {
    padding: 5px 15px;
    float: right;
}

/* Zuletzt gesehen */
#CustLastEmpty {
    background: none;
}

#ShopMenu #CustLastEmpty:before {
    content: "";
}

.elasticsearchbackground {
    background-image: url('/tradepro/shop/elastic.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position: 90%;
}

.factfinderbackground {
    background-image: url('/tradepro/shop/fact-finder.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position: 90%;
}

/* Contao Geraffel für Slider Inhalte neues Design */
.image_container {
    margin: 0;
}

.slider-content h1 {
    line-height: 0;
}

.mWidth500 {
    margin-top: 0.5 vw;
    max-width: 25vw;
    display: block;
    font-size: 1vw;
    background-color: #f1f1f1;
    opacity: 0.8;
    padding: 1vw;
    display: flex;
    margin: 0;
    margin-bottom: 0.5 vw;
}

.teaser_center {
    display: table-cell;
    vertical-align: middle;
}

.teaser_block {
    max-width: 50%;
    display: block;
}

.fixedscreen .teaser_block {
	max-width:100%;
}

.teaser_container {
    position: relative;
}

.teaser_image {
    background-size: cover;
    background-position: center center;
    display: block;
    height: 400px;
    width: 50%;
    margin: 0px;
    padding: 0px;
}



.teaser_flatbox {
    width: 50%;
}

.teaser_rechts .teaser_flatbox {
    margin-left: 50%;
}

.teaser_rechts .teaser_block {
    float: left;
}

.teaser_links .teaser_block {
    float: right;
}

.teaser_links .teaser_flatbox {
    margin-left: 0%;
}

.teaser_rechts .teaser_image {
    background-position: center center;
}

.teaser_links .teaser_image {
    background-position: center center;
    margin-left: 50%;
}

.teaser_rechts .teaser_flatbox,
.teaser_links .teaser_flatbox {
    display: block;
    margin: 0px;
    position: absolute;
}

.teaserTopicBlack {
    background: #000;
    opacity: 1;
    font-size: 1.2 vw;
    color: #fff;
    padding: 15px;
    display: inline-block;
    margin-top: 20px;
}

.teaser_rechts .teaser_flatbox {
    right: 0px;
    top: 0;
    height: 400px;
}

.teaser_links .teaser_flatbox {
    left: 0px;
    top: 0;
    height: 400px;
}

.teaser_links .teaser_block,
.teaser_rechts .teaser_block {
    float: none;
    margin: 0px auto;
    max-width: 100%;
}

.teaser_center {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}

.teaser_links .teaser_block,
.teaser_rechts .teaser_block {
    display: table-cell;
    vertical-align: middle;
}

.teaserTextBlack {
    opacity: 1;
    font-size: 2vw;
    color: #000;
    padding: 5px;
    display: inline-block;
    margin-top: 15px;
    line-height: 2.1 vw;
    font-weight: bold;
    text-transform: uppercase;
}

.teaserButton .button {
    margin-top: 15px;
    border-radius: 25px;
    text-transform: uppercase;
}

.teaser_weiss {
    background-color: #FFFFFF;
}

.teaser_gelb {
    background-color: #FFD13D;
}

.teaser_gruen {
    background-color: #54B751;
}

.teaser_rot {
    background-color: #E51616;
}

.teaser_blau {
    background-color: #182869;
}

.teaser_blau .teaserTextBlack {
	color:white;

}

.teaser_hellgrau {
    background-color: #f1f1f1;
}

.teaser_dunkelgrau {
    background-color: #545558;
}

.teaser_dunkelgrau .teaserTextBlack {
    color: white;
}

.teaser_schwarz {
    background-color: #000000;
    color:white;
}

.teaser_schwarz .teaserTopicBlack {
    background-color: #555555;
}

.teaser_schwarz .teaserTextBlack {
    color: white;
}

.sliderTopicBlack {
    background: #000;
    opacity: 1;
    font-size: 1.2 vw;
    color: #fff;
    margin-bottom: 0.5 vw;
    display: flex;
    justify-content: center;
    align-content: center;
}

.rsts-nav {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
}

.innerTopicBlack {
    padding: 0.5vw;
}

.topicResponsive {
    left: 2vw;
}

.slider-contentbox-top {
    position: absolute;
    top: 2vw;
}

.slider-contentbox-middle {
    position: absolute;
    left: 3vw;
}

.slider-contentbox-bottom {
    position: absolute;
    bottom: 2vw;
}

.slider-contentbox-left {
    left: 3vw;
}

.slider-contentbox-center {
    left: 3vw;
}

.slider-contentbox-right {
    right: 3vw;
    text-align: right;
}

.slider-subheadline {
    background: #000;
    opacity: 1;
    color: #fff;
    margin: 1em 0 0.1em;
    /*text-align: center;*/
    padding: 0.375rem 0.5rem;
    /*width: 17vw;*/
    font-size: 1.4em;
    display: inline-block;
    font-family: 'Open sans', sans-serif;
}

.slider-linktext {
    background-color: #E30613cc;
    color: #fff;
    font-weight: normal;
    font-size: 2.4vw;
    padding: 1rem 0.5rem;
    line-height: unset;
    text-decoration: none;
    margin-top: 0.5vw;
}

.slider-linktext a {
    color: #fff;
    text-decoration: none;
    font-family: 'Open sans', sans-serif;
}

.slider-linktext a:hover {
    opacity: 0.9;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.sliderBlueTransparent {
    background-color: #E30613;
    color: #fff;
    font-weight: normal;
    font-size: 2.4vw;
    padding: 1.3vw 1.2vw 1.3vw 1.2vw;
    display: flex;
    opacity: 0.8;
    line-height: unset;
    text-decoration: none;
    margin-top: 0.5vw;
}

.containerFlex {
    display: flex;
    justify-content: center;
    align-content: center;
}

.sliderBlueTransparent:hover {
    text-decoration: none;
    opacity: 0.9;
    color: #fff;
}

.sliderBlueTransparent .ico {
    font-size: 2vw;
    margin-left: 1vw;
    margin-top: -0.2 vw;
}

.pos-tradepro {
    position: absolute;
    left: 3vw;
    top: 2vw;
}

.TopicBlackTradepro {
    max-width: 17vw;
}

.pos-responsive {
    position: absolute;
    left: 4vw;
    top: 0vw;
}

.TopicBlackResponsive {
    max-width: 15vw;
}

.pos-hautpflege {
    position: absolute;
    left: 20vw;
    bottom: 3.2 vw;
}

.TopicBlackHautpflege {
    max-width: 15vw;
}

.pos-visualLinks {
    position: absolute;
    left: 35vw;
    bottom: 5vw;
}

.TopicBlackvisualLinks {
    max-width: 15vw;
}

.slidervisualLinks {
    max-width: 17vw;
}

.TopicBlackKuechenpflege {
    top: 17vw;
    left: 18vw;
}

.pos-Karriere {
    position: absolute;
    bottom: 5vw;
    left: 18vw;
}

.TopicBlackKarriere {
    max-width: 10vw;
}

.sliderKarriere {
    max-width: 20vw;
}

.posPSA {
    bottom: 6vw;
    left: 8vw;
    position: absolute;
}

.TopicBlackPSA {
    max-width: 10vw;
}

.sliderPSA {
    max-width: 45vw;
}

.rsts-skin-default .rsts-nav {
    position: absolute;
    bottom: 30px;
    text-align: right;
    display: flex;
    justify-content: center;
    align-content: center;
    right: unset;
}

.rsts-skin-default .rsts-nav-bullets a {
    width: 20px;
    height: 20px;
    border: 0;
}

.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active
    {
    background-color: #E30613;
    border: 0;
}

.rsts-prev, .rsts-next {
    display: none;
}

/* Allgemein */
.Width45 {
    width: 45px;
}

.ZweiSpalten {
    width: 49%;
}

.widescreen.CMS .content-wrapper {
    max-width: 1800px;
}

.teaser_container {
    /* float: left; */
    display: block;
    margin-bottom: 50px;
}

.FormTwoColumns {
    width: 49%;
}

.FormTwoColumns:first-of-type {
    margin-right: 2%;
}

html table {
    border-radius: 0px;
}

.InfoText ul {
    list-style: disc;
    margin-left: 20px;
    padding: 0px;
}



h1.InfoHead {
    position: relative;
    font-size: 1.8em;
    clear: left;
    margin: 20px 0 5px 0;
    padding: 10px 0 5px 0;
    color: 000;
    border-bottom: 1px solid #ccc;
    font-weight:normal;
}


.InfoHead {
    position: relative;
    clear: left;
    margin: 20px 0 5px 0;
    padding: 10px 0 5px 0;
    color: 000;
    border-bottom: 1px solid #ccc;
}


h2.Info {
    position: relative;
    font-size: 1.8em;
    clear: left;
    margin: 20px 0 5px 0;
    padding: 10px 0 5px 0;
    color: 000;
    border-bottom: 1px solid #ccc;
}



#ListView li {
    border-bottom-style: solid;
}

/* CMS */
.CMS table th.col_first {
    border-left: 0px;
}

.CMS table th.col_last {
    border-right: 0px;
}

.CMS table {
    border-radius: 0px;
}

.CMS table thead th {
    border-bottom: 1px solid #ccc;
}

.CMS table th {
    background-color: #f1f1f1;
}

.CMS table tbody th {
    border-right: 1px solid #ccc;
}

.ce_downloads, .ce_downloads hr {
    border-color: #f1f1f1;
}

.ce_downloads h3 {
    background: #f1f1f1;
    color: #222;
}

/* NEWS */
.naiTextContainer {
    float: left;
    width: 73%;
}

.naiImageContainer {
    display: block;
    float: left;
    width: 25%;
    margin-right: 2%;
    border: 10px solid #fff;
}

.naiImageContainer img {
    display: block;
    float: none;
    vertical-align: middle;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.mod_newslist>div {
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.newsArchiveItem {
    padding: 0 0 1em 0;
    margin: 1em 0 1em 0;
}

.newsArchiveItem .more a {
    display: block;
    margin-top: .75em;
    font-weight: 700;
    color: #E30613;
}

.mod_newslist h1 a, .mod_newslist h1 {
    font-size: 1.1em;
    font-weight: bold;
    color: #E30613;
}


.mod_newslist h2 a, .mod_newslist h2 {
    font-size: 0.8em;
    font-weight: bold;
    color: #E30613;
}

/* WARENKORB */
select#directorder {
    width: 100%;
    max-width: 100%;
}

#ScartSteps li strong {
    bottom: 0px;
}

/* NAVIGATION */
#ScartScroll .scartcounternumber {
    top: 0px;
    right: -5px;
    position: absolute;
    left: auto;
}

#ScartScroll {
    margin-right: 10px;
    padding-bottom: 10px;
}

/* Artikel im CMS */
.articleTable thead {
    background: #f1f1f1;
}

/* Artikel im CMS - Slider */
.articleSlider.artCMS .slick-arrow {
    position: absolute;
    display: block;
    height: 100%;
    top: 0px;
    width: 45px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: #eee;
    padding: 0;
    border: none;
    outline: none;
}
.articleSlider .slick-slide .webPikto img {
    max-width: 40px;
}
.articleSlider.artCMS .slick-arrow:before {
    font: normal normal normal 1em/1 icomoon;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\e907";
    font-size: 50px;
}

.articleSlider.artCMS .slick-prev.slick-arrow:before {
    transform: rotate(180deg);
}

.articleSlider.artCMS .slick-next.slick-arrow {
    right: 0px;
}

.articleSlider.artCMS .slick-prev.slick-arrow {
    left: 0px;
}

/* SAV Box Ansicht */
#ShopMenu .savorderbox2 {
    border: 0;
    box-shadow: none;
}

.DetailMenu {
    width: 287px;
    /*border: 1px solid #f1f1f1;*/
}

.savorderbox2 table, .savorderbox2 tr, .savorderbox2 td {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.savorderbox2 {
    position: relative;
}

.savorderbox2 .preisbox {
    background-color: #f1f1f1;
    height: 35px;
    padding: 5px 10px;
    color: #000;
}

.savorderbox2 .preisbox .amountcontainer {
    position: absolute;
    right: 2px;
    top: -1px;
}

.savorderbox2 .lineelement {
    position: relative;
    padding: 3px 10px;
    border-bottom: 1px solid #ededed;
    font-weight: 700;
    font-size: 14px;
}

.savorderbox2 .lineelement .right {
    position: absolute;
    right: 10px;
    text-align: right;
    top: 3px;
}

.savorderbox2 .buttonline {
    text-align: right;
    padding: 10px 8px;
    
}

.savorderbox2 .buttonline a {
    /*background-color: #ededed;*/
    padding: 4px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 0px;
    border: 1px solid black;
}

.savorderbox2 .buttonline a:hover {
    background-color: #006bbb;
    color: white;
    border: 1px solid #006bbb;
}


#savorderbox2 {
    margin-bottom: 5px;
}

#PrintView #Zoomlinks, #PrintView #DetailImageContainer, #PrintView #DetailImage
    {
    width: 180px;
}

.OlistWrapper {
    display: block;
    overflow: auto;
}

table.scroll {
    width: 100%;
    background-color: #fff;
}

table.scroll thead {
    width: 100%;
    background: #f1f1f1;
    color: #000;
}

table.scroll thead tr:after {
    content: '';
    overflow-y: scroll;
    visibility: hidden;
}

table.scroll thead th {
    flex: 1 auto;
    display: block;
}

table.scroll tbody {
    display: block;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 200px;
}

table.scroll thead tr, table.scroll tbody tr {
    display: flex;
}

table.scroll tbody tr td {
    flex: 1 auto;
    word-wrap: break;
    border: 1px solid #ccc;
}

table.scroll thead tr th, table.scroll tbody tr td {
    min-width: 120px;
    padding: 5px;
    text-align: left;
}

table.scroll input {
    max-width: 45px;
}

#debug {
    padding: 0.3em;
    background: #E30613;
    opacity: 0.7;
    color: #fff;
    font-family: OpenSansBold;
    font-size: 12px;
    position: fixed;
    left: 1.5em;
    top: 0;
    z-index: 10000;
    transform-origin: top left;
    transform: rotate(90deg);
    line-height: 1em;
    white-space: nowrap;
}

.cselected a {
    padding: 0;
    position: relative;
    margin: 0;
}

.cselected a:after, .colorbox:hover a:after {
    font-family: 'icomoon';
    font-size: 22px;
    font-weight: bold;
    content: '\ea10';
    line-height: 100%;
    position: absolute;
    top: 3px;
    left: 4px;
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px
        0 #000;
    z-index: 200;
}

.cselected a:hover:after {
    content: '\ea0f';
}

#Navi .mega-dropdown.level_3 {
    overflow-y: auto;
    left: -3px;
}

.main-navigation>ul>li>a.trail, .main-navigation>ul>li>a.forward {
    font-weight: normal
}

.page>.content-wrapper {
    padding-left: 12px;
    padding-right: 12px;
}

#RubView li.no-article {
    height: 0;
}

#RubView li.no-article:hover {
    border: none;
    margin-left: 14px;
}

#scartsummator>td:nth-of-type(2n) {
    padding-left: 10px;
}

#scartsummator>td:nth-of-type(2n+1) {
    padding-right: 10px;
}

.minorder {
    font-size: 1.5em;
    color: #f00;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: bold;
}

.main-navigation>ul>li>a.active, .main-navigation>ul>li>a.trail,
    .main-navigation>ul>li>a.forward, .main-navigation>ul>li span.active,
    .main-navigation>ul>li span.trail, .main-navigation>ul>li span.forward,
    .main-navigation>ul>li>ul>li span.active, .main-navigation>ul>li>ul>li span.trail,
    .main-navigation>ul>li>ul>li span.forward {
    font-weight: normal;
}

.required, input[type="checkbox"].required, input[type="radio"].required,
    input[type="image"].required, input.mandatory, input[type="checkbox"].mandatory,
    input[type="radio"].mandatory, input[type="image"].mandatory {
    box-shadow: 0 0 2px rgba(255, 0, 0, .8);
}

label {
    display: block;
    margin-bottom: 0.35714em;
    /*font-size: 0.875em;*/
    color: #717c8e;
}

form.fullwidthform input[type="text"], form.fullwidthform input[type="password"],
    form.fullwidthform select, form.fullwidthform textarea {
    width: 75% !important;
}


    form[name="Bestellung"].fullwidthform select {
    width: 75% !important;
}

form.fullwidthform input.plz {
    width: 30% !important;
}

form[name="Bestellung"].fullwidthform input.city {
    margin-left: 10px;
    width: calc(45% - 10px) !important;
}

form.fullwidthform input.city {
    margin-left: 10px;
    width: calc(45% - 10px) !important;
}

form.fullwidthform input.hasDatepicker {
    width: calc(100% - 26px);
    margin-right: 10px;
}

table tr td:first-of-type {
    /*padding-left: 0;*/
    
}

table tr td:last-of-type {
    padding-right: 0;
}

/* Allgemein */
#SearchFilter #ArticlesPerPage li:not(:last-child ):after {
    content: '|';
    color: #333;
    margin: 0 0 0 5px;
}


#SearchFilter {
    position: relative;
    clear: left;
    border: 1px solid #bbb;
    border-width: 1px 0;
    margin-bottom: 20px;
    padding: 10px 0;
    height: 50px;
}

.fixedscreen #SearchFilter {
    padding: 2px 0;

}

#SearchFilter #ArticlesPerPage {
    float: right;
    padding: 4px 10px 3px 3px;
    width: 24%;
}

#ArticlesPerPage span {
	float:left;
	margin-right:6px;
}

#SearchFilter #ArticlesPerPage ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#SearchFilter #ArticlesPerPage li {
    display: inline;
}
/* Favoritenliste */
#Favoliste .updowncontainer {
    float: right;
    position: absolute;
    right: 10px;
    top: calc(50% - 21px);
}

#Favoliste .updowncontainer i {
    font-size: 12px;
}
/* Detailseite */
#DetailVarianten a.button {
    /*margin-top: -12px;
	float: right;*/
    display: inline-block;
}

#DetailVarianten {
    margin-bottom: 3em;
    margin-top: 3em;
    display: inline-grid;
}

}
.DetailCrossHeadline {
    margin-right: 20px;
}
/* Bestelllisten */
#RubView.olist li {
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 5px;
    height: auto;
    width: 250px;
}

#RubView.olist li h3 {
    border-top: 1px solid #ccc;
    font-size: 1em;
    height: 75px;
}

#RubView.olist li h3 a {
    font-size: 1em;
}

#RubView.olist li:hover {
    background: #f1f1f1;
}

#RubView.olist .thumb {
    padding: 10px;
    margin-bottom: 10px;
    height: 200px;
    overflow: hidden;
    background: #fff;
}

#RubView.olist .thumb img {
    width: 100%;
    height: auto;
    max-width: unset;
    max-height: unset;
    position: inherit;
    display: block;
    transform: none;
    left: unset;
    top: 0px;
}

#scart-popup-container .scart-add-popup .background i.fa-star {
    font-size: 200px;
    margin-top: 20px;
}

.scart-add-popup .amount {
    font-weight: bold;
}

.scart-add-popup .image {
    width: 80px;
    min-height: 80px;
    float: left;
    margin-left: -85px;
    position: relative;
    z-index: 2;
}

.scart-add-popup .title {
    position: relative;
    z-index: 2;
}

.scart-add-popup .image img {
    max-width: 80px;
    max-height: 80px;
}

#scart-popup-container .scart-add-popup .background i.red, #cross-popup-container .scart-add-popup .background i.red {
    color: rgba(200, 0, 0, .1);
}

#scart-popup-container .scart-add-popup .background i.yellow, #cross-popup-container .scart-add-popup .background i.yellow {
    color: rgba(200, 200, 0, .2);
}

/* Header Warenkorb */
#ScartInfo:hover .ScartItemDetails {
    display: block;
    width: 350px;
    background: #fff;
    right: -30px;
}

#ScartScroll:hover .ScartItemDetails {
    display: block;
    width: 350px;
    background: #fff;
    right: -30px;
}

.ScartItemDetails>h1 {
    font-size: 1.5em;
    line-height: 1;
    font-weight: normal;
}

.ScartItemDetails>h1, .ScartItemDetails>a {
    margin: 0;
    background: #E30613;
    padding: 10px;
    left: 0;
    color: #fff;
}

.ScartItemDetails>a>span {
    float: right;
}

.ScartItemDetails>ul {
    padding: 0px;
    margin: 0px;
    border-left: 3px solid #f1f1f1;
    border-right: 3px solid #f1f1f1;
}

.ScartItemDetails>ul>li {
    position: relative;
    width: 100%;
    height: auto;
    /*display: inline-block;*/
    display: flex;
    padding: 5px;
    text-transform: none;
}

.ScartItemDetails li>a {
    float: left;
    width: calc(100% - 60px);
    padding-left: 5px;
    color: black !important;
}

.ScartItemDetails li>a.moreart {
    width: 100%;
}

.ScartItemDetails .imgCon {
    float: left;
    width: 60px;
    min-height: 60px;
    height: 100%;
    padding-top: 5px;
    text-align: center;
    background: #fff;
}

.ScartItemDetails>ul>li:nth-child(2n) {
    background: #f1f1f1;
}

.ScartItemDetails>ul>li:hover {
    background: #ccc;
    border-color: #ccc;
}

.ScartItemDetails>a:hover {
    color: #fff;
}
/* Navigation */
#navLogin .level_2 {
    left: -179px;
}

#Navigationbar .level_2 li>a:hover {
    text-decoration: underline;
}

.productsnav .catimg {
    height: 80px;
}

.catimgcontainercontainer {
    width: 183px;
    text-align: center;
    background: #fff;
    height: 100%;
    padding-top: 10px;
    display: inline-block;
}

.catimgcontainer {
    height: 100px;
    text-align: left;
    margin-bottom: 10px;
}

/* Footer */
/*
#Sitemap a[target="_blank"]:after {
    font: 0.8125em/1 "RockSolid Icons";
    content: "\e151";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-left: 0.25em;
}
*/
#footer .catimgcontainer, #Sitemap .catimgcontainer {
    display: none;
}
/* ****************************** */

/*-------------------------------------*/
/* Responsive Table to Tabs */
/*-------------------------------------*/
ul.resp-tabs-list {
    margin: 0;
    padding: 0px;
}

.resp-tabs-list li {
    display: inline-block;
    padding: 10px 30px;
    margin: 0 .5em 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
    font-size: 1.2em;
    border: 1px solid #f4f4f4;
    border-bottom: none;
    background: #fafafa;
}

.resp-tabs-list li:hover {
    background: #f6f6f6;
}

.resp_tabs_cont .resp-tabs-list li {
    padding: 10px 0;
}

.resp_tabs_cont .resp-tabs-list li a {
    padding: 10px 30px;
}

.resp-tabs-container {
    padding: 0px;
    background-color: fff;
    /*clear: left;*/
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-tabs-list li.resp-tab-active {
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    background-color: #fff;
    color: #000;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    /* border-top: 1px solid #ccc; */
    
}

h2.resp-accordion {
    font-size: 1.1em;
    border-bottom: #ccc 1px solid;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #ccc;
    margin-bottom: 0px;
    padding: 10px 15px;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #ccc;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #ccc;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #ccc;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px;
}

.resp-arrow:before {
    float: right;
    font-family: 'FontAwesome';
    content: '\f107';
    margin-left: 0.8em;
}

h2.resp-tab-active span.resp-arrow:before {
    float: right;
    font-family: 'FontAwesome';
    content: '\f106';
    margin-left: 0.8em;
}
/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #F1F1F1;
}

.resp-easy-accordion  h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #ccc;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #ccc;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #ccc;
}

#os_scart_form input, #os_scart_form select {
    width: 100%;
}

#os_scart_form .CCLabel {
    width: 28%;
}

#os_scart_form .CCInput {
    width: 70%;
}

#os_scart_form #couponcode {
    width: calc(78% - 20px);
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #E30613;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #E30613 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring { 
	
0% {
    transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
  
}
}
#RubView .button_dark, html .button_dark {
    color: #fff;
    background-color: #E30613;
    border: 1px solid #E30613;
}

#RubView .teaser_rot .button_dark, html .teaser_rot .button_dark {
    color: #fff;
    background-color: #545558;
    border: 1px solid #545558;
}

#RubView form {
    /*margin-top: 0;*/
    display: inline-block;
    width: 60%;
    float: left !important;
    text-align: left;
    margin-top: 5px;
}

.lieferzeit img:hover {
    cursor: pointer
}

dl.lagerdemo {
    width: 200px;
    background: #fcfcfc;
    margin: -8px -8px -8px;
}

dl.lagerdemo dt, dl.lagerdemo dd {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

dl.lagerdemo dt:nth-of-type(even), dl.lagerdemo dd:nth-of-type(even) {
    background: #FFF;
}

dl.lagerdemo dd {
    width: 30px;
    text-align: center;
    display: inline-block;
    margin: 0;
}

dl.lagerdemo dd img {
    vertical-align: middle;
}

dl.lagerdemo dt {
    width: 170px;
    padding-left: 5px;
    display: inline-block;
}

#FFqueryDO {
    margin-right: 5px;
}

.page-header {
    z-index: auto;
}

.ShopTable th.Center, .Center {
    text-align: center;
}

.ShopTable th.Left, .Left {
    text-align: left;
}

.ShopTable th.Right, .Right {
    text-align: right !important;
}

th.noborderline {
    border-bottom: none;
}

#SOrder td input {
    width: 80%;
}


/* Ansprechpartner aus CMS */
.contactSidebar .ccontent{
	text-align:center;
}
.contactSidebar .ccontent h1 {
    font-size: 1.5em;
}

.contactSidebar .ccontent figure.image_container {
    box-shadow: none;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    background-image: none;
    background: none;
}
.contactSidebar .ccontent figure.image_container img{
	max-width:200px;
}

/* DEFEKTE ICONS DURCH ICOMOON REPARIEREN */
.fa-plus-square-o,
.fa-minus-square-o,
.fa-caret-up,
.fa-caret-down,
.fa-phone,
.fa-envelope,
.fa-user,
.fa-angle-left,
.fa-angle-right,
.fa-puzzle-piece,
.fa-chevron-circle-down,
.fa-question-circle,
.fa-save{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-angle-left, .fa-angle-right {
	font-size: 28px;
}

.Scaninfo ol[type="a"] li {
    list-style: disc;
}

.main-content label {
    font-size: 16px;
}

.ce_form select {
    font-size: 16px;
}

.lieferzeit {
    text-align: right;
}

a[href*="impressum"],a[href*="imprint"],a[href*="mentions-legales"], a[href*="agb"], a[href*="datenschutz"],a[href*="data-protection-statement"],a[href*="declaration-de-confidentialite"] {
    text-decoration: underline;
}

.rs-column.-small-col-3-1, .tao-no-sidebar .rs-column.-small-col-3-1,
    .page-footer .rs-column.-small-col-3-1 {
    width: 100%;
    margin-bottom: 20px;
}

#DetailCross input.amountSmall {
    width: inherit;
}

.fancybox-margin {
    margin-right: auto !important;
}

rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #777;
    box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;
}

.rsts-skin-default .rsts-nav-bullets a {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin: 12px 4px;
    border-radius: 100%;
    outline: none;
    text-align: left;
    text-indent: -999px;
    background-color: rgba(255,255,255,0.8);
    background-clip: padding-box;
    box-shadow: 0 0 2px #777;
}

.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #E30613;
}


.rsts-skin-default .rsts-nav li {
    display: inline;
}

.rsts-skin-default .rsts-nav ul {
    margin: 0 !important;
    padding: 0 !important;
}

.rsts-skin-default .rsts-nav li.rsts-nav-prev, 
.rsts-skin-default .rsts-nav li.rsts-nav-next {
    display: none;
} 

#DetailVlink {
    margin-top: 30px;
    padding: 10px 33px;
}


#cookiewookieblock {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.75);
    z-index: 10001;
}


.colorbox.cselected a {
    position: initial !important;
}
.setToggle i.fa.fa-angle-up.close {
    display: inline-block !important;
    /* float: left; */
}

.setToggle i.fa.fa-angle-down.open {
    display: inline-block !important;
    /*float: left;*/
}
.setToggle:not(.closed) i.fa.fa-angle-down.open{
    display:none !important
}
.setToggle.closed i.fa.fa-angle-up.close{
    display:none !important
}

img.pictogram {
	width:40px;
}

.info-map-boxes-item h1 {
	width:90%;
}


.counter-boxes-item {
    text-decoration: none !important;
}

#floatingMenuContent ul {
    padding-left: 0px !important;
}

/*input.Input {
    width: 20%;
}*/

#OrderForm .form-row input, select, textarea {
    width: 75% !important;
}

.customer #OrderForm .form-row input, select, textarea {
	width:100% !important;
}

#OrderForm input[name="ort"], #OrderForm input[name="strasse"], #OrderForm input[name="rort"], #OrderForm input[name="lort"] {
    width: 59% !important;
}

#OrderForm input[name="plz"], #OrderForm input[name="hausnummer"], #OrderForm input[name="rplz"], #OrderForm input[name="lplz"] {
    width: 15% !important;
}

#OrderForm .form-row input[type="submit"] {
    width: 49% !important;
}

#OrderForm input, textarea {
	width:75%;
}

#OrderForm input[type="checkbox"] {
	width:auto;
}


.sav aside#ShopMenu {
    width: 16.25%;
}


#SearchFilter select {
    width: 20% !important;
}


li#languageSelection, #languageSelection2 {
    list-style: none;
}


.info-table .image-cell {
    padding: 0% 0%;
}


.naiTextContainer h4 {
    font-size: 15px;
}

.ce_rs_column_start ul {
    list-style-type: disc;
    margin: 1em 0px 0px 2em !important;
    padding: 0px;
}


.sav.fixedscreen aside#ShopMenu {
	width:23%;	
}


.CMS.twocolumnright aside.sidebar {
    width: 22.22222%;
    margin: 2.5em 0 0 0;
}


.CMS.twocolumnright section.main-content {
    width: 76%;
    float: left;
}

.start .artCMS #RubView .offerItem {
    height: 410px;
}

#DetailCross li.offerItem.RubMaxWidthButtons {
    height: auto !important;
}


#DetailCross .artCMS .addProductsFrame {
    height: 384px;
}

#ScartTable .lieferzeit {
	text-align:inherit;
}

button.button.FloatRight {
    font-family: 'Open sans', sans-serif;
}


.toggle-view .panel {
	display:block;
}



.InfoTitle {
	position: relative;
    font-size: 1.5em;
    margin: 30px 0 10px 0;
    line-height: 1.5;
    font-weight: normal;
}


.InfoTitleScart {
	position: relative;
    font-size: 1.3em;
    margin: 30px 0 10px 0;
    line-height: 1.5;
    font-weight: normal;
}



.ArticleTitleCMS {
	margin: 0 110px 10px 110px;
    padding: 0;
    position: relative;
    font-size: 1.3em;
}


.InfoTitleLogin {
	position: relative;
    font-size: 1.5em;
    margin: 20px 0 5px 0;
    padding: 10px 0 5px 0;
    line-height: 1.5;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    clear: left;

}

.main-content h1 {
	font-weight:normal;
}

.main-content h2 {
	color:#48484a;
	font-size:1.6em;
}

.mostwanted {
    /* justify-content: space-between; */
    margin: 0 -5px;
}
.mostwanted li {
    min-width: 200px;
    max-width: 300px;
    margin: 5px;
    height: 300px;
    flex: 1 1 0;
    position: relative;
}

#ShopMenu .mostwanted li::before {
    content: '';
}
#ShopMenu .mostwanted a {
    margin:0 ;
}
.mostwanted li .innerBox {
    padding-bottom: 5px;
    height:100%
}

.mostwanted .RubImageContainer {
    width: 100%;
    height: auto;
    border-bottom:1px solid #f1f1f1;

}

.mostwanted .RubImageContainer img {
    max-width: 90%;
    padding-left: 10%;
}
.mostwanted .btn-container {
    background-color: #f00;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.mostwanted .btn-container .button {
    width: 100%;
}

.mostwanted .mosttitle {
    position: relative;
    left: 10px;
    right: 10px;
    height: 42px;
    overflow: hidden;       
    padding-top: 5px;
}





/* Quagga Start */

#quaggarea {
    position: absolute;
    right: 6%;
    top: 7px;
}

#interactive{
    z-index: 2000000;
    display: none;
}

i.fa.fa-barcode {
    font-size: 31px;
    font-family:fontawesome;
    display:inline-block;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
}

.collapsable-source pre {
    font-size: small;
}

.input-field {
    display: flex;
    align-items: center;
    width: 260px;
}

.input-field label {
    flex: 0 0 auto;
    padding-right: 0.5rem;
}

.input-field input {
    flex: 1 1 auto;
    height: 20px;
}

.input-field button {
    flex: 0 0 auto;
    height: 28px;
    font-size: 20px;
    width: 40px;
}

.icon-barcode {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTAgNGg0djIwaC00ek02IDRoMnYyMGgtMnpNMTAgNGgydjIwaC0yek0xNiA0aDJ2MjBoLTJ6TTI0IDRoMnYyMGgtMnpNMzAgNGgydjIwaC0yek0yMCA0aDF2MjBoLTF6TTE0IDRoMXYyMGgtMXpNMjcgNGgxdjIwaC0xek0wIDI2aDJ2MmgtMnpNNiAyNmgydjJoLTJ6TTEwIDI2aDJ2MmgtMnpNMjAgMjZoMnYyaC0yek0zMCAyNmgydjJoLTJ6TTI0IDI2aDR2MmgtNHpNMTQgMjZoNHYyaC00eiI+PC9wYXRoPjwvc3ZnPg==);
}

.overlay {
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.overlay__content {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-height: 90%;
    max-width: 800px;
}

.overlay__close {
    position: absolute;
    right: 0;
    padding: 0.5rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background-color: white;
    cursor: pointer;
    border: 3px solid black;
    font-size: 1.5rem;
    margin: -1rem;
    border-radius: 2rem;
    z-index: 100;
    box-sizing: content-box;
}

.overlay__content video {
    width: 100%;
    height: 100%;
}

.overlay__content canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#interactive.viewport {
    position: relative;
}

#interactive.viewport > canvas, #interactive.viewport > video {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
}

canvas.drawing, canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 603px) {
  #interactive.viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
}

/* Quagga Stop */


.button.button_dark.linebutton {
    padding: 4px 5px;
    display: inline-block;
    margin: 0px;
    border: 0px;
    vertical-align: middle;
    margin-top: -5px;
    border: 1px solid #E30613;
}
.button.button_dark.linebutton:hover {
    background: #fff;
    border: 1px solid #222;
    color: #222;
}
.linebutton .ico-cart::before {
    font-size: 1.5em;
}
.ce_rsce_pl_teaser_box.overlay-link a {
    background: rgba(0,0,0,.5);
    width: 100%;
    display: block;
    position: relative;
    color: #fff;
    text-align: center;
}
.ce_rsce_pl_teaser_box.overlay-link .-large-col-4-1 a {
    /*margin-top: -50px;    */
    font-size: 20px;
    line-height: 32px;
}

.ce_rsce_pl_teaser_box.overlay-link .-large-col-3-1 a {
    margin-top: -88px;
    font-size: 35px;
    line-height: 70px;
}

.social {
    font-size: 42px;
    margin-right: 15px;
}

.social-links a::after {
    content: "" !important;
}

.fa.ico-info-circle-solid {
    font-size: 24px !important;
}

.Versandkosten-info {
    margin-left: 30px;
    display: grid;
    grid-template-columns: 32px auto;
}

.Versandkosten-info i{
    float: left;
}

.Versandkosten-info-popup{
    padding: 15px;
}

.fa.fa-plus-square.increase, .fa.fa-minus-square.decrease {
    font-size: .7em;
}

.DetailCrossHeadline {
    padding-left: 7px;
}

.printonly{
    display: none;
}

.FFSContent {
    float: right;
    width: 75%;
    position: relative;
}

.red_button {
    background: #E30613 !important;
    color: #fff !important;
    border: none !important;
}

.crossBtnList a {
    width: 42px;
    padding: 7px;
}

.crossBtnList .Input.amountSmall {
    width: 90px;
}

.icon-vpe::before {
    content: "";
    background: url("/tradepro/shop/layout/icon-verpackungseinheit.png") no-repeat;
    height: 24px;
    width: 24px;
    background-size: contain;
    margin-top: 6px;
    display: inline-block;
    margin-left: 4px;
  }

  .icon-cross::before {
    content: "";
    background: url("/tradepro/shop/layout/icon-zubehoer.png") no-repeat;
    height: 28px;
    width: 28px;
    background-size: contain;
    margin-top: 6px;
    display: inline-block;
    margin-left: 4px;
  }

#cross-popup-container{
    height: 10px;
    overflow: show;
    width: 350px;
    margin: 0 auto;
}

#cross-popup-container .scart-add-popup .background i {
    color: rgba(0, 117, 188, .2);
    font-size: 280px;
  }

.slider-linktext a:hover{
    color: #fff;
}

.categoryselector {
    display: none !important;
}

.disabled{
    color: #666 !important;
    border-color: #666 !important;
}

.disabled:hover{
    color: #666 !important;
    border-color: #666 !important;
    background-color: #fff !important;
}

.navlink:not(#Sitemap .navlink) li span{    
    color: #000;
}
.navlink:not(#Sitemap .navlink):hover li span{
    text-decoration: underline;
    color: #000;
}

#Sitemap .navlink li span {
    font-size: 16px;
    font-weight: normal;
}

.register_land{
    background: #ffe6e6;
}

li[data-name="Zubehör und Ersatzteile"], li[data-name="Accessoires et pièces de rechange"], li[data-name="Accessories and spare parts"], li[data-name="Divers"]{
    display: none;
}


/* Popup */
.fancybox-inner .image_container {
    padding: 0;
}

/* Preigruppen Wechsel*/

span.price-switch {
    padding: 0.375em 5px;
    font-size: 18px;
    border-radius: 5px;
}

span.price-switch.red {
    color: #fff;
    background-color: #E30613;
}