@media (prefers-color-scheme: dark) {



}

@media screen and (max-width : 2000px)  {

    /* ///// CONTAINER AND TYPO ///// */
    
    
    
    /* ///// HEADER ///// */
    
    
    /* ///// NAVIGATION ///// */
    
    
    /* ///// SLIDER ///// */
    
    
    /* ///// STARTSEITE ///// */

    .circle-button {
        height: 10vw;
        width: 10vw;
        font-size: 1.25em;
    }

    .circle-button img {
        max-width: 8vw;
    }
    
    
    /* ///// UNTERSEITEN ///// */
    
    
    /* ///// FOOTER ///// */
    
    
    /* ///// DIVERSES ///// */
    
    }



@media screen and (max-width : 1700px)  {
    .text {
        width: 45%;
        padding: 4em 2em 4em 5em;
    }
}


@media screen and (max-width : 1600px)  {

/* ///// CONTAINER AND TYPO ///// */



/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */

nav ul {
    padding-left: 6em;
    width: calc(100% - 6em);
}

.small-nav {
    padding-left: 6em;
    width: calc(100% - 6em);
}

li.nav-item a {
    font-size: 2rem;
    line-height: 2.25;
}

/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */

.drehscheibe-nav ul li {
    font-size: 1.5rem;
}


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}




@media screen and (max-width : 1500px)  {

/* ///// CONTAINER AND TYPO ///// */



/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */

.text {
    min-height: 25vw;
}


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}


@media screen and (max-width : 1400px)  {

/* ///// CONTAINER AND TYPO ///// */


/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */

.drehscheibe-detail img {
    height: 75%;
}

.text {
    padding: 3em 2em 3em 5em;
}


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}


@media screen and (max-width : 1300px)  {

/* ///// CONTAINER AND TYPO ///// */


/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */



/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}


@media screen and (max-width : 1200px)  {

/* ///// CONTAINER AND TYPO ///// */

.parallaxParent {
    height: 50vw;
}


/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */

section.drehscheibe-detail {
    width: 90%;
    padding: 5% 5% 10% 5%;
}

.text {
    padding: 3em 2em 2em 4em;
}


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}


@media screen and (max-width : 1100px)  {

/* ///// CONTAINER AND TYPO ///// */


/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */

#navigationWrap {
    width: 40%;
}


/* ///// SLIDER ///// */

#slider {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%; /* Slider so hoch wie Bildschirm) */
    overflow: hidden;
}

#slideshow-area .introimage, #slideshow-area .image {
    height: 100%; /* Slider so hoch wie Bildschirm) */
    overflow: hidden; /* Slider so hoch wie Bildschirm) */
    position: absolute; /* Slider so hoch wie Bildschirm) */
    top: 0; /* Slider so hoch wie Bildschirm) */
    left: 0; /* Slider so hoch wie Bildschirm) */
    bottom: 0; /* Slider so hoch wie Bildschirm) */
    right: 0; /* Slider so hoch wie Bildschirm) */
}

#slider .moduletable, #slider .newsflash, .slider, #slider .slick-track, #slider .slick-slide, #slider #slideshow-area, #slider .slick-list.draggable {
    height: 100%; /* Slider so hoch wie Bildschirm) */
}

#slider .hintergrundbild {
    height: 100%; /* Slider so hoch wie Bildschirm) */
}


/* ///// STARTSEITE ///// */

h3 {
    font-size: min(max(1rem, 2.5vw), 1.5rem);
}

button, a.button, p.button, a.readmore, button.goback {
    font-size: 1.25em;
}

section.drehscheibe-home-buttons {
    padding: 0% 5% 10% 5%;
    width: 90%;
}

.circle-button {
    height: 12vw;
    width: 12vw;
}


/* ///// UNTERSEITEN ///// */

.text h3 {
    font-size: min(max(1.5rem, 2vw), 2rem);
}

.text {
    width: 40%;
}

.drehscheibe-detail img {
    height: 65%;
}

.text p {
    font-size: 0.85rem;
}

.drehscheibe-nav ul li {
    font-size: 1.25rem;
}

.text {
    min-height: 37vw;
}

.control-window {
    width: 80%;
}

/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

a.lightbox {
    width: 2em;
    height: 2em;
    right: 2em;
    bottom: 2em;
}

}


@media screen and (max-width : 1000px)  {

/* ///// CONTAINER AND TYPO ///// */


/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}


@media screen and (max-width : 900px)  {


/* ///// CONTAINER AND TYPO ///// */



/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */

.parallaxParent {
    height: 60vw;
}

/* ///// UNTERSEITEN ///// */


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}


@media screen and (max-width : 800px) and (orientation: portrait) {

/* ///// CONTAINER AND TYPO ///// */

p, span.field-value, span.field-label, li {
    font-size: 1rem;
}

a.fancybox {
    width: 2em;
    height: 2em;
    right: 2em;
    bottom: 2em;
}



/* ///// HEADER ///// */

#header {
    padding: 20px 0 20px 0;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    height: auto;
    width: 100%;
}

