@charset "utf-8";

body {
    font-family: sans-serif;
    font-size: 12px;
    background: #fff!important;
}

a {
    text-decoration: none;
    color: #00309C;
}

a:hover {
    text-decoration: none;
    color: #0059F6;
}

/*
 Das Suchfeld
*/

#webisco-search-form{
    display: flex;
    position: relative;
}

/*#webisco-search #webisco-search-inputfield {*/
/*    border: 1px solid #d6d6d6;*/
/*    border-radius: 0;*/
/*    padding: 0;*/
/*    padding-left: 10px;*/
/*    background: #e7e5e5;*/
/*}*/
#webisco-search #webisco-search-submit {
    /*border: 1px solid #000;*/
    /*background-color: #000;*/
    color: #fff;
    border-radius: 0;
    padding: 0 10px;
    /*flex-basis: 25%;*/
}


p {
    min-height: 12px;
}


/*
Autoauswahl
 */
.top-selection-wrapper .table{
    color:#fff;
    margin-bottom: 10px;
}

.top-selection-wrapper .table .row:first-child .cell{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.top-selection-wrapper #webisco-motor-selection{
    display: none;
}


.top-selection-wrapper #webisco-car-selection-manufacturer,
.top-selection-wrapper #webisco-car-selection-model,
.top-selection-wrapper #webisco-car-selection-type,
.top-selection-wrapper #webisco-motor-selection-multiple-choice{
    border-radius: 20px;
    color: #000;
    background: #fff !important;
}


#webisco-car-selection-manufacturer,#webisco-car-selection-model,#webisco-car-selection-type,#webisco-motor-selection-multiple-choice{
    margin-top: 10px;
    border: 1px solid #d6d6d6;
    width: 50%;
    background: transparent !important;
    padding: 10px !important;
}

#webisco-car-selection-hsn,#webisco-car-selection-tsn,#webisco-motor-selection-code{
    background: #fff;
}

#webisco-motor-selection-code + input, #webisco-car-selection-tsn + input{
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    border-radius: 0;
    padding: 8px;
}

/*
  Die Kurzinformation über den Warenkorbinhalt
*/
#webisco-cartinfo {
    background-color: #00309C;
    border: 1px solid #00309C;
    color: #FFFFFF;
    overflow: hidden;
    padding: 5px;
    /*margin-bottom: 20px;*/
    text-align: left;
}
#webisco-cartinfo a {
    color: #FFCA00;
    text-decoration: none;
}
#webisco-cartinfo .webisco-cartinfo-sum {
    float: left;
}
#webisco-cartinfo .webisco-cartinfo-agb {
    float: right;
}



/*
 Der kleine Kundenbereich, der immer igendwo auf der Webseite zu sehen ist (Login/Logout)
*/
#webisco-permanent-accountbox {
    border: 1px solid #888888;
    padding: 20px;
    overflow: hidden;
    width: 300px;
    text-align: left;
}
#webisco-permanent-login {
}
#webisco-permanent-login-name {
    float: left;
    display:flex;
    flex-direction: column;
    margin-bottom: 10px;
}
#webisco-permanent-login-password {
    float: left;
    display:flex;
    flex-direction: column;
}

#webisco-permanent-login-name label, #webisco-permanent-login-password label {
    margin-bottom: 0;
    color: #000;
}

#webisco-permanent-login input {
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid #000;
    padding: 8px;
}
#webisco-permanent-login #webisco-permanent-login-submit {
    margin-top: 10px;
    border: 1px solid #000;
    background-color: #000;
    color:#fff;
    padding: 8px;
}
#webisco-permanent-login #webisco-permanent-login-forgotpassword {
    clear: both;
    float: left;
}
#webisco-permanent-login #webisco-permanent-login-newaccount {
    float: right;
}
#webisco-permanent-logout {
}
#webisco-permanent-account-home {
}




/*
 Die horizontale Navigationsleiste, um zur vorigen Kategorie zu kommen
*/
#webisco-rootline {
    background-color: #00309C;
    border: 1px solid #00309C;
    border-right-width: 0;
    color: #FFFFFF;
    padding: 3px;
    text-align: left;
}
#webisco-rootline a{
    padding: 3px;
    color: #FFFFFF;
}
#webisco-rootline a:hover {
    padding: 3px;
    text-decoration: none;
    color: #FFCA00;
    background-color: #00309C;
}
#webisco-rootline .webisco-rootline-title {
    padding: 3px;
}
#webisco-rootline .webisco-rootline-item {
    padding: 3px;
}
#webisco-rootline .webisco-rootline-separator {
    padding: 3px;
    font-weight: bold;
}



/*
 Der Up-Button, um zur vorigen Kategorie zu kommen
*/
#webisco-step-up {
    background-color: #EEEEEE;
    border: 1px solid #00309C;
    text-align: center;
    float: left;
}
#webisco-step-up a {
    padding: 3px;
    display: block;
}
#webisco-step-up a:hover {
    background-color: #00309C;
    display: block;
    color: #FFCA00;
}



/*
 Die Baumnavigation für Angebote und Ersatzteile
*/

#webisco-navigation {
    color: #FFFFFF;
    background-color: #222;
    position: fixed;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 100;
    /*display:none!important;*/
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em;
    text-align: right;
}

