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

    #spielbetrieb img {
        width: 1000px;
    }

    #spielbetrieb {
        margin: 350px 0 5%;
    }

}

@media screen and (max-width: 2000px) {
    .sponsoren .beitrag {
        flex: 0 19%;
    }

    .sponsoren.teamsponsoring .beitrag {
        flex: 0 50%;
    }
}


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

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

.sponsoren .bild {
    max-height: 5em;
    max-width: 200px;
}

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

.spiel-details .mannschaften {
    margin: 2%;
    font-size: 0.8rem;
}

.button, a.button, p.button, a.readmore, button.goback, .video-button {
    font-size: 0.8rem;
}

#loadMore {
    font-size: 0.8rem;
}


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

svg#kreis1 {
    width: 40vw;
    height: 40vw;
    margin-top: -5%;
}

svg#kreis2 {
    width: 50vw;
    height: 50vw;
    margin-top: -5%;
}


}

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

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

#containerS {
    width: 60%;
    margin: 7% 20% 0;
}

#containerM {
    width: 80%;
    margin: 7% 10% 0;
}

#containerP {
    width: 80%;
    margin: 7% 5% 0;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h4 {
    font-size: 1.3rem;
}


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

.logo.home {
    width: 125px;
}

.logo {
    width: 100px;
}

.logo.scrolled-nav {
    width: 65px;
}

#container-header {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}

#navigation.spacers ul.menu a {
    font-size: 10px;
}

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


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


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

#spielbetrieb {
    margin: 16% 0 5%;
}

#spielbetrieb img {
    margin-top: -20%;
}

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

.next-games .beitrag {
    width: 100%;
    margin: 1% 0% 0 0;
}

.sponsoren.teamsponsoring .beitrag {
    flex: 0 60%;
}

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


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

}


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

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


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

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

.ubiq-header {
    height: 40vw;
}

#container-header a.button-right {
    right: 14%;
}

#container-header a.button-left {
    left: 5%;
}

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

.navigation-grid-1 {
    margin: 31% 10% 10% 15%;
}

.navigation-grid-2 {
    margin: 20% 5%;
}

.navigation-grid-3 {
    margin: 20% 25% 5% 5%;
}


.navigation-grid-grey ul.menu a, h3, .navigation-grid-grey span.separator {
    font-size: min(max(1rem, 1.5vw), 25px);
}

.kontakt-button {
    font-size: 0.8rem;
}

.navigation-grid-grey .logo {
    width: 100px;
    height: 100px;
}

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

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 5%;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: auto;
    left: 55%;
}

.swiper-button-prev, .swiper-button-next {
    width: calc(var(--swiper-navigation-size) / 30 * 18);
}

.spiel-details {
    padding: 2% 45% 7% 5%;
}

.spiel-details span.mannschaft {
    padding: 4px 15px;
    margin: 0em 0.5em;
}

.spiel-details .mannschaften {
    margin: 2%;
    font-size: 0.6em;
}


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

#termine {
    padding: 10% 12% 20%;
}

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

.meilensteine-container {
    width: 100%;
    padding: 10% 0%;
}

.meilensteine li:nth-child(2n+2) {
    width: 35%;
}

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


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


}


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

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

.bild-frame, .bild {
    height: 30vw;
}

h5 {
    font-size: 1rem;
    letter-spacing: 0.5px;
}

#news {
    padding: 10% 0 15%;
}

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

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


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

ul.menu li ul.nav-child.unstyled.small li {
    margin: 0; 
}

ul.menu li ul.nav-child.unstyled.small li a {
    padding: 0px 20px;
}

span.separator:before, span.separator.aktiv:before {
    right: -20px;
    height: 6px;
    width: 10px;
}

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


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


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

.matchberichte .beitrag {
    width: 100%;
    height: auto;
    margin: 1% 0 0 0;
}

#spieler .bgimage {
    height: 30vw;
}

.sponsoren .bild {
    height: auto;
    max-height: 6em;
    width: auto;
    max-width: 100%;
}

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

.logo-footer {
    width: 150px;
}

div#footer-2 img {
    width: 60vw;
    transform: translate(-50%, 0);
    margin-left: 50%;
    z-index: 1;
}

#footer {
    padding: 5% 10%;
    width: 80%;
}

#footer-1 {
    width: 36%;
}