#container-header {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    display: block;
}


/* ///// NAVIGATION ///// */

#sticky {
    top: 7px;
    right: 5%;
    left: auto;
    position: absolute;
}

.menu-text {
    display: none;
}

#sticky-fadein {
    top: -37px;
}

#sticky-fadein.active {
    top: 37px;
}

#map-button {
    position: absolute;
    top: 7px;
    width: 10em;
    right: 10%;
}

#navigationWrap #sticky {
    right: 5%;
}

#header-fadeup {
    display: block;
}


/* ///// SLIDER ///// */

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 20px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 20px !important;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    font-size: 25px;
}

#hinweis .moduletable {
    top: 14%;
    width: 120px;
    height: 120px;
}

#hinweis p, #hinweis a {
    font-size: 0.8rem;
}

#navigationWrap {
    width: 100%;
}

.naechster-halt {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    width: auto;
    float: left;
}


/* ///// STARTSEITE ///// */

.wideWrap {
    width: 100%;
}

.beitrag.news-startseite {
    margin-top: 7em;
}

.circle-button {
    height: 13vw;
    width: 13vw;
    font-size: 1rem;
    border-width: 3px;
}

.scrolltotop {
    height: 4em;
    width: 4em;
}

.scrolltotop-icon {
    width: 4em;
    height: 4em;
}


/* ///// UNTERSEITEN ///// */

.kompass {
    position: absolute;
    width: 5em;
    height: 5em;
    top: 9em;
    left: 2em;
}

section.drehscheibe-top {
    width: 86%;
    padding: 0% 7% 7% 7%;
    height: 85vh;
}

section.page {
    width: 80%;
    padding: 20% 10%;
}

.partner .newsflash {
    flex-wrap: wrap;
}

img.partner-bild {
    max-height: 4em;
    max-width: 20em;
}

.leaflet-top .leaflet-control {
    height: calc(85vh - 4%);
    max-height: fit-content;
}

.partner a {
    flex: 0 48%;
}

img.partner-bild {
    max-height: fit-content;
    max-width: fit-content;
}

/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

a.scrolltotop {
    width: 35px;
    height: 29px;
}

}


@media screen and (max-width : 767px) and (orientation: portrait) {

/* ///// CONTAINER AND TYPO ///// */

h3 {
    font-size: min(max(1.5rem, 2.5vw), 3rem);
}

h2 {
    font-size: min(max(1.75rem, 2vw), 3rem);
}


/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */

.naechster-halt {
    font-size: 1rem;
}

.map-button {
    height: 3em;
}

#map-button {
    top: 12px;
    width: 10em;
}

#sticky {
    top: 4px;
}

nav ul {
    padding-left: 4em;
    width: calc(100% - 4em);
}

.small-nav {
    padding-left: 4em;
    width: calc(100% - 4em);
}


/* ///// SLIDER ///// */

.header-content h2 {
    font-size: 2em;
}

.header-content h1 {
    font-size: 8em;
}

.scroll {
    bottom: 40px;
}

.scroll::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: 35px;
    width: 3px;
    top: calc(100% + 10px);
    background: var(--yellow);
}

.beitrag.news-startseite {
    position: absolute;
    bottom: 7em;
    margin: 0;
    width: calc(86% - 2em);
    left: 6%;
    max-width: none;
}

/* ///// STARTSEITE ///// */

section.drehscheibe-home {
    padding: 12% 7% 0 7%;
    width: 86%;
}

section.drehscheibe-home-buttons {
    padding: 0% 7% 10% 7%;
    width: 86%;
    overflow: hidden;
}

section.map-home {
    padding: 40% 7% 30% 7%;
    width: 86%;
}

.mobile-overlay {
    position: absolute;
    background-color: var(--black);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.15;
    z-index: 1;
}

.media {
    width: 86%;
    padding: 12% 7%;
}

.standort-uri {
    width: 86%;
    padding: 12% 7% 20% 7%;
}

.drehscheibe-buttons a {
    margin: 0 auto;
    flex: 1 50%;
}

.circle-button {
    height: 6em;
    width: 6em;
    font-size: 1rem;
    margin: 0.5em;
}

.circle-icon {
    width: 4em;
    height: 4em;
    margin: 0px auto;
}

.map-home h2 {
    font-size: min(max(1.5rem, 2.5vw), 3rem);
    hyphens: auto;
}

.map-home .button {
    margin-right: 0!important;
    width: calc(100% - 4em - 6px);
}

.links-home a.button {
    margin-right: 0!important;
    width: calc(100% - 4em - 6px);
}


/* ///// UNTERSEITEN ///// */

section.page {
    width: 86%;
    padding: 30% 7% 7% 7%;
}

.kompass {
    width: 4em;
    height: 4em;
    top: 7em;
    left: 1em;
}

