

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

#matchtableau-carousel .carousel-matchcenter {
    padding: 2em 1em 4em;
    margin: 2em 0em;
    width: calc(100% - 2em) !important;
}

}


@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: 1.9rem;
}

h3 {
    font-size: 1.7rem;
}

h4 {
    font-size: 1.3rem;
}


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


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


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


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


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

#teamsponsoren .beitrag {
    width: calc(25% - 4em);
    padding: 2em 1em;
}

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


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

}


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

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


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


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


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

.swiper-slide .titel-bereich h3 {
    font-size: 5.5vw;
}

.swiper-slide .titel-bereich {
    width: 52vw;
}

.swiper-button-prev, .swiper-button-next {
    left: 21%;
}

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

.teamlogo {
    width: 6vw;
}

.carousel-matchcenter .teamlogo {
    width: 4vw;
}

.heimteam, .resultat, .gastteam {
    padding: 7px 1.5vw;
}

.carousel-matchcenter .heimteam, .carousel-matchcenter .resultat, .carousel-matchcenter .gastteam {
    padding: 7px 0.5vw;
}

span.team, .sportplatz {
    font-size: 1.4vw;
}

/*
.news-unten h4.newsflash-title {
    width: calc(100% - 40px);
    height: auto;
    padding: 5px 20px 2px;
    margin-bottom: 15px;
}
*/

.news-unten h4.newsflash-title {
    white-space: inherit;
}


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

#matchcenter-berichte .tableau {
    width: calc(90% - 2vw);
    padding: 2em 1vw 4em;
}

#matchcenter-berichte .tableau-main {
    margin: 3% 0;
}

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


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

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

}


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

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

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

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

.matchbericht-head .bild-frame {
    height: 45vw;
}

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


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

#navigationWrap ul.menu {
    width: 70%;
}

#navigationWrap .logo img {
    width: 80px;
}

#untermenu .juniorenteams ul.menu li {
    width: 25%;
}

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


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

.mod-dpcalendar-upcoming-default__events {
    display: block;
}

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

#matchtableau-carousel .carousel-matchcenter {
    padding: 2em 2em 2em;
    width: calc(100% - 4em) !important;
    height: auto;
}


#matchcenter-menu {
    flex: 1 100%;
    margin-right: 0%;
}

.carousel-matchcenter .teamlogo {
    width: 8vw;
}

.carousel-matchcenter .heimteam, .carousel-matchcenter .resultat, .carousel-matchcenter .gastteam {
    padding: 7px 4.5vw;
    width: auto;
}

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


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

}


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

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

.bgimage {
    height: 45vw;
}

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


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

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


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

.teamlogo {
    width: 6vw;
}

#news {
    width: 46%;
    padding: 80px 2% 5%;
}

.parallaxParent {
    height: 50vw;
}

#inside h3 {
    font-size: 1.2rem;
}

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

#teamsponsoren .beitrag {
    width: calc(50% - 10em);
    padding: 2em 4em;
}

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

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

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

}


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

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

.items-row {
    margin: 7% 0;
}

.item-page {
    margin: 12% 0% 0%;
}

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

.logo {
    min-width: 80px;
}

#header-fadein .logo {
    max-width: 50px;
    min-width: 50px;
}

#navigationWrap .logo {
    top: 62px;
    min-width: 78px;
}

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



/* ///// 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) */
}
	
.team-slideshow button.slick-next.slick-arrow {
    right: 55px;
}
	
.team-slideshow button.slick-prev.slick-arrow {
    left: 40px;
}


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

span.team, .sportplatz{
    font-size: 1.8vw;
}

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

.mod-dpcalendar-upcoming-panel__group, .mod-dpcalendar-upcoming-panel .mod-dpcalendar-upcoming-panel__event {
    flex: 0 1 46%;
    position: relative;
    margin: 2%;
}

.moduletable.eventunterseite .bild {
    height: 25vw;
}

.matchbericht-head .tableau-main {
    width: 70%;
    margin: 40% auto;
    z-index: 2;
    padding: 0.2em;
}

.matchbericht-head .heimteam, .matchbericht-head .resultat, .matchbericht-head .gastteam {
    width: 10vw;
}

.matchbericht-head .teamlogo {
    width: 8vw;
}

.matchbericht-head {
    margin-bottom: 40vw;
}

.matchbericht-titel {
    width: 85%;
}


/* ///// 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 ///// */
	
.meilensteine li:nth-child(2n+2) {
    width: 35%;
}


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


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

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

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

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.1rem;
}

.blog {
    margin: 10% 0% 0%;
}


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


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

div#icon2 {
    right: 3em;
}

div#icon2.home {
    right: 5em;
}

