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

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

#suche, #suche-fadein {
    max-width: 70%;
}

}


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

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

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

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

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

h1 {
    font-size: 2.0rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.7rem;
}

h4 {
    font-size: 1.0rem;
}


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

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

#header {
    height: 55px;
}

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

.logo {
    width: 175px;
}

.suche-button {
    width: 243px;
    height: 65px;
}

#suche {
    top: 65px;
}

.suche-fadein-button {
    width: 189px;
    height: 50px;
}

#suche-fadein {
    top: 50px;
}

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


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

#slider {
    bottom: -6em;
}

#intro .moduletable.slider-intro {
    width: 45%;
    padding: 0 5%;
}

#intro {
    height: 35em;
}

.sliderbild {
    width: 32em;
}

#slider .slick-prev, #slider .slick-next {
    bottom: 10vw;
}


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


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

.kategorie-columns h3 {
    margin-left: 4%;
}

.datum {
    margin-left: -5%;
    margin-top: 4%;
}

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


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


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

}


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

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


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

#suche {
    max-width: 75%;
}

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


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


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


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

#gsearch-results .item {
    flex: 0 38%;
    width: 38%;
    padding: 4%;
}

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


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

}


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

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

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

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


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


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


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


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

#heads {
    height: 40vw;
}

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


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

}


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

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

#gsearch-results h3 {
    font-size: 1.0rem;
}

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


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


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

#intro {
    height: 30em;
}

.sliderbild {
    width: 28em;
}

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

#highlights .newsflash {
    flex-wrap: wrap;
}

#highlights .datum {
    margin-left: -5%;
}

.datum {
    margin-left: -5%;
    margin-top: 1%;
}

#highlights h3 {
    margin-left: 2%;
}

#parallax {
    margin: 10% 0 0;
}

.parallaxParent {
    height: 50vw;
}

#parallax .beitrag {
    width: 50%;
}


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

#slide-sportarten .beitrag h4 {
    font-size: 1rem;
    padding: 5px 20px;
    width: calc(100% - 96px);
}

#slide-sportarten .beitrag h4:before {
    right: -15px;
    border-width: 34px 0 0 15px;
}

#slide-sportarten .beitrag h4:after {
    right: -57px;
    width: 51px;
    height: 34px;
}

#slide-sportarten .slick-slide {
    margin: 0 3vw;
}

.kategorie-heads {
    flex: 0 33%;
}

.blog .kategorie-columns {
    flex: 0 61%;
    width: 61%;
}

.item-page .kategorie-columns {
    flex: 0 61%;
    width: 61%;
}

#gsearch-results .item {
    flex: 0 88%;
    width: 88%;
}

.kategorie-heads .GSearchBlock .dropdown-menu > li > a {
    font-size: 11px !important;
}

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


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

}


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

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

h1 {
    font-size: 1.8rem;
}

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


#container-header {
    justify-content: space-between;
}

#suche-fadein {
    height: calc(100vh - 100px);
    position: fixed;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* Verhindern einer Scrollbar im Dropdown */
#bs-select-4, .GSearchBlock .open > .dropdown-menu {
    max-height: 100% !important;
    height: 100%;
    overflow: scroll !important;
}


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

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


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


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

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


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

}


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

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

h1 {
    font-size: 1.5rem;
}

.standardcontent h1 {
    font-size: 1.5rem;
}

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

#suche, #suche-fadein {
    width: 100%;
    max-width: 100%;
}

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


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

#intro {
    height: 45em;
}

#slider {
    bottom: 3em;
}

#slider {
    right: 0;
}

.slideshow .slick-next {
    right: 2rem;
}

.slideshow .slick-prev {
    margin-right: 6rem;
}

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


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

.kategorie-heads {
    flex: 0 100%;
    margin-right: 0%;
    margin-bottom: 5%;
}

.blog .kategorie-columns {
    flex: 0 100%;
    width: 100%;
}

.item-page .kategorie-columns {
    flex: 0 100%;
    width: 100%;
    padding: 6%;
}

#gsearch-results .item {
    flex: 0 100%;
    width: 100%;
    padding: 6%;
}

.item-page .datum {
    margin-left: -7%;
    margin-top: -3%;
}



table { 
	  	width: 100%; 
}

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { 
		display: block; 
}

tr {
    padding: 20px 0;
}


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

.copyright-1, .copyright-2 {
    width: 100%;
}


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

}


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


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

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

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


h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.1rem;
}

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


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


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


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

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

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

#slide-sportarten {
    display: none;
}



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

.adresse, .email, .links {
    width: 100%;
    padding-right: 0;
    margin: 10px 0;
}

#footer {
    width: 90%;
    padding: 10% 5% 10% 5%;
    margin-top: 10%;
}

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

}


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

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

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

.standardcontent h1 {
    font-size: 1.2rem;
}

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


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


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


#intro {
    height: 35em;
}

.sliderbild {
    width: 20em;
}

#intro {
    height: 35em;
}

#slider .slick-next:before, #slider .slick-prev:before {
    width: 25px;
    height: 25px;
}

#slider .slick-prev, #slider .slick-next {
    bottom: -30px;
}

.slideshow .slick-prev {
    margin-right: 5rem;
}

#intro .moduletable.slider-intro {
    width: 50%;
    padding: 0 5%;
}

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

#parallax {
    margin: 20% 0 0;
}

.parallaxParent {
    height: 30em;
}

#parallax .beitrag {
    left: 5%;
    width: 90%;
}

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

#heads {
    height: 55vw;
}

#heads h1, #heads h2, #heads h3, #heads h4 {
    font-size: 6vw;
}

.tabs-nav a {
    font-size: 0.8rem;
}

.tabs-nav li {
    width: 30%;
}

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


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

