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

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



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


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

.subnav-item a {
    font-size: 1.15rem;
}


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


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


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


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


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

}




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

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



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

.header-placeholder {
    position: relative;
    float: left;
    width: 100%;
    height: 10vw;
}



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


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


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


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

#loadMore:before {
    top: 23px;
}

#loadMore:after {
    top: 37px;
}


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


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

}


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

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


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


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

.subnav-item a {
    font-size: 1.1rem;
}


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


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


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


/* ///// 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 ///// */


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


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

}


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

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

.item-page {
    margin: 0% 0% 0%;
    width: 100%;
}

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

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

.logo {
    width: clamp(12em, 10vw, 14em);
}

#sticky {
    top: 45px;
}

img.news-button {
    right: 40px;
    max-width: 50px;
}

.ubiq-header .content {
    width: 45%;
    margin: 15% 40% 2% 15%;
}

.image-container {
    height: 30vw;
}

img.scrolldown {
    width: 3vw;
    bottom: -1vw;
    right: -35%;
}


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

#navigationWrap {
    width: 35vw;
}

.subnav-item a {
    font-size: 1.1rem;
}


/* ///// 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 ///// */

.schnellzugriff ul.menu li {
    padding: 3vw 0;
}


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

.zeitachse ul.menu {
    max-height: 70vh;
}

.newscontent {
    flex: 0 calc(46% - 18px);
}


.content-main-right {
    width: 65%;
}


/* ///// 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 ///// */

.wideWrap {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}


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


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


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


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

.parallaxParent {
    height: 60vw;
}

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


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


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

}


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

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

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

#footer p:nth-child(2) {
    font-size: 1rem;
}

.accordion-repeatable li:nth-child(odd) {
    font-size: 1rem;
    width: calc(100% - 3em);
    padding: 0.5em 3em 0.5em 0em;
}

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

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



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

#header {
    padding: 20px 0 20px 0;
}

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

.logo {
    width: clamp(12em, 10vw, 16em);
}

img.news-button {
    max-width: 50px;
    margin-right: 50px;
    right: 85px;
    top: 23px;
}

.header-content {
    max-width: 85%;
}

.ubiq-header .content {
    position: relative;
    float: left;
    z-index: 4;
    width: 60%;
    border: 9px solid var(--green);
    height: auto;
    margin: 15% 40% 5% 11%;
}

.image-container {
    width: 120%;
    height: 40vw;
    margin: 1% 0 5% 10%;
}

img.scrolldown {
    width: 3.75vw;
    bottom: -1%;
    right: -22%;
}


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

#sticky {
    top: 45px;
    right: 5%;
}

.menu-text {
    display: none;
}

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

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


#navigationWrap {
    width: 40vw;
}

.subnav-item a {
    font-size: 1.25rem;
}

