.wall__wrapper {
    position: relative;
}

.wall__light {
    display: block;
}
.wall__dark {
    display: none;
}
#faz-paywall {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.paywall__old-price {
    display: inline-block;
    position: relative;
}

.paywall__old-price:before {
    border-top: 2px solid #212529;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-8deg);
}

.dark-mode .paywall__old-price:before {
    border-top: 2px solid #ffffff;
}

.paywall__label {
    color: #212529;
}

.paywall__label-small {
    font-family: Source Sans\ 3,sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.dark-mode .paywall__label {
    color: #ffffff;
}

.wall__buttons-two-offers  {
    max-width: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wall__buttons-two-offers a  {
    width: calc(50% - 5px);
}

.wall__stoerer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    left: 0;
    top: -49px;
    transform-origin: left top;
}

.wall__stoerer.pro {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    left: auto;
    right: 0;
    top: -89px;
    transform-origin: left top;
}

.wall__stoerer-text {
    background-color: #967D28;
    padding: 8px 8px 24px 8px;
    font-family: Source Sans\ 3,sans-serif;
    font-size: 1.188rem;
    line-height: 1;
    color: #ffffff;
    font-weight: 700;
    border-radius: 2px 2px 0 2px;
}

.wall__paywall-label {
    font-family: Source Sans\ 3,sans-serif;
    color: #110a35;
    background-color: #ffffff;
    border-radius: 2px;
    font-weight: 600;
    font-size: 0.938rem;
    line-height: 1.1;
    padding: 6px 16px;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.dark-mode .wall__paywall-label {
    color: #e8edee;
    background-color: #212529;
}

.paywall__countdown {
    display: flex;
}

.paywall__countdown .time {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-family: Source Sans\ 3,sans-serif;
    font-size: 1.375rem;
    line-height: 1.4;
    font-weight: 500;
    color: #110a35;
    width: 40px;
    margin-bottom: 1.25rem;
}

.dark-mode .paywall__countdown .time {
    color: #e8edee;
}

.wall__visual {
    margin-bottom: 1.25rem;
    margin-top: 0.6125rem;
}

.wall__visual .wall__description {
    margin-left: auto;
    margin-right: auto;
    font-size: 0.875rem;
    font-family: "Source Serif 4",serif;
    text-align: center;
    line-height: 1.4;
}

.dark-mode .wall__visual .wall__description {
    color: #ffffff;
}

.dark-mode .wall__description {
    color: #ffffff;
}

.paywall__countdown .time.colon {
    width: auto;
 }   

.paywall__countdown .time-discription {
    font-size: 0.625rem;
    color: #717171;
    line-height: 1.4;
}

.dark-mode .paywall__countdown .time-discription {
    color: #c6c6c6;
}

.wall__desktop {
    display: block;
}

.wall__mobile {
    display: none;
}

.wall__buttons-mobile {
    display: none;
}

.wall__single__list {
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}

.reg-wall__discription {
    max-width: none;
    text-align: center;
    margin-bottom: 1.25rem;
}
.reg-wall__discription.serif {
    font-family: "Source Serif 4",serif;
}

.wall__divider {
    margin-bottom: 1.25rem;
}

.wall__main-button:hover {
    background-color: rgba(17, 10, 53, .7) !important;
}

.dark-mode .wall__main-button {
    background-color: #e8edee;
    color: #212529;
}

.dark-mode .wall__main-button:hover {
    background-color: rgba(232, 237, 238, .7) !important;
    color: #212529;
}

.wall__logo-einspruch, .wall__logo-pro {
    fill: #110a35;
    max-width: 100%;
}

.dark-mode .wall__logo-einspruch, .dark-mode .wall__logo-pro {
    fill: #e8edee;
}

.wall__logo-f-plus .f-plus-blue {
    fill: #110a35;
}

.wall__logo-f-plus .f-plus-white {
    fill: #ffffff;
}

.dark-mode .wall__logo-f-plus .f-plus-blue {
    fill: #e8edee;
}

.dark-mode .wall__logo-f-plus .f-plus-white {
    fill: #110a35;
}

.dark-mode .wall ul li:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23e8edee' fill-rule='evenodd' d='M14.333 8A6.333 6.333 0 1 1 1.667 8a6.333 6.333 0 0 1 12.666 0m-3.165-1.054a.5.5 0 1 0-.707-.707l-3.4 3.4L5.54 8.116a.5.5 0 0 0-.707.707l1.876 1.876a.5.5 0 0 0 .707 0z' clip-rule='evenodd'/%3E%3Cpath fill='%23212529' d='M11.169 6.239a.5.5 0 0 1 0 .707L7.415 10.7a.5.5 0 0 1-.707 0L4.832 8.823a.5.5 0 0 1 .707-.707l1.523 1.523 3.4-3.4a.5.5 0 0 1 .707 0'/%3E%3C/svg%3E");
}

.wall__payment {
    max-width: 23.125rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.438rem;
}
.payment_applepay {display: none}

.payment_googlepay {display: none}


.payment_paypal {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-paypal-light.svg);
    height: 15px;
}
.payment_visa {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-visa-light.svg);
    height: 15px;
}
.payment_amex {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-amex-light.svg);
    height: 15px;
}
.payment_mastercard {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-mastercard-light.svg);
    height: 15px;
}
.payment_sepa {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-sepa-light.svg);
    height: 15px;
}
.payment_applepay {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-apple-light.svg);
    height: 15px;
}
.payment_amazonpay {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-amazon-light.svg);
    height: 15px;
}
.payment_googlepay {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-google-light.svg);
    height: 15px;
}
.payment_lastschrift {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-lastschrift-light.svg);
    height: 19px !important;
}
.payment_kreditkarte {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-kreditkarte-light.svg); 
    height: 16px !important;;
}


.dark-mode .payment_paypal {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-paypal-dark.svg);
}
.dark-mode .payment_visa {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-visa-dark.svg);
}
.dark-mode .payment_amex {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-amex-dark.svg);
}
.dark-mode .payment_mastercard {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-mastercard-dark.svg);
}
.dark-mode .payment_sepa {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-sepa-dark.svg);
}
.dark-mode .payment_applepay {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-apple-dark.svg);
}
.dark-mode .payment_amazonpay {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-amazon-dark.svg);
}
.dark-mode .payment_googlepay { 
    content: url(https://dynamic.faz.net/red/icons/payment/payment-google-dark.svg);
}

.dark-mode .payment_lastschrift {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-lastschrift-dark.svg);
}
.dark-mode .payment_kreditkarte {
    content: url(https://dynamic.faz.net/red/icons/payment/payment-kreditkarte-dark.svg);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  white-space: nowrap;
}


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

    .wall__buttons-two-offers  {
        max-width: 23.125rem;
        flex-direction: column; 
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .wall__buttons-two-offers a  {
        width: 100%;
    }

    .wall__desktop {
        display: none;
    }
    
    .wall__mobile {
        display: block;
    }

    .wall__buttons-desktop {
        display: none;
    }
    .wall__buttons-mobile {
        display: flex;
    }

    .wall__stoerer-text {
        padding: 6px 6px 20px 6px;
        font-size: 0.875rem; 
    }
    .wall__stoerer {
        left: -9px;
    }

    .wall__stoerer.pro {
        top: -72px;
    }
    
}
@media (prefers-color-scheme: dark) {
    .wall__light {
        display: none;
    }
    .wall__dark {
        display: block;
    }

}

@media (hover: none) and (pointer: coarse) {

    .payment_applepay {display: block}
    .payment_googlepay {display: block}
}