/* --------------------------------------------|
|                                              |
| Slideshow                                    |
|                                              |
|-------------------------------------------- */

/* --------------------------------------------|
| Coloured Container                           |
|-------------------------------------------- */

#feature-list {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#feature-list .av-extra-border-element {
    display: none;
}

.page.post--hauptnavigationsseite #feature-list .content {
    padding-bottom: 20px !important;
}

/* --------------------------------------------|
| Slider                                       |
|-------------------------------------------- */

.avia-content-slider {
    margin-bottom: 0 !important;
}

.avia-content-slider,
.avia-content-slider-inner {
    overflow: unset;
}

.avia-content-slider-inner {
    margin-left: 90px;
    margin-right: 100px;
}

@media (max-width: 600px) {
    .avia-content-slider-inner {
        margin-left: 0;
        margin-right: 0;
    }
}

.page.post--hauptnavigationsseite .avia-content-slider-inner {
    margin-left: 120px;
    margin-right: 110px;
}

@media (max-width: 650px) {
    .page.post--hauptnavigationsseite .avia-content-slider-inner {
        margin-left: 0;
        margin-right: 0;
    }
}

/* --------------------------------------------|
| Arrows                                       |
|-------------------------------------------- */

#top .avia-content-slider .avia-slideshow-arrows a {
    top: 50%;
}

#top .av-control-minimal .avia-slideshow-arrows a:before {
    border-radius: 50%;
}

.avia_desktop
    .av_slideshow.avia-slideshow.av-nav-arrows-visible
    .avia-slideshow-arrows
    a,
.avia_desktop
    .av_slideshow.avia-slideshow.av-nav-dots-visible
    .avia-slideshow-dots
    a,
.avia_desktop .av-slideshow-ui.av-nav-arrows-visible .avia-slideshow-arrows a,
.avia_desktop .av-slideshow-ui.av-nav-dots-visible .avia-slideshow-dots a {
    opacity: 1;
}

@media (max-width: 600px) {
    #top .avia-content-slider .avia-slideshow-arrows {
        display: none;
    }
}

/* --------------------------------------------|
| Item                                         |
|-------------------------------------------- */

.slide-entry {
    position: relative;
    padding-bottom: 40px;
    padding-right: 10px;
}

.avia-content-slider .slide-entry.av_one_fourth {
    margin-left: 1.4%; /* Der Abstand passt sich der Breite des Containers an */
    width: calc(25% - 1.4%); /* Falls drei Items nebeneinander stehen */
    float: left; /* Beibehaltung des Float-Verhaltens */
}

.avia-content-slider .slide-image {
    border-radius: 0;
    margin-bottom: 0;
}

.avia-content-slider .slide-image img {
    width: 100%;
}

.avia-content-slider .slide-content {
    --offset-horizontal: 10px;
    background-color: #ffffff;
    left: var(--offset-horizontal);
    position: absolute;
    bottom: 0;
    width: calc(100% - var(--offset-horizontal));
    padding: 10px;
    height: 130px;
    display: flex;
    flex-direction: column;
}

.slide-content .entry-content-header {
    flex-grow: 1;
}

.slide-content .entry-title {
    color: #961e4a;
    font-size: 16px !important;
    line-height: 1.3em !important;
    padding-top: 0 !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    text-transform: unset !important;
}

.slide-content .entry-content {
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.825em;
    font-family: "officina-sans", Helvetica, Arial, sans-serif;
    line-height: 1.3em !important;
    font-weight: bold;
}

/* --------------------------------------------|
| Hidden                                       |
|-------------------------------------------- */

.html_modern-blog #top .post-entry .blog-categories,
.html_modern-blog .avia-content-slider .slide-meta {
    display: none;
}

/* --------------------------------------------|
| Dots                                         |
|-------------------------------------------- */

.avia-slideshow-dots a {
    background: white;
}