body {
    background-color: #ededed !important;
    background-image:none !important;
    padding:0 !important;
    font-family: 'Noto Sans', sans-serif !important;
    color: #444 !important;
    }

a:link {color: #0077bb !important;}
a:visited { color: inherit; text-decoration: inherit; }

a.extern {
    background: url("https://www.ub.uni-heidelberg.de/nav1/grafik/all/extern.png") left center no-repeat !important;
    padding-left: 18px !important;
}

h1 {color: #0077bb !important;}

#topNav {
    background-color:#fff !important;
    border:none !important;
    margin: 0 auto !important;
    width: 96% !important;
    max-width:1200px !important;
    height: unset !important;
    overflow:hidden !important;
    padding:0 2%!important;
    }

#topNav a {color:#aeaeae !important;}

#topNav .tnContainer {
    position: relative !important;
    float:right;
    bottom:0 !important;
    margin-top:25px;
    margin-bottom:10px;
    }

#header {
    background-color:#fff !important;
    border:none !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width:calc(1200px + 4%) !important;
    height:auto !important;
    box-shadow:none !important;
    }

#header img {
    width:100%;
   }

#logo {
    background-color:#fff !important;
    border:none !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width:1200px !important;
    height:auto !important;
    padding:0 2% 0 2% !important;
}

#logo img {
    width:100%;
    max-width: 509px;
}

.headingContent {
    border:none !important;
    background-color:#fff !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: calc(1200px + 4%) !important;
    box-shadow:none !important;
    height: unset !important;
    overflow:hidden !important;
    padding-bottom:1em;
    }

.headingContent .tabPages {
   float:left;
   }

.headingContent .unselectedTab {
    border-left:none !important;
    border-bottom: solid 2px #0077bb;
    padding:0.5em 0.9em 0.3em 0.9em !important;
   }

.unselectedTab a, .unselectedTab a:visited, .unselectedTab a:hover, .unselectedTab a:active {
    font-style:italic !important;
    color: #444 !important;
    text-transform: capitalize !important;
} 

.headingContent a:hover {
    text-decoration:none !important;
    color:#0077bb !important;
    }

.ep_tm_pagetitle { padding-bottom: 0em !important;}

.mainContent {
    border:none !important;
    margin: 0 auto !important;
    width: 96% !important;
    max-width:1200px !important;
    padding:2% !important;
    box-shadow: none !important;
    overflow:hidden;
    }

.mainContent .home_text {
    padding-right; 0 !important;
    width:calc(100% - 200px);
    }

.latest_widget {
   width:calc(100% - 200px) !important;
   max-width:calc(100% - 240px) !important;
   margin:0 !important;
}


.mainContent h1 {
    margin-top:0 !important;
    font-style: italic;
    font-weight:700;
    font-size:1.6em !important;
    }


.artImg {
    width:100%;
    max-width:215px;
    float:right;
    margin:0 0 20px 20px;
    }

.ep_latest_tool_list {min-width:100% !important;}

.mainContent .ep_tm_pagetitle, .mainContent p, .mainContent .latest_widget {
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 1.1em;
    line-height:1.7em;
    }

.aside-news {
    background-color:#fff !important;
    padding: 10px 3% 0 !important;
    top:2em !important;
    }

.footerContent2 {
    width: 96% !important;
    max-width:1200px !important;
    padding:2% !important;
    background:#fff !important;
    margin:0 auto !important;
    }

.footerContent3 {
    border:none !important;
    margin: 0 auto !important;
    margin-top:2em !important;
    width: 100% !important;
    max-width:1200px !important;
    background-color: transparent !important;
    }

.footerLogo {
    width:25% !important;
    float:left !important;
    }

.footerLogo a img {
    display:block !important;
    margin:auto !important;
    opacity: 0.8;
    max-width:100%;
    }



@media (max-width: 800px) { 
 .headingContent .unselectedTab {
    padding: 0 !important;
    border: none !important;
    float:left;
   }

 .footerLogo {
    width:50% !important;
    margin-bottom:2em;
    float:left !important;
    }

 .aside-news {
    width:100% !important;
    float:none !important;
    position:relative !important;
    padding:0 0 3em 0!important;
    overflow:hidden;
    }
  
  .artImg {margin:0 0 20px 20px;}

  .mainContent .home_text {
    padding-right; 0 !important;
    width:100%;
    }

  .latest_widget {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
   }

}


@media (max-width: 500px) {
 #topNav {padding-bottom:1em !important;}
 .headingContent .unselectedTab {
    border-bottom: none !important;
    padding: 0 !important;
   }
  
 .footerLogo {
    width:100% !important;
    margin-bottom:2em;
    float:left !important;
    }

  .artImg {display:none;}
 }