#footer-2 {
    height: 30vh;
}

#footer-3 {
    width: 34%;
}

.social-icons img {
    max-height: 22px;
}


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

.sponsoren .beitrag {
    flex: 0 18%;
}

}


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

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

.parallaxParent {
    height: 50vw;
}


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

#navigation.spacers ul.menu a {
    font-size: 10px;
    margin: 7px 12px;
}

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

.navigation-grid-1 {
    margin: 31% 0% 10% 5%;
    width: 95%;
}

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



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

#spielbetrieb img {
    margin-top: -26%;
}

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

.newscontent {
    flex: 0 48%;
}

.news .beitrag .bild-frame {
    height: 18vw;
}

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


/* ///// DIVERSES ///// */
h6 {
    font-size: 1rem;
}

.newsflash.uebersicht a.button-outline {
    font-size: min(max(0.6em, 1.5vw), 12px);
}

}


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

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

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

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

.ubiq-header {
    height: 50vw;
}

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


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

#slider {
    top: 60%;
}

.spiel-details {
    width: 90%;
    padding: 5% 5% 10% 5%;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 5%;
}

#slider-spieler {
    position: absolute;
    height: auto;
    width: 100%;
    margin-top: 120px;
    right: 0;
    left: 0;
    top: 0;
    transform: none;
    z-index: 1;
}

.slick-slide img {
    max-width: 120%;
    max-height: 90vh;
    width: auto;
    margin-left: 50%;
    transform: translate(-50%, 0);
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    width: 100%;
    left: auto;
}

.swiper-pagination-bullet {
    width: 30px!important;
    height: 2px!important;
    margin: 1px;
}

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

.spiel-details .mannschaften {
    margin: 2%;
    font-size: 0.8rem;
}

.swiper-box {
    background: rgb(67,71,75);
    background: -moz-linear-gradient(90deg, rgba(67,71,75,1) 0%, rgba(67,71,75,0.5) 100%);
    background: -webkit-linear-gradient(90deg, rgba(67,71,75,1) 0%, rgba(67,71,75,0.5) 100%);
    background: linear-gradient(90deg, rgba(67,71,75,1) 0%, rgba(67,71,75,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#43474b",endColorstr="#43474b",GradientType=1);
}

svg#kreis1, svg#kreis3 {
    width: 60vw;
    height: 60vw;
    left: 50%;
    transform: translate(-30vw, -50%);
}

svg#kreis2, svg#kreis4 {
    width: 70vw;
    height: 70vw;
    left: 50%;
    transform: translate(-35vw, -50%);
}

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


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

#spieler .bgimage {
    height: 40vw;
}

.bgimage {
    height: 30vw;
}

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


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

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

}


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

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

h6 {
    font-size: 0.9rem;
}

#left-col ul.menu a, #left-col span.separator {
    font-size: 0.6rem;
}

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

.logo.home {
    width: 100px;
}

.logo {
    width: 80px;
}

.logo.scrolled-nav {
    width: 60px;
}

#container-header a.button-right {
    display: none;
}

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


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

.ball {
    width: 26px;
    bottom: 80px;
    margin-left: -13px;
}

.scroll {
    font-size: 0.55em;
}

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

#news .newscontent {
    flex: 0 46%;
    margin: 2% 2% 2% 2%;
}

#news .beitrag .bild-frame {
    height: 27vw;
}

.beitrag .details {
    padding: 5% 5% 15% 5%;
}

#news {
    padding: 10% 0 20%;
}

#news h3 {
    border-bottom: solid 1px #43474b;
}

a.button-outline {
    border: 1px solid #43474b;
    padding: 2px 20px;
}


#spielbetrieb {
    margin: 22% 0 10%;
}

#spielbetrieb img {
    margin-top: -32%;
}

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

.meilensteine li:nth-child(2n+2) {
    width: 35%;
}

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


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

}


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


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

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

#containerS {
    width: 80%;
    margin: 10% 10% 0;
}

#containerM {
    width: 90%;
    margin: 10% 5% 0;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.1rem;
}

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


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

.navigation-grid-yellow, .navigation-grid-grey {
    width: 100%;
    height: auto;
}

.navigation-grid-grey {
    padding-bottom: 5%;
}

.navigation-grid-grey .logo {
    display: none;
}

.navigation-grid-1 {
    margin: 9% 10% 10% 15%;
}

