/* Basic */
body, #container{background-color:#fff !important;}
.wrapper-top{width:100%;}

/* Typo */
body, button, input, select, textarea, #content-left, #subtitle, h1, h2, h3, h4, h5, h6{font-family:'Open Sans', sans-serif !important; text-transform:none !important;}
p a, article ul > li > a{color:#5f5f5f !important; text-decoration:underline;}
.content-container h1{font-size:24px; letter-spacing:0.02em; line-height: 26px; padding:10px 0 0px 0 !important;}
.content-container h2{font-size:20px; letter-spacing:0.02em; line-height:normal; padding:10px 0 5px 0 !important; border-top:1px solid #ccc !important;}
.content-container h3{font-size:16px; letter-spacing:0.02em; line-height:normal; padding:5px 0 0 0 !important;}
.content-container p,
.content-container ul,
.content-container ul li,
.content-container ol li,
.content-container ol{max-width:800px; font-size:14px; line-height:22px;}
.content-container p a:hover,
.content-container ul a:hover,
.content-container ol a:hover{text-decoration:underline;}


/* Header */
header{padding:0;}
#hline{top:36px; height:500px; background:white;}
/* 20200610 Hg
#cLine{display:none;}
*/
#split-logo{display:flex; justify-content:space-between; height:80px; background:#fff; position:relative; z-index:3;}
#split-logo img{align-self:center;}
.top-bar{position:relative; z-index:4; background:#fff;}
/* 20200707 Hg
#title .csc-textpic img{object-fit:cover; height:370px; width:100%;object-position: left;}
*/
#title .csc-textpic img{object-fit:cover; width:100%;object-position: left;}

#languages-header{text-align:left; min-height:0; padding-top:5px; height:31px; display:block;}
#languages-header a{font-size:12px; line-height:26px; padding:2px 18px 2px 0px; margin:0 8px 0 0;}
#subtitle{background:#0f3286; padding-bottom:0;}
#subtitle.sticky+#title{margin-top:42px;}
#nav-basic{width:100% !important; background-color:transparent !important;}
#nav-basic>ul{padding:10px 0px !important;}
#nav-basic>ul>li{padding:0 10px !important; position:relative;}
#nav-basic.nav-basic-umm>ul>li:nth-child(3) ul{display:none;}
#nav-basic>ul>li:hover>ul{transform:scaleY(1);}
#nav-basic>ul>li>ul{position:absolute; z-index:5; transform-origin:top; top:30px; left:0; background-color:#ddd; padding:0px; transition:.2s; transform:scaleY(0); will-change:transform;}
#nav-basic>ul>li>ul>li{padding:0px; width:100%;}
#nav-basic>ul>li>ul>li a{color:#444 !important; display:block; text-transform:none; line-height:34px; padding:0 30px 0 10px; width:100%; box-sizing:border-box;}
#nav-basic>ul>li>ul>li a:hover{background-color:#c3c3c3 !important;}
#nav-basic>ul>li>ul>li.first>a:after{content:""; z-index:1; position:absolute; left:10px; top:-5px; transform:rotate(45deg); width:10px; height:10px; display:block; background-color:#ddd;}
#nav-basic>ul>li>ul>li.first>a:hover:after{background-color:#c3c3c3;}
#nav-basic>ul>li>ul>li.last>a{padding-bottom:10px;}
#nav-basic>ul>li>ul>li.hasChildren>a{background:url(https://www.umm.uni-heidelberg.de/errorpage/092020/arrow.svg) no-repeat right 6px center; background-size:10px 10px;}
#nav-basic>ul>li>ul>li:hover>ul{transform:scaleX(1);}
#nav-basic>ul>li>ul>li>ul{transform:scaleX(0); will-change:transform; margin-top:-34px; transform-origin:left; padding:0; left:100%; position:absolute; background-color:#ccc; padding:0px; transition:.2s;}
#nav-basic>ul>li>ul>li.last>ul{margin-top:-44px;}
#nav-basic>ul>li>ul>li>ul>li{display:block; padding:0;}
#nav-basic>ul>li>ul>li>ul>li a:hover{background-color:#b1b1b1 !important;}
#nav-basic>ul>li>ul>li>ul>li.last a {padding-bottom:10px;}
#nav-basic a{color:#555 !important; text-transform:none; letter-spacing:0.02em; line-height:20px; padding:11px 0; font-size:16px;}
#nav-basic a:hover{opacity: 0.8;}
/* 20200813 Hoefling
#nav-basic>ul>li.last a{cursor:alias;}
*/
header nav ul li{border:none;}
#breadcrumb{width:100%; padding:10px 10px 10px 0px; flex-shrink:0; box-sizing:border-box; background-color:#fff !important; color:#555; letter-spacing:.05em;}
#breadcrumb ul li{background:url(https://www.umm.uni-heidelberg.de/errorpage/092020/arrow.svg) no-repeat left center; background-size:10px 10px; padding:0px 4px 0px 12px !important;}
#breadcrumb ul li a{color:#555;}
#breadcrumb ul li a:hover{text-decoration:underline;}
#content-left nav ul li a:hover{text-decoration: none; opacity: 0.8; background-color: #fafafa;}

/* Mobile Button */
#nav-button{display:none; z-index:5; position:absolute; top:55px; right:15px; padding:10px;padding-right:0px;width:20px;height:20px;cursor:pointer;border-radius:50%;}
#nav-button .burger-menu-pieces{top:50%; margin-top:-1px; transition-duration:0.22s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); display:block; width:20px; height:3px; background-color:#0f3286; position:absolute; transition-property:transform; transition-duration:0.15s; transition-timing-function:ease}
#nav-button .burger-menu-pieces:before{content:"";top:-6px;transition:top 0.1s ease-in 0.25s, opacity 0.1s ease-in;display:block;width:20px;height:3px;background-color:#0f3286;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}
#nav-button .burger-menu-pieces:after{content:"";display:block;bottom:-6px;transition:bottom 0.1s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.12s;display:block;width:20px;height:3px;background-color:#0f3286;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}
#nav-button.active .burger-menu-pieces{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
#nav-button.active .burger-menu-pieces:before{top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s ease-out 0.12s}
#nav-button.active .burger-menu-pieces:after{bottom:0;transform:rotate(-90deg);transition:bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s}
#nav-mobile{display:none; z-index:2; position:absolute; padding-top:115px; top:0; left:0; background:#fff; width:100%; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);}
#nav-mobile ul{width:100%; background:#fff;}
#nav-mobile ul>li{display:block; line-height:60px; width:100%; box-sizing:border-box; padding:0; background-color:#fff; font-size:14px !important;}
#nav-mobile>ul>li ul{display:none;}
#nav-mobile>ul>li ul.open{display:block;}
#nav-mobile .versteckt{display:none !important;}
#nav-mobile li a{height:100%; width:100%; display:inline-block; border-top:1px solid #ccc; padding-left:20px; box-sizing:border-box;}
#nav-mobile li.hasChildren>a{width:calc(100% - 60px);}
#nav-mobile li.hasChildren>a.subsites{width:60px; height:100%; box-sizing:border-box; border-left:1px solid #ccc; text-indent:-9999px; display:inline-block; background:url(https://www.umm.uni-heidelberg.de/errorpage/092020/arrow-right.svg) center no-repeat; background-size:14px 14px;}
/*#nav-mobile li a.back{width:100%; background:url(https://www.umm.uni-heidelberg.de/errorpage/092020/arrow-left.svg) left 20px center no-repeat #f5f5f5; background-size:14px 14px; font-weight:700; padding-left:40px;}*/
#lightboxOverlay.offenweilnavi{display:block !important; width:100%; height:100%; position:fixed; z-index:1;overscroll-behavior: contain;}

#infobox, #search{display:none;}
#quick-access-icons{position:absolute; top:8px; right:0;}
#quick-access-icons a{width:20px; height:20px; margin-right:5px; display:inline-block; transition:.2s; background-size:20px 20px; background-repeat:no-repeat; background-position:center;}
#quick-access-icons a:hover{transform:scale(1.2);}
#quick-access-icons a.icon-1{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-notfall.svg); margin-right:10px;}
#quick-access-icons a.icon-2{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-kontakt.svg);}
#quick-access-icons a.icon-3{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-navigation_alt.svg);}
#quick-access-icons a.icon-4{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-search.svg);}
#quick-access-icons a.icon-5{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-calendar.svg);}

/* Grid */
#container{margin:0 auto; width:100%; min-width:0; max-width:1440px; padding:0 20px; box-sizing:border-box;}
#readspeaker-section{display:none;}
.content-container{display:flex; padding:0px; box-sizing:border-box; margin-top:10px;}
#content-left,
#content-right{width:auto; max-width:230px; margin:0; padding:0; box-sizing:border-box; flex-grow:0; flex-shrink:0; padding-top:10px;}
#content-column2-0,
#content-column2-1,
#content-column2-2,
#content-column2-3{padding:0 10px; margin:0; width:auto; box-sizing:border-box; flex-basis:100%;}
#content-left #nav-main>ul{width:210px; padding-right:10px;}
#content-right article{width:210px; padding-left:10px;}


/* Content */
#main{padding:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.csc-textpic-text:after {content:""; clear:both; display:block;}
#content-left nav ul li{margin-left:10px;}
#content-left nav ul li a{padding:5px 5px 5px 0px; text-transform:none; border-bottom:1px solid #ccc; font-size:13px; line-height:20px; color:#333;}
hr{border-top:1px solid #ccc;}
.news-latest-more,
.news-list-more,
.bottomdottedline,
.bottomdottedlinegray{border-bottom:1px solid #ccc;}
.csc-linkToTop a{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-top.svg); padding:1px 0 0 20px; background-size:14px 14px;}


/* Akkordeon */
.t3ddy-item.t3ddy-accordion-item{display:none;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{display:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-content{border:none;}



/* Footer */
#content-bottom-nav{width:100%; flex-shrink:0; box-sizing:border-box; padding:120px 0 40px 0;}
#content-bottom-nav .content-column-bottom{padding:0; width:70%; margin:0 auto; justify-content: center; text-align: center; line-height: 50px;}
#content-bottom-nav a{background-size:18px 18px; line-height:18px; padding:0 0 2px 22px; display:inline-block; transition:.2s; color:#333;}
#content-bottom-nav a:hover{transform:scale(1.1);}
#content-bottom-nav a.to-top{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-top.svg);}
#content-bottom-nav a.print{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-print.svg);}
#content-bottom-nav a.imprint{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-impressum.svg);}
#content-bottom-nav a.privacy{background-image:url(https://www.umm.uni-heidelberg.de/errorpage/092020/icon-datenschutz.svg);}
.wrapper-bottom{width:100%; position:absolute; left:0; background-color:#333;}
footer{background:#333; border:none; padding:0; min-width:auto;}
.footer-wrapper{padding:0; margin:0 auto; width:100%; max-width:1440px;}
footer img{border:5px solid #fff !important;}
footer h1{color:#fff !important; padding-bottom:20px;}
footer li,
footer li a{color:#aaa !important;}
#content-footer{display:flex; justify-content:space-between;}
.footerFrame10,
.footerFrame20,
.footerFrame30,
.footerFrame40{border:none; padding:20px; width:auto; float:none;}



/* Laptop */
@media screen and (max-width:1620px) {
  #hline{display:none;}
  #title .csc-textpic img {height:auto;}
}

@media screen and (max-width:1120px) {
  #nav-basic a {font-size:13px;}
}


/* Tablet */
@media screen and (min-width:961px) {
  #nav-mobile{display:none !important;}
}
@media screen and (max-width:960px) {
  img{max-width:100%; height:auto;}
  #nav-button{display:block;}
  #content-left, #subtitle, #breadcrumb{display:none;}
  div.einrichtungaktion {clear:both; width:100%; margin-left:auto;}
  header{width:calc(100% + 40px); box-sizing:border-box; margin-left:-20px;}
  header #split-logo {align-items:center; padding-left:15px; box-sizing:border-box;padding-right: 70px;}
/* 20200604 Hg */
/*  header #split-logo .logo-element.logo-uni-heidelberg{display:none;} */
  header #searchInner{background:transparent;}
  header #quick-access-icons{right:8px;}
  header.sticky #split-logo {position:fixed; top:0; width:100%;}
  header.sticky #nav-button {position:fixed; top:20px;}
  header.sticky #nav-mobile {position:fixed;}
  header.sticky #title{margin-top:80px;}
  header #split-logo .logo-element.logo-med-fak-mannheim { justify-self: flex-end; }

/*B Hg test */
  header #split-logo img{max-height:60px; height:auto; max-width:100%;}
/*E Hg test */
}



/* Phone */
@media screen and (max-width:660px) {
  header #split-logo{padding-right:70px;}
  header #split-logo img{max-height:60px; height:auto; max-width:100%;}
/* 20200604 Hg */
  header #split-logo .logo-element.logo-uni-heidelberg{display:none;}
  .content-container{flex-direction:column;}
  #content-right {max-width:100%; padding:20px 0; margin-top:10px; border-top:1px solid #0f3286;}
  #content-right article{width:auto; padding-left:0px;}
  #content-footer{flex-direction:column;}
  .footerFrame10,
  .footerFrame20,
  .footerFrame30,
  .footerFrame40 {width:220px; margin:0 auto;}
  .content-column-bottom a{margin:0 8px}
  /* #content-bottom-nav a.print{display:none;} */
  
  nav#nav-mobile
  {
    position: fixed;
    top: 0px;
    overflow-y: auto;
    max-height: 80%;
  }

  div#title {
    padding-top: 115px;
  }

  div#split-logo {
    position: fixed;
    left: 0;
    width: 100%;
    margin: 0;
    top: 35px;
  }

  .top-bar {
    position: fixed;
    left: 0;
    width: 100%;
    margin: 0;
    top: 0;
  }

  .flexslider .slides > li
  {
    z-index: 0 !important;
  }

  #content-bottom-nav .content-column-bottom
  {
    width: 170px;
  }

  .flex-direction-nav a
  {
    z-index: 0;
  }
}
@media screen and (max-width:480px) {
  #languages-header a{font-size:0px; line-height:26px; padding:13px 18px 5px 0px; margin:0 4px 0 4px;}
  .csc-textpic .csc-textpic-imagewrap{float:none !important;}
  .csc-textpic .csc-textpic-text{margin-left:0; margin-top:10px}
}