/*
Theme Name: Finanzfuchs-Theme
Theme URI: https://www.finanzfuchs.de
Author: FARN digital brand design
Author URI: https://www.farn.de
Version: 1.1.2
Text Domain: finanzfuchs-theme
*/
html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "liga", "clig";
    -moz-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "lnum";
    -moz-font-feature-settings: "liga", "lnum";
    font-feature-settings: "liga", "lnum";
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100%;
    margin-top: 0 !important;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
}

/* Headings */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none !important;
}
h1 {
    hyphens: auto;
}

p + h2.wp-block-heading,
p + h3.wp-block-heading,
hr + h2.wp-block-heading,
hr + h3.wp-block-heading,
ul + h2.wp-block-heading,
ul + h3.wp-block-heading,
div + h2.wp-block-heading,
div + h3.wp-block-heading {
    margin-top: 128px;
}
.wp-block-group.alignfull.has-background + h2.wp-block-heading,
.wp-block-group.alignfull.has-background + h3.wp-block-heading {
    margin-top: 64px;
}
h2.wp-block-heading + p,
h2.wp-block-heading + ul,
h2.wp-block-heading + .wp-block-columns{
    margin-top: 24px;
    margin-block-start: 24px;
}

h1.wp-block-heading + p,
h1.wp-block-heading + ul,
h1.wp-block-heading + .wp-block-columns{
    margin-top: 12px;
    margin-block-start: 12px;
}

/* unordered lists */
ul.is-style-orange_checkmark_list,
ul.is-style-green_checkmark_list,
ul.is-style-crossmark_list {
    list-style: none;
    padding: 0;
}

h1 + ul.is-style-orange_checkmark_list,
h1 + ul.is-style-green_checkmark_list,
h1 + ul.is-style-crossmark_list {
    margin-top: 12px;
}

ul.is-style-orange_checkmark_list > li,
ul.is-style-green_checkmark_list > li,
ul.is-style-crossmark_list > li {
    padding-left: 2.5rem;
    margin-bottom: 8px;
    position: relative;
}

ul.is-style-orange_checkmark_list > li::before,
ul.is-style-green_checkmark_list > li::before,
ul.is-style-crossmark_list > li::before {
    content: "";
    position: absolute;
    top: 0.25rem;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1102_4175)'%3E%3Cpath d='M11.3332 3.0919L6.0663 6.53813C5.82375 6.6969 5.50909 6.6969 5.26654 6.53813L1.12535 3.82798C0.642794 3.51226 0 3.85504 0 4.42767V10.0475C0 10.2889 0.122368 10.5144 0.325585 10.6472L5.26654 13.8806C5.50909 14.0393 5.82375 14.0393 6.0663 13.8806L11.3332 10.4343L16.674 6.93973C16.8773 6.80659 16.9996 6.58143 16.9996 6.34004V0.720194C16.9996 0.147565 16.3565 -0.195218 15.8743 0.120503L11.3332 3.0919Z' fill='%23FF6038'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1102_4175'%3E%3Crect width='17' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

ul.is-style-green_checkmark_list > li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1102_4175)'%3E%3Cpath d='M11.3332 3.0919L6.0663 6.53813C5.82375 6.6969 5.50909 6.6969 5.26654 6.53813L1.12535 3.82798C0.642794 3.51226 0 3.85504 0 4.42767V10.0475C0 10.2889 0.122368 10.5144 0.325585 10.6472L5.26654 13.8806C5.50909 14.0393 5.82375 14.0393 6.0663 13.8806L11.3332 10.4343L16.674 6.93973C16.8773 6.80659 16.9996 6.58143 16.9996 6.34004V0.720194C16.9996 0.147565 16.3565 -0.195218 15.8743 0.120503L11.3332 3.0919Z' fill='%237BD43F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1102_4175'%3E%3Crect width='17' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

ul.is-style-crossmark_list > li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1572_4368)'%3E%3Cpath d='M16.11 0H11.04C10.89 0 10.74 0.07 10.65 0.19L8.66003 2.74C8.58003 2.84 8.42003 2.84 8.34003 2.74L6.36003 0.19C6.27003 0.07 6.12003 0 5.97003 0H0.890028C0.470028 0 0.240028 0.48 0.500028 0.81L5.24003 6.89C5.30003 6.96 5.30003 7.06 5.24003 7.14L0.520028 13.19C0.260028 13.52 0.500028 14 0.910028 14H5.98003C6.13003 14 6.28003 13.93 6.37003 13.81L8.34003 11.29C8.42003 11.19 8.58003 11.19 8.66003 11.29L10.63 13.81C10.72 13.93 10.87 14 11.02 14H16.09C16.51 14 16.74 13.52 16.48 13.19L11.76 7.13C11.7 7.06 11.7 6.96 11.76 6.88L16.51 0.81C16.77 0.48 16.53 0 16.12 0H16.11Z' fill='%23D4502F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1572_4368'%3E%3Crect width='16.22' height='14' fill='white' transform='translate(0.390137)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* replace emojis ✅ / ❌ / 🦊 */
.emoji_checkmark::before,
.emoji_crossmark::before,
.emoji_fox::before {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1102_4175)'%3E%3Cpath d='M11.3332 3.0919L6.0663 6.53813C5.82375 6.6969 5.50909 6.6969 5.26654 6.53813L1.12535 3.82798C0.642794 3.51226 0 3.85504 0 4.42767V10.0475C0 10.2889 0.122368 10.5144 0.325585 10.6472L5.26654 13.8806C5.50909 14.0393 5.82375 14.0393 6.0663 13.8806L11.3332 10.4343L16.674 6.93973C16.8773 6.80659 16.9996 6.58143 16.9996 6.34004V0.720194C16.9996 0.147565 16.3565 -0.195218 15.8743 0.120503L11.3332 3.0919Z' fill='%237BD43F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1102_4175'%3E%3Crect width='17' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.has-light-purple-background-color > .emoji_checkmark::before{
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1102_4175)'%3E%3Cpath d='M11.3332 3.0919L6.0663 6.53813C5.82375 6.6969 5.50909 6.6969 5.26654 6.53813L1.12535 3.82798C0.642794 3.51226 0 3.85504 0 4.42767V10.0475C0 10.2889 0.122368 10.5144 0.325585 10.6472L5.26654 13.8806C5.50909 14.0393 5.82375 14.0393 6.0663 13.8806L11.3332 10.4343L16.674 6.93973C16.8773 6.80659 16.9996 6.58143 16.9996 6.34004V0.720194C16.9996 0.147565 16.3565 -0.195218 15.8743 0.120503L11.3332 3.0919Z' fill='%238A7EF6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1102_4175'%3E%3Crect width='17' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}


