/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

html { overflow-y: scroll; }
body  { padding-top: 70px; padding-bottom: 70px; font-family: 'Oswald', sans-serif;  }

.box { border: 1px solid #CCC; padding: 10px; margin: 10px 0;}
.box h1 { font-size: 20px; font-weight: 500; margin: 0 0 10px;  }

.leftbox { border: 1px solid #CCC; padding: 10px; margin: 10px 0;}
.leftbox h1 { margin: 20px 0 20px 0;  }

.top-box { margin-top: 30px; }
.speaker { list-style: none; padding: 0; }
.speaker li { border: 1px solid #ccc; margin-bottom: 10px; padding: 5px;  }
.speaker li:first-line { font-weight: bold; }

/* TALKS */

.talks { list-style: none; margin:0; padding:0; }
.talks li { padding: 2px 0; }
.talks li a { font-weight: 700; color: rgb(51,51,51); padding: 3px 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 1.2em; display: block; overflow: hidden; text-decoration: none; line-height: 120%;  }
.talks img {  float: left; width: 60px; height: 45px; margin-right: 5px; border:1px solid #CCC;  }
.talks li a:hover { background: #dedede; transition: all 0.5s ease; }
.talks li a:first-line { font-weight: normal; font-size:0.8em; }
.talks li.subtitle { border-radius: 3px; padding: 5px 3px; color: #fff; font-size: 1.3em; border: 1px solid #ccc; background: #c3c3c3; margin: 5px 0; }

.talks li a.freigabe { color: #ccc; }
.talks li a.freigabe:hover { color: #ccc; background: #FFF; }

@media(max-width: 480px) {
    .talks img {display: none; }
	.leftbox h1 { margin: 10px 0; }
}

@media(max-width: 768px) {
   .talks img {display: none; }
   .leftbox h1 { margin: 10px 0; }
}

.achtung { font-weight: bold;  color: white; background: red; text-align: center; padding: 10px; }