header {  background-color: #1c4a4d;}

footer {background-color: #1c4a4d;}

/********************************************************/

#content a:link,   #content a:visited {  color: #127d82 ;  opacity: 1   }
#content a:active,   #content a:hover,   #content a:focus{   color: #127d82;  opacity: 1; text-decoration:underline  }
.sharing-button a{color:#fff!important; text-decoration:none!important}
header nav:before {color:#fff}
header nav  .navigation li   a{color:#fff!important;opacity:0.8!important}
header nav  li a:hover,header nav  li a:focus{opacity:1!important}
header nav  .navigation li  li  a{color:#000!important; opacity:0.7!important}
header nav  li li a:hover,header nav  li li a:focus{opacity:1!important}
header .parent .parent-link  a{padding:7.5px}
header .parent .parent-link  .child-toggle{display:none}
footer {color:#fff;padding:15px 3.38938% 15px }

#partner{list-style:none;margin:0;padding:0;overflow:hidden;position:relative}
#partner li{float:left;width:25%;position:relative}
#partner li a{float:left; height:80px;width:calc(100% - 10px);position:relative;background-repeat:no-repeat;background-position:left center;background-size:contain}
#partner li.uhh a{background-image:url(/projector/images/logo/logo-uhh.jpg)}
#partner li.rub a{background-image:url(/projector/images/logo/logo-rub.png)}
#partner li.jlu a{background-image:url(/projector/images/logo/logo-JLU.png)}
#partner li.gcsc a{background-image:url(/projector/images/logo/logo-gcsc.png)}

#partner li a span{position:absolute;left:0px; top:-1000px}
@media screen and (min-width: 500px) {#partner li a{width:calc(100% - 20px)}}
@media screen and (min-width: 800px) {#partner li a{width:calc(100% - 30px)}}
@media screen and (min-width: 1100px) {#partner li a{width:calc(100% - 40px)}}