/* hörspielland.de - Layout-Version 6 - ab 2021 */

/*
@import url(http://fonts.googleapis.com/css?family=Signika:300);
*/          

@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika-Light'), url(/css/signika.woff) format('woff');
}
@font-face {
  font-family: 'FontAWS';
  font-style: normal;
  font-weight: 300;
  src: local('FontAWS'), url(/css/fa-solid-900.woff) format('woff');
}

html {
  font-size:12px;
}
body,p,br,ul,ol,li,table,tr,td,hr,blockquote,center,form,textarea {
  font-family:Signika,sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  color:#000000;
}

.titel {
  font-size: 28px;
  line-height: 36px;
  font-weight:normal;
  color:#000000;
//  text-shadow: #111111 1px 1px 1px;
  margin-top:0px;
  font-family:Signika;
  text-align:center;
  padding-bottom:10px;
}

h1, .menurubriktitel {
  margin-top: 0px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #000000;
//  text-shadow: #111111 1px 1px 1px;
  font-family:Signika;
  font-weight:normal;
}

body {
  background-color:#FFFFFF;
}

form, input, textarea {
  margin: 0px;
}


/* Links */
a         { text-decoration:none; }
a:link    { color:#0000ff; }
a:visited { color:#840084; }
a:hover   { color:#ff0000; text-decoration:underline; }
a:active  { color:#ff0000; }


.KommentarBox, .neuerkommentarform {
  background:#eeeeee;
  -webkit-transition:background 1s;
  -moz-transition:background 1s;
  -o-transition:background 1s;
  transition:background 1s;
  line-height:1;
}
.KommentarBox {
  margin:0px 0px 4px 0px;
  padding:0.5rem;
  border-radius:5px;
}
.neuerkommentarform {
  padding:15px;
}
.KommentarLinks {
  visibility:hidden;
}
.KommentarBox:hover .KommentarLinks {
  visibility:visible;
}
.KommentarBox a:link, .KommentarBox a:visited {
  color:#999999;
}
.KommentarBox:hover a:link {
  color:#0000ff;
}
.KommentarBox:hover a:visited {
  color:#840084;
}
.KommentarBox:hover, .neuerkommentarform:hover {
  background:#eeeeee;
  -webkit-transition:background 1s;
  -moz-transition:background 1s;
  -o-transition:background 1s;
  transition:background 1s
  border-style:solid;
  border-width:5px;
  border-color:#dddddd;
  -webkit-transition:color 4s;
  -moz-transition:color 4s;
  -o-transition:color 4s;
}
.KommentarAutor {
  color:#555555;
}
.Kommentar {
  color:#000000;
  margin-top:5px;
  margin-bottom:5px;
}
.KommentarBezug, .KommentarLinks {
  font-size:12px;
  line-height:16px;
  padding-top:0px;
  color:#555555;
}
.KommentarLinks {
  visibility: hidden;
}
.KommentarBezug {
  margin-top:15px;
  margin-bottom:5px;
}
.KommentarLinks {
  margin-top:5px;
  margin-bottom:5px;
  color:#bbbbbb;
}

/* Datumsform */
.dat {
  font-size:12px;
  line-height:16px;
  color:#555555;
  margin:0px;
}

/* Kleine Schrift */
.mini {
  font-size:12px;
  line-height:16px;
  color:#777777;
}

.logobox {
}


.welcomeforum, .welcomemarktplatz, .welcome {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
.welcome {
  overflow:auto;
}
.WT {
  /* Welcome Teaser */
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight:normal;
  color:#000000;
  margin-top:0px;
  font-family:Signika;
}
.WT_box {
  padding: 1rem 0rem 1.5rem 0rem;
  clear:both;
}
.WT_box div {
  vertical-align:top;
}
.WT_box p {
  padding:0px 0px 10px 0px;
  margin:0px;
}
div.WT_box:nth-child(odd) img.WT_img {
  float:right;
  padding-left:1rem;
}
div.WT_box:nth-child(even) img.WT_img {
  float:left;
  padding-right:1rem;
}
.WT_box div:nth-child(2) {
  border: 1px solid blue;
}

/* Boxen */
.serieninfobox {
  border:0px;
  padding:3px;
  margin-bottom:5px;
  margin-top:0px;
  align:center;
}
.serieninfoboxbez {
  color:#666666;
  font-style:italic;
  text-align:right;
  white-space:nowrap;
}
.serieninfoboxbez:after {
  content:':';
}t
.loginbox {
  border-style:solid;
  border-width:1px;
  border-color:#AF8D1B;
  padding:3px;
  background-color:#EDE5A0;
  text-align:right;
}

.copyright {
  margin-top:3px;
}

.toptenplatz div {
  padding-left:5px;
  margin: 5px 0px 5px 0px;
}

/* Bild vom Tonträger */
.folgenbild {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  text-align:center;
}

.coverupload {
  position:absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index:100;
}
.coverupload td {
  background-image:url(/pic/layout-4/fade.png);
  background-repeat:repeat;
}
.coverupload td form {
  color:#aaaaaa;
  font-size:14px;
  line-height:20px;
  width:100%;
}


.tab {
  empty-cells:show;
  border-style:solid;
  border-width:1px;
  border-color:#AF8D1B;
  background-color:#EDE5A0;
}

/* Infokästen */
.info {
  border-style:solid;
  border-width:0px 1px 1px 0px;
  border-color:#98aed7;
  background-color:#e4e9f4;
  padding:3px;
  valign:middle;
}

/* Tabellen mit grauen Zellen */
.grundtabelle td {
  empty-cells:show;
  border-style:solid;
  border-width:0px 1px 1px 0px;
  border-color:#AF8D1B;
  padding:3px;
  background-color:rgba(237, 229, 160, 0.295);
/*
  background-color:#EDE5A0;
*/}
.adminzeile .adminfeld, .adminfeld {
  background-color:#FFD7DE;
}
.admintable tr td {
  background-color:#FFD7DE;
}

.auflagenbox {
  border-style:solid;
  border-width:0px 1px 1px 0px;
  border-color:#98aed7;
  padding:3px;
  background-color:#e4e9f4;
}

.navs {
  position:relative;
  top:-22px;
}

.menu2 {
  position:relative;
  top:-30px;
}
.menu2 a {
  padding: 0px 5px 0px 5px;
  font-size:1.6rem;
  line-height: 2.2rem;
  font-weight:normal;
  color:#7D7D7D;
  font-family:Signika;
}
.menu2 a:hover, .menu2 a:focus {
  text-decoration:none;
  color:#000000;
}
.menu2 a:active {
  background-color:#B7BD82;
}

.menu {
  font-size:1rem;
  line-height: 1.2rem;
  color:#000000;
  text-align:right;
}

.listennavigation td {
  padding:5px 0px 5px 0px;
  margin:0px 5px 0px 0px;
  vertical-align:middle;
  background-color:#EDE5A0;
}
.listennavigation {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

/* Für die Specials */
.SpecialSpiele {
  border-width:2px;
  border-color:#9999FF;
  border-style:outset;
  padding:5px;
  margin:15px;
}
.SpecialSpecials {
  border-width:2px;
  border-color:#FF0000;
  border-style:outset;
  padding:5px;
  margin:15px;
}
.SpecialBeitragZurSerie {
  border-width:2px;
  border-color:#0060FF;
  border-style:outset;
  padding:5px;
  margin:15px;
}
.SpecialRezensionen {
  border-width:2px;
  border-color:#1F0000;
  border-style:dotted;
  padding:5px;
  margin:15px;
}
.SpecialInterviews {
  border-width:2px;
  border-color:#8F8F8F;
  border-style:outset;
  padding:5px;
  margin:15px;
}
.SpecialNewsletter {
  border-width:2px;
  border-color:#C00040;
  border-style:outset;
  padding:5px;
  margin:15px;
}
.SpecialTechnik {
  border-width:5px;
  border-color:#FF9F00;
  border-style:double;
  padding:5px;
  margin:15px;

}
.SpecialUpdate {
  border-width:2px;
  border-color:#E06000;
  border-style:dotted;
  padding:5px;
  margin:15px;
}
.erklaerung {
  background-color:#eeeeee;
  padding:3px 20px 3px 20px;
}
.erklaerung p {
  font-size:14px;
  line-height:20px;
  color:#555555;
}
.beitrag_bild {
  border-style:solid;
  border-color:#ffffff;
  border-width:5px;
}


/* FAQ */
.faqanzeige {
  margin:3px 0px 3px 0px;
}
.faqanzeige p {
  margin:3px 0px 3px 0px;
  padding:3px;
  background-image:url(../pic/faq-bgr.gif);
}
.faqanswerbox, .faqform div, .faqtopbox {
  background-image:url(../pic/faq-bgr.gif);
}
.faqanswerbox {
  padding:1px 10px 10px 10px;
}
.faqanswerbox .titel {
  color:#dd3832;
}
.faqtopbox p {
  padding:2px;
  font-weight:bold;
}

.faqform {
  margin:0px;
}
.faqform div {
  margin:0px;
  padding:1px 5px 15px 5px;
}
.faqform input, .faqform textarea {
  border-style:solid;
  border-width:1px;
  border-color:#bbbbbb;
}
.faqmark {
  color:#FF7F00;
  font-weight:bold;
}


.beitragbox {
  border-style:solid;
  border-color:#8080C0;
  border-width:2px;
  padding:4px;
}

.inputbox, .meldung {
}
.inputbox .titel, .meldung .titel {
  margin-top:0px;
}

textarea,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
input.hl_edit_cast,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  height: 36px;
  padding: 0 8px;
  margin: 0;
  background: #F5F5D9;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size:14px;
  line-height:20px;
  color: #404040;
}
input[name=hm_status], input[name=hm_fehler] {
  height:15px;
}
textarea {
  height:150px;
  width:95%;
}

textarea:hover,
select:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input.hl_edit_cast:hover,
input[type=url]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

textarea:focus,
select:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input.hl_edit_cast:focus,
input[type=url]:focus {
  outline: none;
  border: 1px solid #EBA453;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.mainContent1 {
  margin:0px 0px 0px 0px;
/*
  padding:15px 15px 15px 15px;
  background-color:#9999ff;
*/
  max-width:550px;
  margin:auto;
}
.mainContentComment {
  padding-left:0px;
}

html, body {
  height:100%;
  margin:0px;
  padding:0px;
}

body {
  padding-top:7px;
}


div.part1 {
}

div.part2 {
  padding-top:50px;
}

.hl_page {
  /* Page */
  padding:40px 5% 5% 5%;
  max-width:550px;
  margin:0px auto;

/*
  margin: 0px auto;
  max-width:780px;
  border-style:solid;
  border-width:4px 0px 0px 0px;
  border-color:#7ADD14;
*/
}
.hl_page#p1 {
}
.hl_pagebody {
}
.hl_pagecontent {
}
.nav {
  background-color:#ffffff;
  text-align:center;
  padding:0px;
  height:108px;
}
input[type=submit] {
  /* #A9EB58 = 169 235 88 */
  /* #7ADD14 = 116 221 20 */
/*
  background: -moz-linear-gradient(center top , #A9EB58, #7ADD14) repeat scroll 0% 0% transparent;
  background: -webkit-gradient(linear,left top,left bottom,from(#A9EB58),to(#7ADD14));
  background: -ms-linear-gradient(#A9EB58, #7ADD14);
*/
  background: rgb(169,235,88); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(169,235,88,1) 0%, rgba(116,221,20,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,235,88,1)), color-stop(100%,rgba(116,221,20,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(169,235,88,1) 0%,rgba(116,221,20,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(169,235,88,1) 0%,rgba(116,221,20,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(169,235,88,1) 0%,rgba(116,221,20,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(169,235,88,1) 0%,rgba(116,221,20,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A9EB58', endColorstr='#7ADD14',GradientType=0 ); /* IE6-8 */

  display: inline-block;
  vertical-align: baseline;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 0.5em 1.2em;
  white-space: nowrap;
  border: 0px none;
  height:36px;
  font-weight:500;
  color:#ffffff;
/*
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  color:#B41AB4;
  font-weight: 500;
*/
}
.s5 {
  background-color:orange;
  height:40px;
  width:90%;
  display:inline-block;
}
.hl_pagefooter {
  /* Page Footer */
  background-color:#ffffff;
  height:100px;
  width:100%;
  display:inline-block;
  text-align:center;
  font-size:14px;
  line-height:20px;
  color:#555555;
}
#sResult {
  text-align:left;
  padding:10px 15px 10px 15px;
}
.menuwall,
.searchwall {
  height:100%;
  width:100%;
  background-color:#777777;
  position:fixed;
  top:0px;
  left:0px;
  display:none;
  -webkit-transition: display 1s;
  transition: display 1s;
}
.menuwall {
  z-index:5;
}
.searchwall {
  z-index:8;
}
.menu,
.searchform {
  display:block;
  position:fixed;
  top:0px;
  height:100%;
  width:0%;
  text-align:center;
  -webkit-transition: width 1s;
  transition: width 1s;
  background-color:#ffffff;
  padding-top:40px;
}
.menu {
  z-index:6;
  left:0px;
}
.searchform {
  z-index:9;
  right:0px;
}
.menupkt {
  background-color:#F7FFB0;
  box-shadow:2px 2px 6px #916D17;
  margin:5px auto 5px auto;
  overflow:hidden;
  white-space:nowrap;
}
.menu a,
.searchform table tr td:first-child {
  font-size:2.5rem;
  line-height:2.5rem;
  font-weight:normal;
  color:#7D7D7D;
  font-family:Signika;
}
.menu a:hover, .menu a:focus {
  text-decoration:none;
  color:#000000;
}
.menu a:active {
  background-color:#B7BD82;
}
.menubtn {
  position:fixed;
  top:10px;
  left:5px;
  display:none;
  z-index:7;
  background-color:#ffffff;
}
.searchbtn {
  position:fixed;
  top:10px;
  right:5px;
  display:none;
  z-index:10;
  background-color:#ffffff;
}
.fbtn {
  background-color:#ffffff;
  padding-left: 5px;
}
.menubtn a::after,
.searchbtn a::after,
.fbtn::after {
  font-family:FontAWS;
  font-size:2rem;
  line-height: 2rem;
  color:rgb(169,235,88);
  text-shadow:0.01rem 0.01rem #333;
}
.menubtn a::after { content:var(--content, "\f0c9"); }
.searchbtn a::after, .fbtn::after { content:var(--content, "\f002"); }

.menubtn a:hover,
.searchbtn a:hover,
.fbtn:hover {
  text-decoration: none;
}

.searchform {
  z-index:9;
}

.faw_mail::after,
.faw_links::after,
.faw_login::after,
.faw_market::after,
.faw_comments::after,
.faw_speaker::after,
.faw_plays::after,
.faw_specials::after,
.faw_search::after,
#lv::after,
#ln::after {
  font-family:FontAWS;
  color:rgb(169,235,88);
  text-shadow:0.01rem 0.01rem #333;
}
.faw_mail::after { content:'\f0e0'; }
.faw_links::after { content:'\f0c1'; }
.faw_login::after { content:'\f2f6'; }
.faw_market::after { content:'\f688'; }
.faw_comments::after { content:'\f086'; }
.faw_speaker::after { content:'\f0c0'; }
.faw_plays::after { content:'\f130'; }
.faw_plays::after { content:'\f51f'; }
.faw_specials::after { content:'\f303'; }
.faw_search::after { content:'\f002'; }

#lv img,
#ln img {
  display:none;
}
#lv,
#ln {
  text-decoration:none;
}
#lv::after { font-size:2rem; line-height: 2rem; content:'\f060'; }
#ln::after { font-size:2rem; line-height: 2rem; content:'\f061'; }

#covupdiv1 {
  padding-top:20px;
}
#covupdiv2 {
  display:none;
}

@media (max-width: 928px) {
  /* schmale Browserfenster */
  div.part1, div.part2 {
    display:block;
    width:100%;
  }
  #covupdiv2 {
    display:none;
  }
  #covupdiv1 {
    display:block;
    text-align:center;
  }
}
@media (max-width: 1100px) {
  .menubtn,
  .searchbtn {
    display:block;
  }

  .menu2 {
    display:none;
  }
  .hl_page {
    padding-top:40px;
  }
  div.hl_pagebody {
    display: flex;
    flex-direction: column;
  }
  div.part1 {
    order: 2;
  }
  div.part2 {
    order: 1;
    padding-top: 0px;
  }
}
@media (min-width: 1100px) {
  .menubtn,
  .searchbtn,
  .menuwall,
  .searchwall,
  .menu {
    display:none;
  }
  .menu2 {
    display:block;
  }
  .hl_page {
    padding-top:100px;
    max-width:100%;
  }

  .hl_pagebody {
    text-align: center;
  }

  div.part1 {
    display: inline-block;
    width:45%;
    vertical-align:top;
    text-align:left;
  }
  div.part2 {
    position: relative;
    top:-0.5rem;
    display:inline-block;
    width:45%;
    vertical-align:top;
    padding-top:0px;
    margin-left:5%;
    text-align: left;
  }
  .kommentarekopf {
    margin:0px;
  }
  .KommentarBox {
  /*
    margin-bottom:2px;
  */
  }
}
@media (min-width: 1100px) and (max-width: 1570px) {
  .menu a {
    font-size:2rem;
    line-height: 2rem;
  }
}
@media (max-width: 470px) {
  body {
    padding-top:40px;
  }
  .menu {
/*
    top:180px;
*/
  }
}

.stimmungsbildwahl {
  text-align:center;
}
.toptenplatz {
  text-align:center;
}
.toptenplatz div {
  display:inline;
}
.sfaktenheader, .community {
  width:100%;
  text-align:justify;
}
.sfaktenheader div, .community div {
  display:inline-block;
  vertical-align:top;
  margin-bottom:10px;
}
.sfaktenheader div:last-child, .community div:last-child {
  width:100%;
  margin-bottom:0px;
}
.wiki {
  padding:10px;
  margin:0px;
  border-style:solid;
  border-width:0px 1px 1px 0px;
  border-color:#AF8D1B;
  padding:3px;
  background-color:#EDE5A0;
}
.wiki p {
  padding:0px;
  margin:0px;
  text-align:center;
}
.MenuEingabefeld {
  width:200px;
}
ul li {
  margin-bottom:30px;
}
.communityeingabeform {
  padding:10px;
  margin:0px;
  border-style:solid;
  border-width:0px 1px 1px 0px;
  border-color:#AF8D1B;
  background-color:#EDE5A0;
}

/* Register */
div.RegisterReiter table {
  border-width:0px 0px 2px 0px;
  border-color:#B10000;
  border-style:solid;
  margin:0px;
}
div.RegisterReiter {
  padding-bottom:12px;
}
div.RegisterReiter table tr td p {
  margin:0px 8px 0px 0px;
  padding:3px;
  background-color:#B4D5FA;
}


/*
.RegisterReiter
{
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width:100%;
}

.RegisterReiter li
{
  float: left;
  margin: 0;
  padding: 0;
}

.RegisterReiter li a
{
  display: block;
  margin:5px 5px 5px 5px;
  background: -moz-linear-gradient(center top , #A9EB58, #7ADD14) repeat scroll 0% 0% transparent;
  background: -webkit-gradient(linear,left top,left bottom,from(#A9EB58),to(#7ADD14));
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 0.8em 1.2em;
  white-space: nowrap;
  border: 0px none;
  font-weight:500;
  color:#ffffff;
}

.RegisterReiter li a {
  width: auto;

}

.RegisterReiter li#active a
{
  background: #f0e7d7;
  color: #800000;
}

.RegisterReiter li a:hover, .RegisterReiter li#active a:hover
{
  background: -moz-linear-gradient(center top , #E168E9, #BB58EB) repeat scroll 0% 0% transparent;
  background: -webkit-gradient(linear,left top,left bottom,from(#E168E9),to(#BB58EB));
}

.RegisterReiterLeiste {
  border-width:0px 0px 3px 0px;
  border-color:#B10000;
  border-style:solid;
  width:100%;
  clear:both;
}
*/


.markt_hr {
  background-color:#FFA500;
  width:150px;
  height:2px;
  border:0px;
}
td.community_hr {
  padding:3px;
  border-width:0px 0px 2px 0px;
  border-style:solid;
}

.hib {
  white-space:nowrap;
/*
  display:flex;
  flex-direction:row;
*/
}
.hib a {
  visibility:visible;
  padding:0px 0px 0px 10px;
}
.hib:hover a {
  visibility:visible;
}

.taboa tr td { /* Tabelle ohne alles */
  border:0px;
}

.zuhaben {
  background-color:#FF9F00;
  border-radius:10px;
  border-color:#FF3F00;
  border-width:3px;
  border-style:solid;
  width:100%;
  text-align:center;
  margin-bottom:5px;
}
.zuhaben1 {
  font-size:2.5rem;
  line-height:2.5rem;
  font-weight:normal;
  color:#000000;
  font-family:Signika;
  margin:5px 0px 0px 0px;
}

.titel_FolgenScroll {
  width:100%;
}
.titel_FolgeVorige, .titel_FolgeNaechste {
  cursor:pointer;
  width:60px;
}
.titel_FolgenScrollAnz {
  cursor:pointer;
  font-size:2rem;
  line-height: 2rem;
}
.titel_FolgenNr {
  font-size:20px;
  line-height:24px;
  text-align:left;
}
.titel_TitelName {
  font-size:24px;
  line-height:32px;
  text-align:left;
  margin-top:0px;
}

.tc {
  /* Teaser Cover */
  float:right;
  padding:1px;
}
.tct {
  clear:both;
}

#wall {
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:black;
  cursor:wait;
  filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;
  z-index:10;
  display:block;
}


