/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

.tx_evoweb_sfregister iframe#bargraph {
  display: none;
  height: 14px;
  width: 372px;
  border: none; }
  .tx_evoweb_sfregister iframe#bargraph.show {
    display: block; }

.tx_evoweb_sfregister meter#bargraph {
  display: none;
  background: #efefef;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 10px 10px;
  height: 11px;
  width: 100%;
  /* Polyfill */
  /* WebKit */
  /* Firefox */ }
  .tx_evoweb_sfregister meter#bargraph.show {
    display: block; }
  .tx_evoweb_sfregister meter#bargraph .meter-inner-element {
    -webkit-appearance: inherit;
       -moz-appearance: inherit;
            appearance: inherit;
    box-sizing: inherit;
    height: 100%;
    width: 100%;
    background: #efefef;
    border: none;
    border-radius: 0 0 10px 10px; }
  .tx_evoweb_sfregister meter#bargraph .meter-bar {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background: #efefef;
    border: none;
    border-radius: 0 0 10px 10px; }
  .tx_evoweb_sfregister meter#bargraph .meter-optimum-value,
  .tx_evoweb_sfregister meter#bargraph .meter-suboptimum-value,
  .tx_evoweb_sfregister meter#bargraph .meter-even-less-good-value {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    user-modify: read-only;
    border-radius: 0 0 10px 10px; }
  .tx_evoweb_sfregister meter#bargraph .meter-optimum-value {
    background: #3C5C00; }
  .tx_evoweb_sfregister meter#bargraph .meter-suboptimum-value {
    background: #F5D000; }
  .tx_evoweb_sfregister meter#bargraph .meter-even-less-good-value {
    background: #D14900; }
  .tx_evoweb_sfregister meter#bargraph::-webkit-meter-inner-element {
    background: #efefef;
    border: none;
    border-radius: 0 0 10px 10px; }
  .tx_evoweb_sfregister meter#bargraph::-webkit-meter-bar {
    background: #efefef;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 10px 10px; }
  .tx_evoweb_sfregister meter#bargraph::-webkit-meter-optimum-value, .tx_evoweb_sfregister meter#bargraph::-webkit-meter-suboptimum-value, .tx_evoweb_sfregister meter#bargraph::-webkit-meter-even-less-good-value {
    border-radius: 0 0 10px 10px; }
  .tx_evoweb_sfregister meter#bargraph::-webkit-meter-optimum-value {
    background: #3C5C00; }
  .tx_evoweb_sfregister meter#bargraph::-webkit-meter-suboptimum-value {
    background: #F5D000; }
  .tx_evoweb_sfregister meter#bargraph::-webkit-meter-even-less-good-value {
    background: #D14900; }
  .tx_evoweb_sfregister meter#bargraph::-moz-meter-inner-element {
    background: #efefef; }
  .tx_evoweb_sfregister meter#bargraph::-moz-meter-bar {
    background: #efefef;
    border: none;
    border-radius: 0 0 10px 10px; }
  .tx_evoweb_sfregister meter#bargraph:-moz-meter-optimum::-moz-meter-bar, .tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-optimum::-moz-meter-bar, .tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    border-radius: 0 0 10px 10px; }
  .tx_evoweb_sfregister meter#bargraph:-moz-meter-optimum::-moz-meter-bar {
    background: #3C5C00; }
  .tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-optimum::-moz-meter-bar {
    background: #F5D000; }
  .tx_evoweb_sfregister meter#bargraph:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: #D14900; }

.tx_evoweb_sfregister #sfrZone_loading {
  position: relative;
  top: -35px;
  left: -13px;
  margin-left: 50%; }

.tx_evoweb_sfregister .grecaptcha-badge {
  margin-right: -10000px; }

/*# sourceMappingURL=sf_register.css.map */

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

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