.emoji_crossmark::before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1572_4368)'%3E%3Cpath d='M16.11 0H11.04C10.89 0 10.74 0.07 10.65 0.19L8.66003 2.74C8.58003 2.84 8.42003 2.84 8.34003 2.74L6.36003 0.19C6.27003 0.07 6.12003 0 5.97003 0H0.890028C0.470028 0 0.240028 0.48 0.500028 0.81L5.24003 6.89C5.30003 6.96 5.30003 7.06 5.24003 7.14L0.520028 13.19C0.260028 13.52 0.500028 14 0.910028 14H5.98003C6.13003 14 6.28003 13.93 6.37003 13.81L8.34003 11.29C8.42003 11.19 8.58003 11.19 8.66003 11.29L10.63 13.81C10.72 13.93 10.87 14 11.02 14H16.09C16.51 14 16.74 13.52 16.48 13.19L11.76 7.13C11.7 7.06 11.7 6.96 11.76 6.88L16.51 0.81C16.77 0.48 16.53 0 16.12 0H16.11Z' fill='%23D4502F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1572_4368'%3E%3Crect width='16.22' height='14' fill='white' transform='translate(0.390137)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.emoji_fox::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0004 5.70958L2.10743 0.496921C1.24041 -0.0758054 0.0854492 0.546057 0.0854492 1.58426V11.7301C0.0854492 12.1681 0.305241 12.5765 0.670328 12.8179L9.28183 18.5056C9.71772 18.7935 10.283 18.7935 10.7184 18.5056L19.3299 12.8179C19.695 12.5765 19.9148 12.1681 19.9148 11.7301V1.58426C19.9148 0.545529 18.7598 -0.0758054 17.8928 0.496393L9.99933 5.70958H10.0004Z' fill='%23FF6038'/%3E%3Cpath d='M5.43274 9.1216C4.74431 9.62723 4.39982 10.8049 5.10411 11.4363C5.53101 11.8325 6.34149 11.8695 6.78847 11.459C7.31048 11.0184 7.35645 10.2274 6.97551 9.67266C6.65639 9.16545 6.04404 8.68096 5.47289 9.0936L5.43274 9.1216Z' fill='black'/%3E%3Cpath d='M15.3371 11.1573C15.1987 11.1573 15.0597 11.1045 14.9541 10.9988C14.4437 10.4884 13.6137 10.4884 13.1038 10.9988C12.8925 11.2101 12.549 11.2101 12.3377 10.9988C12.1264 10.7875 12.1264 10.444 12.3377 10.2327C12.79 9.78044 13.3907 9.53159 14.0289 9.53159C14.6672 9.53159 15.2684 9.78044 15.7202 10.2327C15.9315 10.444 15.9315 10.7875 15.7202 10.9988C15.6145 11.1045 15.4755 11.1573 15.3371 11.1573Z' fill='black'/%3E%3C/svg%3E%0A");
}

/* buttons */
@keyframes arrow-pulse {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(3px);
    }
}

.wp-block-button .wp-block-button__link,
.comparetable > tbody > tr.permalink_row > td > a {
    display: flex;
    align-items: center;
    font-weight: 700;
}

.wp-block-button .wp-block-button__link:hover .comparetable > tbody > tr.permalink_row > td > a:hover {
    color: #000;
    background-color: var(--wp--preset--color--light-orange);
}

.wp-block-button .wp-block-button__link::after,
.comparetable > tbody > tr.permalink_row > td > a::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");
}

.wp-block-button .wp-block-button__link:hover::after,
.comparetable > tbody > tr.permalink_row > td > a:hover::after {
    animation: arrow-pulse 0.8s ease-in-out infinite;
}

/* images */
.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
    border-radius: 999px;
}

/* header */
header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    background-color: #fff;
    transition: box-shadow 0.3s;
    box-shadow: 2px 3px 7px 2px rgba(36, 36, 36, 0.10);
}

header.scrolled {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.logged-in header {
    top: var(--wp-admin--admin-bar--height);
}

.head-logo a {
    display: inline-block;
}

.head-logo img {
    margin: 5px 10px 5px 0;
    aspect-ratio: auto !important;
}

/* menu */
header .burgerbutton-menu > .wp-block-group:has(p[class*="menu_item_"]) {
    gap: 0.5rem 1.5rem;
    flex-wrap: wrap;
    padding: 0 5%;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    overflow: hidden;
}

header .burgerbutton-menu > .wp-block-group:has(p[class*="menu_item_"]) > p {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    cursor: pointer;
    min-height: 35px;
}

header .burgerbutton-menu > .wp-block-group:has(p[class*="menu_item_"]) > p.icon_dropdown:after,
header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > .wp-block-group > p.icon_dropdown::after,
header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul > li:has(>ul) > a::after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
    background-color: #000;
    width: 8px;
    height: 8px;
    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='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");
    transform: rotate(-90deg);
    transform-origin: center;
    transition: transform 0.3s ease;
}

header .burgerbutton-menu > .wp-block-group:has(p[class*="menu_item_"]) > p.active {
    color: var(--wp--preset--color--orange);
}

