header.wp-block-template-part {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    pointer-events: auto;
    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
    max-width: 100vw;
    max-width: 100dvw;
}

header.wp-block-template-part.header-hidden {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

header > div > div {
    background-color: var(--color--secondary-2);
}

header > div {
    padding: 1rem 2rem;
}

.ubermenu-responsive-toggle .fas.fa-bars::before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 8V7H20V8H3ZM20 12V13H3V12H20ZM3 17H20V18H3V17Z" fill="black"/></svg>');
    /* right: -1rem; */
    position: relative;
}

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-open .fas.fa-bars::before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.39941 18.308L5.69141 17.6L11.2914 12L5.69141 6.4L6.39941 5.692L11.9994 11.292L17.5994 5.692L18.3074 6.4L12.7074 12L18.3074 17.6L17.5994 18.308L11.9994 12.708L6.39941 18.308Z" fill="black"/></svg>');
}

header nav.ubermenu .ubermenu-target-text {
    font-family: var(--font-family--primary);
    font-size: clamp(0.88rem, 0.75vw + 0.33rem, 1.125rem);
    font-style: normal;
    font-weight: 450;
    line-height: 125%; /* 22.5px */
    letter-spacing: 0.72px;
}

header nav.ubermenu .ubermenu-nav > li {
    padding: 1rem 0rem;
}

header nav.ubermenu .ubermenu-target {
    padding: 0rem;
}

header nav.ubermenu .ubermenu-nav {
    display: flex;
    align-items: center;
    gap: 2rem;
}
/* dynamische unterstreichung */
/* header nav.ubermenu .ubermenu-nav > li > a > span::after,
header nav.ubermenu .ubermenu-nav > li > span > span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 3px;
    background-color: var(--color--primary-1);
    transition: width 0.3s ease;
} */

li.ubermenu-current-menu-ancestor:not(.ubermenu-current-menu-parent) > span > span::after,
li.ubermenu-active > span > span::after,
li.ubermenu-current-menu-ancestor:not(.ubermenu-current-menu-parent) > a > span::after,
li.ubermenu-active > a > span::after{
     content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 3px;
    background-color: var(--color--primary-1);
    transition: width 0.3s ease;
}

.ubermenu-current-menu-ancestor > span > span::after,
header nav.ubermenu .ubermenu-nav > li.ubermenu-active > span > span::after,
header nav.ubermenu .ubermenu-nav > li:hover > a > span::after,
header nav.ubermenu .ubermenu-nav > li:hover > span > span::after {
    width: 100% !important;
}

/* die ersten fünf elemente linksbündig */
header nav.ubermenu .ubermenu-nav > li:nth-child(-n + 3) > a > span,
header nav.ubermenu .ubermenu-nav > li > span > span {
    font-weight: 500 !important;
}

/* die letzten drewi elemente rechtsbündig */
header nav.ubermenu .ubermenu-nav > li:nth-last-child(-n + 3) > a > span::before {
    position: relative;
    top: 2px;
}

header nav.ubermenu .ubermenu-nav > li:nth-last-child(4) {
    margin-left: auto;
}