#webisco-navigation ul {
    text-align: left;
    list-style: none;
    list-style-position: outside;
    padding-left: 10px;
    padding-right: 3px;
    margin: 2px;
}
#webisco-navigation li {
    font-weight: normal;
    display: block;
    padding: 5px 0;
}
/*
 Alle <ul>-Elemente beinhalten eine Klasse mit ihrer Ebentiefe
*/
#webisco-navigation ul .webisco-navigation-level-0 {
}
#webisco-navigation ul .webisco-navigation-level-1 {
}
/*
 Alle <li>-Elemente beinhalten eine Klasse mit ihrer Ebentiefe
*/
#webisco-navigation li .webisco-navigation-level-0 {
}
#webisco-navigation li .webisco-navigation-level-1 {
}
#webisco-navigation .webisco-navigation-item {
}
#webisco-navigation a {
    display: block;
    padding: 1px;
    color: #FFFFFF;
}
#webisco-navigation a:hover {
    text-decoration: none;
    color: #ea1b25;
}
#webisco-navigation .webisco-navigation-title {
    font-weight: bold;
    margin-top: 200px;
    font-size: 24px;
}
#webisco-navigation .webisco-navigation-active-path {
    color: #FFCA00;
}
#webisco-navigation .webisco-navigation-active-path a {
    color: #FFCA00;
}
#webisco-navigation .webisco-navigation-active-item {
    font-weight: bold;
}

/*
 Der Hauptinhaltsbereich
*/
#webisco-content {
    clear: both;
    width: 100%;
    padding: 0 0 80px 0;
    color: #000;
}

/*
 Diese Klasse wird dann mitgegeben, wenn Webisco denkt, dass es zentriert besser aussieht
*/
#webisco-content .centering-hint {
    text-align: center;
}

/*
 Überschriften
*/
#webisco-content .webisco-header {
    color: #222;
    font-size: 23px;
    margin-bottom: 20px;
}

/*
 Die Fehlerausgabe
*/
#webisco-content .webisco-error {
    background: #FFF2F2;
    border: solid 1px #FF3030;
    color: #FF3030;
    margin-bottom: 15px;
    padding: 10px;
}

/*
 Die normale Infoausgabe
*/
#webisco-content .webisco-message {
    border: solid 2px #ea1b25;
    padding: 20px;
    clear: both;
    color:#000;
    margin: 1.5rem 0;
    font-weight: bold;
}

/*
 Das Fenster mit der Meldung einer Ladeverzögerung
*/
#webisco-progress {
    clear: both;
    font-size: 18px;
    color: #DDDDDD;
    background: #666666;
    border: solid 1px #000000;
    z-index: 999;
    text-align: left;
    padding: 20px;
    opacity: .9;
    filter: alpha(opacity=90);
    position: absolute;
    visibility: hidden;
    top: 200px;
}
#webisco-progress-bar {
    color: #CCCCCC;
    height: 8px;
    margin-top: 20px;
}



/*
 Das Feld zum Eintragen des Benutzernamens oder der Emailadresse
*/
#webisco-send-password {
    width: 50%;
    padding: 5px;
}
#webisco-send-password-input{
    border: 1px solid #d6d6d6;
    padding: 8px;
    margin-top: 10px;
}
#webisco-send-password-submit{
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    border-radius: 0;
    padding: 8px;
}



/*
 Die Fahrzeugauswahl
*/
#webisco-car-selection {
    padding: 0 20px;
    clear: both;
    max-width: 100%;
    
}
#webisco-car-selection-last-cars {
    clear: both;
    float: left;
}
#webisco-car-selection-incremental {
    clear: both;
    float: left;
    width: 50%;
}
#webisco-car-selection-numbers {
    float: left;
    width: 50%;
}
#webisco-motor-selection {
    float: left;
    width: 33%;
}
#webisco-car-selection-links {
    clear: both;
    float: left;
    width: 100%;
    display: none;
}
#webisco-car-selection-links .webisco-car-selection-link {
    float: left;
}
#webisco-car-selection-links .webisco-car-selection-step0 {
    padding: 10px;
}
#webisco-car-selection-links .webisco-car-selection-step1 {
    clear: both;
}
#webisco-car-selection-links .webisco-car-selection-step2 {
    clear: both;
}


/*
 Die Fahrzeugauswahl im Permanentmodus
*/
#webisco-car-selection-permanent {
    background: #EEEEEE;
    border: solid 1px #00309C;
    padding: 5px;
    clear: both;
    overflow: hidden;
}
#webisco-car-selection-last-cars-permanent {
    float: left;
    width: 45%;
}
#webisco-car-selection-incremental-permanent {
    float: left;
    width: 45%;
}
#webisco-car-selection-number-permanent {
    float: right;
    width: 45%;
}

/*
 Die kleine Infobox über das aktuell gewählte Fahrzeug
*/
#webisco-car-info{
    padding: 0 20px;
    text-align: left;
    width: 350px;
    color:#fff;
}

#webisco-car-change{
    float: right;
    overflow: visible;
}
#webisco-car-change a{
    color:#fff;
    font-weight: bold;
    text-decoration: underline;
}





#webisco-navigation-text-links {
}
#webisco-navigation-text-links .webisco-link{
    padding: 1px;
    margin: 1px;
    margin-right: 10px;
    font-size: 10px;
    border: 0;
    background: inherit;
}

/* Einfache Link-Schaltflächen
*/
.webisco-link {

}

/* Allgemeine Geschäftsbedingungen
*/
#webisco-agb {
    margin-bottom: 10px;
    text-align: left;
}

/* Widerrufsbelehrung
*/
#webisco-widerrufsbelehrung {
    margin-bottom: 10px;
    text-align: left;
}

/* Batterieverordnung
*/
#webisco-batterieverordnung {
    margin-bottom: 10px;
    text-align: left;
}

/* Impressum
*/
#webisco-impressum {
    margin-bottom: 10px;
    text-align: left;
}

