@media screen and (min-width : 1800px)  {

#containerS {
    padding: 150px 25% 0 25%;
}

#ansprechperson {
    margin: 300px 0 5%;
}

#ansprechperson-hell, #ansprechperson-hell-artikel {
    margin: 200px 0 100px;
}

#dienstleistungen-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 15% 0 20%;
    float: left;
}

#dienstleistungen-container {
    margin: 250px 0 300px;
}

#mitarbeiter-container {
    padding: 200px 0;
}

#news-container {
    padding: 200px 0;
}

.hero {
    margin-top: 50px;
    margin-bottom: 50px;
}

.hero2 {
    margin-top: 200px;
}

.geschichte-container {
    margin: 100px 5% 0;
}

}


@media screen and (max-width : 1800px)  {
    body {
        font-size: 1rem;
    }
    p, span.field-value, span.field-label {
        font-size: 1.1rem;
    }
    #containerS {
        width: 40%;
        padding: 8% 30% 0 30%;
    }
    #dienstleistungen-introtext {
        width: 40%;
        margin: 0 30% 0 30%;
    }
    #mitarbeiter-introtext {
        width: 40%;
        margin: 0 30% 0 30%;
    }
    .carousel .slick-track {
        margin-left: calc(-4.8% - 15px);
    }
    .carousel .slick-prev, .carousel .slick-next {
        left: 30%;
    }
    #left-col {
        margin: 2% 50px 50px 50px !important;
        width: calc(25% - 100px) !important;
    }
    iframe.youtube {
        height: 400px;
    }
}


@media screen and (max-width : 1700px)  {
    .page-header {
        margin-top: 4%;
    }
}


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

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

#containerS {
    width: 50%;
    padding: 8% 25% 0 25%;
}

#dienstleistungen-introtext {
    width: 50%;
    margin: 0 25% 0 25%;
}

#mitarbeiter-introtext {
    width: 50%;
    margin: 0 25% 0 25%;
}

.carousel .slick-prev, .carousel .slick-next {
    left: 25%;
}

.carousel .slick-track {
    margin-left: calc(-26.8% - 20px);
}

#introtext p, #mitarbeiter-introtext p {
    font-size: 1.5rem;
    line-height: 1.8;
}

h2 {
    font-size: 2.0rem;
}

#news h3 {
    font-size: 1rem;
}

#dienstleistungen-container {
    margin: 10% 0 20%;
}

.bgimage {
    height: 25vw;
}

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


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


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


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

#mitarbeiter-auswahl .description {
    bottom: 2em;
    left: 2em;
}

#news .bgimage {
    height: 20vw;
}

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

#ansprechperson .portraittext span, #ansprechperson-hell .portraittext span, #ansprechperson-hell-artikel .portraittext span {
    font-size: 1.5rem;
}

.fact {
    border: solid 0.7vw;
    width: 14vw;
    height: 14vw;
    font-size: 4vw;
}

.geschichte-container {
    width: 76%;
    margin: 10% 5% 0;
    padding: 0% 11% 5% 3%;
}

.geschichte {
    margin: 5% 25%;
}

button#toggle {
    margin: 0% 0 0 25% !important;
}

#titel {
    margin: 15% 0 5%;
}

.portrait {
    width: min(max(250px, 22vw), 400px);
    height: min(max(300px, 30vw), 600px);
    left: 18%;
}

.portfolioFilter {
    margin: 0 5% 5%;
}

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


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

}


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

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


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


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


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


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

figure.has-parallax {
    max-height: 60vw;
}

#parallax-ubiq img {
    width: auto;
    height: 60vw;
}

.parallax-text {
    right: 5%;
    width: 50%;
}

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

.kompetenzen em {
    flex: 0 100%;
    margin: 0 0% 0 0;
    padding: 2% 0;
}

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


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

}


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

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


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


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

nav .grid-1-1, nav .grid-2-1, nav .grid-3-1 {
    padding: 0 2vw;
}

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


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


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

#ansprechperson {
    margin: 20% 0 10%;
}

.slick-prev:before, .slick-next:before, .slick-prev, .slick-next {
    width: 35px;
    height: 20px;
}

