/*
    AnythingSlider v1.4.1+ Default (base) theme (RESPONSIVE VERSION)
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
#anythingslidercontainer {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: auto;
    margin-bottom: -166px; /* kannst du ggf. anpassen oder entfernen */
}

#anythingslidersubcontainer,
#anythingslidersub,
div.anythingSlider {
    width: 100%;
    max-width: 1650px; /* maximale Breite für große Screens */
    margin: 0 auto;
    height: auto;
}

div.anythingSlider {
    aspect-ratio: 1650 / 540; /* sorgt für gleichbleibendes Seitenverhältnis */
    overflow: hidden; /* nötig für Safari/Opera */
}

/******* CONTENT SLIDES ********/
.content-slide {
    width: 100% !important;
    max-width: 940px; /* bisheriger Wert als Grenze */
    margin: 0 auto;
    text-align: left;
    color: #bcbcbc;
    font-size: 16px;
    line-height: 25px;
    text-shadow: 1px 1px 1px #383838;
    font-family: 'PT Sans', arial, serif;
}

.content-slide p {
    margin-bottom: 24px;
}

.content-slide h1,
.content-slide h2,
.content-slide h3,
.content-slide h4,
.content-slide h5 {
    color: #fff;
}

.content-slide h2 { font-size: 2.6rem; line-height: 1.2; margin-bottom: 10px; }
.content-slide h3 { font-size: 2.4rem; line-height: 1.2; }
.content-slide h4 { font-size: 2rem; line-height: 1.2; }
.content-slide h5 { font-size: 1.6rem; line-height: 1.2; }
.content-slide h6 { font-size: 1.25rem; line-height: 1.2; }

.content-slide .left-content-slide {
    float: left;
    width: 48%;
    padding: 5% 2% 0 0;
    box-sizing: border-box;
}

.content-slide .right-content-slide {
    float: right;
    width: 48%;
    padding: 5% 0 0 2%;
    box-sizing: border-box;
}

.content-slide iframe,
.content-slide .iframe-bg {
    max-width: 100%;
    height: auto;
    position: relative;
}

/****** SET COLORS HERE *******/
div.anythingSlider .thumbNav a.cur,
div.anythingSlider .thumbNav a {
    background: #777;
    color: #000;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
div.anythingSlider .anythingWindow {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

ul.anythingBase {
    background: transparent;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

ul.anythingBase li.panel {
    background: transparent;
    display: block;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
    top: 50%;
    position: absolute;
    display: block;
    z-index: 55;
}

div.anythingSlider .arrow a {
    display: block;
    height: 120px;
    margin: -60px 0 0 0;
    width: 45px;
    text-align: center;
    outline: 0;
    background: url(../images/arrows-default.png) no-repeat;
    text-indent: -9999px;
}

div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover,
div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover,
div.anythingSlider .back a.hover { background-position: -88px -240px; }
div.anythingSlider .forward.disabled,
div.anythingSlider .back.disabled { display: none; }

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; }
div.anythingSlider .thumbNav {
    margin: 0;
    position: relative;
    top: -88px;
    display: inline-block;
    border: 1px solid #3a3939;
    background: rgba(0, 0, 0, 0.80);
    border-radius: 4px;
    padding: 2px 6px 5px 14px;
    text-align: center;
}
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
    margin: 0 7px 0 0;
    background: url(../images/nav.png) no-repeat center center;
    font-size: 0;
    line-height: 0;
    padding: 5px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    top: -3px;
}
div.anythingSlider .thumbNav a.cur,
div.anythingSlider .thumbNav a.active {
    background: url(../images/nav_active.png) no-repeat center center;
}

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop { display: none; }

div.anythingSlider,
div.anythingSlider .anythingWindow,
div.anythingSlider .thumbNav a,
div.anythingSlider .arrow a,
div.anythingSlider .start-stop {
    transition-duration: 0s;
}

/* Responsive Anpassungen */
@media (max-width: 991px) {
    #anythingslidercontainer {
        display: none; /* Slider auf Tablets/Mobile ausblenden */
    }
}