/* Datenschutz-Hinweise
*/
#webisco-datenschutz {
    margin-bottom: 10px;
    text-align: left;
}

/* Versand- und Zahlungsbedingungen
*/
#webisco-versandbedingungen {
    margin-bottom: 10px;
    text-align: left;
}



/*
 Die Unterkategorien bei einer gewählten Kategorie (alternativ zur Baumnavigation als Liste)
*/
#webisco-subsections {
    text-align: center;
}
#webisco-subsections h2 {
    font-size: 20px;
    display: none;
}
#webisco-subsections a {
    display: block;
    border: solid 1px #d6d6d6;
    padding: 10px;
}
#webisco-subsections a:hover {
    background-color: #d6d6d6;
    color: #000;
}
#webisco-subsections img {
    border: 0;
}
#webisco-subsections .webisco-subsection {
    font-size: 15px;
}
#webisco-subsections .even {
    display:inline-block;
    padding: 5px;
}
#webisco-subsections .odd {
    display:inline-block;
    padding: 5px;
}

/*
 Die Filter über der Artikeltabelle
*/
#webisco-content .webisco-article-filter {
    clear: left;
    float: left;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 3px;
}
#webisco-content .webisco-article-filter label {
    padding-right: 10px;
}
#webisco-content .webisco-article-sort {
    float: right;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 3px;
}
#webisco-content .webisco-article-sort label, #webisco-article-filter-hersteller-label {
    color:#000;
    padding-right: 10px;
}

/*
 Die Anzeige der Artikel in einer Liste zum Durchblättern
*/
#webisco-content .webisco-article-table {
    clear: both;
    border-spacing: 0;
    overflow: auto;
    display: block;
    width: 100%;
    border-collapse: collapse;
}
/* <div> */
#webisco-content .webisco-article-table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-content .webisco-article-table .header .cell {
    font-weight: bold;
    vertical-align: middle;
}
#webisco-content .webisco-article-table .row {
    display: table-row;
}
#webisco-content .webisco-article-table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}
#webisco-content div.cell.description {
}
#webisco-content div.cell.listprice {
    text-align: right;
}
#webisco-content div.cell.price {

}
#webisco-content .webisco-article-table-row-even {
    border-bottom: 1px solid #eee;
}
#webisco-content .webisco-article-table-row-odd {
    border-bottom: 1px solid #eee;
}
/* <table> */
#webisco-content .webisco-article-table th {
    background: #EEEEEE;
    padding: 3px;
}
#webisco-content .webisco-article-table td {
    padding: 3px;
    padding-top: 9px;
    vertical-align: top;
    text-align: left;
}
#webisco-content .webisco-article-table td.description{
    width: 100%;
}
#webisco-content .webisco-article-table td.listprice div.webisco-article-table-listprice-value{
    text-align: right;
    width: 100%;
}
#webisco-content .webisco-article-table td.price div.webisco-article-table-price-value{
    text-align: right;
    width: 100%;
}
#webisco-content tr.webisco-article-table-row-even {
    background: #EEEEEE;
}
#webisco-content tr.webisco-article-table-row-odd {
    background: #DDDDDD;
}
#webisco-content .webisco-article-thumbnail {
    width: auto;
    max-height: 200px;
}
#webisco-content .webisco-article-stock-icon {
    vertical-align: middle;
    float: left;
}
#webisco-content .webisco-article-stock-text {
    float: left;
    vertical-align: baseline;
    font-size: 16px;
    margin-right: 3px;
    margin-top: 8px;
}
#webisco-content .webisco-article-stock-branches {
    float: left;
    vertical-align: baseline;
    font-size: 16px;
    margin-right: 3px;
    margin-top: 8px;
}
#webisco-content .webisco-article-delivery-time {
    float: left;
    vertical-align: baseline;
    font-size: 9px;
    margin-right: 3px;
    margin-top: 8px;
}



/*
 Die Renneransicht
*/
#webisco-content .webisco-teaser {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
}
/* <table> */
#webisco-content .webisco-teaser table {
    width: 100%;
}
#webisco-content .webisco-teaser .webisco-article {
    border: none;
    display: block;
    padding: 0;
    margin: 0;
    width: auto;
}
#webisco-content .webisco-teaser .webisco-article-data {
    float: left;
    margin-left: 20px;
}
/* <div> */
#webisco-content .webisco-teaser .table {
    margin: 5px;
    display: block;
}
#webisco-content .webisco-teaser .row {
    float: left;
    width: 100%;
    display: table-row;
}
#webisco-content .webisco-teaser .cell  {
    display: table-cell;
    float: left;
}
#webisco-content .webisco-teaser-1 .cell {
    width: 100%;
}
#webisco-content .webisco-teaser-2 .cell {
    width: 50%;
}
#webisco-content .webisco-teaser-3 .cell {
    width: 33%;
}
#webisco-content .webisco-teaser-4 .cell {
    width: 25%;
}
#webisco-content .webisco-teaser .cell div .webisco-article-data  {
    margin-left: 0;
    position: relative;
    float: left;
    width: auto;
}
#webisco-content .webisco-teaser .cell div .webisco-article-data .table {
    margin-left: 0;
    display: table;
    float: none;
}
#webisco-content .webisco-teaser .cell div .webisco-article-data .table .row {
    display: table-row;
    float: none;
}
#webisco-content .webisco-teaser .cell div .webisco-article-data .table .cell {
    display: table-cell;
    width: auto;
    float: none;
    padding-bottom: 1px;
    padding-top: 1px;
    vertical-align: middle;
}