div#icon2-fadein {
    right: 2em;
}

#icon2-fadein.active {
    top: 13px;
}

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

#untermenu ul.menu li {
    padding: 10px 0px;
}

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

#untermenu .juniorenteams ul.menu {
    display: flex;
    flex-wrap: nowrap;
}

#untermenu .juniorenteams ul.menu li {
    width: auto;
}

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


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

#matchtableau {
    width: 92%;
    margin-top: -2em;
    padding: 130px 4% 30px;
}

.teamlogo {
    width: 10vw;
}

.heimteam, .resultat, .gastteam {
    width: 23vw;
}

.resultat {
    font-size: 8vw;
}

span.team, .sportplatz {
    font-size: 2.8vw;
}

a.scrolldown {
    top: 7px;
    left: 4%;
}

#termine {
    width: 90%;
    margin: 5%;
}

#news {
    width: 90%;
    padding: 10% 5%;
}

.news-unten h4.newsflash-title {
    float: right;
    width: calc(100% - 180px);
    height: calc(100% - 10px);
    padding: 5px 10px 5px;
    margin-bottom: 0px;
    font-size: 14px;
}

.news-unten .date-tag {
    width: 160px;
}

.newstag li, .date-tag {
    font-size: 14px;
}

.news-oben .date-tag {
    height: 34px;
}

#news .newstag, #newsuebersicht .newstag {
    width: 70px;
    padding: 7px 5px 6px;
    height: calc(100% - 13px);
}

#news .datum, #newsuebersicht .datum {
    padding: 11px 10px 9px;
    width: 60px;
    height: calc(100% - 20px);
}

.parallaxParent {
    height: 60vw;
}

#parallax p {
    font-size: 4vw;
}

#inside {
    width: calc(100% - 80px);
    margin: 0 auto;
    float: none;
}

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

.slick-next {
    right: -40px;
}

.slick-prev {
    left: -40px;
}

.carousel .slick-list {
    margin: 0;
}


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

.newsbild {
    height: 30vw;
}

.carousel-matchcenter .heimteam, .carousel-matchcenter .resultat, .carousel-matchcenter .gastteam {
    padding: 7px 1.5vw;
    width: 17vw;
}

#matchcenter-berichte .tableau {
    width: calc(90% - 4vw);
    padding: 2em 2vw 4em;
}

#matchcenter-berichte .heimteam, #matchcenter-berichte .resultat, #matchcenter-berichte .gastteam,
#matchcenter-naechste-spiele .heimteam, #matchcenter-naechste-spiele .resultat, #matchcenter-naechste-spiele .gastteam {
    width: 20vw;
}

#matchcenter-berichte {
    margin-right: 0;
}

#matchcenter-naechste-spiele {
    margin-bottom: 10%;
}

#matchtableau-carousel .tableau {
    padding: 2em 0em 4em;
    width: calc(100% - 0em);
    margin: 0;
}

.carousel-matchcenter .heimteam, .carousel-matchcenter .resultat, .carousel-matchcenter .gastteam {
    width: 20vw;
}

.carousel-matchcenter span.team, .carousel-matchcenter .sportplatz {
    font-size: 2.4vw;
}

#matchtableau-carousel a.button.goto, #teamsponsoren a.button.goto {
    top: -10px;
}

.carousel-matchcenter .teamlogo {
    width: 16vw;
}

.matchbericht-head {
    height: 65vw;
    margin-bottom: 55vw;
}

.matchbericht-head .bild-frame {
    height: 65vw;
}

.matchbericht-head .bild {
    height: 65vw;
}

.matchbericht-head a.lightbox {
    bottom: auto;
    top: 2em;
}

.matchbericht-head .tableau-main {
    width: 90%;
    margin: 65% auto 0;
}

.matchbericht-head .heimteam, .matchbericht-head .resultat, .matchbericht-head .gastteam {
    width: 17vw;
}

.matchbericht-head .teamlogo {
    width: 10vw;
}

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

#footer {
    padding: 15% 5% 10% 5%;
}

.newsflash.co-sponsor .beitrag, .newsflash.clubsponsor .beitrag {
    width: 50%;
}

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

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

}

@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: 90%;
    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;
}

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

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

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

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

.logo {
    min-width: 60px;
}

#navigationWrap .logo {
    left: 2em;
    top: 32px;
}

#header.home .logo {
    max-width: unset;
    width: 13vw;
}

div#icon2.home {
    top: 0em;
    right: 3em;
}


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


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

.swiper-slide .titel-bereich h3 {
    font-size: 7.5vw;
}

.swiper-slide .titel-bereich {
    width: 62vw;
    left: 10%;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    top: 50%;
    left: 10%;
}

