@charset "utf-8";

@font-face{
    font-family: 'Satoshi Bold';
    src: url('fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Satoshi Regular';
    src: url('fonts/Satoshi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi Medium';
    src: url('fonts/Satoshi-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gopher Medium';
    src: url('fonts/Gopher-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gopher Bold';
    src: url('fonts/Gopher-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*,
*::before,
*::after { 
    box-sizing: border-box; 
}
:root{
  /* Container + Gutter */
  --maxw: 1200px;
  --gutter: clamp(12px, 4vw, 32px);

  /* Typo Scale */
  --fs-0: clamp(14px, 1.2vw, 16px);
  --fs-1: clamp(16px, 1.5vw, 20px);
  --fs-2: clamp(18px, 2vw,   24px);
  --fs-3: clamp(22px, 3vw,   32px);

  /* Spacing */
  --space-1: clamp(6px,  1.2vw, 10px);
  --space-2: clamp(10px, 2vw,   16px);
  --space-3: clamp(16px, 3vw,   24px);
  --radius: 10px;
}
.container{
  width: min(100% - 2*var(--gutter), var(--maxw));
  margin-inline: auto;
}
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
}
button, input[type="password"], input[type="text"], input[type="submit"], input[type="button"], select{
    border-radius: 0;
    border: 1px solid black;
}
button:focus, input:focus, select:focus{
    border-radius: 0;
}
b {
    font-weight: normal;
}
body {
    margin: 0;
    box-sizing: border-box;
}
hr {
    border: none;
}
.background-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    object-fit: cover;
}
.content {
    opacity: 0;
    transition: opacity 2s;
    }
.content.fade-in {
    opacity: 1;
}
.mobile-background {
  display: none; 
}
@media screen and (max-width: 480px) {
    .mobile-background{
        display: flex;
	height: 1px;
        background-color: white;
    }
}
.meta-container {
    position: relative;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1% 15%;
    background-color: #4a1d7c;
    font-family: 'Gopher Medium';
    font-size: 16px;
}
@media screen and (max-width: 1550px) {
    .meta-container {
	padding: 1% 5%;
    }
}

.meta-section-left, .meta-section-right {
    display: flex;
    align-items: center;
}
.meta-section-left a {
    margin: 0 30px 0 0;
}
.meta-section-right a {
    margin: 0 0 0 30px;
}
.meta-section-right #login-trigger {
    cursor: pointer;
}
.meta-container a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    padding: 5px;
    transition: background-color 0.3s;
}

.cart-container {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    padding: 5px;
    transition: background-color 0.3s;
}

.cart-container a {
    margin: 0;
}

.cart-container:hover {
    background-color: #7f69d7;
}

.top-bar-icon {
    width: 30px;
    height: auto;
    margin-right: 10px;
}

.meta-section-left a:hover, .meta-section-right a:hover {
    background-color: #7f69d7;
}

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

.webisco-cart-link {
    display: inline-block;
}

@media(max-width: 480px) {
    .meta-container {
	padding: 1%;
	width: 100%;
	box-sizing: border-box;
    }

    .meta-section-left {
	width: 100%;
	justify-content: space-between;
    }

    .meta-section-left a, .meta-section-right a {
	justify-content: center;
	margin-right: 0;
	margin-left: 0;
    }

    .top-bar-icon {
	width: 30px;
	height: 30px;
    }

    .meta-section-left a span, .meta-section-right a span {
	font-size: 12px;
    }
    .hide-mobile {
	display: none !important;
    }
    .meta-section-right {
	display: none;
    }
}

#back-to-top {
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 1000;
}
@media screen and (max-width: 480px) {
    #back-to-top {
	display: none;
    }
}
#back-to-top img {
    width: 20px;
    transform: rotate(270deg);
    transition: opacity 0.3s;
}

#back-to-top:hover img {
    opacity: 0.7;
}


.sale-container {
    font-family: 'Satoshi Medium';
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E9551E;
    font-size: 18px;
    color: white;
    width: 100%;
}
#timer {
    margin-left: 2%;
}
@media (max-width: 480px) {
    .sale-container {
	font-size: 12px;
	width: 100%;
	padding: 0 1%;
	box-sizing: border-box;
    }
}
/* Sticky Header Container */

.sticky-header {
    position: sticky;
    top: 0;
    z-index: 300;
    display: flex;
    flex-direction: row;
    padding: 0 15%;
    background-color: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
}
@media screen and (max-width: 1550px) {
    .sticky-header {
	padding: 0 5%;
    }
}
.header-widgets-mobile {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 65px;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 480px) {
    .sticky-header {
	flex-direction: column;
	padding: 0 2%;
	padding-top: 2%;
	align-items: initial;
	width: 100%;
    }
    .header-widgets-mobile {
	justify-content: flex-start;
    }
}

.website-logo {
    height: 50px;
    width: auto;
}

@media(max-width: 480px) {
    .website-logo {
	height: 30px;
    }
    .logo-container {
	margin-left: 0;
	display: flex;
	flex-direction: row;
    }
}

.menu-icon {
    display: none;
    height: 15px;
    width: 15px;
    position: sticky;
    top: 0;
    right: 10%;
    z-index: 1000;
}

.menu-icon img {
    height: 30px;
    width: 30px;
}

.menu {
    display: none;
    flex-direction: column;
    height: 100%;
    width: 250px;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #7f69d7;
    transition: 0.5s;
    padding-top: 40px;
    z-index: 1001;
}

.menu a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-family: 'Gopher Medium';
    font-size: 24px;
    color: white;
    display: block;
    transition: 0.3s;
}
.menu ul {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    color: white;
    font-family: 'Gopher Medium';
    font-size: 20px;
    list-style-type: none;
}
#categories-container {
    margin-left: 15%;
}
.menu ul li a {
    padding: 5px 0 5px 37px;
}
.menu ul li ul li a {
    padding: 0 35px;
    font-size: 18px;
}
.menu ul li p {
    font-size: 24px;
}
.menu #categories-container p {
    display: flex;
}
.menu #categories-container a {
    display: block;
}
.menu #categories-container .category-item {
    display: flex;
    align-items: center;
}
.menu p {
    margin: 0;
    padding: 0 8px;
    color: white;
    font-family: 'Gopher Medium';
    font-size: 14px;
}
.menu .subcategories {
    display: none;
}
.menu .subcategories.show {
    display: block;
    padding: 10px 0;
}
.menu span {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 15%;
    font-size: 16px;
}
.menu span img {
    width: 30px;
    height: 30px;
}
.menu span a {
    padding: 0;
    margin-left: 7%;
    font-size: 16px;
}
.menu #menu-anmelden {
    margin-bottom: 2.5%;
}
.menu #menu-warenkorb {
    margin-bottom: 2.5%;
}
.menu #menu-garage {
    margin-bottom: 2.5%;
}
.menu #menu-newsletter {
    margin-bottom: 2.5%;
}
.menu #menu-europaweit {
    margin-bottom: 2.5%;
}
.menu #menu-anmelden #login-trigger {
    display: flex !important;
}
.menu #menu-anmelden a img {
    width: 30px;
    height: 30px;
}
.menu #menu-anmelden a {
    padding: 0;
    margin-left: 15%;
}
.menu #menu-anmelden a span {
    margin-left: 7%;
}
.menu #menu-garage span a span {
    margin-left: 0;
}
.menu #menu-newsletter a img {
    width: 30px;
    height: 30px;
}
.menu #menu-newsletter a {
    padding: 0;
    margin-left: 15%;
}
.menu #menu-newsletter #meta-popup-trigger {
    display: flex;
}
.menu #menu-newsletter span {
    margin-left: 7%;
}
.menu #menu-europaweit a img {
    width: 30px;
    height: 30px;
}
.menu #menu-europaweit a {
    padding: 0;
    margin-left: 15%;
    display: flex;
}
.menu #menu-europaweit a span {
    margin-left: 7%;
}
.menu #menu-fahrzeugInfo {
    display: none;
}
.menu #menu-contact {
    font-size: 14px;
    margin-top: 5%;
    margin-left: 15%;
}
.menu #menu-contact a {
    font-size: 14px;
    margin-left: 0;
}

#categories-container ul li img {
    width: 15px;
    height: 15px;
    transition: transform 0.3s;
}
#categories-container p {
    padding: 0 10%;
    font-size: 16px;
}
#categories-container a {
    font-size: 16px;
}
#categories-container .category-item img.rotated {
    transform: rotate(180deg);
}
@media screen and (max-width: 480px) {
    .menu-icon {
        display: block;
	position: absolute;
	top: 7%;
	right: 2%;
	width: 30px;
	height: 30px;
    }
}
/*Kurzinfo zum Warenkorb für Desktop*/
.header-cart #webisco-cartinfo {
    display: flex;
    color: white;
    flex-direction: row;
    font-family: 'Gopher Medium';
    font-weight: normal;
    background: #e9551e;
    align-items: center;
    height: 35px;
    margin-left: 5%;
    position: relative;
    transition: background 0.3s;
}
.header-cart #webisco-cartinfo:hover {
    background: #4a1d7c;
}
.header-cart #webisco-cartinfo .cart-img-container {
    max-width: 50px;
    min-width: 35px;
    margin-right: 5%;
    padding-left: 3%;
}
.header-cart #webisco-cartinfo .cart-img-container img {
    width: 100%;
}
.header-cart #webisco-cartinfo .webisco-cartinfo-content {
    min-width: 70px;
    margin-right: 1%;
}
.header-cart #webisco-cartinfo .webisco-cartinfo-sum {
    min-width: 100px;
}
#menu-fahrzeugauswahl {
    display: none;
    margin-left: 15%;
}
#menu-fahrzeugauswahl #webisco-car-selection-permanent-mobile {
    display: flex;
    flex-direction: column;
    font-family: 'Satoshi Medium';
    color: white;
    padding: 5%;
}
#menu-fahrzeugauswahl #webisco-car-selection-permanent-mobile select {
    background: #7f69d7;
    border-color: white;
    color: white;
}
#menu-fahrzeugauswahl .mobile-input-group {
    display: flex;
    flex-direction: column;
    margin-right: 15px;
}
#menu-fahrzeugauswahl .mobile-input-group input{
    background: #7f69d7;
    border-color: white;
    width: 110%;
}
#menu-fahrzeugauswahl #webisco-car-selection-hsn-permanent::placeholder {
    color: white;
}
#menu-fahrzeugauswahl #webisco-car-selection-tsn-permanent::placeholder {
    color: white;
}
#menu-fahrzeugauswahl .mobile-input-group label{
    font-size: 12px;
    font-weight: normal;
    padding-left: 2%;
}
#menu-fahrzeugauswahl #webisco-car-selection-number-form-permanent .table .row input[type="submit"] {
    width: 100%;
    background-color: #4a1d7c;
    color: white;
    font-family: 'Satoshi Medium';
    padding: 1% 10%;
    cursor: pointer;
    transition: background 0.3s;
}
#menu-fahrzeugauswahl #webisco-car-selection-number-form-permanent .table .row input[type="submit"]:hover {
    background: #e9551e;
}
#webisco-motor-selection-permanent-mobile {
    display: none;
}
@media screen and (max-width: 480px) {
    .header-cart {
	display: none;
    }
}
/*Kurzinformationen zum Warenkorb für mobil*/
.mobile-warenkorb {
    display: none;
}
.mobile-warenkorb .webisco-cartinfo-sum {
    display: none;
}
.mobile-warenkorb .webisco-cartinfo-content {
    display: flex;
    font-family: 'Satoshi Medium';
    font-weight: bold;
    font-size: 14px;
    color: #4a1d7c;
    position: absolute;
    top: 5%;
    right: 20%;
}
.mobile-warenkorb .webisco-cartinfo-content a img {
    width: 24px;
    height: 24px;
}
@media screen and (max-width: 480px) {
    .mobile-warenkorb {
	display: block;
	margin-top: 2.9%;
    }
    .mobile-warenkorb .webisco-cartinfo-content {
	right: 15%;
	top: 10%;
    }
}

/*Fahrzeugauswahl Garage*/
.FahrzeugauswahlDropdownBtn {
    margin-left: 2%;
    width: 100px;
    height: 35px;
}
.FahrzeugauswahlDropdownBtn img {
    width: 100px;
    height: 35px;
    transition: all 0.3s ease;
}
.FahrzeugauswahlDropdownBtn img:hover {
    content: url('Grafiken/Garage/icon_auto_auf_lila.png');
}
#fahrzeugauswahlWidget {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #e9e9e9;
    padding: 20px 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-bottom: 1%;
}

@media screen and (max-width: 480px) {
    .FahrzeugauswahlDropdownBtn {
        display: none;
    }
    #fahrzeugauswahlWidget {
	display: none;
    }
}