.drehscheibe-nav ul li {
    flex: 1 50%;
    text-align: left;
}

.drehscheibe-nav a.active {
    border-bottom: 3px solid var(--black);
    padding-bottom: 0.25rem;
}

section.drehscheibe-top {
    width: 86%;
    padding: 0% 7%;
}

section.drehscheibe-nav {
    width: 80%;
    padding: 1% 10% 10% 10%;
}

.text {
    width: calc(100% - 4em);
    padding: 2em;
    padding-top: 4em;
    float: left;
    margin-top: -4em;
    margin-bottom: 4em;
}

section.drehscheibe-image-mobile {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    background: var(--yellow);
}

img.drehscheibe-image-desktop {
    display: none;
}

li.medienmitteilungen a, li.links a {
    font-size: 1.1rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    float: left;
}

li.medienmitteilungen, li.links {
    padding-left: 0!important;
    width: 100%!important;
}

img.partner-bild {
    max-height: 4em;
    max-width: 14em;
}

.bilder a {
    flex: 0 48%;
    width: 48%;
    margin: 1% 2% 0% 0;
}

.page h1 {
    margin-bottom: 1em;
    font-size: min(max(2rem, 3vw), 3rem);
    hyphens: auto;
}

.date {
    margin-bottom: 1em;
    font-size: 1.5rem;
}

a.back {
    height: 4em;
    width: 4em;
}

.back-icon {
    width: 4em;
    height: 4em;
}

section.page.medienmitteilung {
    padding: 30% 7% 25% 7%;
}

.leaflet-top.leaflet-left {
    left: 1em;
}

.medienmitteilungen a {
    font-size: 1.1rem;
    line-height: 1.5;
}

.partner a {
    flex: 0 75%;
}

img.partner-bild {
    max-height: fit-content;
    max-width: fit-content;
}

.popup-content a.button {
    font-size: 0.9rem!important;
    padding: 0.75em 1.25em;
}

.control-window {
    width: 90%!important;
    margin: 0;
}

/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}


@media screen and (max-width : 600px)  {

/* ///// CONTAINER AND TYPO ///// */



/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

ul.repeatable-2 li {
    flex: 1 100%;
}

ul.repeatable-2 li, ul.repeatable-3 li, ul.repeatable-4 li {
    padding: 1%;
}

}


@media screen and (max-width : 500px)  {

/* ///// CONTAINER AND TYPO ///// */

.center {
    text-align: left;
}

.parallaxParent {
    height: 80vw;
}

/* ///// HEADER ///// */

.header-vid-desktop {
    display: none;
}

.header-vid-mobile {
    display: block;
}


/* ///// NAVIGATION ///// */


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}


@media screen and (max-width : 450px)  {

/* ///// CONTAINER AND TYPO ///// */


/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}


@media screen and (max-width : 350px)  {

/* ///// CONTAINER AND TYPO ///// */


/* ///// HEADER ///// */


/* ///// NAVIGATION ///// */

nav ul {
    padding-left: 3em;
    width: calc(100% - 3em);
}

.small-nav {
    padding-left: 3em;
    width: calc(100% - 3em);
}

li.nav-item a {
    font-size: 1.5rem;
}


/* ///// SLIDER ///// */


/* ///// STARTSEITE ///// */


/* ///// UNTERSEITEN ///// */


/* ///// FOOTER ///// */


/* ///// DIVERSES ///// */

}




@media screen and (max-width: 1000px) and (orientation: landscape) {

#slider, #slider .slider, #slideshow-area .image, #slider .hintergrundbild {
    height: 90vw;
}

#heads {
    height: 30vw;
}

#navigationWrap, #navigationWrap-fadein {
    overflow-y: scroll;
}

.naechster-halt {
    bottom: 9em;
    font-size: 1rem;
}

.map-button {
    height: 3em;
}

.header-content h1 {
    font-size: 6em;
}

.scroll {
    bottom: 60px;
}

.header-content h2 {
    font-size: 2em;
}

.beitrag.news-startseite {
    font-size: 0.75rem;
}

.header-content {
    transform: translate(-50%, -35%);
}

#navigationWrap {
    width: 100%;
}

li.nav-item a {
    font-size: 1.5rem;
    line-height: 1.5;
}

.small-nav {
    bottom: 2em;
}

.circle-button {
    height: 11vw;
    width: 11vw;
    font-size: 0.8rem;
}

section.drehscheibe-top {
    height: 80vh;
}

section.drehscheibe-detail {
    padding: 0% 5% 10% 5%;
}

#map-button {
    top: 7.5em;
}

.date {
    margin-bottom: 1em;
    font-size: 1.5rem;
}

h1 {
    font-size: min(max(2.5rem, 4vw), 4rem);
}

.layers {
    width: calc(100% - 120px);
}

.kompass {
    width: 5em;
    height: 5em;
    top: 3em;
    left: 3em;
}

}