/* ///// 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;
}


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


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


.content-left {
    width: 100%;
}

.content-main-right {
    width: 100%;
}

#content-top {
    width: 100%;
    margin: 0;
}

.moduletable.news h1, .articleBody h1 {
    font-size: min(max(3.5rem, 3.5vw), 8rem);
}

.zeitachse ul.menu {
    flex-direction: row-reverse;
}

.zeitachse .nav li {
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    border-width: 6px;
    margin: 0 1%;
}

.zeitachse .nav li:before {
    display: none;
}

.zeitachse .nav li a {
    line-height: 50px;
    font-size: 0.9rem;
}

.moduletable.zeitachse:before, .moduletable.zeitachse:after {
    display: none;
}

.moduletable.zeitachse {
    width: 90%;
    margin: 0 5%;
}

.zeitachse .nav li:last-child:after {
    display: none;
}

.content-main-right.timeline {
    margin-top: 2em;
}

img.arrow-up {
    position: absolute;
    left: -1%;
    width: 30px;
    transform: translate(0, -50%) rotate(90deg);
    top: 50%;
}

img.arrow-down {
    position: absolute;
    right: -1%;
    width: 30px;
    transform: translate(0, -50%) rotate(-90deg);
    top: 50%;
    left: auto;
}

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


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

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

}


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

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

.moduletable.news h1, .articleBody h1 {
    font-size: min(max(2.5rem, 3vw), 4.5rem);
    margin-bottom: 1rem;
    white-space: pre-wrap;
    hyphens: auto;
}

.title h2 {
    margin-bottom: 1em;
    line-height: 1.25;
    hyphens: none;
}

#footer b, #footer .col-11-2 a {
    font-size: 1.3em;
}

.newstitel {
    position: relative;
    float: left;
    font-size: 1.1rem;
    width: 100%;
    hyphens: auto;
}


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

.logo {
    width: clamp(12em, 12vw, 15em);
}

.header-placeholder {
    height: 25vw;
}

.header-content {
    width: 90%;
}


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

.schnellzugriff ul.nav.menu.mod-list {
    display: flex;
    flex-direction: column;
    padding: 6% 0 4% 0;
}

.schnellzugriff ul.menu li {
    width: 100%;
    padding: 0.5em 0;
}

ul.nav.menu.mod-list {
    padding: 3% 0;
    position: relative;
    float: left;
    background: var(--green);
}

.zeitachse ul.nav.menu.mod-list {
    background: transparent;
}

#navigationWrap {
    width: 100%;
}

.menu-container {
    border-left: 0;
}

.schnellzugriff ul.menu a, .schnellzugriff span.separator {
    font-size: 1.5em;
}

.subnav-item a {
    padding: 12px 20px 10px 20px;
    height: calc(100% - 18px);
    font-size: 1.2rem;
}

#subnavigation {
    margin: 10% 5%;
    width: 70%;
}

#responsive-navigation ul.menu a, #responsive-navigation span.separator {
    font-size: min(max(1.35rem, 2.5vw), 1.55rem);
    padding: 12px;
    padding-left: 1em;
}

.newsflash.latest-news {
    position: absolute;
    width: 90%;
    padding: 0 5%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.moduletable.latest-news:after {
    right: 92px;
    left: auto;
}

.latest-news h1 {
    font-size: 2em;
}

img.nav-logo {
    display: block;
}

#responsive-navigation span.separator.aktiv {
    margin-bottom: -10px;
}

#responsive-navigation ul.nav-child.unstyled.small li a, #responsive-navigation ul.nav-child.unstyled.small li span.separator {
    font-size: 1rem;
    padding-left: 1.4em;
}

#responsive-navigation ul.nav-child.unstyled.small {
    margin-bottom: 1.75em;
    float: left;
}

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

img.news-button {
    max-width: 45px;
    margin-right: 10px;
    right: 85px;
    top: 23px;
}

.header-content h2 {
    font-size: min(max(1.5rem, 2vw), 2.25rem);
}

.header-content {
    top: 45%;
}


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

.ubiq-header {
    height: 44em;
}

.ubiq-header .image-container {
    position: absolute;
    float: left;
    width: 100vw;
    height: 80vw;
    background: var(--green);
    background-position: center;
    background-size: cover;
    margin: 0;
    left: -5%;
    top: 50%;
}

.ubiq-header .content {
    width: calc(90% - 18px);
    border: 9px solid var(--green);
    height: 30em;
    margin: 30% 5% 0% 5%;
}

.ubiq-header .image-container {
    width: 101vw;
    height: 22em;
    margin: 0;
    left: calc(-6% - 9px);
    top: 55%;
    transform: translate(0, -50%);
}

#heads .ubiq-header h1 {
    margin: 5px 15px;
    font-size: min(max(3rem, 3vw), 5rem);
}

img.scrolldown {
    width: 2.25em;
    bottom: -4em;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
}

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


.newscontent {
    flex: 0 calc(100% - 18px);
    padding: 5%;
    margin-bottom: 15%;
    position: relative;
}

.bilder .beitrag a.gallery {
    display: flex;
    flex: 0 48%;
    width: 31%;
    margin: 1% 2% 1% 0;
}

.bilder section {
    margin-bottom: 1em;
}

.articleBody {
    padding-top: 2rem;
}

.content-left .box-left:last-child {
    margin-bottom: 2em;
    padding: 1em 1.25em;
    width: calc(100% - 2.5em);
}

.accordion-repeatable {
    margin-top: 1em;
}

.box-left .accordion-repeatable {
    margin-top: 0;
}

.accordion-repeatable li:nth-child(odd):after {
    width: 20px;
    height: 24px;
    right: 5px;
    top: 14px;
    background-image: url(/templates/ubiqdesign/images/accordion-arrow-mobile.svg);
}

.accordion-repeatable li:nth-child(even) {
    width: 100%;
    padding: 0.75em 0px 0.75em 0px;
}


.subnav-item.current.active a {
    padding: 0;
    height: 100%;
}

.back-button {
    margin-bottom: 15%;
    margin-left: 5%;
}

#loadMore:before {
    top: 23px;
}

#loadMore:after {
    top: 37px;
}


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

#footer {
    width: 90%;
    padding: 5% 5%;
}


/* ///// J4 ///// */