/*
 Die Artikelansicht
*/
#webisco-content .webisco-article {
    overflow: hidden;
}
#webisco-content .webisco-image-map {
    margin-bottom: 6px;
}
#webisco-content .webisco-image-map img{

}
#webisco-content .webisco-article-images {
    width: 600px;
    max-width: 600px;
    float: left;
}
#webisco-content .webisco-article-image {
    /*float: left;*/
    margin-right: 6px;
    margin-bottom: 6px;
    width: auto;
}
#webisco-content .webisco-article-data {
    float: left;
}
/* <div> */
#webisco-content .webisco-article-data .table {
    display: table;
    width: 380px;
}
#webisco-content .webisco-article-data .table .row {
    display: table-row;
}
#webisco-content .webisco-article-data .table .cell {
    display: table-cell;
    vertical-align: top;
    width: 1%;
    white-space: nowrap;
}

#webisco-content .webisco-article-number-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-number-value {
    float: left;
}
#webisco-content .webisco-article-packing-unit-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-packing-unit-value {
    float: left;
}
#webisco-content .webisco-article-order-unit-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-order-unit-value {
    float: left;
}
#webisco-content .webisco-article-manufacturer-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-manufacturer-value {
    float: left;
}
#webisco-content .webisco-article-price-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-price-value {
    clear: both;
    float: left;
}
#webisco-content .webisco-article-price-hint {
    clear: both;
    float: left;
    font-size: 9px;
}
#webisco-content .webisco-article-table-price-value {
    clear: both;
    float: right;
}
#webisco-content .webisco-article-listprice-key {
}
#webisco-content .webisco-article-listprice-value {
    float: left;
    clear: both;
    color: #EE0000;
}
#webisco-content .webisco-article-table-listprice-value {
    float: right;
    clear: both;
    color: #EE0000;
}
#webisco-content .webisco-article-deposit-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-deposit-value {
    float: left;
}
#webisco-content .webisco-article-deposit-hint {
    font-size: 9px;
}
#webisco-content .webisco-article-environmental-charge-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-environmental-charge-value {
    float: left;
}
#webisco-content .webisco-article-procurement-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-procurement-value {
    float: left;
}
#webisco-content .webisco-article-tax-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-tax-value {
    float: left;
}
#webisco-content .webisco-article-shipping-costs {
    font-size: 9px;
}
#webisco-content .webisco-article-availability-key {
    font-weight: bold;
    float: left;
    vertical-align: middle;
}
#webisco-content .webisco-article-availability-value {
    margin-left: 3px;
    float: left;
    vertical-align: middle;
}
#webisco-content .webisco-article-availability-image {
    margin-right: 5px;
    vertical-align: middle;
}
#webisco-content .webisco-article-delivery-time-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-delivery-time-value {
    float: left;
}
#webisco-content .webisco-article-availability-branches-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-availability-branches-value {
    margin-left: 3px;
    float: left;
}
#webisco-content .webisco-article-availability-external-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-availability-external-value {
    margin-left: 3px;
    float: left;
}
#webisco-content .webisco-article-delivery-time-external-key {
    font-weight: bold;
    float: left;
}
#webisco-content .webisco-article-delivery-time-external-value {
    margin-left: 3px;
    float: left;
}
#webisco-content .webisco-article-delivery-note {
    float: left;
}
#webisco-content .webisco-article-put-cart {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    background: #ea1b25;
    width: 280px;
    padding: 20px 40px;
    align-items: center;
}
#webisco-content .webisco-article-put-cart-text a {
    color:#fff;
}
#webisco-content .webisco-article-put-cart-image img {
    filter: invert(1);
}
#webisco-content .webisco-teaser .webisco-article-put-cart-image {
    float: left;
}
#webisco-content .webisco-article-continue {
}
#webisco-content .webisco-article-datasheets {
    margin-top: 20px;
}
#webisco-content .webisco-article-datasheet {
}
#webisco-content .webisco-pdf-icon {
    border: solid 1px #00309C;
}
#webisco-content .webisco-article-details {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
    width: 100%;
}
#webisco-content .webisco-article-details-preview {
    font-size: 16px;
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    text-align: left;
    width: 100%;
    color: #000;
}
#webisco-content .webisco-article-details-table {
    border-spacing: 1px;
    border-collapse: collapse;
    width: 100%;
}
#webisco-content .webisco-article-details-table th {
    padding: 1px;
    background: transparent;
    vertical-align: top;
}
#webisco-content .webisco-article-details-table td {
    padding: 1px;
    vertical-align: top;
}
#webisco-content .oenumbers {
    overflow: auto;
    max-height: 100px;
}
#webisco-content .webisco-article-description {
    clear: right;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-description-header {
    font-weight: bold;
}
#webisco-content .webisco-article-description-text {
}

#webisco-content .webisco-article-cars {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
    width: 100%;
}
#webisco-content .webisco-article-cars-header {
    font-weight: bold;
}
#webisco-content .webisco-article-cars-text {
    overflow: auto;
    max-height: 200px;
}
#webisco-content .webisco-article-cars-text table {
    border: 0;
    padding: 0;
}
#webisco-content .webisco-article-cars-text table th {
    font-weight: bold;
    vertical-align: middle;
    background-color: #CCCCCC;
    padding: 4px;
    border-bottom: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}
#webisco-content .webisco-article-cars-text table td {
    padding: 10px 5px;
    border-bottom: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}


#webisco-content .webisco-article-wheels {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-wheels-header {
    font-weight: bold;
}
#webisco-content .webisco-article-wheels-text {
}

