/*------ Popup ----------------*/
#popup_back { position:fixed; left:0; top:0; width:100%; height:100%; z-index:8998; backdrop-filter: grayscale(50%) blur(10px); }

#popup { position:fixed; left:0; top:20%; width:100%; z-index:8999; text-align: center; }
#popup .wrapper { width:500px; max-width:80%; box-shadow:0 0 50px #000; position:relative; padding:3%; box-sizing:border-box; color:#000; 
	background: #fff;
}
#popup .popup-headline { display:block; text-transform:uppercase; font-size:2rem; padding-bottom:20px; font-weight:700; line-height:120%;}
#popup p { margin-bottom:15px; font-size:1.2rem; line-height:120%; }
#popup p:last-child { margin-bottom:0; }
#popup a { color:#000; }

#popup .popup-close { cursor:pointer; position:absolute; right:20px; top:20px; height:50px; width:50px; background:none; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
#popup .popup-close:hover {  }
#popup .popup-close .line-01 { position:absolute; left:5px; top:24px; height:2px; width:40px; background:#000; 
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform:rotate(45deg); 
}
#popup .popup-close .line-02 { position:absolute; left:5px; top:24px; height:2px; width:40px; background:#000;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform:rotate(-45deg); 
}




/*------ Cookies ----------------*/
.cc-window .dp--cookie-check { border:none; border-top:1px solid #FFF; border-radius:0; padding-top:0.5em; display:block; }
.cc-window .dp--cookie-check label:first-child { padding-left:0px; padding-right:0px; }
.cc-window .dp--cookie-check label:last-child { padding-right:0px; padding-left:0px;}
.cc-window .cc-deny { display:none !important; }
.cc-window .cc-btn { width: 48% !important; background:#FFF !important; color:#000 !important; border-radius:0; }
.cc-window .cc-btn:hover { background: #FFF !important; }
.cc-window .cc-allow-all { display: none !important; }

.cc-compliance { padding:1.5rem; padding-top:0;  }
 
.dp--overlay-description a { color:#FFF !important; text-decoration: underline !important; }
.dp--overlay-description a:hover { color:#FFF !important; text-decoration: none !important; text-shadow:none !important; }


/*------ Cookie-Tabelle auf Datenschutzseite ----------------*/
.CookieTable { background:#EEE; width:100%; border-collapse:collapse; }
.CookieTable td, .CookieTable th { padding:10px; text-align:left; border:2px solid #FFF; }
.CookieTable td.CookieHead { border-top:20px solid #FFF; }











/*------ Veranstaltungen ----------------*/
.fc-day-header { overflow: hidden; text-overflow: ellipsis; }
.ui-widget-overlay { background: rgba(38,198,183,1); z-index:1000;}
.ui-widget.ui-widget-content { border: none; border-radius: 0; box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:1001; }
.ui-dialog-titlebar { background:#26c6b7; border:none; border-radius: 0; color:#FFF; }
.ui-widget.ui-widget-content .fc-icalbutton { color:#FFF; padding:10px 20px; border:none; border-radius: 0; background:#cf123f; font-weight:600; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.ui-widget.ui-widget-content .fc-icalbutton:hover { background:#26c6b7; }
.ui-widget.ui-widget-content .fc-icalbutton span { display:none; }

/*------ Unternehmen ----------------*/
.unternehmen-list { display:flex; flex-wrap: wrap; }
.unternehmen-list .article { width:31%; padding:20px; box-sizing: border-box; margin-bottom:50px; margin-right:3.5%; }
.unternehmen-list .article:nth-child(3n+3) { margin-right:0; }
.unternehmen-list figure { position: relative; }
.unternehmen-list figcaption { position: absolute; bottom:20px; left:0; padding:10px; background:#005561; color:#FFF; font-weight:600; font-size:1.2em; }


/*------ Arbeitshilfen ----------------*/
#c150, #c155 { display:none; }
button.button-inline { cursor:pointer; border:none; font-size:1em; font-family: 'Poppins', Arial, sans-serif; font-size: 22px; line-height: 160%;}
.ce-uploads { padding-left: 0 !important; display:flex; flex-wrap: wrap; }
.ce-uploads li { hyphens:auto; position: relative; width:20%; padding:20px; box-sizing: border-box; text-align:center; margin-top:0 !important; }
.ce-uploads li:nth-child(6) { margin-left:10%; }
.ce-uploads li:nth-child(9) { margin-right:10%; }
.ce-uploads .imagePreview { position: relative; display: inline-block; }
.ce-uploads .fileExtension { position: absolute; bottom:20px; right:0; padding:5px 10px; text-transform: uppercase; background:#005561; color:#FFF; font-weight:600;  }
.ce-uploads img { float: none; padding-right:0; vertical-align: top; box-shadow: 0 0 6px rgb(0 0 0 / 30%); }
.ce-uploads li:hover { background:rgba(185,192,199,0.3); }
.ce-uploads li:hover .imagePreview { transform: scale(1.05); }
.ce-uploads-fileName { margin-top:10px; }

/*------ Team ----------------*/
.starthilfe #main .wrapper { padding:7% 5% 0; }
.starthilfe-wrapper  { display:flex; justify-content: space-between; flex-wrap: wrap; padding:5% 0 10%; background:url('../Images/starthilfekabel.png') no-repeat center bottom; background-size:contain;}
.starthilfebox { padding:50px; background:#26c6b7; box-sizing: border-box; }
.starthilfebox h3 { font-size:3em; }
.starthilfebox_1 { background-color:#c2bd57;  }
.starthilfebox_2 { background-color:#ffd682; }
.starthilfebox a.button { background: #FFF; color:#005561; }
.starthilfebox a.button:before { border-left: 10px solid #005561; }
.starthilfebox a.button:hover { color:#FFF !important; background: #26c6b7; }
.starthilfebox a.button:hover:before { border-left: 10px solid #FFF; }

/*------ Team ----------------*/
.gridelement_team .frame { width:31%; box-sizing: border-box; margin-bottom:50px; }
.gridelement_team figure { position: relative; }
.gridelement_team figcaption { position: absolute; bottom:20px; left:0; padding:10px; background:#005561; color:#FFF; font-weight:600; font-size:1.2em; }


/*------ Gesellschafter ----------------*/
.gridelement_gesellschafter .frame { width:20%; padding:20px; box-sizing: border-box; }
.gridelement_gesellschafter .frame:nth-child(6) { margin-left:10%; }
.gridelement_gesellschafter .frame:nth-child(9) { margin-right:10%; }
.gridelement_gesellschafter img { width:70%; padding:5% 15%; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.gridelement_gesellschafter .frame:hover img { transform: scale(1.05); }

/*------ Accordion ----------------*/
.gridelement_accordion { margin:30px 0 3%; }
.gridelement_accordion > div { width: 100%; margin:10px 0; }
.ui-accordion-header { position: relative; cursor:pointer; outline: none; background:#b9c0c7; padding:10px 30px; padding-right:60px; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.ui-accordion-header:before { content:""; position: absolute; top:calc(50% - 5px); right:30px;	display: block;	width: 0;	height: 0; background:none; overflow:hidden; border: 10px solid transparent; border-top: 10px solid #FFF; }
.ui-accordion-header:hover h2 { color:#FFF; }
.ui-accordion-header h2 { padding-bottom:0; font-size:2.0em; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
.ui-accordion-header-active { background:#26c6b7; }
.ui-accordion-header-active h2 { color:#FFF; }
.ui-accordion-content { padding:30px; }

h2.grid-header { padding-bottom:0; }
.gridelement_accordion + h2.grid-header { margin-top:8%; }






/* --------- Allgemeines ---------------------------------------------------------------------*/
html, body { width:100%; height:100%; }

body { background:#FFF; }
  .wrapper { box-sizing:border-box; position:relative; display:block; margin-left:auto; margin-right:auto; padding:0 5%; }
  .hide { display:none; }

  .no-scroll {height:100%; overflow:hidden; }
  .transition {  
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }

  figcaption { display:block !important; font-size:0.9em; line-height:140%; padding:10px 0; text-align: center; }
  figcaption p { margin-bottom:3px; }
  figcaption p:last-child { margin-bottom:0 }
  
  .ce-textpic.ce-right { display:flex; justify-content: space-between; flex-wrap: wrap; }
  .ce-textpic.ce-right .ce-gallery { order:2; margin-left:0; float:none; }
  .ce-textpic.ce-right .ce-gallery[data-ce-columns="1"] { width:23.0909091%; margin-bottom:0 !important; }
  .ce-textpic.ce-right .ce-gallery[data-ce-columns="1"]+.ce-bodytext { margin-right:0; width: 65.81818185%;}

  .ce-gallery img { max-width:100%; height:auto; }

  .fsc-default { position: relative; width: 100%; margin-bottom:3%; }
  .fsc-default:last-child { margin-bottom:0; }


/* --------- Header ---------------------------------------------------------------------*/
#header{ position:fixed; top:0px; width:100%; background:rgba(255,255,255,0.8); z-index:300; }
  #header .wrapper { display:flex; justify-content:space-between; position: relative; padding:30px 5% 0; }

  /* Logo */ 
  #header .logo { position: relative;}
  #header .logo img { display:block; width:100%; height:auto; position:absolute; left:0; top:0;}
  #header .logo a { border:none; }
  #header.fixed .logo img { width:30%; }


/* --------- Headerbilder ---------------------------------------------------------------------*/
#headerbild { position:relative; width:100%; background:url('../Images/headerbild.jpg') no-repeat center top; background-size:cover;  overflow: hidden; }
#headerbild .wrapper { padding:20% 5% 0%; }
#headerbild.startseite .wrapper { padding:40% 5% 0%; }

#headerbild .headerbild-header { margin-bottom:-20px; }
#headerbild .headerbild-header .headerbild-headline { z-index:90; position:relative; font-family: 'Roboto', Arial, sans-serif; display:inline-block; background:#26c6b7; color:#FFF; font-size:3.6em; font-weight:900; line-height: 100%; padding:30px 30px 10px 0; 
  padding-left:1000px; margin-left:-1000px; }
#headerbild .headerbild-header .headerbild-headline:last-child { padding:5px 30px 10px 1000px; }
/*#headerbild .headerbild-header .headerbild-headline:before {content:"."; position:absolute; box-sizing:border-box; top:0; left:-2000px; width:2000px; display:block; color:#26c6b7; background:#26c6b7; padding:30px 30px 10px; }*/

#headerbild .headerbild-balken { position:relative; padding:50px 0; width:100%; display: flex; justify-content: space-between; }
#headerbild .headerbild-balken:before {content:"."; position:absolute; box-sizing:border-box; top:0; left:-2000px; width:calc(100% + 4000px); display:block; background:rgba(255,255,255,0.8); padding:50px 0 200px; }
#headerbild .headerbild-balken .headerbild-balkentext { position:relative; z-index:100; display:block; font-size:1.5em; color:#717475; }
#headerbild .logo-msp { width:140px; position: relative; z-index:100; margin-left:30px; }
#headerbild .logo-msp img { display:block; width: 100%; height:auto; }



/* --------- Main Content -------------*/ 
#main { position:relative; overflow:hidden; }
#main .wrapper { padding:7% 5%; }

#main ul { margin:0; padding-left:30px; list-style-type: square; margin-bottom:3%; }
#main ul li { margin-top: 5px; line-height: 140%;}
#main ul li:first-child { margin-top: 0;}
#main ul li::marker {color:#005561; font-size: 1.3em; }


/*------ GoogleMaps ----------------*/
#map-canvas { height:700px; width:100%; display:block; }
#map-canvas .map-content h1 { text-transform:none; font-size:1rem; margin-bottom:0.4em; padding:0; }
#map-canvas .map-content { font-family: 'Open Sans', sans-serif; color:#000; font-size:0.9rem; line-height:140%; }
#map-canvas img { max-width:none; }



/* --------- Gründung -------------*/
#gruendung { z-index: 50; position:relative; width:100%; background:#005561; color:#FFF; }
#gruendung .wrapper { display:flex; justify-content: space-between; flex-wrap:wrap; padding:6% 5% 0; }
#gruendung p { margin:0 0 20px; line-height:160%;}
#gruendung .button-inline { margin:0 0 60px; }

#gruendung .gruendung-header { padding-bottom:100px;}
#gruendung .gruendung-header .gruendung-headline { position:relative; font-family: 'Roboto', Arial, sans-serif; display:inline-block; background:#FFF; color:#005561; font-size:3em; font-weight:900; line-height: 100%; padding:30px 30px 10px 0; 
padding-left:1000px; margin-left:-1000px; }
#gruendung .gruendung-header .gruendung-headline:last-child { padding:5px 30px 10px 1000px; }
/*#gruendung .gruendung-header .gruendung-headline:before { content:"."; position:absolute; box-sizing:border-box; top:0; left:-2000px; width:2000px; display:block; color:#FFF; background:#FFF; padding:30px 30px 10px; }*/

#gruendung .starthouse { border-top:1px solid #FFF; padding:30px 0; }
#gruendung .starthouse p { margin:30px 0 0; }
#gruendung .logo-starthouse { display:block; width:30%; height:auto; }

#gruendung .fhws { border-top:1px solid #FFF; padding:30px 0; }
#gruendung .fhws p { margin:30px 0 0; }
#gruendung .logo-fhws { display:block; width:60%; height:auto; }

#gruendung .coworkingSpaceKarlstadt { border-top:1px solid #FFF; padding-top:30px; }
#gruendung .coworkingSpaceKarlstadt p { margin:30px 0 0; }
#gruendung .logo-cwsk { display:block; width:30%; height:auto; }

#gruendung .starticon { position: relative;}
#gruendung .starticon img { position:absolute; top:0; left:0; display:block; width:100%; height:auto; }

#gruendung .flex_5 { padding-bottom:5%; overflow:hidden; } 
#gruendung .flex_5.wegweiser-box { padding-top:2%; margin-top:-2%; } 
#gruendung .wegweiser-stange { position:absolute; display:block; top:0; left:calc(44% - 20px); width:40px; height:150%; background:#b9c0c7; }
#gruendung .wegweiser { position:relative; display:block; width:96%; box-sizing: border-box; padding:20px 50px; margin-bottom:20px; color:#005561; clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 0% 0%); }
#gruendung .wegweiser:hover { transform: scale(1.05); }
#gruendung .wegweiser .wegweiser-title { display:block; line-height: 100%; font-size:2em; font-weight:600; text-transform: uppercase; padding-bottom:5px; }
#gruendung .wegweiser .wegweiser-sub { display:block; line-height: 100%; }
#gruendung .wegweiser_01 { background-color:#c2bd57;  }
#gruendung .wegweiser_02 { background-color:#ffd682; }
#gruendung .wegweiser_03 { background-color:#d88c6e; }
#gruendung .wegweiser_04 { background-color:#26c6b7; }
#gruendung .wegweiser_05 { background-color:#ffffff; }
#gruendung .wegweiser_06 { background-color:#ffd400; }


/* --------- Betriebsübernahmen -------------*/
#betriebsuebernahmen { position:relative; width:100%; background:url('../Images/back_betriebsuebernahmen.jpg') no-repeat center top; background-size:cover; color:#FFF; overflow: hidden; }
#betriebsuebernahmen .wrapper { display:flex; justify-content: space-between; flex-wrap:wrap; padding:6% 5% 20%; }
#betriebsuebernahmen p { margin:0 0 20px; line-height:160%;}
#betriebsuebernahmen a { color:#FFF;}

#betriebsuebernahmen .betriebsuebernahmen-header { padding-bottom:100px;}
#betriebsuebernahmen .betriebsuebernahmen-header .betriebsuebernahmen-headline { z-index:90; position:relative; font-family: 'Roboto', Arial, sans-serif; display:inline-block; background:#26c6b7; font-size:3em; font-weight:900; line-height: 100%; padding:30px 30px 10px 0; 
  padding-left:1000px; margin-left:-1000px;}
#betriebsuebernahmen .betriebsuebernahmen-header .betriebsuebernahmen-headline:last-child { padding:5px 30px 10px 1000px; }
/*#betriebsuebernahmen .betriebsuebernahmen-header .betriebsuebernahmen-headline:before {content:"."; position:absolute; box-sizing:border-box; top:0; left:-2000px; width:2000px; display:block; color:#26c6b7; background:#26c6b7; padding:30px 30px 10px; }*/




/* --------- Ziel -------------*/
#ziel { position:relative; width:100%; background:#b9c0c7; z-index: 200; }
#ziel .wrapper { display:flex; justify-content: space-between; flex-wrap:wrap; padding:6% 5% 5%; }
#ziel p { margin:0 0 20px; line-height:160%;}
#ziel a { color:#FFF;}

#ziel .ziel-header { padding-bottom:100px; position:relative; z-index: 50;}
#ziel .ziel-header .ziel-headline { position:relative; font-family: 'Roboto', Arial, sans-serif; display:inline-block; background:#FFF; color:#005561; font-size:3em; font-weight:900; line-height: 100%; padding:30px 30px 10px 0; 
padding-left:1000px; margin-left:-1000px; }
#ziel .ziel-header .ziel-headline:last-child { padding:5px 30px 10px 1000px; }
/*#ziel .ziel-header .ziel-headline:before { content:"."; position:absolute; box-sizing:border-box; top:0; left:-2000px; width:2000px; display:block; color:#FFF; background:#FFF; padding:30px 30px 10px; }*/

#ziel .ziel-fahne { position: relative;}
#ziel .ziel-fahne img { position:absolute; bottom:0; left:0; display:block; width:100%; height:auto; }


#ziel .videos { margin-top:3%; }
#ziel .videos .video { width:31.63636365%; position: relative; cursor: pointer; height:auto !important; }
#ziel .videos .video img { display:block; width:100%; height:auto; }
#ziel .videos .video:before { content:"."; position:absolute; box-sizing:border-box; top:calc(50% - 35px); left:calc(50% - 50px); width:100px; height:70px; display:block; background:url('../Images/icon_video.png') no-repeat center; background-size:cover;
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
}
#ziel .videos .video:hover:before { background-image:url('../Images/icon_video_hover.png'); }
#ziel .videos .video .videotitle { max-width:80%; text-transform:uppercase; font-weight: 600; font-size: 1.1em; position:absolute; display:inline-block; left:0; bottom:30px; background:#005561; color:#FFF; padding:10px 20px 20px; }

#ziel .slick-slide > div { padding:0 3%; box-sizing: border-box; }



/* --------- Aktuelles -------------*/
#news { position:relative; width:100%; background:#FFF; z-index: 200; }
#news .wrapper { display:flex; justify-content: space-between; flex-wrap:wrap; padding:6% 5% 5%; }
#news p { margin:0 0 20px; line-height:160%;}

#news .news-header { padding-bottom:100px; position:relative; z-index: 50;}
#news .news-header .news-headline { position:relative; font-family: 'Roboto', Arial, sans-serif; display:inline-block; background:#005561; color:#FFF; font-size:3em; font-weight:900; line-height: 100%; padding:30px 30px 10px 0; 
  padding-left:1000px; margin-left:-1000px;}
#news .news-header .news-headline:last-child { padding:5px 30px 10px 1000px; }
/*#news .news-header .news-headline:before { content:"."; position:absolute; box-sizing:border-box; top:0; left:-2000px; width:2000px; display:block; color:#005561; background:#005561; padding:30px 30px 10px; }*/

#news .news-bottom { display:flex; justify-content: flex-end;}


  /* --------- Main-Spessart -------------*/
#mainspessart { position:relative; width:100%; background:#005561; color:#FFF; overflow: hidden; }
  #mainspessart .wrapper { display:flex; justify-content: space-between; flex-wrap:wrap; padding:5%; }
  #mainspessart .mainspessart-header h2 { color:#FFF; text-align: right; }
  #mainspessart .landkarte { display:block; width:100%; height:auto; margin-top:-50px; margin-left:-50px; }

  #mainspessart .bilder-msp { display:flex; justify-content: space-between; flex-wrap:wrap; margin-bottom:20px; }
  #mainspessart .bilder-msp .bildbox { width:31%; margin-bottom:3.5%; }
  #mainspessart .bilder-msp .bildbox:first-child { width:100%; }
  #mainspessart .bilder-msp .bildbox img { display:block; width:100%; height:auto; }



/* --------- Abspann -------------*/
#abspann { position:relative; width:100%; background:url('../Images/back_abspann.jpg') no-repeat center top; background-size:cover; color:#FFF; overflow: hidden; }
  #abspann .wrapper { display:flex; justify-content: space-between; flex-wrap:wrap; padding:6% 5% 5%; }
  #abspann p { margin:0 0 20px; line-height:160%;}
  #abspann a { color:#FFF;}

  #abspann .abspann-header { padding-bottom:100px;}
  #abspann .abspann-header .abspann-headline { position:relative; font-family: 'Roboto', Arial, sans-serif; display:inline-block; background:#26c6b7; font-size:3em; font-weight:900; line-height: 100%; padding:30px 30px 10px 0; 
    padding-left:1000px; margin-left:-1000px;}
  #abspann .abspann-header .abspann-headline:last-child { padding:5px 30px 10px 1000px; }
  /*#abspann .abspann-header .abspann-headline:before { content:"."; position:absolute; box-sizing:border-box; top:0; left:-2000px; width:2000px; display:block; color:#26c6b7; background:#26c6b7; padding:30px 30px 10px; }*/

  #abspann .abspann-adresse { font-size:1.1em; box-sizing: border-box; font-weight: 600; line-height: 140%; }
  #abspann .abspann-adresse .termin { margin-top:50px; font-size:1.2em; font-weight: 700; line-height: 120%; }
  #abspann .abspann-adresse .connect { margin-bottom:0; font-size:2em; font-weight: 700; line-height: 120%; }
  #abspann .abspann-adresse .socials { display:flex; margin-top:50px; }
  #abspann .abspann-adresse .socials img { display:block; margin-right:20px; width:40px; height:auto;  }

  #abspann .abspann-bildcaption { display:flex; flex-direction:column; justify-content:center; }
  #abspann .abspann-bildcaption div { line-height:100%; padding:10px 20px; background:#26c6b7; text-transform: uppercase; font-weight:600; }



/* --------- Footer -------------*/
#footer { background:#FFF; position:relative; width:100%; }
  #footer .wrapper { display:flex; padding:1% 5%; justify-content:space-between; font-size:0.9em; }
  
  #footer .footer_left {}
  #footer .footer_left img { display:block; width: 100%; height:auto; }
  
  #footer .footer_right { display:flex; justify-content: flex-end;}
  #footer .copyright { display: flex; flex-direction: column; justify-content: center; }
  #footer .logo-msp { width:10%; margin:0 5%; }
  #footer .logo-msp img { display:block; width: 100%; height:auto; }
  #footer .footernav { display: flex; flex-direction: column; justify-content: center; }

  /* --------- Footernavigation -------------*/
  .footernav ul { list-style-type:none; margin:0; padding:0; display:flex;}
  .footernav ul li { margin:0; }
  .footernav ul li:first-child { padding-right:40px; }
  .footernav ul li a { text-transform: uppercase; color:#717475; display:inline-block; box-sizing:border-box; display:block; 
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  .footernav ul li.active a { color:#26c6b7; }
  .footernav ul li a:hover { color:#26c6b7; }



  /* --------- Gridelements -------------*/
  .gridelement_content { display: flex; justify-content: space-between; flex-wrap: wrap; }

  .gridelement_4-8 { text-align: left; }