.navigation-grid-2, .navigation-grid-3 {
    width: 75%;
    margin: 9% 10% 0% 15%;
}

.navigation-grid-3 {
    padding: 0 20px;
}

span.separator.mobile-only {
    display: inline-block;
    margin: 0px 20px 0px 20px;
}

/*.navigation-grid-yellow {
    display: none;
}*/

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


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

.spiel-details span.tore {
    letter-spacing: 10px;
}

.parallaxParent {
    height: 60vw;
}

#live .moduletable.mobile {
    display: block;
}

#live .moduletable.desktop {
    display: none;
}

#live .beitrag .bild-frame {
    height: 55vw;
}

#live {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 5% 0% 20%;
    overflow: hidden;
}

#termine img.player {
    display: none;
}

#termine {
    padding: 10% 12% 10%;
}

#sponsoren {
    width: 90%;
    padding: 15% 5%;
}

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

.matchcenter-sidebar a.button-outline {
    font-size: min(max(0.8rem, 1.5vw), 10px);
}

.meilensteine li:nth-child(2n+1) {
    margin: 10em 0;
}

.meilensteine li:nth-child(2n+2) {
    width: 32%;
    margin-top: -16em;
}

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


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

a.scrolltotop {
    margin-right: 5%;
}

}

@media screen and (max-width: 860px) {
    .meilensteine ul:before {
        display: none;
    }
    
    .meilensteine li:nth-child(2n+1) {
        margin: 4em 0 1em;
        font-size: 1rem;
    }
    
    .meilensteine li:nth-child(2n+2) {
        width: calc(100% - 50px);
        margin-top: 0;
        position: relative;
        text-align: center;
    }
    
    }


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

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

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

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

#left-col {
    margin-right: 0 !important;
    width: 100% !important;
}

#left-col ul.menu a, #left-col span.separator {
    font-size: 0.8rem;
}

h6 {
    font-size: 1rem;
}

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

#header {
    padding: 15px 0;
    top: 28px;
}

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

.logo {
    min-width: auto;
}

.ubiq-header {
    height: 60vw;
}

.ubiq-header h1 {
    font-size: 1.6rem;
}

.header-tag {
    font-size: 0.9rem;
}

#container-header a.button {
    font-size: 0.5rem;
    padding: 5px 10px 4px 30px;
}

a.button.button-left:before {
    left: 10px;
    height: 14px;
    width: 14px;
}

#navigation.top-bar {
    height: 28px;
}

#navigation.spacers ul.menu a {
    font-size: 8px;
}

#navigation.spacers ul.menu li::before {
    top: 58%;
    height: 10px;
}

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

#submenu {
    display: block;
    margin-top: -5%;
}

#submenu .arrow-left, #submenu .arrow-right {
    display: flex;
}

#submenu ul.menu {
    padding: 0 50px 0 50px;
    margin-right: 30px;
    justify-content: left;
}

#submenu .moduletable {
    display: flex;
    justify-content: center;
}

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

#slider-spieler {
    margin-top: 100px;
}


svg#kreis1 {
    width: 80vw;
    height: 80vw;
    margin-top: -10%;
    transform: translate(-40vw, -50%);
}

svg#kreis2 {
    width: 90vw;
    height: 90vw;
    margin-top: -10%;
    transform: translate(-45vw, -50%);
}

svg#kreis3 {
    width: 60vw;
    height: 60vw;
    left: 50%;
    transform: translate(-30vw, -50%);
}

svg#kreis4 {
    width: 70vw;
    height: 70vw;
    left: 50%;
    transform: translate(-35vw, -50%);
}

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

#news {
    padding: 15% 0 20%;
}

#spielbetrieb img {
    margin-top: -40%;
}

#spielbetrieb {
    margin: 25% 0 14%;
}

#spielbetrieb img {
    width: 140vw;
    height: 100%;
}

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

.newscontent {
    flex: 0 100%;
}

.news .beitrag .bild-frame {
    height: 40vw;
}

.newsflash.matchcenter-sidebar .beitrag .bild-frame {
    height: 50vw;
}

.matchcenter-sidebar a.button-outline {
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-size: min(max(0.8rem, 1.5vw), 14px);
}

#fox-container-c192, #fox-container-c120 {
    width: 100%;
    padding: 0;
}

