/* Background */
html		{font: 300 1em Roboto, "Open Sans", sans-serif; color: #000; hyphens: auto; -moz-hyphens: auto;
/*background: rgba(0, 0, 0, 0) linear-gradient(45deg, #ffffff 0%, #c8c8c8 25%, #ffffff 47%, #c8c8c8 74%, #fefefe 100%) repeat fixed 0 0; */
background-color: #c8c8c8;}
body		{padding: 0; margin: 0 auto; overflow: scroll;}
footer		{margin: 2rem 0; padding: 2rem 1rem 0 8%;}

*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Navi */
ul, menu {padding: 0; margin: 0; list-style: none;}
menu {position: fixed; top: 0; width: 100%; z-index: 10; border-bottom: 2px solid #000;}
menu li {float: left; width: 25%; background: #fff; border-right: 2px solid #000; text-align: center; height: 48px;}
menu li:last-child {border: none;}
menu li a {color: #000; display: inline-block; text-decoration: none; padding: 12px 0; height: 27px;}
menu li.active, menu li.active a {background: #1a1a1a; color: #fff;}
menu li a#favs {top: 12px; color: #000;}

/* Spinner */
#progress {text-align: center; margin-top: 6em;}

/* Container fuer einen Tag */
section {padding-top: 4rem;}
section header {text-align: right; margin-top: 1px;}
section header span {background: #000; color: #fff; text-align: center; display: inline-block; width: 30%; line-height: 36px;}

/* Container fuer eine Session */
article { display: block; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding: 1rem 1rem 1rem 0;}
.data		{width: 25%; text-align: center;}
.content	{width: 75%; cursor: pointer;}

/* Stage */
.stage {color: #000; margin: 0.5rem 0; word-break: break-all;}

/* Track-Colors */
.track {color: #fff;}

.track1 , .culture {background: #c37602;}
.track6 , .business-innovation {background: #4ca925;}
.track8 , .politics-society {background: #704d85;}
.track7 , .science-technology {background: #a49401;}
.track31 , .re-publica {background: #000;}
.track154 , .re-health, .re-think-mobility {background: #9f001e;}
.track151 , .fashiontech {background: #f90;}
.track9 , .research-education {background: #66c;}
.track115, .track142, .media-convention {background: #cb0000;}


/* Title */
h1	{font-size: 16px; padding: 0; margin: 0.5rem 0;}

/* Speakerlist */
.speaker {overflow: hidden;}
.speaker li {float: left; padding-right: 0.2em;}
.speaker li:after {content: ", ";}
.speaker li:last-child:after {content: "";}

/* Herz */
.heart {position: relative; width: 30px; height: 27px; cursor: pointer; margin: 0 auto;}

.heart:before, .heart:after {
position: absolute; content: ""; left: 15px; top: 0; width: 15px; height: 24px; background: #fff; border-radius: 75px 75px 0 0;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
-webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%;
}

.heart:after {
left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
-webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%;
}
#favs.heart:before, #favs.heart:after	{background: #000;}
#favs.faved:before, #favs.faved:after, .heart.faved:before, .heart.faved:after	{background: #F91867;}

/* Helper */
.fsize50	{font-size: smaller;}
.padding	{display: inline-block; padding: 0.05rem 0.2rem; }
.color		{color: #F91867;}
.hidden		{display: none;}

a {color: #F91867;}