@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url(font/font-8faec9a0.woff2) format('woff2'), url(font/font-1264ccd5.woff) format('woff'); }
@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(font/font-ff99dae9.woff2) format('woff2'), url(font/font-4f830ad0.woff) format('woff'); }
@font-face {
  font-family: 'icomoon';
  src:  url('font/icomoon.eot?g0lisw');
  src:  url('font/icomoon.eot?g0lisw#iefix') format('embedded-opentype'),
    url('font/icomoon.ttf?g0lisw') format('truetype'),
    url('font/icomoon.woff?g0lisw') format('woff'),
    url('font/icomoon.svg?g0lisw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* portrait */
@media screen and (orientation : portrait)  {
    .pagecontainer {width:100% !important;}
}

@media screen and (orientation : landscape)  {

}

body {
  font-family: 'Open Sans', arial, sans-serif;
  margin:0px;
  -webkit-font-smoothing: antialiased;
}
#logo {
    width: 100%;
    max-width:1280px;
    margin-left: auto;
    margin-right: auto;
}
#logo img {
    width: 100%;
    height: auto;
}

input[type="submit"] {
    color: #ffffff;
    border: none;
    padding: 0.5vw;
    width: 20%;
    font-size:2vw;
    line-height: 2em;
    background: #52be80;
    border-radius: 0.5vw;
}
#loginform {
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}
input[type="password"], #name{
  text-align: center;
  border-radius: 0.5vw;
  border: 1px solid grey;
  font-size:2vw;
  line-height: 4vw;
  width:20%;
  margin-bottom: 0.2vw;
}

button {
  color: #ffffff;
  border: none;
  padding: 0.5vw;
  /* width: 20%; */
  font-size:14px;
  line-height: 1.5em;
  background: #52be80;
  border-radius: 0.5vw;
}

input[type="password"]::placeholder, #name::placeholder {
    color:lightgrey;
}

[id$="_copied"]{
  font-style: italic;
  color:grey;
}

.error {
  color:red;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  display: block;
}
input[name="exit"] {
    background-color: rgba(214, 0, 0, 1);
    border: none;
    color: white;
    border-radius: 1vw;
    text-decoration: none;
    padding: 0.5vw;
    line-height: 3vw;
}

input[type="text"] {
  padding: 0.5vw;
  /* width: 20%; */
  font-size:14px;
  line-height: 2vw;
  /* background: #52be80; */
  border-radius: 0.5vw;
  border:1px solid grey;
  text-align: center;
  background: none;
  background-color:transparent;
}

input[name="exit"]:hover, button:hover, input[type="submit"]:hover, #exit:hover {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    transition: box-shadow .4s ease-out;
    /* font-size:1.4vw; */
}
input[name="exit"]::before {
  content: "\e98f";
}
td {
  width:auto;
}


table {
  border-collapse: collapse;
}

/* Design for the Live Event rooms and players */
.pagecontainer {
  width:100%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
}

#input_close {
    width: 100%;
    text-align: right;
}

.headermenu {
  width:100%;
  height:40px;
  margin-top: 10px;
  margin-bottom:10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  box-shadow: 0 10px 50px rgba(0,0,0,.08) , 0 13px 45px rgba(0,0,0,.08);
  /* padding-top: 10px;
  padding-bottom:10px; */
  border-radius: 5px;
  margin-top
}
.rooms {
  width:100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#room2::after {
  font-size:2vw;
}

.download_docs {
  width:100%;
  margin-top:40px;
  display: flex;
  flex-direction: column;
}
.download_docs  div{
    flex-basis: 45%;
    text-align:left;
}

.rooms div {
  font-size: 20px;
  flex-basis: 30%;
  height:20.2vw;
  color:#000;
  border-radius: 5px;
  box-shadow: 0 10px 50px rgba(0,0,0,.08) , 0 13px 45px rgba(0,0,0,.08);
  cursor: pointer;
  vertical-align: middle;
  text-align:center;
}

.rooms div:hover {
  box-shadow: 0 10px 50px rgba(0,0,0,.2) , 0 13px 45px rgba(0,0,0,.2);
}

.headermenu div {
  height:100%;
  color:#ffffff;
  padding-top:1px;
  vertical-align: middle;
  text-align:center;
  flex-basis: 33.333%;
}
.headermenu div:nth-child(2) {
border-left: 1px solid rgba(0,0,0,.2);
border-right:1px solid rgba(0,0,0,.2);
}
.active:hover div  {
  text-decoration: underline;
  background-color: rgba(0,0,0,.08);
}
.active {
  /* color:blue !important; */
  cursor: pointer;
  background-color: rgba(0,0,0,.02);
}

.redebeitrag {
  color:#404040;
}
.redebeitrag::before {
  font-family: 'icomoon';
  content:"\ea1c";
}
.redebeitrag:hover {
  background:#E8E8E8;
}


.thema {
  font-weight:bold;
}


t {
  font-style: italic;
}
.redner{
    border-spacing: 15px;
    font-size:16px;
    text-align: left;
}
.redner tr {
  height:2em;
}


.webt, .person{
  text-decoration: none;
  padding:0 20px;
}
.webt::before{
  font-family: 'icomoon';
  content:"\e924";
  color:#000000;
}
.person::before {
  font-family: 'icomoon';
  content:"\e971";
  color:#000000;
}
.webt:hover, .person:hover{
    font-size:20px !important;
}

[id^='baumplayer_'] {
  position: sticky;
  position: -webkit-sticky;
  top:0px;
}
.selected {
  background-color:#cccccc;

}
.today::after {
}
form {
  display:flex;
}
#name, #usermsg {
  width:80%;
  text-align: left;
}
#name::placeholder, #usermsg::placeholder {
  color:darkgray;
  font-weight: bolder;
}


#messagebox {
  color: #52be80;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    /* border: 1px solid gray; */
    border-radius: 4px;
    text-decoration: none;
    color:#ffffff;
    background-color: rgba(214, 0, 0, 1);
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::after, .vjs-icon-volume-mute::after {
    content: "\e909";
    font-family: nuevo;
    z-index: 99999;
    font-size: 8vw;
    position: absolute;
    bottom: 80px;
    line-height: 1em;
    /* top: 3vw; */
    opacity: 1;
    display: block;
    float: left;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 1vw;
}