/* -------- Cursor-Styling ------------*/

.cursor-ansehen,
.cursor-ansehen a,
.cursor-ansehen img {
    cursor: url("https://www.dmbo.de/wp-content/uploads/2025/09/cursor-ansehen.svg"), auto !important;
}


/* ------------- Buttons V2 - Icons anders eingebunden ------------------- */


/* Primär */

.btn-1 span:not(.arrow_right),
.projekte-filter-bar .greyd_filter_button:not(.wp-block-greyd-search-filter-buttons .greyd_filter_button span.count) {
    text-align: start;
    border-radius: 0px !important;
    height: 1.65rem !important;
    background-image: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
    background-size: 100% 2px ;
    background-repeat: no-repeat;
    background-position: left bottom;
}

@keyframes underline {
    0%{
        background-image: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary));
        background-size: 100% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    100%{
        background-image: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary));
        background-size: 0% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
}

.btn-1 span:hover:not(.arrow_right),
.projekte-filter-bar .greyd_filter_button:hover:not(.wp-block-greyd-search-filter-buttons .greyd_filter_button span.count) {
    animation: underline ease-in-out 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: var(--wp--preset--color--secondary);
}

.projekte-filter-bar .greyd_filter_button:not(.wp-block-greyd-search-filter-buttons .greyd_filter_button span.count)[aria-pressed="true"] {
background-size: 0% 2px;
}

.btn-1 .arrow_right,
.btn-1:hover .arrow_right:hover {
    content: url("https://www.dmbo.de/wp-content/uploads/2025/09/arrow-button-right.svg") !important;
    scale: .7 !important;
}

.btn-1:hover .arrow_right {
    content: url("https://www.dmbo.de/wp-content/uploads/2025/12/arrow-button-right-sec.svg") !important;
    scale: .7 !important;
}

/* Filterbar-Buttons */
.projekte-filter-bar .greyd_filter_button label {
    display: flex;
    padding-bottom: .2rem;
}

.projekte-filter-bar .greyd_filter_button.is-active label {
    text-decoration: none !important;
}

/* Primär black only */

.btn-1-k span:not(.arrow_right) {
    text-align: start;
    border-radius: 0px;
    height: 1.65rem;
    background-image: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

@keyframes underline-k {
    0%{
        background-image: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
        background-size: 100% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    100%{
        background-image: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
        background-size: 0% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
}

.btn-1-k span:hover:not(.arrow_right) {
    animation: underline-k ease-in-out 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: var(--wp--preset--color--primary);
}


.btn-1-k .arrow_right,
.btn-1-k:hover .arrow_right:hover {
    content: url("https://www.dmbo.de/wp-content/uploads/2025/09/arrow-button-right.svg") !important;
    scale: .7 !important;
}


/* Sekundär */

.btn-2 span:not(.arrow_right) {
    text-align: start;
    border-radius: 0px;
    color: var(--wp--preset--color--tertiary);
    height: 1.65rem;
    background-image: linear-gradient(var(--wp--preset--color--tertiary), var(--wp--preset--color--tertiary));
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

@keyframes underline-sec {
    0%{
        background-image: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary));
        background-size: 100% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    100%{
        background-image: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary));
        background-size: 0% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
}

.btn-2 span:hover:not(.arrow_right) {
    animation: underline-sec ease-in-out 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: var(--wp--preset--color--secondary);
}


.btn-2 .arrow_right,
.btn-2:hover .arrow_right:hover {
    content: url("https://www.dmbo.de/wp-content/uploads/2025/09/arrow-button-right-neg.svg") !important;
    scale: .7 !important;
}

.btn-2:hover .arrow_right {
    content: url("https://www.dmbo.de/wp-content/uploads/2025/12/arrow-button-right-sec.svg") !important;
    scale: .7 !important;
}

/* Sekundär white only */

.btn-2-w span:not(.arrow_right) {
    text-align: start;
    border-radius: 0px;
    color: white;
    height: 1.65rem;
    background-image: linear-gradient(white, white);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

@keyframes underline-w {
    0%{
        background-image: linear-gradient(white, white);
        background-size: 100% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    100%{
        background-image: linear-gradient(white, white);
        background-size: 0% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
}

.btn-2-w span:hover:not(.arrow_right) {
    animation: underline-w ease-in-out 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: white;
}


.btn-2-w .arrow_right,
.btn-2-w:hover .arrow_right:hover {
    content: url("https://www.dmbo.de/wp-content/uploads/2025/12/arrow-button-right-white.svg") !important;
    scale: .7 !important;
}



/* Kommentar-Formular-Button statisch */

/* #submit.wp-block-button__link.wp-element-button {
  border-bottom-width: 2px !important;
  padding-bottom: .5em !important;
  border-radius: 0px !important;
  border-color: var(--wp--preset--color--primary);
    border-style: solid;*/
}

/* Kommentar-Formular-Button animiert */

#submit.wp-block-button__link {
    border-radius: 0px !important;
}

#submit.wp-block-button__link {
    text-align: start;
    border-radius: 0px !important;
    height: 2rem !important;
    background-image: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
    background-size: 100% 2px ;
    background-repeat: no-repeat;
    background-position: left bottom;
}

@keyframes underline-kommentarbutton {
    0%{
        background-image: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary));
        background-size: 100% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    100%{
        background-image: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary));
        background-size: 0% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
}