#titel {
    margin: 20% 0 5%;
}

#team #beitrag {
    width: 23%;
    margin: 1%;
}

#lehrstellenangebot {
    width: 90%;
    margin: 10% 5%;
}

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


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

}


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

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


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

.page-header {
    margin-top: 7%;
}

#header .logo {
    max-width: 200px;
}

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


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

.swiper-button-next, .swiper-button-prev {
    width: 35px;
    height: 22px;
    background-size: 35px 22px;
    bottom: 5em;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    margin-left: 50px;
}

#slider .logo {
    width: 350px;
}

.slide-inner--info {
    width: 27em;
    margin-top: 100px;
}

.scrolldown {
    width: 50px;
    height: 6em;
}

.scrolldown:before {
    width: 22px;
    height: 35px;
}

.insta {
    bottom: 2.5em;
    right: 90px;
    width: 1.2em;
    height: 1.2em;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: 35px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 2em;
    left: 0;
    margin-left: 25px;
}


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

#news .introtext, #news .introtext-zeichenlimit {
    width: calc(100% - 2em);
    margin: 1em;
}

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

.geschichte-container {
    width: 80%;
    margin: 10% 5% 0;
    padding: 5% 10% 10% 0%;
}

.geschichte {
    width: 60%;
    margin: 5% 25%;
}

button#toggle {
    margin: 0% 0 0 25% !important;
}

.portrait {
    width: min(max(250px, 30vw), 400px);
    height: min(max(300px, 42vw), 600px);
    left: 11%;
}

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

#footer {
    padding: 10% 7% 10% 7%;
}

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

}


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

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

.bgimage, #mitarbeiter-auswahl .bgimage {
    height: 35vw;
}

#main-col {
    width: 100% !important;
}

#left-col {
    margin: 10% 5% !important;
    width: 90% !important;
}

.bild-frame {
    height: 35vw;
}

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

.hero, .hero2 {
    height: 60vh;
}


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


nav#nav-main {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    padding: 0;
    z-index: 1007;
}


nav section {
    position: relative;
    display: block;
    padding: 10em 0 15% 0;
    /*overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;*/
    height: auto;
    float: left;
}


nav img.logo {
    width: 80px;
    left: 9%;
    top: 3em;
}

a.home {
    position: relative;
    left: 9%;
    top: auto;
    margin-bottom: 2em;
    float: left;
    width: 91%;
}

nav h4 {
    font-size: 10px;
    color: #87949b;
}

#nav-main br {
    display: none;
}

nav .grid-2-1 {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
}

nav .grid-3-1 {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 1;
}

nav .grid-1-1, nav .grid-2-1 {
    border-right: solid 0px #495056;
    border-bottom: solid 1px #495056;
}

nav .grid-1-1, nav .grid-2-1, nav .grid-3-1 {
    padding: 6% 0vw;
}


nav .grid {
    width: 93%;
    justify-content: flex-start;
    top: 0;
    left: 7%;
}

a.home {
    font-size: min(max(16px, 1.2vw), 25px);
    letter-spacing: 1px;
}


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


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


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

.portraittext {
    width: 40%;
    margin: 5% 10% 5% 50%;
}

.portfolioFilter a {
    width: calc(25% - 26px);
}

#team #beitrag {
    width: 31%;
    margin: 1%;
}

.portraitbild {
    height: 35vw;
}

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


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

iframe.youtube {
    height: 300px;
}

}


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

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

#containerS {
    width: 70%;
    padding: 12% 15% 0 15%;
}

#dienstleistungen-container {
    margin: 15% 0 20%;
}

#news-container {
    padding: 15% 0;
}

#dienstleistungen-introtext {
    width: 70%;
    margin: 0 15% 0 15%;
}

#mitarbeiter-introtext {
    width: 70%;
    margin: 0 15% 0 15%;
}

.carousel .slick-prev, .carousel .slick-next {
    left: 15%;
}

.carousel .slick-track {
    margin-left: calc(-38.8% - 20px);
}

#news h3 {
    font-size: 0.8rem;
}