#slider .socialmedia {
    right: 2em;
}

#slider .hauptsponsor {
    margin-right: 70px;
}

#slider .hauptsponsor img {
    width: 100px;
}


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

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

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

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


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

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

.blog.ehrenmitglieder .item:before {
    display: block;
}

}


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

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

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

.bgimage {
    height: 95vw;
}

.page-header h1 {
    text-align: left;
}


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

#header.home .logo {
    width: 16vw;
}

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

#icon2.open span:nth-child(1), #icon2-fadein.open span:nth-child(1) {
    width: 15px;
    left: -2px;
    top: 7px;
}

#icon2.open span:nth-child(2), #icon2-fadein.open span:nth-child(2) {
    top: 13px;
}

#icon2.open span:nth-child(3), #icon2-fadein.open span:nth-child(3) {
    width: 15px;
    left: 50%;
    top: 8px;
}

#icon2.open span:nth-child(4), #icon2.open span:nth-child(5), #icon2.open span:nth-child(6), #icon2-fadein.open span:nth-child(4), #icon2-fadein.open span:nth-child(5), #icon2-fadein.open span:nth-child(6) {
    top: 12px;
}

#icon2.open span:nth-child(5), #icon2-fadein.open span:nth-child(5) {
    left: 50%;
}

#icon2.open span:nth-child(7), #icon2-fadein.open span:nth-child(7) {
    width: 15px;
    left: -1px;
    top: 19px;
}

#icon2.open span:nth-child(8), #icon2-fadein.open span:nth-child(8) {
    top: 13px;
}

#icon2.open span:nth-child(9), #icon2-fadein.open span:nth-child(9) {
    width: 15px;
    left: 50%;
    top: 20px;
}

/*
div#icon2:before, div#icon2-fadein:before {
    left: -48px;
    font-size: 13px;
    margin-top: 3px;
}
*/

div#icon2:before, div#icon2-fadein:before {
    display: none;
}


#navigationWrap .logo img {
    width: 60px;
}

#navigationWrap .logo {
    left: 5%;
    width: 95%;
    top: 35px;
}

div#icon2.open .navibg, div#icon2-fadein.open .navibg {
    content: "";
    position: absolute;
    left: -58px;
    top: -1px;
    width: 95px;
    height: 35px;
    background: #000;
    z-index: 1;
    transition: all ease 1.2s;
}


/* ///// SLIDER ///// */
	
.team-slideshow button.slick-next.slick-arrow {
    right: 20px;
}
	
.team-slideshow button.slick-prev.slick-arrow {
    left: 15px;
}


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

#matchtableau .tableau {
    width: calc(100% - 2em);
    padding: 2em 1em 4em;
}

.heimteam, .resultat, .gastteam {
    width: 23vw;
}

.resultat {
    font-size: 10vw;
}

.teamlogo {
    width: 14vw;
}

span.team, .sportplatz {
    font-size: 3vw;
}

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

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

.newsbild {
    height: 55vw;
}

.team-header .externe-links {
    position: relative;
    right: auto;
    width: auto;
    top: 0;
    left: 0;
}

.button-extern, a.button-extern {
    margin: 5px 5px 5px 0px;
}

#matchtableau-carousel .tableau {
    padding: 2em 0em 4em;
    width: 100%;
    margin: 0;
}

#teamsponsoren .beitrag {
    width: calc(50% - 6em);
    padding: 2em 2em;
    margin: 1em;
}

.mod-dpcalendar-upcoming-panel__group, .mod-dpcalendar-upcoming-panel .mod-dpcalendar-upcoming-panel__event {
    flex: 0 1 100%;
    position: relative;
    margin: 5% 0;
}

.moduletable.eventunterseite .bild {
    height: 60vw;
}

.matchbericht-head {
    margin-bottom: 63vw;
}


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

#footer-1 {
    width: 100%;
    margin-bottom: 10%;
}

#footer-2 {
    width: 100%;
    margin-top: 0;
    text-align: center;
}

#footer-2 .newsflash.co-sponsor img, #footer-2 .newsflash.clubsponsor img {
    float: none;
}



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

.onlineschalter-titel {
    font-size: 0.8rem;
}
	
.meilensteine-container {
    width: 86%;
    padding: 15% 7% 15% 4%;
}

}


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

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

.blog {
    margin: 10% 0% 0%;
}

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


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

#navigationWrap ul.menu {
    width: 90%;
}

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

.swiper-button-prev:after, .swiper-button-next:after {
    width: 25px;
    height: 25px;
}

.swiper-button-prev, .swiper-button-next {
    left: 30%;
}

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