.figContainer {
  margin: 0 auto;
}
figure, figcation {
  padding: 0px;
}
figure.gesamt {
  color: black;
  background: white;
  margin: 0px auto;
}
figure.einzel {
  position: relative;
  display: inline-block;
  margin: 0px auto;
}
figure img {
  display: block;
  margin: 0px auto;
  width:100%;
}
figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 3em;
  color: white;
  background: rgba(0,0,0,0.5);
}
.gesamt {
  position: relative;
  color: black;
  background: white;
}

.hlSerie {
  width:100%;
  border-spacing: 0px;
}
.hlSerie tr td {
  vertical-align:top;
  padding:5px;
}
.hlSerie tr td:nth-child(1) {
  font-weight:bold;
  text-align: right;
}
.hlSerie tr td:nth-child(4) {
  vertical-align:middle;
}
.btnSpotify img {
  width:20px;
}

.sLogo {
  max-width:250px;
}

textarea.hl_edit_field {
  width:100%;
}
input.hl_edit_field, input.hl_edit_cast {
  width:100%;
}
.hl_edit_online {
  color:teal;
  font-size:smaller;
}
.hl_changed {
  color:#E06000;
}
.hl_btn_edit::after {
  content:'\f303';
  font-family:FontAWS;
  color:rgb(169,235,88);
  text-shadow:0.01rem 0.01rem #333;
}
.hl_btn_edit {
  visibility: hidden;
}
.hledit:hover {
  text-decoration: none;
}

input#hl_edit_TitelName {
  width:100%;
}
textarea#hl_edit_Info {
  width:100%;
}
.hl_edit_macher {
    width:100%;
    background-color:#dddddd;
}
.hl_edit_changed {
  background-color:rgb(215, 255, 155);
}
.hl_edit_spam {
  background-color:rgb(255, 155, 155);
}
.hl_edit_changed_other {
  background-color:rgb(179, 216, 124);
}
.hl_edit_spam_other {
  background-color:rgb(218, 127, 127);
}

.hl_input_message {
  text-align:center;
}
.hl_input_label {
  color:grey;
  font-size:10px;
}
.hl_input_box {
  border-style:solid;
  border-width:0px 0px 1px 0px;
  border-color:grey;
}
.hl_input {
  height: 36px;
  padding: 0px;
  margin: 0;
  background-color: #ffffff !important;
  border: 0px !important;
  background
  font-size:14px;
  line-height:20px;
  width:300px;
}