#fahrzeugauswahlWidget #fahrzeugauswahlGarage #webisco-car-selection-permanent {
    flex-direction: row;
}
#fahrzeugauswahlWidget #fahrzeugauswahlGarage {
    width: 100%;
}
#fahrzeugauswahlWidget #webisco-car-selection-incremental-permanent {
    width: 33%;
}
#fahrzeugauswahlWidget #webisco-car-selection-permanent {
    width: 100%;
    padding: 0 15%;
}
@media screen and (max-width: 1550px) {
    #fahrzeugauswahlWidget #webisco-car-selection-permanent {
	padding: 0 5%;
    }
}
#fahrzeugauswahlWidget #webisco-car-selection-model-permanent {
    height: 30px;
    width: 280px;
}
#fahrzeugauswahlWidget #webisco-car-selection-type-permanent {
    height: 30px;
    width: 280px;
}
#fahrzeugauswahlWidget #webisco-car-selection-numbers-permanent {
    margin-top: 0;
    margin-left: 8%;
    width: 33%;
}
#fahrzeugauswahlWidget #webisco-motor-selection-permanent {
    margin-top: 0;
    margin-left: 7%;
    width: 33%;
}
#fahrzeugauswahlWidget #webisco-car-selection-number-form-permanent {
    text-wrap: nowrap;
}
#fahrzeugauswahlWidget #webisco-car-selection-incremental-form-permanent {
    text-wrap: nowrap;
}
#fahrzeugauswahlWidget #webisco-car-selection-manufacturer-permanent {
    height: 30px;
    width: 280px;
}
#fahrzeugauswahlWidget #webisco-car-selection-model {
    height: 30px;
    width: 280px;
}
#fahrzeugauswahlWidget #webisco-car-selection-type {
    height: 30px;
    width: 280px;
}
#fahrzeugauswahlWidget #webisco-car-selection-hsn-permanent {
    height: 30px;
    padding: 0 2%;
    font-family: 'Satoshi Medium';
    box-sizing: border-box;
}
#fahrzeugauswahlWidget #webisco-car-selection-tsn-permanent {
    height: 30px;
    padding: 0 2%;
    font-family: 'Satoshi Medium';
    box-sizing: border-box;
}
#fahrzeugauswahlWidget #extra-div {
    font-family: 'Satoshi Medium';
}
#fahrzeugauswahlWidget #webisco-motor-selection-code {
    height: 30px;
    width: 180px;
    padding: 0 1%;
    box-sizing: border-box;
}
#fahrzeugauswahlWidget #extra-div #webisco-car-selection-tsn-label {
    margin-left: 25%;
}
#fahrzeugauswahlWidget #webisco-motor-selection-code-form-permanent .cell {
    display: flex;
    flex-direction: column;
    margin-bottom: 1%;
}
#fahrzeugauswahlWidget #webisco-car-selection-numbers-permanent input[type="submit"] {
    height: 36px;
    width: 43%;
    margin: 2% 0 0 0;
    padding: 0;
    font-family: 'Satoshi Medium';
}
#fahrzeugauswahlWidget .close-btn img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15%;
    cursor: pointer;
    z-index: 2;
    height: 40px;
    width: 40px;
}
@media screen and (max-width: 1550px) {
    #fahrzeugauswahlWidget .close-btn img {
	right: 5%;
    }
}
#fahrzeugauswahlWidget #webisco-motor-selection-code-form-permanent input[type="submit"] {
    width: 180px;
    height: 36px;
    margin-top: 7.8%;
    box-sizing: border-box;
}
.html-inner1 {
    margin: 1% 15% 5% 15%;
    display: flex;
    flex-direction: row;
}
@media screen and (max-width: 1550px) {
    .html-inner1 {
	margin: 2% 5% 8% 5% !important;
    }
}
@media(max-width: 480px) {
    .html-inner1 {
	margin: 3% 2% 8% 2% !important;
    }
}

.modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    padding-top: 20%;
}

.modal-content {
    position: relative;
    font-family: 'Satoshi Medium';
    margin: auto;
    background-color: #fefefe;
    padding: 10px 20px 20px 20px;
    border: 1px solid #888;
    width: 38%;
    max-width: 400px;
    border-radius: 15px;
    text-align: center;
}

.sun-container {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    height:100px;
    width: 100px;
}

.rotating-sun {
    animation: rotateSun 10s linear infinite;
    display: block;
    width: 100px;
}

@keyframes rotateSun {
    from {
	transform: rotate(0deg);
    }
    to {
	transform: rotate(360deg);
    }
}

.sun-text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Gopher Medium';
    font-size: 16px;
    color: #fff;
}

@media screen and (max-width: 480px) {
    .modal-content {
	width: 80%;
    }
    .modal-content #headline {
	text-wrap: nowrap;
    }
    .sun-container {
	display: none;
    }
}

.slideshow-container {
    max-width: 800px;
    height: 100%;
    right: 0;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    margin-left: 5%;
}

@media screen and (max-width: 480px) {
    .slideshow-container {
	margin-left: 0;
	margin-bottom: 5%;
	max-width: 480px;
    }
}

.mySlides {
    display: none;
    margin-bottom: 2%;
}

.mySlides.active {
    display: block;
}

.fade {
    animation-name: fade;
    animation-duration 1.5s;
}

@keyframes fade {
    from {opacity: .4;}
    to {opacity: 1;}
}

.slideshow-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.dot {
    cursor: pointer;
    width: 5%;
    height: 5%;
    margin: 0;
}

@media(max-width: 480px) {
    .html-inner1 {
	flex-direction: column-reverse;
	margin-left: 0;
    }
}

/*Navigationsbereich 2*/
.main-headline {
    margin: 0 15%;
}
@media screen and (max-width: 1550px) {
    .main-headline {
	margin: 0 5%;
    }
}
@media screen and (max-width: 480px) {
    .main-headline {
	margin: 0 2%;
    }
}
.main-headline h2 {
    font-family: 'Gopher Medium';
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 0;
}

.main-headline h3 {
    font-family: 'Gopher Medium';
    font-size: 26px;
    font-weight: normal;
    margin-top: 0;
    color: #7f69d7;
}
@media screen and (max-width: 480px) {
    .main-headline h2 {
	font-size: 20px;
    }
    .main-headline h3 {
	font-size: 20px;
    }
}
/*Seperator*/

.seperator {
    background-color: #e9551e;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 180px;
    margin-top: 2%;
    margin-bottom: 2%;
    padding: 1% 15%;
}
@media screen and (max-width: 1550px) {
    .seperator {
	padding: 2% 5%;
    }
}
@media(max-width: 480px) {
    .seperator {
	flex-direction:column;
	height: 100%;
	align-items: center;
	padding: 3% 5%;
    }
}

.seperator span {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 30%;
}

.seperator span img {
    height: 70%;
    display: block;
}
@media screen and (max-width: 480px) {
    .seperator span {
	max-width: 100%
    }
    .seperator span img {
	width: 40%;
	height: 70%;
	display: block;
    }
}
.seperator #seperator-uhr {
    min-width: 30%;
}
.seperator #seperator-uhr img {
    display: block;
}

.seperator span p{
    font-family: 'Gopher Medium';
    margin-top: 0%;
    flex-wrap: nowrap;
    width: 90%;
    max-width: 250px;
}
@media screen and (max-width: 480px) {
    .seperator span p {
	width: 100%;
	margin-bottom: 4%;
    }
}
.beliebt-bilder.renner {
    position: relative;
    padding: 0 56px;
}
.beliebt-bilder .webisco-article {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Satoshi Medium';
    height: 100%;
    padding: 12px;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}
.beliebt-bilder .webisco-article .webisco-article-cars {
    display: none;
}
@media screen and (max-width: 480px) {
    .beliebt-bilder .webisco-article {
	width: 240px;
	z-index: 200;
	flex: 0 0 100%;
    }
}
.beliebt-bilder .webisco-article-data h2 {
    font-family: 'Gopher Medium';
    font-weight: normal;
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 8px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* max 2 Zeilen */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.beliebt-bilder .webisco-article-data {
    font-size: 12px;
}
.beliebt-bilder .webisco-article-data .webisco-article-availability-value img {
    width: 10px;
    height: 10px;
    margin-right: 5%;
}
.beliebt-bilder .webisco-article-details {
    display: none;
}
.beliebt-bilder .webisco-article-price-value {
    color: #e9551e;
    font-weight: bold;
}
.beliebt-bilder .webisco-article-listprice-value {
    color: black;
    font-weight: normal;
}
.beliebt-bilder .webisco-article-datasheet .webisco-pdf-icon {
    display: none;
}
.beliebt-bilder .webisco-article-additional-info {
    display: none;
}
.beliebt-bilder .webisco-article-images {
    width: 100%;
    max-width: none; 
    aspect-ratio: 4 / 3; 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 12px;
}
.beliebt-bilder .webisco-article-images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.beliebt-bilder .webisco-article-images > *:not(:first-child) { 
  display: none !important; 
}
.beliebt-bilder .webisco-article-images img + img,
.beliebt-bilder .webisco-article-images picture + picture {
  display: none !important;
}
.beliebt-bilder .webisco-article-image > *:not(:first-child) {
  display: none !important;
}
.beliebt-bilder .webisco-article-data .webisco-article-availability-key {
    display: none;
}
.beliebt-bilder .webisco-article-data .webisco-article-availability-branches-key {
    display: none;
}
.beliebt-bilder .webisco-article-data .webisco-article-availability-branches-value {
    display: none;
}
.webisco-article-availability-external-key .webisco-article-external-value {
    display: none;
}
.beliebt-bilder .webisco-article .duration {
    display: flex;
    align-items: center;
    margin-bottom: 5%;
}
.beliebt-bilder .webisco-article-data a {
    color: black;
    text-decoration: none;
}
.beliebt-bilder .webisco-article-data a:hover {
    text-decoration: underline;
}
@media screen and (max-width: 480px) {
    .beliebt-bilder .webisco-article .duration {
	margin-bottom: 4%;
    }
}
.beliebt-bilder .webisco-article .duration img {
    width: 15%;
    height: 15%;
    margin-right: 5%;
}
.beliebt-bilder .webisco-article .webisco-article-put-cart {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #e9551e;
    width: 90%;
    transition: background 0.3s;
    padding: 2% 2%;
    cursor: pointer;
}
.beliebt-bilder .webisco-article .webisco-article-put-cart:hover {
    background-color: #4a1d7c;
}
.beliebt-bilder .webisco-article .webisco-article-put-cart-text a {
    text-decoration: none;
    color: white;
    font-family: 'Satoshi medium';
    font-weight: normal;
    font-size: 12px;
}
.beliebt-bilder .webisco-article .webisco-article-put-cart-image {
    width: 20%
}
.beliebt-bilder .webisco-article .webisco-article-put-cart-image a img {
    width: 60%;
    height: 60%;
}
.beliebt-bilder .webisco-article .webisco-article-datasheet a {
    color: black;
}
.beliebt-kategorien .webisco-navigation-level-2 {
    display: none !important;
}

/*Marken-Karussell*/
.carousel-container {
    overflow: hidden;
    width: 100%;
    margin: 0;
}

.carousel {
    display: flex;
    animation: carousel-scroll 15s linear infinite;
    width: calc(250px * 14);
}

.carousel-slide {
    min-width: 250px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 480px) {
    .carousel-slide {
	width: 150px;
	min-width: 150px;
	height: auto;
    }
}
.carousel-slide img {
    width: 100%;
    height: 100%;
}

@keyframes carousel-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}
@media screen and (max-width: 480px) {
    .carousel img {
	height: 100px;
    }
}
/*Beliebt-bilder slidetrack*/
.renner-carousel {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.renner-carousel-track {
    --gap: 24px;
    display: flex;
    align-items: stretch;
    gap: var(--gap);
    transition: transform 0.45s ease;
    will-change: transform;
}
.renner-carousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    background: #fff;
    border: none;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 999px;
    cursor: pointer;
}
.renner-carousel-button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.renner-carousel-button.left {
    left: -5%;
    transform: translateY(-50%) rotate(180deg);
}
.renner-carousel-button.right {
    right: -5%;
}

.renner-carousel-track > * {
    flex: 0 0 calc(25% - 18px);
    max-width: calc(25% - 18px);
    min-width: 0;
}

@media (max-width: 1024px) {
    .renner-carousel-track > * {
        flex: 0 0 calc(33.333% - 14px); /* 3 pro Zeile */
        max-width: calc(33.333% - 14px);
    }
}

@media (max-width: 768px) {
    .renner-carousel-track > * {
        flex: 0 0 calc(50% - 12px); /* 2 pro Zeile */
        max-width: calc(50% - 12px);
    }
}

.renner-carousel .webisco-article,
.renner-carousel .webisco-article-wrapper,
.renner-carousel .webisco-article-data {
  box-sizing: border-box;
}

.renner-carousel .webisco-article {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  border-radius: 12px;
  background: #fff;
  border: 2px solid #e9e9e9;
}
.renner-carousel .webisco-article:hover {
  border: 2px solid #e9551e;
}

/* Image/max area: fixed aspect so nothing is cropped weirdly */
.renner-carousel .webisco-article .webisco-article-image,
.renner-carousel .webisco-article .webisco-article-images,
.renner-carousel .webisco-article .webisco-article-picture,
.renner-carousel .webisco-article figure:first-of-type {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;         /* adjust to taste (square? 1/1) */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;            /* prevent overflow */
  margin: 0 0 12px 0;
}

.renner-carousel .webisco-article img {
  max-width: 100%;
  height: auto;
}

/* Product image inside the media box should fit, not crop */
.renner-carousel .webisco-article .webisco-article-image img,
.renner-carousel .webisco-article .webisco-article-images img,
.renner-carousel .webisco-article .webisco-article-picture img,
.renner-carousel .webisco-article figure:first-of-type img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Make the “data” area consume remaining space and clamp long text */
.renner-carousel .webisco-article .webisco-article-data {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 auto;
}

.renner-carousel .webisco-article .webisco-article-data h2,
.renner-carousel .webisco-article .webisco-article-data .title,
.renner-carousel .webisco-article h2 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 4px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* two lines max */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Keep buy button docked at the bottom and full width */
.renner-carousel .webisco-article .webisco-article-put-cart,
.renner-carousel .webisco-article .put-cart {
  margin-top: auto;
  width: 100%;
}

.renner-carousel .webisco-article .webisco-article-put-cart a,
.renner-carousel .webisco-article .webisco-article-put-cart button {
  width: 100%;
}

/* Prevent internal images (like availability icons) from stretching the card */
.renner-carousel .webisco-article .webisco-article-availability-value img,
.renner-carousel .webisco-article .webisco-article-put-cart img {
  width: auto;
  height: auto;
  max-height: 24px;
}

.beliebt-bilder .webisco-article-data .webisco-article-availability-value img {
  width: 12px !important;
  height: 12px !important;
  margin-right: 8px;
}

.beliebt-bilder .webisco-article-data .webisco-article-manufacturer,
.beliebt-bilder .webisco-article-data .webisco-article-car-selection,
.beliebt-bilder .webisco-article-data .webisco-article-datasheets,
.beliebt-bilder .webisco-article-data .webisco-article-manufacturer-note {
  display: none !important;
}

/*beliebt katalog*/

.beliebt-katalog {
    font-family: "Gopher Medium";
    font-size: 22px;
    margin-top: 3%;
    margin-left: 5%;
}

.beliebt-katalog p {
    margin: 0;
}

.beliebt-schrift {
    font-family: "Satoshi Medium";
    color: #7f69d7;
}

.beliebt-bilder {
    margin: 0 15% 3% 15%;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}
