
*, :before, :after {
	padding: 0;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@font-face {
  font-family: 'faesslich-iconset';
  src: url('../iconset/faesslich-iconset.eot?37432645');
  src: url('../iconset/faesslich-iconset.eot?37432645#iefix') format('embedded-opentype'),
       url('../iconset/faesslich-iconset.woff2?37432645') format('woff2'),
       url('../iconset/faesslich-iconset.woff?37432645') format('woff'),
       url('../iconset/faesslich-iconset.ttf?37432645') format('truetype'),
       url('../iconset/faesslich-iconset.svg?37432645#faesslich-iconset') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


.clearfix:after {
	content: "";
	display: block;
	clear: both
}

html {
	overflow-y: scroll;
	height: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

a {
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active, a:hover { outline-width: 0 }

img { border-style: none }

article, aside, figure, footer, header, hgroup, nav, section { display: block }
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance:button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}

h1, .h1 {
	font-size: 28px;
	font-weight: 700;
	color: #008890;
	font-style: italic;
	font-weight: 700;
	letter-spacing: .025em
}

h2 {
	font-size: 26px;
	font-weight: 700;
	color: #008890;
	padding-bottom: 8px;
	padding-top:15px;
}

h3, .je_headline {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #008890;
	padding-bottom: 8px;
	display: block
}

h4 {
	font-size: 20px;
	font-weight: 600;
	color: #4d5057;
	padding-bottom: 6px
}

ul {
	padding-bottom:14px;
}

ul li {
	margin-left:20px;
}

a:not([class]), a.mailcrypt { color: #008890; }

p { padding-bottom: 14px }

.dark-t-shadow { text-shadow: .025em .025em .125em rgba(0,0,0,0.5) }

.light-t-shadow { text-shadow: .025em .025em .125em rgba(255,255,255,0.5) }

.tr-bg-fast {
	-webkit-transition: .3s background;
	transition: .3s background
}

.tr-bg-medium {
	-webkit-transition: .5s background;
	transition: .5s background
}

.tr-bg-slow {
	-webkit-transition: .75s background;
	transition: .75s background
}

.tr-transform-fast {
	-webkit-transition: .3s transform;
	transition: .3s transform
}

.tr-transform-medium {
	-webkit-transition: .5s transform;
	transition: .5s transform
}

.tr-transform-slow {
	-webkit-transition: .75s transform;
	transition: .75s transform
}

.tr-all-fast {
	-webkit-transition: .3s all;
	transition: .3s all
}

.tr-all-medium {
	-webkit-transition: .5s all;
	transition: .5s all
}

.tr-all-slow {
	-webkit-transition: .75s all;
	transition: .75s all
}

body, input[type="text"], textarea, select, button {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	color: #4d5057;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	background: #222;
	color: #fff;
	height:100%;
}

.cw {
	margin: 0 auto;
	max-width: 1240px
}

.resp-space { padding: 0 20px }

.large-12 { width: 100% }

.large-9 { width: 75% }

.large-8 { width: 66.66667% }

.large-6 { width: 50% }

.large-4 { width: 33.33333% }

.large-3 { width: 25% }

.large-2 { width: 12.5% }

.pos-left { padding: 0 30px 0 40px }

.pos-center {
	padding: 0 40px;
	margin: 0 auto;
	text-align: center
}

.pos-right { padding: 0 40px 0 30px }

.pad-top-bottom {
	padding-top: 30px;
	padding-bottom: 30px
}

.l-pad-bottom { padding-bottom: 190px }

.max-large { max-width: 1000px }

.max-medium { max-width: 710px }

.max-small { max-width: 500px }

.max-xsmall { max-width: 320px }

.h-center {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.v-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hv-center {
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.is-hidden { overflow: hidden }

.is-flex {
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.flex-space-between {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between
}

.bg-is-grey { background-color: #f2f2f2 }

hr {
	display: block;
	height: 1px;
	background: #ddd
}

hr.ignore-padding {
	margin-left: -20px;
	width: calc(100% + 40px)
}

.wrapper {
	height:100%;
}

.embed-container-wrapper {
	padding:10px;
	position:relative;
	background:#555;
}

.embed-container {
	background:#000;
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.twitch-link {
	display:block;
	text-align:center;
	padding:12px 30px;
	border:2px solid #eee;
	color:#eee;
	margin:20px 0;
}

.twitch-link:hover {
	background:#008890;
}

.chat-trigger {
	position:absolute;
	right:10px;
	top:10px;
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#008890;
	z-index:9999;
	color:#fff;
	font-size:20px;
}

.chat-trigger:before {
	font-family: 'faesslich-iconset';
	content:'\e800';
}

.chat-trigger.active:before {
	content:'\e801';
}


.chat-overlay {
	position:absolute;
	height:100%;
	width:100%;
	max-width:300px;
	z-index:9998;
	top:0;
	right:-300px;
	background:rgba(0,0,0,0.6);
	transition:0.4s right;
}

.chat-overlay.active {
	right:0;
}


.is-content {
	padding:50px 0;
}




.cc-window {
  opacity: 1;
  transition: opacity 1s ease
}

.cc-window.cc-invisible { opacity: 0 }

.cc-animate.cc-revoke { transition: transform 1s ease }

.cc-animate.cc-revoke.cc-top { transform: translateY(-2em) }

.cc-animate.cc-revoke.cc-bottom { transform: translateY(2em) }

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover { transform: translateY(0) }

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s
}

.cc-link,  .cc-revoke:hover { text-decoration: underline }

.cc-revoke, .cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 100%;
  line-height: 1.5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 99999;
  background:rgba(244,244,244,0.9) !important;
}

.cc-window.cc-static { position: static }

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column
}

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row
}

.cc-revoke { padding: .5em }

.cc-header {
  font-size: 18px;
  font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke { cursor: pointer }

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em
}

.cc-link:hover { opacity: 1 }

.cc-link:active, .cc-link:visited { color: initial }

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap
}

.cc-btn.cc-deny {
  font-weight: 400;
  color:#888 !important;
  display:none;
}


.cc-banner .cc-btn:last-child { min-width: 140px }

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline
}

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75
}

.cc-close:focus, .cc-close:hover { opacity: 1 }

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em
}

.cc-revoke.cc-left {
  left: 3em;
  right: unset
}

.cc-revoke.cc-right {
  right: 3em;
  left: unset
}

.cc-top { top: 1em }

.cc-left { left: 1em }

.cc-right { right: 1em }

.cc-bottom { bottom: 1em }

.cc-floating>.cc-link { margin-bottom: 1em }

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1
}