#news-introtext {
    width: 50%;
    margin: 0 25% 0 25%;
}

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

#sticky, #sticky-fadein, #sticky-reverse, #sticky-reverse-fadein {
   position: fixed;
}


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


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


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

figure.has-parallax {
    max-height: 100vw;
}

#parallax-ubiq img {
    height: 100vw;
}

.parallax-text {
    right: 10%;
    width: 40%;
}

#mitarbeiter-auswahl .description {
    bottom: 1em;
    left: 1em;
}

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

#referenzen .slick-slide img {
    max-width: 130px;
    max-height: 45px;
}

#referenzen {
    padding: 5% 10% 12%;
    margin: 5%;
}

.uid {
    font-size: 2rem;
}

.fact {
    border: solid 1vw;
    width: 18vw;
    height: 18vw;
    font-size: 5vw;
}

.geschichte-container {
    width: 90%;
    margin: 10% 5% 0;
    padding: 5% 0% 10% 0%;
}

.geschichte {
    width: 70%;
    margin: 5% 15%;
}

button#toggle {
    margin: 0% 0 0 15% !important;
}

#lehrstellenangebot h2, #lehrstellenangebot h4 {
    width: 50%;
    padding: 0 25% 0 25%;
}

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


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

}


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


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

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

body {
    font-size: 1rem;
}

.big {
    font-size: 1.2rem;
}

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

.telefon {
    top: 2.5em;
    left: 2em;
}

.page-header {
    margin-top: 10%;
}

#header {
    padding: 2em 0px 0;
}

#container-header {
    width: calc(100% - 2em);
    margin-left: 2em;
}

#header {
    padding: 1.5em 0px 0;
}

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

#sticky, #sticky-fadein, #sticky-reverse, #sticky-reverse-fadein {
    top: 3em;
    right: 2em;
}

nav img.logo {
    top: 2em;
}

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

.swiper-pagination-bullet {
    padding: 0px 5px;
    height: 25px;
    line-height: 1.5;
    font-size: 10px;
}

#slider .logo {
    width: 300px;
}

.slide-inner--info h1 {
    font-size: 1.2rem;
}

.slide-inner--info {
    width: 25em;
    margin-top: 90px;
}

.swiper-button-next, .swiper-button-prev {
    bottom: 6em;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.swiper-pagination-bullet {
    width: 8em;
    height: auto;
    padding: 3px 5px;
    text-align: left;
}

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

.parallaxParent {
    height: 60vw;
}

.carousel .slick-slide {
    margin: 0 8px 0 0;
}

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

#ansprechperson .portraittext span, #ansprechperson-hell .portraittext span, #ansprechperson-hell-artikel .portraittext span {
    font-size: 1.3rem;
    line-height: 1.5;
}

#referenzen .slick-slide img {
    max-width: 190px;
    max-height: 70px;
}

#referenzen-slider {
    margin-top: 10%;
}

.portfolioFilter a {
    width: calc(33% - 26px);
    font-size: 10px;
}

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

#footer .logo {
    max-width: 200px;
}

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

}


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

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

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

#introtext p, #mitarbeiter-introtext p {
    font-size: 1.2rem;
    line-height: 1.8;
}

h2 {
    font-size: 1.5rem;
}

#news-introtext {
    width: 86%;
    margin: 0 7%;
}

#news .bgimage {
    height: 18vw;
}

#news h3 {
    font-size: 1rem;
}

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

.hero, .hero2 {
    height: 75vw;
}

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


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


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


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

.portrait {
    width: min(max(220px, 30vw), 400px);
    height: min(max(260px, 38vw), 600px);
    left: 11%;
}

#ansprechperson {
    margin: 30% 0 15%;
}

#ansprechperson-hell, #ansprechperson-hell-artikel {
    margin: 10% 0 5%;
}

#lehrstellenangebot {
    width: 90%;
    margin: 20% 5%;
}

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


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


}


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

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


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

.page-header {
    margin-top: 15%;
}

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


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


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


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

#team #beitrag {
    width: 46%;
    margin: 2%;
}