header nav.ubermenu .ubermenu-nav > li:nth-last-child(1) > a > span::before {
    content: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67406 18C4.41507 18 4.14528 17.9029 3.96183 17.7194L0.875499 14.5899C0.443844 14.1799 0.443844 13.554 0.875499 13.1331L2.01938 12C2.26759 11.741 2.63449 11.6547 2.95823 11.741L5.64528 9.46403C6.30356 8.89209 7.3719 8.49281 8.25679 8.89209C10.1021 9.73381 10.1237 9.73381 11.6777 9.72302C12.6057 9.71223 13.8036 9.57194 14.3 10.3489C15.3251 9.46403 15.6813 8.43885 16.1021 7.97482C17.2568 6.61511 19.5338 7.35971 18.8863 8.84892C17.8287 11.2878 15.7136 14.2122 12.8431 15.2698C11.71 15.6906 9.08773 15.3993 7.3719 15.259C7.21003 15.2482 7.00499 15.4748 6.82154 15.6799C6.86471 15.9712 6.76758 16.3381 6.55176 16.5647L5.39708 17.7194C5.20284 17.9029 4.94384 18 4.67406 18ZM7.53377 2.48201C7.53377 1.1223 8.65607 0 10.0158 0C11.0194 0 11.6129 0.420863 12.0661 1.10072C12.4978 0.47482 13.0913 0 14.1165 0C15.5086 0 16.5985 1.08993 16.5985 2.48201C16.5985 4.71583 14.451 6.86331 12.3791 8.93525C12.2064 9.10791 11.9366 9.10791 11.764 8.93525C9.68125 6.86331 7.53377 4.71583 7.53377 2.48201ZM10.0158 0.863309C9.13089 0.863309 8.39708 1.59712 8.39708 2.48201C8.39708 4.26259 10.2208 6.17266 12.0661 8.02878C13.9223 6.16187 15.7352 4.26259 15.7352 2.48201C15.7352 1.57554 15.023 0.863309 14.1165 0.863309C13.3503 0.863309 12.9295 1.19784 12.4546 2.16906C12.3036 2.49281 11.8395 2.49281 11.6777 2.16906C11.2028 1.17626 10.8143 0.863309 10.0158 0.863309ZM6.33593 14.9137C6.97262 14.2554 7.31794 14.3849 8.21363 14.4604C9.60571 14.5791 11.71 14.7518 12.5302 14.4496C16.0266 13.1547 17.8719 8.97842 18.0769 8.5036C18.0985 8.41727 18.1956 8.32014 18.023 8.21223C17.7532 8.05036 17.1057 8.08273 16.7604 8.51439C16.6309 8.67626 16.5014 8.89209 16.3503 9.1295C15.9618 9.76619 15.4762 10.554 14.5158 11.277C14.4402 12.3561 13.4798 12.518 12.7244 12.518L9.91866 12.5612C9.34672 12.5612 9.34672 11.7086 9.90787 11.6978L12.7244 11.6547C13.6417 11.6547 13.6525 11.3849 13.6525 11.1583C13.6417 10.6187 13.3827 10.5755 12.4654 10.5755C10.1777 10.5755 10.2748 10.759 7.90068 9.67986C7.19924 9.35612 6.20643 10.0468 6.20643 10.1223L3.68125 12.259L6.33593 14.9137ZM2.72082 12.5719C2.68845 12.5719 2.64528 12.5827 2.6237 12.6043L1.44744 13.7806C1.35032 13.8669 1.46902 13.9748 1.47982 13.9748L4.56615 17.1043C4.6201 17.1583 4.73881 17.1583 4.78197 17.1043L5.92586 15.9712C5.97982 15.8957 5.99061 15.7878 5.93665 15.7446L2.80715 12.6151C2.78557 12.5827 2.7532 12.5719 2.72082 12.5719Z" fill="%231E1E1E"/></svg>');
    margin-right: 0.5rem;
}

header nav.ubermenu .ubermenu-nav > li:nth-last-child(3) > a > span::before {
    content: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.8023 11.0867L5.79865 11.0869C5.48121 11.088 5.22345 11.3464 5.22345 11.6641C5.22345 11.9824 5.48245 12.2414 5.80079 12.2414H15.3633C15.627 12.2414 15.8407 12.4551 15.8407 12.7188C15.8407 12.9824 15.627 13.1961 15.3633 13.1961H5.80079C4.95609 13.1961 4.26876 12.5088 4.26876 11.6641C4.26876 11.0356 4.64939 10.4944 5.1923 10.2584L5.23013 10.2419L5.22118 10.2016L3.31725 1.63368L3.30855 1.59452H3.26844H0.527345C0.263683 1.59452 0.05 1.38083 0.05 1.11717C0.05 0.853512 0.263683 0.639828 0.527345 0.639828H3.69141C3.91516 0.639828 4.10885 0.79521 4.15745 1.01364L4.53442 2.71005L4.54312 2.74921H4.58323H17.4727C17.6224 2.74921 17.7635 2.81955 17.8538 2.93914C17.9439 3.05873 17.9728 3.21362 17.9316 3.3577L15.8223 10.7405C15.7637 10.9454 15.5764 11.0867 15.3633 11.0867H5.8023ZM5.79681 11.087L5.7963 11.087L5.79681 11.087ZM16.8216 3.76763L16.8398 3.7039H16.7735H4.81751H4.75518L4.7687 3.76474L6.17496 10.0929L6.18366 10.132H6.22376H14.9655H15.0032L15.0135 10.0958L16.8216 3.76763Z" fill="%231E1E1E" stroke="white" stroke-width="0.1"/><path d="M6.85547 16.3601C6.01077 16.3601 5.32344 15.6728 5.32344 14.8281C5.32344 13.9834 6.01077 13.2961 6.85547 13.2961C7.70017 13.2961 8.38751 13.9834 8.38751 14.8281C8.38751 15.6728 7.70017 16.3601 6.85547 16.3601ZM7.43282 14.8281C7.43282 14.5098 7.17381 14.2508 6.85547 14.2508C6.53713 14.2508 6.27813 14.5098 6.27813 14.8281C6.27813 15.1465 6.53713 15.4055 6.85547 15.4055C7.17381 15.4055 7.43282 15.1465 7.43282 14.8281Z" fill="%231E1E1E" stroke="white" stroke-width="0.1"/><path d="M14.3086 16.3601C13.4639 16.3601 12.7766 15.6728 12.7766 14.8281C12.7766 13.9834 13.4639 13.2961 14.3086 13.2961C15.1533 13.2961 15.8406 13.9834 15.8406 14.8281C15.8406 15.6728 15.1533 16.3601 14.3086 16.3601ZM14.8859 14.8281C14.8859 14.5098 14.6269 14.2508 14.3086 14.2508C13.9903 14.2508 13.7313 14.5098 13.7313 14.8281C13.7313 15.1465 13.9903 15.4055 14.3086 15.4055C14.6269 15.4055 14.8859 15.1465 14.8859 14.8281Z" fill="%231E1E1E" stroke="white" stroke-width="0.1"/></svg>');
    margin-right: 0.5rem;
}

