html {
  scroll-behavior: smooth;
}

:root {
  --hmgu:#a10060;
  --hmgu-grey:#d4005a;
  --hmgu-yellow:#ef4914;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 6, 2019 */

.nav {
  -webkit-transition: left 0.5s ease;
  -moz-transition: left 0.5s ease;
  -ms-transition: left 0.5s ease;
  -o-transition: left 0.5s ease;
  transition: left 0.5s ease;
  color: white;
  cursor: pointer;
  font-size: 1.2rem;
  height: 100vh;
  left: -20rem;
  padding: 6rem 2rem 2rem 2rem;
  position: fixed;
  top: 0;
  width: 20rem;
  z-index: 1;
}

.nav.expanded { left: 0; }

.nav ul {
  position:absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav ul a {
  color:var(--hmgu-grey);
}

.nav-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  height: 2rem;
  left: 0.6rem;
  position: fixed;
  top: 0.6rem;
  width: 2rem;
  z-index: 2;
}

.nav-toggle:hover { opacity: 0.8; }

.nav-toggle .nav-toggle-bar,  .nav-toggle .nav-toggle-bar::after,  .nav-toggle .nav-toggle-bar::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: white;
  content: '';
  height: 0.4rem;
  width: 100%;
}

.nav-toggle .nav-toggle-bar { margin-top: 0; }

.nav-toggle .nav-toggle-bar::after { margin-top: 0.8rem; }

.nav-toggle .nav-toggle-bar::before { margin-top: -0.8rem; }

.nav-toggle.expanded .nav-toggle-bar { background: transparent; }

.nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {
  background: white;
  margin-top: 0;
}

.nav-toggle.expanded .nav-toggle-bar::after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-toggle.expanded .nav-toggle-bar::before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



@font-face {
    font-family: 'hindsemibold';
    src: url('../fonts/hind-semibold-webfont.woff2') format('woff2'),
         url('../fonts/hind-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hindregular';
    src: url('../fonts/hind-regular-webfont.woff2') format('woff2'),
         url('../fonts/hind-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hindmedium';
    src: url('../fonts/hind-medium-webfont.woff2') format('woff2'),
         url('../fonts/hind-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hindlight';
    src: url('../fonts/hind-light-webfont.woff2') format('woff2'),
         url('../fonts/hind-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hindbold';
    src: url('../fonts/hind-bold-webfont.woff2') format('woff2'),
         url('../fonts/hind-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  font-family:'hindregular';
}

.is-small {
}
.center, .center-column, .top, .right, .bottom, .left {
	display: flex;
	justify-content: center;
	align-items: center;
}

.center-column {
    flex-direction: column;
}

.top    { align-items:     flex-start; }
.right  { justify-content: flex-end;   }
.bottom { align-items:     flex-end;   }
.left   { justify-content: flex-start; }

.single-spaced, .single-spaced * {
    line-height: 1;
}

ul.speakers li {
  list-style-type: none;
  font-weight: bold;
}

ul.speakers li span {
  font-weight: normal;
}

ul.program {
	margin:0;
	padding:0;
}

ul.program p {
  padding-right:5px;
}

p.policy {
  padding-bottom:1em;
}

.session {
	padding:1em;
  margin-bottom:.6em;
  font-size:1.2em;
  color:black;
}

.imprint {
  background-color: var(--hmgu);
  padding-bottom:3em;
}

ul.program li {
  list-style-type: none;
	padding-bottom:15px;
	padding-top:14px;
  padding-right:5px;
  border-top:2px solid white;
	padding-left:1em;
  margin-top:0px;
}

ul.program li.break {
	border-left:0px solid var(--hmgu);
}

ul.program li.keynote {
	border-left:0px solid var(--hmgu-yellow);
}

ul.program li.reception {
	border-left:0px solid var(--hmgu-grey);
}

.poster_title{
  color: var(--hmgu-grey);
  font-weight:bold;
}

ul.program li p.is-small {
	margin-bottom:1px;
}

ul.program li.session {
	font-weight:bolder;
	font-size:1.2em;
	text-align:center;
	padding-bottom:20px;
  background:white;
}

ul.foot {

}
.bio_foot {
  display: inline-block;
    border: 3px solid white;
    padding: 20px 30px;
    border-radius: 10px;
    margin: 0;
}


ul.foot li {
  padding-bottom:5px;
  font-weight:bold;
  color:white;
}

ul.foot li a {
  color:white;
  font-size:0.9em;
  font-weight:normal;
}


.logos {
  height:3em;
	box-shadow:none;
}

.notification h1.title {
	color:var(--hmgu);
}

.notification h2.dates{
	color:white;
}

.notification {
  margin-bottom:1.5em;
}

.hpc {
  background:var(--hmgu);
  padding-bottom:5em;
}

.important_date {
  background:var(--hmgu);
}

p.orng {
	color:#f26f0d;
}

.tom {
  color:black;
  font-weight:bold;
}

.tom a {
border-bottom:1px solid var(--hmgu);
color:black;
}

.top_buffer {
  margin-top:50px;
}

.purp {
  border-bottom:5px solid var(--hmgu);
  border-top:5px solid var(--hmgu);
  padding-bottom:70px;
  padding-top:70px;
}

.purp p {
	font-size:1.5em;
  line-height: 1.5em;
}

.topics {
  padding:0;
}

.section {
}

p.has-text-white a {
	color:white;
	font-size:1.1em;
}
.hero {
	background: url(../images/background.jpg) center / cover;
}

.icon a {
	color:var(--hmgu);
}

a.topdown {
	color:white;
}

.program_speaker {
  font-weight:bold;
}

.time {
  font-size: .8em;
}

.name_line {
  border-top:1px solid #fefefe;
  padding-top:30px;

}

.sidebar {
  background: #333;
  color: white;
  max-width: 200px;

  transition: transform 0.5s;
}

.sidebar.isClosed {
      transform: translateX(-100%);
  }

.sidebar__button {
    width: 300px;
    border: 1px solid #ddf;
    padding: 1rem;
    border-radius: 0.25rem;
  }

.nav-toggle {
  display: none;
}

.content figure.lenbach {
  margin:0;
}

.content ol.dataprotection {
  margin-left:1em;
}

ol.dataprotection li {
  padding-left:1em;
}

ol.dataprotection {
  padding-bottom:2em;
}

.protection {
  margin-bottom:2em;
}

.protection .title:not(:last-child) {
  margin-bottom:.25em;
  padding-bottom:0;
}

.protection a, .dataprotection li a {
  color:#4a4a4a;
  border-bottom:1px solid #4a4a4a;
}

ul.program li.session_chair {
  border-bottom:1px solid #4a4a4a;
  border-top:0;
}

.chair_name {
  color:  var(--hmgu-yellow);
  font-weight:bold;
}

.program_title {

}

@media screen and (max-width: 1024px) {
  .hero {
		background:black url(../images/background-2.jpg) center / cover;
	}
  .desktop {
		display:none;
	}
  .nav-toggle {
    display: block;
  }
  .logos {
    height:2em;
  	box-shadow:none;
  }

}

@media screen and (max-width: 768px) {.hero { background:black url(../images/background-3.jpg) center / cover; } }