@media screen and (max-width: 1550px) {
    .beliebt-bilder {
	margin: 0 5% 3% 5%;
    }
}
.beliebt-mehr {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

.beliebt-mehr a {
    font-family: 'Gopher Medium';
    text-decoration: none;
    color: black;
    font-weight: bold;
    display: flex;
    align-items: center;
    border: 2px solid black;
    padding: 0.5%;
    width: 180px;
    margin-bottom: 3%;
}
@media screen and (max-width: 480px) {
    .beliebt-mehr a {
	padding: 2%;
	margin-top: 2%;
	width: 175px;
	flex-wrap: nowrap;
	justify-content: space-between;
    }
}

.beliebt-mehr a:hover {
    color: #7f69d7;
    border: 2px solid #7f69d7;
}

.beliebt-mehr span {
    margin-right: 7%;
}

.beliebt-mehr img {
    display: inline-block;
    height: 18px;
    width: auto;
    margin-left: 1%;
}

/*top marken*/
.top-marken {
    margin: 4% 15% 0 15%;
}

.top-marken p {
    font-size: 24px;
    font-family: 'Gopher Medium';
}

.top-marken hr {
    border: none;
    height: 2px;
    background-color: black;
    margin-top: 1.5em;
}
@media screen and (max-width: 1550px) {
    .top-marken {
	margin: 5%;
    }
}
@media screen and (max-width: 480px) {
    .top-marken {
	margin: 2%;
    }
    .top-marken p {
	font-size: 20px;
    }
}
/*
 Das Suchfeld
*/
.search-widget {
    margin-right: 2%;
    width: 45%;
    box-sizing: border-box;
}

@media (max-width: 480px) {
    .search-widget {
	width: 95%;
    }
}

#webisco-search {
    background-color: white;
    border: 2px solid #4a1d7c;
    padding: 0 0 0 2%;
    width: 100%;
}
#webisco-search-form {
    width: 100%;
    display: flex;
    align-items: center;
    height: 35px;
}
#webisco-search-button {
    height: 35px;
    width: 70px;
    background: #e9551e;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: background 0.3s ease;
}
#webisco-search-button:hover {
    background: #4a1d7c;
}
#webisco-search-button img {
    width: 50%;
    height: auto;
}
#webisco-search-label {
    display: none;
}

#webisco-search #webisco-search-inputfield {
    border: none;
    width: 90%;
}

#webisco-search #webisco-search-inputfield:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

#webisco-search #webisco-search-submit {
    display: none;
}

/*
Sprachauswahl
*/
.language-widget {
    height: 35px;
    margin-left: 2%;
    padding: 0.5%;
    border: 2px solid #4a1d7c;
    box-sizing: border-box;
}
.webisco-language-deu {
    align-items: center;
}
.webisco-language-deu img {
    width: 32px;
    height: auto;
}

/*Sprachauswahl mobil*/

@media screen and (max-width: 480px) {
    .language-widget {
	margin-left: 5%;
    }
    
}

/*Kontaktbereich*/
.contact-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: black;
    font-size: 16px;
    border-left: 2px solid black;
    padding-left: 5%;
    width: 20%;
    font-family: 'Satoshi Medium';
    font-weight: bold;
    margin-top: 1%;
    margin-bottom: 1%
}
@media screen and (max-width: 1550px) {
    .contact-section {
	padding-left: 2%;
    }
}
.contact-phrase {
    margin: 0 0 1% 0;
    padding: 0;
    font-size 16px;
}

.contact-phone {
    margin: 1% 0 0 0;
    padding: 0;
    font-size: 16px;
    color: #e9551e;
}

.contact-hours {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}

/*Description*/

.description {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin-top: 5%;
    box-sizing: border-box;
}
@media screen and (max-width: 480px) {
    .description {
	margin-top: 0;
    }
}
.description span {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1%;
}

.description img {
    width: 100%;
    height: 250px;
}

.description h4, .description p {
    font-family: "Satoshi Medium";
    width: 90%;
    height: auto;
}

@media screen and (max-width: 480px) {
    .description {
	flex-direction: column;
    }
    .description img {
	width: 100%;
	height: auto;
    }
    .description h4, .description p {
	width: 100%;
    }
}

/*
 Der kleine Kundenbereich, der immer igendwo auf der Webseite zu sehen ist (Login/Logout)
*/
#webisco-permanent-accountbox {

}
#webisco-permanent-login {
}
#webisco-permanent-login-name {
}

#webisco-permanent-login-password {
}
#webisco-permanent-login input {
    margin-bottom: 4%;
    border: black 2px solid;
    padding: 2% 2%;
    width: 90%;
}

#webisco-permanent-login input:hover {
    border-color: #e9551e;
}

#webisco-permanent-login input:focus {
    border-color: #e9551e;
}
#webisco-permanent-login #webisco-permanent-login-submit {
    background-color: #e9551e;
    color: white;
    width: 95%;
    border: none;
    transition: background 0.3s;
    font-family: 'Satoshi Medium';
    font-size: 16px;
}

#webisco-permanent-login #webisco-permanent-login-submit:hover {
    background-color: #4a1d7c;
    cursor: pointer;
}
#webisco-permanent-login #webisco-permanent-login-forgotpassword {
    display: flex;
    align-items: flex-start;
    margin-left: 3%;
}
#webisco-permanent-login #webisco-permanent-login-forgotpassword a {
    color: #e9551e;
    transition: color 0.3s;
}
#webisco-permanent-login #webisco-permanent-login-forgotpassword a:hover {
    color: #4a1d7c;
}
#webisco-permanent-login #webisco-permanent-login-newaccount {
    display: flex;
    align-items: flex-start;
    margin-left: 3%;
}
#webisco-permanent-login #webisco-permanent-login-newaccount a {
    color: #e9551e;
    transition: color 0.3s;
}
#webisco-permanent-login #webisco-permanent-login-newaccount a:hover {
    color: #4a1d7c;
}
#webisco-permanent-logout a {
    color: #e9551e;
    transition: color 0.3s ease;
}
#webisco-permanent-account-home a {
    color: #e9551e;
    transition: color 0.3s ease;
}
#webisco-permanent-logout a:hover, #webisco-permanent-account-home a:hover {
    color: #4a1d7c;
}

/*
 Die horizontale Navigationsleiste, um zur vorigen Kategorie zu kommen
*/
#webisco-rootline {
    margin: 2% 15%;
    background-color: white;
    color: black;
    text-align: left;
    font-family: 'Satoshi Medium';
    font-weight: normal;
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 1550px) {
    #webisco-rootline {
	margin-left: 5%;
    }
}
@media screen and (max-width: 480px) {
    #webisco-rootline {
	margin-left: 2%;
    }
}
#webisco-rootline a{
    padding: 3px;
    color: black;
    font-family: 'Satoshi Medium';
    font-weight: normal;
    text-decoration: none;
}
#webisco-rootline a:hover {
    text-decoration: underline;
}
#webisco-rootline .webisco-rootline-title {
    padding: 3px 3px 3px 0;
}
#webisco-rootline .webisco-rootline-item {
    padding: 3px;
}
#webisco-rootline .webisco-rootline-separator {
    display: none;
}



/*
 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;
}

/*Navbar */

.mainDropdown {
    font-family: 'Gopher Medium';
    display: flex;
    flex-direction: column;
    list-style-type: none;
    width: 80%;
    background-color: #e9e9e9;
    justify-content: space-between;
}
.mainDropdown #dropdown-items-1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5%;
}
.mainDropdown #dropdown-items-2 {
    display: flex;
    flex-direction: row;
    margin-top: 0.5%;
}
.mainDropdown a {
    text-decoration: none;
    color: black;
}

.mainDropdown > li {
    position: relative;
    display: inline-block;
    padding: 10px;
    margin-right: 4%;
    cursor: pointer;
    text-wrap: nowrap;
    height: auto;
    width: auto;
    margin-top: 5%;
}

.mainDropdown .has-children > ul {
    display: none;
    position: absolute;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #e9e9e9;
    z-index: 1005;
    width: 12%;
    flex-direction: column;
}
@media screen and (max-width: 1550px) {
    .mainDropdown .has-children > ul {
	width: 20%;
    }
}
.mainDropdown .has-children:hover > ul {
    display: flex;
}
.mainDropdown .has-children > ul > li {
    color: black;
    padding: 2% 4%;
    transition: color 0.3s ease;
}
.mainDropdown .has-children > ul > li a:hover {
    color: #e9551e;
}
.mainDropdown #dropdown-items-1 > li, .mainDropdown #dropdown-items-2 > li {
    padding: 0 4% 0 0;
    white-space: nowrap;
    color: #4a1d7c;
}
.mainDropdown > li > ul > li a {
    color: #4a1d7c;
}
.mainDropdown #dropdown-items-1 > li:hover > a, .mainDropdown #dropdown-items-2 > li:hover > a {
    color: #e9551e;
}
.mainDropdown .has-children {
    padding: 0 3%;
}
.mainDropdown .has-children > a {
    display: inline-flex;
}

.mainDropdown .has-children > a img {
    margin-right: 10px;
    height: 20px;
    width: 20px
}

.mainDropdown #dropdown-items-1 > li:hover > a .nav-arrow, .mainDropdown #dropdown-items-2 > li:hover > a .nav-arrow {
    transform: rotate(270deg);
}


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

.navbar {
    display: flex;
    flex-direction: row;
    background-color: #e9e9e9;
    padding: 0 15%;
}
@media screen and (max-width: 1550px) {
    .navbar {
	padding: 0 5%;
    }
}

@media(max-width: 480px) {
    .navbar {
	display: none;
    }
}

.contact-phone {
    color: #e9551e;
}

#webisco-navigation {
    color: black;
    margin: 0 15% 0 15%;
    width: auto;
    font-family: 'Gopher Medium';
    font-size: 16px;
    box-sizing: border-box;
}
#webisco-navigation ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
#webisco-navigation li {
    font-weight: normal;
    display: block;
}
/*
 Alle <ul>-Elemente beinhalten eine Klasse mit ihrer Ebentiefe
*/
#webisco-navigation ul .webisco-navigation-level-0 {
    width: 100%;
}
#webisco-navigation ul .webisco-navigation-level-1 {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    text-decoration: none;
    padding: 0;
    flex-wrap: wrap;
}
.webisco-navigation-level-1 > li {
    flex: 1 1 20%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 3%;
}
.webisco-navigation-level-1 img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .webisco-navigation-level-1 > li {
	flex: 1 1 50%;
    }
}
/*
 Alle <li>-Elemente beinhalten eine Klasse mit ihrer Ebentiefe
*/
#webisco-navigation li .webisco-navigation-level-0 {
}
#webisco-navigation li .webisco-navigation-level-1 span {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    max-width: 200px;
}

#webisco-navigation li .webisco-navigation-level-1 img {
    width: 200px;
    height: 200px;
}
@media screen and (max-width: 480px) {
    #webisco-navigation li .webisco-navigation-level-1 span {
	max-width: 150px;
	font-size: 14px;
    }
    #webisco-navigation li .webisco-navigation-level-1 img {
	width: 150px;
	height: 150px;
    }
}
.navbar #webisco-navigation .webisco-navigation-level-2 {
    display: none;
}

#webisco-navigation .webisco-navigation-item a img {
    background-color: #e9e9e9;
    transition: background 0.3s;
    margin-bottom: 5%;
}
#webisco-navigation a {
    display: flex;
    flex-direction: column;
    color: #000000;
    text-decoration: none;
    text-align: center;
    max-width: 211px;
}
@media screen and (max-width: 480px) {
    #webisco-navigation a {
	max-width: 1000px;
	align-items: initial;
	padding: 0;
    }
    #category-stretch {
	max-width: 1000px;
	word-break: break-word;
	white-space: normal;
	overflow-wrap: break-word;
    }
}
.webisco-navigation-item a img:hover {
    background-color: #7f69d7 !important;
}
#webisco-navigation a:hover {
    color: #7f69d7;
}
#webisco-navigation .webisco-navigation-title {
    display: none;
}
#webisco-navigation .webisco-navigation-active-path {
    color: #000000;
}
#webisco-navigation .webisco-navigation-active-path a {
    color: #000000;
}

/*Navigationsbereich für mobile */

@media screen and (max-width: 1550px) {
    #webisco-navigation {
	margin: 0 5%;
    }
}

@media screen and (max-width: 480px) {
    #webisco-navigation {
	margin: 0;
    }
    #webisco-navigation ul {
	display: flex;
	margin: 0;
	flex-wrap: wrap;
    }
    #webisco-navigation ul .webisco-navigation-level-1 {
	margin-right: 0;
	margin-bottom: 3%;
	justify-content: space-between;
	padding: 0 1%;
	box-sizing: border-box;
    }
}

/*
 SEO-Text Bereich
*/

.text-area {
    margin: 5% 15%;
}
.text-area a {
    color: #7f69d7; 
    text-decoration: none;
}
.text-area a:hover {
    text-decoration: underline;
}
@media screen and (max-width: 1550px) {
    .text-area {
	margin: 5% 5%;
    }
}
@media screen and (max-width: 480px) {
    .text-area {
	margin: 5% 2%;
    }
}
.text-area p {
    font-family: 'Satoshi Regular';
}

.text-area h2 {
    color: #7f69d7;
    font-family: 'Gopher Medium';
    font-weight: normal;
}

.text-area ul {
    list-style-type: disc;
    margin-left: 1.5%;
    font-family: 'Satoshi Regular';
}
.text-area ul li {
    padding: 0.3% 0;
}
@media screen and (max-width: 480px) {
    .text-area ul {
	margin-left: 5%;
	font-size: 14px;
    }
    .text-area h2 {
	font-size: 18px;
    }
    .text-area p {
	font-size: 14px;
    }
}
.text-area hr {
    color: black;
    background-color: black;
    height: 2px;
    margin-top: 5%;
    margin-bottom: 5%;
}

/*
 Copyright-Vermerk von ByteRider
*/
#webisco-copyright {
    color: white;
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#webisco-copyright img {
    margin-bottom: 1.5%;
}
#webisco-copyright a {
    color: white;
    text-decoration: none;
}
#webisco-tecdoc-copyright {
    color: white;
    font-size: 10px;
    text-align: center;
    margin: 1% 1% 0 1%;
    padding-bottom: 5%;
}