header nav.ubermenu .ubermenu-nav > li:nth-last-child(2) > a > span::before {
    content: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.1178 4.06419H16.7029L10.9207 8.60486C10.7982 8.70099 10.6524 8.74793 10.5201 8.76079C10.387 8.7477 10.2408 8.70076 10.1169 8.60486L5.98466 5.35878C5.94089 5.32358 5.89147 5.29673 5.83708 5.28003C6.0316 5.00563 6.14262 4.67369 6.13676 4.31602C6.13563 4.23411 6.12841 4.14971 6.1178 4.06419ZM3.42594 1.14396C3.43925 1.14622 3.46114 1.15457 3.50875 1.17668C3.60285 1.22136 3.75246 1.33645 3.89891 1.49689C4.19385 1.81822 4.48856 2.30497 4.64155 2.6263C4.64629 2.63578 4.65125 2.64616 4.65577 2.65676C5.08993 3.40166 5.27723 3.97144 5.28287 4.32888C5.28896 4.6879 5.19261 4.84248 4.88819 5.01736L4.10291 5.47003C3.59134 5.76451 3.34966 6.29233 3.28964 6.78471C3.22939 7.27732 3.31807 7.75594 3.53719 8.13436L5.47558 11.4752C5.69514 11.8534 6.06996 12.1698 6.52827 12.3641C6.98703 12.5588 7.5672 12.6139 8.07876 12.3201L8.86405 11.8683C9.16823 11.6939 9.35214 11.6903 9.66107 11.874C9.97089 12.0581 10.3732 12.5029 10.8056 13.2482C10.8117 13.2593 10.8176 13.2685 10.8246 13.2791C11.0272 13.5713 11.3032 14.0671 11.4363 14.4823C11.5024 14.6886 11.5284 14.875 11.52 14.9781C11.5108 15.0817 11.5085 15.0711 11.4812 15.0873L10.8837 15.4299C9.38261 16.0809 8.00677 15.934 6.77717 15.2963C5.54531 14.6559 4.47457 13.4994 3.72809 12.1416C3.72561 12.1389 3.72448 12.1355 3.72245 12.1337L2.08734 9.31568C2.08463 9.31297 2.0835 9.31049 2.08125 9.30688C1.27227 7.98453 0.800868 6.48323 0.85999 5.10198C0.919112 3.72277 1.47874 2.46541 2.79703 1.49802L3.3948 1.1566C3.40856 1.1487 3.41307 1.14261 3.42594 1.14396ZM3.43203 0.30429C3.27384 0.301808 3.1125 0.334979 2.9674 0.419149L2.33534 0.782683C2.32112 0.790807 2.30803 0.799156 2.29517 0.80728C0.774466 1.92022 0.074252 3.46958 0.0058779 5.06656C-0.0624962 6.66285 0.470506 8.31038 1.35102 9.75075L2.98072 12.559L2.97688 12.5507C3.79037 14.029 4.95612 15.3114 6.38069 16.0502C7.80594 16.7901 9.50378 16.9616 11.2332 16.2075C11.2474 16.2014 11.2619 16.1946 11.2747 16.1867L11.9077 15.8232C12.2004 15.6566 12.3475 15.3326 12.3714 15.0496C12.396 14.7676 12.3385 14.4929 12.2512 14.2224C12.0801 13.6873 11.7818 13.1676 11.5354 12.8111C11.0698 12.0103 10.6203 11.4545 10.1009 11.1437C9.57735 10.8316 8.94889 10.8362 8.4362 11.1309L7.65091 11.5835C7.41894 11.7171 7.1477 11.7016 6.86224 11.5808C6.57814 11.4601 6.31502 11.2186 6.21731 11.0494L4.27892 7.70878C4.18098 7.53863 4.10088 7.19157 4.13879 6.88558C4.17534 6.58049 4.29923 6.34152 4.53143 6.2077L5.29438 5.76903C5.31423 5.87125 5.372 5.96399 5.45572 6.02628L9.58818 9.27303C9.85694 9.48425 10.1753 9.60181 10.496 9.62032C10.5122 9.62122 10.5289 9.62122 10.5454 9.62032C10.8663 9.60181 11.1831 9.48402 11.4521 9.27303L17.1436 4.80186V12.1885C17.1436 12.3009 17.0155 12.4489 16.7641 12.4489H12.8239C12.5867 12.4476 12.3947 12.6389 12.3947 12.8747C12.3947 13.1101 12.5869 13.3015 12.8239 13.3001H16.7641C17.4081 13.3001 18 12.8346 18 12.1885V4.3246C18 3.67809 17.4081 3.21278 16.7641 3.21278H5.88334C5.76284 2.91153 5.60375 2.59223 5.40337 2.24517C5.21585 1.85478 4.91166 1.3387 4.53098 0.923719C4.33872 0.713406 4.13134 0.527014 3.87206 0.406513V0.407641C3.74321 0.346714 3.58999 0.307675 3.43203 0.30429Z" fill="%231E1E1E"/></svg>');
    margin-right: 0.5rem;
}