a.scrolltotop {
    width: 20px;
    height: 12px;
}

}


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

#highlights .datum {
    margin-left: -6%;
}

.datum {
    margin-left: -2%;
    margin-top: 0;
    padding: 7px 6% 3px;
}

.datum:before {
    display: none;
}


#gsearch-results .item {
    flex: 0 86%;
    width: 86%;
    margin: 4% 0;
    padding: 7%;
}

div#gsearch-results h3 {
    margin-left: 0%;
    font-size: 1rem;
}

.bootstrap-select .dropdown-menu li {
    width: 100%;
}

}


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

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

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

h1 {
    font-size: 1.3rem;
}

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

#header {
    height: 43px;
}

.logo {
    width: 130px;
    min-width: auto;
}

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

.suche-button, .suche-fadein-button {
    width: 100px;
    height: 53px;
    background-image: url(../images/searchbutton-responsive.svg);
}

.suche-fadein-button {
    width: 75px;
    height: 40px;
}

#suche {
    top: 52px;
}

#suche-fadein {
    top: 39px;
    height: calc(100vh - 89px);
}



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

#sticky {
    width: 50px;
    top: 27px;
    right: 145px;
}

#sticky-fadein {
    width: 50px;
    top: 19px;
    right: 125px;
}

#responsive-navigation ul.menu a, #responsive-navigation span.separator, #responsive-navigation-fadein ul.menu a, #responsive-navigation-fadein span.separator {
    font-size: 0.8em;
    padding: 7px;
}

#responsive-navigation ul.nav-child.unstyled.small li a, #responsive-navigation-fadein ul.nav-child.unstyled.small li a {
    padding: 3% 5%;
    font-size: 0.7rem;
}

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

#intro {
    height: auto;
    padding: 10% 0 0;
    background: rgb(255,150,0);
    background: -moz-linear-gradient(95deg, rgba(255,150,0,1) 0%, rgba(255,150,0,1) 47%, rgba(253,204,121,1) 71%, rgba(255,173,0,1) 92%, rgba(255,173,0,1) 100%);
    background: -webkit-linear-gradient(95deg, rgba(255,150,0,1) 0%, rgba(255,150,0,1) 47%, rgba(253,204,121,1) 71%, rgba(255,173,0,1) 92%, rgba(255,173,0,1) 100%);
    background: linear-gradient(0deg, rgba(255,150,0,1) 0%, rgba(255,150,0,1) 47%, rgba(253,204,121,1) 71%, rgba(255,173,0,1) 92%, rgba(255,173,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9600",endColorstr="#ffad00",GradientType=1);
}

#slider {
    position: relative;
    bottom: 0;
    width: 100%;
}

#intro #slider .moduletable {
    width: 100%;
}

.sliderbild {
    width: 80vw;
    float: none;
    margin-left: 50%;
    transform: translate(-50%, 0);
}

#slider .slick-prev, #slider .slick-next {
    bottom: 0;
}

#intro .moduletable.slider-intro {
    width: 90%;
    padding: 10% 5%;
    margin-top: -47%;
    background: rgb(255,150,0);
    background: -moz-linear-gradient(0deg, rgba(255,150,0,1) 0%, rgba(255,150,0,1) 74%, rgba(255,173,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,150,0,1) 0%, rgba(255,150,0,1) 74%, rgba(255,173,0,0) 100%);
    background: linear-gradient(0deg, rgba(255,150,0,1) 0%, rgba(255,150,0,1) 74%, rgba(255,173,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9600",endColorstr="#ffad00",GradientType=1);
}

#slider .slick-prev, #slider .slick-next {
    bottom: auto;
    top: 50%;
}

#slider a.button-white {
    margin: 5px auto;
}


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


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


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


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

}


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

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



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


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


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


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


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

.tabs-nav li {
    width: 100%;
}

.tabs-nav a {
    text-align: left;
    width: 92%;
    padding: 4% 4%;
    height: auto;
    line-height: 1.5;
}


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

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

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

}


@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;
}

h3 {
    font-size: 1.2rem;
}

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

.center {
    text-align: left;
}

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

.logo {
    min-width: 90px;
}

.GSearchBlock .dropdown-menu > li > a {
    font-size: 8px !important;
    padding: 1px 20px;
}

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


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


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

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

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

#heads {
    height: 65vw;
}

#heads h1, #heads h2, #heads h3, #heads h4 {
    font-size: 8vw;
}

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


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

}


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

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


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

#suche .moduletable {
    margin: 0 10px 0em 10px;
    width: calc(100% - 20px);
    min-width: auto;
}

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


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

.sliderbild {
    width: 90vw;
}

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


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

.categories-list h3.page-header.item-title {
    font-size: 0.8rem;
}

span.badge.badge-info.tip.hasTooltip {
    font-size: 9px;
}

.categories-list .page-header:after {
    right: -65px;
    width: 57px;
    height: 38px;
}

.categories-list .page-header {
    width: calc(100% - 104px);
}

.categories-list .page-header:before {
    right: -17px;
    border-width: 38px 0 0 17px;
}

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

.copyright-1, .copyright-2 {
    width: 90%;
}

.copyright-2 {
    margin: 0;
}

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

}


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

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


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

.logo {
    width: 105px;
}

#header {
    height: 36px;
}

.suche-button {
    width: 90px;
    height: 47px;
}

#suche {
    top: 47px;
}

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

#sticky {
    width: 50px;
    top: 24px;
    right: 132px;
}

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


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


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

.categories-list .page-header {
    padding: 3px 10px;
    width: calc(100% - 85px);
}

span.badge.badge-info.tip.hasTooltip {
    font-size: 8px;
}

.categories-list .page-header:before {
    border-width: 37px 0 0 17px;
}

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


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

}



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



}


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

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

#heads {
    height: 30vw;
}

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

}