.moduletable.latest-news {
    position: fixed;
    width: 84%;
    top: 100px;
    right: 3%;
    left: 3%;
    height: calc(94% - 100px);
    background: var(--white);
    display: none;
}


img.news-button + .newsflash {
    position: absolute;
    top: 100px;
    width: calc(100vw - 84px);
    right: 20px;
    padding: 20px;
    background: var(--white);
    display: none;
    height: calc(100vh - 160px);
    height: calc(calc(var(--vh, 1vh) * 100) - 160px);
    align-items: center;
}

.beitrag {
    position: relative;
    width: 100%;
    /* top: 50%; */
    justify-content: center;
    /* transform: translate(0%, -50%); */
}

img.news-button + .newsflash:after {
    right: 78px;
    left: auto;
}

img.news-button + .newsflash .beitrag {
    height: fit-content;
}

ul.nav.menuschnellzugriff-container.mod-list {
    display: flex;
    flex-direction: column;
}

ul.nav.menuschnellzugriff-container.mod-list li {
    width: 100%;
}

ul.nav.menuschnellzugriff-container.mod-list {
    padding: 5% 0 4% 0;
    background: var(--green);
}


@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 ///// */


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


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


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


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


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


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

}


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

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


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


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

#header-fadeup #sticky {
    top: 32px;
}

#header-fadeup .logo.scrolled-nav {
    width: 9em;
}


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


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


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

img.arrow-down {
    right: -4%;
}

img.arrow-up {
    left: -4%;
}


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


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

}


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

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


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


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

#responsive-navigation ul.menu a, #responsive-navigation span.separator {
    padding: 6px;
}


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


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

.schnellzugriff ul.menu a, .schnellzugriff span.separator {
    font-size: 1.2em;
}

.schnellzugriff ul.menu li {
    padding: 0.25em 0;
}

.header-content h2 {
    font-size: min(max(1.25rem, 2vw), 2.25rem);
    line-height: 1.25;
}

.logo {
    width: clamp(10em, 12vw, 15em);
}

.schnellzugriff ul.nav.menu.mod-list {
    padding: 5% 0 4% 0;
}

#sticky {
    top: 42px;
    right: 5%;
}

img.news-button {
    max-width: 45px;
    margin-right: 10px;
    right: 75px;
    top: 20px;
}

.moduletable.latest-news {
    position: fixed;
    width: 81%;
    top: 100px;
    right: 3%;
    left: 3%;
    height: calc(91% - 100px);
    background: var(--white);
    display: none;
}

.moduletable.latest-news:after {
    right: 77px;
}

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

.subnav-item a {
    font-size: 0.9rem;
}


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


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



/* ///// J4 ///// */

ul.nav.menuschnellzugriff-container.mod-list li {
    padding: 0.25em 0;
}

ul.nav.menuschnellzugriff-container.mod-list li a {
    font-size: 1.2em;
}

}


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

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

.subnav-item.current.active {
    padding: 12px 20px 10px 20px;
    height: calc(100% - 18px);
    font-size: 1.2rem;
}

}