:root {

    --success: #6ABF40;

    --warning: #FF8000;

    --alert: #BE3F3F;

    --grey: #616161;

}



body {

    background: #F5F5F5 !important;

}



body ul li {

    list-style-type: unset;

}



#homepage-9 {

    padding-bottom: 60px;

}



.sp-shop__category {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    max-width: 270px;

    color: #212121;

    font-size: 14px;

    line-height: 20px;

}



body a:hover {

    color: #CCB100;

}



/* buttnos-default */



.primary-contained-gratis {

    background: #FD0;

    border-radius: 8px;

    transition: .3s;

    cursor: default;

}



.primary-contained-gratis.active {

    background-color: #E6C700;

}



.primary-contained {

    background: #FD0;

    border-radius: 8px;

    transition: .3s;

}



.primary-outlined {

    border: 2px solid #FD0;

    border-radius: 8px;

    transition: .3s;

}



.secondary-dark {

    background: #9E9E9E;

    border-radius: 8px;

    transition: .3s;

}



.secondary-light {

    background: #EEE;

    border-radius: 8px;

    transition: .3s;

}



.secondary-outlined {

    border: 1px solid #9E9E9E;

    border-radius: 8px;

    transition: .3s;

}



.contained-disabled {

    border-radius: 8px;

    background: #E0E0E0;

    color: #9E9E9E;

    transition: .3s;

    pointer-events: none;

}



/* buttons - hover */



.primary-contained:hover {

    background: #E6C700;

}



.primary-outlined:hover {

    background: #FFFCE5;

}



.secondary-dark:hover {

    background: #757575;

}



.secondary-light:hover {

    background: #E0E0E0;

}



.secondary-outlined:hover {

    background: #EEE;

}



body p {

    color: #212121;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 0;

}



html body input {

    font-family: Work Sans;

}



.accordion {

    display: none;

}



body .zur-kasse-disabled {

    background: transparent;

    cursor: not-allowed;

}

.sp-warenkorb-zurkasse_disabled {

    opacity: 50%;

}

.button-anmelden-price:hover {

    background: #F5F5F5;

}



.sp-articles-title {

    color: #212121;

    font-size: 17px;

    font-weight: 400;

    line-height: 24px;

}



.drop-items-blocks {

    width: 100%;

    height: 64px;

    padding: 4px;

    background: white;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);

    border-radius: 8px;

    border: 1px #E0E0E0 solid;

    justify-content: flex-start;

    align-items: center;

    gap: 16px;

    display: inline-flex;

    z-index: 1;

    transition: 0.4s;

    opacity: 100%;

}



.drop-items-blocks:hover, .group-item:hover {

    border: 1px solid #757575;

}



.ps-tab-list {

    display: flex;

}



.product-swap {

    margin-bottom: 24px;

}



.container-martfury-slider {

    display: flex;

    justify-content: center;

    gap: 16px;

    width: 100%;

    max-width: 1240px;

    margin: 0 auto;

}

#homepage-9 .main-item-martfury {

    width: 200px;

    height: 200px;

}

.product-martfury-items {

    position: relative;

    width: 24%;

    height: 100%;

    padding: 16px;

    background: white;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);

    border-radius: 8px;

    border: 1px #E0E0E0 solid;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    display: inline-flex;

    transition: .3s;

}



.ps-section__content {

    position: relative;

}



body .ps-carousel--nav .owl-nav::after {

    content: '';

    position: absolute;

    top: -200px;

    right: -2px;

    background: linear-gradient(270deg, #F5F5F5 2.5%, rgba(255, 255, 255, 0.00) 34.29%);

    width: 359px;

    height: 420px;

    pointer-events: none;

    z-index: -1;

}



@media (max-width: 1199px) {

    body .ps-carousel--nav .owl-nav {

        display: block;

    }

}



.product-martfury-items:hover {

    border-color: #616161;

}



body .owl-nav button {

    border-radius: 100% !important;

    border: 1px solid #BDBDBD !important;

    background: #FFF !important;

}



body .owl-nav button:hover {

    background: #FFF !important;

}



body .icon-chevron-right:before {

    content: '';

    display: inline-block;

    background-image: url('/img/spiral/right-slider.svg');

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    width: 24px;

    height: 24px;

}



body .ps-carousel--nav .owl-nav .owl-prev i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 24px;

    height: 24px;

    font-size: unset;

    padding-right: 0;

}



body .ps-carousel--nav .owl-nav .owl-next i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 24px;

    height: 24px;

    font-size: unset;

    padding-left: 0;

}



body .icon-chevron-left:before {

    content: '';

    display: inline-block;

    background-image: url('/img/spiral/right-slider.svg');

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    width: 24px;

    height: 24px;

    transform: rotate(180deg);

}



body .owl-nav button i {

    color: black !important;

}

body .ps-carousel--nav .owl-nav > * {

    left: 2px;

}



body .ps-carousel--nav .owl-nav {

    height: initial;

}

body .ps-carousel--nav .owl-nav .owl-prev, body .ps-carousel--nav .owl-nav .owl-next {

    margin-left: 0;

    margin-right: 0;

}

.product-completions {

    width: 100%;

}

.product-img-container {

    padding: 20px 9px 0 9px;

    display: inline-flex;

    justify-content: center;

    align-items: flex-start;

    gap: 10px;

    width: 100%;

}



.wishlist-martfury-item {

    position: absolute;

    top: -7px;

    right: -5px;

    background: #FFF;

    border-radius: 999px;

}



.wishlist-martfury-item img {

    padding: 4px;

}



.varianten-martfury-item {

    position: absolute;

    top: 0;

    left: 0;

    color: #212121;

    font-size: 11px;

    font-weight: 400;

    line-height: 12px;

    letter-spacing: 0.55px;

    text-transform: uppercase;

}



.martfury-art-number {

    color: #616161;

    font-size: 13px;

    font-style: normal;

    font-weight: 400;

    line-height: 160%;

    height: 21px;

}



.product-martfury-title {

    color: #212121;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    font-size: 17px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px;

    max-width: 218px;

    width: 218px;

    height: 50px;

}



.button-anmelden-price {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 36px;

    padding-right: 12px;

    padding-left: 12px;

    border-radius: 8px;

    border: 1px solid #9E9E9E;

    color:  #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    cursor: pointer;

    white-space: nowrap;

}



.drop-item-img {

    width: 56px;

    height: 56px;

    padding: 4px;

    background: white;

    border-radius: 6px;

    overflow: hidden;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 4px;

    display: inline-flex;

}



body .owl-carousel {

    z-index: 0;

}

.sp-header__kassa {

    display: none;

}

.header_block__nav-link a{

    color: #212121 !important;

    font-size: 17px;

    font-weight: 600;

    line-height: 20px;

    cursor: pointer;

}



.header_block__nav-link a:hover {

    color: #212121;

    text-decoration: underline;

}



.header_block__nav-link .header_block__nav-div {

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 20px;

    cursor: default;

}



.header_block__nav-link .header_block__nav-div:hover {

    color: #212121;

    text-decoration: none;

}



.header_block__nav-links a:hover {

    color: #212121 !important;

}



.sp-bread__crumb.in-suche {

    padding-left: 0;

}



.drop-title {

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    display: flex;

    align-items: center;

    gap: 8px;

    cursor: pointer;

}



.stripe-block-footer {

    justify-content: center;

    align-items: center;

    gap: 6px;

    padding: 16px 0;

    margin-top: 32px;

    background: #E0E0E0;

    display: none;

}



.drop-cancel-button {

    display: flex;

    align-items: center;

    gap: 4px;

    cursor: pointer;

}



.drop-items-text {

    flex: 1 1 0;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.accordion-item:first-of-type {

    pointer-events: none

}



.panel-top {

    width: 100%;

    height: 30px;

    padding-top: 6px;

    padding-bottom: 6px;

    background: #EEEEEE;

    border-bottom: 1px white solid;

    justify-content: space-between;

    align-items: center;

    display: inline-flex;

}



.panel-top__time {

    color: #616161;

    font-size: 14px;

    font-weight: 400;

    line-height: 18.20px;

}



.checkout-page .vorteil {

    gap: 8px;

}



#add-opacity {

    opacity: 0.5;

}



.panel-top__horizintal {

    justify-content: flex-start;

    align-items: center;

    display: flex;

}



.panel-top__flex {

    justify-content: flex-start;

    align-items: center;

    display: flex;

}



.panel-top__language {

    text-align: center;

    color: #616161;

    font-size: 14px;

    font-weight: 400;

    line-height: 21px;

}



.panel-top__vector {

    width: 17px;

    height: 23px;

}



.panel-top__line {

    width: 20px;

    height: 0;

    transform: rotate(-90deg);

    border: 0.50px white solid;

}



.panel-top__nav a{

    text-align: center;

    color: #616161;

    font-size: 14px;

    font-weight: 400;

    line-height: 21px;

}



body #homepage-9 .links-container p a:hover {

    color: #CCB100 !important;

}



.panel-top__nav a:hover {

    color: #616161;

}







.error-checkbox p {

    margin-top: 10px;

    color: #BE3F3F;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.header_block__nav-link {

    position: relative;

    padding-bottom: 30px;

    z-index: 10;

}



.dropdown-menu-link {

    display: none;

}



.dropdown-menu-link p {

    display: flex;

    padding: 8px;

    align-items: center;

    gap: 8px;

    align-self: stretch;

    border-radius: 6px;

    color: #212121;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

    transition: 2ms;

}



.dropdown-menu-link p:hover {

    background: #F5F5F5;

}



.header_block__nav-link:hover .dropdown-menu-link{

    display: flex;

    flex-direction: column;

    min-width: 200px;

    padding: 8px;

    position: absolute;

    left: -16px;

    top: 48px;

    border-radius: 8px;

    border: 1px solid #E0E0E0;

    background: #FFF;

    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);

    z-index: 1;

}



.dropdown-link {

    padding: 10px;

    text-decoration: none;

    color: #333;

}



.header-block__main {

    display: inline-flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    width: 100%;

    height: 109px;

    padding-top: 12px;

    padding-bottom: 12px;

    background: #FFDD00;

}



.thumbnailtodetail img {

    border-radius: 4px;

    aspect-ratio: 1/1;

    object-fit: contain;

}



.header-block__row {

    align-self: stretch;

    justify-content: flex-start;

    align-items: center;

    gap: 48px;

    display: inline-flex;

}



.header_block__logo {

    width: 170px;

    height: 43.60px;

}



.header_block__search {

    flex: 1 1 0;

    height: 45px;

    background: #FFFCE5;

    border-radius: 8px;

    overflow: hidden;

    position: relative;

}



.header_block__item {

    color: #757575;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.header_block__item input {

    background: #FFFCE5;

    width: 100%;

    height: 45px;

    padding-left: 16px;

    border: 2px solid transparent;

    transition: .3s;

    border-radius: 8px;

}



.header_block__item input:focus-visible {

    outline: none;

    border-radius: 8px;

}



.header_block__button {

    position: absolute;

    right: 16px;

    top: 10px;

    border: none;

    background: none;

    padding: 0;

}



.header_block__nav {

    position: relative;

    display: inline-flex;

    align-self: stretch;

    justify-content: space-between;

    align-items: baseline;

}



.header_block__nav-items {

    justify-content: flex-start;

    align-items: baseline;

    gap: 32px;

    display: flex;

}



.header_block__nav-links {

    display: flex;

    align-items: center;

    gap: 4px;

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 20px;

    cursor: pointer;

}



.header_block__nav-users {

    justify-content: flex-start;

    align-items: center;

    gap: 24px;

    display: flex;

}



.drop-items {

    display: inline-block;

    margin-right: 10px;

    width: calc(25% - 12px);

    margin-bottom: 12px;

    transition: all 6s ease-out;

}

.drop-items:nth-child(4n) {

    margin-right: 0;

}

.slide-out {

    left: -2000px; /* Move the container to the left to create a sliding effect */

    opacity: 0;

}



.drop-sorts {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin-top: 16px;

    margin-bottom: 12px;

    height: 24px;

    z-index: 1;

    position: relative;

}



.header_block__nav-users {

    justify-content: flex-start;

    align-items: center;

    gap: 24px;

    display: flex;

    /*position: absolute;*/

    /*right: 0;*/

    /*top: 0;*/

}



.header_block__nav-netto.active {

    background: #616161;

    color: #FAFAFA;

    font-weight: 600;

}



.header_block__nav-brutto.active {

    background: #616161;

    color: #FAFAFA;

    font-weight: 600;

}



.header_block__nav-buttons {

    padding-right: 4px;

    justify-content: flex-start;

    align-items: center;

    gap: 16px;

    display: flex;

    position: relative;

}





.header_block__nav-icons {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 4px;

}



.header_block__nav-count {

    display: inline-flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    gap: 10px;

    position: absolute;

    top: 4px;

    right: 4px;

    background: #008CFF;

    border-radius: 100px;

    height: 16px;

    min-width: 16px;

    padding-left: 5px;

    padding-right: 5px;

}



.header_block__nav-number {

    text-align: center;

    color: white;

    font-size: 12px;

    font-weight: 400;

    line-height: 18px;

}



.header_block__nav-toggle {

    padding: 4px;

    background: #FFDD00;

    border-radius: 999px;

    overflow: hidden;

    border: 0.50px #616161 solid;

    justify-content: center;

    align-items: center;

    display: flex;

}



.header_block__nav-brutto {

    height: 16px;

    padding-left: 8px;

    padding-right: 8px;

    border-radius: 999px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: flex;

    cursor: pointer;

    font-size: 12px;

    line-height: 16px;

    white-space: nowrap;

}



.header_block__nav-netto {

    height: 16px;

    padding-left: 8px;

    padding-right: 8px;

    border-radius: 999px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: flex;

    cursor: pointer;

    font-size: 12px;

    line-height: 16px;

    white-space: nowrap;

}



.sp-footer__max {

    background: #EEEEEE;

}



.footer-block {

    width: 100%;

    height: 100%;

    padding-top: 40px;

    padding-bottom: 40px;

    background: #EEEEEE;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 20px;

    display: inline-flex;

}



.footer-block__map {

    flex: 1 1 0;

    height: 100%;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

    display: flex;

}



.footer-block__category {

    flex: 1 1 0;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 9px;

    display: inline-flex;

}



.footer-block__category-titel {

    align-self: stretch;

    height: 24px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.footer-block__category-contacts {

    align-self: stretch;

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.sp-step {

    margin-top: 64px;

    color: #BDBDBD;

    font-size: 20px;

    font-weight: 600;

    line-height: 24px;

    border-bottom: 1px solid #BDBDBD;

    padding-bottom: 12px;

}



.footer-block__social {

    align-self: stretch;

    padding-top: 4px;

    padding-bottom: 4px;

    justify-content: flex-start;

    align-items: center;

    gap: 10px;

    display: inline-flex;

}



.footer-block__links {

    padding: 10px;

    border-radius: 999px;

    border: 0.50px #616161 solid;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 10px;

    display: flex;

}



.footer-block__tel {

    width: 24px;

    height: 24px;

    position: relative;

}



.footer-block__info {

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    display: inline-flex;

}



.footer-block__style {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 22.40px;

}



.footer-block__wieght {

    color: #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 22px;

}



.footer-block__text {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 22.40px;

}



.footer-block__mail {

    padding: 10px;

    border-radius: 999px;

    border: 0.50px #616161 solid;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 10px;

    display: flex;

}



.footer-block__punkte p span {

    color: #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 28px;

    margin: 0 4px 0 0;

}



.footer-block__time {

    align-self: stretch;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 10px;

    display: inline-flex;

}



.mail-icon {

    width: 24px;

    height: 24px;

    position: relative;

}



.social-media {

    justify-content: flex-start;

    align-items: flex-start;

    gap: 16px;

    display: inline-flex;

}



.social-links {

    width: 24px;

    height: 24px;

}



.inst-icon {

    width: 24px;

    height: 24px;

}



.fa-icon {

    width: 24px;

    height: 24px;

}



.tune-icon {

    width: 24px;

    height: 24px;

}



.footer-list__items {

    flex: 1 1 0;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 12px;

    display: inline-flex;

}

.kasse-warenkorb-tablet .sp-articles {

    display: none;

}

.warenkorb-tablet-user {

    display: none;

}

.footer-list__titel {

    align-self: stretch;

    height: 24px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.footer-main__titel {

    align-self: stretch;

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.footer-list__text a {

    color: #616161;

    font-size: 14px;

    font-weight: 400;

    line-height: 28px;

}



.lieferadresse-container {

    display: none;

    width: 100%;

    flex-wrap: wrap;

}



.sertificates-info {

    width: 100%;

    height: 100%;

    max-width: 1200px;

    margin: 0 auto;

    padding-top: 32px;

    padding-bottom: 32px;

    background: #EEEEEE;

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.sertificates-info__container {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.sertificates-info__container img {

    margin-right: 32px;

}



.panel-bottom {

    width: 100%;

    height: 100%;

    padding-top: 8px;

    padding-bottom: 8px;

    background: #212121;

    justify-content: space-between;

    align-items: center;

    gap: 10px;

    display: inline-flex;

}



.panel-bottom__logo {

    justify-content: flex-start;

    align-items: center;

    gap: 12px;

    display: flex;

}



.panel-bottom__spiral {

    width: 24px;

    height: 24px;

    position: relative;

}



.spiral-icon {

    width: 24px;

    height: 24px;

    left: 0;

    top: 0;

    position: absolute;

}



.panel-bottom__links {

    text-align: center;

    color: #FFF;

    font-size: 12px;

    font-weight: 400;

    line-height: 16.80px;

}

.panel-bottom__links:hover {

    color: #FFF;

}





.panel-bottom__text-logo {

    text-align: center;

    color: white;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 0.42px;

}



.panel-bottom__fast-links {

    justify-content: flex-start;

    align-items: center;

    gap: 16px;

    display: flex;

    flex-wrap: wrap;

}



.header_block__nav-svg {

    position: relative;

    background: #FD0;

    border-radius: 100%;

    padding: 8px;

    cursor: pointer;

    transition: .3s;

}



.header_block__nav-svg:hover {

    background: #E6C700;

}





.header-mobile__nav {

    width: 100%;

    height: 104px;

    padding: 8px 48px;

    background: #FFDD00;

    display: inline-flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

}



.header-mobile__container {

    align-self: stretch;

    justify-content: space-between;

    align-items: center;

    gap: 57px;

    display: inline-flex;

}



.header-mobile__logo {

    justify-content: flex-start;

    align-items: center;

    display: flex;

}



.header-mobile__icons {

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

}



.header-mobile__central {

    width: 40px;

    height: 40px;

    padding: 8px;

    background: #FFDD00;

    border-radius: 999px;

    justify-content: center;

    align-items: center;

    position: relative;

    gap: 8px;

    display: flex;

}



.header-mobile__counter {

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: inline-flex;

    position: absolute;

    right: 3px;

    top: 3px;

    height: 16px;

    min-width: 16px;

    padding: 3px;

    background: #008CFF;

    border-radius: 100px;

}



.dialog-container {

    position: fixed;

    top: 0;

    right: -100%;

    height: 100%;

    max-height: 886px;

    width: 100%;

    max-width: 488px;

    padding: 24px 16px;

    background-color: #f0f0f0;

    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);

    transition: right 0.3s ease-in-out;

    z-index: 1001;

}

.bootstrap-datetimepicker-widget table tr td.new {

    visibility: collapse;

    height: 0 !important;

    margin-top: 0 !important;

}



.bootstrap-datetimepicker-widget table tr td.old {

    visibility: hidden;

}

.overlay {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1000;

}



.warenkorb-kasse-box .overlay {

    justify-content: center;

    align-items: center;

}



#show-dialog-button {

    cursor: pointer;

    display: flex;

}



.import-search {

    width: 100%;

    height: 44px;

    padding-left: 16px;

    padding-right: 16px;

    background: #FAFAFA;

    border-radius: 8px;

    overflow: hidden;

    border: 1px #757575 solid;

    justify-content: flex-start;

    align-items: center;

    display: inline-flex;

    margin-top: 12px;

}



.import-search__text {

    color: #9E9E9E;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.dialog-subtitle {

    font-weight: 600;

    margin-bottom: 12px;

}



.dialog-title {

    border-bottom: 1px solid #212121;

    padding-bottom: 12px;

    padding-top: 12px;

    margin-bottom: 0;

}



.dialog-title {

    font-weight: 600;

}



.close-button {

    width: 24px;

    height: 24px;

    cursor: pointer;

    position: relative;

    left: 90%;

}



.sp-button__import {

    width: 100%;

    padding: 8px 0;

    border-radius: 8px;

    background: #FD0;

    display: flex;

    justify-content: center;

    margin-top: 12px;

    font-weight: 600;

}



.dialog-import {

    padding-top: 32px;

}



.dialog-upload {

    padding-top: 32px;

}



.dialog-footer {

    background: #616161;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    text-align: left;

    padding: 16px 16px 52px 16px;

}



.dialog-footer-text {

    display: flex;

    gap: 5px;

}



#csvImportStatus {

    line-height: 16px;

}



.footer-btn {

    width: 100%;

    padding: 8px 0;

    display: flex;

    justify-content: center;

    font-weight: 600;

    border: none;

}



.dialog-footer span {

    color: #FAFAFA;

    font-weight: 600;

    font-size: 15px;

    line-height: 20px;

}

.dialog-footer p {

    color: #FAFAFA;

    font-weight: 400;

    font-size: 15px;

    line-height: 20px;

}



.header-mobile__frame {

    width: 40px;

    height: 40px;

    justify-content: flex-start;

    align-items: center;

    gap: 10px;

    display: flex;

}



@media (max-width: 1400px) {

    /* Breite */

        

        .sp-product__info .sp-product__right {

        width: 100%;

    }



    .sp-product__img .sp-product__main {

        flex: unset;

    }



    .sp-product__img {

        justify-content: center;

    }



}



.sp-warenkorb__links .sp-button__mobile {

    display: none;

}

.sp-product__quantity.sp-button__mobile {

    display: none;

}

.kasse-section-details .checkbox-form__daten input {

    width: 21px;

    height: 21px;

    margin-right: 10px;

    margin-left: 21px;

}



.kasse-section-details .custom-input-sign {

    background: unset;

}



.kasse-section-details .dropdown-toggle-sign {

    background: unset;

}



#countrylist {

    margin-right: 0;

}



.hidden-block-payment p{

    padding-right: 16px;

    padding-left: 16px;

}





.sp-header__kassa-mobile {

    display: none;

}



/* mobile */



@media (max-width: 360px) {

    body .table-info-kasse .kasse-table-mainprice {

        width: 60px;

    }

    body .kasse-details-delete .sp-input-wrap .floating-label {

        font-size: 12px;

        top: 3px;

    }

}



@media (max-width: 426px) {

    .kasse-details-delete .sp-input-wrap .floating-label {

        font-size: 14px;

    }

    body .centauri-muster-buttons {

        display: flex;

        flex-direction: column;

        gap: 10px;

    }

    body .sp-merkliste-total .ps-product__cart .ps-btn {

        padding: 8px;

    }

    body #back2top.active  {

        bottom: 90px;

        right: 23px;

    }

    body .Image {

        width: 68px !important;

        height: 68px !important;

    }

    .steps .sp-reg-title-lief {

        padding-top: 24px;

    }

    .min-h-screen-header-footer .spiral-sign-page {

        background: #FAFAFA;

    }

    .spiral-sign-page .sp-rechnung-form {

        padding: 0;

    }

    .spiral-sign-page .sp-product__container {

        padding: 0 12px;

    }

    .sp-header__kassa-mobile {

        display: block;

        margin-bottom: 24px;

        width: 100%;

    }

    body .sp-coupon__section .warning-message {

        width: 100%;

    }

    .sp-header__title .sp-articles-title {

        font-size: 15px;

        font-weight: 400;

        line-height: 20px;

    }

    .sp-articles-title #spPositions, .sp-articles-title #spArticles {

        font-size: 15px;

        line-height: 20px;

    }

    .sp-content__info--item .sp-quantity__box {

        width: 100px;

        margin-top: 16px;

        height: 36px;

    }

    .ps-product--list .ps-product__content .ps-product__variations {

        align-items: flex-start;

    }

    .sp-product__controller .sp-product__variations {

        flex-direction: column;

        align-items: flex-start;

        align-content: flex-start;

        width: 100%;

    }



    body .min-h-screen-header-footer .sp-warenkorb__page {

        padding: 0 12px !important;

    }

    .sp-header .sp-header__title h3 {

        font-size: 22px;

        line-height: 28px;

    }

    .sp-header__title .sp-header__complects {

        flex-wrap: wrap;

        width: 70%;

    }

    .sp-header__title  .sp-complects__add:nth-child(2) {

        margin-left: 0;

    }

    .sp-warenkorb__page .sp-content__title {

        display: none;

    }

    .sp-warenkorb__page .sp-warenkorb__grid {

        flex-direction: column;

        width: 100%;

    }

    .sp-warenkorb__page .sp-warenkorb__links {

        gap: 0;

        padding: 24px 0;

        border-top: 1px solid #616161;

        border-bottom: 1px solid #616161;

    }



    .sp-cart__wrap .sp-coupon__section .sp-check__list {

        width: 100%;

    }

    .sp-cart__wrap .sp-coupon__section .sp-buttons__container {

        flex-direction: column-reverse;

    }

    .sp-cart__wrap .sp-coupon__section .sp-button__weiter  {

        width: 100%;

    }

    .sp-cart__wrap .sp-coupon__section .sp-promo__kassa {

        width: 100%;

    }

    .sp-warenkorb__links .sp-button__mobile {

        display: flex;

        margin-bottom: 24px;

    }

    .sp-content__right .sp-content__sum {

        justify-content: space-between;

        gap: 4px;

        width: 107.5px;

        text-align: right;

    }

}



@media (min-width: 1101px) {

    .stripe-block-fter {

        display: none;

    }

    .kasse-dialog-total {

        display: none;

    }

    .kasse-gutsche {

        display: none !important;

    }

    .kasse-header-mobile {

        display: none;

    }

    .warenkorb-kasse-block-mob {

        display: none;

    }



    .sp-content__info .sp-content__info--item {

        max-width: 250px;

    }



}