#webisco-content .webisco-article-more-numbers {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-more-numbers-header {
    float: left;
    font-weight: bold;
}
#webisco-content .webisco-article-more-numbers-text {
    padding-left: 5px;
    float: left;
}

#webisco-content .webisco-article-shopping-hint {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-shopping-hint-header {
    font-weight: bold;
}
#webisco-content .webisco-article-shopping-hint-text {
}
#webisco-content .webisco-article-additional-info {
    clear: both;
    margin-top: 10px;
    float: left;
    text-align: left;
}
#webisco-content .webisco-article-additional-info-header {
    font-weight: bold;
}
#webisco-content .webisco-article-additional-info-text {
}
#webisco-content .webisco-article-additional-articles {
    margin-top: 10px;
    width: 60%;
}
#webisco-content .webisco-article-replace-articles {
    margin-top: 10px;
    width: 60%;
}

/*
 Die Detailansicht des Warenkorbs
*/
#webisco-cart {
    margin-bottom: 1px;
    clear: both;
}
#webisco-cart .webisco-cart-recalculate {
}
#webisco-cart .webisco-cart-row-even {
    /*background: #EEEEEE;*/
}
#webisco-cart .webisco-cart-row-odd {
    /*background: #DDDDDD;*/
}
/* <div> */
#webisco-cart .table {
    display: table;
    width: 100%;
}
#webisco-cart .table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-cart .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
#webisco-cart .table .header .stretch {
    width: 100%;
}
#webisco-cart .table .row {
    display: table-row;
}
#webisco-cart .table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
    max-width: 16.6%;
}
#webisco-cart-sum .table {
    display: table;
    width: 100%;
}
#webisco-cart-sum .table .row {
    display: table-row;
}
#webisco-cart-sum .table .cell {
    display: table-cell;
}
/* <table> */
#webisco-cart table {
    border-spacing: 0;
}
#webisco-cart th {
    padding: 3px;
}
#webisco-cart td {
    padding: 3px;
    vertical-align: middle;
}
#webisco-cart div.cell.description {
    width: 100%;
}
#webisco-cart div.cell.listprice {
    text-align: right;
}
#webisco-cart div.cell.price {
    text-align: right;
}
#webisco-cart .table-row-even {
    background: #EEEEEE;
}
#webisco-cart .table-row-odd {
    background: #DDDDDD;
}


#webisco-cart-sum {
    margin-bottom: 20px;
}
#webisco-cart-sum table {
    border-spacing: 0;
}
#webisco-cart-sum .webisco-cart-sum-list-price-net { /* der Listenpreis netto */
    /*background: #EEEEEE;*/
}
#webisco-cart-sum .webisco-cart-sum-list-price-total { /* der Listenpreis brutto */
    /*background: #DDDDDD;*/
}
#webisco-cart-sum .webisco-cart-sum-net { /* der Nettopreis */
    /*background: #EEEEEE;*/
}
#webisco-cart-sum .webisco-cart-sum-discount { /* der Zusatzrabatt */
    /*background: #EEEEEE;*/
}
#webisco-cart-sum .webisco-cart-sum-tax { /* die Mehrwertsteuer */
    /*background: #DDDDDD;*/
}
#webisco-cart-sum .webisco-cart-sum-used-part-tax { /* die Altteilsteuer (sofern vorhanden) */
    /*background: #EEEEEE;*/
}
#webisco-cart-sum .webisco-cart-sum-total { /* der Endpreis inkl. aller Steuern */
}
#webisco-cart-sum td {
    padding: 3px;
}

/*
 Die Aktionen beim Betrachten des Warenkorbs
*/
#webisco-content .webisco-cart-actions {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    display:flex;
    justify-content: space-between;
}
#webisco-content .webisco-cart-continue-shopping {

}
#webisco-content .webisco-cart-continue-shopping a{
    padding: 10px 30px;
    display: block;
    background-color: #000000;
    color: #fff;
}
#webisco-content .webisco-cart-continue-shopping a:hover{
    background-color: #000000;
    color: #fff;
}
#webisco-content .webisco-cart-empty {
    background: #EEEEEE;
    border: solid 1px #888888;
    overflow: hidden;
}
#webisco-content .webisco-cart-empty a {
    padding: 10px;
    display: block;
}
#webisco-content .webisco-cart-empty a:hover{

}
#webisco-content .webisco-cart-order {
    background: #ff0000;
    border: solid 1px #ff0000;
    order: 3;
}
#webisco-content .webisco-cart-order a {
    padding: 10px;
    display: block;
    color: white;
}
#webisco-content .webisco-cart-order a:hover{

}



/*
 Der Login-Bereich direkt nach dem Bestellen des Warenkorbs,
 wenn man bis dahin noch nicht eingeloggt ist
*/
#webisco-content .webisco-login-header {
    text-align: center;
    background: #222;
    color: white;
    border-width: 0;
    padding: 10px;
}
#webisco-content .webisco-login-body {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #EEEEEE;
    border: solid 1px #222;
}
#webisco-registered-customer{
    width: 45%;
    float: left;
}
#webisco-create-customer{
    width: 45%;
    float: right;
}
#webisco-login {
    text-align: center;
}
#webisco-login-name {
}
#webisco-login-password {
}
#webisco-login-namelabel {
    width: 200px;
}
#webisco-login-passwordlabel {
}
#webisco-login input {
    margin-top: 3px;
    border: 1px solid #000;
}
#webisco-login #webisco-login-submit {
}
#webisco-login #webisco-login-forgotpassword {
    margin-top: 20px;
}
#webisco-login #webisco-login-newaccount {
}