.portraitbild {
    height: 45vw;
}

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


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

iframe.youtube {
    height: 250px;
}

}


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

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

h4 {
    font-size: 11px;
}

.bgimage, #mitarbeiter-auswahl .bgimage {
    height: 60vw;
}

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

.page-header {
    margin-top: 18%;
}

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

nav section {
    padding: 8em 0 15% 0;
}

.kontakt p, .kontakt a {
    text-align: left;
}

nav .kontakt {
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
    float: left;
    width: 90%;
    margin: 10% 0 0 10%;
}

nav img.logo {
    width: 50px;
}

a.home {
    left: 11%;
    width: 89%;
}

nav a.button {
    padding: 9px 20px 9px 20px !important;
}

nav .grid a, a.home {
    font-size: min(max(12px, 1.2vw), 25px);
}

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

#slider .logo {
    width: 250px;
}

.slide-inner--info {
    top: 42%;
}

.scrolldown {
    width: 40px;
    height: 4em;
}

.scrolldown:before {
    width: 14px;
    height: 25px;
}

.insta {
    bottom: 1.5em;
    right: 60px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 1em;
    margin-left: 10px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-pagination-bullet {
    padding: 3px 3px;
    font-size: 8px;
}

.slide-inner--info {
    width: 60%;
}

.slide-inner--info h1 {
    font-size: 1rem;
}

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

.carousel .slick-track {
    margin-left: calc(10.2% - 20px);
}

figure.has-parallax {
    max-height: 120vw;
}

#parallax-ubiq img {
    width: auto;
    height: 120vw;
}

.parallax-text {
    right: 15%;
    left: 15%;
    width: 70%;
}


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

.portraittext {
    width: 70%;
    margin: 0 15% 10% 15%;
}

#ansprechperson-hell .portraittext, #ansprechperson-hell-artikel .portraittext {
    width: 70%;
    margin: 5% 15% 10% 15%;
}

.portrait {
    position: relative;
    width: 70%;
    height: 75vw;
    top: -10vw;
    left: auto;
    transform: none;
    margin: 0 15%;
}

#ansprechperson-hell .portrait, #ansprechperson-hell-artikel .portrait {
    position: relative;
    width: 70%;
    height: 75vw;
    top: 0;
    left: auto;
    transform: none;
    margin: 0 15%;
}

#ansprechperson {
    margin: 40% 0 15%;
}

#ansprechperson-hell, #ansprechperson-hell-artikel {
    margin: 20% 0 0%;
}

#referenzen .slick-slide img {
    max-width: 220px;
    max-height: 90px;
}

.uid {
    font-size: 1.5rem;
}

#titel {
    margin: 25% 0 5%;
}

.portfolioFilter a {
    width: calc(50% - 26px);
}

#lehrstellenangebot h2, #lehrstellenangebot h4 {
    width: 100%;
    padding: 0;
}

#lehrstellenangebot .bgimage {
    height: 55vw;
}

.newscontent {
    flex: 0 96%;
    margin: 0% 2% 15%;
}

.newscontent .bild-frame {
    height: 55vw;
}

#loadMore.button {
    padding: 15px 35px 15px 20px !important;
    font-size: 0.8rem;
}

#loadMore.button:before {
    right: 14px;
}

#news .bgimage {
    height: 60vw;
}


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

#footer {
    padding: 25% 7% 25% 7%;
}

#footer .logo {
    max-width: 170px;
}