@media (max-width: 1100px) {

    body .panel-top__hor--container {

        display: none;

    }

    body .sp-shop__category {

        text-overflow: unset;

        white-space: normal;

        max-width: 100%;

        width: 100%;

        height: 44px;

        display: inline-grid;

        justify-items: start;

        align-items: center;

        margin-left: 8px;

    }



    .panel-top {

        padding-left: 48px;

    }



    body .sp-shop__gruppen {

        padding-left: 0;

        gap: 0;

    }



    body  .dialog-category .sp-shop__gruppen {

        padding-top: 0;

        padding-bottom: 0;

    }



    body .sp-shop__container {

        display: unset;

        width: 100%;

    }



    body .sp-shop__category a {

        text-overflow: ellipsis;

        overflow: hidden;

        white-space: nowrap;

        max-width: 270px;

        width: 270px;

        display: inline-block;

        text-align: left;

        padding-left: 16px;

    }



    body .message-area {

        padding: 8px 48px;

    }

    body .ps-product.grid .ps-product__thumbnail {

        margin-top: 15px;

    }

    body .UID-container {

        margin-top: 12px;

    }

    #vat-error {

        height: 10px;

    }

    .ps-product .invisible-block {

        width: 100px;

    }

    body .fixed-menu + #homepage-9 {

        padding-top: 104px;

    }

    .checkout-page .stripe-block-footer {

        display: flex;

    }

    .kasse-warenkorb-detais {

        border-bottom: 1px solid #9E9E9E;

        padding-bottom: 20px;

        position: relative;

    }

    body .info-block-total {

        margin-top: 36px;

    }



    body .kasse-warenkorb-tablet {

        display: flex;

        flex-direction: column;

        gap: 4px;

    }



    body .kasse-warenkorb-tablet .sp-articles {

        display: block;

    }



    body .warenkorb-tablet-user {

        display: block;

    }





    .kasse-warenkorb-tablet .sp-articles {

        color: #212121;

        font-size: 14px;

        font-weight: 400;

        line-height: 20px;

    }



    .kasse-warenkorb-tablet .sp-articles span {

        font-weight: 600;

    }



    .warenkorb-tablet-user {

        color: #212121;

        font-size: 15px;

        font-weight: 600;

        line-height: 20px;

    }

    .success-page .success-main-title {

        font-size: 34px;

        line-height: 36px;

        letter-spacing: unset;

    }

    .success-page {

        padding: 0 48px;

    }

    .success-page .success-title img {

        top: -90%;

    }

    .success-page .success-title {

        margin-top: 87px;

    }

    .footer-info-kasse {

        padding-left: 48px;

    }

    body .footer-repres {

        margin: 0;

    }



    .spiral-sign-page .text-wrapper {

        font-size: 22px;

        line-height: 28px;

    }

    body .sp-form-group .submit-button {

        max-width: 100%;

    }

    .spiral-sign-page .sp-step {

        margin-top: 40px;

        font-size: 17px;

    }

    body .sp-input-wrap {

        margin-right: 0;

    }

    .spiral-sign-page .steps {

        padding-left: 48px;

        padding-right: 48px;

    }

    .spiral-sign-page .webshop-vorteile {

        padding-left: 48px;

    }

    .spiral-sign-page .sp-registration-start {

        padding-left: 48px;

    }

    .sp-coupon__section .warning-message {

        margin-top: 24px;

        align-self: unset;

        width: 50%;

    }

    body .sp-content__adjust img {

        width: 20px;

        height: 20px;

    }

    .categoryfilter {

        display: flex;

        flex-direction: column;

        gap: 8px;

    }

    .sp-header .sp-header__title {

        flex-direction: column;

        width: 100%;

    }



    .sp-header__title .sp-anmelden-form, .sp-header__title .sp-neukunde-form {

        width: 100%;

        padding: 24px;

    }

    .min-h-screen-header-footer .container-martfury-slider {

        flex-direction: column;

        gap: 4px;

    }

    .min-h-screen-header-footer .product-martfury-items {

        width: 100%;

        padding: 12px;

        gap: 24px;

    }

    .product-martfury-items .product-img-container {

        width: unset;

        padding: 0;

    }

    .product-img-container .main-item-martfury {

        width: 84px;

        height: 84px;

    }



    body .sp-warenkorb__page {

        padding: 0 48px;

    }

    body .ps-product__container .ps-product__content .ps-product__title {

        max-width: 100%;

        width: 100%;

    }

    body .ps-product-shop .ps-product .ps-product__container {

        width: 100%;

    }

    .sp-container__max.p-n {

        padding: 0 48px;

    }

    body .warengruppe-section {

        padding: 0 48px;

    }

    .warengruppe-section .warengruppe-block {

        display: flex;

        flex-direction: column;

    }

    .warengruppe-block .warengruppe-left-block {

        position: unset;

        height: 100%;

        width: 100%;

        padding-top: 24px;

        padding-right: 0;

        padding-left: 0;

        padding-bottom: 0;

        background: transparent;

    }

    .warengruppe-block .warengruppe-banner {

        background-image: url("/img/spiral/tablet-group.png");

        height: 160px;

    }

    .group-list .group-item {

        width: 49%;

    }



    .warengruppe-section .group-list {

        gap: 4px;

    }



    .group-item .group-text {

        max-width: 252px;

    }

    .warengruppe-left-block .title-banner {

        font-size: 30px;

        line-height: 32px;

    }

    .IconBurgerMenu, .menu-button-crosser {

        cursor: pointer;

    }

    .menu-burger {

        display: none;

        width: 100%;

        height: 120vh;

        padding-top: 8px;

        padding-bottom: 64px;

        padding-left: 8px;

        padding-right: 8px;

        background: #FFDD00;

        flex-direction: column;

        align-items: flex-start;

        transition: right 0.3s ease-in-out;

        z-index: 999;

        position: absolute;

        left: 0;

        top: 0;

        gap: 140px;

    }



    .menu-burger.active {

        display: flex;

    }



    .sortiment-dialog.active {

        display: flex;

    }



    .menu-box {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        display: flex;

        gap: 8px;

    }



    .menu-wrap {

        align-self: stretch;

        padding-left: 4px;

        padding-right: 4px;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        display: flex;

    }



    .menu-button-crosser {

        align-self: stretch;

        padding-right: 8px;

        justify-content: space-between;

        align-items: center;

        display: inline-flex;

        padding-top: 46px;

        padding-bottom: 24px;

    }



    .menu-icon {

        width: 44px;

        height: 44px;

        background: #FFDD00;

        justify-content: center;

        align-items: center;

        display: flex;

    }



    .menu-links-mobile {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 8px;

        display: flex;

    }



    .menus-property {

        align-self: stretch;

        padding: 8px;

        border-radius: 6px;

        justify-content: space-between;

        align-items: center;

        display: inline-flex;

        cursor: pointer;

    }



    .menus-property:active {

        background: #FFEB66;

    }



    .menu-link {

        color: #212121;

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

    }



    .menu-social {

        align-self: stretch;

        padding-left: 8px;

        padding-right: 8px;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 32px;

        display: flex;

    }



    .menu-social-contact {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 12px;

        display: flex;

    }

    .menu-contact-language {

        align-self: stretch;

        justify-content: space-between;

        align-items: center;

        display: inline-flex;

    }

    .menu-social-container {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 4px;

        display: flex;

    }



    .menu-social-link {

        align-self: stretch;

        color: #212121;

        font-size: 14px;

        font-weight: 600;

        line-height: 20px;

    }



    .menu-socials {

        align-self: stretch;

        justify-content: flex-start;

        align-items: center;

        gap: 8px;

        display: inline-flex;

    }



    .menu-socials-links {

        flex: 1 1 0;

        color: #212121;

        font-size: 14px;

        font-weight: 400;

        line-height: 20px;

    }



    .menu-social-datum {

        align-self: stretch;

        color: #212121;

        font-size: 14px;

        font-weight: 400;

        line-height: 20px;

    }



    .menu-contact-block {

        align-self: stretch;

        height: 180px;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 24px;

        display: flex;

    }



    .menu-sorting.active {

        left: 0 !important;

    }



    body.menu-open,

    #menuContainer.menu-open,

    #menuSorting.menu-open {

        overflow: hidden;

    }



    .menu-sorting-subcategories {

        display: flex;

        flex-direction: column;

    }



    .menu-sorting-links {

        width: 100%;

        padding: 12px 8px;

        color: #212121;

        font-size: 15px;

        font-weight: 500;

        line-height: 20px;

        border-bottom: 0.5px solid #757575;

    }

    .menu-sorting {

        position: fixed;

        top: 130px;

        right: 0;

        bottom: 0;

        left: 100%;

        width: 100%;

        height: 100vh;

        padding: 0 12px;

        transition: all 0.3s ease-in-out;

        /*transform: translateY(166px);*/

        background: #FFDD00;

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        z-index: 1000;

        overflow: hidden;

    }



    .menu-sorting-wrap {

        align-self: stretch;

        justify-content: space-between;

        align-items: center;

        display: inline-flex;

        width: 100%;

        max-width: 100%;

        background: #FD0;

        margin-bottom: 24px;

        margin-top: 24px;

    }



    .menu-sorting-stage {

        width: 40px;

        height: 40px;

        padding: 8px;

        justify-content: center;

        align-items: center;

        gap: 8px;

        display: flex;

        cursor: pointer;

    }



    .menu-sorting-link {

        text-align: right;

        color: #212121;

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

    }



    .menu-sorting-cart {

        align-self: stretch;

        height: 100%;

        width: 100%;

        padding-bottom: 90px;

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        gap: 4px;

        overflow-y: auto;

        overflow-x: hidden;

        max-height: calc(100vh - 235px);

    }



    .menu-sorting-group {

        align-self: stretch;

        padding: 4px;

        background: white;

        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);

        border-radius: 8px;

        border: 1px #E6C700 solid;

        justify-content: flex-start;

        align-items: center;

        gap: 10px;

        display: inline-flex;

    }



    .sorting-img {

        padding: 2px;

        background: #FFF;

        border-radius: 6px;

        overflow: hidden;

        flex-direction: column;

        justify-content: flex-start;

        align-items: center;

        gap: 4px;

        display: inline-flex;

    }



    .sorting-img img {

        width: 44px;

        height: 44px;

    }



    .menu-sorting-text {

        flex: 1 1 0;

        color: #212121;

        font-size: 14px;

        font-weight: 600;

        line-height: 20px;

    }

    .menu-lang {

        align-self: stretch;

        justify-content: space-between;

        align-items: center;

        display: inline-flex;

    }



    .menu-side-lang {

        padding-right: 8px;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        display: inline-flex;

    }



    .menu-property-lang {

        justify-content: flex-start;

        align-items: baseline;

        display: inline-flex;

    }



    .lang-frame {

        width: 36px;

        height: 36px;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        gap: 4px;

        display: inline-flex;

    }



    .lang-style {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        gap: 4px;

        display: flex;

        height: 18px;

    }



    .lang-style.active {

        border-bottom: 2px #212121 solid;

    }



    .lang-style.active .lang-template {

        font-weight: 600;

    }



    .lang-template {

        color: #212121;

        font-size: 14px;

        font-weight: 400;

        line-height: 20px;

    }



    .kasse-block-left {

        width: 100% !important;

    }



    .kasse-form .sp-anmelden {

        width: 100% !important;

        padding-right: 0 !important;

    }

    body .stripe-block-fter {

        display: flex;

        justify-content: center;

        align-items: center;

        gap: 6px;

        padding: 16px 4px;

        background: #E0E0E0;

    }



    .stript-text {

        font-size: 10px;

        font-weight: 400;

        line-height: 12px;

    }



    .warenkorb-section-kasse .kasse-gutsche .GutscheinEinlSen{

        margin-top: 20px;

        margin-bottom: 0;

    }

    .kasse-gutsche .GutscheinEinlSen {

        margin: 40px 0;

    }

    .kasse-gutsche {

        display: block;

        width: 100%;

    }

    .warenkorb-kasse-block-mob {

        display: block;

        width: 100%;

    }

    .zussamen-price {

        width: 78px;

        text-align: right;

        color: #212121;

        font-size: 14px;

        font-weight: 400;

        white-space: nowrap;

        line-height: 20px;

    }

    .zusammen-fassung {

        color: #212121;

        font-size: 14px;

        font-weight: 600;

        line-height: 20px;

        display: flex;

        align-items: center;

        gap: 4px;

        cursor: pointer;

        z-index: 1;

    }



    .kasse-pruf-wrap {

        display: flex;

        align-items: center;

        width: 100%;

        justify-content: space-between;

    }



    .kasse-costed-block {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 4px;

        display: flex;

    }



    .dialog-title-warenkrob {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 16px;

        display: flex;

    }



    .dialog-title-wrap {

        align-self: stretch;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 4px;

        display: inline-flex;

    }



    .dialog-ihr-warenkrob {

        text-align: center;

        color: #212121;

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

    }



    .kasse-costed-summery {

        align-self: stretch;

        justify-content: space-between;

        align-items: flex-start;

        display: inline-flex;

    }



    .kasse-costed-gesamtsumme {

        text-align: center;

        color: #212121;

        font-size: 14px;

        font-weight: 600;

        line-height: 20px;

    }



    .kasse-costed-zwischensumme {

        text-align: center;

        color: #212121;

        font-size: 14px;

        font-weight: 400;

        line-height: 20px;

    }



    .kasse-costed-gesamtsumme {

        align-self: stretch;

        justify-content: space-between;

        align-items: flex-start;

        display: inline-flex;

    }



    .kasse-infos-dialog {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 16px;

        display: flex;

    }



    .kasse-infos-wrap {

        align-self: stretch;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 4px;

        display: inline-flex;

    }



    .kasse-infos-text {

        text-align: center;

        color: #212121;

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

    }



    .kasse-process-checking__wrap {

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: space-between;

        color: #212121;

        font-size: 14px;

        font-weight: 600;

        line-height: 20px;

    }



    .kasse-process-andern {

        text-align: center;

        color: #757575;

        font-size: 14px;

        font-weight: 400;

        text-decoration: underline;

        line-height: 20px;

    }



    .kasse-process-payment {

        color: #212121;

        font-size: 14px;

        font-weight: 400;

        line-height: 20px;

    }



    .kasse-prufen-text {

        text-align: center;

        color: #212121;

        font-size: 14px;

        font-weight: 600;

        line-height: 20px;

    }





    .logo-schritte-mobile {

        display: flex;

        justify-content: space-between;

        align-items: center;

        width: 100%;

    }

    .logo-schritte-mobile.schritte-auswahl {

        justify-content: flex-end;

    }



    .header-block__search .header_block__button {

        top: 7px;

    }

    body .accordion-header {

        padding: 0 48px;

        height: 24px;

    }

    body .accordion-header .accordion-title{

        font-size: 12px;

        color: #616161;

        font-weight: 400;

        line-height: 16px;

        overflow: hidden;

        text-overflow: ellipsis;

        max-width: 570px;

        white-space: nowrap;

        padding-top: 4px;

        padding-bottom: 4px;

        pointer-events: none;

    }

    .sp-product__container.sp-product__info .sp-slider-container {

        width: 100%;

    }



    .min-h-screen-header-footer .sp-bread__crumb {

        display: none;

    }





    .sp-header .sp-header__kassa {

        width: 100%;

        max-width: 241px;

        display: block;

    }



    .footer-block__map {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        grid-template-rows: repeat(2, 1fr);

        grid-column-gap: 30px;

        grid-row-gap: 32px;

    }



    .footer-block {

        padding: 40px 48px;

    }



    .sertificates-info {

        padding: 32px 48px;

    }



    .panel-bottom {

        padding: 10px 48px;

    }



    .sertificates-info__container {

        gap: 20px 0;

    }



    .sp-content__product--box .sp-content__title {

        margin-top: 24px;

        margin-bottom: 8px;

    }



    #hiddenContent .sp-button__weiter {

        width: 100%;

    }



    .accordion-item {

        border-bottom: 1px solid #FFF;

        width: 100%;

    }



    .accordion-item:last-child {

        border-bottom: none;

    }



    .accordion-header {

        display: flex;

        justify-content: space-between;

        align-items: center;

        background-color: #EEE;

        padding: 4px 48px;

        cursor: pointer;

    }

    .arrow.rotate {

        transform: rotate(180deg);

    }

    .arrow {

        display: none;

        background-image: url('/img/spiral/arrow-down.svg');

        background-repeat: no-repeat;

        background-size: 20px;

        background-position: right center;

        width: 20px;

        height: 20px;

        transition: transform 0.2s;

        transform: rotate(0deg);

        pointer-events: none;

    }





    .accordion-content {

        padding: 4px 48px;

        display: none;

        position: absolute;

        z-index: 1;

        width: 100%;

    }



    .accordion-content p {

        font-size: 12px;

        color: #616161;

        font-weight: 400;

        line-height: 16px;

        margin-top: 4px;

        margin-bottom: 4px;

    }



    .accordion-content.active {

        display: flex;

        flex-direction: column;

        width: 100%;

        gap: 4px;

        background: #FAFAFA;

        font-weight: 600;

    }



    .accordion-header.active p {

        font-weight: 600;

    }



    .accordion-header.active, .accordion-header.active + .accordion-content {

        background-color: #FAFAFA;

        border: 1px solid #E6C700;

        border-top: 1px solid transparent;

    }



    body .sp-coupon__section {

        display: flex;

        width: 100%;

        margin-left: 0;

    }



    .sp-coupon__section .sp-buttons__container {

        margin-top: 8px;

        align-items: center;

        flex-direction: row;

    }



    .sp-cart__wrap {

        flex-direction: column;

    }



    .sp-cart__wrap .sp-content__product--box {

        width: 100%;

    }



    .sp-coupon__section .sp-promo__kassa {

        width: 50%;

    }



}





.kasse-section-details .sp-reg-subtitle {

    font-size: 24px;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 24px;

    max-width: 100%;

}



.sp-form-supplement {

    color:#757575;

    font-size:12px;

    line-height:16px;

    font-weight:400;

    padding: 10px 0;

}





.header-mobile__counter div {

    text-align: center;

    color: white;

    font-size: 12px;

    font-weight: 400;

    line-height: 18px;

}



.header-mobile__menu {

    align-self: stretch;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}



.header-mobile__frame {

    width: 40px;

    height: 40px;

    justify-content: flex-start;

    align-items: center;

    gap: 10px;

    display: flex;

}



.header-block__search {

    flex: 1 1 0;

    height: 40px;

    background: #FFFCE5;

    border-radius: 8px;

    overflow: hidden;

    width: 100%;

    position: relative;

}



@media (max-width: 1400px) {

   /* Breite */

   .sp-product__info .sp-product__right {

        width: 100%;

    }





    .sp-product__img .sp-product__main {

        flex: unset;

    }



    .sp-product__img {

        justify-content: center;

    }



    .sp-product__info .sp-slider-container {

        position: unset;

    }

}



.sp-warenkorb__links .sp-button__mobile {

    display: none;

}



.sp-product__quantity.sp-button__mobile {

    display: none;

}



.checkout-page .sp-daten-form {

    padding-top: 0;

}





.sp-daten-form {

    width: 100%;

    padding-top: 64px;

}



.kasse-section-details .sp-daten-form .custom-dropdown {

    margin-right: 0;

}



@media (max-width: 850px) {

    body .ps-shopping-product .ps-product--list .ps-product__content {

        flex-direction: column;

        align-items: stretch;

    }

    .ps-product__variations {

        align-items: flex-end;

    }

}



@media (max-width: 600px) {

    .sp-merkliste-section .sp-merkliste-wrap {

        margin-bottom: 4px;

    }

    body .sp-content__info--item {

        margin-left: 15px;

    }

    body #homepage-9 .ps-product--list .ps-product__image img {

        margin-bottom: 0 !important;

    }

    .sp-content__left--sight .sp-content__info .sp-item-img {

        width: 76px;

        height: 76px;

    }

    .sp-cart__products .sp-content__right {

        justify-content: flex-end;

        gap: 13px;

    }

    .sp-content__info .sp-content__info--item {

        max-width: 150px;

    }

}



.sp-form-benutz .sp-form-group {

    width: 100%;

}



.sp-benutzerdaten-form {

    padding: 64px 0;

}



.sp-form-benutz {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.kasse-section-details .checkbox-form__daten input {

    width: 21px;

    height: 21px;

    margin-right: 10px;

    margin-left: 21px;

}



.kasse-section-details .custom-input-sign {

    background: unset;

}



.kasse-section-details .dropdown-toggle-sign {

    background: unset;

}



.hidden-block-payment p {

    padding-right: 16px;

    padding-left: 16px;

}







/* mobile */



@media (max-width: 426px) {

    .checkout-page .kasse-title-warenkrob {

        max-width: 259px;

    }

    body .sp-content__right .sp-content__price--artikel {

        width: 107.5px;

        text-align: right;

    }



    body .sp-content__info .sp-content__info--item {

        margin-left: 24px;

        max-width: 165px;

    }

    body .ps-price__sehen {

        width: 100%;

    }

    body .ps-product__variations .ps-product__variations-to {

        display: flex;

        align-items: center;

        flex-direction: unset;

        width: 100%;

    }

    body #categoryproducts a.ps-btn {

        margin-top: 0;

        padding: 0 16px;

        width: 100%;

    }

    body .ps-shopping-product .row {

        margin-right: 0 !important;

        margin-left: 0 !important;

        gap: 10px;

    }

    .sp-content__info--item .sp-quantity__box {

        width: 100px;

        margin-top: 16px;

        height: 36px;

    }



    .sp-product__controller .sp-product__variations {

        flex-direction: column;

        align-items: flex-start;

        align-content: flex-start;

        width: 100%;

    }



    body .min-h-screen-header-footer .sp-warenkorb__page {

        padding: 0 12px;

    }



    body .sp-header .sp-warenkorb-title {

        font-size: 22px;

        line-height: 28px;

    }



    .sp-warenkorb__page .sp-header .sp-header__kassa {

        display: none;

    }

    .sp-warenkorb__page .sp-warenkorb__links .sp-header__kassa {

        display: block;

        margin-bottom: 24px;

        width: 100%;

    }



    .sp-header__title .sp-header__complects {

        flex-wrap: wrap;

        width: 70%;

    }



    .sp-header__title .sp-complects__add:nth-child(2) {

        margin-left: 0;

    }



    .sp-warenkorb__page .sp-content__title {

        display: none;

    }



    .sp-warenkorb__page .sp-header {

        padding-top: 24px;

        padding-bottom: 24px;

    }



    .sp-warenkorb__page .sp-warenkorb__grid {

        flex-direction: column;

        width: 100%;

    }



    .sp-warenkorb__page .sp-warenkorb__links {

        gap: 0;

        padding-top: 24px;

        padding-bottom: 12px;

        border-top: 1px solid #616161;

        border-bottom: 1px solid #616161;

    }



    body .sp-warenkorb__page .sp-cart__wrap {

        margin-top: 24px;

    }



    .sp-warenkorb__page .sp-warenkorb__items {

        margin-bottom: 12px;

    }



    .sp-cart__wrap .sp-coupon__section .sp-buttons__container {

        flex-direction: column-reverse;

    }



    .sp-cart__wrap .sp-coupon__section .sp-button__weiter {

        width: 100%;

    }



    .sp-cart__wrap .sp-coupon__section .sp-promo__kassa {

        width: 100%;

    }



    .sp-warenkorb__links .sp-button__mobile {

        display: flex;

        margin-bottom: 24px;

    }



    .sp-content__info img {

        width: 76px;

        height: 76px;

    }



    .sp-content__info--item .sp-product__quantity {

        display: flex;

        align-items: unset;

        height: unset;

    }

}



@media (min-width: 1101px) {

    .logged-in-drop {

        display: none;

    }

    .stripe-block-fter {

        display: none;

    }



    .kasse-dialog-total {

        display: none;

    }



    .kasse-gutsche {

        display: none !important;

    }





    .accordion {

        display: none;

    }



    .kasse-header-mobile {

        display: none;

    }



    .warenkorb-kasse-block-mob {

        display: none;

    }

}







@media (max-width: 1100px) {



    body .accordion {

        display: block;

    }

    .min-h-screen-header-footer .centauri-martfuryproductgallery {

        padding: 0;

    }

    body .footer-repres {

        width: 100%;

    }

    .kasse-section-details .sp-daten-form {

        margin-top: -20px;

        margin-bottom: -20px;

    }



    .spiral-sign-page .sp-reg-title {

        font-size: 17px;

    }



    body .active #hiddenContent {

        width: 100%;

    }



    .kasse-block-left {

        width: 100% !important;

    }



    .kasse-form .sp-anmelden {

        width: 100% !important;

        padding-right: 0 !important;

    }



    body .stripe-block-fter {

        display: flex;

        justify-content: center;

        align-items: center;

        gap: 6px;

        padding: 16px 4px;

        background: #E0E0E0;

    }



    .stript-text {

        font-size: 10px;

        font-weight: 400;

        line-height: 12px;

    }



    .warenkorb-section-kasse .kasse-gutsche .GutscheinEinlSen {

        margin-top: 20px;

        margin-bottom: 0;

    }



    .kasse-payment-profen {

        font-size: 24px;

        font-style: normal;

        font-weight: 600;

        line-height: 28px;

        margin-bottom: 20px;

    }



    body .kasse-payment-box {

        height: 56px;

    }



    .kasse-gutsche .GutscheinEinlSen {

        margin: 40px 0;

    }



    .kasse-gutsche {

        display: block;

        width: 100%;

    }



    .warenkorb-kasse-block-mob {

        display: block;

        width: 100%;

    }



    .zusammen-fassung {

        color: #212121;

        font-size: 14px;

        font-weight: 600;

        line-height: 20px;

        display: flex;

        align-items: center;

        gap: 4px;

        cursor: pointer;

        z-index: 1;

    }



    .dialog-inheader {

        display: none;

        position: fixed;

        top: 50%;

        left: 50%;

        width: 100%;

        height: 100%;

        transform: translate(-50%, -50%);

        background-color: #F5F5F5;

        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

        z-index: 12;

    }



    .kasse-dialog-total {

        width: 100%;

        height: 870px;

        padding-top: 16px;

        padding-bottom: 16px;

        background: #F5F5F5;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 40px;

        display: inline-flex;

    }



    .delete-dialog-total {

        padding: 8px;

        border-radius: 999px;

        border: 1px #616161 solid;

        justify-content: center;

        align-items: center;

        gap: 8px;

        display: inline-flex;

        cursor: pointer;

        margin-left: 48px;

    }



    .body-dialog-total {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 40px;

        display: flex;

        padding-left: 48px;

        padding-right: 48px;

    }



    .dialog-content {

        overflow: auto;

    }



    .kasse-costed-block {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 4px;

        display: flex;

    }



    .dialog-title-warenkrob {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 16px;

        display: flex;

    }



    .dialog-title-warenkrob .sp-articles {

        color: #212121;

        font-size: 14px;

        font-weight: 400;

        line-height: 20px;

    }



    body .kasse-payment-section {

        margin-top: 100px;

    }



    .dialog-title-warenkrob .sp-articles span {

        font-weight: 600;

    }



    .dialog-title-wrap {

        align-self: stretch;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 4px;

        display: inline-flex;

    }



    .dialog-ihr-warenkrob {

        text-align: center;

        color: #212121;

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

    }



    .kasse-costed-summery {

        align-self: stretch;

        justify-content: space-between;

        align-items: flex-start;

        display: inline-flex;

    }



    .kasse-costed-gesamtsumme {

        text-align: center;

        color: #212121;

        font-size: 14px;

        font-weight: 600;

        line-height: 20px;

    }



    .kasse-costed-zwischensumme {

        text-align: center;

        color: #212121;

        font-size: 14px;

        font-weight: 400;

        line-height: 20px;

    }



    .kasse-costed-gesamtsumme {

        align-self: stretch;

        justify-content: space-between;

        align-items: flex-start;

        display: inline-flex;

    }



    .kasse-infos-dialog {

        align-self: stretch;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 16px;

        display: flex;

    }



    .kasse-infos-wrap {

        align-self: stretch;

        justify-content: flex-start;

        align-items: flex-start;

        gap: 4px;

        display: inline-flex;

    }



    .kasse-infos-text {

        text-align: center;

        color: #212121;

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

    }



    .kasse-process-checking {

        align-self: stretch;

        flex-direction: column;

        justify-content: center;

        align-items: flex-start;

        gap: 4px;

        display: flex;

        border-bottom: 1px #BDBDBD solid;

        padding-bottom: 16px;

    }



    .kasse-process-andern {

        text-align: center;

        color: #757575;

        font-size: 14px;

        font-weight: 400;

        text-decoration: underline;

        line-height: 20px;

    }



    .kasse-prufen {

        align-self: stretch;

        justify-content: flex-start;

        gap: 8px;

        display: inline-flex;

        border-bottom: 1px #BDBDBD solid;

        padding-bottom: 26px;

        padding-top: 10px;

    }



    .kasse-prufen-text {

        text-align: center;

        color: #212121;

        font-size: 14px;

        font-weight: 600;

        line-height: 20px;

    }



    .kasse-header-mobile {

        display: flex;

        padding: 16px 48px 8px 48px;

        position: fixed;

        top: 0;

        background: #F5F5F5;

        width: 100%;

        flex-direction: column;

        align-items: flex-start;

        gap: 24px;

        border-bottom: 1px solid #BDBDBD;

        z-index: 11;

    }



    .header-block__search .header_block__button {

        top: 7px;

    }



    body .accordion-header .accordion-title {

        font-size: 12px;

        color: #616161;

        font-weight: 400;

        line-height: 16px;

        overflow: hidden;

        text-overflow: ellipsis;

        max-width: 570px;

        white-space: nowrap;

        padding-top: 4px;

        padding-bottom: 4px;

        pointer-events: none;

    }



    .header_block__item input {

        height: 40px;

        font-size: 15px;

        padding-left: 8px;

    }



    .sp-slider-container .sp-thumbnails .item {

        width: 60px;

    }





    .min-h-screen-header-footer .sp-bread__crumb {

        display: none;

    }





    .footer-block__map {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        grid-template-rows: repeat(2, 1fr);

        grid-column-gap: 30px;

        grid-row-gap: 32px;

    }



    .footer-block {

        padding: 40px 48px;

    }



    .sertificates-info {

        padding: 32px 48px;

    }



    .panel-bottom {

        padding: 10px 48px;

    }



    .sertificates-info__container {

        gap: 20px 0;

    }



    .accordion {

        width: 100%;

        padding-bottom: 24px;

    }



    .sp-product__container.sp-product__info {

        gap: 48px;

        padding: 0 48px 150px 48px;

        flex-direction: column;

        align-items: flex-start;

        flex-shrink: 0;

    }



    .accordion-item {

        border-bottom: 1px solid #FFF;

        width: 100%;

    }



    .accordion-item:last-child {

        border-bottom: none;

    }



    .arrow.rotate {

        transform: rotate(180deg);

    }



    .arrow {

        display: none;

        background-image: url('/img/spiral/arrow-down.svg');

        background-repeat: no-repeat;

        background-size: 20px;

        background-position: right center;

        width: 20px;

        height: 20px;

        transition: transform 0.2s;

        transform: rotate(0deg);

        pointer-events: none;

    }





    .accordion-content {

        padding: 4px 48px;

        display: none;

        position: absolute;

        z-index: 1;

        width: 100%;

    }



    .accordion-content p {

        font-size: 12px;

        color: #616161;

        font-weight: 400;

        line-height: 16px;

        margin-top: 4px;

        margin-bottom: 4px;

    }



    .accordion-content.active {

        display: flex;

        flex-direction: column;

        width: 100%;

        gap: 4px;

        background: #FAFAFA;

        font-weight: 600;

    }



    .accordion-header.active p {

        font-weight: 600;

    }



    .accordion-header.active, .accordion-header.active + .accordion-content {

        background-color: #FAFAFA;

        border: 1px solid #E6C700;

        border-top: 1px solid transparent;

    }



    body .sp-coupon__section {

        display: flex;

        width: 100%;

        margin-left: 0;

    }



    .sp-coupon__section .sp-buttons__container {

        margin-top: 12px;

        align-items: center;

        flex-direction: row;

    }



    .sp-cart__wrap .sp-content__product--box {

        width: 100%;

    }



    .sp-coupon__section .sp-button__weiter {

        width: 40%;

    }



    .sp-coupon__section .sp-promo__kassa {

        width: 50%;

    }

}