/*
 Der Hauptinhaltsbereich
*/
.main-area {
    display: flex;
}
#catMenuContainer {
    margin: 0 0 0 15%;
    width: 35%;
}
#catMenuHead {
    margin: 0;
    background-color: #7f69d7;
    color: white;
    font-family: 'Gopher Medium';
    padding: 2%;
    width: 100%;
}
#catMenuContainer ul {
    list-style-type: none;
    margin: 0;
    font-family: 'Satoshi Regular';
    padding: 2%;
    width: 100%;
}
#catMenuContainer li {
    list-style-type: none;
    font-family:'Satoshi Regular';
    padding: 2% 0;
    width: 100%;
    cursor: pointer;
    transition: background 0.3s ease;
}
#catMenuContainer li:hover {
    background-color: #e9e9e9;
}
#catMenuContainer span {
    padding: 0 2% 0 4%;
}
.nav-category-item {
    display: flex;
    align-items: center;
}
#catMenuContainer a {
    color: #7f69d7;
    text-decoration: none;
}
#catMenuContainer a:hover {
    text-decoration: underline;
}
#catMenuContainer .nav-subcategories {
    padding: 2% 0;
}
#webisco-content {
    margin: 0 15%;
    border: none;
    width: 100%;
    background-color: white;
}
@media screen and (max-width: 1550px) {
    #webisco-content {
	margin: 0 5%;
    }
    #catMenuContainer {
	margin: 0 0 0 5%;
    }
}
@media screen and (max-width: 480px) {
    #webisco-content {
	margin: 0 2%;
    }
    #catMenuContainer {
	display: none;
    }
}
#webisco-content p {
    font-family: "Gopher Medium";
    font-size: 24px;
    margin: 0;
}
#webisco-content #webisco-car-selection {
    display: none;
}
/*
 Überschriften
*/
#webisco-content h1 {
    color: black;
    font-size: 24px;
    font-family: "Gopher Medium";
    font-weight: normal;
    margin-bottom: 0.5%;
}
#webisco-content h2 {
    color: #7f69d7;
    font-size: 24px;
    font-family: "Gopher Medium";
    font-weight: normal;
    margin-top: 0;
}

/*
 Die Fehlerausgabe
*/
#webisco-content .webisco-error {
    background: #FFF2F2;
    border: solid 1px #FF3030;
    color: #FF3030;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    font-family: 'Satoshi Medium';
}
#webisco-content .webisco-error img {
    width: 9%;
    margin-left: 5%;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-error img {
	width: 10%;
	margin-left: 3%;
    }
}
/*
 Die normale Infoausgabe
*/
#webisco-content .webisco-message {
    background: white;
    border: none;
    color: black;
    font-family: 'Satoshi Medium';
    text-align: center;
    margin-bottom: 15px;
    font-size: 24px;
}
#webisco-content .webisco-message a {
    color: black;
}

/*
 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;
}

/* Die Zusatztexte der Kategorien */

#webisco-content .custom-message {
    margin-top: 5%;
}
#webisco-content .custom-message h4 {
    font-size: 24px;
    font-family: 'Gopher Medium';
    color: #7f69d7;
    font-weight: normal;
    margin-bottom: 1%;    
}
#webisco-content .custom-message h2 {
    font-family: 'Gopher Medium';
    font-size: 26px;
}
#webisco-content .custom-message p {
    font-size: 16px;
    font-family: 'Satoshi Regular';
}
#webisco-content .custom-message ul li {
    font-size: 16px;
    font-family: 'Satoshi Regular';
    margin: 1% 0;
}

/*
 Das Feld zum Eintragen des Benutzernamens oder der Emailadresse
*/
#webisco-send-password {
    background: white;
    border: none;
    width: 70%;
    padding: 5px;
    font-family: 'Satoshi Medium';
}
#webisco-send-password form {
    display: flex;
    flex-direction: column;
}
#webisco-send-password p {
    font-size: 14px;
    margin-top: 3%;
    font-family: 'Satoshi Medium';
    font-weight: bold;
}
#webisco-send-password-input{
    margin-top: 1%;
    width: 50%;
    height: 30px;
    padding-left: 1%;
    box-sizing: border-box;
}
#webisco-send-password-input:hover {
    border: 1px solid #e9551e;
}
#webisco-send-password-input:focus {
    border: 1px solid #e9551e;
}
#webisco-send-password-submit{
    margin-top: 1%;
    cursor: pointer;
    width: 50%;
    box-sizing: border-box;
    height: 30px;
    color: white;
    background: #e9551e;
    border: none;
    transition: background 0.3s;
}
#webisco-send-password-submit:hover{
    background: #4a1d7c;
}
@media screen and (max-width: 480px) {
    #webisco-send-password {
	width: 98%;
    }
    #webisco-send-password-input {
	width: 98%;
    }
    #webisco-send-password-submit {
	width: 100%;
	margin-top: 3%;
    }
}

/*
 Die Fahrzeugauswahl
*/

.headline-container {
    height: 100%;
    width: 40%;
}

@media(max-width: 480px) {
    .headline-container {
	width: 100%;
	margin-bottom: 5%;
    }
}

.car-selection {
    width: 100%;
    height: 100%;
}

#webisco-car-selection-permanent {
    background: #e9e9e9;
    border: none;
    clear: both;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-family: 'Satoshi Medium';
    font-weight: bold;
    padding: 5%;
    min-width: 300px;    
}
#webisco-car-selection-last-cars-permanent {
    display: none;
    clear: both;
    float: left;
    width: 100%;
}
#webisco-car-selection-incremental-form-permanent .cell {
    display: flex;
    flex-direction: column;
    width: 100%;
}
#webisco-car-selection-incremental-form-permanent .cell select,
#webisco-car-selection-incremental-form-permanent .cell input {
    padding: 1% 1%;
    margin: 2% 0;
    font-family: 'Satoshi Medium';
    box-sizing: border-box;
    height: 35px;
}

#webisco-car-selection-numbers-permanent {
    float: left;
    width: 100%;
    margin-top: 15%;
}
#webisco-car-selection-number-form-permanent .cell {
    display: flex;
    align-items: flex-start;
}
#fahrzeugauswahlGarage .input-group {
    margin-top: 1%;
    width: 50%;
}
.input-group {
    width: 33%;
    margin-right: 7%;
    margin-top: 2%;
    display: flex;
    flex-direction: column;
    
}
.input-group input {
    height: 30px;
    width: 100%;
    margin-bottom: 2%;
    margin-right: 15%;
    box-sizing: border-box;
}
.input-group label {
    font-weight: normal;
    font-size: 12px;
    padding-left: 2%;
}
#webisco-car-selection-hsn-permanent {
    padding: 2%;
}
#webisco-car-selection-tsn-permanent {
    padding: 2%;
}
#webisco-car-selection-numbers-permanent input[type="submit"] {
    background-color: #e9551e;
    color: white;
    border: none;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s;
    margin: 2% 0;
    width: 33%;
    height: 30px;
    box-sizing: border-box;
    font-family: 'Satoshi Medium';
}

#webisco-car-selection-numbers-permanent input[type="submit"]:hover {
    background-color: #4a1d7c;
}
#webisco-car-selection-multiple-choice-permanent {
    width: 75%;
}
#extra-div label {
    font-size: 12px;
}
#webisco-motor-selection-permanent {
    margin-top: 15%;
    width: 100%;
}
#webisco-motor-selection-code {
    width: 61%;
    height: 18px;
    padding: 1%;
}
@media screen and (max-width: 1550px) {
    #webisco-motor-selection-code {
	width: 64%;
	box-sizing: border-box;
	height: 30px;
    }
    
}
@media screen and (max-width: 480px) {
    #webisco-motor-selection-code {
	height: 30px;
    }
}
#webisco-motor-selection-code-form-permanent .cell {
    width: 100%;
    display: flex;
    margin-bottom: 2%;
    justify-content: space-between;
}
#webisco-motor-selection-code-form-permanent input {
    font-family: 'Satoshi Medium';
}
#webisco-motor-selection-code-form-permanent input[type="submit"] {
    color: white;
    background: #e9551e;
    border: none;
    height: 30px;
    width: 29%;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s;
    text-align: center;
    box-sizing: border-box;
}
#webisco-motor-selection-code-form-permanent input[type="submit"]:hover {
    background: #4a1d7c;
}
#webisco-car-selection-links {
    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;
}

#fahrzeugschein {
    display: none !important;
}

/*
 Die kleine Infobox über das aktuell gewählte Fahrzeug
*/
#webisco-car-info{
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-family: 'Satoshi Medium';
    background-color: #e9e9e9;
    border: none;
    padding: 0;
    width: 100%;
    margin: 0 15%;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1550px) {
    #webisco-car-info {
	margin: 0 5%;
    }
}
#webisco-car-selected{
    display: inline-block;
    padding: 0.5%;
    border: 2px solid black;
}
#webisco-car-selected::before{
    content: "Gewähltes Fahrzeug:";
    font-family: 'Satoshi Medium';
    font-weight: bold;
    display: inline-block;
    margin-right: 50px;
}
#webisco-car-selected-permanent{
    display: none;
}
#webisco-car-not-selected{
}
#webisco-car-change{
    margin-left: 5%
}
#webisco-car-change a{
    text-decoration: none;
    color: white;
    background-color: #e9551e;
    padding: 7px 75px;
    transition: background-color 0.3s;
}
#webisco-car-change a:hover{
    background-color: #4a1d7c;
}




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

/* Allgemeine Geschäftsbedingungen
*/
#webisco-agb {
    font-family: 'Satoshi Regular';
    font-size: 16px;
    color: black;
    margin-bottom: 10px;
    text-align: left;
}
#webisco-agb p {
    font-family: 'Satoshi Regular';
    font-size: 16px;
}
#webisco-agb h2 {
    color: black;
}

/* Widerrufsbelehrung
*/
#webisco-widerrufsbelehrung {
    margin-bottom: 10px;
    text-align: left;
}
#webisco-widerrufsbelehrung p {
    font-family: 'Satoshi Regular';
    font-size: 16px;
}
#webisco-widerrufsbelehrung h3 {
    font-family: 'Gopher Medium';
}
#webisco-widerrufsbelehrung a {
    color: #7f69d7;
    text-decoration: none;
}
#webisco-widerrufsbelehrung a:hover {
    text-decoration: underline;
}
/* Batterieverordnung
*/
#webisco-batterieverordnung {
    background: #EEEEEE;
    border: solid 1px #00309C;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
}

/* Impressum
*/
#webisco-impressum {
    margin-bottom: 10px;
    text-align: left;
}
#webisco-impressum p {
    font-family: 'Satoshi Regular';
    font-size: 16px;
}
/* Datenschutz-Hinweise
*/
#webisco-datenschutz {
    margin-bottom: 10px;
    text-align: left;
}
#webisco-datenschutz p {
    font-family: 'Satoshi Regular';
    font-size: 16px;
}

/* Versand- und Zahlungsbedingungen
*/
#webisco-versandbedingungen {
    background: #EEEEEE;
    border: solid 1px #00309C;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
}



/*
 Die Unterkategorien bei einer gewählten Kategorie (alternativ zur Baumnavigation als Liste)
*/
#webisco-subsections {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 20px;
    padding: 10px;
}
#webisco-subsections .webisco-subsection-shop { 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    box-sizing: border-box;
    min-height: 100px;
    color: white;
    background-color: #7f69d7;
    transition: background 0.3s;
}

@media (hover: hover) {
    #webisco-subsections .webisco-subsection-shop:hover {
	background-color: #e9551e;
    }
}

#webisco-subsections .webisco-subsection-shop a {
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-wrap: anywhere;
}

#webisco-subsections .webisco-subsection-shop img {
    width: clamp(15px, 5vw, 30px);
    height: clamp(15px, 5vw, 30px);
    object-fit: contain;
}

.webisco-subsection-name {
    display: flex;
    flex-wrap: wrap;
    word-break: break-word;
    font-size: clamp(0.9rem, 1.2vw, 1.1rem);
    font-family: 'Gopher Medium', sans-serif;
}

#webisco-subsections h2 {
    display: none;
}

@media screen and (max-width: 480px) {
    #webisco-subsections {
        padding: 5px;
    }

    #webisco-subsections .webisco-subsection-shop {
        padding: 10px;
    }

    .webisco-subsection-name {
        font-size: 1rem;
    }
}

/*Die Filter über der Artikeltabelle*/
#webisco-content .webisco-article-filter {
    clear: left;
    float: left;
    text-align: left;
    margin-right: 2%;
    font-family: 'Satoshi Medium'
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article-filter {
	float: initial;
    }
}
#webisco-content .webisco-article-filter label {
    padding-right: 10px;
}
#webisco-content .webisco-article-sort {
    font-family: 'Satoshi Medium';
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article-sort {
	margin-left: 0;
    }
    #webisco-content .webisco-article-filter #filter-hersteller {
	width: 59%;
    }
    #webisco-content .webisco-article-sort #sort {
	width: 56%;
    }
}
#webisco-content .webisco-article-sort label {
    padding-right: 10px;
}

