h1 {
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
}

h2 {
    font-family: 'ET-Headline', serif;
    font-size: 1.5rem!important;
    font-weight: 500 !important;
}

h3 {
    font-family: 'ET-Sans', sans-serif;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

h4 {
    font-family: 'ET-Sans', sans-serif;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
}

p {
    font-family: 'ET-Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
}

img {
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none !important;
}

input {
    box-shadow: 0 1px 3px 0 #e6ebf1;
}

footer {
    background-color: #185081;
    color: #bfbfbf;
}

footer a:hover {
    text-decoration: underline;
}

.btn.disabled {
    opacity: 1;
}

.form-group {
    margin-bottom: 1rem;
}

#logo-header {
  height:auto;
  position:static;
  z-index:0;
  background-color:#fff;
}

#logo-header img {
 width:512px;
 max-width:100%;
 height:auto;
}

.logo img{
    margin-top: 20px !important;
    width: 171.91px;
    max-width: 100%;
    height: auto;
    max-height: 30.59px!important;
}

@media (min-width: 768px) {
    .logo img{
        width: 171.91px;
        margin-top: 1rem !important;
    }
}

.bg-et-dark {
    background-color: #185081 !important;
}

.bg-et-light {
    background-color: #F0F4FC !important;
}

.text-small {
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.25;
}

/* Payment */
button.accordion-button .circle{
    height: 1.3rem;
    width: 1.3rem;
    background-color: #ff7a19;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid black;
    padding: 0;
}

.accordion-white .accordion-button::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

button.accordion-button.collapsed .circle{
    background-color: white;
}

#accordion_et .accordion-item, .et-card {
    border-color: rgba(0, 75, 251, 0.47);
}

@media (min-width: 370px) and (max-width: 767px) {
    .row-cols-xxs-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
}

.btn-et-payment {
    font-size: 1.125rem;
    background-color: #FF8800;
    border: none;
    border-radius: 7px;
    color: #FFF;
    width: 100%;
    font-weight: 500;
}

.btn-et-payment:hover {
    color: #185081;
}

.logo {
    width: 100%;
}

.top-wrapper {
    margin-bottom: -0.5rem;
}

.top-wrapper .container {
    flex-wrap: wrap;
}

.top-wrapper h2 {
    text-align: center;
}

.vorteile {
    background-color: #F6F1EB;
    padding: 2rem 2.4rem;
}

.vorteile ul {
    list-style: none;
    padding-left: unset;
}

.vorteile li {
    line-height: 1.6;
    background-image: url("data:image/svg+xml,%3Csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M13.8334%204L6.50008%2011.3333L3.16675%208'%20stroke='%231E1E1E'%20stroke-width='1.33333'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position-y: 0.25rem;
    background-repeat: no-repeat;
    background-size: 1.125rem;
    padding-left: 1.5rem;
}

.crossed-red-simple {
    text-decoration: line-through !important;
    text-decoration-color: red !important;
    font-weight: normal!important;
    opacity: .7;
}

@media (min-width: 768px) {
    .top-wrapper {
        background-color: #F0F4FC;
    }

}

@media (min-width: 992px) {
    h4 {
        font-family: 'ET-Sans', sans-serif;
        font-size: 1rem !important;
        line-height: 1.4 !important;
        font-weight: normal !important;
    }

    .top-wrapper .container {
        background: url("https://secure-checkout.epochtimes.de/images/checkout/Alex.png") bottom right no-repeat;
        height: 350px;
        background-size: 360px;
        background-position-x: calc(100% - 1rem);
    }

    .top-wrapper h2 {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .top-wrapper .container {
        background-size: 370px;
    }
}

.StripeElement {
    height: 40px;
    padding: 10px 12px;

    color: #32325d;
    background-color: white;
    border-radius: 4px;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.inputWithoutLabel {
    padding-top: 1rem !important;
}

#checkout_form_container hr {
    color: #CED4DA;
    opacity: 1;
    margin: 1rem 0;
}

#payment-tab .nav-link {
    color: black;
    background-color: #F0F4FC !important;
}

#payment-tab .nav-link.active {
    color: white !important;
    background-color: #185081 !important;
}