/*
 Der Bereich zum Blättern in Seiten
*/
#webisco-content .webisco-page-flip-container {
    float: right;
    text-align: right;
    clear: right;
    margin-top: 3px;
    margin-bottom: 3px;
}
#webisco-content .webisco-page-flip {
    padding-left: 5px;
}
#webisco-content .webisco-page-flip-current { /* die aktuelle Seite */
    font-weight: bold;
}
#webisco-content .webisco-page-flip-1 { /* Zu Seite 1 springen */
}
#webisco-content .webisco-page-flip-back { /* Eine Seite zurück springen */
}
#webisco-content .webisco-page-flip-forward { /* Eine Seite vor springen */
}


#webisco-content .webisco-account-home-header {
    clear: both;
    margin-bottom: 10px;
}
#webisco-content .webisco-account-home-action {
    width: 250px;
    max-width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #EEEEEE;
    border: solid 1px #00309C;
    margin-top: 20px;
}
#webisco-content .webisco-account-home-action a{
    display: block;
}
#webisco-content .webisco-account-home-action a:hover{
    background-color: #00309C;
    display: block;
    color: #FFCA00;
}
#webisco-content .webisco-account-cart-show {
}
#webisco-content .webisco-account-cart-show a {
}
#webisco-content .webisco-account-cart-order { /* Nur vorhanden wenn der Warenkorb Artikel enthält */
}
#webisco-content .webisco-account-cart-order a {
}
#webisco-content .webisco-account-edit {
}
#webisco-content .webisco-account-edit a {
}
#webisco-content .webisco-account-continue-shopping {
}
#webisco-content .webisco-account-continue-shopping a {
}
#webisco-content .webisco-account-order-history {
}
#webisco-content .webisco-account-order-history a {
}
#webisco-content .webisco-account-logout {
}
#webisco-content .webisco-account-logout a {
}

/*
 Die Kundenstammdaten zum Bearbeiten
*/
#webisco-content .webisco-account-details-edit {
    border: solid 1px #000;
    margin-bottom: 20px;
}
#webisco-content .webisco-account-details-edit table {
    border-spacing: 0;
}
#webisco-content .webisco-account-details-edit td {
    padding: 3px;
}
#webisco-account-details-edit-table {
}
#webisco-account-details-edit-table .table {
    display: table;
}
#webisco-account-details-edit-table .table .row {
    display: table-row;
}
#webisco-account-details-edit-table .cell {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
}
#webisco-account-details-edit-table-billing-address {
    display: table;
}
#webisco-account-details-edit-table-billing-address .table {
}
#webisco-account-details-edit-table-billing-address .row {
    display: table-row;
}
#webisco-account-details-edit-table-billing-address .cell{
    display: table-cell;
    padding: 4px;
}
#webisco-account-details-edit-table-shipping-address .table {
    display: table;
}
#webisco-account-details-edit-table-shipping-address .row {
    display: table-row;
}
#webisco-account-details-edit-table-shipping-address .cell{
    display: table-cell;
    padding: 4px;
}
#webisco-account-details-edit-table .webisco-shipping-address {
    float: left;
}
#webisco-content .webisco-account-details-edit-table-shipping-address {
}
#webisco-content .webisco-account-details-edit-checkbox-shipping-address {
}
#webisco-content .webisco-account-details-edit-table-settings {
}
#webisco-content .webisco-account-details-edit-submit {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    border-radius: 0;
    padding: 10px;
}




/*
 Der Fortschritt ders Bestellvorgangs
*/
#webisco-order-progress {
    text-align: left;
    clear: both;
    margin-top: 3px;
    margin-bottom: 20px;
    border: solid 1px #888888;
    padding: 5px;
}
#webisco-order-progress .webisco-order-progress-title {
    margin-right: 10px;
    display:none;
}
#webisco-order-progress .webisco-order-progress-show-cart {
}
#webisco-order-progress .webisco-order-progress-separator {
    padding: 10px;
    font-weight: bold;
}
#webisco-order-progress .webisco-order-progress-account-edit {
}
#webisco-order-progress .webisco-order-progress-options {
}
#webisco-order-progress .webisco-order-progress-summary {
}
#webisco-order-progress .active {
    font-weight: bold;
}

/*
 Die Optionen der Bestellung
*/
#webisco-order-options {
}
#webisco-order-accept-agbs {
    margin-bottom: 10px;
}
#webisco-order-accept-privacy-statement {
    margin-bottom: 10px;
}
#webisco-order-message{ /* Hinweis für den Kunden, bevor er die Bestellung abschickt */
    width: 500px;
    border: solid 2px red;
    padding: 2px;
    margin: 5px;
}
#webisco-order-shipping {
    background: #EEEEEE;
    border: solid 1px #00309C;
    width: 500px;
    margin-bottom: 10px;
}
/* <div> */
#webisco-order-shipping .table {
    display: table;
    width: 100%;
}
#webisco-order-shipping .table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-order-shipping .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
#webisco-order-shipping .table .row {
    display: table-row;
}
#webisco-order-shipping .table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}
/* <table> */
#webisco-order-shipping table {
    border-spacing: 0;
}
#webisco-order-shipping th {
    padding: 3px;
}
#webisco-order-shipping td {
    padding: 3px;
}
#webisco-order-shipping .webisco-order-shipping-row-even{
    background: #EEEEEE;
}
#webisco-order-shipping .webisco-order-shipping-row-odd{
    background: #DDDDDD;
}
#webisco-order-shipping .webisco-order-shipping-hint{
    font-size: 10px;
    font-style: italic;
}
#webisco-order-payment {
    background: #EEEEEE;
    border: solid 1px #00309C;
    width: 500px;
    margin-bottom: 10px;
}
#webisco-order-payment table {
    border-spacing: 0;
}
#webisco-order-payment .table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-order-payment .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
#webisco-order-payment th {
    padding: 3px;
}
#webisco-order-payment td {
    padding: 3px;
}
#webisco-order-payment .webisco-order-payment-row-even {
    background: #EEEEEE;
}
#webisco-order-payment .webisco-order-payment-row-odd {
    background: #DDDDDD;
}
#webisco-order-payment .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#webisco-order-payment .creditcard span {
    font-size: 8px;
}
#webisco-order-coupon{
    background: #EEEEEE;
    border: solid 1px #00309C;
    width: 500px;
    margin-bottom: 10px;
    text-align: left;
}
#webisco-order-coupon-label{
    margin-left: 3px;
    margin-right: 3px;
}
#webisco-order-coupon-code{
    margin: 2px;
    background: white;
    border: solid 1px;
}

