.calculator-container,
#etf-calculator-finanzfuchs .calculator-container {
    padding: 36px;
    border-radius: 20px;
    min-height: unset;
    background-color: var(--wp--preset--color--light-grey);
    margin-left: -15px;
    margin-right: -15px;
    width: auto !important;
}

.calculator-container * {
    /* font-family: "Open Sans", sans-serif !important; */
    font-family: var(--wp--preset--font-family--proxima-nova) !important;
}

.calculator-form_container {
    padding: 0;
}

/* HIER NOCH ALLE FLEXBOXEN CHECKEN */
.calculator-container .form {
    /* font-family: "Open Sans", sans-serif !important; */
    font-family: var(--wp--preset--font-family--proxima-nova) !important;
    gap: 22px 50px !important;
}

.calculator-container .calculator-form_container {
    background-color: var(--wp--preset--color--light-grey);
}

.calculator-container label {
    font-weight: 400 !important;
    font-size: 1rem !important;
    color: #000 !important;
}

.calculator-container .input-group .inp select,
.calculator-container .input-group .inp input,
.calculator-container .input-group select,
#etf-calculator-finanzfuchs .input-group input,
#etf-calculator-finanzfuchs .input-group select {
    font-family: "Open Sans", sans-serif !important;
    padding: 16px 32px !important;
    border-radius: 999px;
    color: #000;
    min-height: 53px;
    box-shadow: 2px 3px 7px 2px rgba(36, 36, 36, 0.10);
}

.calculator-container .input-group select {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M11.7,17.9l8-13.9c.8-1.3-.2-3-1.7-3H2C.5,1.1-.5,2.7.3,4l8,13.9c.8,1.3,2.7,1.3,3.4,0h0Z'/%3E%3C/svg%3E") !important;
    background-size: 12px !important;
}

.calculator-container .inp span {
    top: 50% !important;
    transform: translateY(-50%);
    font-size: 1rem;
}

.calculator-form_heading {
    /* font-family: "Proxima Nova", sans-serif !important; */
    font-family: var(--wp--preset--font-family--proxima-nova) !important;
    font-size: 2rem !important;
}

.calculator-container .tooltip-element {
    margin-top: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.calculator-container .form-button,
.results-container .form-button,
#etf-calculator-finanzfuchs .form-button {
    background-color: var(--wp--preset--color--purple) !important;
    font-size: var(--wp--preset--font-size--x-small);
    border-radius: 999px;
    padding: 12px 28px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    /* text-decoration: underline !important; */
    font-weight: 700;
    width: fit-content !important;
    height: fit-content !important;
    flex-basis: unset;
    margin: 0;
    transform: unset;
    /* margin-top: 40px; */
    margin-top: 1.5rem;
    min-width: auto !important;
}

.input-group:has(+ .form-button) {
    flex-basis: 100% !important;
}

.calculator-container .form-button::after,
.results-container .form-button::after,
#etf-calculator-finanzfuchs .form-button::after {
    content: "";
    display: inline-block;
    margin-left: 0.75em;
    background-color: currentColor;
    width: 0.9em;
    height: 0.9em;
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M18,8.3L4.1.3c-1.3-.8-3,.2-3,1.7v16c.1,1.5,1.7,2.5,3,1.7l13.9-8c1.3-.8,1.3-2.7,0-3.4h0Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
}

.calculator-container .form-button:hover::after,
.results-container .form-button:hover::after,
#etf-calculator-finanzfuchs .form-button:hover::after {
    animation: arrow-pulse 0.8s ease-in-out infinite;
}

.results-container * {
    color: #000 !important;
    font-family: var(--wp--preset--font-family--proxima-nova) !important;
}

.results-container {
    background-color: var(--wp--preset--color--light-grey) !important;
    gap: 22px 50px;
    margin-left: -15px;
    margin-right: -15px;
    width: auto !important;
}

.results-container_elm {
    gap: 22px;
}

.results-container_elm:has(>.results-container_elm) {
    gap: 22px 50px;
}

.results-container .purple-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 897.4 897.4'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %238a7ef6; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='M872.4,405.5l.1.1-349.2-201.6c-33.2-19.1-74.7,4.8-74.7,43.1v143.3H62.8c-34.68,0-62.8,28.09-62.8,62.75s28.12,62.75,62.8,62.75h385.8v134.3c0,38.3,41.5,62.2,74.7,43.1l349.1-201.6c33.2-19.1,33.2-67,0-86.2Z'/%3E%3C/svg%3E");
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center;
}

.results-container .black-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 897.4 897.4'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23000000; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='M872.4,405.5l.1.1-349.2-201.6c-33.2-19.1-74.7,4.8-74.7,43.1v143.3H62.8c-34.68,0-62.8,28.09-62.8,62.75s28.12,62.75,62.8,62.75h385.8v134.3c0,38.3,41.5,62.2,74.7,43.1l349.1-201.6c33.2-19.1,33.2-67,0-86.2Z'/%3E%3C/svg%3E");
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center;
}

.results-container .tagesgeldrechner-heading {
    width: 100%;
}

.results-container .calculator-form_heading {
    margin: 0 !important;
}

.results-container .tagesgeldrechner-heading a.image-container {
    flex: unset;
    padding: 0 20px 0 0;
}

.results-container .tagesgeldrechner-heading a.image-container div {
    background: none !important;
    padding: 0 !important;
    width: 100px;
    height: 70px;
    border-radius: 0;
}

.results-container .tagesgeldrechner-heading a.image-container div img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto 0;
}

.results-container .tagesgeldrechner-heading a.details-container {
    flex: unset;
    padding: 0 20px;
    gap: 32px;
}

.results-container .form-button {
    color: #fff !important;
    margin-top: 0;
}

.results-container .form-button a {
    color: #fff !important;
}

#tagesgeldrechner_calculator .results-container .link-container {
    padding-right: 0;
    padding-left: 20px;
    flex: unset;
}

#tagesgeldrechner_calculator .results-container .link-container div {
    justify-content: start !important;
}

@media only screen and (max-width: 795px) {
    .results-container .black-icon {
        font-size: 20px;
        height: 45px;
        width: 45px;
    }
}