@media (max-width: 768px) {

    body .panel-top {

        padding-right: 12px;

        padding-left: 12px;

    }



    .dialog-container .dialog-footer {

        padding-bottom: 26px;

    }



    body div.message-area {

        padding: 8px 12px;

    }

    body .min-h-screen-header-footer .centauri-container .centauri-flex.flex-col {

        padding: 0 12px !important;

    }

    .min-h-screen-header-footer .centauri-input-div.centauri-inline-flex-form {

        display: block;

    }

    body .spiral-sign-page .steps {

        padding-left: 12px;

        padding-right: 12px;

    }

    .sp-form-group .sp-input-wrap {

        margin-right: 0;

    }

    body .sp-header__kassa {

        display: none;

    }

    body .sp-product__title--cart {

        max-width: 174px;

    }

    body .empty-warenkrob {

        margin-bottom: 31px;

    }

    .sp-cart__product--attention img {

        width: 20px;

    }

    body .ps-product--list .ps-variat p {

        position: unset;

    }

    .sp-container__max .ps-variation-btn .sp-zu-variation {

        width: 100%;

    }

    .sp-padding-null {

        padding: 0 !important;

    }

    .sp-header .sp-header__title .sp-anmelden-form, .sp-header__title .sp-neukunde-form {

        padding: 24px 12px;

        border-radius: unset;

    }

    .min-h-screen-header-footer .sp-header .sp-header__title {

        border: none;

        box-shadow: unset;

        width: 100%;

    }

    .grey-line .main-form-editor {

        color: #212121;

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

    }

    body .grey-line {

        border-bottom: unset;

    }



    .shows-info {

        display: none;

    }

    .warengruppe-section .warengruppe-block .warengruppe-banner {

        background-image: url("/img/spiral/mobile-group.png");

    }

    .warengruppe-section .group-list {

        padding-top: 24px;

    }

    .sp-container__max .warengruppe-block .warengruppe-left-block {

        padding-top: 32px;

    }

    body .sp-container__max .warengruppe-section {

        padding: 0 12px;

    }

    .warengruppe-section .group-list .group-item {

        width: 100%;

    }

    .warengruppe-left-block .title-banner {

        font-size: 24px;

        line-height: 28px;

    }

    .warengruppe-left-block .subtitle-banner {

        line-height: 20px;

        font-size: 15px;

    }





    body .success-page {

        padding: 0 12px 325px 12px;

    }



    body .check-list-title {

        font-size: 17px;

        line-height: 24px

    }



    body .check-list .warenkorb-costs {

        margin-bottom: 0;

    }





    .kasse-page .kasse-form .sp-anmelden {

        width: 100%;

    }



    .kasse-form .kasse-block-left {

        width: 100%;

    }



    .sp-product__brand .sp-product__name {

        overflow: hidden;

        text-overflow: ellipsis;

        max-width: 390px;

        white-space: nowrap;

    }



    body .accordion-item .accordion-header {

        padding: 0 12px;

    }



    .min-h-screen-header-footer .webshop-vorteile {

        padding: 40px 12px;

    }



    .min-h-screen-header-footer .layout-horizontal {

        width: 100%;

        display: flex;

        flex-direction: column;

        gap: 48px;

    }



    .min-h-screen-header-footer .sp-neukunde {

        width: 100%;

        padding: 0 12px;

    }



    .min-h-screen-header-footer .sp-anmelden {

        width: 100%;

        padding: 0 12px;

    }



    .min-h-screen-header-footer .anmelden-liner {

        display: none;

    }



    .ps-shopping .ps-shopping__header p {

        white-space: nowrap !important;

    }



    .sp-slider-container .sp-main-image {

        margin-left: 0;

        padding: 16px;

    }



    .sertificates-info .sertificates-info__container {

        justify-content: center;

    }



    .min-h-screen-header-footer .sp-warenkorb__page {

        padding: 0 12px;

    }



    .min-h-screen-header-footer .sp-registration-start {

        padding: 28px 12px;

    }



    .sp-registration-start .sp-registration-shop {

        padding: 0;

        font-size: 22px;

        line-height: 28px;

    }



    .sp-product__container .sp-registration-buttons > p {

        font-size: 17px;

    }



    .sp-registration-start .sp-registration-title {

        padding: 0;

        font-size: 22px;

        line-height: 28px;

        padding-bottom: 4px;

    }



    .sp-product__info {

        flex-direction: column;

        align-items: center;

    }



    .sp-content__info .sp-content__info--item {

        max-width: 170px;

    }





    .panel-bottom {

        padding: 10px 48px;

    }



    .footer-block {

        padding: 40px 48px 0;

    }



    .footer-block__map {

        height: 100%;

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        grid-template-rows: repeat(2, 1fr);

        grid-column-gap: 30px;

        grid-row-gap: 32px;

    }



    .sertificates-info {

        padding: 32px 48px;

    }



    .footer-block__punkte p {

        margin: 0;

    }

}





@media (max-width: 376px) {

    .sp-slider-container .sp-main-image .sp-big__img {

        max-width: 295px;

    }



    .sp-product__info .sp-product__right {

        padding-top: 24px;

    }



    body .min-h-screen-header-footer .sp-product__title .sp-product__brand .sp-product__name {

        max-width: 228px;

    }

}



@media (max-width: 500px) {

    body .sp-product__title .sp-product__brand .sp-product__name {

        max-width: 278px;

    }

}



@media (max-width: 600px) {

    body .owl-carousel .owl-item  {

        display: flex;

        justify-content: center;

    }

    body .ps-carousel--nav .owl-nav::after {

        content: none;

    }

    body .ps-carousel--nav .owl-nav > * {

        left: 0;

    }

    body .min-h-screen-header-footer .product-martfury-items {

        width: 300px;

    }

    .mobile .ps-section__content .owl-carousel .owl-stage-outer {

        width: 300px;

    }

    body .ps-product .invisible-block {

        display: none;

    }

    body .ps-product .limited-quantity-wrap {

        width: 100%;

    }

    .ps-product__variations {

        padding-top: 24px;

        width: 100%;

    }

    .ps-product__variations .ps-variation-btn {

        min-width: 100%;

    }

    .ps-product__content .ps-product__variations {

        max-width: unset;

    }

    body .ps-product__cart {

        margin-left: 16px;

        width: 100%;

    }



    .sp-content__info .sp-content__info--item {

        max-width: 180px;

    }

}



@media (max-width: 525px) {

    #homepage-9 .sp-main-image {

        display: block;

        max-height: 500px;

    }

    #homepage-9 .sp-big__img {

        display: none;

    }

    body .delete-dialog-total {

        margin-left: 16px;

    }

    body .body-dialog-total {

        padding: 0 12px;

    }

    .checkout-page .war-dialog .warenkorb-kasse-bezahlen {

        width: 319px;

    }

    .checkout-page .war-dialog .modal-kasse-subtittle {

        width: 319px;

    }

    .checkout-page .war-dialog .buttons-modal {

        width: 319px;

    }

    body .success-bestellnummer-title {

        font-size: 17px;

        line-height: 24px;

    }

    body .kasse-per-price {

        white-space: nowrap;

    }

    body .kasse-table-price {

        gap: 0;

    }

    body .kasse-total-cart {

        gap: 0;

    }

    .table-info-kasse .kasse-table-mainprice {

        width: 88px;

    }

    .table-info-kasse .kasse-table-nds {

        width: 88px;

        text-align: right;

    }

    body .success-page .success-title img {

        right: 0;

        width: 250px;

        left: 15%;

    }

    body .success-page .success-main-title {

        font-size: 26px;

        line-height: 32px;

    }

    body .warenkorb-table-kasse {

        padding: 8px;

    }

    body .kasse-tab-item {

        white-space: unset;

    }



    .kasse-page .kasse-header-mobile {

        padding-right: 12px;

        padding-left: 12px;

    }



    .checkout-page .kasse-section-details .details-buttons {

        display: flex;

        flex-direction: column;

    }



    .checkout-page .kasse-payment-container .details-buttons {

        display: flex;

        flex-direction: column;

    }



    .checkout-page .details-buttons div {

        width: 100%;

    }



    .checkout-page .kasse-payment-section .kasse-payment-body {

        padding: 58px 12px 0 12px;

    }



    .checkout-page .kasse-payment-section .kasse-payment-container {

        padding-right: 12px;

        padding-left: 12px;

    }



    .checkout-page .kasse-section-result .kasse-section-details {

        padding: 0 12px;

    }



    .checkout-page .kasse-section-result .kasse-questions-container {

        padding-right: 12px;

        padding-left: 12px;

    }



    body .checkout-page .sp-legal-info {

        padding-right: 12px;

        padding-left: 12px;

    }



    .sp-faq-title {

        max-width: 250px;

    }



    body .checkout-page .sp-faq {

        padding-right: 12px;

        padding-left: 12px;

    }



    body .checkout-page .footer-info-kasse {

        padding: 20px 12px;

    }



    .footer-subtitle {

        flex-direction: column;

        align-items: flex-start !important;

    }



    .checkout-page .kasse-page .webshop-vorteile {

        padding: 0 12px;

        margin-top: 40px;

    }

    .checkout-page .vorteil {

        align-items: flex-start;

    }

    .checkout-page .kasse-page .kasse-form {

        padding: 0 12px;

        margin-top: 48px;

        margin-bottom: 60px;

    }



    .kasse-form-buttons, .kasse-input-fields {

        margin-top: 24px;

    }



    .kasse-page .kasse-main-tittle p {

        display: none;

    }



    .sertificates-info__container img {

        margin-right: 0;

    }



    .sertificates-info .sertificates-info__container {

        gap: 25px 35px;

    }



    .sp-slider-container {

        display: none;

    }



    .slider-container {

        width: 100%;

        overflow: hidden;

        margin: 0 auto;

    }



    .main-slider img {

        width: 343px;

        height: 360px;

        object-fit: cover;

        display: block;

        margin: 0 auto;

    }



    .swiper-pagination-bullet {

        width: 8px;

        height: 8px;

        border: 1px solid #616161;

        background-color: white !important;

        transition: 0.2s;

        opacity: 100% !important;

    }



    .swiper-pagination-bullet-active {

        background-color: #616161 !important;

    }



    .main-slider {

        position: relative;

    }



    .swiper-pagination {

        position: absolute;

        top: 50%;

    }



    .footer-list__text {

        display: none;

    }



    .footer-block {

        padding: 0;

    }



    .footer-block__category {

        padding: 40px 0 20px 0;

    }



    .footer-block__map {

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 0;

        padding-bottom: 48px;

    }



    .sertificates-info {

        padding: 24px 40px;

    }



    .panel-bottom__fast-links {

        flex-direction: column;

    }



    .panel-bottom {

        flex-direction: column;

        padding: 8px 0;

    }



    .footer-list__items {

        width: 95%;

        display: flex;

        justify-content: center;

        border-bottom: 1px solid #BDBDBD;

        flex-direction: unset;

        gap: unset;

    }



    .footer-list__titel {

        margin: 10px 0;

    }



    .footer-list__items:nth-child(2) {

        border-top: 1px solid #BDBDBD;

    }



    .sp-product__container.sp-product__info {

        padding: 0 12px 118px 12px;

    }



    .sp-product__controller .sp-product__additional {

        flex-direction: column;

        gap: 5px;

    }



    .sp-thumbnails {

        display: none !important;

    }



    .sp-product__info .sp-slider-container {

        justify-content: center;

        width: 100%;

    }

}



.download-file-tab {

    display: flex;

    align-items: center;

    height: 38px;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.tab-content {

    padding-left: 4px;

}



.download-file-tab img {

    padding-left: 7px;

    padding-right: 7px;

}



.sp-product__content .nav-tabs .nav-link {

    font-size: 15px;

    line-height: 20px;

    border: unset;

    background: unset;

    padding: 4px 4px 2px 4px;

    display: inline-flex;

}



.sp-product__content .nav-link .show .active {

    font-weight: 600;

}



.sp-product__right ul {

    align-self: stretch;

    align-items: flex-start;

    margin: 0;

    gap: 16px;

}



figure {

    width: 100%;

}



.form-control__var {

    width: 100%;

    height: 44px;

    padding-left: 16px;

    padding-right: 8px;

    background: white;

    border-radius: 8px;

    overflow: hidden;

    border: 1px #757575 solid;

    background-image: url('/img/spiral/arrow-down.svg');

    -webkit-appearance: none;

    background-repeat: no-repeat;

    background-position: right 8px center;

    position: relative;

}



.sp-bread__crumb {

    width: 100%;

    height: calc(20px - -3px);

    line-height: 20px;

    display: flex;

    align-items: center;

    gap: 8px;

    margin-top: 14px;

    margin-bottom: 10px;

    flex-shrink: 0;

}



body #homepage-9 .sp-bread__group a {

    color: #757575 !important;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    cursor: pointer;

    word-wrap: break-word

}



.sp-bread__groupen {

    color: #757575;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    padding-bottom: 8px;

}



.sp-bread__group {

    color: #757575;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    cursor: pointer;

    padding-bottom: 8px;

    white-space: nowrap;

    max-width: 249px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.sp-icon__arrow img {

    vertical-align: unset;

    width: 16px;

    height: 16px;

}



.registration-edit-icon {

    cursor: pointer;

    width: 24px;

    height: 24px;

}



.sp-product__container {

    padding: 0;

}



.sp-product__info {

    display: flex;

    justify-content: center;

    align-items: stretch;

    gap: 24px;

    padding-bottom: 100px;

}



.sp-product__img {

    flex: 1 1 0;

    height: 505px;

    justify-content: center;

    align-items: flex-start;

    display: flex;

}



.sp-product__main {

    flex: 1 1 0;

    align-self: stretch;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 16px;

    display: flex;

}



.sp-ty-product__thumbnails {

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 16px;

    display: inline-flex;

}



.sp-product__tumb {

    width: 68px;

    height: 68px;

    border-radius: 8px;

    overflow: hidden;

    justify-content: center;

    align-items: center;

    display: inline-flex;

}



.sp-img {

    width: 68px;

    height: 68px;

}



.sp-main__pic {

    align-self: stretch;

    justify-content: flex-start;

    align-items: center;

    gap: 10px;

    display: flex;

    position: relative;

}



.sp-logo__vendor {

    max-width: 25%;

    max-height: 10%;

    object-fit: contain;

    background-color: white;

    padding: 4px;

    border-radius: 4px;

    position: absolute;

    top: 20px;

    left: 20px;

}



.sp-manager__block {

    display: inline-flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-end;

    gap: 4px;

    position: absolute;

    right: 15px;

    top: 15px;

}



.sp-manager {

    height: 26px;

    padding-left: 8px;

    padding-right: 8px;

    padding-top: 3px;

    padding-bottom: 3px;

    background: #FFF;

    border-radius: 999px;

    border: 1px #008CFF solid;

    display: flex;

    justify-content: center;

    align-items: center;

}



.sp-manager__text {

    color: #008CFF;

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;

}



.sp-product__right {

    flex: 1 0 0;

    height: 100%;

    width: 50%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    display: flex;

}



.sp-product__controller {

    align-self: stretch;

    height: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

    display: flex;

}



.sp-product__title {

    align-self: stretch;

    height: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

    display: flex;

    margin-bottom: -4px;

}



.sp-product__title--main {

    color: #212121;

    font-size: 32px;

    font-weight: 600;

    line-height: 36px;

}



.sp-product__info .sp-product__artikel {

    color: #212121;

    font-size: 15px;

    line-height: 20px;

}



.sp-product__artikel .sp-size {

    display: flex;

    align-items: center;

    gap: 4px;

}



.sp-warenkorb__page .sp-product__artikel {

    color: #616161;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    white-space: nowrap;

    max-width: 243px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.sp-size .sp-product__artikel--name {

    color: #616161;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

}



.sp-product__artikel--var {

    color: #616161;

    font-size: 12px;

    font-weight: 600;

    line-height: 16px;

}



.sp-merkliste-info .sp-product__artikel--var {

    color: #616161;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



#homepage-9 .sp-merkliste-info .sp-product__artikel--var a {

    color: #616161 !important;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.sp-warenkorb__page .sp-product__artikel .sp-size .sp-product__artikel--var {

    color: #616161;

    font-size: 12px;

    font-weight: 600;

    line-height: 16px;

}



.sp-size {

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    white-space: nowrap;

    max-width: 243px;

    overflow: hidden;

    text-overflow: ellipsis;

}

.sp-product__artikel .sp-weight__normal {

    font-weight: 400;

}



.sp-weight__bold {

    font-weight: 600;

}



.sp-underline {

    text-decoration: underline;

    line-height: 140%;

}



.sp-product__customers .sp-product__brand {

    color: #616161;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    height: 20px;

}



.sp-product__title .sp-product__brand {

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.sp-non-variante {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.sp-product__name {

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    text-decoration: underline;

    line-height: 20px;

}



.sp-product__seperator {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.sp-product__acc {

    color: #212121;

    font-size: 14px;

    line-height: 20px;

    word-wrap: break-word

}



.sp-product__customers .sp-product__accessible {

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    color: #6ABF40;

    height: 20px;

}



.sp-product__title .sp-product__accessible {

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    color: #6ABF40;

    display: flex;

    justify-content: center;

    align-items: center;

}



.sp-unlogin-title {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    align-self: stretch;

}



.sp-unlogin-right {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    flex: 1 0 0;

    gap: 16px;

}



.sp-unlogin-btn {

    display: flex;

    align-items: flex-start;

    gap: 8px;

}



.sp-unlogin-anmelden {

    display: flex;

    width: 125px;

    height: 36px;

    padding: 8px 12px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    border-radius: 8px;

    background: #FD0;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

    cursor: pointer;

}



.sp-product__availability .sp-unlogin-anmelden {

    display: flex;

    align-items: center;

    gap: 8px;

    background: #757575;

    height: 44px;

    width: 100%;

    padding: 12px 0;

}



.sp-unlogin-anmelden p {

    color: #FFF;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 0.3px;

}



.sp-unlogin-anmelden img {

    width: 24px;

    height: 24px;

}



.sp-product__availability .sp-unlogin-anmelden:hover {

    background: #616161;

}



.sp-unlogin-anmelden:hover {

    background: #E6C700;

}



.sp-unlogin-registrieren:hover {

    background: #EEE;

}



.sp-unlogin-registrieren {

    display: flex;

    height: 36px;

    padding: 8px 16px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    border-radius: 8px;

    border: 1px solid #9E9E9E;

    background: #FFF;

    color: #424242;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

    cursor: pointer;

}



.sp-price-unlogin {

    display: flex;

    align-items: center;

    align-self: stretch;

    gap: 24px;

    padding-top: 24px;

    border-top: 1px solid #BDBDBD;

}



.sp-product__right .sp-product__acc ul {

    padding-left: 20px;

}



.sp-product__variations {

    width: 100%;

    align-self: stretch;

    justify-content: flex-start;

    align-items: flex-end;

    gap: 12px;

    display: flex;

    flex-wrap: wrap;

    align-content: center;

}



.sp-product__wrap {

    flex: 1 0 0;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.sp-product__wrap:only-child {

    max-width: calc(50% - 6px);

    width: 100%;

}



.sp-product__wrap:first-child:not(:only-child),

.sp-product__wrap:last-child:not(:only-child) {

    max-width: 100%;

    width: 100%;

}



.sp-product__subtittle {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.sp-product__buttons {

    justify-content: flex-start;

    align-items: center;

    gap: 12px;

    display: inline-flex;

}



.sp-product__selected {

    width: 72px;

    height: 44px;

    padding: 8px;

    background: white;

    border-radius: 8px;

    border: 0.50px #616161 solid;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: flex;

}







.sp-product__value {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.owl-green {

    width: 11px;

    height: 11px;

    background: #6ABF40;

    border-radius: 9999px;

}



.sp-product__line {

    align-self: stretch;

    width: 100%;

    border-top: 1px solid #616161;

}



.sp-product__interaction--wrapper {

    align-self: stretch;

    height: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-end;

    gap: 16px;

    display: flex;

}



.sp-product__meta {

    display: flex;

    align-items: flex-start;

    align-self: stretch;

    gap: 8px;

}



.sp-product__price {

    flex-direction: column;

    justify-content: flex-end;

    align-items: flex-start;

    gap: 4px;

    display: inline-flex;

}



.sp-product__price--wrapper {

    display: flex;

    justify-content: flex-start;

    align-items: baseline;

    gap: 8px;

}



.sp-product__sale {

    color: #008CFF;

    font-size: 22px;

    font-weight: 600;

    line-height: 22px;

}



.sp-product__regularprice {

    color: #212121;

    font-size: 22px;

    font-weight: 600;

    line-height: 22px;

}



.sp-product__current {

    color: #9E9E9E;

    font-size: 20px;

    font-weight: 600;

    text-decoration: line-through;

    line-height: 22px;

}



.sp-product__mwst {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.sp-product__pricePerUnit {

    color: #9E9E9E;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}





.sp-product__quantity {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: flex-end;

    align-self: stretch;

    gap: 12px;

}



.sp-product__qty {

    border-radius: 8px;

    overflow: hidden;

    border: 0.5px #BDBDBD solid;

    justify-content: flex-start;

    align-items: flex-start;

    display: flex;

}



.sp-product__decrement--button {

    width: 32px;

    align-self: stretch;

    padding-left: 8px;

    padding-right: 8px;

    padding-top: 10px;

    padding-bottom: 10px;

    background: white;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    border-left: 0.50px #BDBDBD solid;

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: flex;

}



.sp-product__increment--button {

    width: 32px;

    align-self: stretch;

    padding-left: 8px;

    padding-right: 8px;

    padding-top: 10px;

    padding-bottom: 10px;

    background: white;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    border-right: 0.5px #BDBDBD solid;

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: flex;

}



.sp-counter {

    width: 48px;

    align-self: stretch;

    /* padding-left: 25px; */

    /* padding-right: 25px; */

    padding-top: 10px;

    padding-bottom: 10px;

    background: white;

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: flex;

}



.sp-product__to--cart {

    flex: 1 0 0;

    height: 44px;

    padding: 8px 0;

    background: #FFDD00;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: flex;

    cursor: pointer;

    transition: 0.5s;

    border: unset;

}



.sp-product__to--cart:hover {

    background: #F1D000;

}



.button__to--cart {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.30px;

}



#wishlist-icon {

    max-width: unset;

}



.sp-product__wishlist {

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 44px;

    height: 44px;

    gap: 8px;

    flex-shrink: 0;

    padding: 10px;

    border-radius: 8px;

    border: 1px solid #9E9E9E;

    transition: .3s;

}

.sp-product__wishlist:hover {

    border: 1px solid #616161;

}



.sp-product__wishlist.removeWishlist {

    background: #616161;

    border: 1px solid transparent;

}



.sp-product__wishlist.removeWishlist:hover {

    background: #424242;

}



.sp-product__decrement button,

.sp-product__increment button {

    font-family: Roboto;

    text-align: center;

    color: #212121;

    font-size: 16px;

    font-weight: 400;

    background: #FFFFFF;

    border: none;

    padding: 8px 10px;

}



.sp-product__notes {

    align-self: stretch;

    height: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    display: flex;

}



.sp-product__plate {

    align-self: stretch;

    height: 100%;

    padding: 8px 12px;

    border-radius: 6px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    display: flex;

}



.sp-product__plate--blue {

    background: #E5F4FF;

    border: 1px #47ACFF solid;

}



.sp-product__plate--orange {

    background: #FFE5CC;

    border: 1px #FFB266 solid;

}



.sp-product__additional {

    display: flex;

    flex-wrap: wrap;

    align-self: stretch;

    align-content: flex-start;

    align-items: flex-start;

    gap: 64px;

}



.sp-product__additional--block {

    width: 248px;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

}



.sp-product__additional--center {

    display: flex;

    align-items: flex-start;

    gap: 12px;

}



.sp-product__additional--text {

    text-align: right;

    color: #212121;

    font-size: 14px;

    line-height: 20px;

}



.sp-product__functions {

    width: 100%;

    height: 100%;

    align-items: flex-start;

    align-self: stretch;

    align-content: flex-start;

    gap: 12px;

    display: flex;

    flex-wrap: wrap;

}



.sp-button__move {

    color: #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}





.sp-product__functions--items {

    padding: 8px 12px;

    border-radius: 6px;

    border: 1px #BDBDBD solid;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: flex;

    cursor: pointer;

    transition: 0.5s;

    max-height: 28px;

    color: #212121;

}



.sp-product__functions--items:hover {

    background: #EEEEEE;

}



.sp-slider-container {

    display: flex;

    align-items: flex-start;

    align-self: stretch;

    flex: 1 0 0;

    gap: 16px;

    height: 100%;

    width: 50%;

    position: sticky;

    top: 125px;

}



.sp-thumbnails {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 16px;

}



.sp-thumbnail {

    margin-bottom: 10px;

    cursor: pointer;

}



.sp-thumbnail img {

    width: 68px;

    height: 68px;

}



.sp-thumbnail.active img {

    border-radius: 8px;

    border: 2px solid #FD0;

}



.sp-thumbnail img {

    border-radius: 8px;

}



.sp-main-image {

    flex: 1 0 0;

    display: flex;

    justify-content: center;

    align-items: center;

    align-self: stretch;

    position: relative;

    background-color: #FFF;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

    border-radius: 8px;

    padding: 24px;

    width: 100%;

    aspect-ratio: 1/1;

}



.sp-product__content {

    margin-top: 48px;

}



.donate-now {

    display: flex;

    list-style-type: none;

    margin: 25px 0 0 0;

    padding: 0;

}



.donate-now li {

    float: left;

    margin: 0 5px 0 0;

    width: 100px;

    height: 40px;

    position: relative;

    background: white;

    border-radius: 8px;

    border: 0.5px #616161 solid;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: flex;

    transition: border-color 0.3s;

}



.donate-now label,

.donate-now input {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.donate-now input[type="radio"] {

    opacity: 0.01;

    z-index: 100;

}



.donate-now label {

    padding: 8px;

    cursor: pointer;

    text-align: center;

    margin: -1px;

}



.sp-product__selected input[type="radio"] {

    display: none;

}





.sp-product__selected input[type="radio"]:checked + label {

    border: 2px solid #FFDD00;

    border-radius: 8px;

}



.form-control__var option:checked {

    border: 2px solid #FFDD00 !important;

}



.sp-container__max {

    max-width: 1200px;

    margin: 0 auto;

}



.sp-header__max {

    background: #FFDD00;

    position: relative;

}



.sp-panel__max {

    background: #EEEEEE;

}



.sp-panel__bottom {

    background: #212121;

}





body #homepage-9 .min-h-screen-header-footer a {

    color: #212121 !important;

}



.nav-link:hover {

    font-weight: 500 !important;

}



.sp-product__content .nav-link.show.active::after {

    background: none !important;

}



.sp-product__content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    align-self: stretch;

    gap: 16px;

    width: 100%;

}



.nav-link:hover {

    font-weight: 500 !important;

}



.sp-product__content .nav-link.show.active::after {

    background: none !important;

}



.sp-product__content {

    width: 100%;

}



.links-container {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 8px;

    position: absolute;

    top: 24px;

    left: -16px;

    background-color: #FFF;

    border: 1px solid #E0E0E0;

    padding: 8px 16px;

    width: 280px;

    border-radius: 6px;

    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.3s ease, visibility 0.3s ease;

}



.sp-bread__container:hover .links-container {

    opacity: 1;

    visibility: visible;

}



.links-container p {

    margin: 0;

    font-size: 14px;

    white-space: nowrap;

    width: 249px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.bread-links {

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    margin: 0;

    max-width: 249px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.sp-slider-container .sp-thumbnails .border-item {

    border: 2px solid #FFDD00;

}



.sp-thumbnails .item {

    background: #FFF !important;

    display: flex;

    align-items: flex-start;

    align-self: stretch;

    width: 68px;

    padding: 4px;

    border-radius: 8px;

    display: block;

    border: 2px solid white;

    aspect-ratio: 1/1;

}



.sp-big__img {

    flex: 1 0 0;

    align-self: stretch;

    object-fit: contain;

    aspect-ratio: 1/1;

}



.nav-item .active {

    border-bottom: 2px solid #FD0 !important;

    transition: unset;

    font-weight: 600;

}



.ps-product--cart-mobile .ps-product__content a:hover,

ul li a:hover,

a i:hover,

.deleteWishlistBtn:hover,

#homepage-9 a:not(.centauri-button, .ps-btn, .ps-footer a, .currentCat):hover .bread__link:hover {

    color: #fd0 !important;

}



.sp-bread__container {

    position: relative;

}



.bread-icon {

    width: 16px;

    height: 16px;

}



.sp-arrow__container {

    display: flex;

    justify-content: center;

    align-self: stretch;

}



.spi_unavailable {

    color: lightgray !important;

}



.sp-product__content .table {

    width: fit-content;

    max-width: 100%;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    margin-top: 16px;

}



.sp-product__content .table .sp-property .sp-weight__bold {

    padding-left: 24px;

}



.sp-property {

    font-size: 14px;

    line-height: 20px;

}



.sp-product__right .table td,

.table th {

    border: none;

    padding: 0;

}



.tab-content > .active p {

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.tab-pane h3 {

    margin: 16px 0 12px 0;

    font-size: 17px;

    font-weight: 600;

    line-height: 22px;

    color: #212121;

}



.spi_unavailable {

    display: none;

}



.spiral-custom-select {

    position: relative;

    border-radius: 8px;

}



.spiral-custom-select select {

    display: none;

}



.select-selected {

    background-color: white;

}



.select-selected {

    outline: 1px solid #757575;

}



.select-arrow-active {

    outline: 2px solid #FD0;

    box-shadow: 0 0 0 2px #FFF3A3;

}



.select-selected {

    color: #212121;

    padding: 12px 8px 12px 16px;

    border-radius: 8px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 44px;

    min-width: 250px;

}





.select-arrow-inactive .arrow {

    transform: rotate(0deg);

    transition: transform 0.3s ease;

}



.select-arrow-active .arrow {

    transform: rotate(180deg);

    transition: transform 0.3s ease;

}



.select-items {

    position: absolute;

    background-color: white;

    top: 100%;

    left: 0;

    right: 0;

    z-index: 99;

    border-radius: 8px;

    margin-top: 6px;

    border: 1px solid #757575;

}



.select-hide {

    display: none;

}

.select-items > div.exclude-styling:hover {

    /* Your styling rules for div elements with class exclude-styling inside select-items */

    background: unset;

}

.select-items div:hover,

.same-as-selected {

    background-color: rgba(0, 0, 0, 0.1);

}



.select-items:hover .same-as-selected {

    background: unset;

}



.select-items:hover .same-as-selected:hover {

    background-color: rgba(0, 0, 0, 0.1);

}





.select-values .spi_itemNotAvailable {

    position: relative;

}



.select-values .spi_itemNotAvailable::before {

    content: '';

    display: block;

    height: .65em;

    width: .65em;

    background: #FF9933;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    right: 12px;

    transform: translate(50%, -50%);

}







.select-values .spi_itemavailable {

    position: relative;

}



.select-values .spi_itemavailable::before {

    content: '';

    display: block;

    height: .65em;

    width: .65em;

    background: #6ABF40;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    right: 12px;

    transform: translate(50%, -50%);

}



.sp-button__icon {

    display: flex;

}



.sp-product__content .nav-tabs .nav-item {

    color: #212121;

    display: flex;

    align-items: flex-start;

}



/*.sp-product__content .nav-tabs {*/

/*  border-bottom: 1px solid #E0E0E0;*/

/*}*/



#homepage-9 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:hover {

    font-weight: 600 !important;

}



.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

    background: transparent !important;

    padding-bottom: 1px;

}



.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active::before {

    border-bottom: 1px solid #E0E0E0;

}



.nav-item .active {

    border-bottom: 2px solid #FD0 !important;

}



.select-selected::after {

    content: url('/img/spiral/arrow-down.svg');

    width: 24px;

    height: 24px;

    transition: transform 0.3s ease;

}



.select-arrow-active:after {

    transform: rotate(-180deg) !important;

}



.sp-quantity__box {

    display: flex;

    height: 44px;

    border-radius: 8px;

    border: 1px solid #BDBDBD;

}



.sp-quantity__box button {

    background: #FFF;

    border: none;

    padding: 0 8px;

    display: flex;

    width: 44px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    align-self: stretch;

}



.sp-quantity__box #decrease-qnty, .decrease-qnty {

    border-radius: 7px 0 0 7px;

}



.sp-quantity__box #increase-qnty, .increase-qnty {

    border-radius: 0 7px 7px 0;

}



.sp-quantity__box #decrease-qnty:hover, .decrease-qnty:hover {

    background: #EEE;

}



.sp-quantity__box #increase-qnty:hover, .increase-qnty:hover {

    background: #EEE;

}



.decrease-qnty:hover #add-opacity {

    opacity: 1 !important;

}





.ps-product--list .sp-quantity__box {

    display: flex;

    align-items: center;

    height: 40px;

    border-radius: 8px;

    border: 1px solid #BDBDBD;

}



.ps-product--list {

    align-items: unset !important;

}



.type-qnty {

    width: 40px;

    border: none;

    text-align: center;

    padding: 0;

    font-size: 15px;

    color: #212121;

    font-weight: 600;

    line-height: 20px;

    opacity: 1 !important;

}



.type-qnty:focus-visible {

    border: transparent;

    box-shadow: unset;

}



.sp-cart__item .type-qnty {

    width: 32px;

    min-width: 39px;

}



/* Suche styles */



body .border-colored {

    border-color: #E6C700;

}





.select-item .sp-shop__index {

    color: #212121;

    font-size: 12px;

    font-weight: 600;

    line-height: 16px;

}



.link-list > .select-item, .input-container {

    margin: 8px;

}



.property-label {

    margin: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 180px;

    white-space: nowrap;

    color: #000;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



body .select-item:hover {

    background: #F5F5F5;

}



.sp-button-anw {

    border-radius: 8px;

    background: #FD0;

    height: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 8px;

    font-weight: 600;

}



.anwenden-button {

    border-top: 1px solid #BDBDBD;

    margin-top: 8px;

}



.sp-button-anw:hover {

    background: #E6C700;

}



label {

    margin: 0;

}



.select-wrap .custom-checkbox {

    margin-right: 10px;

}



.select-wrap {

    display: flex;

    align-items: center;

    margin-left: 8px;

}



.select-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 4px 0;

    border-radius: 6px;

}



#arrowIcon img {

    transition: transform 0.3s ease;

}





.input-container input {

    border: 1px solid transparent;

    width: 90%;

    height: 100%;

    padding: 0;

}



.input-container input:focus-visible {

    border: none;

    box-shadow: unset;

    background: transparent;

}



.icon-active img {

    width: 24px;

    height: 24px;

}



.search-icon {

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    cursor: pointer;

    opacity: 50%;

}



ul.ps-tab-list .active {

    border: 1px solid #757575;

    border-radius: 999px;

}



ul.ps-tab-list li {

    border: 1px solid transparent;

    border-radius: 20px;

    cursor: pointer;

}



.icon-active {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 36px;

    width: 36px;

}



.ps-product__list--box {

    display: flex;

    align-items: flex-end;

}



.ps-shopping-product .ps-product--list .ps-product__content {

    display: flex;

    align-items: flex-end;

    position: relative;

    flex-direction: unset;

    justify-content: space-between;

}



.sp-shop__items {

    position: relative;

    cursor: pointer;

}



.ps-price__sehen {

    text-align: center;

    color: #008CFF;

    font-weight: 500;

    font-size: 14px;

    line-height: normal;

    cursor: pointer;

}



.ps-product__variations .ps-add-wishlist {

    position: absolute;

    right: 0;

    top: 0;

}



.ps-variat p {

    margin: 0;

    padding-right: 10px;

}



.ps-variat {

    display: flex;

    align-items: baseline;

}



.ps-product__list--box .ps-box-var {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 124px;

}

.ps-product.grid .ps-product__thumbnail {

    min-height: unset !important;

    height: 260px !important;

}



.ps-product__container .ps-product__content .ps-product__title {

    font-size: 17px;

    font-weight: 600;

    padding: 0;

    max-width: 259px;

    width: 259px;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    max-height: 75px;

    height: 75px;

}

#homepage-9 .ps-sale-manager .ps-sale-price {

    color: #212121 !important;

    text-align: right;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



body #homepage-9 .ps-product__branch {

    color: #616161 !important;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.sp-product__accessible {

    color: #6ABF40;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}



.sp-content__info--item .sp-product__accessible {

    font-size: 12px;

    line-height: 16px;

}



.availability-orange {

    color: var(--warning)!important;

}



.availability-grey {

    color: var(--grey)!important;

}



.ps-list-product {

    margin-bottom: 2px;

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

    white-space: nowrap;

}



.plus-load {

    width: 20px;

    height: 20px;

}



.ps-sale-manager small {

    color: #757575;

    font-size: 13px;

    font-weight: 400;

    line-height: 18px;

}



.ps-sale-manager {

    display: flex;

    width: 110px;

    flex-direction: column;

    justify-content: flex-end;

    align-items: flex-start;

}



.ps-sale-manager .ps-sale-angebot {

    align-items: flex-end;

    gap: 5px;

}



.ps-sale-angebot .ps-angebot-price {

    color: #FF0000 !important;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.ps-sale-angebot .ps-sale-old {

    color: #616161;

    font-size: 15px;

    font-weight: 400;

    text-decoration: line-through;

    line-height: 21px;

}

.product-martfury-items .sp-manager__block {

    top: 16px;

    left: 16px;

}



.product-martfury-items .varianten-martfury-item  {

    top: 16px;

    left: 16px;

}



.product-completions .ps-sale-manager {

    margin-bottom: -6px;

}



body .ps-product .ps-product__price {

    margin-top: 16px;

}



body .ps-product--list .ps-product__thumbnail {

    margin-right: 24px;

}



.index-number-varianten {

    color: #212121;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 110%;

    letter-spacing: 0.24px;

}



.link-list {

    display: none;

    list-style-type: none;

    width: 280px;

    position: absolute;

    top: 100%;

    left: 0;

    background: white;

    border-radius: 8px;

    border: 1px #BDBDBD solid;

    margin-top: 8px;

    z-index: 100;

    box-sizing: border-box;

}



.sp-select-container {

    padding-right: 8px;

    padding-left: 8px;

    overflow-y: auto;

    max-height: 192px;

}





.link-item {

    margin: 5px 0;

}



.mt {

    margin-top: 20px;

}



.ps-variations-number {

    text-transform: uppercase;

    margin-bottom: 8px;

    font-size: 11px;

    color: #212121;

    font-weight: 400;

    line-height: 12px;

    letter-spacing: 0.55px;

}



.ps-product-left {

    position: absolute;

    top: 16px;

    left: 16px;

    z-index: 1;

}



.ps-product-right {

    position: absolute;

    top: 13px;

    right: 9px;

    background: #FFF;

    border-radius: 999px;

}



.ps-product-right img {

    padding: 4px;

}



.grid {

    flex: 1;

    margin: 0 8px;

    display: flex;

    flex-direction: column;

}



.ps-product {

    display: flex;

    flex-direction: column;

    align-items: center;

    position: relative;

    height: 100%;

    width: 100%;

}



.grid:not(:last-child) {

    margin-right: 0;

}



.ps-product__thumbnail {

    background: none;

    text-align: center;

}



.ps-product__thumbnail img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



#homepage-9 .ps-product:hover {

    border-color: #616161;

}



#homepage-9 .ps-product {

    border-radius: 8px;

    border: 1px solid #E0E0E0;

    background: #FFF;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

    padding: 16px;

}





#homepage-9 .ps-product-shop:nth-child(4) {

    margin-right: 0;

}