header .burgerbutton-menu > .wp-block-group:has(p[class*="menu_item_"]) > p.active::after {
    color: #000;
    transform: rotate(90deg);
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > .wp-block-group > p.icon_dropdown::after,
header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul > li:has(>ul) > a::after {
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > .wp-block-group > p.icon_dropdown.active::after,
header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul > li:has(>ul) > a.active::after {
    transform: rotate(180deg);
}

header .burgerbutton-menu p[class*="menu_item_"] > a {
    color: #000;
    text-decoration: none;
}

header .burgerbutton-menu p[class*="menu_item_"] > a:hover {
    color: var(--wp--preset--color--orange);
}

header .burgerbutton-menu > .submenu {
    display: block;
    position: fixed;
    width: 90%;
    height: 90vh;
    top: 5vh;
    right: -100%;
    box-shadow: 2px 3px 7px 2px rgba(36, 36, 36, 0.10);
    gap: 4rem;
    transition: right 0.5s ease;
}

header .burgerbutton-menu > .submenu.show_submenu {
    right: 5%;
}

header .burgerbutton-menu > .submenu > .wp-block-group > p.icon_arrow_back {
    cursor: pointer;
    display: inline-block;
}

header .burgerbutton-menu > .submenu > .wp-block-columns {
    max-height: calc(100% - 3rem);
    flex-basis: 100% !important;
    overflow-y: auto;
    padding-top: 2rem !important;
    justify-content: start;
    align-items: start;
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column {
    flex-grow: 0;
    flex-shrink: 0;
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > h4 {
    margin-bottom: 0.25rem;
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul {
    padding: 0;
    margin-right: 0;
    list-style: none;
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul > li {
    display: block;
    background-color: #fff;
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul > li > a,
header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > p > a {
    padding: 0.125rem 0.5rem;
    width: 100%;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: background-color 0.3s ease;
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul > li > a > .iconname {
    line-height: unset;
}

@media (hover: hover) and (pointer: fine) {

    header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul > li > a:hover,
    header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > p > a:hover {
        background-color: var(--wp--preset--color--lightest-orange);
    }

    header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > li > a:active,
    header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > p > a:active {
        background-color: var(--wp--preset--color--orange);
        transition: background-color 0.3s ease;
    }
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul > li > ul {
    padding: 0;
    list-style: none;
    display: none;
}

header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column > ul > li > ul > li > a {
    padding: 0.25rem 0.5rem;
    margin: 0 0 0 2rem;
    text-decoration: none;
    color: #888;
}

header .wp-block-search.wp-block-search__button-only .wp-block-search__button {
    background-color: transparent;
}

header .wp-block-search.wp-block-search__button-only .wp-block-search__button svg {
    fill: #000;
}

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

    /* HOVER DISABLE */
    .wp-block-navigation-submenu__toggle.visible svg {
        transform: rotate(180deg);
    }

    .wp-block-navigation-item.wp-block-navigation-submenu:hover > ul {
        display: none;
    }

    .wp-block-navigation-submenu__toggle.visible + ul {
        display: block;
    }
}

/* header hero banner on homepage */
@keyframes hero_woman {
    0% {
        transform: scale(0.5);
        opacity: 0.5;
    }

    80% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1.05);
        opacity: 1;
    }
}

@keyframes hero_phone {
    0% {
        transform: perspective(180px) rotateY(30deg) rotateZ(5deg) scale(86%) translateX(30%) translateY(100%);
        opacity: 0;
    }

    80% {
        transform: perspective(290px) rotateY(-14deg) rotateZ(4deg) scale(86%) translateX(-30%) translateY(-5);
    }

    100% {
        transform: perspective(270px) rotateY(-14deg) rotateZ(4deg) scale(86%) translateX(-30%) translateY(0);
        opacity: 1;
    }
}

@keyframes phone_loop {
    0% {
        transform: perspective(270px) rotateY(-14deg) rotateZ(4deg) scale(86%) translateX(-30%) translateY(0);
    }

    50% {
        transform: perspective(280px) rotateY(-15deg) rotateZ(4deg) scale(88%) translateX(-30%) translateY(0);
    }

    100% {
        transform: perspective(270px) rotateY(-14deg) rotateZ(4deg) scale(86%) translateX(-30%) translateY(0);
    }
}

.header_hero_banner {
    overflow: hidden;
}

.header_hero_banner::before {
    content: "";
    position: absolute;
    right: 30%;
    top: 50%;
    width: 1500px;
    height: 1500px;
    transform-origin: 100% 50%;
    transform: translateY(-53%) rotate(-16deg);
    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 795.1 897.4'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23f3f2fe; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M751,372.3L132.3,15.1C73.5-18.8,0,23.6,0,91.5v714.3c0,67.9,73.6,110.3,132.4,76.4l618.6-357.2c58.8-33.9,58.8-118.8,0-152.8Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right;
    z-index: 0;
    transition: all 0.3s ease;
}

.header_hero_banner > .wp-block-columns {
    position: relative;
    flex-direction: column !important;
    z-index: 2;
}

.header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(1) > h1 {
    font-size: 2.75rem !important;
}

.header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(1) > h2 {
    font-size: 1.75rem !important;
}

.header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns {
    flex-direction: row !important;
    gap: 1.5rem;
}

.header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column {
    flex-basis: unset !important;
}

.header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(1) {
    width: calc(55% - 0.75rem) !important;
}

.header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(2) {
    width: calc(45% - 0.75rem) !important;
    transform: scale(1.2);
    transform-origin: left;
}

.header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure {
    width: 160%;
    height: auto;
    margin-left: -43%;
    margin-top: -25%;
    transform-origin: bottom center;
    transform: scale(1.05);
    animation: hero_woman 0.5s ease;
}

.header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(2) > figure {
    height: 60%;
    width: auto;
    animation: hero_phone 0.6s ease, phone_loop 1.2s ease-in-out 0.6s infinite;
}

/* iphone image */
figure.iphone_image {
    width: 70%;
    height: auto;
    justify-self: center;
    filter: drop-shadow(4.793px 7.19px 12.782px rgba(0, 0, 0, 0.15));
    animation: phone_loop 1.2s ease-in-out infinite;
}

/* compare teaser */
.wp-block-query:has(.vergleich) .metafield.iconname {
    font-size: 3.5rem;
    color: var(--wp--preset--color--dark-purple);
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a {
    height: 100%;
    text-decoration: none;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a > .acf-innerblocks-container {
    height: 100%;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a > .acf-innerblocks-container > .wp-block-group {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a > .acf-innerblocks-container > .wp-block-group > * {
    z-index: 1;
    position: relative;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a > .acf-innerblocks-container > .wp-block-group::after {
    content: "";
    background-color: var(--wp--preset--color--light-purple);
    position: absolute;
    left: var(--after-left, 0);
    top: var(--after-top, 0);
    width: 140%;
    height: 140%;
    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 100 83'%3E%3Cpath fill='%23e5e4fc' d='M66.7,18.3h0s-31,20.4-31,20.4c-1.4.9-3.3.9-4.7,0L6.6,22.7c-2.8-1.9-6.6.2-6.6,3.6v33.3c0,1.4.7,2.8,1.9,3.6l29.1,19.2c1.4.9,3.3.9,4.7,0l31-20.4,31.4-20.7c1.2-.8,1.9-2.1,1.9-3.6V4.3c0-3.4-3.8-5.4-6.6-3.6l-26.7,17.6Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    transition: all 0.3s ease;
    z-index: 0;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group {
    background-color: var(--wp--preset--color--dark-purple) !important;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group::after {
    background-color: var(--wp--preset--color--mid-purple);
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group > .iconname,
.wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group > .wp-block-post-title,
.wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group > p {
    transition: all 0.3s ease;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group > .iconname,
.wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group > .wp-block-post-title,
.wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group > p {
    color: #fff !important;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a > .acf-innerblocks-container > .wp-block-group > .wp-block-post-title {
    hyphens: auto;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a > .acf-innerblocks-container > .wp-block-group > p {
    padding-top: 1rem;
    margin-top: auto;
    display: inline-block;
    font-size: 1rem !important;
    color: #000 !important;
    text-decoration: underline;
    font-weight: 700;
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a > .acf-innerblocks-container > .wp-block-group > p::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");
}

.wp-block-query:has(.vergleich) > ul > .vergleich > a:hover > .acf-innerblocks-container > .wp-block-group > p::after {
    animation: arrow-pulse 0.8s ease-in-out infinite;
}

.wp-block-query:has(.vergleich) > ul,
.wp-block-query:has(.rechner) > ul,
.wp-block-query:has(.wp-block-post) > ul {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

/* calculator teaser */
.wp-block-query:has(.rechner) > ul > .rechner {
    cursor: pointer;
}

.wp-block-query:has(.rechner) > ul > .rechner > a {
    display: block;
    height: 100%;
    text-decoration: none;
}

.wp-block-query:has(.rechner) > ul > .rechner > a > .acf-innerblocks-container {
    height: 100%;
}

.wp-block-query:has(.rechner) > ul > .rechner > a > .acf-innerblocks-container > .wp-block-group {
    height: 100%;
    justify-self: center;
}

.wp-block-query:has(.rechner) > ul > .rechner > a > .acf-innerblocks-container > .wp-block-group[class*="-background-color"] {
    width: 100%;
}

.wp-block-query:has(.rechner) > ul > .rechner > a > .acf-innerblocks-container > .wp-block-group > .wp-block-post-featured-image {
    max-width: 200px;
}

.wp-block-query:has(.rechner) > ul > .rechner > a > .acf-innerblocks-container > .wp-block-group > p {
    font-size: 1rem !important;
    color: #000;
    text-decoration: underline;
    font-weight: 700;
}

.wp-block-query:has(.rechner) > ul > .rechner > a > .acf-innerblocks-container > .wp-block-group > p::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");
}

.wp-block-query:has(.rechner) > ul > .rechner > a:hover > .acf-innerblocks-container > .wp-block-group > p::after {
    animation: arrow-pulse 0.8s ease-in-out infinite;
}

/* single provider */
.single-anbieter .wp-block-columns:has(.tabledata) .tabledata > .acf-innerblocks-container:has(>figure) {
    text-align: right;
}

.single-anbieter .wp-block-columns:has(.tabledata) .tabledata > .acf-innerblocks-container > figure {
    margin: 0 !important;
}

.single-anbieter .wp-block-columns:has(.tabledata) .tabledata > .acf-innerblocks-container > figure > img {
    width: 50px !important;
    height: 32px !important;
    object-fit: contain;
}

.single-anbieter .wp-block-columns:has(.tabledata) .tabledata > .acf-innerblocks-container > figure + p {
    margin-top: 0.5rem !important;
}

.single-anbieter h3.wp-block-heading + h4.wp-block-heading:has(+ .tabledata-tooltip-box + .tabledata) {
    margin-top: 1rem !important;
}

.single-anbieter h4.wp-block-heading:has(+ .tabledata-tooltip-box + .tabledata) {
    font-size: 1rem;
    font-weight: 700;
    background-color: var(--wp--preset--color--light-grey);
    padding: 1rem 2rem 1rem 0.5rem;
    margin: 0 !important;
}

/* our knowledge teaser */
.wp-block-query:has(.wp-block-post) .wp-block-post > .wp-block-group {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.wp-block-query:has(.wp-block-post) .wp-block-post > .wp-block-group .wp-block-post-featured-image {
    width: 100%;
    height: auto;
}

.wp-block-query:has(.wp-block-post) .wp-block-post > .wp-block-group .wp-block-post-featured-image img {
    height: auto;
    aspect-ratio: 16/9;
}

.wp-block-query:has(.wp-block-post) .taxonomy-category > a {
    color: var(--wp--preset--color--dark-purple) !important;
    text-decoration: none;
}

.wp-block-query:has(.wp-block-post) .wp-block-post-title,
.wp-block-query:has(.wp-block-post) .wp-block-post-excerpt__more-link {
    color: #000 !important;
}

.wp-block-query:has(.wp-block-post) .wp-block-post-excerpt__more-link::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");
}

.wp-block-query:has(.wp-block-post) .wp-block-post-excerpt__more-link:hover::after {
    animation: arrow-pulse 0.8s ease-in-out infinite;
}

.wp-block-query:has(.wp-block-post) .wp-block-post > .wp-block-group > .wp-block-post-excerpt > .wp-block-post-excerpt__excerpt {
    hyphens: auto;
    line-clamp: 4;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wp-block-query:has(.wp-block-post) .wp-block-post > .wp-block-group > .wp-block-post-excerpt {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wp-block-query:has(.wp-block-post) .wp-block-post > .wp-block-group > .taxonomy-category {
    font-size: var(--wp--preset--font-size--x-small);
    font-weight: 700;
}

.wp-block-query:has(.wp-block-post) .wp-block-post > .wp-block-group > .wp-block-post-excerpt > .wp-block-post-excerpt__more-text {
    margin-top: 1rem;
}

/* light blue boxes with icon and text */
.wp-block-columns > .wp-block-column > .wp-block-group.has-lightest-purple-background-color:has(>.iconname+h4+p) {
    height: 100%;
}

/* details elements */
details * {
    margin: 0 !important;
}

details h1:first-child,
details h2:first-child,
details h3:first-child,
details h4:first-child,
details h5:first-child,
details h6:first-child {
    margin-top: 0.75rem !important;
}

details h1,
details h2,
details h3,
details h4,
details h5,
details h6 {
    margin-top: 1.75rem !important;
    margin-bottom: 0.625rem !important;
}

.wp-block-acf-linked-detail-box a.wp-block-button__link {
    text-decoration: none !important;
}

details {
    background-color: #fff;
    margin: 0 !important;
    padding: 1rem 0;
    overflow: hidden;
    border-bottom: 1px solid var(--wp--preset--color--dark-purple);
}

details::details-content {
    block-size: 0;
    transition: block-size 0.6s ease,
        content-visibility 0.6s ease;
    transition-behavior: allow-discrete;
}

details[open]::details-content {
    block-size: auto;
    block-size: calc-size(auto, size);
}

details p {
    padding-top: 1rem;
}

details summary {
    list-style: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 700;
    padding-right: 1.5rem;
    position: relative;
    transition: color 0.3s ease;
}

details[open] summary {
    color: var(--wp--preset--color--dark-purple);
}

details summary::marker {
    content: "";
    content: none;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::after {
    content: "";
    position: absolute;
    right: 3px;
    top: calc(50% - 6px);
    background-color: #000;
    width: 12px;
    height: 12px;
    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='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");
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

details[open] summary::after {
    background-color: var(--wp--preset--color--dark-purple);
    transform: rotate(180deg);
}

/* widths */
.alignfull {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-top: 3rem;
}

.alignwide {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-cover.alignfull > .wp-block-cover__inner-container,
.wp-block-group.alignfull {
    width: 100%;
}

.entry-content > :not(.alignwide):not(.alignfull),
.wp-block-cover.alignfull > .wp-block-cover__inner-container > :not(.alignwide):not(.alignfull),
.wp-block-group.alignfull > :not(.alignwide):not(.alignfull) {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-template-part:has(header) + .breadcrumbs + .wp-block-group > .wp-block-cover > .wp-block-cover__inner-container > .wp-block-columns {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

.wp-block-column > .breadcrumbs {
    width: 100%;
}

/* .wp-singular>.wp-site-blocks.wp-block-cover.alignfull>.wp-block-cover__inner-container>.wp-block-columns  {
  width: 90%;
  max-width: 1250px;

} */
/* paddings and margins for alignfull blocks */
.wp-block-group.alignfull.has-background,
.wp-block-cover.alignfull {
    padding: 64px 0;
}

.alignfull + * {
    margin-top: 128px;
}
*[class*="is-style-header"].alignfull + *,
.header_hero_banner.alignfull + * {
    margin-top: 64px;
}


.alignfull + .alignfull,
.alignfull + footer {
    margin-top: 0 !important;
}

.entry-content > *:last-child:not(.alignfull),
.wp-block-template-part:has(header) + .wp-block-group > *:last-child:not(.alignfull) {
    margin-bottom: 128px;
}

.entry-content > *:first-child:not(.alignfull),
.wp-block-template-part:has(header) + .wp-block-group > *:first-child:not(.alignfull) {
    margin-top: 64px;
}

.wp-block-template-part:has(header) + .breadcrumbs + .wp-block-group {
    margin-top: 65px;
}

.entry-content + .wp-block-template-part:has(footer) {
    margin-top: 5rem;
}

.entry-content:has(>.wp-block-group.has-background.alignfull:last-child) + .wp-block-template-part:has(footer),
.entry-content:has(>.schema-faq:last-child) + .wp-block-template-part:has(footer),
.entry-content:has(>.wp-block-query.alignwide:last-child) + .wp-block-template-part:has(footer),
.entry-content:has(>.wp-block-group.alignwide:last-child) + .wp-block-template-part:has(footer),
.entry-content:has(>p:last-child) + .wp-block-template-part:has(footer) {
    margin-top: 0 !important;
}

.entry-content > .wp-block-group.has-background.alignfull:last-child {
    padding-bottom: 64px !important;
}

h2:has(+.wp-block-details) {
    margin-bottom: 3rem;
}



.comparetable-wrapper:has(+ .wp-block-group[class*="is-style-header"]) {
    margin-bottom: 0 !important;
}

/* .entry-content:has(>details:last-child ) + .wp-block-template-part:has(footer) {
  margin-top: 6rem !important;
} */
/* padding for background-color-boxes */
/*
.entry-content .wp-block-group.has-background:not(.alignfull), .wp-block-media-text.has-background .wp-block-media-text__content {
    padding:2em;
    box-sizing: border-box;
} */
/* cover-blocks */
.wp-block-cover.alignfull.has-custom-content-position {
    padding: 2rem !important;
}

/* entry content margin-top due to header */
.wp-site-blocks:has(header) .entry-content,
.wp-site-blocks .wp-block-template-part:has(header) + .wp-block-group {
    margin-top: 58px;
}
.single-post .wp-site-blocks:has(header) .wp-block-group + .entry-content {
    margin-top: 0 !important;
}


/* custom spacing based on new design */
p:has(>strong:only-child) + ul,
strong + ul,
p:has(>strong:only-child) + ol,
strong + ol{
    margin-top: 12px !important;
}

.wp-block-group.alignwide:has(+ .wp-block-group.alignwide) {
    margin-bottom: 128px !important;
}
.wp-block-columns:not(.alignfull) + .wp-block-columns:not(.alignfull) {
    margin-top: 24px !important;
}
.entry-content > .wp-block-group.has-background:not(.alignfull) {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

/* read more paragraph - cut content at 200 characters */
.read_more_text {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.read_more_text.read_more_text_full {
    display: block;
    max-width: none;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    text-overflow: clip;
}

.read_more_button {
    display: inline-block;
    appearance: none;
    padding: 0;
    color: var(--wp--preset--color--dark-purple);
    text-decoration: none;
    border: none;
    cursor: pointer;
    background-color: transparent;
    font-size: 1rem;
    text-align: left;
}

.slider .slide .wp-block-image + .wp-block-group + .read_more_text + .read_more_button {
    color: var(--wp--preset--color--purple) !important;
}

/* tool tips */
.compare-tooltip-box,
.tabledata-tooltip-box {
    position: fixed;
    max-width: 250px;
    background-color: #fff;
    color: #000;
    padding: 12px;
    border-radius: 10px;
    font-size: 0.75rem;
    z-index: 9999;
    pointer-events: none;
    white-space: normal;
    line-height: 1.4;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: opacity 0.15s ease;
}

.compare-tooltip-box p,
.tabledata-tooltip-box p {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin: 0 0 0.5em 0;
    padding: 0;
}

.compare-tooltip-box p:nth-of-type(1):before,
.tabledata-tooltip-box p:nth-of-type(1):before {
    content: "";
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0004 5.70955L2.10743 0.496891C1.24041 -0.0758359 0.0854492 0.546027 0.0854492 1.58423V11.73C0.0854492 12.168 0.305241 12.5765 0.670328 12.8179L9.28183 18.5056C9.71772 18.7935 10.283 18.7935 10.7184 18.5056L19.3299 12.8179C19.695 12.5765 19.9148 12.168 19.9148 11.73V1.58423C19.9148 0.545498 18.7598 -0.0758359 17.8928 0.496362L9.99933 5.70955H10.0004Z' fill='%23FF6038'/%3E%3Cpath d='M5.43274 9.12155C4.74431 9.62718 4.39982 10.8049 5.10411 11.4362C5.53101 11.8325 6.34149 11.8695 6.78847 11.459C7.31048 11.0183 7.35645 10.2274 6.97551 9.67262C6.65639 9.16541 6.04404 8.68091 5.47289 9.09355L5.43274 9.12155Z' fill='black'/%3E%3Cpath d='M15.3371 11.1573C15.1987 11.1573 15.0597 11.1044 14.9541 10.9988C14.4437 10.4884 13.6137 10.4884 13.1038 10.9988C12.8925 11.2101 12.549 11.2101 12.3377 10.9988C12.1264 10.7874 12.1264 10.444 12.3377 10.2327C12.79 9.78041 13.3907 9.53156 14.0289 9.53156C14.6672 9.53156 15.2684 9.78041 15.7202 10.2327C15.9315 10.444 15.9315 10.7874 15.7202 10.9988C15.6145 11.1044 15.4755 11.1573 15.3371 11.1573Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* slider */
.slider {
    position: relative;
}

.slider > .swiper-container > .swiper-wrapper {
    align-items: start;
}

.slider > .swiper-buttons {
    justify-content: space-between;
    position: relative;
    width: 100%;
    margin-top: 3rem;
}

.slider > .swiper-buttons > .swiper-button-prev,
.slider > .swiper-buttons > .swiper-button-next {
    width: 40px;
    height: 40px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 50%;
    mask-image: none;
    border-radius: 50%;
    filter: drop-shadow(2px 3px 7px rgba(36, 36, 36, 0.10));
}

.slider > .swiper-buttons > .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 795.1 897.4'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %238a7ef6; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='M44.1,525l618.7,357.2c58.8,33.9,132.3-8.5,132.3-76.4V91.5c0-67.9-73.6-110.3-132.4-76.4L44.1,372.3c-58.8,33.9-58.8,118.8,0,152.8v-.1Z'/%3E%3C/svg%3E");
    background-position: calc(50% - 2px) 50%;
}

.slider > .swiper-buttons > .swiper-button-next {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 795.1 897.4'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %238a7ef6; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='M751,372.3L132.3,15.1C73.5-18.8,0,23.6,0,91.5v714.3c0,67.9,73.6,110.3,132.4,76.4l618.6-357.2c58.8-33.9,58.8-118.8,0-152.8v.1Z'/%3E%3C/svg%3E");
    background-position: calc(50% + 2px) 50%;
}

.slider > .swiper-buttons > .swiper-button-prev:hover,
.slider > .swiper-buttons > .swiper-button-next:hover {
    transform: scale(1.05);
}

/* slider with progress arrows */
.slider > .swiper-container > .swiper-wrapper:has(>.slide>.wp-block-columns>.wp-block-column:nth-child(2)>figure) {
    align-items: stretch;
    position: relative;
}

.slider > .swiper-container > .swiper-wrapper:has(>.slide>.wp-block-columns>.wp-block-column:nth-child(2)>figure) .slide {
    height: auto;
}

.slider > .swiper-container > .swiper-wrapper:has(>.slide>.wp-block-columns>.wp-block-column:nth-child(2)>figure) .slide .wp-block-columns {
    height: 100%;
}

/* finanzfuchs score*/
p.finanzfuchs-score:not(:has(>a)),
p.finanzfuchs-score:has(>a) a {
    color: #000;
    font-weight: 700;
    display: inline-block;
    width: fit-content;
    margin: 0;
    padding: 0.25rem 1rem;
    border-radius: 0.25rem;
    background-color: var(--wp--preset--color--light-purple);
    display: flex;
    align-items: center;
    justify-self: center;
}

.provider-highlight-block p.finanzfuchs-score:not(:has(>a)),
.provider-highlight-block p.finanzfuchs-score:has(>a) a {
    background-color: #fff;
    white-space: nowrap;
}

.comparetable p.finanzfuchs-score:has(>a) a {
    background-color: var(--wp--preset--color--light-green);
    pointer-events: none;
}

p.finanzfuchs-score:not(:has(>a))::before,
p.finanzfuchs-score:has(>a) a::before {
    content: "";
    display: inline-block;
    width: 1.11em;
    height: 1.11em;
    margin-right: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0004 5.70958L2.10743 0.496921C1.24041 -0.0758054 0.0854492 0.546057 0.0854492 1.58426V11.7301C0.0854492 12.1681 0.305241 12.5765 0.670328 12.8179L9.28183 18.5056C9.71772 18.7935 10.283 18.7935 10.7184 18.5056L19.3299 12.8179C19.695 12.5765 19.9148 12.1681 19.9148 11.7301V1.58426C19.9148 0.545529 18.7598 -0.0758054 17.8928 0.496393L9.99933 5.70958H10.0004Z' fill='%23FF6038'/%3E%3Cpath d='M5.43274 9.1216C4.74431 9.62723 4.39982 10.8049 5.10411 11.4363C5.53101 11.8325 6.34149 11.8695 6.78847 11.459C7.31048 11.0184 7.35645 10.2274 6.97551 9.67266C6.65639 9.16545 6.04404 8.68096 5.47289 9.0936L5.43274 9.1216Z' fill='black'/%3E%3Cpath d='M15.3371 11.1573C15.1987 11.1573 15.0597 11.1045 14.9541 10.9988C14.4437 10.4884 13.6137 10.4884 13.1038 10.9988C12.8925 11.2101 12.549 11.2101 12.3377 10.9988C12.1264 10.7875 12.1264 10.444 12.3377 10.2327C12.79 9.78044 13.3907 9.53159 14.0289 9.53159C14.6672 9.53159 15.2684 9.78044 15.7202 10.2327C15.9315 10.444 15.9315 10.7875 15.7202 10.9988C15.6145 11.1045 15.4755 11.1573 15.3371 11.1573Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

p.finanzfuchs-score a {
    text-decoration: none;
}

p.finanzfuchs-score a:hover {
    color: #000;
}

.finanzfuchs_score_teaser .wp-block-heading::before {
    content: "5.0";
    padding: 0.25em 0.5em 0.25em 2em;
    margin-right: 0.5em;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0004 5.70958L2.10743 0.496921C1.24041 -0.0758054 0.0854492 0.546057 0.0854492 1.58426V11.7301C0.0854492 12.1681 0.305241 12.5765 0.670328 12.8179L9.28183 18.5056C9.71772 18.7935 10.283 18.7935 10.7184 18.5056L19.3299 12.8179C19.695 12.5765 19.9148 12.1681 19.9148 11.7301V1.58426C19.9148 0.545529 18.7598 -0.0758054 17.8928 0.496393L9.99933 5.70958H10.0004Z' fill='%23FF6038'/%3E%3Cpath d='M5.43274 9.1216C4.74431 9.62723 4.39982 10.8049 5.10411 11.4363C5.53101 11.8325 6.34149 11.8695 6.78847 11.459C7.31048 11.0184 7.35645 10.2274 6.97551 9.67266C6.65639 9.16545 6.04404 8.68096 5.47289 9.0936L5.43274 9.1216Z' fill='black'/%3E%3Cpath d='M15.3371 11.1573C15.1987 11.1573 15.0597 11.1045 14.9541 10.9988C14.4437 10.4884 13.6137 10.4884 13.1038 10.9988C12.8925 11.2101 12.549 11.2101 12.3377 10.9988C12.1264 10.7875 12.1264 10.444 12.3377 10.2327C12.79 9.78044 13.3907 9.53159 14.0289 9.53159C14.6672 9.53159 15.2684 9.78044 15.7202 10.2327C15.9315 10.444 15.9315 10.7875 15.7202 10.9988C15.6145 11.1045 15.4755 11.1573 15.3371 11.1573Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0.5em center;
    background-size: 1.25em;
    background-color: #fff;
    border-radius: 0.2em;
}

/* next arrow in columns */
.process > .wp-block-columns > .wp-block-column > figure {
    transform: rotate(90deg);
    transform-origin: center;
    transition: all 0.3s ease;
}

/* tables */
.wp-block-table thead {
    border-bottom: none;
}

.wp-block-table td,
.wp-block-table th {
    border: none !important;
    border-bottom: 1px solid var(--wp--preset--color--dark-purple) !important;
}

.wp-block-table thead tr th,
.wp-block-table thead tr td {
    text-align: left;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
    background-color: var(--wp--preset--color--lightest-purple) !important;
}

.wp-block-group.rating-row {
    display: inline-flex;
}



/* Footer */
footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul li {
    margin-bottom: 7px;
}

/* background-triangle in footer */
footer {
    overflow: hidden;
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
    margin-top: 0 !important;
    margin-block-start: 0 !important;
}

footer > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure {
    width: fit-content;
    position: relative;
}

footer > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure::before {
    content: "";
    position: absolute;
    right: -20%;
    top: 50%;
    width: 777px;
    height: 777px;
    transform-origin: 100% 50%;
    transform: translateY(-50%) rotate(24deg);
    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 795.1 897.4'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23f3f2fe; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M751,372.3L132.3,15.1C73.5-18.8,0,23.6,0,91.5v714.3c0,67.9,73.6,110.3,132.4,76.4l618.6-357.2c58.8-33.9,58.8-118.8,0-152.8Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right;
    z-index: 0;
    transition: all 0.3s ease;
}

footer > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure img {
    position: relative;
}

footer > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column {
    flex-basis: calc(50% - 1.5rem) !important;
}

footer > .wp-block-columns + p {
    padding: 0 5vw;
}
/* fix for random svg taking space in footer */
footer + svg {
    display: block;
}

.logged-in {
    padding-top: var(--wp-admin--admin-bar--height);
}

h2.metafield[data-metafield-name="post_title"] {
    font-size: 1.8rem !important;
}

/* Zahnzusatzversicherungs Vergleich Antragstrecke*/
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_26) .wp-block-column:nth-of-type(1),
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_28) .wp-block-column:nth-of-type(1),
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_32) .wp-block-column:nth-of-type(1) {
    padding: 36px 24px 24px 24px;
    border-radius: 12px 12px 0 0;
}

.wp-block-columns:has(> .wp-block-column > #gform_wrapper_26) .wp-block-column:nth-of-type(2),
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_28) .wp-block-column:nth-of-type(2),
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_32) .wp-block-column:nth-of-type(2) {
    padding: 36px 54px;
    border-radius: 0 0 12px 12px;
}

.wp-block-columns:has(> .wp-block-column > #gform_wrapper_26) .wp-block-column:nth-of-type(1) .ginput_container_radio > .gfield_radio,
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_28) .wp-block-column:nth-of-type(1) .ginput_container_radio > .gfield_radio,
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_32) .wp-block-column:nth-of-type(1) .ginput_container_radio > .gfield_radio {
    gap: 12px !important;
}

.wp-block-columns:has(> .wp-block-column > #gform_wrapper_26) .wp-block-column:nth-of-type(1) .gfield_label > .hint_description,
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_28) .wp-block-column:nth-of-type(1) .gfield_label > .hint_description,
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_32) .wp-block-column:nth-of-type(1) .gfield_label > .hint_description {
    margin: 0 12px;
}

.wp-block-columns:has(> .wp-block-column > #gform_wrapper_26) .wp-block-column:nth-of-type(1) .gform_button,
.gform-body .gform_next_button {
    padding: 12px 36px; 
    background-color: var(--wp--preset--color--orange);
    color: #fff;
    font-weight: 700;
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.464), 1.13rem);
    border-radius: 9999px;
    border: none;
    height: auto; 
    min-width: unset;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.wp-block-columns:has(> .wp-block-column > #gform_wrapper_26) .wp-block-column:nth-of-type(1) .gform_button:hover,
.gform-body .gform_next_button:hover {
    background-color: var(--wp--preset--color--light-orange);
}
.progress-bar {
    padding: 0 24px 32px;
    margin: 24px 0 30px !important;
    justify-self: center !important;
}
.progress-bar > .bar-container {
    align-items: center;
}
.progress-bar > .bar-container > .circle-container {
    margin-left: 0;
    margin-right: 0;
}
.progress-bar > .bar-container > .circle-container > .circle {
    width: 36px !important; 
    height: 36px !important;
    background-color: #e5e5e5;
    color: #333;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
.progress-bar > .bar-container > .circle-container.current > .circle {
    background-color: var(--wp--preset--color--purple) !important;
}
.progress-bar > .bar-container > .circle-container > .circle-text {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    word-break: normal !important;
    text-align: center !important;
    display: block !important;
    line-height: 1.2 !important;
    width: min-content;
}
.progress-bar > .bar-container > progress::-webkit-progress-bar {
    height: 2px !important;
    background-color: #e5e5e5;
}
.progress-bar > .bar-container > progress {
    margin: 0 !important;
}
.progress-bar > .bar-container > progress[value]::-webkit-progress-value, 
.progress-bar > .bar-container > progress::-webkit-progress-value {
    background: var(--wp--preset--color--purple) !important;
    accent-color: var(--wp--preset--color--purple) !important;
}
.custom-info-content-trigger {
    width: 15px;
    height: 15px;
}
/* override media queries of Zahnzusatzversicherung */
@media only screen and(max-width: 768px) {
    .gf-form-template .progress-bar .circle-text {
        display: block !important;
    }
}

/* Zahnzusatzversicherungs Vergleich result */
div[id*="detail-box-block"] {
    width: calc(100% - 30px) !important;
    max-width: 1200px;
}
div[id*="detail-box-block"] > .top-container > .filters > .filter {
    text-decoration: none;
}
div[id*="detail-box-block"] > .top-container > .filters > .filter::after {
    background-color: #000;
    mask-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 18 12'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath id='d' d='M7.83,6.35v-.35c-.01-1.23.06-2.46.22-3.69l.11-.54c.05-.27.13-.53.23-.78C8.7.39,9.31.01,9.99,0h.06c.46.07.92.21,1.34.41,2.04.98,3.93,2.26,5.59,3.79l.38.4c.1.11.19.22.28.33.23.31.35.68.35,1.06,0,.41-.13.81-.38,1.14l-.39.42h0l-.09.09c-1.73,1.65-3.72,3.01-5.89,4.02l-.24.09c-.31.12-.63.2-.95.24-.32,0-.63-.08-.91-.22-.36-.2-.64-.52-.81-.9-.11-.35-.19-.7-.26-1.06-.17-1.14-.25-2.3-.24-3.46ZM0,5.99c0-.83.67-1.51,1.5-1.52l3.7.33c.66.02,1.18.57,1.16,1.23-.02.63-.53,1.14-1.16,1.16l-3.7.33C.66,7.5,0,6.82,0,5.99Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.detail-box-dental .content-container {
    border: 1px solid #000;
}
.detail-box-dental.highlight .content-container {
    border: 1px solid var(--wp--preset--color--purple);
}
.detail-box-dental .main-content .cta-cashback {
    padding-top: 9px;
}
.detail-box-dental .main-content .cta-cashback .main-text b {
    font-size: 22px;
}
.detail-box-dental .main-content .cta-button {
    padding: 12px 36px; 
    background-color: var(--wp--preset--color--orange);
    color: #fff;
    font-weight: 700;
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.464), 1.13rem);
    border-radius: 9999px;
    border: none;
}
.detail-box-dental .main-content .cta-button:hover {
    background-color: var(--wp--preset--color--light-orange);
}
.detail-box-dental.highlight .content-container .more-details-dental .details-text::after {
    background-color: #000;
    mask-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 18 12'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath id='d' d='M7.83,6.35v-.35c-.01-1.23.06-2.46.22-3.69l.11-.54c.05-.27.13-.53.23-.78C8.7.39,9.31.01,9.99,0h.06c.46.07.92.21,1.34.41,2.04.98,3.93,2.26,5.59,3.79l.38.4c.1.11.19.22.28.33.23.31.35.68.35,1.06,0,.41-.13.81-.38,1.14l-.39.42h0l-.09.09c-1.73,1.65-3.72,3.01-5.89,4.02l-.24.09c-.31.12-.63.2-.95.24-.32,0-.63-.08-.91-.22-.36-.2-.64-.52-.81-.9-.11-.35-.19-.7-.26-1.06-.17-1.14-.25-2.3-.24-3.46ZM0,5.99c0-.83.67-1.51,1.5-1.52l3.7.33c.66.02,1.18.57,1.16,1.23-.02.63-.53,1.14-1.16,1.16l-3.7.33C.66,7.5,0,6.82,0,5.99Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Zahnzusatzversicherung Vergleich Antragstrecke */
.ginput_container input:not([type="checkbox"]) {
    font-size: 15px;
    padding: 0 17px !important;
    background: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    border-radius: 34px !important;
    height: 40px !important;
    line-height: 1 !important;
}
.ginput_container input[type="checkbox"] {
    transition: all 0.3s ease;
}
.ginput_container input[type="checkbox"]:checked {
    background-color: var(--wp--preset--color--purple) !important;
    border-color: var(--wp--preset--color--purple) !important;
}
.ginput_container input, 
.ginput_container select,
.ginput_container textarea {
    color: #000 !important;
}
.ginput_container input:read-write:focus, 
.ginput_container select:focus,
.ginput_container textarea:focus {
    outline: none !important;
    box-shadow: 0 0 0 1px var(--wp--preset--color--purple) inset !important;
    background-color: var(--wp--preset--color--lightest-purple) !important;
}
.entry-content > .wp-block-columns > .wp-block-column:nth-of-type(1) > .wp-block-group > .wp-block-group + p + .custom-info-content + p {
    display: none;
}

/* Image on "Zahnzusatzversicherung keine Ergebsnisse */
.wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns:has(> .wp-block-column:nth-of-type(2) > h2 + p + p +.wp-block-buttons) > .wp-block-column:nth-of-type(1) > figure {
    height: 100%;
}
.wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns:has(> .wp-block-column:nth-of-type(2) > h2 + p + p +.wp-block-buttons) > .wp-block-column:nth-of-type(1) > figure img {
    height: 100%;
    max-height: 200px;
    width: auto;
    object-fit: cover;
    border-radius: 1rem;
}

/* styling for tooltips */
.tippy-box {
    border-radius: 1rem;
    min-width: 200px;
}

.custom-info-content {
    display: none;
}

.tippy-content {
    background: var(--wp--preset--color--white);
    color: #000000;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.20);
    padding: 11px 13px;
    border-radius: 5px;
}

.tippy-content .custom-info-content {
    display: block;
    line-height: normal;
}

.tippy-content .custom-info-content > b, .tippy-content .custom-info-content li > b {
    font-size: 14px;
    font-weight: 700;
}

.tippy-content .custom-info-content .spacing {
    margin-bottom: 12px;
}
.tippy-content .custom-info-content span {
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-align: left;
}

.tippy-content .custom-info-content ul {
    margin: 0;
    font-size: 14px;
}

.tippy-content .custom-info-content ul li {
    margin-top: 0;
}

.tippy-arrow {
    color: var(--wp--preset--color--white);
    display: none;
}

.tippy-content p {
    margin: 0;
}

.tippy-content a {
    text-decoration: underline;
}

.custom-offer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.custom-offer .content {
    display: flex;
    padding: 8px 48px;
    border-radius: 22px;
    background: var(--wp--preset--color--purple);
    align-items: center;
    text-align: center;
    position: relative;
}

.custom-offer .content h4 {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    margin-right: 12px;
    margin-bottom: 0;
    line-height: 1;
}

.custom-offer .content > span {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}

.custom-offer .arrow-right {
    transform: rotate(-9deg);
    margin-right: 60px;
}

.custom-offer .arrow-left-mobile {
    display: none;
}

@media (max-width: 830px) {
    .custom-offer .arrow-right {
        display: none;
    }

    .custom-offer .arrow-left-mobile {
        display: block;
        position: absolute;
        left: -77px;
        top: 15px;
    }
}

/* media queries -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 500px) {
    .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(2) {
        transform: scale(1.1);
    }

    .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure {
        width: 140%;
        margin-left: -34%;
        margin-top: -25%;
    }

    .wp-block-query:has(.vergleich) > ul,
    .wp-block-query:has(.rechner) > ul,
    .wp-block-query:has(.wp-block-post) > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media only screen and (min-width: 600px) {
    .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(1) > h1 {
        font-size: 3rem !important;
    }

    .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(1) > h2 {
        font-size: 2rem !important;
    }

    .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(2) {
        transform: scale(1);
    }

    .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure {
        width: 110%;
        margin-left: -10%;
        margin-top: -15%;
    }

    /* iphone image */
    figure.iphone_image {
        width: 50%;
        height: auto;
    }
}

@media only screen and (min-width: 782px) {

    /* footer logo before element */
    footer > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure::before {
        transform: translateY(-50%) rotate(-16deg);
    }

    header .burgerbutton-menu > .submenu > .wp-block-columns {
        flex-wrap: wrap !important;
    }

    header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
    }

    .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(2) {
        transform: scale(1);
    }

    .header_hero_banner > .wp-block-columns > .wp-block-column:nth-of-type(2) > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure {
        width: 100%;
        margin-left: 0;
        margin-top: -10%;
    }

    .wp-block-query:has(.vergleich) > ul,
    .wp-block-query:has(.rechner) > ul.columns-4,
    .wp-block-query:has(.wp-block-post:not(.rechner)) > ul {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    /* iphone image */
    .wp-block-columns > .wp-block-column:nth-of-type(1):has(figure.iphone_image) {
        transform: translateX(20%);
    }

    figure.iphone_image {
        justify-self: unset;
        height: 100%;
        width: auto;
    }

    /* next arrow in columns */
    .process > .wp-block-columns > .wp-block-column > figure {
        transform: rotate(0deg);
    }
    /* Zahnzusatzversicherungs Vergleich */
    .wp-block-columns:has(> .wp-block-column > #gform_wrapper_26) .wp-block-column:nth-of-type(1),
    .wp-block-columns:has(> .wp-block-column > #gform_wrapper_28) .wp-block-column:nth-of-type(1),
    .wp-block-columns:has(> .wp-block-column > #gform_wrapper_32) .wp-block-column:nth-of-type(1) {
        border-radius: 12px 0 0 12px;
    }

    .wp-block-columns:has(> .wp-block-column > #gform_wrapper_26) .wp-block-column:nth-of-type(2),
    .wp-block-columns:has(> .wp-block-column > #gform_wrapper_28) .wp-block-column:nth-of-type(2),
    .wp-block-columns:has(> .wp-block-column > #gform_wrapper_32) .wp-block-column:nth-of-type(2) {
        border-radius: 0 12px 12px 0;
    }
}

@media only screen and (min-width: 869px) {
    .detail-box-dental .main-content .cta-cashback {
        padding-top: 20px;
    }
    .detail-box-dental .main-content .cta-cashback .main-text b {
        font-size: 37px;
    }
}

@media only screen and (min-width: 990px) {
    .header-inner {
        margin: 0 auto;
    }

    .head-logo img {
        margin: 11px 10px 12px 0;
        width: 180px !important;
    }

    /* main menu */
    .wp-block-navigation {
        flex-direction: row;
        width: auto;
    }

    .wp-block-navigation .wp-block-navigation-item {
        width: auto;
    }

    .wp-block-navigation ul > li > a {
        padding: 14px 15px;
        border: 0;
        font-weight: 400;
    }

    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) {
        flex-direction: row;
    }

    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child {
        flex-wrap: nowrap;
        justify-content: center;
        margin-right: 9px;
    }

    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > a {
        padding: 11px 2px 11px 15px;
        border: 0;
    }

    .wp-block-navigation ul.wp-block-navigation__submenu-container {
        left: -6px !important;
        right: auto !important;
        width: auto !important;
        -webkit-box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
        padding: 0;
        min-width: 260px !important;
        position: absolute !important;
    }

    .wp-block-navigation .wp-block-navigation__submenu-icon {
        position: relative;
        padding: 0;
    }

    .wp-block-navigation-submenu:hover > a {
        color: red !important;
    }

    .wp-block-navigation-submenu:hover > button > svg > path {
        color: red;
    }

    .wp-block-navigation ul.wp-block-navigation__submenu-container > li > a {
        padding: 17px 22px 18px;
        border-bottom: 1px solid #ddd;
        font-weight: 400;
    }

    .wp-block-navigation ul > li:last-child > a {
        border-bottom: none;
    }

    .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > .wp-block-navigation__submenu-icon svg path {
        stroke-width: 1;
    }

    .wp-block-navigation .wp-block-buttons {
        margin-left: 0;
        margin-bottom: 0;
    }

    /* cover-blocks */
    .wp-block-cover.alignfull.has-custom-content-position {
        padding: 8rem !important;
    }

    /* paddings and margins for alignfull blocks */
    .alignfull {
        margin-top: 64px;
    }

    .wp-block-group.alignfull.has-background,
    .wp-block-cover.alignfull {
        padding: 64px 0;
    }

    .alignfull + * {
        margin-top: 64px;
    }
    *[class*="is-style-header"].alignfull + *,
    .header_hero_banner.alignfull + * {
        margin-top: 64px;
    }

    .entry-content > *:last-child:not(.alignfull),
    .wp-block-template-part:has(header) + .wp-block-group > *:last-child:not(.alignfull) {
        margin-bottom: 128px;
    }

    .entry-content > *:first-child:not(.alignfull),
    .wp-block-template-part:has(header) + .wp-block-group > *:first-child:not(.alignfull) {
        margin-top: 128px;
    }
    .entry-content > .wp-block-group.alignfull:first-child { 
        padding-top: 10rem;
    }
    .wp-block-group.alignwide:has(+ .wp-block-group.alignwide) {
        margin-bottom: 128px !important;
    }
    .entry-content > .wp-block-group.has-background:not(.alignfull) {
        margin-top: 128px !important;
        margin-bottom: 128px !important;
    }

    /* menu & submenu */
    header .burgerbutton-menu > .submenu {
        display: none;
        position: absolute;
        width: 90%;
        max-width: 1250px;
        height: auto;
        max-height: 90vh;
        top: calc(100% + 10px);
        left: 50%;
        transform: translateX(-50%);
    }

    header .burgerbutton-menu > .submenu.show_submenu {
        display: block;
    }

    header .burgerbutton-menu > .wp-block-group:has(p[class*="menu_item_"]) {
        gap: 0.5rem 1.5rem;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        padding: 0;
        justify-content: end;
    }

    header .burgerbutton-menu > .submenu > .wp-block-group:has(>p.icon_arrow_back) {
        display: none;
    }

    header .burgerbutton-menu > .submenu > .wp-block-columns {
        justify-content: center;
        padding-top: 0 !important;
    }

    header .burgerbutton-menu > .submenu > .wp-block-columns > .wp-block-column {
        flex-basis: auto !important;
    }

    header .burgerbutton-menu > .submenu:not(:has(.wp-block-columns>.wp-block-column+.wp-block-column)) {
        width: max-content !important;
    }

    header .burgerbutton-menu > .submenu:not(:has(.wp-block-columns>.wp-block-column+.wp-block-column)) > .wp-block-columns {
        padding: 0 4rem !important;
    }

    header .burgerbutton-menu > .wp-block-group:has(p[class*="menu_item_"]) > p::after {
        transform: rotate(0deg) !important;
    }

    header .burgerbutton-menu > .wp-block-group:has(p[class*="menu_item_"]) > p.active::after {
        color: #000;
        transform: rotate(180deg) !important;
    }

    /* footer */
    footer > .wp-block-columns > .wp-block-column:nth-of-type(1) > figure img {
        width: 230px !important;
    }

    /* entry content margin-top due to header */
    .wp-site-blocks:has(header) .entry-content,
    .wp-site-blocks .wp-block-template-part:has(header) + .wp-block-group {
        margin-top: 65px;
    }

    /* header hero banner on homepage */
    .header_hero_banner > .wp-block-columns {
        flex-direction: row !important;
    }

    .header_hero_banner .wp-block-columns > .wp-block-column:nth-of-type(1) > h1 {
        font-size: var(--wp--preset--font-size--xx-large) !important;
    }

    .header_hero_banner .wp-block-columns > .wp-block-column:nth-of-type(1) > h2 {
        font-size: var(--wp--preset--font-size--large) !important;
    }

    .wp-block-query:has(.rechner) > ul.columns-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media only screen and (min-width: 1200px) {
    .slider > .swiper-buttons {
        justify-content: space-between;
        position: absolute;
        width: calc(100% + 180px);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
    }
}

/*
@media only screen and (max-width: 768px) {
    .wp-site-blocks:has(header) .entry-content {
        margin-top: 0;
    }
} */

/* special media query for content width plus 10vw */
@media only screen and (min-width: calc(1200px + 10vw)) {}