.wrapper {
    max-width:2000px;
    width:inherit !important;
}



/* -------------------------------------------------------------------------
   MEDIA QUERIES
   ------------------------------------------------------------------------- */
/* Kann maximal 1800px darstellen. */
@media only screen and (max-width : 1800px) {

    /* ---------------------------------   ab hier verifiziert --------------*/
    #headerbild .headerbild-header .headerbild-headline { font-size:3.3em; }

} 



/* Kann maximal 1600px darstellen. */
@media only screen and (max-width : 1600px) {

    /* ---------------------------------   ab hier verifiziert --------------*/
    #headerbild .headerbild-header .headerbild-headline { font-size:2.8em; }

}



/* Kann maximal 1400px darstellen. */
@media only screen and (max-width : 1400px) {
    
    
    /* ---------------------------------   ab hier verifiziert --------------*/
    h2 { font-size: 2.2em; }

    #headerbild .headerbild-header .headerbild-headline { font-size:2.4em; }

    #gruendung .gruendung-header .gruendung-headline { font-size: 2.6em; }

    #betriebsuebernahmen .betriebsuebernahmen-header .betriebsuebernahmen-headline { font-size: 2.6em; }

    #ziel .ziel-header .ziel-headline { font-size: 2.6em; }

    #abspann .abspann-header .abspann-headline { font-size: 2.6em; }
    #abspann .abspann-adresse .connect { font-size: 1.6em; }

    #footer .wrapper { padding-top:5%; padding-bottom:5%; }
    #footer .wrapper .footer_right { flex-direction: column; }
    #footer .wrapper .copyright { order:3; text-align: right; }
    #footer .wrapper .footernav { order:2; margin-bottom:20px; }
    .footernav ul { justify-content: flex-end; }
    #footer .wrapper .logo-msp { width:20%; order:1; margin-bottom:20px; margin-left:80%; margin-right:0; }

}




/* Kann maximal 1260px darstellen. */
@media only screen and (max-width : 1260px) {


    /* ---------------------------------   ab hier verifiziert --------------*/
    .mainnav li.level_1 { margin: 0 20px; }

    #header .logo img { width: 280px; }

    #gruendung .flex_5 { width:82.90909095%; padding-bottom:15%; }
    #gruendung .flex_5.wegweiser-box { width:100%; }

    #ziel .videos .video .videotitle { font-size: 1.0em; padding: 8px 15px 15px; }

    #abspann .abspann-bildcaption { display:none; }

    .starthilfebox h3 { font-size: 2.4em; }

    .ce-uploads li { width: 25%; }
    .ce-uploads li:nth-child(6) { margin-left:0; }
    .ce-uploads li:nth-child(9) { margin-right:0; }

    .gridelement_team .frame { width: 48%; }

    .gridelement_gesellschafter .frame { width: 25%; }
    .gridelement_gesellschafter .frame:nth-child(6) { margin-left: 0; }
    .gridelement_gesellschafter .frame:nth-child(9) { margin-right: 0; }

}
 

/* Kann maximal 1200px darstellen. */
@media only screen and (max-width : 1200px) {

    /* ---------------------------------   ab hier verifiziert --------------*/
    h1 { font-size: 2.6em; }
    h2 { font-size: 2.0em; }
    h3 { font-size: 1.5em; }

    #headerbild .headerbild-header .headerbild-headline { font-size:2.0em; }
    #headerbild .headerbild-balken .headerbild-balkentext { font-size: 1.3em; }

}



