/****************** Effekte - Wenn gewollt, in der ee_theme.libraries.yml einbinden. Löschen was nicht benötigt wird *********************/
/***************** Hover ZOOm for images**********************/
article .field--name-field-ee-card-image {
    overflow: hidden;
    position: relative;
}

article .field--name-field-ee-card-image picture,
article .field--name-field-ee-card-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

article .field--name-field-ee-card-image:hover img {
    transform: scale(1.1);
}

.block-inline-blockee-bild .block__content {
    overflow: hidden;
    position: relative;
}

article .block-inline-blockee-bild .block__content picture,
article .block-inline-blockee-bild .block__content img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

article .block-inline-blockee-bild .block__content:hover img {
    transform: scale(1.03);
}

/***************** /Hover ZOOm for images**********************/
/***************** Hover Zoom for background tiles **********************/
.ee_block_wrapper.bgimage {
    overflow: hidden;
}

.ee_block_wrapper.bgimage .card_bgimage {
    background-size: cover;
    transition: transform 0.5s ease;
}

.ee_block_wrapper.bgimage .card_bgimage:hover {
    transform: scale(1.05);
}

/* Page navigation slider */
#block-ee-theme-seitennavigation {
    position: sticky;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
}

/* Slick slider element */
#block-ee-theme-seitennavigation .menu {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 42px;
    list-style: none;
    box-sizing: border-box;
}

/* Slick viewport */
#block-ee-theme-seitennavigation .slick-list {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* Slick track */
#block-ee-theme-seitennavigation .slick-track {
    display: flex;
    align-items: stretch;
}

/* Individual slides */
#block-ee-theme-seitennavigation .slick-slide {
    float: none;
    height: auto;
    min-width: 0;
    box-sizing: border-box;
}

/* Menu item spacing */
#block-ee-theme-seitennavigation .menu-item {
    height: 100%;
    margin: 0;
    padding: 0 5px;
    box-sizing: border-box;
}

/* Navigation links */
.page-nav-prev,
.page-nav-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

    width: 35px;
    height: 100%;

    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.page-nav-prev {
    left: -3px;
    background: linear-gradient(-90deg, color-mix(in srgb, #ffffff 10%, transparent) 0%, #ffffff 33%, #ffffff 100%);
    border-radius: 100px 0 0 100px;
}

.page-nav-next {
    right: -3px;
    background: linear-gradient(90deg, color-mix(in srgb, #ffffff 10%, transparent) 0%, #ffffff 33%, #ffffff 100%);
    border-radius: 0 100px 100px 0;
}

.page-nav-prev::before,
.page-nav-next::before {
    font-family: var(--ee_awesome);
    font-weight: 900;
    font-size: 22px;
    color: var(--primary);
}

.page-nav-prev::before {
    content: "\f053"; /* fa-chevron-left */
}

.page-nav-next::before {
    content: "\f054"; /* fa-chevron-right */
}

.page-nav-prev.slick-disabled,
.page-nav-next.slick-disabled {
    opacity: .3;
}
.page-nav-prev span,
.page-nav-next span{
    display: none;
}
/* Keyboard focus */
#block-ee-theme-seitennavigation .page-nav-arrow:focus-visible,
#block-ee-theme-seitennavigation .menu-item a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Four items are visible from 740px upward,
   so arrows are hidden and side padding is removed */
@media (min-width: 740px) {
    #block-ee-theme-seitennavigation .menu {
        padding-inline: 0;
    }

    #block-ee-theme-seitennavigation .page-nav-arrow {
        display: none !important;
    }
}