#submit.wp-block-button__link:hover {
    animation: underline-kommentarbutton ease-in-out 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: var(--wp--preset--color--secondary);
}



/* Button im Link-Style */

.btn-link {
    text-align: start;
    border-radius: 0px;
    height: 2rem;
    background-image: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

@keyframes underline-k {
    0%{
        background-image: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
        background-size: 100% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    100%{
        background-image: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
        background-size: 0% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
}

.btn-link:hover {
    animation: underline-k ease-in-out 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: var(--wp--preset--color--primary);
}


/* Add ons */

.button .btn-form {
    border-radius: 0px !important;
}

/* Kontaktformular-Button */

.btn-form span:nth-child(3) {
    text-align: start;
    border-radius: 0px;
    height: 1.65rem;
    background-image: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
}


@keyframes underline-form {
    0%{
        background-image: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary));
        background-size: 100% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    100%{
        background-image: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary));
        background-size: 0% 2px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
}


.btn-form:hover span:nth-child(3) {
    animation: underline-form ease-in-out 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: var(--wp--preset--color--secondary);
}


.btn-form .arrow_right {
    content: url("https://www.dmbo.de/wp-content/uploads/2025/09/arrow-button-right.svg");
    scale: .7;
}

.btn-form:hover .arrow_right {
    content: url("https://www.dmbo.de/wp-content/uploads/2025/12/arrow-button-right-sec.svg");
    scale: .7;
}

/* Newsletter-Button */




/* ----------------------- Akkordeons ----------------------------- */

/* Leistungen-Akkordeon only */

.leistungen-akk .wp-block-greyd-accordion__title,
.werte-akk .wp-block-greyd-accordion__title {
    line-height: 110%;
    text-transform: lowercase;
    font-family: var(--wp--preset--font-family--clash-display) !important;

}

.leistungen-akk .wp-block-greyd-accordion__title .icon,
.werte-akk .wp-block-greyd-accordion__title .icon {
  padding-top: 1rem;
}

/* @media (max-width: 1200px) {
.leistungen-akk .wp-block-greyd-accordion__title .icon {
  padding-top: 20px;
}
}

@media (max-width: 576px) {
.leistungen-akk .wp-block-greyd-accordion__title .icon {
  padding-top: 11px;
}
}
*/

.leistungen-akk .wp-block-greyd-accordion__title > .wp-block-greyd-accordion__title-heading,
.werte-akk .wp-block-greyd-accordion__title > .wp-block-greyd-accordion__title-heading {
  display: flex;
  justify-content: space-between;
}

.leistungen-akk .icon_close:before,
.werte-akk .icon_close:before {
    display: block;
    content: url("https://www.dmbo.de/wp-content/uploads/2025/10/arrow-down.svg") !important;
    width: 1.8em !important;
    height: 1.8em !important;
}

.leistungen-akk .arrow_up:before,
.werte-akk .arrow_up:before {
    display: block;
    content: url("https://www.dmbo.de/wp-content/uploads/2025/10/arrow-down.svg") !important;
    width: 1.8em !important;
    height: 1.8em !important;
    transform: rotate(0.5turn) translateX(0em); 
}

.leistungen-akk .wp-block-greyd-accordion__title,
.leistungen-akk .wp-block-greyd-accordion__title-heading,
.werte-akk .wp-block-greyd-accordion__title,
.werte-akk .wp-block-greyd-accordion__title-heading {
  align-items: start;
  gap: 0.2em !important;
}

.leistungen-akk .wp-block-greyd-accordion__title .icon,
.werte-akk .wp-block-greyd-accordion__title .icon {
  padding-top: .4em !important;
}

/* FAQ-Akkordeon only, zählt auch für Jobs */

.faq-akk .wp-block-greyd-accordion__title > .wp-block-greyd-accordion__title-heading {
  display: contents;
  justify-content: space-between;

}

.faq-akk .wp-block-greyd-accordion__title {
line-height: 125% !important;
    text-transform: lowercase;
    padding-top: .4rem;
    padding-bottom: .6rem;
    gap: 6rem;
}

.faq-akk .wp-block-greyd-accordion__title :hover,
.faq-akk .wp-block-greyd-accordion__title[aria-expanded="true"] {
    font-weight: bold;
}

@media (max-width: 576px) {
    .faq-akk .wp-block-greyd-accordion__title {
    padding-top: .6rem;
    padding-bottom: .8rem;
}
}

.faq-akk .icon_close::before {
    display: flex;
    content: url("https://www.dmbo.de/wp-content/uploads/2025/10/close_faq-akk.svg") !important;
    width: 100%;
    height: 1.55em;
    padding-block: .25rem;
    margin-block-start: .3rem;
    margin-block-end: .25rem;
}

.faq-akk .arrow_down::before {
    display: flex;
    content: url("https://www.dmbo.de/wp-content/uploads/2025/10/arrow-down_faq-akk.svg") !important;
    width: 100%;
    height: 2em;
    padding-block-start: .2rem;
    padding-block-end: .25rem;
}

.faq-akk span.icon.icon-normal.arrow_down,
.faq-akk span.icon.icon-active.icon_close {
  align-content: center !important;
}




/* Studio-Akkordeon only */

.studio-akk .wp-block-greyd-accordion__title {
    line-height: 125%;
}

.studio-akk .wp-block-greyd-accordion__title .icon {
  padding-top: 1rem;
}

.studio-akk h3 {
    text-transform: none;
}

/* @media (max-width: 1200px) {
.studio-akk .wp-block-greyd-accordion__title .icon {
  padding-top: 20px;
}
}

@media (max-width: 576px) {
.studio-akk .wp-block-greyd-accordion__title .icon {
  padding-top: 11px;
}
}
*/

.studio-akk .wp-block-greyd-accordion__title > .wp-block-greyd-accordion__title-heading {
  display: flex;
  justify-content: space-between;
}

.studio-akk .wp-block-greyd-accordion__title > h3.wp-block-greyd-accordion__title-heading {
    line-height: 110% !important;
}

.studio-akk .icon_close:before {
    display: block;
    content: url("https://www.dmbo.de/wp-content/uploads/2025/10/arrow-down.svg") !important;
    width: 2em !important;
    height: 2em !important;
}

.studio-akk .arrow_up:before {
    display: block;
    content: url("https://www.dmbo.de/wp-content/uploads/2025/10/arrow-down.svg") !important;
    width: 2em !important;
    height: 2em !important;
    transform: rotate(0.5turn) translateX(0em);
}

.studio-akk .wp-block-greyd-accordion__title,
.studio-akk .wp-block-greyd-accordion__title-heading {
  align-items: start;
  gap: 0.2em !important;
}

.studio-akk .wp-block-greyd-accordion__title .icon {
  padding-top: .6em !important;
}

.studio-akk .wp-block-greyd-accordion-item {
    overflow: visible !important;
}