/*
 Die Anzeige der Artikel in einer Liste zum Durchblättern
*/
#webisco-content .webisco-article-table {
    clear: both;
    border: none;
    overflow: auto;
    display: block;
    width: 100%;
}
#webisco-content .webisco-article-table a{
    color: black;
    text-decoration: none;
}
/* <div> */
#webisco-content .header {
    display: none;
}
#webisco-content .new-class-1 {
    display: flex;
    white-space: nowrap;
    width: 20%;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 480px) {
    #webisco-content .new-class-1 {
	width: 100%;
	margin-top: 3%;
    }
}
#webisco-content .new-class-2 {
    width: 50%;
}
@media screen and (max-width: 480px) {
    #webisco-content .new-class-2 {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 2%;
	border-bottom: 1px solid black;
    }
}
#webisco-content .div21 {
    font-family: 'Satoshi Medium';
    display: inline-block;
    white-space: nowrap;
    font-size: 20px;
}
@media screen and (max-width: 480px) {
    #webisco-content .div21 {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	padding: 0 5%;
    }
    #webisco-content .div21 .cell {
	padding: 0 !important;
    }
}
#webisco-content .div22 {
    font-family: 'Satoshi Medium';
}
@media screen and (max-width: 480px) {
    #webisco-content .div22 {
	padding: 3% 5%;
	width: 25%;
    }
    #webisco-content .div21 .cell.articlenumber {
	margin-right: 5%;
    }
}
#webisco-content .div22 a {
    border: 2px solid black;
    padding: 0.5% 1%;
}
#webisco-content .div22 a img {
    width: 12px;
    height: 12px;
    margin-left: 5px;
}
@media screen and (max-width: 480px) {
    #webisco-content .div22 a {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 5%;	
    }
    #webisco-content .div22 a img {
	height: 18px;
	width: 18px;
	margin-left: 8px;
    }
}
#webisco-content .new-class-3 {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    width: 30%;
    margin-left: 5%;
    box-sizing: border-box;
}
@media screen and (max-width: 480px) {
    #webisco-content .new-class-3 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto;
	gap: 10px;
	width: 99%;
	margin-left: 0;
	margin-bottom: 3%;
    }
    #webisco-content .new-class-3 .availability {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
    #webisco-content .new-class-3 .price {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }
    #webisco-content .new-class-3 .duration {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }
    #webisco-content .new-class-3 .filiale {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
    }
    #webisco-content .new-class-3 .cart {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
    }
}
#webisco-content .new-class-3 .cell.availability {
    display: flex;
    align-items: center;
}
#webisco-content .new-class-3 .webisco-article-stock-text{
    font-family: 'Satoshi Medium';
    font-size: 16px;
}
#webisco-content .new-class-3 .cell.duration {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'Satoshi Medium';
    font-size: 16px;
}
@media screen and (max-width: 480px) {
    #webisco-content .new-class-3 .cell.duration {
	font-size: 14px;
    }
}
#webisco-content .new-class-3 .cell.filiale {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'Satoshi Medium';
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
}
#webisco-content .new-class-3 .cell.duration img {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}
#webisco-content .webisco-article-table .cell.filiale img {
    height: 30px;
    width: 30px;
    margin-right: 4px;
}
@media screen and (max-width: 480px) {
    #webisco-content .new-class-3 .cell.filiale {
        font-size: 14px;
    }
    #webisco-content .webisco-article-table .cell.duration img {
	width: 30px;
	height: 30px
    }
    #webisco-content .webisco-article-table .cell.filiale img {
        width: 30px;
        height: 30px
    }
}
#webisco-content .webisco-article-table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
#webisco-content .webisco-article-table .row {
    display: flex;
    flex-direction: row;
    border: 2px solid black;
    margin: 2% 0;
    padding: 1% 5% calc(1% + 3px) 0;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article-table .row {
	flex-direction: column;
	align-items: center;
	padding: 0 5px;
    }
}
#webisco-content .webisco-article-table .cell {
    display: table-cell;
    padding: 3px 6px 3px 0;
    text-align: left;
    vertical-align: top;
}
#webisco-content .webisco-article-table .cell.price {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#webisco-content div.cell.description {
    width: 100%;
}
#webisco-content div.cell.description a{
    color: #e9551e !important;
    white-space: normal;
}
#webisco-content .ean{
    display: block;
}
#webisco-content .oenumbers{
    display: block;
}
#webisco-content .oenumbers:not(.header) {
    background-color: #e9e9e9;
}
#webisco-content .webisco-article-table-row-even {
    background: white;
    display: flex;
}
#webisco-content .webisco-article-table-row-odd {
    background: white;
    display: flex;
}
/* <table> */
#webisco-content .webisco-article-table thead {
    display: none;
}

#webisco-content .webisco-article-table th {
    background: #EEEEEE;
    padding: 3px;
}
#webisco-content .webisco-article-table td {
    padding: 3px;
    vertical-align: top;
    text-align: left;
}
#webisco-content .webisco-article-table tr{
    box-shadow: 0 0 0 2px black;
}
#webisco-content .webisco-article-table td.description{
    width: 100%;
}
#webisco-content .webisco-article-table td.listprice div.webisco-article-table-listprice-value{
    width: 100%;
    font-size: 16px;
}
#webisco-content .webisco-article-table td.price div.webisco-article-table-price-value{
    width: 100%;
}
#webisco-content tr.webisco-article-table-row-even {
    background: white;
    margin: 2% 0;
}
#webisco-content tr.webisco-article-table-row-odd {
    background: white;
    margin: 2% 0;
}
#webisco-content .webisco-article-thumbnail {
    border: none;
    width: 90%;
    max-width: 200px;
    max-height: 200px;
}
#webisco-content #webisco-cart .webisco-article-thumbnail {
    max-height: 100px;
}
@media screen and (max-width: 480px) {
    #webisco-content #webisco-cart .webisco-article-thumbnail {
	width: 100px;
    }
}
#webisco-content .webisco-article-stock-icon {
    display: none;
}
#webisco-content .webisco-article-stock-text {
    float: left;
    vertical-align: baseline;
    font-size: 9px;
    margin-right: 3px;
}
#webisco-content .webisco-article-stock-branches {
    display: none;
}
#webisco-content .webisco-article-delivery-time {
    float: left;
    vertical-align: baseline;
    font-size: 9px;
    margin-right: 3px;
    margin-top: 8px;
}

/* Verfügbarkeits PopUp*/

#availabilityPopup {
    display: none;
    background: #7f69d7;
    position: absolute;
    top: 80%;
    left: 5%;
    width: 90%;
    color: white;
    min-height: 420px;
    font-family: 'Satoshi Medium';
}
#availabilityPopup h2 {
    font-family: 'Gopher Medium';
    font-weight: normal;
}
#availabilityTable {
    margin-top: 2%;
}
#availabilityContent {
    width: 100%;
    margin: 0 5%;
}
#availabilityContent p {
    margin: 0;
}
#availabilityTableHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #e9e9e9;
    color: #7f69d7;
    padding: 1% 7% 1% 3%;
    font-weight: bold;
}
#availabilityTableContent {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1em;
    padding: 2% 2% 2% 0;
    border-top: 1px solid white;
}
#filialeHamburg1 {
    display: flex;
    flex-direction: row;
}
#filialeHamburg1 p {
    margin: 0;
}
#filialeHamburg1 img {
    margin: 0;
    width: 20px;
    height: 20px;
    transform: rotate(270deg);
}
#closeAvailabilityPopup {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 3%;
    height: auto;
    cursor: pointer;
}
@media screen and (max-width: 1550px) {
    
}

/*
 Die Renneransicht
*/
#webisco-content .webisco-teaser {
    display: none;
    background: #EEEEEE;
    border: solid 1px #00309C;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
}
/* <table> */
#webisco-content .webisco-teaser table {
    width: 100%;
}
#webisco-content .webisco-teaser .webisco-article {
    border: none;
    display: block;
    padding: 0px;
    margin: 0px;
    width: auto;
}
#webisco-content .webisco-teaser .webisco-article-data {
    float: left;
    margin-left: 20px;
}
#webisco-content .webisco-article-data .check-duration {
    display: flex;
    align-items: center;
}
#webisco-content .webisco-article-data .check-duration img {
    width: 8%;
    margin-right: 5%;
}
#webisco-content .webisco-article-data .check-duration p {
    font-family: 'Satoshi Medium';
    font-weight: normal;
    font-size: 16px;
}
#webisco-content .webisco-article-data .check-availability {
    display: flex;
    align-items: center;
}
#webisco-content .webisco-article-data .check-availability img {
    width: 8%;
    margin-right: 5%;
}
#webisco-content .webisco-article-data .check-availability a {
    font-family: 'Satoshi Medium';
    font-weight: normal;
    font-size: 16px;
    color: black;
}
#webisco-content .webisco-article-support {
    grid-area: support;
    background-color: #e9e9e9;
    padding: 3% 5%;
}
#webisco-content .webisco-article-support p {
    font-family: 'Satoshi Medium';
    font-size: 12px;
    margin: 2% 0;
}
#webisco-content .webisco-article-support .support-header {
    border-bottom: 1px solid black;
}
#webisco-content .webisco-article-support #support-header {
    font-family: 'Satoshi Bold';
    font-size: 16px;
}
#webisco-content .webisco-article-support #support-tel {
    font-family: 'Satoshi Medium';
    font-size: 14px;
    color: #7f69d7;
}
#webisco-content .webisco-article-support #support-mail {
    color: #7f69d7;
    font-size: 14px;
    font-family: 'Satoshi Medium';
}
/* <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: 0px;
    position: relative;
    float: left;
    width: auto;
}
#webisco-content .webisco-teaser .cell div .webisco-article-data .table {
    margin-left: 0px;
    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 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
	"images data support"
	"tab tab tab"
	"content content content";
    gap: 60px;
    column-gap: 10%;
}
#webisco-content .webisco-article .webisco-article-images {
    grid-area: images;
    display: flex;
    justify-content: center;
    align-items: center;
}
#webisco-content .webisco-article .webisco-article-images img {
    max-height: 300px;
    width: auto;
    max-width: 300px;
}
#webisco-content .webisco-article .webisco-article-data {
    grid-area: data;
}
#webisco-content .webisco-article .tab {
    grid-area: tab;
    grid-column: span 3;
    display: flex;
    justify-content: space-between;
}
#webisco-content .webisco-article .tab .tablinks img {
    display: none;
}
#webisco-content .webisco-article .tab-content-container {
    grid-area: content;
    grid-column: span 3;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article {
	display: flex;
	flex-direction: column;
	width: 100%;
    }
    #webisco-content .webisco-article .tab .tablinks {
	display: flex;
	justify-content: space-between;
	background: #7f69d7;
	color: white;
	margin: 1% 0;
	transition: background 0.3s ease;
    }
    #webisco-content .webisco-article .tab .tablinks.active {
	background: #e9551e;
    }
    #webisco-content .webisco-article .tab .tablinks.active img {
	transform: rotate(180deg);
    }
    #webisco-content .webisco-article .tab .tablinks img {
	display: block;
	width: 5%;
	transition: transform 0.3s ease;
    }
}
#webisco-content .webisco-article-data {
    float: right;
}

/* Slideshow Container Images Detailseite */
#webisco-content .detail-class-1 {
    display: flex;
    grid-area: images/images/data/data
}
@media screen and (max-width: 1550px) {
    #webisco-content .detail-class-1 {
	margin-bottom: 5%;
    }
}
@media screen and (max-width: 480px) {
    #webisco-content .detail-class-1 {
        flex-direction: column;
    }
}
#webisco-content .webisco-article-data {
    flex: 1;
    font-family: 'Satoshi Medium';
    font-weight: normal;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article-data {
	margin-top: 5%;
    }
}
#webisco-content .webisco-article-availability-value img {
    display: none;
}
#webisco-content .webisco-article-data .webisco-article-availability-branches-key {
    display: none;
}
#webisco-content .webisco-article-data .webisco-article-availability-branches-value {
    display: none;
}
#webisco-content .detail-slideshow-container {
    position: relative;
    width: 50%;
    height: auto;
    max-width: 100%;
    margin-right: 5%;
    margin-bottom: 5%;
    display: flex;
}
#webisco-content .detail-slideshow-container img {
    height: auto;
    max-height: 300px;
    width: auto:
    max-width: 200px;
}
@media screen and (max-width: 480px) {
    #webisco-content .detail-slideshow-container {
	width: 100%;
	margin-right: 0;
    }
}
#webisco-content .Slides {
    display: none;
    text-align: center;
    width: 100%;
    height: auto;
}
#webisco-content .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    margin-top: -22px;
    color: black;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
#webisco-content .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
@media screen and (max-width: 1550px) {
    #webisco-content .prev {
	left: -5%;
    }
    #webisco-content .next {
	right: -5%;
    }
}
@media screen and (max-width: 480px) {
    #webisco-content .prev {
	left: initial;
    }
}
#webisco-content .fade {
    animation-name: detail-fade;
    animation-duration: 1.5s;
    justify-content: center;
    align-items: center;
}
@keyframes detail-fade {
    from {opacity: .4}
    to {opacity: 1}
}

/*Tabansicht der Detailansicht*/

#webisco-content .tab {
    overflow: hidden;
    border-bottom: 1px solid black;
    width: 100%;
}
@media screen and (max-width: 1550px) {
    #webisco-content .tab {
	display: flex;
    }
}
@media screen and (max-width: 480px) {
    #webisco-content .tab {
	flex-direction: column;
	border-bottom: none;
    }
}
#webisco-content .tab button {
    background-color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 50px 14px 0;
    transition: 0.3s;
    font-family: 'Gopher Medium';
    font-size: 16px
}
@media screen and (max-width:480px) {
    #webisco-content .tab button {
	color: black;
    }
}
#webisco-content .tab button:hover {
    color: #e9551e;
    text-decoration: underline;
}
#webisco-content .tab button.active {
    color: #e9551e;
    text-decoration: underline;
}
#webisco-content .tabcontent {
    display: none;
    border-top: none;
    font-family: 'Satoshi Medium';
    font-weight: normal;
}
#webisco-content .tabcontent.show {
    display: block;
}

