/*@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@500&display=swap');*/

/** {*/
/*    font-family: 'Zilla Slab', serif;*/
/*}*/

.background-1 {
    background: var(--primary-color);
    background: linear-gradient(to left, #E6007E, var(--primary-color));
    color: white;
}

.background-2 {
    color: var(--primary-color);
    background: rgba(255, 255, 255, 0.82);
}


.background-1 h1,
.background-1 h2 {
    color: white;
}

.mein-vorteil-text {
    /*color: rgba(0, 0, 0, 82);*/
}

.header-checkbox-icon {
    color: white;
}

.page-header-section-1 {
    color: white;
}

.action-button-md,
.action-button {
    border: 1px solid #d3cce3;
    color: #000000;
    background: #303030; /* fallback for old browsers */
    background: linear-gradient(to right, #d3cce3, #e9e4f0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    transition: all 150ms linear;

}

.action-button:hover, .action-button-md:hover {
    background-color: var(--primary-color);
    color: #000000;
    border: 1px solid #cbeceb;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);

}

.input-field .prefix.active {
    color: var(--primary-color);
}

.header-tip-container {
    color: black;
    background-color: rgba(255, 255, 255, 0.45);
}

.happiness-warranty {
    color: rgba(255, 255, 255, 0.92);
}

.header-tip-icon,
.header-checkbox-icon {
    font-size: 28px;
}

.header-tip-container {
    background-color: rgba(255, 255, 255, 0.65);
}