a:hover {
    color: #70AEDB;
}

div.elementor-widget-button>.elementor-button {
    background-color: #e8e100;
    border: none;
    padding: 8px 24px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000;

    span {
        align-items: center;
    }

    @media screen and (max-width: 768px) {
        font-size: 14px;
    }

    .elementor-button-content-wrapper:after {
        content: "\e900";
        font-family: 'uicons-bold' !important;
        font-size: 24px;
        line-height: 1rem;
        padding-left: 4px;
    }
}

div.elementor .atomic-btn,
header.elementor .atomic-btn {
    &:after {
        content: "\e900";
        font-family: 'uicons-bold' !important;
        font-size: 24px;
        line-height: 1rem;
        padding-left: 4px;
    }

    @media screen and (max-width: 768px) {
        font-size: 14px;
    }
}

.elementor-widget-button.btn-outline>.elementor-button {
    background-color: transparent !important;
    border: 1px solid #000 !important;

    span {
        color: #000 !important;
    }
}

.elementor-widget-button.btn-wide>.elementor-button {
    width: 100%;
}

.elementor-widget-button.btn-no-arrow>.elementor-button {
    .elementor-button-text {
        text-align: left;
    }

    .elementor-button-content-wrapper:after {
        content: none;
    }
}

.elementor-widget-button.btn-line>.elementor-button {
    border: 1px solid #000 !important;
    border-width: 0 0 1px 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding-inline: 0 !important;
    padding-block: 4px !important;
    font-weight: 600 !important;
}

.post-carousel .elementor-loop-container .e-loop-item>div {
    height: 100%;
}

.post-carousel .elementor-loop-container {
    padding-bottom: 40px;
}

.post-carousel .swiper-pagination {
    bottom: 0;
}

.post-carousel .swiper-pagination-bullet-active {
    background-color: #000 !important;
}

.post-carousel .swiper-button-next,
.post-carousel .swiper-button-prev {
    color: #000 !important;
}


.post-carousel .swiper-button-prev {
    left: -40px;
}

.post-carousel .swiper-button-next {
    right: -40px;
}

@media (max-width: 1700px) {
    .post-carousel .swiper-button-prev {
        left: -20px;
        scale: 0.7;
    }

    .post-carousel .swiper-button-next {
        right: -20px;
        scale: 0.7;
    }
}


@media (max-width: 768px) {

    .post-carousel .swiper-button-prev {
        left: -10px;
        scale: 0.5;
        top: 96%;

    }

    .post-carousel .swiper-button-next {
        right: -10px;
        scale: 0.5;
        top: 96%;
    }
}

/* ---------------------------- ANCHOR RESPONSIVE ---------------------------- */

.elementor .h-48.e-heading-base,
.elementor .h-48.elementor-widget-heading.elementor-element .elementor-heading-title {
    font-size: clamp(24px, calc(15.692px + 2.308vw), 48px);
}

.elementor .h-32.e-heading-base,
.elementor .h-32.elementor-widget-heading.elementor-element .elementor-heading-title {
    font-size: clamp(18px, calc(13.154px + 1.346vw), 32px);
}

.elementor .h-60.elementor-widget-heading.elementor-element .elementor-heading-title {
    font-size: clamp(36px, calc(27.692px + 2.308vw), 60px);
}

.elementor .h-24.e-heading-base,
.elementor .h-24.elementor-widget-heading.elementor-element .elementor-heading-title {
    font-size: clamp(16px, calc(13.231px + 0.769vw), 24px);
}

@media (max-width: 768px) {

    .elementor p.text,
    .elementor-element div.elementor-element.text,
    .elementor-element .elementor-element.text p,
    .elementor-element div.elementor-element.text .elementor-icon-list-item>.elementor-icon-list-text {
        font-size: 14px
    }


}

/* ------------------------------- HOME ------------------------------- */

.home-species-icon :after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    pointer-events: none;
    scale: 1.15;
    border-radius: 100px;
}

/* ------------------------------- ANCHOR MENU ------------------------------ */

.elementor-nav-menu .menu-item:has(a[href*="menu-headline"]) {}

.elementor-nav-menu .menu-item a[href*="menu-headline"] {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 12px !important;
    color: #BABABA !important;
    letter-spacing: -3%;
    text-transform: uppercase;

    pointer-events: none;
    padding-bottom: 4px !important;

}

.elementor-nav-menu .menu-item:has(a[href*="new-column"]) {}

.elementor-nav-menu .sub-menu li.menu-item a.elementor-sub-item {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 14px;
    padding-right: 14px;
    border-left: 0;
}


.main-menu .elementor-nav-menu--main .sub-menu .sub-menu {
    left: 100%;
    top: 0 !important;

    columns: 2;
    width: 26em;
}

.main-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu a {
    white-space: wrap;
    line-height: 1.1;
}

/* ----------------------------- ANCHOR PRODUCT ----------------------------- */
.e-n-accordion-item-title-header>.product-subline {
    display: block !important;
}

.e-n-accordion-item-title-header:has(.product-subline) {
    display: flex;
    flex-direction: column;
    gap: 0;
}


.hero-logo-brands:has(.logo-custom) {
    .logo-standard {
        display: none;
    }
}


.elementor-loop-container {
    counter-reset: loop-counter;
}

.elementor-loop-container>div:has(.product-number-card-outer) {
    counter-increment: loop-counter;
    width: 100%;
}

.product-number-card-text h2::after {
    content: counter(loop-counter);
}