/*
 Die Bestellungsübersicht
*/
#webisco-order-summary {
}
#webisco-order-summary table {
    border-spacing: 0;
}
#webisco-order-summary td {
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
}
#webisco-order-summary .webisco-account-details {
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-bottom: 20px;
    display: table;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
/* <div> */
#webisco-order-summary .webisco-account-details .table {
    display: table;
    width: 100%;
}
#webisco-order-summary .webisco-account-details .table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-order-summary .webisco-account-details .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
#webisco-order-summary .webisco-account-details .table .row {
    display: table-row;
}
#webisco-order-summary .webisco-account-details .table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}
#webisco-order-summary .webisco-order-details .table {
    display: table;
    width: 100%;
}
#webisco-order-summary .webisco-order-details .table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-order-summary .webisco-order-details .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}
#webisco-order-summary .webisco-order-details .table .row {
    display: table-row;
}
#webisco-order-summary .webisco-order-details .table .cell {
    display: table-cell;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
}
/* <table> */
#webisco-order-summary .webisco-account-details table {
    border-spacing: 0;
}
#webisco-order-summary .webisco-account-details td {
    padding: 3px;
}
#webisco-order-summary .webisco-account-details th {
    background-color: #888888;
    color: #EEEEEE;
}
#webisco-order-summary .webisco-order-details {
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-bottom: 20px;
    display: table;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
#webisco-order-summary .webisco-order-details table {
    border-spacing: 0;
}
#webisco-order-summary .webisco-order-details td {
    padding: 3px;
}
#webisco-order-summary .webisco-order-details th {
    background-color: #888888;
    color: #EEEEEE;
}

/*
 Das Bemerkungsfeld der Bestellung
*/
#webisco-order-comment {
    margin-bottom: 10px;
    text-align: left;
    float: left;
    width: 100%;
    clear: both;
}
#webisco-order-comment-label {
    width: 130px;
    margin-top: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    float: left;
    clear: both;
}
#webisco-order-comment-inputfield {
    width: 500px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
}
#webisco-order-number-label {
    width: 130px;
    margin-top: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    float: left;
    clear: both;
}
#webisco-order-number-inputfield {
    width: 200px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
}
#webisco-order-person-label {
    width: 130px;
    margin-top: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    float: left;
    clear: both;
}
#webisco-order-person-inputfield {
    width: 200px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
}
#webisco-order-desired-delivery-date-label {
    width: 130px;
    margin-top: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    float: left;
    clear: both;
}
#webisco-order-desired-delivery-date-inputfield {
    width: 200px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
}
#webisco-order-comment-checkbox {
    clear: both;
    float: left;
}

/*
 Die Schaltflächen beim Bestellprozess
*/
#webisco-order-button-area {
    float: right;
}
#webisco-order-button-next {
    padding: 10px;
    background-color: #ff0000;
    color: white;
}
#webisco-order-button-submit {
    padding: 15px 20px;
    background-color: #08A000;
    color: white;
}
#webisco-request-button-submit {
    color: #08A000;
    margin-right: 10px;
}


#webisco-content .webisco-bank-account-table {
    clear: both;
    border: 0;
    border-spacing: 0;
    overflow: auto;
    display: block;
    padding-top: 10px;
}
/* <div> */
#webisco-content .webisco-bank-account-table .header {
    background: #EEEEEE;
    display: table-row;
}
#webisco-content .webisco-bank-account-table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
#webisco-content .webisco-bank-account-table .row {
    display: table-row;
}
#webisco-content .webisco-bank-account-table .cell {
    display: table-cell;
    padding: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    vertical-align: top;
}

/*
 Die Bestellhiistorie
*/
#webisco-order-history {
}
#webisco-order-history .webisco-order-history-filter{
    background: #EEEEEE;
    border: solid 1px #888888;
    margin-bottom: 1px;
    clear: both;
    float: left;
    width: 100%;
}
#webisco-order-history .webisco-order-history-filter form{
    float: left;
    margin: 3px;
}
#webisco-order-history .webisco-order-history-filter input{
    max-width: 80px;
    width: 80px;
}
#webisco-order-history .webisco-order {
    margin: 0;
    margin-top: 10px;
    width: 100%;
    border: solid 1px #888888;
    display: block;
    float: left;
    background: #EEEEEE;
    clear: both;
}
#webisco-order-history .webisco-order-header {
    display: table;
    float: left;
}
#webisco-order-history .webisco-order-header div.row {
    display: table-row;
    float: none;
}
#webisco-order-history .webisco-order-header div.cell {
    display: table-cell;
    width: auto;
    float: none;
    padding: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    vertical-align: middle;
}
#webisco-order-history .webisco-order-items {
    clear: both;
    display: table;
    float: left;
    border: solid 1px #888888;
    margin: 5px;
    width: auto;
    background: #FFFFFF;
}
#webisco-order-history .webisco-order-items div.header {
    display: table-row;
    float: none;
    font-weight: bold;
}
#webisco-order-history .webisco-order-items div.row {
    display: table-row;
    float: none;
}
#webisco-order-history .webisco-order-items div.cell {
    display: table-cell;
    float: none;
    padding: 3px;
    padding-right: 20px;
}
#webisco-order-history .webisco-order-items div.stretch {
    width: 100%;
}