/* muli-600 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fileadmin/templates/stream/fonts/muli-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../fileadmin/templates/stream/fonts/muli-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fileadmin/templates/stream/fonts/muli-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fileadmin/templates/stream/fonts/muli-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../../fileadmin/templates/stream/fonts/muli-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fileadmin/templates/stream/fonts/muli-v20-latin-600.svg#Muli') format('svg'); /* Legacy iOS */
}


* {
 border:0pt none;
 margin:0pt;
 padding:0pt;
}


body,html {
 font-family:'Muli',sans-serif;
 font-size:16px;
 margin:0px;
 min-width:300px;
 padding:0px;
 text-align:left;
 background-color: #555555;
 color: white;
 height:100%;
 margin: 0;
 padding: 0; 
}

#background {
  background-repeat:no-repeat;
  position:fixed;
  _position:absolute;
  top:0;
  _top:expression(eval(document.body.scrollTop));
	z-index: 0;
}

#background {
 height:100vh! important;
 overflow:hidden;
 width:100vw;
 z-index:1;
 background-size: cover;
}
#background img {
 height:auto;
 width:100% ! important;
}

#b-pic-copy {
	font-size: 0.7rem;
	position: relative;
	text-align: center;
	z-index: 3;
	margin-top:2rem;
	color:#AAAAAA;
}
#b-pic-copy a {
	color:#AAAAAA;
}
#page {
 width:100%;
 min-height:100%
}
#logo {
	padding:0vh 0vw;
	height:10vh;
	position:relative;
	text-align: right;
	padding:0vh 1vw;
	z-index: 2;
}
#logo img {
	padding:1vh 0vw;
	height: 8vh;
}

.ContentHeader {
	margin:0 auto;
	color:grey;
	display:block;
	position: relative;
	z-index:10;
	height:auto;
	text-align:center;
	min-height:20vh;
	padding:2rem;
}


#wrap {
 height:auto !important;
 position:relative;
 min-height:56vh;
 z-index:3;
 display:flex;
 align-items: center;
 justify-content: space-around;
}
.content {
 display:flex;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 justify-content:space-between;
}
.ContentNormal .frame, .ContentLeft .frame, .ContentRight .frame, .ContentBorder{
	background-color: rgba(100,100,100,0.7);
	padding: 1vw;
	position: relative;
	margin:1vw 0vw;
}
.frame .frame{
	background-color:transparent;
	padding: 0vw;
	margin:0vw 0vw;
}
.ContentNormal {
	width:100%;
}
.ContentLeft {
	width:50vw;
}

.ContentRight{
	margin-left:5vw;
	width:40vw;
}

.ContentBorder {
position: relative;
	width:30vw;
	right:0vw;
	top:0vh;
	margin-left:1vw;
}

.footer {
	clear:both;
	text-align: center;
  text-transform: uppercase;
	font-size: 0.7rem;
	z-index: 2;
	position: relative;
	width:100%;
	color:black;
	bottom:10px;
	min-height:6vh;
}
.footer a{
	color:black;
}


a {
	color:white;
	
}

p{
	
	
}
h1,h2,h3 {
	text-transform: uppercase;
	margin:0.5rem 0rem;
}
h1 {
  font-size: 4rem;	
}

h2 {
	font-size:1.5rem;
}

h3 {
  font-size:1.2rem;
	
}
img {
	max-width: 100%;
	height:100%;
}


iframe {
	
	height:auto !important;
}
#chat iframe {
	min-height:68vh;
	width:30vw;
}
#chat {
	margin-top:0;
}
#video iframe{	
	width:62vw;
	min-height:34.875vw;
	z-index:2;
}
#openchat,#closechat {
display: none;
}
#fullscreen, #fullscreen-off {
	background: rgba(0,0,0,0.8);
	z-index:23;
	position: absolute;
	padding: 1vw;
	text-align: center;
	top:1vw;
	left:1.5vw;
	border: 1px solid white;
	font-weight: bold;
	text-decoration: none;
}
#fullscreen:hover,#fullscreen-off {
	cursor: pointer;
	background-color: rgba(100,100,100,0.8);
	border:1px solid yellow;
}
#fullscreen-off,#fullscreen {
	display: none;
}