.hero-details-outer>div:last-child {
    border-right: 0 !important;
}

.species-product-logos .elementor-image-gallery figure img {
    aspect-ratio: 16/9;
    object-fit: contain;
    object-position: center;
}

.technical-notes-loop-grid .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
}

.technical-notes-loop-grid .elementor-loop-container:has(> :nth-child(1 of :not(style)):nth-last-child(1 of :not(style))) {
    grid-template-columns: repeat(1, 1fr);
}

.technical-notes-loop-grid .elementor-loop-container:has(> :nth-child(2 of :not(style)):nth-last-child(1 of :not(style))) {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 992px) {
    .technical-notes-loop-grid .elementor-loop-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .technical-notes-loop-grid .elementor-loop-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

.general-product-logos .elementor-image-gallery figure img {
    aspect-ratio: 16/9;
    object-fit: contain;
    object-position: center;
}


@media (max-width: 479px) {

    .general-product-logos .elementor-image-gallery .gallery .gallery-item,
    .species-product-logos .elementor-image-gallery .gallery .gallery-item {
        max-width: 33.33% !important;
    }
}


.where-it-fits-links {
    display: none !important;
}

.where-it-fits-links:has(a) {
    display: flex !important;
}

/* ---------------------------- ANCHOR KNOWLEDGE ---------------------------- */


.knowledge-terms {
    display: none !important;
}

.knowledge-terms:has(a) {
    display: block !important;
}

.knowledge-terms a {
    display: inline !important;
    color: #000;
    tex
}

.elementor-widget-theme-post-content {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
    }
}

/* ----------------------------- ANCHOR HERO ----------------------------- */

.full-height .hero-wrapper {
    max-height: 100vh !important;
    height: 100vh !important;
}

/* ---------------------------- ANCHOR QUIZ MAKER ---------------------------- */

/* Quiz-Container */
div.ays-quiz-container[id^="ays-quiz-container-"] {
    width: 100% !important;
    padding: 40px !important;
    background: #f7f8f9 !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden !important;

    * {
        font-family: "Montserrat", sans-serif !important;
    }
}

/* Fragen */
.ays-quiz-container .ays_quiz_question p {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #222 !important;
}

.ays-quiz-container .ays_quiz_question {
    text-align: left !important;
}

.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^="ays-answer-"],
.ays-field:hover:not(.ays-answered-text-input) {
    background-color: #e8e100 !important;
    color: #000 !important;
}

.ays-quiz-container .ays-field {
    border-color: #ddd !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.ays-quiz-container .ays-field.checked_answer_div input:checked~label {
    background-color: #e8e100 !important;
    color: #000 !important;
}

.ays-quiz-container .ays-field input:checked+label::before {
    background-color: #000 !important;
    border-color: #000 !important;
}

/* Antwortmöglichkeiten */
.ays-quiz-container .ays-quiz-answers label {
    cursor: pointer;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Buttons */
.ays-quiz-container .ays_next,
.ays-quiz-container .ays_finish {
    border-radius: 12px !important;
    padding: 14px 28px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: #e8e100 !important;
}

.ays-quiz-container .action-button:hover {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #e8e100 !important;
    background: #e8e100 !important;
}

/* Mobil */
@media (max-width: 767px) {
    div.ays-quiz-container[id^="ays-quiz-container-"] {
        padding: 20px !important;
    }

    .ays-quiz-container .ays_quiz_question {
        font-size: 20px !important;
    }
}

/* WPML Language-Switcher */


.wpml-custom-switcher {
    display: flex;
    align-items: center;
}


.wpml-custom-switcher .elementor-widget-container {
    width: 100%
}

.wpml-custom-switcher a,
.wpml-custom-switcher a:hover {
    color: #000 !important;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    border: 0;
    border-radius: 12px !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    box-shadow: 0px 4px 10px -3px rgba(0, 4.000000000000008, 10, 0.1);
    border-radius: 12px !important;
    border: 0 !important;
    overflow: hidden !important;
}

.wpml-ls-link {
    border: 0 !important;
}

.wpml-custom-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    min-width: 200px;
}

.wpml-ls-native {
    opacity: 0;
    transition: opacity 0.25s ease;
    font-family: Montserrat !important;
    font-weight: 600 !important;
    color: #000 !important;
}

.wpml-ls-native.wpml-ls-native--ready {
    opacity: 1;
}

/* Fallback ohne JavaScript: Text nach kurzer Verzögerung trotzdem einblenden */
@keyframes wpml-ls-native-fallback-reveal {
    to {
        opacity: 1;
    }
}

.wpml-ls-native:not(.wpml-ls-native--ready) {
    animation: wpml-ls-native-fallback-reveal 0s linear 1.5s forwards;
}

/* Header (Elementor Theme-Builder): transparent am Seitenanfang, weißer
   Hintergrund beim Runterscrollen. Die Klasse "is-scrolled" wird per
   JS (zz_custom.js) anhand der Scroll-Position am <header> gesetzt. */
header.elementor-location-header>.elementor-element {
    background-color: #ffffffaa !important;
    transition: background-color 0.3s ease;
}

header.elementor-location-header.is-scrolled>.elementor-element {
    background-color: #fff !important;
}

/* -------------------------------- ANCHOR DE ------------------------------- */

html[lang="de-DE"] [data-id="9b6609f"] {
    display: none;
}

a[href="#young-animal"] {
    display: none !important;
}

body:has([id="young-animal"]) a[href="#young-animal"] {
    display: inline-block !important;
}