/* <div> */
#webisco-content .webisco-article-data .table {
    display: table;
    width: 380px;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article-data .table {
	width: 100%;
	box-sizing: border-box;
    }
}
#webisco-content .webisco-article-data .table .row {
    display: table-row;
}
#webisco-content .webisco-article-data .table .cell {
    display: table-cell;
    vertical-align: top;
    width: 70%;
    padding: 0.8% 0;
}
#webisco-content .detail-class-1 .webisco-article-data .table .cell {
    padding: 5px 0;
}
#webisco-content .webisco-article-number-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-number-value {
    float: right;
}
#webisco-content .webisco-article-packing-unit-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-packing-unit-value {
    float: right;
}
#webisco-content .webisco-article-order-unit-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-order-unit-value {
    float: right;
}
#webisco-content .webisco-article-manufacturer-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-manufacturer-value {
    float: right;
}
#webisco-content .webisco-article-price-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-price-value {
    clear: both;
    float: right;
    color: #e9551e;
}
#webisco-content .webisco-article-price-hint {
    clear: both;
    font-size: 9px;
}
#webisco-content .webisco-article-table-price-value {
    clear: both;
    font-size: 20px;
    font-family: 'Satoshi Medium';
    font-weight: bold;
    margin-right: 5%;
}
#webisco-content .webisco-article-listprice-key {
}
#webisco-content .webisco-article-listprice-value {
    clear: both;
    color: black;
}
#webisco-content .webisco-article-table-listprice-value {
    clear: both;
    color: #e9551e;
    font-family: 'Satoshi Medium';
}
#webisco-content .webisco-article-deposit-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-deposit-value {
    float: right;
}
#webisco-content .webisco-article-deposit-hint {
    font-size: 9px;
    font-family: 'Satoshi Medium';
}
#webisco-content .webisco-article-environmental-charge-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-environmental-charge-value {
    float: right;
}
#webisco-content .webisco-article-procurement-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-procurement-value {
    float: right;
}
#webisco-content .webisco-article-tax-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-tax-value {
    float: right;
}
#webisco-content .webisco-article-shipping-costs {
    font-family: 'Satoshi Medium';
    font-size: 12px;
    width: 200%;
}
#webisco-content .webisco-article-shipping-costs a {
    color: #7f69d7;
}
#webisco-content .webisco-article-shipping-costs a:hover {
    text-decoration: underline;
}
#webisco-content .webisco-article-availability-key {
    font-weight: normal;
    float: left;
    vertical-align: middle;
}
#webisco-content .webisco-article-availability-value {
    margin-left: 3px;
    float: right;
    vertical-align: middle;
}
#webisco-content .webisco-article-availability-image {
    margin-right: 10px;
    vertical-align: middle;
    width: 3%;
    height: auto;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article-availability-image {
	width: 10%;
	height: auto;
    }
}
#webisco-content .webisco-article-delivery-time-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-delivery-time-value {
    float: left;
}
#webisco-content .webisco-article-availability-branches-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-availability-branches-value {
    margin-left: 3px;
    float: left;
}
#webisco-content .webisco-article-availability-external-key {
    font-weight: normal;
    float: left;
}
#webisco-content .webisco-article-availability-external-value {
    margin-left: 3px;
    float: left;
}
#webisco-content .webisco-article-delivery-time-external-key {
    font-weight: normal;
    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 {
    grid-area: support;
    margin-top: 10px;
}
#webisco-content .webisco-article-put-cart-text {
    display: none;
}
#webisco-content .webisco-article-put-cart-image a {
    background: #e9551e;
    transition: background 0.3s;
    color:white;
    font-family: 'Satoshi Medium';
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6% 2%;
    box-sizing: border-box;
    text-decoration: none;
    max-height: 50px;
    max-width: 380px;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article-put-cart-image a {
	width: 100%;
	box-sizing: border-box;
    }
}
#webisco-content .webisco-article-put-cart-image a:hover {
    background: #4a1d7c;
}
#webisco-content .webisco-article-put-cart-image img {
    width: 10%;
    margin-right: 5%;
}
#webisco-content .webisco-teaser .webisco-article-put-cart-image {
    float: left;
}
#webisco-content .webisco-article-car-selection {
    margin: 15px 0;
    align-items: center;
    display: flex;
    justify-content: space-around;
    width: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 1550px) {
    #webisco-content .webisco-article-car-selection {
	width: 100%;
	max-width: 380px;
	max-height: 50px;
    }
}
#webisco-content .webisco-article-car-selection img {
    width: 10%;
}
#webisco-content .webisco-article-car-selection a {
    color: white; 
}
#webisco-content .webisco-article-continue a {
    background-color: #e9551e;
    color: white;
    font-family: 'Satoshi Medium';
    font-weight: bold;
    transition: background 0.3s;
    width: 50%;
    padding: 2% 15%;
}
#webisco-content .webisco-article-continue a:hover {
    background-color: #4a1d7c;
}
#webisco-content .webisco-article-continue a img{
    height: 30px;
    width: 30px;
}
#webisco-content .webisco-article-datasheets {
    margin-top: 20px;
}
#webisco-content .webisco-article-datasheets a {
    color: #7f69d7;
}
#webisco-content .webisco-article-datasheet {
}
#webisco-content .webisco-pdf-icon {
}
#webisco-content .webisco-article-details {
    clear: both;
    float: left;
    text-align: left;
    width: 100%;
}
#webisco-content .webisco-article-details-table tr{
    box-shadow: none !important;
}
#webisco-content .webisco-article-details-preview {
    font-size: 16px;
    font-family: 'Satoshi Medium';
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    text-align: left;
    width: 100%;
    color: black;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article-details-preview {
	display: none;
    }
}
#webisco-content .webisco-article-details-table tr td {
    font-family: 'Satoshi Medium' !important;
}
#webisco-content .webisco-article-details-table {
    border-spacing: 1px;
    border-collapse: collapse;
    width: 100%;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-article-details-table {
	font-size: 14px;
    }
}
#webisco-content .webisco-article-details-table th {
    background: transparent;
    border: none;
    width: 50%;
    vertical-align: top;
}
#webisco-content .webisco-article-details-table td {
    border: none;
    width: 50%;
    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 .tab-content-container .webisco-article-cars {
    display: none;
}
#webisco-content .tab-content-container p {
    font-family: 'Satoshi Medium';
    font-size: 18px;
}
#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: 0px;
    padding: 0px;
}
#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-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #DDDDDD;
    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 {
    display: none;
}
#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 {
    background: white;
    margin-bottom: 1px;
    clear: both;
}
#webisco-cart .webisco-cart-recalculate {
    background: #4a1d7c;
    border-radius: 0;
}
#webisco-cart .webisco-cart-row-even {
    background: white;
}
#webisco-cart .webisco-cart-row-odd {
    background: white;
}
/* <div> */
#webisco-cart .table {
    display: grid;
    grid-template-columns: auto auto auto auto 1fr auto auto auto;
    padding: 1% 0 2% 0;
    font-family: 'Satoshi Medium';
}
#webisco-cart .table a {
    color: #7f69d7;
}
@media screen and (max-width: 480px) {
    #webisco-cart .table {
	display: flex;
	flex-direction: column;
    }
}
.webisco-cart-row-odd-parent {
    border-top: 1px solid black;
}
.webisco-cart-row-even-parent {
    border-top: 1px solid black;
}
.cart-header-elements-mobile {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.cart-body-element-mobile {
    display: flex;
}
#webisco-cart .cart-align-element {
    display: flex;
    align-items: center;
}
#webisco-cart .table-overview {
    display: grid;
    grid-template-columns: auto auto auto auto 1fr auto auto;
}
#webisco-cart .header {
    display: contents;
}
@media screen and (max-width: 480px) {
    #webisco-cart .header {
	display: flex;
	flex-direction: column;
    }
    #webisco-content .table-overview {
	display: flex;
	flex-direction: column;
    }
}
#webisco-cart .header .row {
    display: contents;
}
#webisco-cart button {
    background-color: white;
    border: none;
    cursor: pointer;
    display: inline-block;
    max-width: 60px;
}
#webisco-cart button img {
    display: block;
    width: 100%;
    height: auto;
}
#webisco-cart .row {
    display: contents;
    border-bottom: 1px solid black;
}
#webisco-cart .cell {
    padding: 5px 0 5px 20px;
    display: flex;
    align-items: center;
}
#webisco-cart .last-cell{
    grid-column: 8;
}
#webisco-cart .header .cell {
    font-weight: bold;
    background-color: white;
    border-bottom: 2px solid black;
}
@media screen and (max-width: 480px) {
    #webisco-cart .header .cell {
	border-bottom: none;
    }
}
#webisco-cart .row:nth-child(odd) .cell {
    background-color: white;
}
#webisco-cart .row:nth-child(even) .cell {
    background-color: white;
}
#webisco-cart .row:not(:last-child) .cell {
    border-bottom: 1px solid black;
}
#webisco-cart .row input[type="text"] {
    width: 100%;
}
#webisco-cart .row .cell input[type="submit"] {
    border: none;
    background: #e9551e;
    font-family: 'Satoshi Medium';
    color: white;
    width: auto;
    height: auto;
    transition: background 0.3s;
    font-weight: normal;
    padding: 15px;
    width: 155px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 4%;
    box-sizing: border-box;
}
#webisco-cart .row .cell input[type="submit"]:hover {
    background: #4a1d7c;
}
@media screen and (max-width: 480px) {
    #webisco-cart .row {
	display: flex;
	flex-direction: column;
	border-bottom: none;
    }
    #webisco-cart .row:not(:last-child) .cell {
	border-bottom: none;
    }
    #webisco-cart .row .cell input[type="submit"] {
	width: 145px;
	padding: 0;
	height: 25px;
    }
}

/* <table> */
#webisco-cart table {
    border-spacing: 0px;
}
#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: white;
}
#webisco-cart .table-row-odd {
    background: white;
}


#webisco-cart-sum {
    background: white;
    border: none;
    margin: 1% 0 3% 1%;
}
#webisco-cart-sum .table {
    border-spacing: 0px;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#webisco-cart-sum .table .cell {
    margin-left: 50px;
}
#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: white;
    font-family: 'Satoshi Medium';
    display: flex;
}
#webisco-cart-sum .webisco-cart-sum-discount { /* der Zusatzrabatt */
    background: #EEEEEE;
    font-family: 'Satoshi Medium';
}
#webisco-cart-sum .webisco-cart-sum-tax { /* die Mehrwertsteuer */
    background: white;
    font-family: 'Satoshi Medium';
    display: flex;
}
#webisco-cart-sum .webisco-cart-sum-used-part-tax { /* die Altteilsteuer (sofern vorhanden) */
    background: white;
    font-family: 'Satoshi Medium';
}
#webisco-cart-sum .webisco-cart-sum-total { /* der Endpreis inkl. aller Steuern */
    background: white;
    font-family: 'Satoshi Medium';
    display: flex;
}
#webisco-cart-sum td {
    padding: 3px;
}

/*
 Die Aktionen beim Betrachten des Warenkorbs
*/
#webisco-content .webisco-cart-actions {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    align-items: center;
}
#webisco-content .webisco-cart-actions.center {
    justify-content: center;
}
#webisco-content .webisco-cart-actions.space {
    justify-content: space-between;
}
#webisco-content .webisco-cart-continue-shopping {
    background: #7f69d7;
    border: none;
    color: white;
    padding: 10px;
    width: 155px;
    box-sizing: border-box;
}
#webisco-content .webisco-cart-continue-shopping a{
    padding: 5px;
    display: block;
    text-decoration: none;
    color: white;
    font-family: 'Satoshi Medium';
    font-weight: normal;
    text-align: center;
}
#webisco-content .webisco-cart-continue-shopping:hover {
    background-color: #4a1d7c;
    color: white;
}
#webisco-content .webisco-cart-empty {
    display: none;
}
#webisco-content .webisco-cart-empty a{
    padding: 5px;
    display: block;
}
#webisco-content .webisco-cart-empty a:hover{
    background-color: #00309C;
    color: #FFCA00;
}
#webisco-content .webisco-cart-order {
    display: flex;
    background: #e9551e;
    border: none;
    float: right;
    padding: 10px;
    width: 155px;
    margin-left: 10%;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