.single-slide {
    padding: 50px 0;
}
#sort{
    margin-top: 10px;
    border: 1px solid #d6d6d6;
    background: transparent !important;
    padding: 10px !important;
}
#filter-hersteller{
    margin-top: 10px;
    border: 1px solid #d6d6d6;
    background: transparent !important;
    padding: 10px !important;
}

.cell.image{width: 20%;}
.cell.articlenumber{width: 10%;}
.cell.manufacturer{width: 10%;}
.cell.description{width: 30%;}
.cell.availability{width: 20%;}
.cell.price{width: 10%;}
/*.cell.putcart*/

.cell.cart{
    width: 100%;
    display: block!important;
    clear: both;
    background: red;
    text-align: center!important;;
    padding: 10px 32px!important;;
    border-radius: 20px;
    margin-top: 80%;
}
.cell.cart a{
    color:#fff;
}

#webisco-permanent-login-form{
    display:flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.banner-area .banner-wrapper img {
    max-height: unset !important;
    min-height: unset !important;
}

#navigation-sidebar {
    font-size: 16px;
    scrollbar-color: white #2a4451;
    scrollbar-width: thin;
}

#navigation-sidebar .accordion {
    padding: 6px 10px !important;
}

button.openbtn {
    background: #EB1420;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
    line-height: 1.5;
    margin-right: 0.5rem;
}

.homebtn {
    background: #2A4451;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
    line-height: 1.5;
    display: inline-block;
}

.homebtn:hover {
    color: white;
}

#infoicon {
    cursor: pointer;
    position: relative;
}

#fahrzeugschein {
    position: absolute;
    background: white;
    top: 30px;
    right: 5px;
    border-radius: 5px;
    padding: 20px;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

.tab-content-child-4items {
    flex-basis: calc(33.33% - 10px) !important;
}

.tab-content-child-4items a {
    font-size: 28px;
}

.header-right-element .logo {
    max-width:500px;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .header-right-element .logo {
        max-width:300px;
    }
}

#profile {
    /*top: unset !important;*/
    left: unset !important;
    /*right: 12px;*/
    /*bottom: -275px;*/
    top: 100px !important;
    right: 0;
}

.footer-area .footer-top {
    padding: 30px 0 30px 0 !important;
}

.footer-area .footer-top .single-wedge .footer-links li {
    margin-bottom: 0 !important;
}

.footer-bottom {
    padding: 15px 0 !important;
}

.top-selection-need-help {
    flex-direction: column;
    align-items: start !important;
}
.top-selection-need-help a {
    color: #EB1420;
}

#webisco-content .webisco-article-stock-icon {
    padding: 0;
    border: 0;
    transform: rotate(90deg);
    margin: 5px 0 0 10px;
}

.webisco-article-table-row .webisco-article-details-preview {
    border: 1px solid #eee;
    font-size: 14px !important;
    margin-top: 15px !important;
}
#webisco-content .webisco-article-table .cell.availability .webisco-article-stock-text {
    font-size: 14px;
    padding: 0;
}
.webisco-article-table-row .price .webisco-article-table-price-value {
    float: none !important;
    font-weight: bold;
    font-size: 16px;
    padding: 0;
}
.webisco-article-table-row .price .webisco-article-shipping-costs {
    font-size: 12px;
    padding: 0;
}

@media screen and (max-width: 767px) {
    #webisco-content .webisco-article-table {
        overflow: unset !important;
    }
    #webisco-content .webisco-article-table .header {
        display: none;
    }
    #webisco-content .webisco-article-table .cell {
        width: 100% !important;
        padding: 0;
    }
    #webisco-content .webisco-article-table .cell a {
        padding: 0 !important;
    }
    #webisco-content .webisco-article-table .cell.image {
        margin-bottom: 15px;
    }
    #webisco-content .webisco-article-table .cell.cart {
        margin-top: 15px !important;
    }
    .webisco-article-table-row {
        display: flex !important;
        flex-direction: column;
        margin: 0 !important;
        padding: 15px 0;
    }
    .webisco-article-table-row .articlenumber:before {
        content: "Artikelnummer: ";
    }
    .webisco-article-table-row .manufacturer:before {
        content: "Hersteller: ";
    }
    .webisco-article-table-row .description:before {
        content: "Beschreibung: ";
    }
    .webisco-article-table-row .price {
        padding: 0 !important;
    }
    .top-selection-need-help {
        font-size: 22px !important;
    }
    .banner-area .banner-wrapper {
        max-height: 300px;
    }
}

#webisco-content .webisco-header + .webisco-cart-actions {
    display: none;
}

#webisco-cartinfo {
    background-color: transparent;
    border: none;
    color: black;
    line-height: 1;
    /*margin: 0 20px 0 0;*/
    padding: 0;
}

.header-tools .cart-info a {
    /*color: black !important;*/
    margin-right: 0 !important;
}

.shipping-img {
    height: 20px;
    width: auto;
}