#login-form {
	display: flex;
	flex-direction:  column;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	padding-top:1rem;
	text-align: center;
}
#login-form label {
	width:90px;
	margin-right:1.5rem;
	font-size: 1rem;
	display: inline-block;
}
#login-form input{
	padding:0.8rem 1.5rem;
	font-size:1rem;
}

#login-form #user,#login-form #pass {
	border:2px solid #555555;
	margin: 0.5rem 1rem;
	width:280px;
	padding:0.8rem;
	background: transparent;
	color: white;
}
#login-form input[type=submit] {	
	-webkit-appearance: none;
	color:white;
	margin-top:1vw;
	text-transform:uppercase;
	border:2px solid #666666;
	background-color:#333333;
	cursor: pointer;
}
#login-form input[type=submit]:hover {
	border:2px solid white;
}
#login-form .forgot-pw{
	margin-left:250px;
}

.tx_evoweb_sfregister .form-row {
	width:100%;
}
.tx_evoweb_sfregister .form-row div{
	margin:2vh 0;
}
.tx_evoweb_sfregister label {
  display: inline-block;
	width:11rem;
}
.tx_evoweb_sfregister input{
	display: inline-block;
	width: 50%;
	padding:0.8rem 0.5rem;
	font-size:1rem;
}
.tx_evoweb_sfregister input[type=submit]{
	display: inline-block;
	width: auto;
	-webkit-appearance: none;
	color:white;
	margin-top:1vw;
	text-transform:uppercase;
	border:2px solid #666666;
	background-color:#333333;
	cursor: pointer;
	padding: 2vh 2vw;
}
.tx_evoweb_sfregister input[type=submit]:hover {
	border:2px solid white;
}
.tx_evoweb_sfregister meter#bargraph {
	width: calc(52% + 4px);
	margin: 0;
	padding: 0px;
	margin-left: calc(11rem + 4px);
	height:10px;
}
.ce-center {
	text-align: center;
}
.ce-bodytext {
	text-align: left;
}



@media all and (max-width:699px), @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	.ContentHeader h1 {
    font-size: 2.5rem;
    
    } 
	.content {
		flex-direction: column;
		justify-content: stretch;
		margin-left:1vw;
		margin-right:1vw;
	}
	.ContentLeft, .ContentRight, .ContentBorder, .ContentNormal {
		width: 90vw;
		margin-bottom:2vh;
		margin-left:2vw;
		margin-right:2vw;
	}
	.ContentNormal {
	  width: 92vw;
	}
	#b-pic-copy {
	margin-top:3rem;
	}
	#chat iframe {
	   min-height:60vh;
	   width:90vw;
  }
  #video iframe{	
	   width:90vw;
	   min-height:50.625vw;
	   z-index:2;
  }
	.ce-left .ce-gallery, .ce-right .ce-gallery{
		float: none;
		clear: both;
	}

}
@media only screen 
and (min-device-width : 700px) 
and (max-device-width : 1024px) 
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 4) {
  .content {
	  flex-direction: column;
	}
	#chat {
		height: 140vh;
	}
  #chat iframe{
		min-height: 140vh;
	}
}
@media all and (min-width:700px) and (max-width:900px) {
	.content {
		flex-direction: column;
		justify-content: stretch;
		margin-left:1vw;
		margin-right:1vw;
	}
	.ContentLeft, .ContentRight, .ContentBorder, .ContentNormal {
		width: 90vw;
		margin-bottom:2vh;
		margin-left:2vw;
		margin-right:2vw;
	}
		.ContentNormal {
	  width: 92vw;
	}
	#b-pic-copy {
	margin-top:3rem;
	}
	#chat iframe {
	   min-height:60vh;
	   width:90vw;
  }
  #video iframe{	
	   width:90vw;
	   min-height:50.625vw;
	   z-index:2;
  }
}