.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center
}

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0
}

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0
}

.cc-banner .cc-message {
  text-align: left;
  -ms-flex: 1;
  flex: 1
}

.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between
}

@media print {

.cc-revoke, .cc-window { display: none }
}

@media screen and (max-width:900px) {

.cc-btn { white-space: normal }
}

@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape) {

.cc-window.cc-top { top: 0 }

.cc-window.cc-bottom { bottom: 0 }

.cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
  left: 0;
  right: 0
}

.cc-window.cc-banner {
  -ms-flex-direction: column;
  flex-direction: column
}

.cc-window.cc-banner .cc-compliance {
  -ms-flex: 1;
  flex: 1
}

.cc-window.cc-floating { max-width: none }

.cc-window .cc-message { margin-bottom: 1em }

.cc-window.cc-banner {
  -ms-flex-align: unset;
  align-items: unset
}
}

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none
}

.cc-theme-classic .cc-btn {}

.cc-theme-classic .cc-btn.cc-dismiss {
  font-weight:400;
  width:100%;
}

.cc-theme-classic .cc-btn.cc-allow {
  width:57%;
}

.cc-theme-classic .cc-btn:last-child { min-width: 140px }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block }

.cc-theme-edgeless.cc-window { padding: 0 }

.cc-floating.cc-theme-edgeless .cc-message { margin: 2em 2em 1.5em }

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em }

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn { margin-left: 0 }