#webisco-content .webisco-cart-order a {
    padding: 5px;
    display: block;
    color: white;
    text-decoration: none;
    font-family: 'Satoshi Medium';
    font-weight: normal;
}
#webisco-content .webisco-cart-order:hover{
    background: #4a1d7c;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-cart-continue-shopping a {
	font-size: 14px;
    }
    #webisco-content .webisco-cart-order a {
        font-size: 14px;
    }
}
/*
 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: white;
    color: black;
    padding: 10px;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Satoshi Medium';
    box-sizing: content-box !important;
}
#webisco-content .webisco-login-body {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background: white;
    height: 120px;
    font-family: 'Satoshi Medium';
    box-sizing: content-box !important;
}
#webisco-paypal-button {
    display: none;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-login-header {
	text-align: initial;
	padding: 0;
    }
    #webisco-content .webisco-login-body {
	text-align: initial;
    }
}
#webisco-content .webisco-login-body a{
    color: #e9551e;
}
#webisco-registered-customer{
    width: 50%;
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 480px) {
    #webisco-registered-customer {
	float: initial;
	width: 100%;
	margin-bottom: 5%;
    }
}
#webisco-create-customer{
    width: 50%;
    display: flex;
    flex-direction: column;
    border-left: 2px solid black;
}
@media screen and (max-width: 480px) {
    #webisco-create-customer {
	float: initial;
	width: 100%;
	border: none;
	margin-top: 15%;
    }
}
#webisco-login {
    text-align: center;
}
@media screen and (max-width: 480px) {
    #webisco-login {
	border-bottom: 1px solid black;
	padding-bottom: 15px;
	text-align: initial;
    }
}
#webisco-login-name {
}
#webisco-login-password {
}
#webisco-login-namelabel {
    margin-right: 34px;
}
#webisco-login-passwordlabel {
    margin-right: 15px;
}
#webisco-login input {
    padding: 0 2%;
    margin-top: 3px;
    width: 250px;
    height: 30px;
    box-sizing: border-box;
}
#webisco-login #webisco-login-submit {
    background: #e9551e;
    color: white;
    width: 250px;
    height: 30px;
    border: none;
    margin-top: 10%;
    transition: background 0.3s;
    cursor: pointer;
}
#webisco-login #webisco-login-submit:hover {
    background: #4a1d7c;
}
#webisco-login #webisco-login-forgotpassword {
    margin-top: 20px;
}
#webisco-login #webisco-login-newaccount {
}
#webisco-login-form {
    display: flex;
    justify-content: center;
    margin-left: 0%;
}
@media screen and (max-width: 480px) {
    #webisco-login-form {
	margin-left: 0%;
    }
}
#webisco-login-form .row {
    display: flex;
    flex-direction: row;
}


/*
 Der Bereich zum Blättern in Seiten
*/
#webisco-content .webisco-page-flip-container {
    font-family: 'Satoshi Medium';
    float: right;
    text-align: right;
    clear: right;
    margin-top: 3px;
    margin-bottom: 3px;
}
#webisco-content .webisco-page-flip {
    padding-left: 5px;
    font-weight: bold;
}
#webisco-content .webisco-page-flip a {
    font-weight: normal;
    color: black;
    text-decoration: none;
}
#webisco-content .webisco-page-flip a:hover {
    text-decoration: underline;
    color: #7f69d7;
}
#webisco-content .webisco-page-flip-current a { /* die aktuelle Seite */
    font-weight: bold;
    color: #7f69d7;
    text-decoration: underline;
}
#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 {
    font-family: 'Gopher Medium';
    margin-bottom: 10px;
}
#webisco-content .webisco-account-home-header h4 {
    margin-top: 0;
    font-weight: normal;
    color: #7f69d7;
    font-size: 24px;
}
#webisco-content .webisco-account-home-header h2 {
    margin-bottom: 0;
    font-weight: normal;
}
#webisco-content .webisco-account-home-action {
    width: 250px;
    max-width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #1a62be;
    border: none;
    margin: 20px;
    padding: 0 1%;
    transition: background 0.3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 480px) {
    #webisco-content .webisco-account-home-action {
        width: 150px;
        line-height: initial;
        text-align: initial;
        margin: 10px;
    }
}
#webisco-content .webisco-account-home-actions-wrapper {
    display: flex;
    flex-wrap: wrap;
}
#webisco-content .webisco-account-home p {
    font-size: 18px;
    margin-bottom: 2%;
}
#webisco-content .webisco-account-home-action a{
    display: block;
    color: white;
    font-family: 'Gopher Medium';
    text-decoration: none;
}
#webisco-content .webisco-account-home-action:hover{
    background-color: #e9551e;
}
#webisco-content .webisco-account-home-action img {
    width: 10%;
}
#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 {
    display: none;
}
#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-required {
    display: none;
}
#webisco-content #login-div-1 {
    display: flex;
    flex-direction: row;
}
#webisco-content #login-div-3 {
    display: flex;
    flex-direction: row;
}
#webisco-content #login-div-4 {
    display: flex;
    flex-direction: row;
}
#webisco-content #login-div-5 {
    display: flex;
    flex-direction: row;
}
@media screen and (max-width: 480px) {
    #webisco-content #login-div-1 {
	flex-direction: column;
    }
    #webisco-content #login-div-3 {
	flex-direction: column;
    }
    #webisco-content #login-div-4 {
	flex-direction: column;
    }
    #webisco-content #login-div-5 {
	flex-direction: column;
    }
}
#webisco-content .shipping-div-1 {
    display: flex;
    flex-direction: row;
}
#webisco-content .shipping-div-2 {
    display: flex;
    flex-direction: row;
}
#webisco-content .shipping-div-3 {
    display: flex;
    flex-direction: row;
}
@media screen and (max-width: 480px) {
    #webisco-content .shipping-div-1 {
	flex-direction: column;
    }
    #webisco-content .shipping-div-2 {
        flex-direction: column;
    }
    #webisco-content .shipping-div-3 {
        flex-direction: column;
    }
}
#webisco-content .webisco-account-details-edit {
    background: white;
    margin-bottom: 20px;
}
#webisco-content .webisco-account-details-edit table {
    border-spacing: 0px;
}
#webisco-content .webisco-account-details-edit td {
    padding: 3px;
}
#webisco-account-details-edit-table {
    font-family: 'Satoshi Medium';
}
#webisco-account-details-edit-table .table {
    display: table;
}
@media screen and (max-width: 480px) {
    #webisco-account-details-edit-table .table {
	width: 100%;
    }
}
#webisco-account-details-edit-table .table .row {
    display: flex;
    flex-direction: column;
}
#webisco-account-details-edit-table .cell {
    display: table-cell;
    padding: 10px 10px 10px 0;
    vertical-align: top;
}
#webisco-account-details-edit-table-billing-address {
    display: table;
}
#webisco-account-details-edit-table-billing-address .table input {
    font-family: 'Satoshi Medium';
}
#webisco-account-details-edit-table-billing-address .table select {
    font-family: 'Satoshi Medium';
}
#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 0;
}
#webisco-account-details-edit-table-billing-address .cell input,
#webisco-account-details-edit-table-billing-address .cell select {
    width: 220px !important;
    height: 30px !important;
    margin-right: 20px;
    box-sizing: border-box;
}
#webisco-account-details-edit-table-shipping-address .cell input,
#webisco-account-details-edit-table-shipping-address .cell select {
    width: 220px !important;
    height: 30px !important;
    margin-right: 20px;
    box-sizing: border-box;
}
#webisco-account-details-edit-table-shipping-address.table {
    display: none;
}
#webisco-account-details-edit-table-shipping-address .row {
    display: table-row;
}
#webisco-account-details-edit-table-shipping-address .cell{
    display: table-cell;
    padding: 4px 0;
}
@media screen and (max-width: 480px) {
    #webisco-account-details-edit-table-billing-address .cell input,
    #webisco-account-details-edit-table-billing-address .cell select {
        width: 98% !important;
	height: 25px !important;
	margin-right: 5px;
    }
    #webisco-account-details-edit-table-shipping-address .cell input,
    #webisco-account-details-edit-table-shipping-address .cell select {
        width: 98% !important;
	height: 25px !important;
	margin-right: 5px;
    }
    #webisco-account-details-edit-table-billing-address .cell{
        display: flex;
        padding: 4px 0;
    }
    #webisco-account-details-edit-table-shipping-address .cell{
        display: flex;
        padding: 4px 0;
    }
}
#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 {
    margin-left: 0;
}
#webisco-content #webisco-account-details-edit-table-settings .row {
    flex-direction: row;
}
#webisco-content #webisco-account-details-edit-submit {
    color: white;
    background: #e9551e;
    height: 35px;
    border: none;
    cursor: pointer;
    padding: 0 15%;
}
#webisco-content #webisco-account-details-edit-submit:hover {
    background: #4a1d7c;
}



/*
 Der Fortschritt ders Bestellvorgangs
*/
#webisco-order-progress {
    text-align: left;
    clear: both;
    margin-top: 3px;
    margin-bottom: 20px;
    display: flex;
}
#webisco-order-progress .webisco-order-progress-title {
    display: none;
}
#webisco-order-progress .webisco-order-progress-show-cart {
}
#webisco-order-progress .webisco-order-progress-separator {
    display: none;
}
#webisco-order-progress .webisco-order-progress-account-edit {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    text-align: center;
    font-family: 'Satoshi Medium';
}
@media screen and (max-width: 480px) {
    #webisco-order-progress .webisco-order-progress-account-edit {
	display: none;
    }
}
#webisco-order-progress .webisco-order-progress-account-edit a {
    color: white;
    text-decoration: none;
    font-family: 'Satoshi Medium';
}
#webisco-order-progress .webisco-order-progress-options {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    text-align: center;
    font-family: 'Satoshi Medium';
    font-weight: normal !important;
}
@media screen and (max-width: 480px) {
    #webisco-order-progress .webisco-order-progress-options {
	display: none;
    }
}
#webisco-order-progress .webisco-order-progress-options a {
    color: white;
    text-decoration: none;
    font-family: 'Satoshi Medium';
    font-weight: normal;
}
#webisco-order-progress .webisco-order-progress-summary {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    text-align: center;
    font-family: 'Satoshi Medium';
    font-weight: normal;
}
@media screen and (max-width: 480px) {
    #webisco-order-progress .webisco-order-progress-summary {
	display: none;
    }
}
#webisco-order-progress .progress-div-step-1 {
    display: flex;
    align-items: center;
    width: 100%;
}
#webisco-order-progress .progress-div-step-2 {
    display: flex;
    align-items: center;
    width: 100%;
}
#webisco-order-progress .progress-div-step-3 {
    display: flex;
    align-items: center;
    width: 100%;
}
#webisco-order-progress .progress-div-step-4 {
    display: flex;
    align-items: center;
    width: 100%;
}
#webisco-order-progress .pfeil-img-container {
    position: relative;
    display: flex;
    background-size: cover;
    background-position: center;
    justify-content: center;
    align-items: center;
}
#webisco-order-progress .pfeil-img-container.step {
    background-image: url('Grafiken/Cart/icon_pfeil_lila_desktop.png');
}
#webisco-order-progress .pfeil-img-container.step.active, .pfeil-img-container.completed {
    background-image: url('Grafiken/Cart/icon_pfeil_orange_desktop.png') !important;
}
@media screen and (max-width: 480px) {
    #webisco-order-progress .pfeil-img-container.step {
	background-image: url('Grafiken/Mobil/Menu/pfeil_lila_mobil.png');
    }
    #webisco-order-progress .pfeil-img-container.step.active, .pfeil-img-container.completed {
	background-image: url('Grafiken/Mobil/Menu/pfeil_orange_mobil.png') !important;
    }
    #webisco-order-progress .pfeil-img-container {
	width: 90px !important;
	height: 30px !important;
    }
}
#webisco-order-progress .pfeil-img-container .arrow-img {
    width: 10%;
    height: auto;
}
#webisco-order-progress .pfeil-img-container {
    width: 100%;
    height: 150px;
}
#webisco-order-progress .pfeil-img-container .icon-img {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    width: 15%;
}
@media screen and (max-width: 480px) {
    #webisco-order-progress .pfeil-img-container .icon-img {
	width: 25%;
	top: 50%;
	left: 50%;
    }
}
#webisco-order-progress .webisco-order-progress-show-cart {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    text-align: center;
}
@media screen and (max-width: 480px) {
    #webisco-order-progress .webisco-order-progress-show-cart {
	display: none;
    }
}
#webisco-order-progress .webisco-order-progress-show-cart a {
    color: white;
    text-decoration: none;
    font-family: 'Satoshi Medium';
    font-weight: normal;
}
#webisco-content .thank-you-message {
    font-family: 'Satoshi Medium';
    color: #7f69d7;
    text-decoration: underline;
    font-size: 20px;
    margin-bottom: 5%;
}
/*
 Die Optionen der Bestellung
*/
#webisco-order-options {
    font-family: 'Satoshi Medium';
}
#webisco-order-accept-agbs {
    margin-bottom: 10px;
}
#webisco-order-accept-agbs a {
    color: black;
}
#webisco-order-accept-privacy-statement {
    margin-bottom: 3%;
}
#webisco-order-accept-privacy-statement a {
    color: black;
}
#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: white;
    width: 400px;
    margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
    #webisco-order-shipping {
	width: 100%;
    }
}
#webisco-order-shipping input {
    margin-right: 3%;
    margin-left: 0;
}
/* <div> */
#webisco-order-shipping .table {
    display: table;
    width: 100%;
}
#webisco-order-shipping .table .header {
    background: white;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}
#webisco-order-shipping .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    font-size: 18px;
}
#webisco-order-shipping .table .row {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}
#webisco-order-shipping .table .cell {
    display: inline-flex;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: middle;
    align-items: center;
}
/* <table> */
#webisco-order-shipping table {
    border-spacing: 0px;
}
#webisco-order-shipping th {
    padding: 3px;
}
#webisco-order-shipping td {
    padding: 3px;
}
#webisco-order-shipping .webisco-order-shipping-row-even{
    background: white;
}
#webisco-order-shipping .webisco-order-shipping-row-odd{
    background: white;
}
#webisco-order-shipping .webisco-order-shipping-hint{
    font-size: 10px;
    font-style: italic;
}
#webisco-order-payment {
    margin-bottom: 10px;
    padding-top: 2%;
    border-top: 1px solid black;
}
#webisco-order-payment table {
    border-spacing: 0px;
}
#webisco-order-payment .table .header {
    display: table-row;
}
#webisco-order-payment .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    font-size: 18px;
    margin-bottom: 5%;
}
#webisco-order-payment th {
    padding: 3px;
}
#webisco-order-payment td {
    padding: 3px;
}
#webisco-order-payment .webisco-order-payment-row-even {
}
#webisco-order-payment .webisco-order-payment-row-odd {
    display: inline-flex;
    flex-direction: column;
}
#webisco-order-payment .webisco-order-payment-row-odd .cell .row .cell input {
    width: 100%;
}
#webisco-order-payment .row .cell {
    display: inline-flex;
    align-items: center;
    width: 100%;
}
#webisco-order-payment #zatab1 input {
    box-sizing: border-box;
    width: 250px;
    height: 25px;
}
#webisco-order-payment #zatab3 .row .cell img {
    display: none;
}
#webisco-order-payment .creditcard span {
    font-size: 8px;
}
#webisco-order-coupon{
    background: white;
    width: 500px;
    margin-bottom: 10px;
    text-align: left;
}
#webisco-order-coupon input {
    box-sizing: border-box;
    width: 250px;
    height: 25px;
}
.payment-logo {
    width: auto;
    height: 80px;
}
.shipping-logo {
    width: 100%;
    height: 80px;
}
#zatab1 .row .cell a img {
    display: none;
}
#zatab2 .row .cell img {
    display: none;
}
@media screen and (max-width: 480px) {
    #webisco-order-coupon {
	width: 100%;
    }
    .payment-logo {
	width: 80px;
	height: auto;
    }
    .shipping-logo {
	width: 80px;
	height: auto;
    }
}
#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 {
    display: flex;
    flex-direction: column;
    margin-bottom: 2%;
}
#webisco-order-summary .table .row .cell {
    display: flex;
    flex-direction: column;
}
#webisco-order-summary table {
    border-spacing: 0px;
}
#webisco-order-summary td {
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
}
#webisco-order-summary .webisco-account-details {
    background: white;
    margin-bottom: 20px;
    display: table;
    float: left;
    border-bottom: 1px solid black;
}
/* <div> */
#webisco-order-summary .webisco-account-details .table {
    display: table;
    width: 100%;
}
#webisco-order-summary .webisco-account-details .table .header {
    background: white;
    display: table-row;
}
#webisco-order-summary .webisco-account-details .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    font-family: 'Satoshi Bold';
    font-size: 18px;
}
#webisco-order-summary .webisco-account-details .table .row {
    display: table-row;
    font-family: 'Satoshi Medium';
}
#webisco-order-summary .webisco-account-details .table .cell {
    display: inline-flex;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
    width: 40%;
    font-size: 16px;
}
#webisco-order-summary .webisco-account-details .table .cell a {
    color: #7f69d7;
}
#webisco-order-summary .webisco-order-details .table {
    display: table;
    width: 100%;
}
#webisco-order-summary .webisco-order-details .table .header {
    background: white;
    display: table-row;
}
#webisco-order-summary .webisco-order-details .table .header .cell {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    font-family: 'Satoshi Bold';
    font-size: 18px;
}
#webisco-order-summary .webisco-order-details .table .row {
    display: table-row;
    font-family: 'Satoshi Medium';
}
#webisco-order-summary .webisco-order-details .table .cell {
    display: inline-flex;
    width: 40%;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
    font-size: 16px;
}
#webisco-order-summary .webisco-order-details .table .row .cell a {
    color: #7f69d7;
}
@media screen and (max-width: 480px) {
    #webisco-order-history-filter-label-from {
	display: none;
    }
}
/* <table> */
#webisco-order-summary .webisco-account-details table {
    border-spacing: 0px;
}
#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: white;
    margin-bottom: 20px;
    display: table;
    float: left;
    border-bottom: 1px solid black;
}
#webisco-order-summary .webisco-order-details table {
    border-spacing: 0px;
}
#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;
    width: 100%;
    clear: both;
    font-family: 'Satoshi Medium';
    display: flex;
    flex-direction: column;
}
#webisco-order-comment-label {
    width: 130px;
    margin-top: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    float: left;
    clear: both;
}
#webisco-order-comment-inputfield {
    width: 60%;
    height: 150px;
    margin-top: 5px;
    vertical-align: baseline;
    float: left;
    font-size: 14px;
}
@media screen and (max-width: 480px) {
    #webisco-order-comment-inputfield {
	width: 100%;
	box-sizing: border-box;
    }
}
#webisco-order-number-label {
    display: none;
}
#webisco-order-number-inputfield {
    display: none;
}
#webisco-order-person-label {
    display: none;
}
#webisco-order-person-inputfield {
    display: none;
}
#webisco-order-desired-delivery-date-label {
    display: none;
}
#webisco-order-desired-delivery-date-inputfield {
    display: none;
}
#webisco-order-identical-parts {
    width: 60%;
}
#webisco-order-comment-checkbox {
    clear: both;
    margin-top: 2%;
    display: inline-flex;
}
#webisco-order-comment-checkbox input {
    margin-right: 2%;
}