/* Kann maximal 1100px darstellen. */
@media only screen and (max-width : 1100px) {



    .ce-textpic.ce-right.flex_wrap .ce-gallery.flex_3 { width: 48.72727275%; }
    .ce-textpic.ce-right.flex_wrap .ce-bodytext.flex_9 { width: 48.72727275%; }
    
    /* ---------------------------------   ab hier verifiziert --------------*/
    .navigation { padding: 10px 0; }
    .pancake { display:block; }
    .mainnav { display:none; position:fixed; top:0; left:0; padding-top:30px; background:#26c6b7; overflow:scroll; width:100%; height:100%; z-index:2999; }
    .mainnav.active { display:block; }
    
    .mainnav ul.list1 { justify-content: flex-start; flex-direction:column; overflow:scroll; margin:0 5%; }
    .mainnav li.level_1 { margin:3% 0; }
    .mainnav li.level_1 > a { padding: 10px 0px; font-size: 2.0rem; }
    .mainnav li.level_1:hover > a { color:#717475 }
    .mainnav li.level_1 > a:hover { color:#FFF }
    .mainnav li.level_1.active > a { font-weight:700; color:#FFF; }
    .mainnav li.level_1:last-child .list2 { right: inherit; text-align: inherit; }

    .mainnav .list2 { margin:0; padding:20px; left: inherit; overflow: inherit; position: relative; top: inherit; opacity:1; height:auto; }
    .mainnav li.level_2 { margin: 0 0 20px; }
    .mainnav li.level_2 > a { padding:0; font-size: 1.4rem; white-space: inherit; }

    .mainnav li.level_3 > a { padding:0; font-size: 1.2rem; white-space: inherit; }

    #header .logo img { width:320px; }

    #gruendung .gruendung-header .gruendung-headline { font-size: 2.2em; }
    
    #betriebsuebernahmen .betriebsuebernahmen-header .betriebsuebernahmen-headline { font-size: 2.2em; }
    #betriebsuebernahmen .flex_5 { width: 100%; }

    #ziel .ziel-header .ziel-headline { font-size: 2.2em; }

    #news .news-header .news-headline { font-size: 2.2em; }
    
    #abspann .abspann-header .abspann-headline { font-size: 2.2em; }

	.unternehmen-list .article { width: 48%; margin-right: 4%; }
    .unternehmen-list .article:nth-child(3n+3) { margin-right: 4%; }
    .unternehmen-list .article:nth-child(2n+2) { margin-right: 0; }
} 



/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {

    /* ---------------------------------   ab hier verifiziert --------------*/
    #headerbild .headerbild-header .headerbild-headline { font-size:1.8em; }

    .starthilfe-wrapper { flex-direction: column; padding: 5% 0 60%; background-size:50%; }
    .starthilfe-wrapper .flex_5 { width:100%; }
    .starthilfe-wrapper .flex_5:first-child { margin-bottom:10%; }
    .starthilfebox { padding: 5%; }
} 


/* Kann maximal 880px darstellen. */
@media only screen and (max-width : 880px) {

    #popup .wrapper { padding:10% 3%; }

    .ce-textpic.ce-right .ce-gallery { width: 100% !important; }
    .ce-textpic.ce-right .ce-bodytext { width: 100% !important; margin-bottom:10%; }

  
    /* ---------------------------------   ab hier verifiziert --------------*/
    .frame-default { margin-bottom:10%; }
    .frame-default:last-child { margin-bottom:0; }
    
    p {  margin: 0 0 8%; }
    #main ul { margin-bottom:8%; }

    .ui-accordion-header h2 { font-size: 1.6em; }
    
    #gruendung .logo-starthouse { width:40%; }

    #ziel .flex_5 { width: 100%; order:2; }
    #ziel .flex_7 { width: 100%; order:1; margin-bottom:5%; }
    #ziel .videos { order:3; }

    #news .flex_9 { width: 100%; }
    #news .flex_3 { width: 100%; margin-bottom:5%; }

    #mainspessart .flex_6 { width: 100%; }
    #mainspessart .landkarte { width: 80%; margin: 20px auto 40px; }

    #abspann .abspann-adresse .connect { font-size: 1.4em; }

    #footer .wrapper  { flex-direction: column; }
    #footer .footer_left img { width: 200px; }

    .ce-uploads li { width: 33%; }

    .gridelement_gesellschafter .frame { width: 33%; }

    .news .flex_9 { width: 100%; }
    .news .flex_3 { width: 100%; margin-bottom:5%; }
}


/* Kann maximal 768px darstellen. */
@media only screen and (max-width : 768px) {




    /* ---------------------------------   ab hier verifiziert --------------*/
    body { font-size: 18px; }

    #header { position: relative; }
    #headerbild .headerbild-header .headerbild-headline { font-size:1.6em; }
    #headerbild .headerbild-balken { padding: 40px 0 20px; }
    #headerbild .headerbild-balken .headerbild-balkentext { font-size: 1.1em; }

    #gruendung .wrapper { padding: 10% 5% 0; }
    #gruendung .gruendung-header .gruendung-headline:first-child { margin-top:0; }
    
    #betriebsuebernahmen .wrapper { padding: 10% 5%; }
    #betriebsuebernahmen .betriebsuebernahmen-header .betriebsuebernahmen-headline:first-child { margin-top:0; }
    
    #ziel .wrapper { padding: 10% 5%; }
    #ziel .ziel-header .ziel-headline:first-child { margin-top:0; }
    
    #news .wrapper { padding: 10% 5%; }
    #news .news-header .news-headline:first-child { margin-top:0; }
    
    #mainspessart .wrapper { padding:10% 5%; }

    #main .wrapper { padding: 10% 5%; }

    #abspann .abspann-header .abspann-headline:first-child { margin-top:0; }

    .unternehmen-list .article { width: 100%; margin-right: 0; }
    .unternehmen-list .article:nth-child(3n+3) { margin-right: 0; }

    .gridelement_team .frame { width: 100%; }

    .news .body-text-content { display: none; }
    .news .news-list-view .article { padding-bottom: 10%; margin-bottom: 10%; }
    .news .article a.button-inline { margin-top:0px; }
    
    .fc-day-header { font-size:0.9em; }
    .ui-dialog { width:90% !important; left:5% !important; box-sizing: border-box; }
    .fc-toolbar .fc-button { font-size: 0.8em; }
    .fc-toolbar .fc-center { margin-top:20px; }
    
}


/* Kann maximal 650px darstellen. */
@media only screen and (max-width : 650px) {
    
    
    /* ---------------------------------   ab hier verifiziert --------------*/
    h1 { font-size: 2.3em; }
    h2 { font-size: 1.8em; }
    h3 { font-size: 1.4em; }
    
    .ui-accordion-header { padding: 10px 15px; padding-right:40px; }
    .ui-accordion-header h2 { font-size: 1.3em; }
    .ui-accordion-header:before { right: 15px; }
    .ui-accordion-content { padding: 15px; }

    #headerbild .wrapper { padding: 40% 5% 0; }
    #headerbild.startseite { background-size:100%; }
    #headerbild.startseite .wrapper { padding: 50% 5% 0%; }

    #gruendung .gruendung-header { padding-bottom: 50px; }
    #gruendung .gruendung-header .gruendung-headline { font-size: 1.8em; }

    #betriebsuebernahmen .betriebsuebernahmen-header { padding-bottom: 50px; }
    #betriebsuebernahmen .betriebsuebernahmen-header .betriebsuebernahmen-headline { font-size: 1.8em; }
    
    #ziel .ziel-header { padding-bottom: 40%; }
    #ziel .ziel-header .ziel-headline { font-size: 1.8em; }

    #news .news-header { padding-bottom: 50px; }
    #news .news-header .news-headline { font-size: 1.8em; }
    .news-list-view .article h3 { font-size: 1.4em; }

    #abspann .abspann-header { padding-bottom:50px;}
    #abspann .abspann-header .abspann-headline { font-size: 1.8em; }
    #abspann .abspann-adresse .socials { display:flex; margin-top:50px; }

    .ce-uploads li { width: 50%; }

}


/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {

    #popup .wrapper { padding:15% 3%; }

    h1 { font-size: 2.1em; }
    h2 { font-size: 1.4em; }
    h3 { font-size: 1.2em; }

    #header .wrapper { padding: 20px 5% 20px; }
    #header .logo img { width:260px; position:relative; }
    .navigation { position: fixed; right:5%; top:0;  }

    #gruendung .gruendung-header .gruendung-headline { font-size: 1.2em; }
    #gruendung .wegweiser { padding: 15px 20px; }
    #gruendung .wegweiser .wegweiser-title { font-size: 1.8em; }

    #betriebsuebernahmen .betriebsuebernahmen-header .betriebsuebernahmen-headline { font-size: 1.2em; }
    
    #ziel .ziel-header .ziel-headline { font-size: 1.2em; }

    #news .news-header .news-headline { font-size: 1.2em; }
    .news-list-view .article h3 { font-size: 1.2em; }

    #abspann .abspann-header .abspann-headline { font-size: 1.2em; }
    #abspann .abspann-adresse .connect { font-size: 1.0em; }

    .gridelement_gesellschafter .frame { width: 50%; }



}

/* Kann maximal 450px darstellen. */
@media only screen and (max-width : 450px) {


}