#news .image, #news .newsbild {
    height: 60vw;
}

#news .newstext {
    margin-bottom: 1em;
}

#parallax p {
    font-size: 5vw;
}

.parallax-text {
    width: 80%;
}



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

#matchtableau-carousel .newsflash {
    width: 100%;
    padding: 0;
}

#teamsponsoren .beitrag {
    width: calc(50% - 3em);
    padding: 2em 1em;
    margin: 0.5em;
}

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

.matchbericht-head {
    margin-bottom: 70vw;
}

.matchbericht-head .tableau {
    margin: 8% 5% 5%;
}


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

#footer {
    padding: 5em 5% 10% 5%;
}

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

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

#containerM {
    width: 90%;
    margin: 10% 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;
}

h3 {
    font-size: 1.2rem;
}

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

.center {
    text-align: left;
}

.items-row {
    margin: 13% 0;
}


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

.logo {
    min-width: 50px;
}

.logo.home {
    min-width: 90px;
}

#heads .custom p {
    font-size: 1.3rem;
}

#heads {
    height: 5em;
}

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


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

div#icon2 {
    right: 1.5em;
    margin: 32px auto;
}


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

.swiper-slide .titel-bereich h3 {
    font-size: 8.5vw;
}

.swiper-slide .titel-bereich {
    width: 78vw;
    left: 5%;
}

div#icon2.home {
    right: 2em;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    font-size: 16px;
    margin-top: 100px;
}

.swiper-button-prev, .swiper-button-next {
    margin-top: 115px;
}

#slider .socialmedia {
    right: 1em;
}

#slider .hauptsponsor {
    right: 4em;
}

#slider .socialmedia img {
    height: 1em;
}

#slider .hauptsponsor img {
    width: 80px;
}

#slider .hauptsponsor span {
    font-size: 8px;
    top: -13px;
}

.titel-bereich .itemtags {
    margin: 0 0 10px;
}

.swiper-slide .titel-bereich h3:before {
    bottom: -4px;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    margin-top: 73px;
    left: 5%;
}

.swiper-button-prev, .swiper-button-next {
    margin-top: 85px;
    left: 20%;
}


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

a.scrolldown {
    top: 10px;
    font-size: 0.8rem;
}

.news-unten .date-tag {
    width: 80px;
}

.news-unten h4.newsflash-title {
    float: right;
    width: calc(100% - 100px);
}

#news .datum, #newsuebersicht .datum, #news .newstag, #newsuebersicht .newstag {
    height: auto;
}

#inside .bgimage {
    height: 13em;
}
	
h4.newsflash-title {
    font-size: 1.1rem;
}


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

.parallaxParent {
    height: 80vw;
}

#matchtableau-carousel a.button, #teamsponsoren a.button {
    position: relative;
    top: 0;
    right: auto;
    left: 0;
}

#matchcenter-naechste-spiele {
    margin-bottom: 20%;
}

.accordion-datum {
    width: calc(100% - 20px);
}

#matchcenter-naechste-spiele h5 {
    padding: 0px 0 15px 15px;
    width: calc(100% - 15px);
    background: #f1f1f1;
}

.accordion-datum {
    padding: 20px 10px 3px 10px;
}

.accordion .accordion-area:after {
    top: 50%;
    transform: rotate(-45deg) translate(0, -50%);
}

.carousel-matchcenter .teamlogo {
    width: 14vw;
}

.carousel-matchcenter .heimteam, .carousel-matchcenter .resultat, .carousel-matchcenter .gastteam {
    width: 19vw;
}

#matchtableau-carousel .carousel-matchcenter {
    padding: 1.3em 1.3em 1.3em;
    width: calc(100% - 2.6em) !important;
    height: auto;
}

.matchbericht-head {
    margin-bottom: 80vw;
}


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


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

}


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

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


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

#heads .custom p {
    font-size: 1.1rem;
}

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


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


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

.parallaxParent {
    height: 100vw;
}


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

.carousel-matchcenter span.team, .carousel-matchcenter .sportplatz {
    font-size: 2.9vw;
}

#teamsponsoren .beitrag {
    width: calc(100% - 0em);
    padding: 2em 3em;
    margin: 0.5em 0;
}

.matchbericht-head {
    height: 80vw;
    margin-bottom: 88vw;
}
.matchbericht-head .bild-frame {
    height: 80vw;
}

.matchbericht-head .tableau-main {
    width: 90%;
    margin: 80% auto 0;
}

.matchbericht-head .bild {
    height: 85vw;
}

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


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

}


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

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


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


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


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


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


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

.matchbericht-head {
    margin-bottom: 90vw;
}

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


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

}




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

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

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

}