/*
 Die Schaltflächen beim Bestellprozess
*/
#webisco-order-button-area {
    display: flex;
    justify-content: flex-end;
}
#webisco-order-button-next {
    background: #e9551e;
    color: white;
    width: 150px;
    border: none;
    cursor: pointer;
    height: 30px;
    font-family: 'Satoshi Medium';
    font-weight: normal;
    transition: background 0.3s;
}
#webisco-order-button-next:hover {
    background: #4a1d7c;
}
#webisco-order-button-submit {
    color: white;
    background: #e9551e;
    cursor: pointer;
    padding: 10px;
    height: 50px;
    width: 195px;
    font-size: 16px;
    box-sizing: border-box;
    border: none;
    transition: background 0.3s;
}
#webisco-order-button-submit:hover {
    background: #4a1d7c;
}
@media screen and (max-width: 480px) {
    #webisco-order-button-submit {
	width: 100%;
    }
}
#webisco-request-button-submit {
    display: none;
}


#webisco-content .webisco-bank-account-table {
    clear: both;
    border: 0px;
    border-spacing: 0px;
    overflow: auto;
    display: block;
    padding-top: 10px;
}
@media screen and (max-width: 480px) {
    #webisco-order-button-next {
	width: 100%;
	font-size: 14px;
    }
}
/* <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-form img {
    width: 40px;
    height: 40px;
    margin-right: 1%;
}
#webisco-order-history .webisco-order-history-filter{
    background: white;
    border: solid 1px black;
    margin-bottom: 1px;
    padding-left: 1%;
    clear: both;
    float: left;
    width: 100%;
}
#webisco-order-history .webisco-order-history-filter form{
    font-family: 'Satoshi Medium';
    display: flex;
    float: left;
    margin: 3px;
    width: 100%;
    align-items: center;
}
#webisco-order-history .webisco-order-history-filter label {
    margin-right: 1%;
}
#webisco-order-history .webisco-order-history-filter input{
    max-width: 80px;
    width: 80px;
    max-height: 30px;
    height: 30px;
    text-align: center;
    background-color: #1a62be;
    color: white;
    margin-right: 1%;
    border: none;
    font-family: 'Satoshi Medium';
}
#webisco-order-history #webisco-order-history-filter-submit {
    background-color: #e9551e;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}
#webisco-order-history #webisco-order-history-filter-submit:hover {
    background-color: #4a1d7c;
}
#webisco-order-history .webisco-order {
    margin: 10px 0;
    width: 100%;
    border: solid 1px black;
    display: block;
    float: left;
    background: white;
    clear: both;
    font-family: 'Satoshi Medium';
}
#webisco-order-history .webisco-order-header {
    display: table;
    margin-top: 1%;
    margin-left: 1%;
}
#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: grid;
    grid-template-columns: repeat(6, 1fr);
    margin: 20px;
    float: left;
    margin: 15px 5px 5px 5px;
    width: 99%;
    background: #FFFFFF;
}
#webisco-order-history .webisco-order-items .header {
    display: contents;
    font-family: 'Satoshi Bold';
    font-weight: bold;
    color: #1A62BE;
}
#webisco-order-history .webisco-order-items .header div.cell {
    border-bottom: 1px solid black;
}
#webisco-order-history .webisco-order-items .row {
    display: contents;
}
#webisco-order-history .webisco-order-items .cell {
    padding: 10px;
    text-align: left;
}
#webisco-order-history .webisco-order-items .cell a {
    color: black;
}
#webisco-order-history .cell.stretch {
    gird-column: span 2;
}
.mobile-order-history .article-summary {
    display: flex;
    align-items: center;
    padding: 0 1%;
    color: #1a62be;
    justify-content: space-between;
    width: 95%;
    border-bottom: 1px solid #1a62be;
}
.mobile-order-history .article-summary img {
    width: 6%;
    transition: transform 0.3s ease;
}
.mobile-order-history .article-summary img.rotate {
    transform: rotate(180deg);
}
.mobile-order-history-dropdown {
    display: none;
}
.mobile-order-history-dropdown.show {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    justify-content: space-between;
    padding: 0 1%;
}
.mobile-order-history-dropdown .row {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.mobile-order-history-dropdown .header {
    display: block !important;
}
.mobile-order-history .article-shipping-cost {
    display: table;
}
.mobile-order-history .article-shipping-cost .cell {
    display: table-cell;
    padding: 5px;
}
.popup{
  display:none;
  position:fixed; inset:0; z-index:3001;
  background:rgba(0,0,0,.4);
  padding:16px;
  align-items:center; justify-content:center;
}
.popup-content{
  position:relative;
  background:#4a1d7c;
  width:min(92vw, 760px);
  border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.25);
  color:#fff;
  padding:24px 24px 20px 56px;
}
#popup-newsletter-icon{
  position:absolute;
  left:20px;       
  top:22px;
  width:26px; height:26px;
}
@media (max-width:520px){
  .popup-content{ padding:18px 16px 16px 48px; }
  #popup-newsletter-icon{ left:16px; top:18px; width:22px; height:22px; }
}
.close-btn-popup{
  position:absolute;
  top:10px; right:10px;
  cursor:pointer;
}
.close-btn-popup img{ width:24px; height:24px; display:block; }
#mc_embed_signup,
#popup_mc_embed_signup{
  width:100% !important;
  background:transparent !important;
}
#popup_mc_embed_signup_scroll h4,
#popup_mc_embed_signup_scroll p,
.popup-content p{
  color:#fff; font-family:'Satoshi Medium', system-ui, sans-serif;
  margin:0 0 10px 0;
}
.popup-mc-field-group{
  display:grid !important;
  grid-template-columns:1fr auto;
  gap:12px; align-items:center;
  margin:12px 0;
}
.popup-mc-field-group input[type="email"]{
  height:44px; width:100%;
  padding:0 12px; border:0; border-radius:6px; box-sizing:border-box;
}
#popup-mc-embedded-subscribe.button{
  height:44px !important;
  padding:0 14px;
  border:0; border-radius:6px;
  background:#e9551e; color:#fff; cursor:pointer;
  white-space:nowrap; transition:background .25s ease;
}
#popup-mc-embedded-subscribe.button:hover{ background:#7f69d7; }
@media (max-width:520px){
  .popup-mc-field-group{ grid-template-columns:1fr; }
  #popup-mc-embedded-subscribe.button{ width:100%; }
}
@media (prefers-reduced-motion:reduce){
  #popup-mc-embedded-subscribe.button{ transition:none; }
}

ul {
    padding-inline-start: 0;
}

footer {
    margin-top: 3%;
    background-color: #4a1d7c;
    color: white;
    font-family: 'Satoshi Regular';
    width: 100%;
    box-sizing: border-box;
    padding: 0 15%;
}
footer h4 {
    font-size: 18px;
    margin-bottom: 0;
}
@media screen and (max-width: 1550px) {
    footer {
	padding: 0 5%;
    }
}
@media screen and (max-width: 480px) {
    footer {
	padding: 0 2%;
    }
}
.footer-1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 1.5%;
    padding-top: 2%;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

.footer-1 a {
    text-decoration: none;
    color: white;
}

.footer-1 li:hover {
    text-decoration: underline;
}

.footer-11 li {
    padding: 1% 0;
    list-style-type: none;
}

.footer-111 li {
    padding: 1% 0;
    list-style-type: none;
}
.footer-11 .footer-links li {
    cursor: pointer;
}
.footer-11 .webisco-link-capitalize {
    background-color: #4a1d7c;
    border: none;
    text-transform: uppercase;
}

.footer-11 .webisco-link a {
    text-decoration: none;
    color: white;
}

.footer-111 .webisco-link-camelcase {
    background-color: #4a1d7c;
    border: none;
    text-transform: capitalize;
}

.footer-111 .webisco-link a {
    text-decoration: none;
    color: white;
}
.footer-111.active ul {
    display: block;
}
.footer-11.active ul {
    display: block;
}
.webisco-link-camelcase .webisco-link a {
    text-transform: capitalize;
}
.footer-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.footer-header h4 {
    margin-bottom: 0;
}
.footer-arrow {
    transition: transform 0.3s ease;
}
.footer-arrow.rotate {
    transform: rotate(180deg);
}
.footer-header img {
    display: none;
}
@media screen and (max-width: 480px) {
    .footer-header img {
	display: block;
	width: 15px;
	height: 15px;
    }
    .footer-header {
	margin-bottom: 3%;
    }
    .footer-header h4 {
	margin-top: 0;
    }
}

@media screen and (max-width: 480px) {
    .footer-11 ul {
	display: none;
	margin: 1% 0 3% 0;
    }
    .footer-111 ul {
	display: none;
	margin: 1% 0 3% 0;
    }
    .footer-111 li {
	padding: 0.5% 0;
    }
    .footer-11 li {
	padding: 0.5% 0;
    }
    .footer-1 {
	flex-direction: column;
    }
}

footer hr {
    border: none;
    height: 2px;
    background-color: white;
}

.footer-2 {
    display: flex;
    flex-direction: row;
    margin-bottom: 1.5%;
    padding-top: 2%;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

.footer-2 #mc_embed_signup form {
    margin: 0 !important;
}
.footer-2 #mc_embed_signup .mc-field-group{
    display: flex !important;
    margin-top: 5%;
    padding-bottom: 1.5% !important;
}
.footer-2 #mc_embed_signup .mc-field-group #mce-EMAIL {
    height: 45px;
    border-radius: 0;
    border: none;
    box-sizing: border-box;
}
.footer-2 #mc_embed_signup .mc-field-group #mc-embedded-subscribe {
    height: 45px;
    padding: 0 15px;
    border-radius: 0;
    box-sizing: border-box;
}
.footer-2 #mc_embed_signup .clear.foot{
    display: flex !important;
    flex-direction: column !important;
    margin-left: 10px;
}
.footer-2 #mc_embed_signup .button {
    background: #7f69d7 !important;
}

.footer-2 #mc_embed_signup .button:hover {
    background: #e9551e !important;
}
.footer-2 #mc_embed_signup_scroll h4 {
    margin-bottom: 0;
}
@media screen and (max-width: 480px) {
    .footer-2 #mc_embed_signup_scroll .mc-field-group {
	flex-direction: column;
    }
    .footer-2 .optionalParent .clear.foot {
	margin-left: 1% !important;
	margin-top: 1% !important;
	width: 100%;
    }
    .footer-2 #mc_embed_signup_scroll h4 {
	margin-top: 0;
    }
    .footer-2 #mc_embed_signup .mc-field-group #mc-embedded-subscribe {
	width: 100%;	
    }
}
#mobile-divider {
    display: none;
}

.footer-21 #zusatz {
    width: 80%;
}
.footer-2 p {
    margin: 1% 0;
}
.footer-22 h4 {
    margin-bottom: 0;
}
.footer-22 .zahlung-versand {
    display: flex;
    flex-direction: row;
    margin: 5% 0;
}

.footer-22 .zahlung-versand img {
    width: 80px;
    height: 50px;
    margin-right: 15px;
}

@media screen and (max-width: 480px) {
    .footer-22 .zahlung-versand img {
	width: auto;
	height: 35px;
    }
}

.footer-3 {
    display: flex;
    flex-direction: row;
    margin-bottom: 1.5%;
    padding-top: 2%;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.footer-3 p {
    margin-top: 1%;
}
.footer-33 {
    width: 50%;
}
.footer-33 .social-media {
    margin: 5% 0;
}
.footer-33 .social-media img {
    height: 10%;
    width: 15%;
    transition: transform 0.3s ease;
    margin-right: 2%;
}
@media screen and (max-width: 480px) {
    .footer-33 {
	width: 100%;
    }
    .footer-22 h4 {
	margin-top: 0;
	margin-bottom: 0;
    }
    .footer-22 p {
	margin-top: 1%;
	margin-bottom: 1%;
    }
    .footer-33 .social-media img {
	width: 12%;
    }
    .footer-33 h4 {
	margin-top: 0;
	margin-bottom: 0;
    }
    .footer-33 p {
	margin-top: 1%;
	margin-bottom: 1%;
    }
}
.footer-34 {
    width: 50%;
    padding-left: 8%;
}

.footer-34 ul {
    list-style-type: none;
    margin: 5% 0;
}
.footer-34 ul #opening-hours {
    text-decoration: underline;
}

.instagram-icon:hover {
    content: url('/Grafiken/SocialMedia/icon_instagram_orange.png');
}

.linkedin-icon:hover {
    content: url('/Grafiken/SocialMedia/icon_linkedin_orange.png');
}

.youtube-icon:hover {
    content: url('/Grafiken/SocialMedia/icon_youtube_orange.png');
}

.tiktok-icon:hover {
    content: url('/Grafiken/SocialMedia/icon_tiktok_orange.png');
}

.facebook-icon:hover {
    content: url('/Grafiken/SocialMedia/icon_facebook_orange.png');
}

@media screen and (max-width: 480px) {
    .footer-2 {
        flex-direction: column;
    }

    #mobile-divider {
        display: block;
        margin: 0.5em 0;
    }

    #mc_embed_signup {
        width: 100% !important;
    }
    .footer-21 #zusatz {
        width: 100%;
    }
    .footer-3 {
	flex-direction: column;
    }
    .footer-34 {
	width: 100%;
	padding-left: 0;
    }
    .footer-34 ul {
	font-size: 14px;
    }
    .footer-34 h4 {
	margin-top: 0;
	margin-bottom: 0;
    }
    .footer-34 p {
	margin-top: 1%;
	margin-bottom: 1%;
    }
}