.background-1 {
    background: var(--primary-color);
    background: linear-gradient(to left, #03a9f4, 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 #6de0dc;
    color: #fefefe;
    background: #303030; /* fallback for old browsers */
    background: linear-gradient(to right, #141e30, #243b55); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.action-button:hover, .action-button-md:hover {
    background-color: var(--primary-color);
    color: #FFFFFF;
    border: 1px solid #cbeceb;
}

.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);
}