.item-page.news {
    margin: 0 0 2% 0;
    width: calc(100% - 50px);
}

.item-page.news .bild-frame {
    height: 50vw;
}

input.button.goback {
    margin-left: 0;
}

.moduletable.map {
    width: 100%;
    margin-right: 0;
}

.moduletable.next-games {
    margin-top: 2em;
}

.newsflash.sponsoren-carousel .slick-slide img {
    max-height: 8vh;
}

.bild-frame.teambild {
    height: 50vw;
}

.bgimage {
    height: 45vw;
}

.teamsponsoring .sponsoren-bild img {
    max-height: 12em;
}

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


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

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

.moduletable.verein-menu {
    margin-top: 2em;
}

#left-col .beitrag {
    width: 100%;
    margin-right: 0;
}

.moduletable.matchcenter-sidebar {
    margin-top: 1em;
}

#left-col-cont {
    padding-top: 2em;
}

.moduletable.matchcenter-menu.damen {
    margin-top: 2em;
}

.sponsoren .beitrag {
    flex: 0 27%;
}

.moduletable.sponsoren-titel:first-child {
    margin-top: 5%;
}

.moduletable.sponsoren-titel {
    margin-top: 10%;
}

}


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

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

.bild-frame, .bild, .blog .bild-frame, .blog .bild {
    height: 60vw;
}

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


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


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


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


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

.bgimage {
    height: 95vw;
}

#spieler .bgimage {
    height: 95vw;
}

.meilensteine-container {
    width: 100%;
    padding: 0% 0% 15% 0%;
}

.moduletable.team {
    margin-top: 10%;
}

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


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

}


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

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

.bild-frame, .bild {
    height: 60vw;
}

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

.ubiq-header {
    height: 80vw;
}

.ubiq-header h1 {
    font-size: 1.3rem;
}

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

.kontakt-button {
    font-size: 10px;
    width: auto;
    letter-spacing: 1px;
}

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

.scroll {
    bottom: 20px;
}

.ball {
    width: 20px;
    bottom: 45px;
    margin-left: -10px;
}

.spiel-details .mannschaften {
    margin: 2% 0;
    font-size: 0.6em;
}

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

#news .newscontent {
    flex: 0 100%;
    margin: 2% 0% 2% 0%;
}

#news .beitrag .bild-frame {
    height: 50vw;
}

.mod-dpcalendar-upcoming-default .dp-flatcalendar__day {
    font-size: 1.2em;
}

.moduletable.sponsoren-startseite.hauptsponsoren {
    width: 100%;
}

.moduletable.sponsoren-startseite {
    width: 100%;
}

.newsflash.sponsoren-startseite.hauptsponsoren .beitrag {
    width: 100%;
    margin: 5% 0 5%;
}

.newsflash.sponsoren-startseite .beitrag .bild {
    max-height: 16vw;
}

#sponsoren {
    width: 84%;
    padding: 15% 8%;
}

.newsflash.sponsoren-startseite .beitrag {
    width: 25%;
    margin-right: 5%;
    margin-top: 5%;
}

.newsflash.sponsoren-startseite.silbersponsoren .beitrag {
    width: 45%;
}

.newsflash.sponsoren-startseite.bronzesponsoren .beitrag .bild {
    max-height: 10vw;
}

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

.game-type, .game-date {
    font-size: 11px;
}

.game-details {
    font-size: 11px;
}

.news .beitrag .bild-frame {
    height: 55vw;
}

.game-date {
    width: 40%;
    clear: both;
    float: left;
}

.game-date .date {
    clear: none;
    display: block;
    float: left;
}

.game-details {
    clear: both;
    background: white;
    width: 96%;
}

.next-games .beitrag {
    background: transparent;
    margin-top: 3%;
}

.moduletable.matchberichte {
    margin-top: 10%;
}

ul.repeatable-3 li {
    flex: 1 29%;
    width: 29%;
    font-size: 12px;
}

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

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

.logo-footer {
    width: 90px;
}

div#footer-2 img {
    width: 80vw;
}

#footer-1 {
    width: 25%;
    margin: 6% 0%;
}

#footer-2 {
    width: 100vw;
    height: 40vh;
    left: 50%;
    bottom: -20%;
}

#footer-3 {
    width: 60%;
}

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


#containerM {
    width: 90%;
    margin: 15% 5% 0;
}