header nav.ubermenu .ubermenu-nav > li:nth-last-child(4) > a > span::before {
    content: url('data:image/svg+xml,<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2299 8.61583V15.3899H1.21837V8.61583M9.22412 11.695V9.23166M11.6874 3.07339C11.6874 3.07339 11.6874 0.610077 9.22412 0.610077C6.76081 0.610077 6.76081 3.07339 6.76081 3.07339M0.602539 3.07339H17.8457V8C17.8457 8 14.1507 10.4633 9.22412 10.4633C4.2975 10.4633 0.602539 8 0.602539 8V3.07339Z" stroke="black" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    margin-right: 0.5rem;
}


header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li .ubermenu-submenu-type-stack {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
}

header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li span.ubermenu-target-title {
    display: inline-block; /* Ändert das Standard-Display-Verhalten */
    width: fit-content; /* Passt die Breite an den Inhalt an */
    max-width: 100%; /* Behalte deine bestehende Beschränkung */
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    hyphenate-limit-chars: 8 4 4;
    hyphenate-limit-lines: 2;
}

header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li.ubermenu-item-level-1 > a > span,
header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li span span {
    font-weight: 500;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.ubermenu-current-menu-item > a > span,
header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li a:active span,
header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li a:hover span {
    color: var(--color--primary-1) !important;
}

header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li a span::after {
    content: "\00A0"
        url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 7.50004L9.33333 0.833374L8.39333 1.77337L13.4467 6.83337L-2.62268e-07 6.83337L-3.2055e-07 8.16671L13.4467 8.16671L8.39333 13.2267L9.33333 14.1667L16 7.50004Z" fill="%23EE7E04"/></svg>');
    margin-left: 0.75rem;
    transition: all 0.3s ease;
    white-space: nowrap;
}

header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li a:hover span::after {
    margin-left: 1rem;
    transition: all 0.3s ease;
}

header nav.ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-submenu {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    padding: 1.5rem 2.5rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    top: 5rem;
    box-shadow: 0px 4px 24px 0px rgba(95, 123, 182, 0.16);
    column-gap: 1.5rem;
}

header nav.ubermenu .ubermenu-nav .ubermenu-item > .ubermenu-submenu .ubermenu-target {
    padding: 0;
    width: auto;
}

header nav.ubermenu .ubermenu-nav .ubermenu-item > .ubermenu-submenu .ubermenu-content-block > div {
    gap: 1.5rem;
}

header nav.ubermenu .ubermenu-nav .ubermenu-item > .ubermenu-submenu .wp-block-group.is-vertical h4,
header nav.ubermenu .ubermenu-nav .ubermenu-item > .ubermenu-submenu .wp-block-group.is-vertical div.wp-block-buttons {
    margin: 0;
}

/* Sozialangebote */
header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(1)
    > .ubermenu-submenu
    > li:nth-of-type(1) {
    grid-column: 1 / span 3;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(1)
    > .ubermenu-submenu
    > li:nth-of-type(2) {
    grid-column: 4 / span 3;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(1)
    > .ubermenu-submenu
    > li:nth-of-type(3) {
    grid-column: 7 / span 3;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(1)
    > .ubermenu-submenu
    > li:nth-of-type(4) {
    grid-column: 10 / span 3;
}

/* Dienstleistungen */
header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(2)
    > .ubermenu-submenu
    > li:nth-of-type(1) {
    grid-column: 1 / span 3;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(2)
    > .ubermenu-submenu
    > li:nth-of-type(2) {
    grid-column: 4 / span 3;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(2)
    > .ubermenu-submenu
    > li:nth-of-type(3) {
    grid-column: 7 / span 6;
}

/* Produkte */
header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(3)
    > .ubermenu-submenu
    > li:nth-of-type(1) {
    grid-column: 7 / span 3;
    grid-row: 1;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(3)
    > .ubermenu-submenu
    > li:nth-of-type(2) {
    grid-column: 1 / span 5;
    grid-row: 1;
}

/* Über uns */
header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
    > .ubermenu-submenu
    > li:nth-of-type(1) {
    grid-column: 1 / span 6;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
    > .ubermenu-submenu
    > li:nth-of-type(1)
    div.is-layout-flex {
    gap: 1.5rem;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
    > .ubermenu-submenu
    > li:nth-of-type(1)
    div.is-layout-flex
    figure {
    flex-basis: 50%;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
    > .ubermenu-submenu
    > li:nth-of-type(1)
    div.is-layout-flex
    h4 {
    margin: 0;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
    > .ubermenu-submenu
    > li:nth-of-type(2) {
    grid-column: 7 / span 2;
}

header
    nav.ubermenu
    .ubermenu-nav
    > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
    > .ubermenu-submenu
    > li:nth-of-type(3) {
    grid-column: 9 / span 2;
}



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

    header > div {
        padding: 1rem 2rem;
    }

    header button.ubermenu-responsive-toggle {
        padding: 0;
    }

    header .content {
        margin-top: 0 !important;
    }

   
    header a > svg {
        transform: scale(0.9);
        transform-origin: left;
        vertical-align: middle;
    }

    header
        nav.ubermenu
        > .ubermenu-nav
        > .ubermenu-item
        > .ubermenu-submenu
        > li:has(.ubermenu-submenu.ubermenu-submenu-type-stack) {
        border-bottom: 1px solid #d9d9d9;
        /* padding-bottom: 1rem; */
    }

    header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li .ubermenu-submenu-type-stack {
        gap: 0rem;
    }

    header
        nav.ubermenu
        > .ubermenu-nav
        > .ubermenu-item
        > .ubermenu-submenu
        > li:has(.ubermenu-submenu.ubermenu-submenu-type-stack)
        > span,
    header nav.ubermenu .ubermenu-target {
        /* padding-right: 0.5rem; */
        padding-right: 0.3rem;
    }

    header
        nav.ubermenu
        > .ubermenu-nav
        > .ubermenu-item
        > .ubermenu-submenu
        > li:has(.ubermenu-submenu.ubermenu-submenu-type-stack)
        > span::after {
        /* position: absolute;
        right: 1.333rem; */
    }

    nav.ubermenu > .ubermenu-nav > .ubermenu-item .ubermenu-submenu > li {
        padding-top: 1rem;
    }

    header nav.ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-submenu > li:last-child > a > span {
        margin-bottom: 0 !important;
    }

    header nav.ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-submenu {
        padding: 1rem 0 1rem 1rem;
    }

    nav.ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-submenu li.ubermenu-item-object-ubermenu-custom {
        border-bottom: none !important;
        padding: 0 !important;
    }

    nav.ubermenu
        > .ubermenu-nav
        > .ubermenu-item
        > .ubermenu-submenu
        li.ubermenu-item-object-ubermenu-custom
        > ul
        > li {
        margin: 0 !important;
    }

    header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li.ubermenu-item-level-1 > a > span,
    header nav.ubermenu .ubermenu-nav .ubermenu-item .ubermenu-submenu li span span {
        margin-bottom: 1rem;
        margin-top: 0rem;
    }

    header nav.ubermenu .ubermenu-nav > li:nth-last-child(4) {
        margin-top: 1.5rem;
    }

    header nav.ubermenu .ubermenu-nav > li:nth-last-child(1),
    header nav.ubermenu .ubermenu-nav > li:nth-last-child(2),
    header nav.ubermenu .ubermenu-nav > li:nth-last-child(3) {
        padding: 0.5rem 0rem;
    }

    .ubermenu-target-title {
        display: flex;
    }

    header nav.ubermenu:not(.ubermenu-responsive-collapse) {
        /* max-height: 83vh !important; */
        overflow: scroll !important;
    }

    .ubermenu-current-menu-ancestor > span > span::after {
        content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="4" fill="%23EE7E04"/></svg>') !important;
        position: absolute;
        height: 100% !important;
        bottom: 0.1rem !important;
        left: unset !important;
        margin-left: 0.25rem;
    }

    .ubermenu-current-menu-ancestor > span > span::after,
    header nav.ubermenu .ubermenu-nav > li.ubermenu-active > span > span::after,
    header nav.ubermenu .ubermenu-nav > li:hover > a > span::after,
    header nav.ubermenu .ubermenu-nav > li:hover > span > span::after {
        width: 0 !important;
    }

    header nav.ubermenu .ubermenu-nav .ubermenu-has-submenu-drop {
        border-bottom: 1px solid var(--color--primary-1);
    }

    header nav.ubermenu .ubermenu-nav .ubermenu-has-submenu-stack > .ubermenu-target,
    header nav.ubermenu .ubermenu-nav .ubermenu-has-submenu-mega > .ubermenu-target {
        display: flex;
        justify-content: space-between;
    }

    header nav.ubermenu .ubermenu-nav .ubermenu-has-submenu-stack > .ubermenu-target::after,
    header nav.ubermenu .ubermenu-nav .ubermenu-has-submenu-mega > .ubermenu-target::after {
        content: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.00084 7.57255L13.4294 1.53847L12.2501 0.429689L7.00084 5.35812L1.75323 0.429688L0.572266 1.53847L7.00084 7.57255Z" fill="%23EE7E04"/></svg>');
        transform: rotate(0deg);
        transition: all 0.3s ease;
        transform-origin: center;
        height: fit-content;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        .ubermenu-has-submenu-stack:has(ul.ubermenu-submenu-type-stack-mobile-open)
        > .ubermenu-target::after,
    header nav.ubermenu .ubermenu-nav .ubermenu-has-submenu-mega.ubermenu-active > .ubermenu-target::after {
        transform: rotate(180deg);
        transition: all 0.3s ease;
        position: relative;
    }

    header > div.wp-block-group > div.wp-block-group > div.wp-block-columns.is-layout-flex {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    header > div.wp-block-group > div.wp-block-group > div.wp-block-columns.is-layout-flex div:first-of-type {
        grid-column: 1 / span 1;
        grid-row: 1;
        align-self: self-start;
        z-index: 5;
        /* align-self: center; */
    }

    header > div.wp-block-group > div.wp-block-group > div.wp-block-columns.is-layout-flex div:last-of-type {
        grid-column: 1 / span 2;
        grid-row: 1;
        align-self: self-start;
        margin-top: 0.5rem;
    }

    header nav.ubermenu .ubermenu-nav {
        margin-top: 2rem;
    }

    .ubermenu-nav .ubermenu-submenu li.ubermenu-item-header .ubermenu-submenu-type-stack::after {
        content: none;
    }

    .ubermenu-nav .ubermenu-submenu li.ubermenu-item-header > .ubermenu-submenu-type-stack {
        opacity: 0;
        height: 0;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .ubermenu-nav
        .ubermenu-submenu
        li.ubermenu-item-header
        > .ubermenu-submenu-type-stack.ubermenu-submenu-type-stack-mobile-open {
        opacity: 1;
        height: calc(var(--submenu-type-stack-mobile-open-height) + 2.5rem);
        overflow: visible;
        transition: all 0.3s ease;
    }

    /* Sozialangebote */
    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(1)
        > .ubermenu-submenu
        > li:nth-of-type(1) {
        grid-column: 1 / span 12;
        grid-row: 1;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(1)
        > .ubermenu-submenu
        > li:nth-of-type(2) {
        grid-column: 1 / span 12;
        grid-row: 2;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(1)
        > .ubermenu-submenu
        > li:nth-of-type(3) {
        grid-column: 1 / span 12;
        grid-row: 3;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(1)
        > .ubermenu-submenu
        > li:nth-of-type(4) {
        grid-column: 1 / span 12;
        grid-row: 4;
    }

    /* Dienstleistungen */
    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(2)
        > .ubermenu-submenu
        > li:nth-of-type(1) {
        grid-column: 1 / span 12;
        grid-row: 1;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(2)
        > .ubermenu-submenu
        > li:nth-of-type(2) {
        grid-column: 1 / span 12;
        grid-row: 2;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(2)
        > .ubermenu-submenu
        > li:nth-of-type(3) {
        display: none;
    }

    /* Produkte */
    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(3)
        > .ubermenu-submenu
        > li:nth-of-type(1) {
        grid-column: 1 / span 12;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(3)
        > .ubermenu-submenu
        > li:nth-of-type(2) {
        display: none;
    }

    /* Über uns */
    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
        > .ubermenu-submenu
        > li:nth-of-type(1) {
        display: none;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
        > .ubermenu-submenu
        > li:nth-of-type(1)
        div.is-layout-flex {
        gap: 1.5rem;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
        > .ubermenu-submenu
        > li:nth-of-type(1)
        div.is-layout-flex
        figure {
        flex-basis: 50%;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
        > .ubermenu-submenu
        > li:nth-of-type(1)
        div.is-layout-flex
        h4 {
        margin: 0;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
        > .ubermenu-submenu
        > li:nth-of-type(2) {
        grid-column: 1 / span 12;
        grid-row: 1;
    }

    header
        nav.ubermenu
        .ubermenu-nav
        > .ubermenu-item.ubermenu-has-submenu-mega:nth-of-type(4)
        > .ubermenu-submenu
        > li:nth-of-type(3) {
        grid-column: 1 / span 12;
        grid-row: 2;
    }
}

@media screen and (max-width: 1280px) and (orientation: landscape) and (hover: none) {
    header nav.ubermenu {
        /* padding: 2rem; */
        background-color: var(--color--secondary-2);
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        position: absolute;
        width: 50%;
        right: 0;
        top: 4rem;
        height: 100vh;
    }

    .ubermenu-responsive-toggle .fas.fa-bars::before {
        right: -0.5rem;
    }

    header nav.ubermenu .ubermenu-nav {
        /* margin-top: 2rem; */
        padding: 0 2rem 2rem 2rem;
    }

    header nav.ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-submenu {
        padding: 1rem 0rem 1rem 0rem;
        column-gap: 0;
    }

    header nav.ubermenu .ubermenu-nav .ubermenu-has-submenu-stack > .ubermenu-target::after {
        /* content: none; */
    }

    header
        nav.ubermenu
        > .ubermenu-nav
        > .ubermenu-item
        > .ubermenu-submenu
        > li:has(.ubermenu-submenu.ubermenu-submenu-type-stack)
        > span,
    header nav.ubermenu .ubermenu-target {
        padding-right: 0.5rem;
    }

    header nav.ubermenu .ubermenu-nav .ubermenu-has-submenu-stack > .ubermenu-target {
        /* display: block; */
    }

    /* header > div.wp-block-group > div.wp-block-group > div.wp-block-columns.is-layout-flex div:last-of-type {
        position: relative;
        display: block;
        z-index: 2;
    } */

    header
        nav.ubermenu
        > .ubermenu-nav
        > .ubermenu-item
        > .ubermenu-submenu
        > li:has(.ubermenu-submenu.ubermenu-submenu-type-stack)
        > span::after {
        position: absolute;
        right: 0.5rem;
    }
}

@media screen and (max-width: 1280px) and (orientation: portrait) and (hover: none) {
    /* header > div {
        padding: 0;
    }

    .ubermenu-responsive-toggle .fas.fa-bars::before {
        right: -1.55rem;
    } */
}

@media screen and (max-width: 600px){
    header > div {
        padding: 1rem 1rem;
    }
}