.ps-product-shop .grid {

    margin: 0;

    z-index: 0;

}



.ps-shopping .ps-shopping__actions {

    padding-right: 16px;

}



.centauri-input-field.dropdown {

    border-radius: 6px;

    border-color: #BDBDBD;

    padding: 3px 0;

}



.ps-shopping-product .row {

    margin-left: 0 !important;

    margin-right: 0 !important;

    gap: 12px;

    justify-content: left;

}



.ps-stock__view label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin: 0;

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



input[type="checkbox"] {

    display: none;

}



.custom-checkbox {

    display: inline-block;

    width: 20px;

    height: 20px;

    border: 1px solid #757575;

    border-radius: 3px;

    position: relative;

    cursor: pointer;

}



.custom-checkbox::before {

    content: url("/img/spiral/chackmark.svg");

    color: transparent;

    visibility: hidden;

    position: absolute;

    top: 0;

    right: 3px;

    line-height: 20px;

}



.ps-desc {

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



input[type="checkbox"]:checked + .custom-checkbox::before {

    color: #757575;

    visibility: visible;

}



.ps-layout__right .ps-shopping .ps-shopping__header {

    width: 100%;

    display: flex;

    flex-flow: row nowrap;

    justify-content: space-between;

    align-items: center;

    background: unset;

    height: 36px;

    margin-top: 32px;

    margin-bottom: 24px;

    padding-left: 0;

    padding-right: 0;



}



.sp-shop__categories {

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    flex-wrap: wrap;

    width: 100%;

    height: 100%;

    margin-bottom: 16px;

}



.sp-shop__back {

    width: auto;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    height: 44px;

    padding-right: 16px;

    padding-left: 8px;

    border-radius: 8px;

    border: 1px solid #BDBDBD;

    background: #EEE;

}



.filterrow {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 8px;

    flex-wrap: wrap;

    width: 100%;

    height: 100%;

}



.sp-shop__back:hover, .sp-shop__gruppen:hover, .sp-shop__gruppen.active {

    border-color: #616161;

    cursor: pointer;

}



.sp-shop__back--text {

    color: #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}



.sp-shop__gruppen {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 10px;

    padding-right: 8px;

    padding-left: 16px;

    height: 44px;

    background: #FFF;

    border-radius: 8px;

    border: 1px #BDBDBD solid;



}



.link-list .sp-shop__count {

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: flex;

    margin-right: 8px;

    width: 24px;

}



.sp-shop__count {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 8px;

}



.sp-shop__numb {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 10px;

    padding: 4px 9px;

    border-radius: 999px;

    opacity: 1;

    background: #EEE;

}



.sp-shop__index {

    color: #212121;

    font-size: 12px;

    font-weight: 600;

    line-height: 16px;

}

.filterElement-mob {

    padding-top: 12px;

    padding-bottom: 12px;

}

.sp-shop__container {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

}



.sp-buttons__container .sp-button__weiter {

    height: 36px;

}



.sp-warenkorb__page .sp-header{

    padding-top: 0;

    padding-bottom: 36px;

}



.sp-shop__category a {

    color: #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}



.sp-shop__filters {

    width: 100%;

    padding-top: 16px;

    padding-bottom: 16px;

    background: #E0E0E0;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    align-self: stretch;

    display: flex;

    position: relative;

}



.sp-shop__filters::after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    width: calc(100vw - 17px);

    top: 0;

    height: 100%;

    background: #E0E0E0;

    z-index: -1;

}



.ps-shopping__container p {

    color: #212121;

    font-size: 12px;

    font-weight: 400;

    line-height: 140%;

}



.sp-shop__filters__container {

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

    flex-wrap: wrap;

}



.sp-shop__icon--yellow {

    background: #FFDD00;

    border-radius: 999px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: flex;

}



.sp-shop__items--filters {

    position: relative;

    padding-left: 16px;

    padding-right: 8px;

    height: 44px;

    background: #FFF;

    border-radius: 8px;

    border: 1px #757575 solid;

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

    gap: 16px;

}



.sp-filters-text {

    color: #212121;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}



.sp-shop__activate--filters {

    display: flex;

    align-items: baseline;

    gap: 16px;

}



.sp-shop__active--button {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 28px;

    gap: 8px;

    border-radius: 6px;

    background: #757575;

    padding-left: 8px;

    padding-right: 4px;

    margin-top: 8px;

    cursor: pointer;

}



.sp-shop__active--button:hover {

    background: #616161;

}



.sp-shop__active--button .IconText {

    color: #F5F5F5;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.sp-shop__remove--filters {

    color: #212121;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    cursor: pointer;

}



.sp-shop__activate--filters .sp-shop__active--button .IconDown {

    height: 26px;

}



.ps-shopping-product {

    min-height: auto;

}



.ps-shopping-pagination {

    display: flex;

    justify-content: center;

    align-items: center;

}



.ps-shopping-indicator {

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 16px;

    display: inline-flex;

}



.ps-shopping-content {

    margin-top: 24px;

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    display: flex

}



.ps-shopping-pregress {

    align-self: stretch;

    justify-content: flex-start;

    align-items: flex-start;

    display: inline-flex;

}



.ps-shopping-pregress-text {

    color: black;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

}



.ps-shopping-button {

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    background: #FFDD00;

    border-radius: 8px;

    justify-content: center;

    gap: 8px;

    display: inline-flex;

    cursor: pointer;

    font-weight: 600;

    align-items: center;

}



.mobile-only {

    display: none;

}



.ps-shopping-button:hover {

    background: #E6C700;

}



.mehr-btn {

    font-weight: 600;

    color: #212121;

    font-size: 15px;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.p-n {

    padding: 0;

}



.sp-category__filters {

    display: none !important;

}



.sp-search__result {

    font-size: 36px;

    font-weight: 600;

    margin-bottom: 32px;

    margin-top: 22px;

    color: #212121;

    line-height: 40px;

    letter-spacing: -0.36px;

}



.sp-search__result-mobile {

    display: none !important;

}





@media (max-width: 1200px) {

    body .ps-product-shop {

        width: calc(32% - -4px);

        max-width: 330px;

    }

}

@media (max-width: 1100px) {

    .panel-top__time {

        display: none;

    }

    body #homepage-9 .sp-merkliste-info .sp-product__artikel--var a {

        font-size: 12px;

        line-height: 16px;

    }

    body .check-list-title {

        font-size: 17px;

    }

    .shows-info {

        display: none;

    }

    .spiral-sign-page .grey-line {

        border-color: transparent;

        padding-top: 24px;

    }

    .spiral-sign-page .shows-info-mobile {

        border-top: 1px solid #616161;

        display: block;

        padding-top: 12px;

    }

    body .sp-reg-title {

        border-bottom: 1px solid #616161;

        padding-bottom: 12px;

        padding-top: 24px;

        margin-bottom: 12px;

    }

    .sp-form-benutz .sp-form-group .submit-button {

        width: 100% !important;

    }

    .sp-daten-form .submit-button {

        width: 100% !important;

    }

    .spiral-sign-page .sp-form-container {

        background: transparent;

        flex-direction: column;

        padding: 0;

        box-shadow: unset;

        border: none;

    }

    .spiral-sign-page .sp-form-group input {

        margin-right: 0;

    }

    .spiral-sign-page .sp-form-two {

        flex-direction: column;

    }

    .spiral-sign-page .sp-form-group {

        width: 100%;

        align-items: unset;

    }



    .spiral-sign-page .custom-dropdown {

        margin-right: 0;

    }



    .spiral-sign-page .sp-registration-title {

        font-size: 24px;

        line-height: 28px;

    }

    .spiral-sign-page .sp-registration-shop {

        font-size: 24px;

        line-height: 28px;

    }

    .warenkorb-accordion {

        padding-bottom: 16px;

    }

    body .sp-warenkorb__page .sp-header {

        padding-bottom: 24px;

        display: flex;

        justify-content: space-between;

    }

    .sp-header .sp-warenkorb-title {

        font-size: 32px;

        line-height: normal;

    }

    body .sp-registration-page .sp-header__title {

        margin-right: 48px;

        margin-left: 48px;

    }

    .min-h-screen-header-footer .sp-product__title--main {

        font-size: 22px;

        line-height: 28px;

    }

    #homepage-9 .ps-shopping-container .ps-product {

        padding: 8px 16px 16px 16px;

    }

    body .ps-list-product {

        text-overflow: ellipsis;

        overflow: hidden;

        white-space: nowrap;

        display: block;

        max-width: 260px;

    }

    body #homepage-9 .ps-product--list .ps-product__image img {

        width: 100px;

        height: 100px;

        margin-bottom: 20px;

    }

    .sp-product__controller .sp-product__additional {

        gap: 4px;

    }



    .checkout-page .footer-info-kasse {

        padding-left: 48px;

        padding-right: 48px;

    }



    .checkout-page .sp-faq {

        padding-left: 48px;

        padding-right: 48px;

    }



    .checkout-page .sp-legal-info {

        padding-left: 48px;

        padding-right: 48px;

    }



    .kasse-payment-section .warenkorb-kasse-block {

        display: none;

    }



    .kasse-payment-section .kasse-payment-container {

        width: 100%;

        background: unset;

        box-shadow: unset;

        border: unset;

        margin-right: 0;

        padding-bottom: 300px;

        padding-left: 48px;

        padding-right: 48px;

    }



    .kasse-payment-container .details-buttons {

        flex-direction: row-reverse;

        justify-content: space-between;

    }



    .kasse-payment-section .kasse-payment-body {

        width: 100%;

        margin-right: 0;

        box-shadow: unset;

        border: unset;

        background: unset;

        padding-right: 48px;

        padding-left: 48px;

        padding-bottom: 300px;

    }



    .checkout-page .IndicatorBox {

        display: none;

    }



    .kasse-section-result .warenkorb-kasse-block {

        display: none;

    }



    .checkout-page .kasse-section-result {

        display: block;

        margin-top: 100px;

        padding-top: 58px;

        background: #FFF;

    }



    .kasse-section-result .kasse-section-details {

        width: 100%;

        margin-right: 0;

        box-shadow: unset;

        border: unset;

        background-color: unset;

        padding: 0 48px;

    }



    .kasse-section-details .details-buttons {

        flex-direction: row-reverse;

        display: flex;

        justify-content: space-between;

        align-items: center;

        width: 100%;

    }



    .details-buttons div {

        text-align: center;

        width: 65%;

    }



    .kasse-section-result .kasse-questions-container {

        box-shadow: unset;

        border: unset;

        width: 100%;

        height: 100%;

        padding: 0 48px;

        margin-right: 0;

    }



    .kasse-page .kasse-form {

        flex-direction: column;

        padding: 48px;

        gap: 30px;

    }



    .kasse-page .webshop-vorteile {

        padding-left: 48px;

        padding-right: 48px;

    }



    .kasse-page .kasse-main-tittle p {

        padding-left: 48px;

        padding-top: 60px;

    }



    .kasse-page .kasse-block-right {

        width: 100%;

    }



    .kasse-page .kasse-form-line {

        width: 100%;

    }



    .kasse-page .kasse-header {

        display: none;

    }



    .ps-shopping-product .ps-product-shop {

        width: 49%;

        max-width: unset;

    }



    .sp-shop__categories {

        display: none;

    }



    .sp-shop__filters {

        display: none;

    }



    .sp-search__result {

        display: none;

        margin-top: 32px;

    }



    .sp-bread__crumb-mob {

        display: none;

    }



    .sp-search__result-mobile {

        display: block !important;

        color:  #212121;

        font-size: 22px;

        font-weight: 600;

        line-height: 28px; /* 127.273% */

    }



    .sp-category__filters {

        display: block !important;

        margin-top: 32px;

    }



    .sp-shop__activate--filters {

        gap: 4px 8px;

        flex-wrap: wrap;

        margin-top: 4px;

    }

    body .sp-shop__active--button {

        margin-top: 4px;

    }

    body .sp-shop__remove--filters {

        margin-left: 8px;

    }

}



@media (max-width: 757px) {

    .ps-shopping-product .ps-product-shop {

        width: 100%;

    }



    body .p-n {

        padding: 0 12px;

    }

}





.sp-category__filters {

    width: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: inline-flex;

}



.sp-category__wrap {

    width: 100%;

    align-self: stretch;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: inline-flex;

}







.sp-category__gruppen--mobile {

    width: 50%;

    align-self: stretch;

    padding-top: 11px;

    padding-bottom: 11px;

    padding-left: 16px;

    padding-right: 8px;

    background: white;

    border-radius: 8px;

    border: 1px #BDBDBD solid;

    justify-content: space-between;

    align-items: center;

    display: flex;

    cursor: pointer;

}







.sp-category__text {

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: flex;

}



.sp-warengruppe {

    color: #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}



.sp-dropdown__count {

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: flex;

}



.sp-category__product--mobile {

    width: 50%;

    flex: 1 1 0;

    height: 42px;

    padding-top: 11px;

    padding-bottom: 11px;

    padding-left: 16px;

    padding-right: 8px;

    background: white;

    border-radius: 8px;

    border: 1px #BDBDBD solid;

    justify-content: space-between;

    align-items: center;

    display: flex;

    cursor: pointer;

}



.sp-category__gruppen--mobile:hover, .sp-category__product--mobile:hover {

    border-color: #616161;

}



.ps-shopping .ps-shopping__view {

    display: flex;

    flex-flow: row nowrap;

    align-items: center;

    gap: 24px;

    padding-right: 6px;

}



.ps-product-shop {

    width: 24%;

    max-width: 302px;

}



.sp-category__filters > .sp-bread__crumb {

    padding: 0 !important;

}



.zuruck-filter-btn {

    display: flex;

    gap: 10px;

    justify-content: unset !important;

    background-color: #e0e0e0;

    border: none;

    color: #212121;

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;

}



.ps-shopping__container {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 16px;

}



.dropdown-order-content.open {

    display: flex;

    cursor: pointer;

    position: absolute;

    z-index: 2;

}



.dropdown-order {

    position: relative;

    display: inline-block;

}



.dropdown-order-button {

    padding: 4px 8px 4px 12px;

    cursor: pointer;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    outline: none;

    border-radius: 6px;

    opacity: 1;

    background: #FFF;

    border: 1px solid #BDBDBD;

    width: 180px;

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.dropdown-arrow {

    transition: transform 0.3s ease-in-out;

}



.dropdown-order-content {

    display: none;

    overflow: hidden;

    min-width: 180px;

    padding: 8px;

    flex-direction: column;

    align-items: flex-start;

    gap: 4px;

    background: #FFF;

    border-radius: 8px;

    border: 1px solid #BDBDBD;

    margin-top: 6px;

}



.dropdown-order-content p {

    padding: 4px;

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    width: 100%;

}



.dropdown-order-content p:hover {

    background: #EEE;

    border-radius: 4px;

}



.dropdown-order.open .dropdown-arrow {

    transform: rotate(180deg);

}



.dropdown-order.open .dropdown-order-content {

    display: block;

}



.dropdown-order.open .dropdown-order-button {

    background-color: #2c3e50;

    border: 1px solid #E6C700;

    box-shadow: 0px 0px 0px 2px #FFF3A3;

}



@media (max-width: 426px) {

    .sp-form-group .label-accepted {

        max-width: 330px;

    }

    .spiral-sign-page .sp-form-group .label-accepted {

        max-width: 310px;

    }

    body .container-editor {

        border-bottom: unset;

    }

    .spiral-sign-page .steps {

        padding-top: 24px !important;

        background: unset;

    }

    .spiral-sign-page .steps:before {

        content: none;

    }



    body .warenkorb-accordion {

        padding-bottom: 0;

    }

    body .sp-warenkorb__page .sp-header__title {

        padding-bottom: 0;

        padding-top: 20px;

    }

    body .min-h-screen-header-footer .sp-warenkorb__page .sp-header {

        padding-top: 24px;

        padding-bottom: 24px;

    }

    body .sp-shop__active--button .IconText {

        text-overflow: ellipsis;

        overflow: hidden;

        white-space: nowrap;

        max-width: 100%;

    }

    body .sp-category__filters .sp-shop__active--button {

        overflow: hidden;

    }

    .sp-container__max  .ps-shopping .ps-shopping__view {

        padding-right: 0;

    }

    body .sp-registration-page .sp-header .sp-header__title {

        margin: 0;

    }

    .sp-header {

        padding-top: 0 !important;

    }

    body .ps-tab-list {

        position: relative;

        right: -8px;

    }

    .ps-layout__right .ps-shopping .ps-shopping__header {

        height: 100% !important;

        margin-bottom: 20px;

        margin-top: 24px;

    }

    .sp-content__info--item .mobile-only {

        display: none;

    }

    .ps-layout__right .ps-shopping {

        margin-top: 55px;

    }



    .ps-shopping__container {

        flex-direction: column;

        align-items: baseline;

    }



    .ps-shopping__actions {

        margin-bottom: 19.5px;

    }



    .ps-stock__view {

        padding-right: 0;

        margin-top: 12px;

    }



    .ps-stock__view label {

        padding-right: 7px;

    }



    .sp-category__wrap .sp-category__gruppen--mobile {

        width: 100%;

    }



    .sp-category__wrap .sp-category__product--mobile {

        width: 100%;

    }



    .sp-content__product--box .sp-cart__item {

        margin-bottom: 8px;

        padding: 8px;

    }

    .menu-burger, .menu-sorting {

        width: 100%;

    }

}



#categoryproducts a.ps-btn:hover {

    background: #F1D000 !important;

}



#categoryproducts a.ps-btn {

    padding: 0;

    border-radius: 8px;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

    width: 173px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.ps-product__variations {

    display: flex;

    flex-direction: column;

}



.ps-product__variations-to {

    display: flex;

    align-items: center;

    justify-content: center;

}



.centauri-input-field.dropdown {

    padding: 8px 4px;

}



body .centauri-input-field.dropdown {

    padding: 5px 8px;

    cursor: pointer;

}



.ps-product__content .ps-product__content {

    font-size: 14px;

}



.dialog-filter__mob {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 999;

    align-items: center;

    justify-content: center;

    text-align: center;

}



.ps-sale-price {

    font-weight: 600;

}



.sp-search__result-mobile {

    margin-bottom: 24px;

}



#homepage-9 .ps-product--list .ps-product__image img {

    width: 128px;

    height: 128px;

    border-radius: 6px;

}



.ps-product--list .ps-variat p {

    color: #212121;

    font-size: 11px;

    font-style: normal;

    font-weight: 400;

    line-height: 12px;

    letter-spacing: 0.55px;

    text-transform: uppercase;

    padding-top: 6px;

    padding-bottom: 6px;

}



.ps-product--list .sp-product__accessible {

    margin-bottom: 0;

}



.ps-product__footer .ps-product__info {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    align-self: stretch;

    gap: 4px;

    margin-bottom: -4px;

}



body #homepage-9 .ps-product:hover {

    border-color: #616161

}



.ps-product__cart {

    margin-left: 12px;

}





.ps-price__sehen {

    margin-bottom: 8px;

}



@media(max-width: 768px) {

    body .sp-merkliste-page {

        padding-bottom: 60px;

    }

    .sp-content__left--sight .sp-content__info {

        max-width: 316px;

    }

    body .ps-product__list--box .ps-box-var {

        height: 104px;

    }

    body .ps-variation-btn {

        min-width: 290px;

    }

    body .sp-product__wrap:only-child {

        max-width: 100%;

    }

    body .ps-product__title .ps-list-product {

        max-width: 250px;

    }

    .min-h-screen-header-footer .sp-container__max.p-n {

        padding: 0 12px;

    }

    .accordion-item .accordion-content {

        padding-right: 12px;

        padding-left: 12px;

    }



    .sp-product__additional--center .sp-product__additional--text {

        font-size: 12px;

        line-height: 16px;

    }



    .sp-container__max .accordion {

        padding-bottom: 16px;

    }





    body .header-mobile__nav {

        padding: 8px 12px;

    }



    body .ps-product-shop {

        margin-right: 0;

    }



    body .ps-shopping__view {

        display: flex !important;

        justify-content: flex-end !important;

    }



    body .sp-category__wrap {

        flex-direction: row;

        flex-wrap: wrap;

    }



    .sp-category__wrap .sp-category__gruppen--mobile {

        width: 100%;

    }



    .sp-category__wrap .sp-category__product--mobile {

        width: 100%;

    }



    .sp-search__result-mobile {

        margin-bottom: 24px;

        font-weight: 600;

        font-size: 22px;

    }

    /* delete this! */

    .sp-category__filters {

        height: 100%;

    }

    /* rewrite */

    .p-n {

        padding: 0 48px;

    }



    .ps-product__list--box {

        align-items: flex-start;

    }



    #homepage-9 .ps-product--list .ps-product__image img {

        width: 100px;

        height: 100px;

    }

}



@media (max-width: 600px) {

    .sp-cart__wrap .sp-content__box .sp-quantity__box button {

        padding: 8px 5px;

        width: unset;

    }

    .sp-cart__wrap .sp-content__box .sp-quantity__box {

        margin-bottom: 0;

    }

    .sp-content__adjust .sp-entfernen {

        display: none;

    }

    .sp-cart__products {

        flex-direction: column;

        position: relative;

    }

    body .sp-cart__products .sp-content__adjust {

        display: inline-flex;

        position: absolute;

        right: 0;

        top: 0;

    }

    body .sp-cart__products .sp-content__right {

        justify-content: space-between;

        align-items: flex-end;

        margin-top: 16px;

        width: 100%;

    }

    .sp-cart__products .sp-content__left--sight {

        width: 100%;

        display: flex;

        align-items: flex-start;

        justify-content: space-between;

    }

}







/* rewrite */

@media (max-width: 426px) {



    body .sp-category__filters .sp-category__wrap {

        flex-direction: column;

    }



    body .sp-category__wrap .sp-category__gruppen--mobile {

        width: 100%;

    }



    .sp-category__wrap .sp-category__product--mobile {

        width: 100%;

    }



    .ps-layout__right .ps-shopping {

        margin-top: 6px;

    }





    body .ps-variat {

        padding-bottom: 0;

    }



    .ps-product__list--box {

        width: 100%;

    }



    .ps-product.ps-product--list .ps-product__title a {

        font-size: 15px;

        max-width: 190px;

    }

    body .ps-product--list .ps-product__thumbnail {

        margin-right: 24px;

    }



    body #homepage-9 .ps-product--list .ps-product__image img {

        margin-bottom: 0 !important;

    }



    body #homepage-9 .ps-product {

        padding: 8px 16px;

    }



    #homepage-9 .ps-shopping__view {

        display: flex !important;

        flex-direction: column-reverse !important;

        align-items: flex-end !important;

        gap: 0 !important;

    }



    body .ps-layout__right .ps-shopping {

        margin-top: 0;

    }



    .sp-container__max .sp-category__filters {

        height: 100%;

        margin-top: 24px;

    }



    .sp-search__result-mobile {

        margin-bottom: 24px;

    }

    /* clear */

    .ps-stock__view label {

        padding: 0;

    }

}