#containerS {
    width: 90%;
    margin: 15% 5% 0;
}

#containerP {
    width: 90%;
    margin: 7% 0% 0;
    padding: 5%;
}

h1 {
    font-size: 1.5rem;
    text-align: left;
}

h2 {
    font-size: 1.3rem;
    text-align: left;
}

h4 {
    font-size: 1.0rem;
    text-align: left;
}

.center {
    text-align: left;
}

.parallaxParent {
    height: 80vw;
}

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

.logo.home {
    width: 80px;
}

.logo {
    width: 65px;
}

.logo.scrolled-nav {
    width: 45px;
}

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

.navigation-grid-2, .navigation-grid-3 {
    width: 90%;
    margin: 9% 5% 0;
}

.navigation-grid-1 {
    width: 90%;
    margin: 6% 5% 15%;
}

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

#slider-spieler {
    margin-top: 80px;
}

.slick-slide img {
    max-width: 160%;
}

.sponsoren-carousel .slick-slide img {
    max-width: 80%;
}



svg#kreis3 {
    width: 90vw;
    height: 90vw;
    transform: translate(-45vw, -50%);
}

svg#kreis4 {
    width: 100vw;
    height: 100vw;
    transform: translate(-50vw, -50%);
}

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


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

ul.club-200-mitglieder {
    grid-template-columns: repeat(1, 1fr);
}

.club-200-mitglieder li {
    margin: 0;
}

section {
    margin-bottom: 10%;
}

#section0 {
    margin-bottom: 0%;
}

.item-page.news {
    width: calc(100% - 30px);
}

.item-page.news {
    padding: 15px;
}

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


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

#main-col h3 {
    margin-bottom: 0.5em;
}

.sponsoren .bild {
    height: auto;
    max-height: 4em;
    width: auto;
    max-width: 100%;
}

}


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

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


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

.ubiq-header h1 {
    font-size: 1rem;
}

.header-tag {
    font-size: 0.7rem;
}

/*#container-header a.button {
    display: none;
}*/

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

ul.menu li ul.nav-child.unstyled.small li a {
    font-size: 0.7rem;
}

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

.spiel-details .mannschaften {
    font-size: 0.5em;
}

.spiel-details span.mannschaft {
    padding: 4px 8px;
    border: 1px solid #facd1a;
}


.button, a.button, p.button, a.readmore, button.goback, .video-button {
    font-size: 0.65rem;
    padding: 5px 20px;
}

.spiel-details .drittelsresultat p {
    font-size: 0.65rem;
}

#loadMore {
    padding: 5px 20px;
    font-size: 0.65rem;
}

/*#spielbetrieb .button {
    font-size: 0.65rem;
}*/

.spiel-details {
    width: 94%;
    padding: 5% 3%;
}

#slider .spiel-details {
    padding-bottom: 10%;
}

.matchberichte .spiel-details {
    width: 90%;
}

.matchberichte .spieltag, .matchberichte .liga, .spiel-details span.liga, .spiel-details span.spieltag, .zuschauer-startseite {
    font-size: 12px;
}

.newsflash.sponsoren-carousel .bild {
    max-height: 30vw;
    height: auto;
}

.game-date {
    width: 50%;
}

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

#live .slick-dots {
    margin-left: 40px;
}

#live .slick-dots li.slick-active:before {
    width: 50px;
}

#live .slick-dots li.slick-active:after {
    right: -60px;
}

#live .slick-dots li.slick-active {
    margin-right: 65px;
}


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

.moduletable.team {
    margin-top: 20%;
}


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

.logo-footer {
    width: 60px;
}

.social-icons img {
    max-height: 18px;
}

.social-icons a {
    margin: 0 0.4em;
}

#copyright p, #copyright a {
    font-size: 8px;
}

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

.sponsoren .beitrag {
    flex: 0 100%;
}

.moduletable.sponsoren-titel:first-child {
    margin-top: 10%;
}

}


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

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


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

.ubiq-header h1 {
    font-size: 0.85rem;
}

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

.navigation-grid-yellow ul.menu a {
    font-size: 0.6rem;
    line-height: 0.6;
}

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


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


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

.game-date {
    width: 60%;
}

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


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

}




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

#slider-area {
    height: 60vw;
}

.ball, .scroll {
    display: none;
}

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

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .social-icons img {
        width: auto; 
    }
}