/* ///// 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 : 650px) and (max-height : 700px)  {
    #slider .logo {
        top: 35%;
    }

    .slide-inner--info {
        top: 35%;
    }
}


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

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

h2 {
    font-size: 1.2rem;
}

#news h3 {
    font-size: 1rem;
}

#containerS {
    width: 90%;
    padding: 20% 5% 0 5%;
}

#dienstleistungen-introtext {
    width: 90%;
    margin: 0 5% 0 5%;
}

#mitarbeiter-introtext {
    width: 90%;
    margin: 0 5% 0 5%;
}

#dienstleistungen-container {
    margin: 25% 0 20%;
}

.center {
    text-align: left;
}

#news-introtext {
    width: 90%;
    margin: 0 5%;
}

#container-header {
    width: calc(100% - 5%);
    margin-left: 5%;
}

#header .logo {
    max-width: 160px;
}

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

.hero, .hero2 {
    height: 80vw;
}

a.lightbox {
    width: 2.5em;
    height: 2.5em;
    bottom: 2.5em;
}

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


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


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

.carousel .slick-track {
    margin-left: calc(0px - 30px);
}

.carousel .slick-prev, .carousel .slick-next {
    left: 6%;
}

figure.has-parallax {
    max-height: 140vw;
}

#parallax-ubiq img {
    height: 140vw;
}

.parallax-text {
    right: 5%;
    left: 5%;
    width: 90%;
}

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


#ansprechperson-hell .portraittext, #ansprechperson-hell-artikel .portraittext {
    width: 90%;
    margin: 5% 5% 10% 5%;
}

#ansprechperson-hell .portrait, #ansprechperson-hell-artikel .portrait {
    width: 90%;
    margin: 0 5%;
}

.fact {
    border: solid 1.5vw;
    width: 23vw;
    height: 23vw;
    font-size: 6vw;
}

.geschichte-container {
    width: 90%;
    margin: 20% 5% 0;
    padding: 0% 0% 10% 0%;
}

.geschichte {
    width: 90%;
    margin: 15% 5%;
}

.geschichte em:nth-child(3n+1) {
    width: 4em;
}

.geschichte em:nth-child(3n+2) {
    width: calc(100% - 4em);
}

.geschichte em:nth-child(3n+3) {
    width: calc(100% - 4em);
    margin: 2% 0 5% 4em;
    float: left;
}

button#toggle {
    margin: 0% 0 0 5% !important;
}

.portfolioFilter {
    margin: 0 0% 5%;
}

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


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

}


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

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


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

.telefon {
    left: 1em;
    margin-left: 28px;
    top: 2.2em;
}

.telefon:before {
    top: 0px;
    left: -24px;
    width: 12px;
    height: 22px;
}

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

#sticky, #sticky-fadein, #sticky-reverse, #sticky-reverse-fadein {
    right: 1em;
}

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

.scrolldown {
    width: 35px;
}

.insta {
    right: 55px;
}

.swiper-pagination {
    text-align: left;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 4px 0px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    margin-left: 14px;
}

.swiper-pagination-bullet {
    width: auto;
    display: table;
    padding: 1px 3px;
    font-size: 9px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: 16px;
}

.swiper-button-next, .swiper-button-prev {
    bottom: 7em;
}

.slide-inner--info {
    width: 80%;
    margin-top: 60px;
}

.slide-inner--info h1 {
    font-size: 0.8rem;
}

#slider .logo {
    width: 200px;
}

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

figure.has-parallax {
    max-height: 160vw;
}

#parallax-ubiq img {
    height: 160vw;
}

.bgimage, #mitarbeiter-auswahl .bgimage, .bild-frame {
    height: 70vw;
}

.dl-text {
    bottom: 1em;
    left: 1em;
    width: calc(90% - 1em);
}

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

#referenzen .slick-slide img {
    max-width: 180px;
    max-height: 60px;
}

#referenzen {
    padding: 5% 0% 25%;
    width: 90%;
}

#referenzen-slider {
    margin-top: 15%;
}

.slick-prev:before, .slick-next:before, .slick-prev, .slick-next {
    width: 30px;
    height: 16px;
}

.slick-next {
    right: 5%;
}

.slick-prev {
    left: 5%;
}

#team #beitrag {
    width: 100%;
    margin: 2% 0;
}

#team .portraitbild {
    height: 400px;
}

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


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

}


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

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


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


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


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


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


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


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


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

}




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


nav#nav-main {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: auto;
    padding: 0 0 40%;
}

}



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


    .slide-inner--info {
        width: 40%;
        top: 32%;
    }

    #slider .logo {
        top: 35%;
        max-width: 300px;
    }
    
}

@media screen and (min-width : 1750px)  {
    .hero.ueber-uns {
        height: 45vw;
    }
}