/* warenkokorb */

.sp-check__netto, .sp-netto__price, .sp-check__mwst, .sp-mwst__price {

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}





.sp-check__info {

    color: #757575;

    font-size: 14px;

    line-height: 20px;

}

.sp-check-liveTermin {

    color: #757575;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    word-wrap: break-word

}



.sp-termin-data {

    flex: 1 1 0;

    color: #757575;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    word-wrap: break-word

}



.sp-check-termin {

    display: inline-flex;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

}



.selected-img {

    width: 16px;

    height: 16px;

    margin-left: 5px;

    display: none;

}





.sp-product__title--cart {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    word-break:break-word;

}



.sp-cart__product--attention img {

    width: 20px;

    height: 20px;

}



.sp-content__sum {

    font-weight: 600;

    font-size: 15px;

    line-height: 20px;

    width: 109.5px;

    text-align: right;

}



.sp-product__accessible--cart {

    font-size: 12px;

    font-weight: 600;

    color: #6ABF40;

    line-height: 16px;

}



.sp-content__widther p {

    font-weight: 600;

    line-height: 20px;

    color: #212121;

    font-size: 14px;

}

.sp-content__widther p:nth-child(2) {

    width: 31.5px;

}



.sp-warenkorb__links {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

}



.sp-warenkorb__grid {

    display: flex;

}



.sp-warenkorb__page {

    padding: 0;

}



.sp-warenkorb__items {

    display: flex;

    align-items: center;

    color: #757575 !important;

    font-size: 14px;

    white-space: nowrap;

    cursor: pointer;

}



.sp-warenkorb__items:nth-child(1) {

    margin-right: 32px;

}



#spPositions, #spArticles {

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.sp-warenkorb__items img {

    padding-right: 8px;

}



.sp-registration-page .sp-header {

    display: flex;

    justify-content: center;

    padding-top: 49px;

    padding-bottom: 56px;

}



.sp-registration-page .sp-header__title {

    width: 100%;

    display: flex;

    max-width: 997px;

    border-radius: 8px;

    border: 1px solid #E0E0E0;

    background: #FFF;

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);

}



.sp-anmelden-form form {

    width: 100%;

}



.sp-anmelden-form {

    width: 45%;

    padding: 32px 40px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 16px;

    flex: 1 0 0;

}



.sp-neukunde-form {

    width: 60%;

    padding: 32px 40px;

    background: #F5F5F5;

    border-radius: 0 7px 7px 0;

}



.sp-warenkorb-title {

    color: #212121;

    font-size: 42px;

    font-weight: 600;

    line-height: 44px;

    letter-spacing: -0.84px;

    margin-bottom: 4px;

}



.sp-header__complects {

    display: flex;

    align-items: center;

}



.sp-complects__add {

    border-radius: 6px;

    background: #616161;

    padding: 2px 8px;

    color: #FAFAFA;

    font-weight: 600;

    margin-left: 8px;

}



.sp-button {

    border-radius: 8px;

    background: #FD0;

    width: 100%;

    padding: 8px 12px;

    font-size: 15px;

    font-style: normal;

    font-weight: 600;

    display: flex;

    justify-content: center;

    cursor: pointer;

    color: #212121;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.sp-button:hover {

    background: #E6C700;

}



body #homepage-9 .sp-button_disabled {

    display: flex;

    justify-content: center;

    gap: 8px;

    width: 100%;

    padding: 8px 12px;

    font-size: 15px;

    font-weight: 600;

    color: #9E9E9E !important;

    background-color: #E0E0E0 !important;

    cursor: not-allowed;

    opacity: 50%;

    border-radius: 8px;

}





.sp-button_disabled img{

    opacity: 40%;

}



.sp-button img {

    margin-left: 6px;

}



.sp-content__title {

    display: flex;

    align-items: center;

    width: 100%;

    border-top: 1px #616161 solid;

    border-bottom: 1px #616161 solid;

    margin-top: 17px;

    margin-bottom: 16px;

    height: 36px;

    align-self: stretch;

}



.sp-content__widther {

    display: flex;

    padding: 0 12px;

    width: 100%;



}



.sp-content__left {

    width: 50%;

}



.sp-content__right {

    display: flex;

    justify-content: space-between;

    width: 50%;

    align-items: flex-start;

}



.sp-coupon__section {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    width: 30%;

    margin-left: 26px;

}



.sp-coupon__section .sp-cart__product--message {

    margin-bottom: 8px;

}



.sp-entfernen {

    color: #616161;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    cursor: pointer;

}



.sp-coupon {

    width: 100%;

    border-radius: 8px;

    justify-content: space-between;

    align-items: center;

    display: flex;

    flex-direction: column;

}



.sp-check__list {

    display: flex;

    flex-direction: column;

    gap: 8px;

    margin-top: 8px;

    margin-bottom: 24px;

    width: 100%;

    background: #EEE;

    border-radius: 8px;

    border: 1px solid #E0E0E0;

    padding: 12px;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

}



.sp-check__wrap {

    display: flex;

    justify-content: space-between;

}



.sp-check__wrap .sp-check__brutto,

.sp-total__price {

    font-weight: 600;

    font-size: 15px;

    line-height: 20px;

}



.sp-button__weiter {

    width: 100%;

    display: flex;

    border-radius: 8px;

    padding-right: 16px;

    padding-left: 16px;

    height: 44px;

    text-align: left;

    border: 1px solid #757575;

    background: #FAFAFA;

    align-items: center;

    justify-content: center;

}



.sp-button__weiter--text {

    font-size: 15px;

    font-weight: 600;

    text-align: center;

}



.sp-buttons__container {

    display: flex;

    align-items: stretch;

    justify-content: space-between;

    width: 100%;

    gap: 8px;

    flex-direction: column-reverse;

}



.sp-check__wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.sp-check__wrap .sp-total__price {

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.sp-check__wrap .sp-check__brutto {

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.sp-cart__item {

    padding: 12px;

    background: white;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);

    border-radius: 8px;

    border: 1px #E0E0E0 solid;

    margin-bottom: 4px;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    min-height: 108px;

    gap: 8px;

}



.sp-cart__products {

    width: 100%;

    display: flex;

}



.sp-content__left--sight {

    width: 50%;

}



.sp-content__info {

    display: flex;

    align-items: flex-start;

    max-width: 375px;

}



.sp-content__info--item {

    margin-left: 24px;

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.sp-content__box {

    display: flex;

    flex-direction: column;

}



.sp-item-img {

    border-radius: 4px;

}



.sp-content__price--artikel {

    width: 100%;

    max-width: 109.5px;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    text-align: right;

}





.sp-content__product--box {

    width: 70%;

}



.sp-cart__product--message {

    width: 100%;

    align-self: stretch;

    padding-right: 8px;

    background: #E5F4FF;

    border-radius: 6px;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    display: flex;

    min-height: 28px;

}



.sp-cart__product--attention {

    width: 28px;

    align-self: stretch;

    padding-left: 1px;

    background: #47ACFF;

    border-radius: 6px 0 0 6px;

    justify-content: center;

    gap: 4px;

    display: flex;

    align-items: center;

}



.sp-coupon__section .sp-cart__product--attention {

    align-items: center;

}



.warning-span {

    color: #DB6E00;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}



.sp-text__frame {

    flex: 1 0 0;

    height: 100%;

    padding-top: 4px;

    padding-bottom: 4px;

    justify-content: flex-start;

    align-items: center;

    gap: 4px;

    display: flex

}



.sp-text__given {

    flex: 1 1 0;

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.sp-cart__wrap {

    display: flex;

    width: 100%;

    align-items: flex-start;

    margin-bottom: 50px;

}

.sp-warenkorb__links .sp-header__kassa {

    display: none;

}





.sp-content__box .sp-quantity__box {

    align-items: center;

    margin-bottom: 12px;

    height: 36px;

}



.sp-content__box .sp-quantity__box button {

    padding: 2px 8px;

    font-size: 20px;

    font-weight: 500;

}



.sp-content__adjust {

    justify-content: flex-start;

    align-items: center;

    gap: 4px;

    display: inline-flex;

}



.sp-buttons__container .sp-button__weiter {

    text-align: center;

    cursor: pointer;

}



.sp-buttons__container .sp-button__weiter:hover {

    background: #EEE;

}



.sp-content__adjust img {

    width: 16px;

    height: 16px;

}



.sp-warenkorb__items:hover {

    text-decoration-line: underline;

}



.disabled-link {

    opacity: 50%;

    pointer-events: none;

}



.sp-coupon.active {

    transition: 0.3s;

}



.GutscheinEinlSen {

    border-radius: 8px;

    border: 1px solid #BDBDBD;

    padding: 6px 8px;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

}



.hidden {

    display: none;

}



#arrow {

    transition: transform 0.3s;

}



#coupon.active #arrow {

    transform: rotate(180deg);

    cursor: pointer;

}



.active #hiddenContent {

    display: flex;

    flex-direction: column;

    width: 90%;

}



.artk-nummer {

    width: 100%;

    border: 1px solid #757575;

    background: #FAFAFA;

    border-radius: 8px;

    height: 44px;

    align-items: center;

    padding: 0 16px;

    font-size: 15px;

    font-weight: 400;

    margin-top: 12px;

    color: #212121;

}



#hiddenContent .sp-button__weiter {

    margin-bottom: 8px;

    margin-top: 12px;

}



@media (max-width: 1080px) {

    body .sp-cart__wrap {

        flex-direction: column;

    }



    body .sp-cart__wrap .sp-content__product--box {

        width: 100%;

    }



    body .sp-coupon__section {

        display: flex;

        width: 100%;

        align-items: flex-end;

    }

}



/*Bootstrap Modal Override*/



.sp-warenkorb__page .modal.fade.in.show {

    display: flex !important;

}



.modal-dialog-sm {

    width: 340px !important;

}



.modal-dialog {

    background-color: white;

    border-radius: 8px;

}



.modal-content {

    padding-left: 24px;

    padding-right: 24px;

    padding-top: 32px;

    padding-bottom: 32px;

    background: white;

    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);

    overflow: hidden;

    border: 1px #E0E0E0 solid;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 24px;

    display: inline-flex;

    margin: auto;

    width: 100%;

    border-radius: 8px !important;

}



.modal-header h4 {

    width: 100%;

    color: #212121;

    font-size: 22px;

    font-weight: 600;

    line-height: 28px;

}



.modal-header {

    width: 100%;

    height: 100%;

    padding: 0 !important;

    border-bottom: 1px #212121 solid;

    justify-content: flex-start;

    align-items: center;

    gap: 10px;

    display: inline-flex;

}



.modal-body p {

    color: #212121;

    font-size: 15px;

    line-height: 20px;

}



.modal-body {

    width: 100%;

    height: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

    display: inline-flex;

    padding: 0 !important;

}



.modal-body .select-selected {

    width: 100%;

}



.modal-btnrow {

    align-self: stretch;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex

}



.spi-btn-modal-cancel {

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    border-radius: 8px;

    border: 1px #BDBDBD solid;

    width: 50%;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.30px;

    background-color: white;

    height: 36px;

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    border-radius: 8px;

    border: 1px #BDBDBD solid;

}



.spi-btn-modal-action {

    color: #212121;

    font-size: 15px;

    line-height: 20px;

    letter-spacing: 0.30px;

    font-weight: 600;

    width: 50%;

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    background: #FFDD00;

    border-radius: 8px;

    border: 0px;

}



.spi-input-modal-list {

    color: #757575;

    font-size: 15px;

    width: 100%;

    height: 44px;

    padding-left: 16px;

    padding-right: 8px;

    background: #FAFAFA;

    border-radius: 8px;

    overflow: hidden;

    border: 1px #757575 solid;

    display: flex;

}



.modal-title {

    font-size: 22px;

    padding-bottom: 16px;

    border-bottom: 1px #212121 solid;

}



.noBorder {

    border: 0;

}



.cPointer {

    cursor: pointer;

}



/* Auswahl */

.sp-anmelden-dialog {

    display: flex;

    justify-content: center;

    padding: 32px 48px;

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);

    border-radius: 0 0 8px 8px;

    width: 908px;

    height: 100%;

}



.anmelden-liner {

    content: '';

    width: 1px;

    height: 244px;

    display: block;

    background: #BDBDBD;

}



.sp-anmelden-process {

    display: flex;

    flex-direction: column;

    width: 336px;

}



.sp-anmelden-registrieren {

    display: flex;

    flex-direction: column;

    padding-left: 96px;

    width: 380px;

}





.checkbox-with-label {

    display: flex;

    align-items: flex-start;

}



.checkbox-with-label img {

    margin-right: 10px;

}



.sp-marks {

    display: flex;

}



/*registration*/

.frage-options .togglebar-active {

    border: 2px solid #FD0;

    background: #FFF;

}



.sp-registration-start {

    padding: 44px 0 62px;

}



.spiral-sign-page .sp-bread__crumb {

    padding-top: 10px;

    height: unset;

    margin-top: 0;

}



.steps {

    background: #F5F5F5;

    position: relative;

    padding-top: 48px;

    padding-bottom: 64px;

    z-index: 0;

}



.steps:before {

    content: "";

    display: block;

    position: absolute;

    left: -100vw;

    width: 200vw;

    top: 0;

    height: 100%;

    background: #F5F5F5;

    z-index: -1;

}

.spiral-sign-page {

    background: #FFF;

}

.spiral-new-user {



}



.sp-registration-title {

    color: #000;

    font-size: 32px;

    line-height: 36px;

    font-weight: 600;

    max-width: 1400px;

    margin: 0 auto;

    padding-bottom: 8px;

}



.icon-check:before {

    content: unset !important;

}



.sp-registration-shop {

    font-size: 32px;

    line-height: 36px;

    font-weight: 400;

    max-width: 1400px;

    margin: 0 auto;

}



.sp-registration-buttons {

    padding-bottom: 48px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.sp-registration-buttons > p {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 20px;

    max-width: 500px;

    text-align: center;

    line-height: 24px;

}



.frage-options {

    display: flex;

    width: 100%;

    justify-content: center;

}



.frage-options div {

    padding: 24px;

    font-size: 15px;

    border: 1px solid #BDBDBD;

    width: 250px;

    text-align: center;

}



.togglebar-horizontal {

    border-radius: 8px 0 0 8px;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.tab-wrapper {

    border-radius: 0 8px 8px 0;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.togglebar-horizontal:hover {

    cursor: pointer;

}



.tab-wrapper:hover {

    cursor: pointer;



}



.frage-options .togglebar-active:hover {

    border-color: #FD0;

}



.frage-options div:hover {

    border-color: #616161;

}



.webshop-vorteile {

    padding-top: 40px;

    padding-bottom: 50px;

}



.text-wrapper {

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 24px;

    line-height: 36px;

}



.vorteil {

    display: flex;

    align-items: center;

    margin-bottom: 4px;

}



.vorteil p {

    margin-bottom: 0;

}



.text-frame span {

    font-weight: 600;

}



.text-frame .text-wrapper-2 {

    font-weight: 400;

}



.layout-horizontal {

    background: #f5f5f5;

    border-radius: 0 0 8px 8px;

    padding: 32px 48px;

    display: none;

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);

    opacity: 0;

    visibility: hidden;

    transition: 0.3s;

    display: flex;

    flex-direction: row;

    align-items: center;

    z-index: 1;

}



.layout-horizontal.active {

    opacity: 1;

    visibility: visible;

}



.header_block__nav-icons .layout-horizontal{

    position: absolute;

    top: 43.7px;

    right: 0;

    z-index: 15;

}



.sp-anmelden {

    display: flex;

    flex-direction: column;

    gap: 16px;

    align-items: flex-start;

    justify-content: flex-start;

    flex-shrink: 0;

    position: relative;

    padding-right: 48px;

}



.sp-anmelden form {

    width: 336px;

}



.kasse-form .sp-anmelden {

    width: 45%;

}



.kasse-form .sp-anmelden-left .text, .sp-pass-container {

    background: #FFF;

}



.kasse-block-right .checkbox-with-label {

    padding: 0;

}



.sp-daten-form .checkbox-with-label {

    justify-content: flex-start;

    padding-top: 24px;

    padding-bottom: 0;

}



.zurück-button-text:hover {

    background: #EEE;

}



.added-kasse-info {

    width: 100%;

}



.added-kasse-info .sp-form-group {

    flex-direction: column;

    margin-bottom: 8px;

}



.added-kasse-info .sp-form-group h4 {

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px;

    color: #212121;

}



.kasse-payment-container .kasse-payment-wrap .kasse-payment-method {

    height: 100%;

}



.kasse-payment-container .kasse-payment-wrap .kasse-payment-method p {

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}



.shicken {

    gap: 12px !important;

}



.added-kasse-info .sp-form-group p {

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

    color: #757575;

    margin-top: 8px;

}



.added-kasse-info .sp-form-group input {

    margin-top: 24px;

}

.sp-header__title .sp-anmelden-title {

    font-size: 24px;

    line-height: 28px;

}



.sp-neukunde-wrap .vorteil {

    align-items: flex-start;

    color: #212121;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

    margin-bottom: 0;

}



.sp-neukunde-form .sp-registration-btn {

    margin-top: 16px;

}



.sp-neukunde-form .sp-neukunde-title {

    font-size: 24px;

    line-height: 28px;

    margin-bottom: 12px;

}



.sp-info-subtitle {

    margin-bottom: 16px;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



#homepage-9 .sp-header__title .passwort-vergessen {

    color: #0073D1 !important;

}



.sp-anmelden-title {

    color: #212121;

    text-align: left;

    position: relative;

    margin-bottom: 0;

    font-weight: 600;

    font-size: 20px;

}



.sp-anmelden-left {

    display: flex;

    flex-direction: column;

    gap: 8px;

    align-items: flex-start;

    justify-content: flex-start;

    align-self: stretch;

    flex-shrink: 0;

    position: relative;

}



.text {

    width: 100%;

}



.auto-layout-vertical {

    height: 44px;

    font-size: 15px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    flex-shrink: 0;

    position: relative;

    background: transparent;

    border-radius: 8px;

    border-style: solid;

    border-color: #757575;

    border-width: 1px;

    padding: 0 16px 0 16px;

    align-self: stretch;

    overflow: hidden;

    width: 100%;

}



.fieldname {

    color: #616161;

    text-align: left;

    position: relative;

}



.sp-anmelden-password {

    display: flex;

    flex-direction: column;

    gap: 4px;

    align-items: flex-start;

    justify-content: flex-start;

    align-self: stretch;

    flex-shrink: 0;

    position: relative;

}



.sp-pass-container {

    width: 100%;

    background: transparent;

}



.passwort {

    color: #616161;

    text-align: left;

    position: relative;

}



.closed {

    width: 24px;

    height: 24px;

    flex-shrink: 0;

    position: absolute;

    right: 16px;

    top: 9px;

    cursor: pointer;

}







.logged-in-drop.active {

    display: block !important;

}



.logged-in-drop {

    display: none;

    position: absolute;

    top: 30px;

    right: 0;

    min-width: 200px;

    max-width: 300px;

    flex-direction: column;

    align-items: flex-start;

    border-radius: 8px;

    border: 1px solid #E0E0E0;

    background: #FFF;

    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);

    z-index: 1;

}

.logged-in-drop div {

    border-bottom: 1px solid  #E0E0E0;

    padding: 8px;

    width: 100%;

}



.logged-button {

    padding: 8px;

    color: #BE3F3F;

    font-size: 14px;

    font-weight: 500;

    line-height: 20px;

}



.logged-numbers {

    margin-top: -8px;

    padding: 0 8px;

    color: #757575;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.logged-text {

    padding: 8px;

    color: #212121;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;

}



.icon-eye-closed {

    position: absolute;

    left: 0;

    top: 0;

    overflow: visible;

}



.passwort-vergessen {

    color: #0073d1;

    text-align: left;

    position: relative;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}



.checkbox-with-label {

    display: flex;

    flex-direction: row;

    gap: 10px;

    align-items: center;

    flex-shrink: 0;

    position: relative;

    padding: 16px 0;

}



.checkbox {

    flex-shrink: 0;

    position: relative;

    overflow: visible;

}



.label-accepted {

    color: #212121;

    text-align: left;

    position: relative;

    margin-bottom: 0;

    line-height: 20px;

    font-size: 14px;

}



.button-anmelden {

    background: #ffdd00;

    border-radius: 8px;

    padding: 8px 12px;

    display: flex;

    flex-direction: row;

    gap: 8px;

    align-items: center;

    justify-content: center;

    align-self: stretch;

    flex-shrink: 0;

    height: 36px;

    position: relative;

    cursor: pointer;

}



.button-anmelden:hover {

    background: #E6C700;

}



.sp-neukunde-form .sp-registration-btn {

    background: #FD0;

    border: none;

}

.sp-neukunde-form .sp-registration-btn:hover {

    background: #E6C700;

}



.button-anmelden-text {

    color: #212121;

    text-align: left;

    position: relative;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.sp-neukunde {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-between;

    align-self: stretch;

    flex-shrink: 0;

    width: 420px;

    position: relative;

    padding-left: 48px;

}



.sp-neukunde-wrap {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    align-self: stretch;

    flex-shrink: 0;

    position: relative;

    gap: 8px;

}



.sp-neukunde-title {

    color: #212121;

    text-align: left;

    position: relative;

    font-weight: 600;

    font-size: 20px;

}



.sp-neukunde-subtitle {

    color: #212121;

    text-align: left;

    position: relative;

    align-self: stretch;

    font-size: 14px;

    font-weight: 600;

}



.vorteile {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    align-self: stretch;

    flex-shrink: 0;

    position: relative;

}



.vorteil {

    display: flex;

    flex-direction: row;

    gap: 4px;

    align-items: center;

    justify-content: flex-start;

    align-self: stretch;

    flex-shrink: 0;

    position: relative;

}



.icon-check {

    flex-shrink: 0;

    position: relative;

    overflow: visible;

}



.vorteil-text {

    color: #212121;

    text-align: left;

    position: relative;

    flex: 1;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}



.icon-check2 {

    flex-shrink: 0;

    position: relative;

    overflow: visible;

}



.icon-check3 {

    flex-shrink: 0;

    position: relative;

    overflow: visible;

}



.centauri-new-user .sp-bread__crumb {

    background: #FFF;

}



.sp-registration-btn {

    border-radius: 8px;

    border-style: solid;

    border-color: #ffdd00;

    border-width: 3px;

    padding: 8px 12px;

    display: flex;

    flex-direction: row;

    gap: 8px;

    align-items: center;

    justify-content: center;

    align-self: stretch;

    flex-shrink: 0;

    height: 36px;

    position: relative;

    cursor: pointer;

    transition: .3s;

}



.guestbtn:hover {

    background: #E6C700;

}

.sp-registration-btn:hover, .button-wrap-registration:hover {

    background: #FFFCE5;

}



.sp-registration-text {

    font-weight: 600;

    color: #212121;

    font-size: 15px;

    font-style: normal;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.sp-registration-text:hover {

    color: #212121 !important;

}





.kundennummer-eingeben,

.kundennummer-eingeben * {

    box-sizing: border-box;

}



.kundennummer-eingeben {

    display: flex;

    flex-direction: column;

    gap: 20px;

    align-items: center;

    justify-content: flex-start;

    position: relative;

    padding-bottom: 48px;

}



.sp-registration-buttons:nth-child(2) {

    padding-bottom: 32px;

}



.kundennummer-eingeben-text {

    color: #000;

    text-align: center;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 600;

    line-height: 24px;

    font-size: 17px;

}



.number-input {

    display: flex;

    flex-direction: row;

    gap: 12px;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    position: relative;

}



.textfield {

    border-radius: 8px;

    border-style: solid;

    border-color: #757575;

    border-width: 1px;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    width: 32px;

    height: 44px;

    position: relative;

    overflow: hidden;

    background: transparent;

    text-align: center;

}



.form-buttons {

    width: 100%;

    max-width: 500px;

    text-align: center;

    display: block;

    margin: 0 auto;

    padding-bottom: 48px;

}



.next-step {

    background: #ffdd00;

    border-radius: 8px;

    padding: 0 12px;

    display: flex;

    flex-direction: row;

    gap: 8px;

    align-items: center;

    justify-content: center;

    height: 36px;

    width: 100%;

    border: unset;

    margin-bottom: 10px;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.next-step:hover {

    background: #E6C700;

}



.sp-rechnung-form {

    padding-top: 64px;

}



.back-step {

    border: none;

    margin-bottom: 30px;

    width: 100%;

    border-radius: 8px;

    height: 36px;

    background: #E0E0E0;

    color: #9E9E9E;

}



.sp-firma-number {

    height: 44px;

    border: 1px solid #757575;

    background: transparent;

    padding: 0 16px;

    margin: 30px 0;

    border-radius: 8px;

    width: 100%;

}



.sp-reg-title {

    color: #212121;

    font-size: 20px;

    font-weight: 600;

    line-height: 24px;

}



.sp-form-container {

    display: flex;

    border-radius: 8px;

    border: 1px solid #E0E0E0;

    background: #FFF;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

    flex-wrap: wrap;

    width: 100%;

    padding: 24px;

}



.sp-reg-subtitle {

    margin-bottom: 12px;

    max-width: 500px;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}



.sp-form-group .custom-input-sign, .custom-input-novalid {

    width: 100%;

    font-size: 15px;

    color: #212121;

    background: transparent;

    height: 44px;

    padding: 21px 16px 10px 16px;

    border: 1px solid #757575;

    border-radius: 8px;

}



.sp-form-group {

    display: flex;

    margin-bottom: 20px;

    width: 33%;

    align-items: center;

}



.sp-form-submiting {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.sp-form-pass {

    width: 100%;

    display: flex;

    align-items: center;

    position: relative;

}



.checkbox-form__daten {

    display: flex;

    align-items: center;

    width: 100%;

}



.checkbox-form__daten input {

    margin-left: 24px;

    margin-right: 10px;

}



.checkbox-form__daten input:nth-child(1) {

    margin-left: 0;

}



.checkbox-form__daten label {

    display: flex;

    margin-bottom: 0;

}



.sp-form-pass img {

    position: absolute;

    top: 10px;

    right: 16px;

}



.sp-form-benutz .sp-form-group .submit-button {

    width: 31%;

}



.sp-form-group .label-accepted a {

    text-decoration-line: underline;

    font-weight: 500;

}



.sp-form-group .submit-button {

    border-radius: 8px;

    background: #FD0;

    border: none;

    height: 36px;

    width: 100%;

    max-width: 355px;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.submit-button:hover {

    background: #E6C700;

}



#registerBtn:hover {

    background: #E6C700 !important;

}



#registerBtn[disabled] {

    pointer-events: none !important;

}



.sp-form-group .custom-checkbox {

    margin-right: 10px;

}



.custom-dropdown {

    position: relative;

    display: inline-block;

    width: 100%;

    margin-right: 25px;

}



.selected-option {

    border: 1px solid #ccc;

    padding: 5px;

    cursor: pointer;

}



.dropdown-options {

    display: none;

    position: absolute;

    list-style: none;

    padding: 0;

    margin: 0;

    border: 1px solid #ccc;

    color: #212121;

    background-color: #fff;

    max-height: 240px;

    overflow-y: auto;

    overflow-x: hidden;

}



.sp-form-two {

    width: 100%;

    display: flex;

}



.dropdown-toggle-sign {

    width: 100%;

    font-size: 15px;

    color: #616161;

    background: transparent;

    height: 44px;

    padding-left: 16px;

    padding-right: 8px;

    border-radius: 8px;

    border: 1px solid #757575;

    text-align: left;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: space-between;

    transition: border-color 0.2s;

}



.rotated {

    transform: rotate(180deg);

}



.dropdown-options li:hover {

    background-color: #f0f0f0;

}



.custom-input {

    padding: 5px;

    border: 1px solid #ccc;

}



.auto-layout-vertical:focus::placeholder {

    font-size: 12px !important;

    transform: translateY(-12px) !important;

    transition: all 0.2s ease;

}



.custom-input:focus::placeholder {

    font-size: 12px;

    transform: translateY(-18px);

    transition: all 0.2s ease;

}



.selected-option {

    border: 1px solid #ccc;

    padding: 5px;

    cursor: pointer;

}



.dropdown-options {

    display: none;

    position: absolute;

    list-style: none;

    padding: 0;

    background-color: #fff;

    width: 100%;

    z-index: 99;

    border-radius: 8px;

    margin-top: 5px;

    border: 1px solid #757575;

}



.dropdown-options li {

    padding: 5px;

    cursor: pointer;

    margin: 5px 9px;

}



.dropdown-options li:hover {

    background-color: #f0f0f0;

    border-radius: 8px;

}



.custom-input-sign {

    border: 1px solid #757575;

    margin-right: 25px;

}



.sp-button__weiter:focus::placeholder {

    font-size: 10px;

    transform: translateY(-10px);

    transition: all 0.2s ease;

    border-color: yellow;

}



.sp-button__weiter:focus-visible {

    border: 1px solid #E6C700;

    box-shadow: 0 0 0 2px #FFF3A3;

    background: white;

}



.spi-input-modal-list:focus-visible {

    border: 1px solid #E6C700;

    background: white;

}



.custom-input-sign:focus::placeholder {

    font-size: 10px;

    transform: translateY(-10px);

    transition: all 0.2s ease;

    border-color: yellow;

}



.custom-input-sign:focus-visible {

    border: 1px solid #E6C700;

    box-shadow: 0 0 0 2px #FFF3A3;

    background: #FFF;

}

.custom-input-sign:focus::placeholder {

    font-size: 10px;

    transform: translateY(-10px);

    transition: all 0.2s ease;

}



.custom-input-sign:focus-visible {

    border: 1px solid #E6C700;

    box-shadow: 0 0 0 2px #FFF3A3;

}



.auto-layout-vertical:focus-visible {

    border: 1px solid #E6C700;

}



.custom-dropdown.active .dropdown-toggle-sign {

    border-color: #E6C700;

}



.checkout-page .custom-input-sign, .custom-dropdown {

    margin-right: 0;

    background: #FFF;

}



.spiral-sign-page .custom-input-sign, .custom-dropdown {

    margin-right: 25px;

    background: unset;

}



.custom-dropdown.active .dropdown-options {

    display: block;

}



.rotate {

    transition: transform 0.3s ease;

}





.rotate #arrow-icon-img {

    transform: rotate(0deg);

}





.button__to--cart:disabled, .sp-quantity__box > :disabled  {

    color: #9E9E9E !important;

    background-color: #E0E0E0 !important;

    cursor: not-allowed;

}



.sp-quantity__box > button:disabled > img {

    opacity: 0.5;

}



.sp-product__wrap .spiral-size-select .select-arrow-active {

    opacity: 100%;

}



.spiral-dd-disabled {

    opacity: 50%;

    cursor: not-allowed;

    cursor: -moz-not-allowed;

    cursor: -webkit-not-allowed;

}



.spiral-dd-hover {

    background-color: #FFDD00 !important;

}



.ps-noprice-btn {

    margin-top: 6px;

}



.ps-variation-btn {

    background: #FFF;

    cursor: pointer;

    width: 100%;

    min-width: 320px;

}



small {

    color: #757575;

    font-weight: 400;

    font-size: 13px;

}



.ps-noprice-btn .sp-zu-variation {

    font-size: 14px;

    font-weight: 600;

}



.ps-variation-btn .sp-zu-variation {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 0;

    font-weight: 600;

    transition: .3s;

    border-radius: 8px;

    border: 1px solid #9E9E9E;

    color: #212121;

    font-size: 15px;

    font-style: normal;

    line-height: 20px;

    letter-spacing: 0.3px;

}





.sp-zu-variation img {

    margin-left: 8px;

}



.sp-zu-variation {

    display: none;

}



.sp-zu-variation:hover {

    background: #F1F1F1;

}



.sad {

    padding-top: 16px;

    padding-bottom: 16px;

}



.ps-var-price {

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    align-items: flex-start;

    margin-bottom: 8px;

}



.ps-price-ab {

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.ps-price-mwst {

    color: #212121;

    font-size: 13px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;

}



.sp-product__customers--text {

    font-size: 14px;

    font-weight: 400;

    color: #616161;

    margin: 0;

}



.ps-product-shop .ps-product .ps-product__container {

    padding-top: 8px;

    width: 100%;

}



.dialog-back {

    background: #F5F5F5;

    height: 100%;

}



.dialog-back .dialog-footer {

    padding-bottom: 16px;

}



.dialog-header {

    background: #FD0;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 12px;

}



.dialog-header p {

    font-weight: 600;

}



.close-button-filtern {

    cursor: pointer;

}



.dialog-category {

    padding: 24px 12px;

    display: flex;

    flex-direction: column;

    gap: 8px;

    height: 520px;

    overflow-y: auto;

    overflow-x: hidden;

}



.sp-shop-gruppen-container {

    height: 100%;

    overflow: auto;

    display: flex;

    flex-direction: column;

    gap: 8px;

    max-height: 65%;

    padding-bottom: 10px;

}



.dialog-box {

    height: 100%;

    overflow: auto;

    display: flex;

    flex-direction: column;

    gap: 8px;

    max-height: 95%;

    padding-bottom: 10px;

}



.dialog-category .input-container {

    background-color: white;

    border-color: #757575;

    border-radius: 8px;

    margin: 0;

    height: 44px

}



.sp-button-zuruecksetzen {

    cursor: pointer;

    display: flex;

    margin-left: 8px;

    margin-right: 8px;

    align-items: center;

    justify-content: center;

    color: #000000;

    border: 1px solid #9e9e9e;

    border-radius: 8px;

    height: 35px;

    font-weight: 600;

    font-size: 15px;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.dialog-category .sp-shop__gruppen {

    justify-content: space-between;

    padding-top: 12px;

    padding-bottom: 12px;

}





.sp-reg-title-lief {

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

    margin-bottom: 16px;

}



.nothing-found {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 4px 0;

    border-radius: 4px;

}



.kasse-page {

    position: relative;

    max-width: 1200px;

    margin: 0 auto;

}





#sideShoppingCart {

    height: calc(100% - 348px);

}



.sp-warenkorb-items {

    display: flex;

    height: 100%;

    margin-top: 192px;

    padding-top: 16px;

    padding-left: 24px;

    padding-right: 12px;

    padding-bottom: 21px;

    flex-direction: column;

    justify-content: flex-start;

    gap: 8px;

    background: #FAFAFA;

    overflow-y: auto;

}







.kasse-header {

    width: 100%;

    height: 64px;

    background: #FFDD00;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 24px;

    display: inline-flex;

    position: fixed;

    top: 0;

    z-index: 999;

    max-width: 1200px;

}



.kasse-header::before {

    content: '';

    position: absolute;

    border-bottom: 1px solid #757575;

    left: -200vw;

    width: 500vw;

    right: 100vw;

    top: -52px;

    bottom: 0;

    background: #FD0;

    z-index: -1;

}



.logo-schritte {

    align-self: stretch;

    justify-content: space-between;

    align-items: center;

    display: inline-flex;

}



.spiral-logo {

    width: 137.62px;

    height: 34px;

    position: relative;

}



.kasse-title {

    color: black;

    font-size: 28px;

    font-weight: 600;

    line-height: 36px;

}



.kasse-main-tittle p {

    color: #212121;

    font-size: 32px;

    font-weight: 600;

    line-height: 36px;

    padding-top: 136px;

    padding-bottom: 68px;

}



.kasse-form {

    width: 100%;

    padding-top: 48px;

    padding-bottom: 48px;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 64px;

    display: inline-flex;

}



.kasse-form::before {

    content: '';

    position: absolute;

    left: -200vw;

    width: 500vw;

    top: 0;

    right: 100vw;

    bottom: 0;

    background: #F5F5F5;

    z-index: -1;

}



.kasse-login-form {

    position: relative;

    z-index: 10;

}



.kasse-block-left {

    width: 45%;

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

    display: inline-flex;

}



.kasse-block-gast {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

    display: flex;

}



.war-dialog .warenkrob-kasse-dialog {

    width: 440px;

    height: 308px;

    padding: 32px 48px;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.10);

    border-radius: 8px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 24px;

    display: inline-flex;

    position: absolute;

    top: 25%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1001;

    transition: opacity 0.5s ease;

    opacity: 0;

    background-color: #fff;

    box-sizing: border-box;

}



.warenkrob-kasse-dialog {

    width: 440px;

    height: 308px;

    padding: 32px 48px;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.10);

    border-radius: 8px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 24px;

    display: inline-flex;

    z-index: 1001;

    transition: opacity 0.5s ease;

    opacity: 0;

    background-color: #fff;

    box-sizing: border-box;

}



.warenkorb-kasse-bezahlen {

    align-self: stretch;

    text-align: center;

    color: #212121;

    font-size: 22px;

    font-weight: 600;

    line-height: 28px;

}



.modal-kasse-subtittle {

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.buttons-modal {

    align-self: stretch;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: flex;

}



.button-kasse-dialog {

    cursor: pointer;

    align-self: stretch;

    padding: 8px 12px;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.30px;

    background-color: #FFDD00;

    color: #212121;

    transition: background-color 0.3s ease;

}



.button-kasse-dialog:hover {

    background: #E6C700;

}



.button-payment-dialog {

    font-weight: 600;

    cursor: pointer;

    background: transparent;

    width: 100%;

    text-align: center;

    padding: 8px 12px;

    border-radius: 8px;

    color: #212121;

    font-size: 15px;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.button-payment-dialog:hover {

    background: #F5F5F5;

}





.kasse-block-text {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.kasse-frage {

    color: #212121;

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 28px;

}



.sp-side-cart {

    width: 50%;

    height: 100%;

    box-shadow: -6px 0 6px rgba(0, 0, 0, 0.10);

    padding: 0;

}



.sp-side-cart.dialog-container {

    padding: 0 !important;

    max-width: 475px;

    max-height: 100%;

}



.sp-close-btn {

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-end;

    display: flex;

    align-self: stretch;

    padding-top: 24px;

    padding-left: 24px;

    padding-right: 24px;

    border-bottom: 1px #BDBDBD solid;

    background: #FAFAFA;

}



.sp-icon-frame {

    width: 40px;

    height: 40px;

    padding: 8px;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    display: inline-flex;

    cursor: pointer;

}



.sp-articl-block {

    align-self: stretch;

    height: 128px;

    padding-top: 12px;

    padding-bottom: 16px;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 12px;

    display: flex;

}



.sp-side-text {

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 4px;

    display: flex;

}



.sp-side-title {

    color: #212121;

    font-size: 22px;

    font-weight: 600;

    line-height: 28px;

}



.kasse-text {

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.kasse-form-buttons {

    align-self: stretch;

    height: 80px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.button-wrap {

    width: 100%;

    align-self: stretch;

    height: 36px;

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    background: #FFDD00;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    font-weight: 600;

    display: inline-flex;

}



.sp-warenkorb-btn {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    gap: 8px;

    align-self: stretch;

    height: 36px;

    padding: 8px 12px;

}



.button-neukunde {

    cursor: pointer;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.sp-warenkorb-text {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.30px;

    justify-content: center;

    gap: 8px;

    display: inline-flex;

}



.button-wrap-registration {

    height: 36px;

    width: 100%;

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    border-radius: 8px;

    border: 2px #FFDD00 solid;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}



.kasse-form-line {

    width: 1px;

    align-self: stretch;

    background: #9E9E9E;

}



.kasse-block-right {

    flex: 1 1 0;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

    display: inline-flex;

}



.kasse-container-right {

    align-self: stretch;

    display: flex;

    align-items: center;

    gap: 8px;

}



.sp-warenkrob-items {

    align-self: stretch;

    flex: 1 1 0;

    padding-top: 16px;

    padding-left: 24px;

    padding-right: 24px;

    background: #FAFAFA;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.kasse-right-text {

    align-self: stretch;

    color: #212121;

    font-size: 24px;

    font-weight: 600;

    line-height: 28px;

}



.kasse-right-subtitle {

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.kasse-right-form {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

    display: flex;

}



.kasse-input-fields {

    align-self: stretch;

    height: 116px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.kasse-input-text {

    align-self: stretch;

    height: 44px;

    padding-left: 16px;

    padding-right: 16px;

    background: white;

    border-radius: 8px;

    overflow: hidden;

    border: 1px #757575 solid;

    justify-content: flex-start;

    align-items: center;

    display: inline-flex;

}



.footer-info-kasse {

    width: 100%;

    padding-top: 8px;

    padding-bottom: 8px;

    border-top: 1px #757575 solid;

    border-bottom: 1px #757575 solid;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 4px;

    display: inline-flex;

}



.footer-subtitle {

    align-self: stretch;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}



.footer-info-text {

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.warenkorb-kasse-block {

    width: 486px;

    height: 100%;

    padding: 24px;

    background: #EEE;

    border-radius: 8px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 20px;

    display: inline-flex;

}



.warenkorb-kasse-box {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 16px;

    display: flex;

}



.sp-warenkrob-shows {

    width: 100%;

    padding: 8px;

    background: #FFF;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);

    border-radius: 8px;

    border: 1px #E0E0E0 solid;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: inline-flex;

    position: relative;

}



.sp-warenkorb-container {

    flex: 1 1 0;

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 16px;

    display: inline-flex;

}



.sp-delete-btn {

    width: 36px;

    height: 36px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex;

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer;

}



.sp-warenkrob-info {

    align-self: stretch;

    padding-right: 40px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

    display: flex;

}



.sp-warenkrob-info .sp-product-title {

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    white-space: nowrap;

    max-width: 285px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.sp-warenkorb-nummer {

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    display: flex;

}



.sp-warenkrob-nummerbox {

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

    display: inline-flex;

}



.sp-warenkorb-nummer-text {

    color: #757575;

    font-size: 12px;

    font-weight: 600;

    line-height: 16px;

}



.sp-warenkorb-side-variation {

    align-self: stretch;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

    display: inline-flex;

}



.warenkrob-user-kasse {

    text-align: center;

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.warenkrob-seperator {

    align-self: stretch;

    height: 1px;

    width: 100%;

    background: #212121;

}



.warenkrob-bearbeiten {

    align-self: stretch;

    justify-content: space-between;

    align-items: flex-start;

    display: inline-flex;

}



.warenkrob-link {

    justify-content: flex-start;

    align-items: center;

    gap: 4px;

    display: flex;

}



.kasse-payment-img {

    display: flex;

    gap: 4px;

    align-items: center;

}



.warenkrob-text-article {

    justify-content: flex-start;

    align-items: center;

    gap: 4px;

    display: flex;

    text-align: center;

    color: #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    cursor: pointer;

}



.warenkorb-list,

.warenkorb-list-total {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.name-total {

    font-weight: 600;

    line-height: 24px;

    font-size: 17px;

    color: #212121;

    margin-bottom: -4px;

}



.list-price-total {

    font-weight: 600;

    line-height: 24px;

    font-size: 17px;

    color: #212121;

    margin-bottom: -4px;

}



.warenkrob-bearbeiten .sp-articles {

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.warenkrob-bearbeiten .sp-articles span {

    font-weight: 600;

    font-size: 14px;

    line-height: 20px;

}



.name-inkl-warenkorb,

.list-price-warenkorb {

    text-align: center;

    color: #757575;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.cost-text {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.kasse-questions-container {

    margin-right: 24px;

}



.kasse-section-result {

    display: flex;

    justify-content: center;

    padding-top: 28px;

    background: #FAFAFA;

    padding-bottom: 300px;

}



.IndicatorBox {

    padding-top: 92px;

}



.kasse-questions-container {

    width: 689px;

    height: 100%;

    background: #FFF;

    padding: 24px;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);

    border-radius: 8px;

    border: 1px #E0E0E0 solid;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 40px;

    display: inline-flex;

}



.kasse-ferart {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

    display: flex;

}



.kasse-question-title {

    align-self: stretch;

    text-align: center;

    color: #212121;

    font-size: 24px;

    font-weight: 600;

    line-height: 28px;

}



.kasse-helper {

    align-self: stretch;

    justify-content: flex-start;

    align-items: flex-start;

    display: inline-flex;

}



.kasse-toggle-box {

    flex: 1 1 0;

    height: 72px;

    align-self: stretch;

    border-radius: 0 8px 8px 0;

    border: 1px #BDBDBD solid;

    justify-content: center;

    align-items: center;

    gap: 4px;

    display: flex;

}



.kasse-toggle-box-active {

    flex: 1 1 0;

    background: white;

    border-radius: 8px 0 0 8px;

    overflow: hidden;

    border: 2px #FFDD00 solid;

    justify-content: center;

    align-items: center;

    gap: 4px;

    display: flex;

    height: 72px;

}



.kasse-tab-item {

    flex: 1 1 0;

    text-align: center;

    white-space: nowrap;

    max-width: 285px;

    overflow: hidden;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.sp-variation-color {

    color: #757575;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

}



.sp-variation-color.sp-weight__bold {

    font-weight: 600;

}



.sp-side-quantity {

    align-self: stretch;

    justify-content: space-between;

    align-items: flex-end;

    display: inline-flex;

}



.sp-side-helper {

    width: 110px;

    height: 36px;

    border-radius: 8px;

    overflow: hidden;

    border: 1px #BDBDBD solid;

    justify-content: flex-start;

    align-items: flex-start;

    display: flex;

}



.sp-side-qnty-container {

    flex: 1 1 0;

    align-self: stretch;

    padding-left: 8px;

    padding-right: 8px;

    padding-top: 10px;

    padding-bottom: 10px;

    background: white;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: flex;

}



.sp-side-price {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.sp-side-buttons-container {

    align-self: stretch;

    padding-top: 16px;

    padding-bottom: 24px;

    padding-left: 24px;

    padding-right: 24px;

    background: #F5F5F5;

    border-top: 1px #BDBDBD solid;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 12px;

    display: flex;

}



.sp-side-zwischensumme {

    align-self: stretch;

    padding-right: 8px;

    justify-content: space-between;

    align-items: center;

    display: inline-flex;

}



.sp-side-zwischensumme-text {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.line-kasse, .warenkorb-seperator {

    width: 100%;

    height: 1px;

    display: block;

    background: #9E9E9E;

}



.kasse-questions-choice {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 16px;

    display: flex;

}



.kasse-choice-title {

    align-self: stretch;

    text-align: center;

    color: #212121;

    font-size: 20px;

    font-weight: 600;

    line-height: 24px;

}



.kasse-choice-versandarten {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 12px;

    display: flex;

}



.kasse-adresse {

    align-self: stretch;

    padding-left: 16px;

    padding-right: 16px;

    padding-top: 12px;

    padding-bottom: 12px;

    background: white;

    border-radius: 8px;

    border: 1px #9E9E9E solid;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}



.kasse-choice-frame {

    flex: 1 1 0;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 4px;

    display: inline-flex;

}



.standart {

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    display: flex;

    gap: 6px;

}



.non-standart {

    align-self: stretch;

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.kasse-choice-kostenlos {

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.kasse-adresse.active {

    border: 2px #FFDD00 solid;

    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);

}

.op5 {

    opacity: 50%;

}

.kasse-button-next {

    align-self: stretch;

    height: 36px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.kasse-adress-btn {

    align-self: stretch;

    border-radius: 8px;

}



.sp-side-box-btn {

    align-self: stretch;

    justify-content: flex-start;

    align-items: center;

    gap: 12px;

    display: inline-flex;

}



.sp-warenkorb-process {

    flex: 1 1 0;

    height: 36px;

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}



.kasse-adress-name {

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: flex;

    cursor: pointer;

    width: 100%;

    align-self: stretch;

    height: 36px;

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    background: #FFDD00;

    font-weight: 600;

    font-size: 15px;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.kasse-adress-name:hover.active:hover {

    background: #E6C700 !important;

}

.kasse-adress-name:hover {

    background: #E6C700;

}



.sp-weiter-einkaufen {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.30px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}



.step:first-child .line {

    display: none;

}



.kasse-section-details {

    width: 683px;

    padding: 24px;

    background: #FFF;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);

    border-radius: 8px;

    border: 1px #E0E0E0 solid;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 40px;

    display: inline-flex;

    margin-right: 24px;

}



.details-buttons {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: flex;

}



.details-button-weiter {

    align-self: stretch;

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    background: #E0E0E0;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}



.details-button-weiter:hover.cPointer:hover {

    background: #E6C700 !important;

}



.details-button-text {

    color: #9E9E9E;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.30px;

}



.details-button-zurück {

    align-self: stretch;

    display: flex;

    align-items: center;

    gap: 8px;

}



.sp-weiter-einkaufen img {

    width: 20px;

    height: 20px;

}



.sp-warenkorb-zurkasse {

    flex: 1 1 0;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    gap: 8px;

    height: 36px;

    padding-left: 12px;

    padding-right: 12px;

}



.zurück-button-text {

    color: #212121;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 0.30px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border: 1px solid #9E9E9E;

    border-radius: 8px;

    padding: 8px;

    width: 100%;

    max-height: 36px;

}



.checkbox-total-block {

    width: 20px;

    height: 20px;

    position: relative;

}



.checkbox-rectangle {

    width: 20px;

    height: 20px;

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 3px;

    border: 1px #757575 solid

}



.info-block-total {

    width: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 16px;

    margin-top: 20px;

    display: inline-flex;

}



.checkbox-label-total {

    align-self: stretch;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 10px;

    display: inline-flex;

}



.kasse-payment-container {

    width: 689px;

    padding: 24px;

    background: white;

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);

    border-radius: 8px;

    border: 1px #E0E0E0 solid;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 40px;

    display: inline-flex;

    margin-right: 24px;

}



.kasse-payment-mods {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 12px;

    display: flex;

}





.sp-benutzerdaten-form .submit-button{

    width: 31%;

}



.kasse-payment-title {

    align-self: stretch;

    text-align: center;

    color: #212121;

    font-size: 24px;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 12px;

}



.kasse-payment-wrap {

    justify-content: space-between;

    align-items: flex-start;

    display: flex;

    width: 100%;

    border: 1px #9E9E9E solid;

    border-radius: 8px;

}



.kasse-payment-method {

    width: 100%;

    height: 64px;

    padding: 12px 16px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.credit-cart {

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 4px;

}



.master-cart {

    align-self: stretch;

    color: #212121;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

}



.kasse-payment-section {

    display: flex;

    justify-content: center;

    margin-top: 52px;

    padding-bottom: 300px;

}





.sp-faq {

    width: 100%;

    padding-top: 24px;

    padding-bottom: 24px;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #BDBDBD;

    display: none;

}



.sp-faq-container {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.sp-faq-title {

    color: #212121;

    font-size: 20px;

    font-weight: 600;

    line-height: 24px;

}



.sp-legal-info {

    display: none;

    width: 100%;

    height: 240px;

    padding-top: 20px;

    padding-bottom: 20px;

    background: #EEEEEE;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

}



.sp-legal-wrap {

    max-width: 1200px;

    width: 100%;

    margin: 0 auto;

}



.sp-legal-container {

    color: #212121;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

}



.kasse-payment-body {

    width: 692px;

    height: 100%;

    padding: 24px;

    margin-right: 24px;

    background: white;

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);

    border-radius: 8px;



    border: 1px #E0E0E0 solid;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    gap: 20px;

    display: inline-flex;

}



.main-payment-block {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

    display: flex;

    position: relative;

}



.kasse-payment-box {

    align-self: stretch;

    height: 28px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

    display: flex;

}



.kasse-payment-profen {

    align-self: stretch;

    text-align: center;

    color: #212121;

    font-size: 24px;

    font-weight: 600;

    line-height: 28px;

}



.kasse-payment-bsdetails {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

    display: flex;

    position: relative;

}



.edit-kasse-payment {

    position: absolute;

    top: 0;

    right: 10px;

}



.kasse-title-bestellung {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.kase-time-bestellung {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    display: flex;

    flex-direction: column;

}



.kasse-bezahlen-title {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.checkout-page {

    background: #FAFAFA;

}



.IndicatorBox {

    display: flex;

    justify-content: center;

}



.kasse-block-bezahlen {

    width: 145px;

    height: 20px;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}



.kasse-credit-carte {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.kasse-cart-items {

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

    display: flex;

}



.warenkorb-costs {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.warenkorb-list .name,.list-price {

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.kasse-warenkorb-detais {

    align-self: stretch;

    height: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 16px;

    display: flex;

}



.konstenstellen {

    padding-top: 4px;

    padding-bottom: 4px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    display: inline-flex;

}



.kasse-checkbox-konst {

    align-self: stretch;

    justify-content: flex-start;

    align-items: center;

    display: inline-flex;

}

.kasse-checkbox-konst .checkbox-with-label {

    padding: 0;

}



.warenkorb-section-kasse {

    align-self: stretch;

    height: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 4px;

    display: flex;

}



.warenkorb-table-kasse {

    align-self: stretch;

    padding: 12px;

    background: white;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);

    border-radius: 8px;

    border: 1px #E0E0E0 solid;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 12px;

    display: inline-flex;

}



.table-info-kasse {

    flex: 1 1 0;

    align-self: stretch;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-start;

    display: inline-flex;

}



.kasse-title-warenkrob {

    text-overflow: ellipsis;

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



.kasse-artikel-info {

    margin-top: 4px;

    width: 100%;

}



.account-pass .sp-form-group {

    width: 100%;

    margin-bottom: 12px;

}



.account-pass .sp-form-group input {

    margin-right: 0;

}



.account-speichern form {

    width: 100%;

}



.Image {

    border-radius: 6px;

}



.kasse-table-artk-nummer {

    width: 100%;

    align-self: stretch;

    color: #757575;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.kasse-table-artk-nummer span {

    color: #757575;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}



.kasse-table-price {

    height: 20px;

    justify-content: space-between;

    align-items: baseline;

    gap: 16px;

    display: flex;

    width: 100%;

    margin-top: 8px;

    margin-bottom: 15px;

}



.kasse-per-price {

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.kasse-table-mainprice {

    max-width: 100px;

    text-align: right;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    white-space: nowrap;

}



.StepsHorizontal {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 784px;

    border-radius: 10px;

    padding: 20px;

    position: relative;

}



.OrientationIndicator {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.Outline {

    width: 8px;

    height: 8px;

    background: #FFF;

    border-radius: 50%;

    border: 1px #616161 solid;

    position: relative;

    z-index: 1;

}



.Outline.indicatorActive {

    width: 16px;

    height: 16px;

    background: #FFF;

    border-radius: 50%;

    border: 1px #616161 solid;

    position: relative;

    z-index: 1;

    margin-right: 8px;

}



.YellowBubble {

    width: 10px;

    height: 10px;

    background: #FFDD00;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

}



.GreyBubble {

    width: 10px;

    height: 10px;

    background: #BDBDBD;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

}

.Schritt.indicatorActive {

    color: #212121;

    text-align: center;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    margin-top: 4px;

}



.Line {

    width: calc(87% - 13px);

    height: 1px;

    background: #616161;

    position: absolute;

    top: 32%;

    left: 50%;

    transform: translate(-50%, 56%);

    z-index: 0;

}



.Schritt {

    color: #BDBDBD;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

    margin-top: 7px;

}



.sp-warenkorb-zu {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.30px;

    display: flex;

    align-items: center;

    gap: 8px;

}



.sp-warenkorb-zurkasse_disabled {

    flex: 1 1 0;

    height: 36px;

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    background: #FFDD00;

    border-radius: 8px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: flex;

    color: #9E9E9E !important;

    background-color: #E0E0E0 !important;

    cursor: not-allowed;

}



.sp-close-btn, .sp-side-buttons-container {

    position: absolute;

    width: 475px;

    z-index: 1;

}



.sp-close-btn {

    top: 0;

}



.sp-side-buttons-container {

    bottom: 0;

}

.shows-info-mobile {

    display: none;

}



.grey-line {

    border-bottom: 1px solid #616161;

    padding-top: 64px;

}



.container-editor {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 11px;

}



.main-form-editor {

    color: #212121;

    font-size: 20px;

    font-weight: 600;

    line-height: 24px;

    max-width: 284px;

    width: 100%;

}



.shows-info {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    width: 100%;

    max-width: 438px;

}



/* Empty shopping cart */



.info-empty {

    color: #CCB100;

    text-align: center;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px; /* 133.333% */

    cursor: pointer;

}



.empty-warenkrob {

    width: 100%;

    height: 100%;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 8px;

    display: inline-flex;

    margin-top: 46px;

    margin-bottom: 318px;

}



.empty-warenkrob-title {

    align-self: stretch;

    text-align: center;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    margin-bottom: 0;

}



.empty-warenkrob-subtitle {

    align-self: stretch;

    text-align: center;

    font-size: 15px;

    color: #212121;

    line-height: 20px;

}



.sp-side-quantity .sp-quantity__box {

    overflow: hidden;

    height: 36px;

}



.success-block-info {

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: baseline;

    gap: 8px;

    display: inline-flex;

    margin-bottom: -8px;

}



.right-block-info {

    flex: 1 1 0;

    padding-top: 2px;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: inline-flex;

}



.right-title {

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.block-added-info {

    display: flex;

    flex-direction: column;

}

.block-added-info p {

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}





.block-small-texter {

    align-self: stretch;

    color: #212121;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

}



.success-page {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 48px;

    padding-bottom: 150px;

    max-width: 800px;

    margin: 0 auto;

}





.account-speichern {

    width: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: inline-flex;

}



.account-box {

    align-self: stretch;

    color: black;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.account-title {

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.account-subtitle {

    align-self: stretch;

    color: #212121;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

}



.block-added-info span {

    font-weight: 600;

}



.timer-form {

    width: 100%;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: inline-flex;

}



.account-field {

    display: flex;

    flex-direction: column;

    width: 100%;

    gap: 6px;

    position: relative;

}



.img-input-acc {

    position: absolute;

    right: 10px;

    top: 10px;

}



.account-submit {

    width: 100%;

    border-radius: 8px;

    opacity: 50%;

    display: flex;

    height: 36px;

    padding: 8px 12px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    align-self: stretch;

    border: unset;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

    pointer-events: none;

}



.account-submit.submit-active {

    pointer-events: unset;

    background: #FD0;

    opacity: 100%;

}



.account-submit.submit-active:hover {

    background: #E6C700;

}



.submit-disabled {

    opacity: 50%;

    pointer-events: none;

}



.account-pass {

    width: 100%;

}



.block-credit-success {

    display: flex;

    align-items: center;

    gap: 8px;

}



.block-credit-success img {

    margin-right: -4px;

}



.account-field input {

    display: flex;

    height: 44px;

    width: 100%;

    padding: 0 16px;

    justify-content: space-between;

    align-items: center;

    align-self: stretch;

    position: relative;

    border-radius: 8px;

    border: 1px solid #757575;

    background: #F5F5F5;

}



.timer-title {

    align-self: stretch;

    color: #000;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.timer-subtitle {

    align-self: stretch;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 16px;

    display: flex;

}



.timer-punkt {

    align-self: stretch;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    max-width: 761px;

}



.timer-button {

    align-self: stretch;

    height: 36px;

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 8px;

    padding-bottom: 8px;

    border-radius: 8px;

    border: 1px #9E9E9E solid;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}



.timer-button:hover {

    background: #EEE;

}



.timer-button-style {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.30px;

}



.success-title {

    margin-top: 33px;

    position: relative;

    width: 100%;

    margin-bottom: 16px;

}



.success-bestellnummer {

    text-align: center;

}



.check-list .warenkorb-costs {

    margin-top: 24px;

    margin-bottom: 16px;

}



.check-list {

    width: 100%;

    margin-top: 24px;

}



.check-list .warenkorb-seperator {

    margin-top: 4px;

    margin-bottom: 4px;

}



.check-order-number {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.check-order-number span {

    font-weight: 400;

}



.check-reference {

    margin-top: 12px;

    margin-bottom: 12px;

}



.check-order-number__main {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.check-order-number__main span {

    font-weight: 400;



}



.check-list-title {

    color: #212121;

    font-size: 20px;

    font-weight: 600;

    line-height: 24px;

    margin-bottom: 8px;

}



.success-subtitle-mail {

    color: #212121;

    text-align: center;

    font-size: 17px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 18px;

}



.success-subtitle-mail span {

    font-weight: 600;

}



.success-bestellnummer-title {

    color: #212121;

    text-align: center;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px;

    margin-bottom: 12px;

}



.success-title img {

    position: absolute;

    width: 435px;

    height: 375px;

    top: -10%;

    left: 23%;

    pointer-events: none;

    z-index: -1;

}

.success-main-title.bezahl {

    color: #212121;

    text-align: center;

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 28px;

}



.kasse-steps-menu {

    border-bottom: 1px solid #9E9E9E;

    width: 100%;

    padding-bottom: 16px;

}



.kasse-text-menu {

    color: #BDBDBD;

    font-size: 14px;

    font-weight: 600;

    padding-top: 10px;

    padding-bottom: 10px;

    line-height: 20px;

}



.success-main-title {

    width: 100%;

    color: #212121;

    text-align: center;

    font-size: 42px;

    font-weight: 600;

    line-height: 44px;

    letter-spacing: -0.84px;

}



.warengruppe-section {

    padding: 0;

}



.warengruppe-block {

    position: relative;

    width: 100%;

}



.warning-message {

    background: #FFF2E5;

}



.warning-message .sp-cart__product--attention {

    background: #FF8000;

}



.warengruppe-banner {

    height: 180px;

    width: 100%;

    background-image: url("/img/spiral/banner.png");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    border-radius: 8px;

}



.warengruppe-left-block {

    position: absolute;

    top: 0;

    width: 41%;

    height: 180px;

    padding: 30px 24px;

    border-radius: 6px;

    opacity: 1;

    background: #E0E0E0;

}



.title-banner {

    color: #212121;

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 28px;

    letter-spacing: -0.36px;

    margin-bottom: 8px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.subtitle-banner {

    color: #212121;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}



.group-list {

    display: flex;

    flex-wrap: wrap;

    padding-top: 32px;

    padding-bottom: 80px;

    gap: 16px;

}



.group-item {

    display: flex;

    align-items: center;

    gap: 16px;

    border-radius: 8px;

    border: 1px solid #E0E0E0;

    background: #FFF;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

    padding: 4px;

    height: 64px;

    width: 24%;

    transition: .3s;

}



.group-img {

    width: 48px;

    padding: 4px;

}



.group-text {

    display: flex;

    align-items: center;

    gap: 0 6px;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

}



.group-text span {

    opacity: 1;

    color: #212121;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    display:contents;

}



/* Adjusting centauri.css to SPIRAL Styles ! */



@media screen and (min-width: 1200px) {

    .min-h-screen-header-footer .centauri-container {

        max-width: 1200px;

    }

}



.min-h-screen-header-footer .centauri-konto-sidebar h3 {

    color: #212121;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 36px;

    letter-spacing: unset;

}



.centauri-konto-sidebar ul li a {

    font-size: 16px;

    line-height: 20px;

}



.centauri-flex .centauri-title {

    color:  #212121;

    font-size: 32px !important;

    font-weight: 600;

    line-height: 36px;

}



.centauri-container .table thead th {

    color: #212121;

    font-size: 16px;

    font-weight: 500;

    line-height: 24px;

}



.centauri-container .table td, .table th {

    color: #212121;

    font-size: 16px;

    font-weight: 600;

    line-height: 24px;

}



.centauri-flex p {

    font-size: 16px !important;

}



#homepage-9 .centauri-flex .centauri-button {

    background: #FD0;

    color: #212121 !important;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

    border-radius: 8px;

}



.min-h-screen-header-footer .color-black {

    color: #212121;

    font-weight: 600 !important;

}



.centauri-flex h3 {

    color: #212121;

    font-size: 32px !important;

    font-weight: 600;

    line-height: 36px;

}

body .centauri-input-div label {

    color: #212121;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}



#homepage-9 a.contrast-background:hover, #homepage-9 button.contrast-background:hover, #homepage-9 a.ps-btn:hover, #homepage-9 button.ps-btn:hover, #homepage-9 input[type=submit].contrast-background:hover {

    background: #E6C700 !important;

    color: #212121 !important;

}



.min-h-screen-header-footer .centauri-input-div .centauri-input-field {

    border-radius: 8px;

    border: 1px solid #757575;

    color: #212121;

    max-width: 100%;

}







@media (min-width: 768px) {

    .elementor-262 .elementor-element.elementor-element-45fe60f8 {

        padding: 0 !important;

    }

    .elementor-element.elementor-element-45fe60f8 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .elementor-235 .elementor-element.elementor-element-13e8db8f {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

}



.schnellBestellerSingleItem_outer {

    width: 100%;

    margin-bottom: 10px;

}



.schnellBestellerSingleItem_inner {

    flex: auto;

    margin-right: 10px;

    background-color: #fff;

    box-shadow: 0 1px 10px #ddd;

    align-items: center;

}



.schnellBestellerSingleItem_inner img {

    opacity: 50%;

    padding-right: 8px;

    padding-left: 4px;

    cursor: pointer;

}



.schnellBestellerSingleItem_remove {

    opacity: 0.5;

    cursor: pointer

}



.schnellBestellerSingleItem_inner span {

    font-size: 15px;

    overflow: hidden;

    white-space: nowrap;

    max-width: 280px;

    text-overflow: ellipsis;

}



#SchnellbestellerArtikelInput {

    transition: border-color 0.3s ease;

}



/*!* Hide scrollbar for Chrome, Safari and Opera *!*/

/*#importArticleWrap::-webkit-scrollbar {*/

/*    display: none;*/

/*}*/



/* Hide scrollbar for IE, Edge and Firefox */

#importArticleWrap {

    overflow-x: hidden !important;

    overflow-y: auto !important;

}



body #homepage-9 .sp-warenkorb__links .sp-warenkorb__items a {

    color: #757575 !important;

}



.ps-product-shop .ps-product-box .ps-product-right {

    z-index: 2;

}



.sp-cart__products .sp-content__adjust {

    display: none;

}



@media (max-width: 321px) {

    body .sp-content__right .sp-content__sum {

        min-width: unset;

        gap: 8px;

    }

}



.footer-repres {

    display: flex;

    flex-direction: column;

    width: 1200px;

    margin: 0 auto;

}



.kasse-questions-choice.delivery-choice {

    gap: 24px;

    border-top: 1px solid #9E9E9E;

    border-bottom: 1px solid #9E9E9E;

    padding-top: 40px;

    padding-bottom: 40px;

}



.warenkrob-costs-container {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.kasse-total-cart {

    display: flex;

    align-items: baseline;

    gap: 16px;

    height: 20px;

}



.kasse-table-nds {

    width: 100px;

    white-space: nowrap;

}



.kasse-table-nds.confirm-price {

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    text-align: center;

}



.kasse-table-nds.confirm-text {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

  }

.min-h-screen-header-footer .ps-container {

    max-width: 1200px;

    padding: 0;

}



.min-h-screen-header-footer .ps-breadcrumb .breadcrumb li {

    color: #757575;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    display: flex;

    align-items: center;

}



body .ps-breadcrumb .breadcrumb li:before {

    content: url('/img/spiral/arrow-right.svg');

    height: 18px;

    display: flex;

}



body .ps-breadcrumb .breadcrumb {

    display: flex;

    align-items: center;

}



body .ps-breadcrumb {

    background: #F5F5F5;

}



#homepage-9 .breadcrumb a {

    color: #757575 !important;

}



.min-h-screen-header-footer .centauri-container  .centauri-flex.flex-col {

    padding: 0 !important;

}



.min-h-screen-header-footer .wishlistElementDiv {

    background: #FFF;

    border-radius: 8px;

    padding: 12px;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

    align-items: center;

}



.min-h-screen-header-footer .centauri-container .centauri-flex.flex-col a {

    color: #212121;

    font-size: 17px;

    font-weight: 600 !important;

    line-height: 24px;

}



@media (max-width: 575px) {

    body .produktNameDiv {

        width: 40% !important;

    }

}





.produktNameDiv div {

    color: #616161;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



body .wishlistElementDiv .produktPriceDiv > div{

    color: #212121 !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    line-height: 20px;

}





.kasse-var-cart p {

    color: #757575;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.kasse-var-cart p span {

    color: #757575;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}



.checkbox-total-block .checkbox-with-label {

    padding: 0;

}



.calendar .sp-cart__product--message {

    margin-top: 30px;

    border: 1px solid #FFB266;

    padding: 8px;

}



.calendar .warning-message .sp-cart__product--attention {

    background: #FFF2E5;

    width: unset;

    display: flex;

    align-items: flex-start;

}



.calendar .sp-cart__product--attention img {

    width: unset;

    height: unset;

}



.calendar .sp-text__frame {

    text-align: left;

    padding: 0;

}



.calendar .sp-text__given {

    color: #212121;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}



.calendar .sp-text__given span {

    font-weight: 600;

}



.QuestionAndArrow {

    width: 100%;

    display: inline-flex;

    justify-content: space-between;

    align-items: flex-start;

    padding: 24px 120px;

    cursor: pointer;

    border-bottom: 1px solid #BDBDBD;

    flex-direction: column;

    gap: 14px;

}



.AnswerVisibleNo {

    display: none;

}

.ThisIsTheQuestion {

    display: flex;

    justify-content: space-between;

    width: 100%;

}



.AnswerVisibleYes {

    display: inline-flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 4px;

}



.title-acc {

    color: #212121;

    font-size: 20px;

}



.centauri-flex.justify-center.flex-col > div {

    color: #212121;

    font-weight: 600 !important;

}



.ps-product--cart-mobile .ps-product__content a, ul li a, a i, .deleteWishlistBtn, #homepage-9 a:not(.centauri-button,.ps-btn,.ps-footer a,.currentCat) {

    color: #212121 !important;

}





.sp-input-wrap {

    width: 100%;

    margin-right: 25px;

    height: 44px;

    position: relative;

}



.error-icon, .success-icon {

    position: absolute;

    top: 10px;

    right: 16px;

}



#password_verify.custom-input-sign ~ .error-icon,

#password.custom-input-sign ~ .error-icon,

#password_verify.custom-input-sign ~ .success-icon,

#password.custom-input-sign ~ .success-icon {

    right: 49px;

}



.checkbox-form__daten-wrap {

    width: 100%;

    margin-bottom: 20px;

}



.error-message, .success-message, .radio-error-message, .dropdown-error-message {

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    margin-top: 2px;

}



.dropdown-error-message {

    display: none;

}



.dropdown-error-message.active {

    display: block;

    position: absolute;

    height: 0;

}



.sp-form-group .button-disabled {

    pointer-events: none;

    background: #E0E0E0;

    color: #9E9E9E;

}



.radio-error-message {

    display: none;

}



.radio-error-message.active {

    display: block;

}



.error-message, .radio-error-message, .dropdown-error-message {

    color: #BE3F3F;

}



.success-message {

    color: #6ABF40;

}



.sp-input-wrap .error-input {

    border-color: #BE3F3F;

    background: #FAF0F0;

    box-shadow: unset;

}



.sp-input-wrap .success-input {

    border-color: #6ABF40;

    background: #F0F9EC;

    box-shadow: unset;

}





.kundennummer-haben {

    color: #757575;

    text-align: center;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.form-control-group {

    margin-bottom: 0;

    width: 100%;

}



.checkout-page .sp-daten-form .checkbox-form__daten {

    margin-bottom: 24px;

}



input[type=radio] {

    --s: 21px;

    --c: #757575;

    height: var(--s);

    aspect-ratio: 1;

    border: calc(var(--s)/8) solid #939393;

    padding: calc(var(--s)/8);

    background-image: radial-gradient(farthest-side, var(--c) 94%, #0000);

    background-position: 50%;

    background-size: 0 0;

    background-repeat: no-repeat;

    background-origin: content-box;

    border-radius: 50%;

    outline-offset: calc(var(--s)/10);

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    cursor: pointer;

    font-size: inherit;

    transition: .3s;

}

input[type=radio]:checked {

    width: 21px;

    height: 21px;

    border-color: var(--c);

    background-size: 13px 13px;

}



input[type=radio]:disabled {

    background: linear-gradient(to bottom, #939393 0%, #939393 100%) 50% / 100% 20% no-repeat content-box;

    opacity: .5;

    cursor: not-allowed;

}



@media print {

    input[type=radio] {

        -webkit-appearance: auto;

        -moz-appearance: auto;

        appearance: auto;

        background: none;

    }

}



body fieldset {

    border: 0 none;

    margin: 0;

    padding: 0;

    width: 100%;

}



datalist {

    background-color: #FFF;

    top: 100%;

    left: 0;

    right: 0;

    z-index: 99;

    border-radius: 8px;

    margin-top: 6px;

    border: 1px solid #BDBDBD;

    max-height: 208px;

    overflow-x: auto;

    padding: 8px;

}



datalist option {

    min-width: 250px;

    padding: 8px;

    border-radius: 6px;

    cursor: pointer;

}



.spi-input-modal-list::after {

    content: '';

    background-image: url("/img/spiral/arrow-down.svg");

}



datalist option:hover, datalist option:focus {

    background-color: rgba(0, 0, 0, 0.1);

    outline: 0 none;

}



.spi-input-modal-list {

    color: #212121;

    font-size: 15px;

    width: 100%;

    height: 44px;

    padding: 0 8px 0 16px;

    background: #FAFAFA;

    border-radius: 8px;

    overflow: hidden;

    border: 1px solid #757575;

    display: flex;

}



.dropdown-container-field {

    position: relative;

    display: inline-block;

    width: 100%;

}



.dropdown-arrow-field {

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    width: 24px;

    height: 24px;

    background-image: url('/img/spiral/arrow-down.svg');

    background-size: cover;

    pointer-events: none;

}



.spi-input-modal-list:focus + .dropdown-arrow-field {

    transform: translateY(-50%) rotate(180deg);

}



.spi-btn-modal-action:hover {

    background: #E6C700;

}



.spi-btn-modal-cancel:hover {

    background: #EEE;

}



.spi-btn-modal-cancel {

    padding-left: 12px;

    padding-right: 12px;

    border-radius: 8px;

    border: 1px #BDBDBD solid;

    width: 50%;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.30px;

    background-color: white;

    height: 36px;

}



.spi-btn-modal-action {

    color: #212121;

    font-size: 15px;

    line-height: 20px;

    letter-spacing: 0.30px;

    font-weight: 600;

    width: 50%;

    padding-left: 12px;

    padding-right: 12px;

    height: 36px;

    background: #FFDD00;

    border-radius: 8px;

    border: 0;

}



.sp-merkliste-page {

    padding-bottom: 532px;

}



.sp-merkliste-container {

    display: flex;

    flex-direction: column;

    gap: 4px;

    margin-bottom: 32px;

}



.sp-merkliste-title {

    color: #212121;

    font-size: 36px;

    font-weight: 600;

    line-height: 40px;

    letter-spacing: -0.36px;

}



.sp-merkliste-artikel {

    color: #212121;

    font-size: 22px;

    font-weight: 400;

    line-height: 24px;

}



.sp-merkliste-artikel span {

    font-weight: 600;

    line-height: 28px;

}

.sp-search-merkliste__box {

    position: relative;

    width: 50%;

}



.sp-search-merkliste {

    width: 100%;

    height: 44px;

    padding-left: 16px;

    padding-right: 43px;

    border-radius: 8px;

    border: 1px solid #757575;

    background: #FFF;

    cursor: pointer;

}



.sp-search-lupe {

    position: absolute;

    padding: 8px;

    right: 8px;

    top: 2px;

}



.sp-merkliste-wrap {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    width: 100%;

    min-height: 128px;

    padding: 12px;

    border-radius: 8px;

    border: 1px solid #E0E0E0;

    background: #FFF;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

    margin-bottom: 12px;

    gap: 10px;

}



.sp-merkliste-wrap:nth-last-child(1) {

    margin-bottom: 0;

}



.sp-merkliste-left {

    position: relative;

    display: flex;

    align-items: flex-start;

    width: 70%;

    gap: 24px;

}



.sp-merkliste-left .sp-manager__block {

    top: 0;

    left: 0;

    right: unset;

}



.sp-merkliste-right {

    display: flex;

    justify-content: space-between;

    flex-direction: column;

    align-items: flex-end;

    width: 30%;

}



.sp-merkliste-entfernen {

    color: #757575;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

    text-decoration-line: underline;

    cursor: pointer;

}



.merkliste-img {

    border-radius: 6px;

    margin-bottom: 16px;

    width: 128px;

}



.sp-merkliste-info {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 4px;

    align-self: stretch;

}



.sp-product__artikel {

    color: #757575;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

}



.sp-merkliste-page .sp-product__artikel {

    color: #616161;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}



.sp-product__title--merkliste {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    max-width: 419px;

    align-self: stretch;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.subtitle-acc {

    color: #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}



.subtitle-answer {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}

.kasse-adresse-method {

    align-self: stretch;

    padding-left: 16px;

    padding-right: 16px;

    padding-top: 12px;

    padding-bottom: 12px;

    background: white;

    border-radius: 8px;

    border: 1px #9E9E9E solid;

    justify-content: center;

    align-items: center;

    gap: 8px;

    display: inline-flex;

}

.kasse-adresse-method.active {

    border: 2px #FFDD00 solid;

    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);

}



#appendInputKost {

    width: 100%;

}





#arrow-clear-warenkorb {

    display: none;



}



.table-info-kasse .auto-layout-vertical:focus-visible {

    box-shadow: 0 0 0 2px #FFF3A3;

    background-color: #FFF;

    background-image: url("/img/spiral/close-focus-input.svg");

    background-repeat: no-repeat;

    background-position: calc(100% - 12px) center;

}



/*.sp-merkliste-page .sp-product__artikel--var {*/

/*    font-size: 15px;*/

/*    line-height: 20px;*/

/*}*/



.sp-merkliste-page .sp-size .sp-product__artikel--name {

    font-size: 15px;

    line-height: 20px;

}



.sp-merkliste-page .sp-product__accessible--cart {

    font-size: 15px;

    line-height: 20px;

}



.sp-merkliste-total .ps-product__variations {

    align-items: flex-end;

}



.sp-merkliste-total .sp-quantity__box {

    height: 36px;

}



.sp-merkliste-total .ps-product__cart .ps-btn {

    padding: 8px 26.5px;

    border-radius: 8px;

    background: #FD0;

    height: 36px;

    color: #212121;

    font-size: 15px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.kasse-details-delete {

    display: flex;

    flex-direction: column;

    gap: 8px;

    width: 100%;

}



.sp-merkliste-total .sp-zu-variation {

    height: 36px;

}



body input:focus-visible {

    border: 1px solid #E6C700;

    background: #FFF;

    box-shadow: 0 0 0 2px #FFF3A3;

}



.type-qnty:focus-visible {

    border: none;

    box-shadow: none;

}



.header_block__item form input:focus-visible {

    border: 2px solid #CCB100;

    background: #FFFCE5;

}



.sp-merkliste-page .sp-quantity__box button {

    width: 35px;

}



.sp-merkliste-page .delete-btn {

    display: none;

}

.sp-merkliste-page .ps-var-price {

    margin-bottom: 10px;

}



.empty-merkliste {

    color: #000;

    max-width: 343px;

    font-size: 17px;

    font-weight: 400;

    line-height: 24px;

}



.header-desktop {

    display: block;

}



.header-mobile {

    display: none;

}



@media (max-width: 1100px) {

    body .header-desktop {

        display: none;

    }



    body .header-mobile {

        display: block;

    }



    .war-dialog .warenkrob-kasse-dialog {

        width: 100%;

        height: 100%;

        top: 50%;

        border-radius: unset;

        padding: 16px 12px;

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

    }



    .war-dialog .warenkorb-kasse-bezahlen {

        width: 500px;

        margin: 0 auto;

        margin-top: 16px;

    }

    .war-dialog .modal-kasse-subtittle {

        width: 500px;

        margin: 0 auto;

    }

    .war-dialog .buttons-modal {

        width: 500px;

        margin: 0 auto;

    }

    body #arrow-clear-warenkorb {

        display: block;

        position: absolute;

        right: 0;

        top: 26px;

        transform: rotate(180deg);

        cursor: pointer;

        transition: transform 0.3s ease;

    }

    .mobile-hidden {

        display: none;

    }

    #deliveryAddressHeader {

        text-align: center;

    }

    body .sp-merkliste-page .ps-variation-btn {

        max-width: 262px;

    }

    .sp-merkliste-page {

        padding-left: 48px;

        padding-right: 48px;

    }



    .sp-search-merkliste__box {

        width: 100%;

    }

    .sp-product__title--merkliste {

        font-size: 15px;

        line-height: 20px;

    }



    .sp-merkliste-page .sp-product__artikel {

        font-size: 12px;

        line-height: 16px;

    }

    .sp-merkliste-page .sp-product__artikel--var {

        font-size: 12px;

        line-height: 16px;

    }

    .sp-merkliste-page .sp-size .sp-product__artikel--name {

        font-size: 12px;

        line-height: 16px;

    }



    .sp-merkliste-page .sp-product__accessible--cart {

        font-size: 12px;

        line-height: 16px;

    }

    .sp-merkliste-title {

        font-size: 24px;

        line-height: 28px;

        letter-spacing: initial;

    }

    .sp-merkliste-artikel {

        font-size: 17px;

        line-height: 24px;

    }

    .sp-merkliste-container {

        margin-bottom: 24px;

    }

    .merkliste-img {

        margin-bottom: 0;

        width: 108px;

    }

}



@media (max-width: 768px) {

    .sp-container__max.sp-merkliste-page {

        padding-right: 12px;

        padding-left: 12px;

    }

    .sp-merkliste-page .sp-zu-variation {

        white-space: nowrap;

        padding: 0 30.5px;

    }

}





@media (max-width: 580px) {

    .sp-merkliste-page .delete-btn {

        display: inline-flex;

        position: absolute;

        right: 0;

        top: 0;

    }

    .sp-both-block {

        flex-direction: column;

    }

    .sp-merkliste-right {

        width: 100%;

        display: initial;

    }

    .sp-merkliste-left {

        width: 100%;

        position: relative;

    }

    .sp-merkliste-total .ps-product__variations {

        flex-direction: initial;

        justify-content: space-between;

        width: 100%;

    }

    .sp-merkliste-page .ps-var-price {

        margin-bottom: 0;

        min-width: 110px;

    }

    .sp-merkliste-entfernen {

        display: none;

    }

    body .sp-merkliste-page .ps-product__cart {

        margin-left: 8px;

    }

    .sp-merkliste-page .merkliste-img {

        width: 84px;

        margin-bottom: 16px;

    }

    .sp-product__title--merkliste {

        max-width: 171px;

    }

    .sp-merkliste-page .ps-var-price {

        margin-bottom: 0;

    }

    .sp-merkliste-page .sp-merkliste-container {

        margin-bottom: 16px;

    }



    .sp-merkliste-page .sp-merkliste-artikel {

        font-size: 15px;

        line-height: 20px;

    }

}



.sp-cart__products .sp-content__box .sp-content__adjust {

    display: flex;

}







.min-h-screen-header-footer .centauri-input-div .centauri-input-field:hover {

    border-color: #757575;

}

.min-h-screen-header-footer .centauri-input-div .centauri-input-field:focus-visible {

    border: 1px solid #E6C700;

    background: #FFF;

    box-shadow: 0 0 0 2px #FFF3A3;

}





@media (min-width: 1200px) {

    body .container, body .container-lg, body .container-md, body .container-sm, body .container-xl {

        max-width: 1200px;

        padding: 15px 0 !important;

    }



}



@media (min-width: 1450px) {

    body .container-xl, body .container {

        min-width: 1220px;

        max-width: 1220px;

        padding: 15px 0 !important;

    }

    .container-xl, .container {

        min-width: 1200px !important;

    }

}



body .centauri-form-container {

    background: transparent;

}



body a.contrast-background, button.contrast-background, a.ps-btn, button.ps-btn, body input[type=submit].contrast-background {

    color: #212121 !important;

    border-radius: 8px;

}



body .centauri-form-container .centauri-login h3, body .centauri-form-container .centauri-register h3, body .centauri-form-container .centauri-forgot-password h3, body .centauri-form-container .centauri-new-user h3 {

    color: #212121;

    font-size: 32px;

    font-weight: 600;

    line-height: 36px;

    border: none;

}



.page-content iframe {

    max-width: 1220px;

}



@media (max-width:650px) {

    .sp-content__sum {

        width: unset;

    }

    body .sp-content__widther p:nth-child(2) {

        width: unset;

    }



    body .sp-content__price--artikel {

        max-width: 80px;

        width: unset;

    }

}



.d-mobile-block {

    display: none;

}



@media (max-width: 525px) {

    .d-mobile-block {

        display: block;

    }

    .d-mobile-none {

        display: none !important;

    }

}





.sp-main-image .owl-dots {

    position: relative;

    top: 48px;

    align-items: flex-start;

    display: flex;

    justify-content: center;

    gap: 12px;

}



.sp-main-image .owl-dots button.active {

    background-color: #616161 !important;

}



.sp-main-image .owl-carousel button.owl-dot {

    border-radius: 9999px;

    border: 1px solid #616161;

}



.sp-main-image .owl-dots button {

    width: 8px;

    height: 8px;

    background-color: transparent !important;

}



.sp-main-image .owl-dots button:hover {

    background-color: transparent !important;

}



.group-column {

    display: flex;

    flex-direction: column;

}



.group-column .sp-input-wrap {

    height: unset;

    margin-right: 0;

}



.supportBtn {

    border-radius: 999px;

    background: #FD0;

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);

    display: flex;

    width: 50px;

    height: 50px;

    padding: 10px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    flex-shrink: 0;

    position: fixed;

    bottom: 20px;

    right: 20px;

    z-index: 100;

    cursor: pointer;

}



.supp-title {

    color: #212121;

    font-size: 22px;

    font-weight: 600;

    line-height: 28px;

    border-bottom: 1px solid #212121;

    padding: 12px 0;

}



.support-content {

    display: flex;

    flex-direction: column;

    gap: 64px;

}



.support-dialog {

    display: none;

    position: fixed;

    top: 0;

    width: 375px;

    height: 100%;

    background: #EEE;

    z-index: 1002;

    padding: 24px 16px;

    transition: right 0.3s ease-in-out;

    overflow-y: auto;

    overflow-x: hidden;

}



.sup-close {

    display: flex;

    justify-content: right;

    cursor: pointer;

}



.person-reach {

    max-height: 23px;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;



    border-bottom: 1px solid #BDBDBD;

}



.supp-expert {

    display: flex;

    flex-direction: column;

    margin-bottom: -48px;

}



.anfrage-title {

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.anfrage-senden .sp-input-wrap {

    height: 100%;

    margin-right: 0;

}



.sp-absenden-btn {

    display: flex;

    max-height: 36px;

    padding: 8px 12px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    align-self: stretch;

}



.sp-absenden-text {

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.anfrage-senden .custom-input-sign {

    background: #F5F5F5;

}



.anfrage-senden .custom-input-sign.nachricht-input {

    background: #F5F5F5;

    height: 120px;

}



.anfrage-senden {

    display: flex;

    flex-direction: column;

    gap: 12px;

}



.anfrage-senden .sp-form-group {

    width: 100%;

    margin-bottom: 0;

}



.supp-block {

    display: flex;

    align-items: flex-start;

    gap: 32px;

    margin-bottom: 32px;

}



.anfrage-senden .floating-label {

    font-size: 15px;

}



.supp-info {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.supp-text-title {

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.supp-text-subtitle {

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

}

.supp-buttons {

    display: flex;

    flex-direction: column;

    gap: 12px;

}



.supp-regstr, .supp-anmelden {

    cursor: pointer;

    padding: 8px 0;

    text-align: center;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.3px;

}



.support-content .footer-block__category {

    border-top: 1px solid #BDBDBD;

    padding-top: 16px;

}



.supp-logged {

    display: flex;

    align-items: flex-start;

    gap: 16px;

    margin-top: 12px;

    margin-bottom: 24px;

}



.supp-logged-info {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.supp-user {

    border-radius: 999px;

    border: 2px solid #FD0;

    padding: 8px;

}



@media (max-width: 525px) {

    .supportBtn {

        right: 23px;

        bottom: 30px;

    }

    .support-dialog {

        width: 100%;

    }

    body .sp-slider-container {

        align-self: auto;

        flex: 0 0 0;

        height: unset;

    }

}



#sendwarenkorb .modal-dialog.modal-dialog-centered {

    min-height: unset;

    max-height: 0;

    top: 20%;

    margin: 0 auto;

}



#sendwarenkorb .row.fotorow {

    width: 100%;

}



#sendwarenkorb .modal-footer {

    width: 100%;

    max-width: 355px;

}

#deletewarenkorb .modal-dialog.modal-dialog-centered {

    min-height: unset;

    max-height: 0;

    top: 40%;

    margin: 0 auto;

}



body .btn-danger {

    color: #212121;

    background: transparent;

    border: 2px solid #FD0;

    border-radius: 8px;

    padding: 6px 12px !important;

}



body .btn-danger:hover {

    color: #212121;

    background: #FFFCE5;

    border-color: #FD0;

}





body a.contrast-background, body button.contrast-background, body a.ps-btn, body button.ps-btn, body input[type=submit].contrast-background {

    color: #212121 !important;

}



.kontoMenuMobile .centauri-color-white {

    color: #212121 !important;

}



.kontoMenuMobile .border-b-1 {

    border-bottom: none !important;

}



.min-h-screen-header-footer .kontoMenuMobile i {

    background: transparent;

}



.min-h-screen-header-footer .fa-angle-double-down:before {

    color: #212121;

    font-size: 26px;

}



.min-h-screen-header-footer .kontoMenuMobile .menu__content .menu--dropdown#kontoMobileMenuList>li:hover {

    color: #212121 !important;

    background: #E6C700 ;

}



.min-h-screen-header-footer .kontoMenuMobile .menu__content .menu--dropdown#kontoMobileMenuList>li:hover a {

    color: #212121 !important;

}





.Selbstabholer {

    border-top: 1px solid #9E9E9E;

    border-bottom: 1px solid #9E9E9E;

    padding: 40px 0;

}



.calendar .form-group {

    margin-bottom: 0;

}



#pnlDelivery, #pnlCompany1 {

    margin-top: 24px;

}



.pnl-delivery {

    margin-bottom: 20px;

    color: #212121;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

}



.sp-form-group input::placeholder {

    color: #616161;

    opacity: 100%;

}



.table-condensed tr {

    display: flex;

    justify-content: space-around;

    gap: 8px;

}



#deliverydate .bootstrap-datetimepicker-widget table td.day {

    width: 36px;

    height: 36px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 14px;

}



 #deliverydate .bootstrap-datetimepicker-widget table td.active.today:before {

    content: none !important;

}



#deliverydate .bootstrap-datetimepicker-widget table td.active {

    background: #FD0;

    color: #212121;

    border-radius: 100%;

    width: 36px;

    height: 36px;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    text-shadow: unset;

    padding: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}



#deliverydate .bootstrap-datetimepicker-widget table td.today:before {

    content: none;

}



.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {

    border-radius: 100% !important;

}



#deliverydate .bootstrap-datetimepicker-widget table .picker-switch {

    margin-bottom: 32px;

    text-transform: unset;

    color: #212121;

    text-align: center;

    font-size: 17px;

    font-weight: 600;

    line-height: 24px;

    height: unset;

    width: 252px;

    pointer-events: none;

}



.bootstrap-datetimepicker-widget table th {

    color: #212121;

    text-align: center;

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 16px;

    letter-spacing: 1.12px;

    text-transform: uppercase;

}



#deliverydate .next {

    background-image: url("/img/spiral/calendar-right.svg");

    background-repeat: no-repeat;

}



#deliverydate .prev {

    background-image: url("/img/spiral/calendar-left.svg");

    background-repeat: no-repeat;

}



#deliverydate .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {

    color: #9E9E9E;

}



.form-group .col-md-8.mx-auto {

    padding: 0 !important;

    margin: 0 !important;

}



body .bootstrap-datetimepicker-widget .list-unstyled {

    display: flex;

    justify-content: center;

}



.delivery-calendar {

    padding: 10px 100px 0 100px;

    text-align: center;

}



.form-calendar {

    display: flex;

    justify-content: center;

}



.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {

    background-color: inherit !important;

}





@media (max-width: 768px) {

    .delivery-calendar {

        padding: 10px 0;

    }

}



.overlay-white {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.8);

    opacity: 50%;

    z-index: 9998;

}



.loading-screen {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.8);

    z-index: 9999;

    text-align: center;

}



.lds-ring {

    position: fixed;

    top: 50%;

    left: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: translate(-50%, -50%);

}



.lds-ring div {

    box-sizing: border-box;

    display: block;

    position: absolute;

    width: 64px;

    height: 64px;

    margin: 8px;

    border: 8px solid #fff;

    border-radius: 50%;

    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;

    border-color: #FFDD00 transparent transparent transparent;

    z-index: 1;

}



.lds-ring div:nth-child(1) {

    animation-delay: -0.45s;

}



.lds-ring div:nth-child(2) {

    animation-delay: -0.3s;

}



.lds-ring div:nth-child(3) {

    animation-delay: -0.15s;

}



@keyframes lds-ring {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}



.header_block__nav .dropdown {

    display: none;

    position: absolute;

    top: 36px;

    left: 0;

}



.header_block__nav .dropdown.active {

    display: block;

    top: 44px;

    width: 100%;

    z-index: 10;

}



.header_block__nav-links.active .icon-header {

    transform: rotate(-180deg);

    transition: 0.3s;

}



.header_block__nav-links .icon-header {

    transform: rotate(0deg);

    transition: transform 0.3s ease;

}





.drop-container {

    min-width: 50%;

    max-width: 50%;

    left: 0;

    display: inline-block;

    float: left;

}



.drop-sliding-wrap {

    transition: 0.5s;

    width: 200%;

}





.drop-container-content {

    display: flex;

    flex-wrap: wrap;

    gap: 0 16px;

    position: relative;

}



.dropdown::after {

    content: '';

    position: absolute;

    left: -100vw;

    width: 300vw;

    height: 12px;

    right: 100vw;

    top: 0;

    z-index: 2;

    opacity: 0.5;

    background: linear-gradient(180deg, #BDBDBD 0%, rgba(255, 255, 255, 0.00) 100%);

}



.dropdown-background {

    position: absolute;

    left: 50%;

    top: 0;

    bottom: 0;

    width: 100vw;

    transform: translateX(-50%);

    background: #EEE;

    z-index: -1;

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);

    transition: 0.5s;

    height: 100%;

}



.mask-container {

    overflow: hidden;

    position: relative;

    width: 100%;

    max-width: 1200px;

    transition: 0.5s;

    z-index:1;

}



.fixed-menu {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1001;

}

.fixed-menu + #homepage-9 {

    padding-top: 110px;

}



.centauri-input-div.dropdown {

    position: unset;

}



/*.drop-sorts,.drop-items {*/

/*    position: relative;*/

/*    z-index: 2;*/

/*}*/



.loaded #back2top:hover {

    background: #FD0;

}



.loaded .icon-arrow-up:before {

    content: '';

    background-image: url("/img/Spiral/scroll-up.svg");

    background-repeat: no-repeat;

    width: 24px;

    height: 24px;

    display: block;

}



.loaded #back2top {

    width: 50px;

    height: 50px;

    bottom: 80px;

    border: 2px solid #FD0;

    border-radius: 999px;

    background: rgba(255, 255, 255, 0.80);

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);

    right: 20px;

    padding: 10px;

    z-index: 100;

}



.sp-product__availability {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.sp-product__acc div {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.sp-container__max .owl-carousel .owl-item img {

    border-radius: 8px;

    aspect-ratio: 1 / 1;

    object-fit: contain;

    max-height: 350px;

    width: 100% !important;

}



.sp-side-quantity .sp-quantity__box button {

    width: 35px;

    height: 36px;

    padding: 8px 0;

}



.sp-side-quantity .type-qnty {

    height: 36px;

}



#homepage-9 .ps-product .ps-product__badge {

    display: none !important;

}



/* styles for label and input from CentauriBaseShop */

.form-label-group {

    position: relative;

}



.centauri-forgot-password p {

    text-align: center;

}



body .centauri-form-container .centauri-forgot-password {

    padding: 0 20px;

}



.centauri-input-div .label-input-div span {

    font-size: 1em;

    vertical-align: unset;

    margin-left: 2px;

}



.form-label-group .label-input-div {

    position: absolute;

    top: 50%;

    left: 0;

    display: block;

    margin-bottom: 0;

    border-radius: .25rem;

    transition: all .2s ease-in-out;

    transform-origin: 0 0;

    transform: translateY(-50%);

    text-align: left;

    padding-left: 20px;

}



.form-label-group input:not(:placeholder-shown), .form-label-group input:focus, .form-label-group textarea:not(:placeholder-shown), .form-label-group textarea:focus {

    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));

    padding-bottom: calc(var(--input-padding-y) / 3);

}



.form-label-group input:not(:placeholder-shown) ~ label, .form-label-group input:focus ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label, .form-label-group textarea:focus ~ label, .form-label-group select ~ label {

    font-size: 1em;

    top: var(--top-position);

    transform: translateY(-50%) scale(.7);

    visibility: visible;

}



.form-label-group input:focus::placeholder, .form-label-group textarea:focus::placeholder {

    visibility: hidden;



    transition-delay: 0s;

    opacity: 0;

    text-shadow: none;

}



.form-label-group input::placeholder, .form-label-group textarea::placeholder {

    transition-delay: .2s;

    opacity: 0;

}



.form-label-group .intl-tel-input input:focus::placeholder, .form-label-group .iti input:focus::placeholder{

    visibility: visible;

    color: var(--placeholder-color);

    opacity: 1;

}



.ps-section__header h3 {

    margin-bottom: 16px;

    color: #212121;

    font-size: 22px;

    font-weight: 600;

    line-height: 28px;

}



.product-martfury-items {

    width: 100%;

}



.product-martfury-items {

    justify-content: space-between;

}



.owl-carousel .owl-stage {

    align-items: stretch;

}



.centauri-martfuryproductgallery .container {

    max-width: 1200px;

    padding: 0;

}



.centauri-input-div.centauri-inline-flex-form {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: end;

}



.spiral-defaultSelect {

    padding: 8px;

    border-radius: 8px;

}



.select-values.select-items .items-select-value {

    display: flex;

    flex-direction: column;

    overflow-y: auto;

    height: 100%;

    max-height: 192px;

    padding: 8px;

    background: unset;

}



.input-container.exclude-styling img {

    opacity: 50%;

    width: 24px;

    height: 24px;

}



.select-values .input-container {

    padding: 0 8px;

    border-radius: 6px;

}



.input-container {

    display: flex;

    align-items: center;

    position: relative;

    border-radius: 8px;

    border: 1px #BDBDBD solid;

    padding: 0 10px;

    font-size: 12px;

    height: 40px;

    margin: 8px;

}



.items-select-value div {

    padding: 8px;

    border-radius: 6px;

}



.floating-label-wrap {

    position: relative;

}



.floating-label {

    position: absolute;

    top: 0;

    left: 0;

    padding: 10px 17px;

    margin-bottom: 0;

    pointer-events: none;

    transition: 0.2s ease-out;

    transform-origin: top left;

    color: #616161;

    transform: translateY(0);

    display: flex;

}



.custom-input-sign:focus + .floating-label,

.custom-input-sign:not(:placeholder-shown) + .floating-label,

.custom-input-sign:-webkit-autofill + .floating-label {

    transform: translateY(-7px);

    font-size: 12px;

    font-weight: 400;

    line-height: 140%;

}



.custom-input-novalid:focus + .floating-label,

.custom-input-novalid:not(:placeholder-shown) + .floating-label,

.custom-input-novalid:-webkit-autofill + .floating-label {

    transform: translateY(-7px);

    font-size: 12px;

    font-weight: 400;

    line-height: 140%;

}



.custom-input-novalid:focus + .floating-label,

.custom-input-novalid:not(:placeholder-shown) + .floating-label {

    transform: translateY(-7px);

    font-size: 12px;

    font-weight: 400;

    line-height: 140%;

}



.kostenstelletxt:focus + .floating-label,

.kostenstelletxt:not(:placeholder-shown) + .floating-label {

    transform: translateY(-7px);

}



.kasse-form .sp-form-group {

    width: 100%;

    margin-bottom: 0;

}



.kasse-form .sp-form-group .sp-input-wrap {

    margin-right: 0;

}



.checkout-page .sp-form-group {

    width: 100%;

}



.checkout-page .sp-form-group .sp-input-wrap {

    margin-right: 0;

}



.kasse-details-delete .sp-form-group {

    margin-bottom: 0;

}



.success-page .sp-form-group .sp-input-wrap {

    margin-right: 0;

}



.sp-anmelden-left .sp-form-group {

    width: 100%;

    margin-bottom: 0;

}



.sp-anmelden-left .sp-form-group .sp-input-wrap {

    margin-right: 0;

}



#mobileImageWrapper{

    display:block !important;

}



.sp-form-group.error-message-dsgvo {

    align-items: flex-start;

    gap: 10px;

    margin-bottom: 12px;

    margin-top: 4px;

}



.sp-form-group.error-message-dsgvo img {

    width: 16px;

    height: 16px;

    margin: 2px 2px 2px 0;

}



#homepage-9 .sp-form-benutz .sp-link-password:hover {

    color: #007EE5 !important;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



#homepage-9 .sp-form-benutz .sp-link-password {

    color: #007EE5 !important;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



body .owl-carousel .owl-stage {

    min-height: unset;

    padding-bottom: 10px;

}



.owl-prev.disabled, .owl-next.disabled {

    opacity: 50%;

}



.UID-container {

    width: 100%;

    margin-top: 4px;

    padding-bottom: 1px;

}



.sp-form-group.sp-form-textarea {

    width: 100%;

    margin-bottom: 16px;

}



.sp-form-textarea .sp-input-wrap {

    height: 100%;

}



.custom-input-sign.sp-textarea-input {

    width: 100%;

    height: 120px;

    padding: 16px 16px 0 16px;

    margin-right: 0;

}



.ps-product .limited-quantity-wrap {

    width: 90%;

}



.limited-quantity-wrap {

    width: 100%;

    padding: 8px 12px;

    background: #FFE5CC;

    border-radius: 6px;

    border: 1px #FFB266 solid;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    display: inline-flex;

}



.stockno-item, .error-message-item {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.error-message-item {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    text-decoration: underline;

}



.limited-quantity-background {

    align-self: stretch;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    display: inline-flex;

}



.limited-quantity-text {

    flex: 1 1 0;

    color: #212121;

    font-size: 14px;

    font-weight: 600;

    line-height: 20px;

}





.limited-under-info {

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}



.limited-under-text a {

    text-decoration-line: underline;

}



.limited-qnty-section {

    display: flex;

    margin-top: 16px;

}



.invisible-block {

    display: block;

    width: 128px;

    margin-right: 24px;

}



.logged-options p:hover {

    background: #F5F5F5;

}



.logged-exit p:hover {

    background: #F5F5F5;

}



.required-star {

    display: inline-block;

    margin-right: 3px;

    margin-left: 3px;

    font-size: 14px;

    height: 10px;

}



.dropdown-toggle-label {

    display: flex;

}



.dropdwon-branche {

    color: #616161;

}



/* centauri.scss for Budgetfreigabe page */

.budget-detail {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-top: 50px;

    gap: 50px;

}



.budget-detail-info {

    width: 30%;

    border: 3px solid #ebebeb;

    border-radius: 10px;

    background-color: #ffffff;

    padding: 15px;

}



.budget-info-title {

    border-bottom: 1px solid lightgrey;

    font-size: 18px;

    font-weight: 600;

    color: black;

}



.checkout-budget {

    display: flex;

    gap: 20px;

    padding-bottom: 50px;

}



.budget-desk-result {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 20px;

    border: 3px solid #ebebeb;

    border-radius: 10px;

    background-color: #ffffff;

    padding: 15px;

}



.modal-open.in {

    display: block !important;

}



.budget-items {

    display: flex;

    gap: 75px;

}

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

    .budget-items {

        gap: 25px;

        width: 100%;

        justify-content: space-between;

    }



    .budget-detail {

        flex-direction: column;

        padding-top: 70px;

    }



    .budget-detail-info {

        width: 100%;

    }

    .budget-detail-result {

        padding-bottom: 30px;

    }

    .budget-desk-result {

        gap: 35px;

    }

    .budget-btn .centauri-button {

        width: 100%;

    }

    .width-budget-mobile {

        width: 60%;

    }

}

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

    .budget-items {

        justify-content: space-between;

    }

}



.drop-items-blocks.active-disable {

    opacity: 50%;

    pointer-events: none;

    cursor: unset;

}



.drop-items-blocks.active-disable .drop-items-text {

    color: #BDBDBD;

}



.centauri-konto-right {

    width: 70%;

    padding: 23px;

    display: flex;

    flex-direction: column;

    gap: 30px;

}



.centauri-wrap-right {

    display: flex;

    gap: 30px;

}

@media (max-width: 500px) {

 body .centauri-wrap-right {

    flex-wrap: wrap;

 }

}

.centauri-konto-block {

    border-bottom: 1px solid #ebebeb;

    width: 100%;

}

.konto-title {

    font-size: 12px;

}

.konto-info {

    color: #000000;

    font-size: 16px;

}



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

    .centauri-inline-flex-form {

        display: block;

    }

    .centauri-container .centauri-konto-right {

        width: 100%;

    }

}



.centauri-martfuryproductgallery .owl-carousel .owl-dots.disabled, .centauri-martfuryproductgallery .owl-carousel .owl-nav.disabled {

    display: block !important;

    padding-bottom: 10px;

}



.centauri-martfuryproductgallery .ps-carousel--nav .owl-dots {

    display: block !important;

    bottom: -33px;

}



body .owl-dots button {

    background-color: #E0E0E0 !important;

}



body .owl-dots button:hover, body .owl-dots button.active {

    background: #BDBDBD !important;

}



#tbKostenstellekopf .error-message, .error-icon, .success-icon {

    display: none;

}



.StepsHorizontal .Outline.indicatorActive {

    margin-right: 0;

}





.sp-merkliste-wrap .sp-product__plate {

    height: initial;

}

.sp-merkliste-right .limited-quantity-wrap {

    height: 100%;

}





.custom-textarea-sign {

    width: 100%;

    height: 120px;

    border: 1px solid #757575;

    border-radius: 8px;

    padding: 12px 16px;

    font-size: 15px;

}

.textarea-container {

    position: relative;

    display: inline-block;

    width: 100%;

}



.custom-textarea-sign:focus + .floating-label {

    opacity: 0;

    visibility: hidden;

}



.custom-textarea-sign:not(:placeholder-shown) + .floating-label {

    opacity: 0;

    visibility: hidden;

}



.budgetsum-color {

    color: #DB6E00;

    font-weight: 600;

}



.sp-merkliste-section .limited-qnty-section {

    margin-top: 0;

    width: 100%;

}



.sp-both-block {

    display: flex;

    justify-content: space-between;

    width: 100%;

}



.header-loginform-mw {

    max-width: 336px;

}



/*Warengruppe Header Desktop*/

@media (min-width: 1101px) {

    .warengruppe-block {

        display: flex;

        gap: 16px;

        flex-direction: row-reverse;

    }



    .warengruppe-left-block {

        position: static;

        width: 40%;

        height: 200px;

    }



    .warengruppe-banner {

        flex-grow: 1;

        height: 200px;

        width: auto;

    }

}



@media (min-width: 600px) {

    .sp-content__left--sight .sp-content__info .sp-item-img {

        max-width: 100px;

        min-height: 100px;

    }

}





.sp-warenkorb__page .limited-quantity-wrap {

    margin-top: 20px;

}



@media (min-width: 650px) and (max-width: 1100px) {

    .sp-coupon__section .sp-check__list {

        margin-bottom: 0;

        width: 50%;

        margin-top: 16px;

  }

}



@media (min-width: 426px) and (max-width: 450px) {

    .sp-warenkorb__items:nth-child(1) {

        margin-right: 16px;

    }

}



/* from baseshop css for Konto */



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

    .centauri-container.centauri-rechnungen .centauri-flex {

        flex-direction: column;

    }

}



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

    .centauri-container.centauri-abos .centauri-flex {

        flex-direction: column;

    }

}



.centauri-side-bar__block {

    margin-right: 2em;

    padding-bottom: 30px;

}



.centauri-side-bar__block .side-konto-block {

    padding: 23px 0 20px 0;

}



.centauri-side-bar__block .side-konto-block .side-konto-wrap {

    display: flex;

    align-items: center;

    padding-top: 10px;

    padding-bottom: 10px;

    gap: 10px;

    border-top: 1px solid #ebebeb;

    border-bottom: 1px solid #ebebeb;

}



.centauri-side-bar__block .side-konto-block .side-konto-wrap .side-username {

    font-size: 18px;

}



.centauri-side-bar__block .side-konto-block .side-konto-wrap p {

    margin-bottom: 0;

}



    .centauri-side-bar__block .side-konto-block .side-konto-wrap .side-account-bubble {

        width: 18px;

        height: 18px;

        background: #b6b6b6;

        color: #ffffff;

        border-radius: 100%;

        padding: 19px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



.centauri-side-bar__block .centauri-side-bar {

    border: 2px solid #ebebeb;

    width: 300px;

    height: fit-content;

}



.centauri-side-bar__block .centauri-side-bar ul {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}



.centauri-side-bar__block .centauri-side-bar ul li {

    border-bottom: 1px solid #ebebeb;

}



    .centauri-side-bar__block .centauri-side-bar ul li .centauri-side-color {

        display: flex;

        font-weight: 400;

        padding: 8px;

        color: #616161;

        font-size: 14px;

        transition: .3s;

    }



.centauri-side-bar__block .centauri-side-bar ul li .centauri-side-color:hover {

    background: #EEE !important;

}



.centauri-side-bar__block .centauri-side-bar ul li:last-child {

    border-bottom: none;

}



#homepage-9 .min-h-screen-header-footer .centauri-side-color.active {

    background: #EEE !important;

}



.centauri-muster {

    padding-bottom: 0;

    border: 3px solid #ebebeb;

    border-radius: 10px;

    background-color: #ffffff;

    padding: 15px;

    margin-bottom:20px;

}



.centauri-muster-buttons {

    padding-bottom: 20px;

}



.centauri-muster-detail {

    border-bottom: none;

    margin-bottom: 0;

    padding-bottom: 15px;

}



.centauri-muster-cart {





}



.centauri-muster-productdescription {

    font-size:14px;

}



.centauri-tumbproduct {

    display: flex;

    align-items: center;

    gap: 10px;



    padding-bottom: 20px;

    margin-bottom: 10px;

}



.centauri-tumbproduct img {

    width: 70px;

    height: 70px;

}



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

    .centauri-muster-buttons {

        display: flex;

        flex-direction: column;

        gap: 10px;

    }

    .centauri-muster-cart {

        margin: 20px;

    }



    .centauri-muster-buttons .centauri-button {

        width: 100%;

    }

}



.sp-menge-block {

    display: flex;

}



@media (max-width: 575px) {

    .centauri-flex.produktCountDiv {

        bottom: 7px;

        right: 85px;

    }

    .centauri-flex.produktCountDiv input {

        width: 20px !important;

        min-width: 32px !important;

    }

    .produktNameDiv a {

        flex: 1 1 50%;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: normal;

        padding: 0 !important;

        max-width: 150px;

    }

    .centauri-flex.produktCountDiv button {

        padding: 0 5px !important;

    }



    div.size-rewrite {

        font-size: 18px !important;

        white-space: nowrap;

    }



    .mb-2 h5,h3.size-rewrite {

        font-size: 15px !important;

    }



    h3.size-rewrite {

        font-size: 15px !important;

    }

}





.sp-delete-gratis {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 8px;

    width: fit-content;

    padding: 4px 4px 4px 8px;

    border-radius: 4px;

    color:  #212121;

    text-align: center;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.sp-delete-gratis img {

    width: 20px;

    height: 20px;

}



.sp-btn-gratis {

    background: #FD0;

    border-radius: 8px;

    display: flex;

    padding: 8px 16px;

    justify-content: center;

    align-items: center;

    gap: 4px;

    color:  #212121;

    text-align: right;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

}



.notification {

    width: 100%;

    padding: 8px;

    border-radius: 6px;

    display: inline-flex;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    color: #212121;

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

    margin-bottom: 16px;

}



.notification-text {

    color: #212121;

}



.coupon-notification {

    background-color: #F0F9EC;

    border: 1px solid #A6D98C;

}



.icon-container {

    width: 20px;

    height: 20px;

    position: relative;

}



.sp-warenkorb__page .icon-check {

    width: 16.67px;

    height: 16.67px;

    position: absolute;

    left: 1.67px;

    top: 1.67px;

    background-color: #6ABF40;

}



.coupon-warning {

    background-color: #FFE5CC;

    border: 1px solid #FFB266;

}



.icon-warning {

    width: 17.11px;

    height: 15px;

    position: absolute;

    left: 1.45px;

    top: 2.50px;

    background-color: #DB6E00;

}



.coupon-error {

    background-color: #F6E4E4;

    border: 1px solid #D98C8C;

}



.icon-alert {

    width: 16.67px;

    height: 16.67px;

    position: absolute;

    left: 1.67px;

    top: 1.67px;

    background-color: #A43737;

}

.ps-shopping-product .sp-product__availability {

    margin-top: 12px;

    min-width: 320px;

}



.sp-product__container .sp-product__availability {

    margin-top: 24px;

    margin-bottom: -24px;

}



div.kontoMenuMobile .menu__content.active {

    z-index: 99;

}



.modal-dialog.modal-dialog-centered {

    background: initial;

}





.ps-product.grid .ps-product__thumbnail {

    margin-top: 5px;

}



.tab-content .ps-desc .spiral-subheader {

    margin: 16px 0 12px 0;

    font-size: 17px;

    font-weight: 600;

    line-height: 22px;

    color: #212121;

}



.artikel-cross {

    position: relative;

}



.cross-search {

    position: absolute;

    right: 5px;

    background: none;

    border: none;

}





.store-icon {

    height: 60px;

    width: 195px;

}



.store-icon-apple {

    height: 75px;

    width: 200px;

}



.qr-code-container {

    display: inline-block;

    padding: 20px;

    background-color: white;

    border-radius: 15px;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    width: 100%;

    max-width: 200px;

    text-align: center;

    margin: 30px auto;

}



.qr-code {

    width: 100%;

    border-radius: 10px;

    object-fit: cover;

}



.budgetfreigabe-page .cards-container {

    display: flex;

    flex-direction: column;

    gap: 1rem;

}



.budgetfreigabe-page .card {

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 1rem;

    background-color: #fff;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}



.budgetfreigabe-page .card-header {

    font-weight: bold;

    margin-bottom: 0.5rem;

    font-size: 1rem;

    color: #333;

}



.budgetfreigabe-page .card-body {

    display: flex;

    flex-direction: column;

    gap: 0.8rem;

}



.budgetfreigabe-page .card-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.budgetfreigabe-page .card-label {

    font-weight: bold;

    color: #555;

    flex: 1;

}



.budgetfreigabe-page .card-value {

    text-align: right;

    flex: 1;

    font-size: 14px;

}



.budgetfreigabe-page .no-orders {

    text-align: center;

    font-size: 1rem;

    color: #666;

    margin-top: 2rem;

}



.budgetfreigabe-page .card-body a {

    text-align: right;

}



.side-bar-cintainer #menu li {

    list-style-type: none;

}



.min-h-screen-header-footer .searchInputDiv .searchIconDiv {

    top: 70%;

    right: 3px;

    padding: 7px 9px;

    border-radius: 6px;

}



.sp-search-merkliste__container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;

    gap: 16px;

}



@media (max-width:426px) {

    .sp-search-merkliste__container .dropdown-order, .sp-search-merkliste__container .dropdown-order .dropdown-order-button {

        width: 100%;

    }



    .sp-search-merkliste__container {

        flex-direction: column

    }

}



.sp-merkliste-section .dropdown-order-button {

    height: 44px;

    border-radius: 8px;

}





@media (min-width: 1100px) and (max-width: 1350px){

    .sp-shop__filters__container {

        margin-right: 110px;

    }

}



.detail-info-table {

    width: 100%;

    border-collapse: collapse;

    margin: 20px 0;

    font-size: 14px;

    color: #333;

    background-color: #f9f9f9;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    border-radius: 8px;

    overflow: hidden;

}



.detail-info-table tbody tr {

    border-bottom: 1px solid #ddd;

}



.detail-info-table tbody tr:last-child {

    border-bottom: none;

}



.detail-info-table td {

    padding: 12px 15px;

}



.detail-info-label {

    background-color: #f2f2f2;

    font-weight: bold;

    text-transform: uppercase;

    color: #555;

    width: 30%;

    text-align: left;

    vertical-align: top;

}



.detail-info-value {

    font-size: 16px;

    font-weight: 500;

    color: #333;

    word-break: break-word;

}



.message-area {

    background: #FF8000;

    width: 100%;

    height: 100%;

    padding-top: 8px;

    padding-bottom: 8px;

}



.message-area p {

    color: #FFFFFF;

    line-height: 16px;

    font-size: 12px;

}



.message-area p span {

    color: white;

    font-size: 12px;

    text-decoration: underline;

    line-height: 16px;

    word-wrap: break-word;

}



@media (max-width: 1246px) {

    .sp-container__max {

        padding-right: 12px;

        padding-left: 12px;

    }

    .sp-footer__max {

        padding-right: 12px;

        padding-left: 12px;

    }

}



@media (max-width: 1100px) {

    body .sp-container__max {

        padding-right: 0;

        padding-left: 0;

    }

    body .sp-footer__max {

        padding-right: 0;

        padding-left: 0;

    }

}



.pricing-container {

    width: 100%;

    height: auto;

    border: 1px #BDBDBD solid;

    border-radius: 4px;

}



.pricing-header {

    background-color: #FFEB66;

    color: black;

    font-weight: bold;

    padding: 8px 6px;

    display: flex;

    justify-content: space-between;

    border-radius: 3px;

}



.pricing-row {

    display: flex;

    justify-content: space-between;

    border-bottom: 1px solid #ddd;

    padding: 8px 6px;

    background: white;

}



.pricing-row:last-child {

    border-bottom: 1px solid transparent;

    border-radius: 0 0 4px 4px;

}



.pricing-cell:last-child {

    text-align: right;

}



.pricing-header .pricing-cell {

    line-height: 20px;

    font-size: 15px;

}



.pricing-cell {

    line-height: 20px;

    font-size: 15px;

    color: #212121;

}



@media (min-width: 768px) and (max-width: 900px)  {

    .rechnung-page .contact-right  {

        width: 55%;

    }

}



.panel-top__hor--container {

    display: flex;

    align-items: center;

}



@media (max-width: 1100px)  {

    .hide-mobile  {

        display: none;

    }

    .konto-padding {

        margin: 0 !important;

        padding: 0 48px;

    }

}



@media (max-width: 768px) {

    body .konto-padding {

        padding: 0;

    }

}



@media (min-width: 1100px)  {

    .hide-desktop {

        display: none;

    }

}



#kontoMobileMenuList {

    max-height: min(380px, calc(100svh - 280px));

    overflow: auto;

}



.contact-right .dropdown::after {

    content: none;

}

.sp-merkliste-wrap .sp-merkliste-left {

    position: relative;

}



.sp-merkliste-wrap .sp-merkliste-left .sp-manager {

    position: absolute;

    top: 4px;

    left: 0;



}