/* main.css */
/* Grundgerüst Homepage */

#outerpage {
  display: grid;
  grid-template-columns: 1fr 1146px max-content 1fr;
  grid-template-rows: 130px 82px 1fr auto;
}

.hauptnavi {
  background: #fff;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}
.backdrop-navi {
  background: #fff;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}

.backdrop-navi-zwei {
  grid-column-start: 3;
  grid-column-end:5 ;
  grid-row-start: 2;
  grid-row-end: 3;
  background: #fff;
}

.backdrop-head {
  background: #fff;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}

.head {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  background: #fff;
}
.backdrop-head-zwei {
  grid-column-start: 3;
  grid-column-end:5 ;
  grid-row-start: 1;
  grid-row-end: 2;
  background: #fff;
}
.contentbereich {

  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
  padding-top: 30px;
  min-width: 0;

}

#page_foot {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 5;
  background: #fff;
}

.backdrop-foot {
  background: #fff;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 4;
  grid-row-end: 5;
}

.backdrop-foot-zwei {
  grid-column-start: 3;
  grid-column-end:5 ;
  grid-row-start: 4;
  grid-row-end: 5;
  background: #fff;
}

.werbecontainer.halfpage {
  margin-top: 30px;
  width: auto;
  margin-left: 20px;
  height: 600px;
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
  transition: all 0.5s ease;
}

.werbecontainer.halfpage.halfpage--fixed {
  margin-top: -140px;
}

.werbecontainer .halfpage1,
.werbecontainer .halfpage2 {
  position: fixed;
  width: 300px;
  min-height: 600px;
}

.werbecontainer .halfpage2 {
  margin-top:630px;
}

@media screen and (max-width: 1599px) {
  .werbecontainer.halfpage {display: none;}
}

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

  #outerpage {
    display: grid;
    grid-template-columns: 1fr 738px 1fr;
    grid-template-rows: 107px 52px 1fr auto;
  }

  .contentbereich .inhaltsbereich {
    max-width: calc(100vw - 30px);
  }


}

.contentbereich .inhaltsbereich {max-width: calc(100vw - 20px);}

/* Seitenkopf */
.head.pagehead {align-items: flex-end; padding-bottom: 10px;}
.head.pagehead .logo {
  margin-bottom: -10px;
}
.head.pagehead .logo img,
.head.pagehead .logo svg {
  width: 400px; height: auto;
}

.head.pagehead .headright {
  flex: 0 1 50%;
  display: flex;
  flex-direction: column;
}


.head.pagehead .quicklinks {
  width: 362px;
  align-self: flex-end;
  height: 30px;

}


.head.pagehead .quicklinks > span {
   height: 17px;
  color: var(--color-font-grey);
  font-family: Arial;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  padding: 5px 10px;
  cursor: pointer;
}
.head.pagehead .quicklinks span a {
  color: var(--color-font-grey);
  font-family: Arial;
  text-decoration: none;
}

.head.pagehead .quicklinks span.epaper {
  background: var(--color-font-grey);
  color: #fff;
  cursor: pointer;
  min-width: 60px;
}
.head.pagehead .quicklinks span.epaper a {
  color: inherit;
}
.head.pagehead .search {
  align-self: flex-end;
  margin-top: 20px;
}

.head.pagehead .search input[type="search"] {
  width: 362px;
  height: 50px;
  font-size: 15px;
}

.headright .facetsuche {position:relative;}

.facetsuche .searchButtonHeader{
  height: 30px;
  width: 30px;
  display: inline-block;
  position: absolute;
  left: 5px;
  bottom: 10px;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  background: transparent;
}

.suchlink.mobile .searchButtonHeader{
  height: 30px;
  width: 30px;
  -webkit-appearance: none;
  border: none;
  color: #000000;  
  cursor: pointer;
  background: transparent;
}

.headright .facetsuche input.suchfeld {padding-left: 45px;}

div.loginContainer {
  padding: 0.5em;
  font-size: 10pt;
}

.head.pagehead .headright .suchlink.mobile {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.head.pagehead .mobile-menu-button {
  height: 30px; width: 30px;
  cursor: pointer;
}

.mobile-search-menu-container{
  display: none;
}

@media screen and (max-width: 1200px) {
  .head.pagehead .logo img,
  .head.pagehead .logo svg {
    width: 230px; height: auto;
  }

  .head.pagehead .headright {
    flex: 0 1 56%;
  }

  .head.pagehead .quicklinks {
    width: 256px;
    align-self: flex-end;
  }

  .head.pagehead .quicklinks span {
    padding: 0;
  }
  .head.pagehead .quicklinks span a {
    color: var(--color-font-grey);
    font-family: Arial;
    text-decoration: none;
    font-size: 14px;
  }

  .head.pagehead .quicklinks span.epaper {
    background: transparent;
    color: #000;
    cursor: pointer;
    font-weight: bold;
  }
  .head.pagehead .quicklinks span.epaper a {
    color: inherit;
  }

  .head.pagehead .search input[type="search"] {
    width: 256px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .head.pagehead .facetsuche .searchButtonHeader { 
    height: 20px; }
  .head.pagehead .facetsuche .searchButtonHeader.desktop { display: none;}

  .mobile-search-menu-container{
    display: block;
  }

  .head.pagehead .logo {
    margin-bottom: 0;
  }
  .head.pagehead .logo img,
  .head.pagehead .logo svg {
    width: 140px; height: auto;
    max-width: 35vw;
  }
  .head .headright .quicklinks {
    width: 40px;
    height: 35px;
  }


  .head.pagehead,.backdrop-head, .backdrop-head-zwei {align-items: center; position: sticky; top: 0; padding-bottom: 0; z-index:99; box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 0.1); }


  .head.pagehead .search input[type="search"] {
    display: none;}

  .head.pagehead .logo {
    flex: 1 1 35%;       /*absichtlich Raum zum Wachsen*/
  }

  .head.pagehead .headright {
    flex: 2 1 57%;       /*absichtlich Raum zum Wachsen*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .head.pagehead .search {
    margin: 0;
  }

}


/* Wetterteaser Pagehead */

.pagehead .wettereinbindung {flex: 0 0 auto;}
.pagehead .wetterartikel {display: flex; align-items: center; margin-right: 20px;}
.pagehead .wetterartikel .bild {width: 64px;text-align: center;}
.pagehead .wetterartikel .bild img {width: auto; height: 47px; max-width: 100%;}
.pagehead .wetterartikel .temperature { font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  color: var(--color-font-grey);
  margin-left: 10px;
  white-space: nowrap;
}

@media screen and (max-width: 1200px) {
  .pagehead .wetterartikel .temperature { font-size: 18px; }
}

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

  .pagehead .wetterartikel {margin-right: 0}
  .pagehead .wetterartikel .temperature {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }
  .pagehead .wetterartikel .bild {width: 30px;}
  .pagehead .wetterartikel .bild img {width: auto; height: 24px; max-width: 100%;}
}

.wetterEmbed-container {
  height: 3200px;
  padding: 40px 10px;
  background: #fff;
}

.author.flex-container.start,
.flex-container.autor-media .publication-logo-artdetail {
  margin: 0 20px 20px 0;
}

.flex-container.autor-media .publication-logo-artdetail.frauenland {
  height: 70px;
}

@media screen and (min-width: 660px) {

  .wetterEmbed-container {
    height: 3200px;
  }

  .author.flex-container.start,
  .flex-container.autor-media .publication-logo-artdetail {
    margin: 0 ;
  }

}

@media screen and (min-width: 680px) {

  .wetterEmbed-container {
    height: 2550px;
  }

}

@media screen and (min-width: 1200px) {

  .wetterEmbed-container {
    height: 2750px;
  }

}


/* Grundgerüst Fuss */


.footernavigation a {
  text-decoration: none;
  color: inherit;
}

.footernavigation .toplinks {
  justify-content: center;
  margin: 30px 0 20px 0;
}

.footernavigation .toplinks span {
  margin: 0 15px;
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  color: var(--color-font);
  text-align: center;
}

.footernavigation .toplinks span.news,
.footernavigation .toplinks span.archiv, 
.footernavigation .toplinks span.reporter {
  display: block;
}

.footernavigation .sublinks {
  justify-content: center;
}

.footernavigation .sublinks span {
  margin: 0 15px;
  font-family: var(--font-primary);
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  color: var(--color-font-grey);
}

.footernavigation .produktauswahl {
  display: block;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 30px;
}

.footernavigation .produktauswahl span {
  display: inline-block;
  margin: 0 15px 25px;
}

.footernavigation .produktauswahl span a > img {
  display: inline-block;
  width: auto;
  height: 40px;
}

.footernavigation .line {
  z-index: 4;
  width: 714px;
  height: 1px;
  background: #cccccc;
  margin: 20px auto;
}




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

  .footernavigation {
    padding: 0 20px;
  }

  .footernavigation .produktauswahl {
    display: block;
    text-align: center;
  }

  .footernavigation .produktauswahl span a > img {
    height: 32px;
  }

}

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

  .footernavigation {
    padding: 0 10px;
  }

  .footernavigation .line {
    width: 100%;
  }

  .footernavigation .toplinks {
    margin: 20px 0 10px 0;
  }

  .footernavigation .toplinks span.news,
  .footernavigation .toplinks span.archiv, 
  .footernavigation .toplinks span.reporter {
    display: none;
  }

  .footernavigation .sublinks {
    justify-content: center;
    padding-left: 15px;
  }

  .footernavigation .toplinks span,
  .footernavigation .sublinks span {
    font-size: 14px;
    margin: 0 8px;
  }

  .footernavigation .produktauswahl {
    margin: 30px 0 20px 0;
  }

  .footernavigation .produktauswahl span a > img {
    height: 24px;
  }

}

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

  .footernavigation .toplinks span,
  .footernavigation .sublinks span {
    font-size: 12px;
    margin: 0 5px;
  }

  .footernavigation .produktauswahl span {
    margin: 0 10px 10px;
  }

  .footernavigation .produktauswahl span a > img {
    height: 20px;
  }

}

/* Login Logout Kopf */

div.loginContainer {position: relative; width: 87px;}

.outerloginContainer {
  border: 1px var(--color-primary);
  background: #fff;
  position: absolute;
  z-index: 9;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1);
  padding: 20px;
  width: auto;
  min-width: 300px;
  right: 10px;

}

.outerloginContainer input.input {
  margin-bottom: 5px;
}

.outerloginContainer .btn { 
  width: 100%; 
  margin: 5px 0;
/*   line-height: 40px;  */
  -webkit-appearance:none; 
  font-size: inherit;
  border-radius: 0; }

.logintogglebutton {
  height: 17px;
  color: var(--color-font-grey);
  font-family: Arial;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  padding: 5px 10px;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .logintogglebutton {padding: 0; font-size: 14px; line-height: 18px;}
  .outerloginContainer {right: 0; top: 35px;}
}

@media screen and (max-width: 767px) {
  .logintogglebutton {
    height: 18px;
    width: 40px; 
    background-image: url(/apps/icon_user_aktiv-tvrt.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
  }

  .logintogglebutton.ontop {
    background-image: url(/apps/icon_user.png);

  }


  .outerloginContainer {
    position: fixed;
    top: 55px;
    left: 0;
  }

}




/* Hauptnavigation Desktop */



.navigationContainer {
  background: #fff; }

.navigationContainer .mainLayer.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navigationContainer.stickyNavigation {
  top: 0;
  position: fixed;
  z-index: 1000;
}

.navigationContainer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigationContainer li.tiefe1 > a,
.navigationContainer li.tiefe1 > span {
  color: var(--color-font);
  display: block;    
  padding: 34px 10px;
  height: 10px;
  text-decoration: none;
  font-size: 18px;
  line-height: 21px;
  border-bottom: 3px solid transparent;
}

.navigationContainer .touchedElement > a,
.navigationContainer .touchedElement > span,
.navigationContainer li.tiefe1:hover > a,
.navigationContainer li.tiefe1:hover > span,
.navigationContainer li.tiefe1.active > a,
.navigationContainer li.tiefe1.active > span {
  color:  var(--color-primary);
  text-decoration: none;
  border-bottom: 3px solid var(--color-primary);
}
.navigationContainer li.tiefe1.active > a,
.navigationContainer li.tiefe1.active > span {
  font-weight: bold; }

.navigationContainer .touchedElement > .subLayer,
.navigationContainer li:hover > ul {
  transition-delay: 240ms;
  visibility: visible;
  opacity: 1;
}

.navigationContainer .mainLayer li.tiefe1 {
  position: relative;
}

/* Menüpunkt "30 Jahre" */
.navigationContainer .mainLayer li.tiefe1.naviid-16449 {
  order: -1;
}

/* Menüpunkt "Weihnachtsgeschichten" */
.navigationContainer .mainLayer li.tiefe1.naviid-17095 {
  order: -1;
}

.navigationContainer .subLayer {
  transition-delay: 240ms;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top:  81px;
  left: 0px;
  background-color: var(--color-background);
  height: auto;
  z-index: 1001;
}

.navigationContainer .mainLayer li.tiefe1:last-child .subLayer {
  left: initial;
  right: 0;
}

.navigationContainer .subLayer li a {
  font-size: 16px;
  line-height: 18px;
  color: var(--color-font);
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 20px;
  width: 100%;
  display: inline-flex;
}
.navigationContainer .subLayer li {
  border-bottom: 1px solid #fff;
}
.navigationContainer .subLayer li.active,
.navigationContainer .subLayer li:hover
{
  background: var(--color-primary);
  border-bottom: 1px solid transparent;
}
.navigationContainer .subLayer li.active a,
.navigationContainer .subLayer li:hover a
{
  color: #fff;
}


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

  .navigationContainer li.tiefe1 > a,
  .navigationContainer li.tiefe1 > span {
    color: var(--color-font);
    display: block;    
    padding: 20px 5px;
    height: 10px;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 3px solid transparent;
  }

  .navigationContainer .subLayer li a {
    font-size: 14px;
    line-height: 16px;
  }
  .navigationContainer .subLayer li {
    padding: 5px 10px;
  }

  .navigationContainer .subLayer {
    top:  53px;
  }


}

@media screen and (min-width: 768px) {
  .navigationContainermobile {display: none;}
}

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

  .navigationContainer {
    display: none;
  }
  .navigationContainermobile {
    display: initial !important;
  }

}


/* Hauptnavigation Smartphone */
.navigationContainermobile {
  background: #fff;
  position: fixed;
  top: 0px;
  right: -500px; 
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 250px;
  z-index: 999;
  max-height: calc(100vh - 30px);
  overflow-y:auto; 
  height: calc(100vh - 60px);
  -webkit-overflow-scrolling: touch;
}

.navigationContainermobile.active {
  background: #fff;
  position: fixed;
  top: 60px;
  right: 0px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.navigationContainermobile .mainLayer.top {
  flex-direction: column;
}



.navigationContainermobile ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigationContainermobile li.tiefe1 > a,
.navigationContainermobile li.tiefe1 > span {
  color: var(--color-font);
  display: block;    
  padding: 15px 10px;

  text-decoration: none;
  font-size: 14px;
  line-height: 16px;

}

.navigationContainermobile .touchedElement > a,
.navigationContainermobile .touchedElement > span,
.navigationContainermobile li.tiefe1:hover > a,
.navigationContainermobile li.tiefe1:hover > span {
  color:  var(--color-primary);
  text-decoration: none;

}
.navigationContainermobile li.tiefe1.active > a,
.navigationContainermobile li.tiefe1.active > span {
  font-weight: bold;
  color:  var(--color-primary);
}

.navigationContainermobile .touchedElement > .subLayer,
.navigationContainermobile li:hover > ul {
  transition-delay: 240ms;
  visibility: visible;
  opacity: 1;
}

.navigationContainermobile .mainLayer li.tiefe1 {
  position: relative;
}

.navigationContainermobile .subLayer {
  transition-delay: 0ms;
  visibility: visible;
  opacity: 1;
  position: relative;
  top:  0px;
  left: 0px;
  background-color: var(--color-background);
  height: auto;
  z-index: 1001;    
}

.navigationContainermobile .mainLayer li.tiefe1:hover .subLayer {
  height: auto;
  transition-delay: 240ms;
}



.navigationContainermobile .subLayer li a {
  font-size: 14px;
  line-height: 14px;
  color: var(--color-font);
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 20px;
  width: 210px;
  display: inline-flex;
}
.navigationContainermobile .subLayer li {
  border-bottom: 1px solid #fff;
}
.navigationContainermobile .subLayer li.active,
.navigationContainermobile .subLayer li:hover
{
  background: var(--color-primary);
  border-bottom: 1px solid transparent;
}
.navigationContainermobile .subLayer li.active a,
.navigationContainermobile .subLayer li:hover a
{
  color: #fff;
}

.subNavMobilToggle {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  padding: 7px;
  z-index: 200;
  cursor: pointer;
  line-height: 30px;
}

.subNavMobilToggle.subNavMobilToggle--aktiv {
  -webkit-transform: rotate3d(0, 0, 1, 180deg);
  transform: rotate3d(0, 0, 1, 180deg);
}

.subNavMobilLayer {
  display: none;
}

.subNavMobilLayer.subNavMobilLayer--aktiv {
  display: block;
}

/* Grundgerüst Contenbereich Homepage */

.content-startpage .ad-widebox,
.ad-widebox.ad-widebox--default,
.fcms_artdetail .ad-widebox.ad-widebox--default,
.ad-widebox {
  margin: 15px auto;
  height: auto;
  color: var(--color-primary);
  text-align: center;
  max-width: 100%;
  overflow-x: auto;
}

.content-startpage .ad-widebox.eins {
  margin-top: 0;
}

.content-startpage .ad-widebox.posterad,
.ad-widebox.ad-widebox--default.posterad {
  height: auto;
  margin-bottom: 60px;
  max-width: calc(100vw - 40px);
}

.content-startpage .ad-widebox.mobile {display: none;}


@media screen and (max-width: 1200px) {
  .content-startpage .ad-widebox.desk {display: none;}
  .content-startpage .ad-widebox.tablet {display: block;}
}

@media screen and (max-width: 767px) {
  .contentbereich {
    padding-top: 10px; 
  }

  .content-startpage .ad-widebox.desk {display: none;}
  .content-startpage .ad-widebox.mobile {display: block; margin-bottom: 20px;}
  .content-startpage .ad-widebox.posterad,
  .ad-widebox.ad-widebox--default.posterad {
    width: 320px;
    height: auto;
    margin-bottom: 10px;
  }

}

.content-startpage .topaufmacherbox {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: max-content max-content 1fr;
  grid-gap: 30px;
  margin-bottom: 20px;

}

.content-startpage .topaufmacherbox  .topteaser {
  background: #ffffff;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1); 
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.content-startpage .topaufmacherbox  .topteaser.nummer-1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;  
}

.topteaser img,
.galeriegliderbox img,
.fotoglider .item img {
  display: block;
  max-width: 100%;
  height: auto;
}


.topteaser .topline {
  color: var(--color-primary);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.topteaser .headline {
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 10px;
}

.topteaser.nummer-1 .headline {
  font-family: var(--font-secondary);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
}

.topteaser .description {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 15px;

}

.topteaser.nummer-2 .description,
.topteaser.nummer-3 .description {
  display: none;
}

/* .topteaser.nummer-4 .description,
.topteaser.nummer-5 .description,
.topteaser.nummer-5 .description {
position: relative;
max-height: calc(25px * 3);
overflow: hidden;
} */



.topteaser .time {
  margin-top: auto;
}

.topteaser .datetime,
.contentbox-inner .datetime {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: var(--color-font-grey);
}
.topteaser .teaser-image {
  position: relative;
}
.topteaser .teaser-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 5px 10px 5px;
  margin-top: 15px;
}

.topteaser .teaser-content .icon-ico-Bilder-30 {margin-left: 10px;}

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

  .content-startpage .ad-widebox,
  .ad-widebox.ad-widebox--default,
  .fcms_artdetail .ad-widebox.ad-widebox--default {
    max-width: 768px;

  }

  .content-startpage .topaufmacherbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(6, auto);

  }

  .content-startpage .topaufmacherbox  .topteaser.nummer-1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;  
  }

  .content-startpage .topaufmacherbox  .topteaser.nummer-4,
  .content-startpage .topaufmacherbox  .topteaser.nummer-5,
  .content-startpage .topaufmacherbox  .topteaser.nummer-6
  {
    grid-column-start: 1;
    grid-column-end: 3;
    flex-direction: row;
  }

  .content-startpage .topaufmacherbox  .topteaser.nummer-4 .description,
  .content-startpage .topaufmacherbox  .topteaser.nummer-5 .description,
  .content-startpage .topaufmacherbox  .topteaser.nummer-6 .description {
    display: none;
  }

  .content-startpage .topaufmacherbox  .topteaser.nummer-4 .teaser-image,
  .content-startpage .topaufmacherbox  .topteaser.nummer-5 .teaser-image,
  .content-startpage .topaufmacherbox  .topteaser.nummer-6 .teaser-image {
    flex: 1 0 217px;
    margin-right: 20px;
    height: 132px; overflow: hidden;
  }

}


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

  .ad-widebox,
  .content-startpage .ad-widebox,
  .ad-widebox.ad-widebox--default,
  .fcms_artdetail .ad-widebox.ad-widebox--default {
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    max-width: none;
  }

  .ad-widebox > .adframe-height,
  .content-startpage .ad-widebox > .adframe-height,
  .ad-widebox.ad-widebox--default > .adframe-height,
  .fcms_artdetail .ad-widebox.ad-widebox--default > .adframe-height,
  .ad-widebox > .adframe-height {
    margin-left: auto;
    margin-right: auto;
  }

  #outerpage {
    display: grid;
    grid-template-columns: 10px 1fr 10px;
    grid-template-rows: 60px 1px 1fr auto;
  }



  .content-startpage .topaufmacherbox {   
    grid-gap: 10px;
    margin-bottom: 40px;
  }


  .content-startpage .topaufmacherbox  .topteaser.nummer-1 .description {
    display: none;
  }

  .content-startpage .topaufmacherbox  .topteaser.nummer-1,
  .content-startpage .topaufmacherbox  .topteaser.nummer-2,
  .content-startpage .topaufmacherbox  .topteaser.nummer-3 {
    grid-column-start: 1;
    grid-column-end: 3;
    flex-direction: column;

  }

  .topteaser.nummer-1 .headline {
    font-family: var(--font-secondary);
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
  }

  .content-startpage .topaufmacherbox  .topteaser.nummer-4 .topline,
  .content-startpage .topaufmacherbox  .topteaser.nummer-5 .topline,
  .content-startpage .topaufmacherbox  .topteaser.nummer-6 .topline {
    display: none;
  }

  .content-startpage .topaufmacherbox  .topteaser.nummer-4 .headline,
  .content-startpage .topaufmacherbox  .topteaser.nummer-5 .headline,
  .content-startpage .topaufmacherbox  .topteaser.nummer-6 .headline {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .content-startpage .topaufmacherbox  .topteaser.nummer-4 .teaser-image,
  .content-startpage .topaufmacherbox  .topteaser.nummer-5 .teaser-image,
  .content-startpage .topaufmacherbox  .topteaser.nummer-6 .teaser-image {
    flex: 0 0 95px;
    margin-right: 20px;
    height: 60px; overflow: hidden;
  }

  .topaufmacherbox .topteaser .teaser-content {
    margin-top: 0;
    padding: 0;
  }

  .topaufmacherbox .topteaser .time {
    margin-top: 0;
    padding-top: 0;
  }

  .topaufmacherbox .topteaser .time .more-icons {
    display: none;
  }

}




/* Startseite Bilderteaser */


.content-startpage .galeriegliderbox .fotos {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 353px 233px;
  grid-gap: 30px;
  margin-bottom: 20px;
}

.content-startpage .galeriegliderbox .fotos .item {
  background: #ffffff;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1); 
  padding: 10px;
  display: flex;
  flex-direction: column;
  grid-column: span 2;
  overflow: hidden;
}
.content-startpage .galeriegliderbox .fotos .item.nummer-1,
.content-startpage .galeriegliderbox .fotos .item.nummer-2 {
  grid-column: span 3;

}


/* Bilder zweispaltig, da slick das 5er-Layout nicht kann */ 
.content-startpage .galeriegliderbox  {
  margin: 0 -54px;
}

.content-startpage .galeriegliderbox .boxcontainer {
  width: 1150px;
  margin: auto;

}

.content-startpage .galeriegliderbox .fotoglider {
  margin-bottom: 20px;
  max-height: 352px; 


}

.fotoglider .item {
  max-width: 561px;
  position: relative;

}


.fotoglider .item .inner {
  background: #ffffff;
  padding: 10px;
  max-width: 541px;

}

.content-startpage .galeriegliderbox .fotoglider .slick-current .item .inner {
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1);
}


.fotoglider .item-body {
  position: absolute;
  bottom: 0px;
  padding: 30px;
  color: #fff;
  pointer-events: none;
}

.fotoglider .item .imgbox:after {
  display: block;
  position: relative;
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 0, #000 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
  pointer-events: none;
}

.fotoglider .item .imgbox {
  position: relative;
}

.fotoglider .item .imgbox .symbol {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  display: block;
  padding: 0 0 5px 10px;
  font-size: 30px;
  line-height: 1;
  pointer-events: none;
  background: #ffffff;
}

.galeriegliderbox .fotoglider .slick-slide .item .inner {
  height: calc(100% - 20px);
}

.galeriegliderbox .fotoglider .slick-slide .item .imgbox {
  height: 100%;
}

.galeriegliderbox .fotoglider .slick-slide .item .imgbox > a:not(.symbol) {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fotoglider .item .item-header {
  text-shadow: 0px 2px 4px rgb(0 0 0 / 0.5);
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.fotoglider .slick-prev:before,
.fotoglider .slick-next:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 40px;
  color: #000;
}

.slick-prev:before {
  content: "\e9a9" !important;
}

.slick-next:before {
  content: "\e9a2" !important;
}

.fotoglider .slick-prev {
  left: -55px;
}

.fotoglider .slick-next {
  right: -25px;
}


.slick-slider.fotoglider {visibility: hidden; max-height: 1px;}
.slick-slider.fotoglider.slick-initialized {
  visibility: visible;
  max-height: none;
  margin-bottom: 20px;
}


.slick-slider.fotoglider .slick-active > div{
  display: flex;
  justify-content: flex-start;

}
.slick-slider.fotoglider .slick-active > div .item:first-child {
  margin-right: 29px;
}

@media screen and (max-width: 1269px){
  .content-startpage .galeriegliderbox  {
    margin: 0 -19px;
    overflow: hidden;
  }
  .fotoglider .slick-prev {
    left: -24px;
  }

  .fotoglider .slick-next {
    right: -3px;
  }

}


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

  .content-startpage .galeriegliderbox {
    margin: 0;
    overflow: initial;
  }

  .content-startpage .galeriegliderbox .boxcontainer {
    max-width: 738px;
    margin-top: 50px;

  }

  .slick-slider.fotoglider {
    max-width: calc(100% - 80px);
    margin: 0 auto;
  }

  .fotoglider .slick-prev {
    left: -45px;
  }

  .fotoglider .slick-next {
    right: -20px;
  }

  .fotoglider .item {
    max-width: calc(100% - 60px);
    position: relative;
  }

  .fotoglider .item .inner {
    padding: 10px;
    max-width: 100%;

  }

}

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

  .galeriegliderbox .boxfooter .flex-container.end {
    /*     justify-content: center; */
  }

  .slick-slider.fotoglider .slick-active > div .item:first-child {
    margin-right: 0; 
  }

  .content-startpage .galeriegliderbox .boxcontainer {
    max-width: calc(100% - 6px);
    width: 100%;
    margin-top: 40px;
    margin: 0;


  }

  .fotoglider .item {
    max-width: initial;
    position: relative;

  }

  .fotoglider .slick-prev {
    left: -50px;
  }

  .fotoglider .item .item-header {    
    font-size: 16px;
    line-height: 20px;
  }

/*   .slick-slider.fotoglider {
    max-width: initial;
    margin: 0;

  } */




}


/* Mixbox Toplist Umfrage Competition */

.mixbox {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: minmax(285px, max-content) minmax(285px, max-content) max-content;
  grid-template-areas: 
    "toplist agenda mixrectangle"
    "toplist sapperlot competition"
    "adcontainer adcontainer adcontainer"
    "umfrage umfrage umfrage";
  grid-gap: 15px;
  margin-bottom: 20px;
}

.mixbox.detail {
  grid-template-areas:
    "toplist umfrage mixrectangle"
    "toplist competition mixrectangle"
    "adcontainer adcontainer adcontainer";
}

.mixbox > .toplist {
  grid-area: toplist; 
}
.mixbox > .competition {
  grid-area: competition; 
}
.mixbox > .sapperlot {
  grid-area: sapperlot ; 
}
.mixbox > .mixrectangle {
  grid-area: mixrectangle; 
}
.mixbox > .ad-container {
  grid-area: adcontainer;
}
.mixbox > .umfrage {
  grid-area: umfrage; 
}
.mixbox > .agenda {
  grid-area: agenda;
}

.mixbox .mixrectangle {
  /*   display: inline-grid; */
  /*   grid-template-columns: 1fr; */
  /*   grid-template-rows: 380px 190px; */
  /*   grid-gap: 15px !important; */
}

.fcmscss-device-fcmsiosapp .mixbox .mixrectangle,
.fcmscss-device-fcmswebapp .mixbox .mixrectangle {
  grid-template-rows: max-content;
}
.fcmscss-device-fcmsiosapp .mixbox .mixrectangle .contentbox.sms,
.fcmscss-device-fcmswebapp .mixbox .mixrectangle .contentbox.sms {
  display: none;
}



@media screen and (max-width: 1200px) {
  .mixbox {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content minmax(285px, max-content) max-content;
    grid-template-areas:
      "toplist mixrectangle"
      "toplist competition"
      "agenda sapperlot"
      "adcontainer adcontainer"
      "umfrage umfrage";
  }

  .mixbox.detail {
    grid-template-areas:
      "toplist umfrage "
      "toplist competition"
      "mixrectangle mixrectangle";
  }
}

@media screen and (max-width: 767px) {
  .mixbox {
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content max-content max-content;
    grid-template-areas:
      "toplist"
      "agenda"
      "sapperlot"
      "mixrectangle"
      "competition"
      "adcontainer"
      "umfrage";
    grid-gap: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mixbox.detail {
    grid-template-areas:
      "toplist"
      "umfrage"
      "competition"
      "mixrectangle";
  }


}


/* Boxen */

.contentbox {
  padding: 20px;
  background: #fff;
  height: 100%;
  box-sizing: border-box;

}

.contentbox.gewinnspiel,
.contentbox.ted,
.contetbox.flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.contentbox.gewinnspiel *,
.contentbox.flex *,
.contentbox.ted * {
  flex: 0 0 auto;
}

.contentbox.gewinnspiel .contentbox-inner,
.contentbox.ted .contentbox-inner,
.contentbox.flex .contentbox-inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.contentbox.gewinnspiel .contentbox-inner .flex-container.nowrap,
.contentbox.flex .contentbox-inner .boxfooter {
  margin-top: auto;
}


.contentbox .boxheader-title,
.mixbox .boxheader-title {
  color: var(--color-font-grey-dark);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 5px;
}

.mixbox h2.boxheader-title {
margin-top: 0;
}


.contentbox .contentbox-inner .title h2,
.contentbox .contentbox-inner .title h3 {
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  margin: 0;
}

.contentbox .contentbox-inner .beschreibung {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 25px;
}


.contentbox .boxfooter {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;

}

.boxfooter .flex-container span:first-of-type {
  margin-right: 5px; 
}

/* Begin Counter */

.toplistbox {
  counter-reset: step;
}

.toplistbox .item {
  display: flex;
  margin-bottom: 20px;

}

.toplistbox .item:before {
  counter-increment: step;
  content: counter(step);
  white-space: nowrap;
  font-family: var(--font-secondary);
  font-size: 100px;
  font-weight: 500;
  line-height: 90px;
  color: var(--color-primary);
  margin-right: 20px;
  border-top: 1px solid var(--color-primary);

}

.toplistbox .item {
  display: flex;
  margin-bottom: 20px;

}

/* Ende Counter */

.toplistbox .boxheader {
  margin-bottom: 10px; 
}



.toplistbox .item .toplist-title {
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  margin: 5px 0;
}

.toplistbox .item .toplist-kommentare {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: var(--color-font-grey);
}

/* Gewinnspielteaser */

.mixbox .contentbox .boxfooter {
  margin-top: 10px;
}

.mixbox .contentbox .thumb img {
  display: block;
  max-width: 100%;
}

.mixbox .contentbox .datetime {
  font-size: 14px;
  color: var(--color-font-grey);
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .mixbox .contentbox .beschreibung {
    font-size: 14px;
    line-height: 20px;
  }
}


/* Sapperlot */

.mixbox .sapperlot .teaser {
  height: 100%;
  background: var(--color-font-grey);
  padding: 20px;
  color: #fff;
  font-family: var(--font-primary);
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 25px;
  box-sizing: border-box;
}

.mixbox .sapperlot .teaser .teaser-content {
  display: flex;
  flex-direction: column;
  height: 100%;

}

.mixbox .sapperlot .teaser .headline {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 20px;
  margin-top: 0;
}

.mixbox .sapperlot .teaser .author {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;

}

.mixbox .sapperlot .teaser [class^="icon-"] {
  font-size: 24px;
  color: #fff;
}

.mixbox .sapperlot .teaser .bottomline {
  margin-top: auto;
}

.mixbox .sapperlot .topline {
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 25px;
  margin: 0;
}

/* Mixbox Werbebox */

.mixbox .werbebox .contentbox-inner .title h2 {
  margin-top: 20px;
}

/* Mixbox Umfrage im Artikel-Detail (klein) */

.fcms_artdetail .mixbox .ted .teaser-image {
  flex: 0 0 150px;
  padding: 0 0 20px 20px;
  background: url(/design2020/images/umfrage-box.svg);
  background-repeat: no-repeat;
  width: 150px;
  height: 80px;
  margin: 10px auto 0 auto;
}

/* Mixbox Umfrage */

.mixbox .boxheader.mobile {display: none;}

.mixbox .umfrage {
  background: #fff;
  overflow: hidden;
  padding-top: 20px;

}

.mixbox .umfrage .flex-container.mixboxumfrage {
  align-items: center;
  flex-wrap: nowrap;
}

.mixbox.startseite .umfrage .flex-container.mixboxumfrage {
  align-items: flex-start;
  flex-wrap: nowrap;
}



.mixbox .umfrage .teaser-image {
  flex: 0 0 308px;
  padding: 0 0 20px 20px;
  background: url(/design2020/images/umfrage-box.svg);
  background-repeat: no-repeat;
  width: 308px;
  height: 200px;
  background-size: cover;
  background-position-x: 50px;
  background-position-y: -50px;
}

.mixbox.startseite .umfrage .teaser-image {
  margin-top: 30px;
}


.mixbox .contentbox.umfrage {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

.mixbox .contentbox.umfrage .boxfooter {
  margin-top: 20px;
  flex: 1 1 auto;

}

.mixbox .umfrage .umfrage-headline {

  font-family: var(--font-secondary);
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  margin-top: 20px;
}

.mixbox .umfrage .umfrage-subject {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 500;

}
.mixbox .umfrage .umfrage-subject p {
  margin: 0;
}

.mixbox .umfrage .umfrage-result {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: var(--color-font-grey);
  margin: 10px 0;
}

.mixbox .umfrage .umfrage-optionen {
  margin: 10px 0;
}
.mixbox .umfrage .umfrage-optionen .option {
  padding: 5px 0;
}

.mixbox .umfrage .result {
  position: relative;
  margin: 0 0 5px 0;
  min-width: 250px;
  flex: 1 1 60%;
}

.mixbox .ted-ergebnis .result {
  position: relative;
  width: 75%;
}

.mixbox .umfrage .progress {
  margin: 0 0 5px 0;
  flex: 1 1 40%;
}

.mixbox .umfrage .result .prozent {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--color-font-grey);
  font-family: var(--font-secondary);
  font-style: italic;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  white-space: nowrap;
  margin-left: -70px;
  width: 65px;
  text-align: right;

}

.mixbox .umfrage .result .option-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: var(--font-secondary);
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: var(--color-primary);
  margin-left: 30px;
}

.ted-ergebnis .flex-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ted-ergebnis .progress {
  width: 25%;
}

.ted-ergebnis .prozent {
  width: 75%;
}


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

  .mixbox .umfrage .teaser-image {
    width: 220px; height: 185px; overflow: hidden; flex: 0 0 220px;
    background-position-x: 30px; margin-top: 50px;
  }
  .mixbox .umfrage .teaser-image img {object-fit: cover; width: 100%; height: 100%; }


}

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

  .mixbox .umfrage .flex-container.mixboxumfrage {
    flex-direction: column;
  }

  .mixbox .umfrage .umfrage-headline {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
  }

  .mixbox .umfrage .result .umfrage-prozent {
    font-size: 16px;
  }
  .mixbox .umfrage .result .option-name {
    font-size: 20px;
  }

  .mixbox .umfrage .teaser-image {
    width: calc(100vw - 80px);
    height: 50vw;
    flex: 0 0 auto; 
    margin: 0 auto;
    background-position-y: center;
    background-position-x: initial;
    padding: 0;
  }

  .mixbox .boxheader.mobile {display: block; padding: 0 20px;}
  .mixbox .boxheader.desktop {display: none;}
}
.mixbox .contentbox.umfrage {padding-top: 10px;}


/* Mixbox SMS */

.mixbox .sms .teaser-image,
.sms.epaper-sms-ad .teaser-image {
  flex: 0 0 150px;
  padding: 0 0 20px 20px;
  background: url(/design2020/images/sms-box-1.svg);
  background-repeat: no-repeat;
  width: 150px;
  height: 80px;
  margin: 10px auto 0 auto;
}

.mixbox .sms [type="text"] {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #000;
}

.mixbox .sms .btn {
  background: #000; margin-top: 10px;
  width: 100%;
  font-size: 16px;
  text-align: center; 
}


/* Martkplatz */

.marktplatz .marktbox {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: max-content max-content;
  grid-gap: 30px;
  margin-bottom: 20px;
}

.marktbox .defaultteaser {
  background: #fff;
  box-shadow: 0 0 16px rgb(0 0 0 / .1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  grid-column: span 4;
  grid-row: span 2;
}

.marktbox .portallinks {
  background: var(--color-primary);
  color: #fff;
  box-shadow: 0 0 16px rgb(0 0 0 / .1);
  padding: 25px;
  font-family: var(--font-seconday);
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  grid-column: span 2;
  grid-row: span 1;
  display: flex;
  flex-direction: column;
}

.marktbox .portallinks.rectangle {
  padding: 0;
  margin: 0 auto;
  background: transparent;
  box-shadow: none;
}

.marktbox .portallinks .icon {
  width: 120px; height: 120px; background: #fff;
  margin: 0 auto; color: #000; padding: 3px;
}

.marktbox .portallinks .icon .icon-ico-Kleinanzeigen-120 {
  margin-left: 0.1em;
}

.marktbox .portallinks .headline {
  margin-top: 25px;
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}

/* PORTALLINKS */

.portallinks--mobile {
  display: none;
  grid-gap: 15px;
}

.portallinks--mobile > div {
  position: relative;
  display: grid;
  color: #fff;
  background-color: var(--color-primary);
}

.portallinks--mobile > div.embed-container {
  background: transparent;
}

.portallinks--mobile > div > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding: 15px;
}

.portallinks--mobile > div > a img {
  display: block;
  width: auto;
  height: 100%;
}

.portallinks--mobile > div > a .headline {
  margin: 0 0 0 15px;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.portallinks--mobile > div > a.kleinanzeigen {
  flex-direction: column;
}

.portallinks--mobile > div > a.kleinanzeigen img {
  height: calc(100% - 1.75em);
}

.portallinks--mobile > div > a.kleinanzeigen .headline {
  margin: 1em 0 0 0;
  font-size: 0.75em;
}

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

  .marktbox .defaultteaser {
    grid-column: span 6;
    grid-row: span 1;
  }
  .marktbox .portallinks {
    grid-column: span 3;
    grid-row: span 1;
  }
  
  .content-startpage .galeriegliderbox,
  .content-startpage .traueranzeigenbox,
  .portallinks--desktop {
    display: none;
  }
  
  .portallinks--mobile {
    display: grid;
  }

}

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

  .marktplatz .marktbox {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content max-content;
    grid-gap: 10px;
    margin-bottom: 20px;
  }

  .marktbox .defaultteaser {
    grid-column: span 1;
    grid-row: span 1;
  }
  .marktbox .portallinks {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    grid-column: span 1;
    grid-row: span 1;
    padding: 20px;
    flex-direction: row;
    align-items: center;
  }

  .marktbox .portallinks .icon {
    width: 50px; height: 50px;
    margin: 0;

  }

  .marktbox .portallinks .icon .icon-ico-Trauerportal-120.fs120,
  .marktbox .portallinks .icon .icon-ico-Kleinanzeigen-120.fs120{
    font-size: 50px;
  }

  .marktbox .portallinks .headline {
    font-size: 16px;
    margin-top: 0;
    margin-left: 20px;
  }
}


/* Defaultbox 5er mit und ohne Werbung links */

.boxcontainer {
  margin: 15px 0;
}

.boxcontainer > .boxheader {
  color: var(--color-font-grey-dark);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  position: relative;
  width: 65%;
  min-width: 280px;
  margin: 45px auto 15px auto;
}

.boxcontainer > .boxheader.search-header {
  margin-top: 0;
}

.contentbox .boxheader {
  text-align: left;
}

.boxcontainer > .boxheader:before {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 0;
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px solid var(--color-font-grey);
  opacity: 0.5;
}

.boxcontainer > .boxheader > h2{
  font-size: inherit;
  margin: 0;
  font-weight: inherit;
  background: var(--color-background);
  display: inline-block;
  position: relative;
  padding: 0 20px;
}

body.community .boxcontainer > .boxheader > h2 {
  background: var(--color-background-community);
}

.boxcontainer > .boxheader > h2 .icon-ico-help,
.fcms_artdetail .contentbereich.comments .header .icon-ico-help {
  position: relative;
  top: 2px;
  margin-left: 5px;
  font-size: 19px;
  color: var(--color-primary);
}

.boxcontainer .boxfooter {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: right;
  margin-bottom: 45px;
  padding-right: 10px;
}

.boxcontainer .boxfooter .flex-container {
  justify-content: flex-end !important;
}

.boxfooter .flex-container span:first-of-type {
  margin-right: 0;
}

.boxfooter .flex-container span + span[class^="icon-"] {
  margin-left: 5px;
  font-size: 1.5em;
  color: var(--color-primary);
}

.defaultbox {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: max-content max-content;
  grid-gap: 30px;
  margin-bottom: 20px;
}

.defaultbox .defaultteaser {
  background: #ffffff;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1); 
  padding: 10px;
  display: flex;
  flex-direction: column;
  grid-column: span 2;
}
.defaultbox .defaultteaser.nummer-1 {
  grid-column-start: 1;
  grid-column-end: 4;
}
.defaultbox .defaultteaser.nummer-2 {
  grid-column-start: 4;
  grid-column-end: 7;
}
.defaultbox .defaultteaser.adcontainer {
  grid-row-start: 2;
  background: transparent;
  box-shadow: none;
  padding: 0;
  flex-direction: column !important;
}

.defaultbox .defaultteaser.advertorial {
  grid-row-start: 2;
}
.defaultbox .defaultteaser.advertorial .teaser-image.teaser-inserat {
  width: 300px;
  height: 250px;
  margin: 0 auto;
  max-width: 100% !important;
}
.defaultbox .defaultteaser.advertorial .teaser-image.teaser-inserat img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.defaultbox .defaultteaser .teaser-image {
  position: relative;
}

.defaultbox .defaultteaser.liewo .teaser-image a:after,
.defaultbox .defaultteaser.wirregio .teaser-image a:after,
.defaultbox .defaultteaser.kul .teaser-image a:after,
.defaultbox .defaultteaser.vm .teaser-image a:after,
.defaultbox .defaultteaser.panorama .teaser-image a:after,
.defaultbox .defaultteaser.frauenland .teaser-image a:after,
.defaultbox .defaultteaser.naeherdran .teaser-image a:after,
.defaultbox .defaultteaser.tvrt .teaser-image a:after,
.topaufmacherbox .topteaser.liewo .teaser-image a:after,
.topaufmacherbox .topteaser.wirregio .teaser-image a:after,
.topaufmacherbox .topteaser.kul .teaser-image a:after,
.topaufmacherbox .topteaser.vm .teaser-image a:after,
.topaufmacherbox .topteaser.panorama .teaser-image a:after,
.topaufmacherbox .topteaser.frauenland .teaser-image a:after,
.topaufmacherbox .topteaser.naeherdran .teaser-image a:after,
.topaufmacherbox .topteaser.tvrt .teaser-image a:after {
  content: '';
  display: block;
  padding: 10px;
  position: absolute;
  left: -10px;
  bottom: 0;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  pointer-events: none;
}


.defaultbox .defaultteaser.liewo .teaser-image a:after,
.topaufmacherbox .topteaser.liewo .teaser-image a:after {
  width: 125px;
  height: 35px;
  background-size: 125px 35px;
  background-image: url('/design2020/logos/logo-lw_125x35.png');
}
.defaultbox .defaultteaser.naeherdran .teaser-image a:after,
.topaufmacherbox .topteaser.naeherdran .teaser-image a:after {
  width: 138px;
  height: 45px;
  background-size: 138px 45px;
  background-image: url('/design2020/logos/logo-naeherdran_138x45.png');
}
.defaultbox .defaultteaser.wirregio .teaser-image a:after,
.topaufmacherbox .topteaser.wirregio .teaser-image a:after {
  width: 192px;
  height: 25px;
  background-size: 192px 25px;
  background-image: url('/design2020/logos/logo-wregio_192x25.png');
}
.defaultbox .defaultteaser.kul .teaser-image a:after,
.topaufmacherbox .topteaser.kul .teaser-image a:after {
  width: 64px;
  height: 35px;
  background-size: 64px 35px;
  background-image: url('/design2020/logos/logo-km_64x35.png');
}
.defaultbox .defaultteaser.vm .teaser-image a:after,
.topaufmacherbox .topteaser.vm .teaser-image a:after {
  width: 192px;
  height: 28px;
  background-size: 192px 28px;
  background-image: url('/design2020/logos/logo-vm_192x28.png');
}
.defaultbox .defaultteaser.panorama .teaser-image a:after,
.topaufmacherbox .topteaser.panorama .teaser-image a:after {
  width: 178px;
  height: 25px;
  background-size: 178px 25px;
  background-image: url('/design2020/logos/logo-panorama_178x25.png');
}
.defaultbox .defaultteaser.frauenland .teaser-image a:after,
.topaufmacherbox .topteaser.frauenland .teaser-image a:after {
  width: 106px;
  height: 40px;
  background-size: 106px 40px;
  background-image: url('/design2020/logos/logo-fl_106x40.png');
}
.defaultbox .defaultteaser.tvrt .teaser-image a:after,
.topaufmacherbox .topteaser.tvrt .teaser-image a:after {
  width: 106px;
  height: 40px;
  background-size: 106px 40px;
  background-image: url('/design2020/logos/logo-tvrt.svg');
}

@media screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {

  .defaultbox .defaultteaser.liewo .teaser-image a:after,
  .topaufmacherbox .topteaser.liewo .teaser-image a:after {
    background-image: url('/design2020/logos/logo-lw_125x35@2x.png');
  }
  .defaultbox .defaultteaser.naeherdran .teaser-image a:after,
  .topaufmacherbox .topteaser.naeherdran .teaser-image a:after {
    background-image: url('/design2020/logos/logo-naeherdran_138x45@2x.png');
  }
  .defaultbox .defaultteaser.wirregio .teaser-image a:after,
  .topaufmacherbox .topteaser.wirregio .teaser-image a:after {
    background-image: url('/design2020/logos/logo-wregio_192x25@2x.png');
  }
  .defaultbox .defaultteaser.kul .teaser-image a:after,
  .topaufmacherbox .topteaser.kul .teaser-image a:after {
    background-image: url('/design2020/logos/logo-km_64x35@2x.png');
  }
  .defaultbox .defaultteaser.vm .teaser-image a:after,
  .topaufmacherbox .topteaser.vm .teaser-image a:after {
    background-image: url('/design2020/logos/logo-vm_192x28@2x.png');
  }
  .defaultbox .defaultteaser.panorama .teaser-image a:after,
  .topaufmacherbox .topteaser.panorama .teaser-image a:after {
    background-image: url('/design2020/logos/logo-panorama_178x25@2x.png');
  }
  .defaultbox .defaultteaser.frauenland .teaser-image a:after,
  .topaufmacherbox .topteaser.frauenland .teaser-image a:after {
    background-image: url('/design2020/logos/logo-fl_106x40@2x.png');
  }

}

.defaultbox .defaultteaser img {
  display: block;
  max-width: 100%;
  height: auto;
}

.defaultbox .defaultteaser .teaser-image .resp-iframe {
  position: relative;
  display: block;
  height: 0;
  padding-top: 62.638%;
  overflow: hidden;
}

.defaultbox .defaultteaser .teaser-image .resp-iframe iframe,
.defaultbox .defaultteaser .teaser-image .resp-iframe .cmplazypreviewiframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.defaultbox .defaultteaser .topline {
  color: var(--color-primary);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.defaultbox .defaultteaser .headline {
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 0;
}

.defaultbox .defaultteaser.defaultteaser--userBlog .teaser-content .headline,
.defaultbox .defaultteaser.defaultteaser--editorsComment .teaser-content .headline {
  font-style: italic;
}



.defaultbox .defaultteaser .description {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}


.defaultbox .defaultteaser .time {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
}

.defaultbox .defaultteaser .datetime {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: var(--color-font-grey);
}
.defaultbox .defaultteaser .teaser-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 5px 10px 5px;
  margin-top: 20px;
}

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

  .boxcontainer > .boxheader {
    margin: 15px auto;
  }

  .defaultbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: max-content max-content max-content;
    grid-gap: 25px;
    margin-bottom: 20px;
  }

  .defaultbox .defaultteaser {
    background: #ffffff;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1); 
    padding: 10px;
    display: flex;
    flex-direction: column;
    grid-column: span 1;
  }
  .defaultbox .defaultteaser.nummer-1 {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .defaultbox .defaultteaser.nummer-2 {
    grid-column-start: 2;
    grid-column-end: 3;
  }

  .defaultbox .defaultteaser.adcontainer {
    grid-row-start: 2;
    grid-column-start: 1;
    background: transparent;
    box-shadow: none;
    padding: 0;
  }
  .defaultbox  .defaultteaser.advertorial {
    grid-row-start: 2;
    grid-column-start: 1;
  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .boxcontainer .boxfooter .flex-container.end {
    justify-content: flex-start;
  }
  .defaultteaser.advertorial .contentbox .boxfooter .flex-container.end {
    justify-content: flex-end;
  }

}


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

  .boxcontainer {
    margin: 15px 0;
  }

  .boxcontainer > .boxheader {    
    margin: 0 auto 10px auto;
  }


  .defaultbox {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
    grid-gap: 10px;
    margin-bottom: 20px;
  }

  .defaultbox .defaultteaser {
    background: #ffffff;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1); 
    padding: 10px;
    display: flex;
    flex-direction: column;
    grid-column: span 1;
  }
  .defaultbox .defaultteaser.nummer-1 {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .defaultbox .defaultteaser.nummer-2 {
    grid-column-start: 1;
    grid-column-end: 2;
  }

  .defaultbox .defaultteaser.adcontainer {
    grid-row-start: 3;
    grid-column-start: 1;
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
  }

  .defaultbox .defaultteaser.adcontainer > .adframe-height {
    margin-left: auto;
    margin-right: auto;
  }

  .defaultbox  .defaultteaser.advertorial {
    grid-row-start: 3;
    grid-column-start: 1;
  }

  .defaultbox  .defaultteaser.advertorial .teaser-image {
    width: calc(100vw - 100px);
    height: 235px;
    margin: 0 auto;
  }

}

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

  .boxcontainer > .boxheader {
    width: 90%;
    margin: 0 auto 10px auto;
  }

}

/* Inserateglider */

.defaultteaser.advertorial .slick-prev:before,
.defaultteaser.advertorial .slick-next:before {
  color: #000;
}

.defaultteaser.advertorial .contentbox {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 10px 5px 10px 5px;
}
.defaultteaser.advertorial .contentbox .boxfooter {
  margin-top: auto;
  margin-bottom: 0;

}

.defaultteaser.advertorial .teaser-image img {
  margin: 0 auto;

}

.defaultteaser.advertorial .morelink {
  margin: 20px 0 20px 5px;
  display: inline-block;

}

.defaultteaser.advertorial .slick-slider.advertorial {
  width: 340px;
  margin-top: 20px;

}
.slick-slider.advertorial {visibility: hidden; max-height: 1px;}
.slick-slider.advertorial.slick-initialized {
  visibility: visible;
  max-height: none;
}

.advertorial .slick-prev:before,
.advertorial .slick-next:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 30px;
  color: #000;
}

.advertorial .slick-prev {left: -18px;}
.advertorial .slick-next {right: 0;}

.slick-slider.advertorial .slick-prev:before {
  content: "\e9a9" !important;
}

.slick-slider.advertorial .slick-next:before {

  content: "\e9a2" !important;
}



@media screen and (max-width: 767px) {
  .defaultteaser.advertorial .slick-slider.advertorial {
    width: calc(100vw - 90px); margin: 0 auto;
  }

  .advertorial .slick-prev {left: -30px;}
  .advertorial .slick-next {right: -20px;}


}




/* Slick Slider allgemein */
.slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
  margin: 0 auto;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}



/* Artikeldetailansicht */

.fcms_artdetail .unterbrecher {
  width: 300px;
  height: 250px;
  background: teal;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center; 
  float: right;
  margin: 10px 30px 0 20px;
}

@media screen and (max-width: 767px) {
  .fcms_artdetail .unterbrecher {
    float: none;
    max-width: 100%;
    margin: 10px auto;
  }

}

.fcms_artdetail .ad-widebox {
  width: 994px;
  height: auto;
  background: var(--color-background);
  margin: 0px auto 40px auto;
  text-align: center;
  max-width: 100%;
}

.fcms_artdetail .contentbereich,
.contentbereichRessort {
  background: #fff;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1);
  padding: 30px;
}

.fcms_artdetail .contentbereich.box {
  background: transparent;
  box-shadow: none;
  padding: 0;
}
.fcms_artdetail .boxcontainer {
  margin-bottom: 0;
}

.fcms_artdetail {
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.fcms_artdetail_short {
  font-size: 20px;
  margin-bottom: 20px;
}

.fcms_artdetail h5.stichzeile,
.fcms_artdetail .stichzeile{
  color: var(--color-primary);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}

.fcms_artdetail h1.title {
  font-family: var(--font-secondary);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  margin: 0;
  margin-bottom: 20px;
}
body.community .fcms_artdetail h1.title {
  font-style: italic;
}
.fcms_artdetail .published {
  margin-bottom: 30px;
}
.fcms_artdetail .edited {
  margin-left: 20px;
}

.fcms_artdetail .social > span {
  margin-right: 10px;
}
.fcms_artdetail .social > span:last-child {
  margin-right: 0;
}

.fcms_artdetail .author .author-name {
  color: var(--color-font-grey);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.fcms_artdetail .pic-circular  {
  height: 75px;
}
.fcms_artdetail .pic-circular img {
  width: 75px; 
  height: auto;
  border-radius: 50%;
  background: var(--color-background);
  margin-right: 10px;
}

.fcms_artdetail .pic-circular.platzhalter img {
  width: 75px; height: auto;
  border-radius: 0;
  background: transparent;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .fcms_artdetail .pic-circular.platzhalter img {
    width: 60px; height: 60px;
  }

}

.fcms_artdetail .fcms_artdetail_text:after {
  content: '';
  display: block;
  clear: both;
}

.fcms_artdetail .fcms_artdetail_text > p,
.fcms_artdetail .fcms_artdetail_text > .page p {
  max-width: 815px;
  margin-bottom: 30px;
}

.fcms_artdetail .fcms_artdetail_text a:not(.symbol):not(.btn) {
  color: var(--color-primary);
  text-decoration: underline;
}

.fcms_artdetail .fcms_artdetail_text > ol {
  counter-reset: mylist;
  margin: 0 0 30px 0;
  max-width: 815px;
}
.fcms_artdetail .fcms_artdetail_text > ul {
  margin: 0 0 30px 0;
  padding-left: 20px;
  max-width: 815px;
}

.fcms_artdetail .fcms_artdetail_text ol li {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  list-style-type: none;
  display: flex;
  padding: 0;
  align-items: center;
}

.fcms_artdetail .fcms_artdetail_text ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  list-style-type: initial;
}

.fcms_artdetail .fcms_artdetail_text ol li:before {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-background);
  counter-increment: mylist;
  content: counter(mylist);
  white-space: nowrap;
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: var(--color-font-grey);
  margin-right: 10px;
  margin-left: -50px;
  text-align: center;
  line-height: 48px;
  flex: 0 0 auto;
}


.fcms_artdetail .fcms_artdetail_text h2,
.fcms_artdetail .fcms_artdetail_text #competitionForm h3{
  font-family: var(--font-secondary);
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
  margin-bottom: 10px;
  margin-top: 40px;
}

.fcms_artdetail .fcms_artdetail_text .infobox {
  background: var(--color-background-light-red);
  padding: 30px;
  margin: 30px 0;
  font-size: 16px;
  line-height: 25px;
}

.fcms_artdetail .fcms_artdetail_text .infobox a {
  color: inherit;
  text-decoration: none;
}

.fcms_artdetail .fcms_artdetail_text .infoboxbackground:before {
  content: '';
  width: 100%;
  display: block;
  clear: both;
}

.fcms_artdetail iframe {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .fcms_artdetail .fcms_artdetail_text .infoboxbackground {
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media screen and (min-width: 1201px) {
  .fcms_artdetail .fcms_artdetail_text .infobox 
  {

    padding-left: 30px;
  }
}

.fcms_artdetail .fcms_artdetail_text .infobox .thumb {
  float: left; margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .fcms_artdetail .fcms_artdetail_text .infobox .thumb {
    float: none; margin-right: 0;
    margin-bottom: 20px;
  }
  .fcms_artdetail .fcms_artdetail_text .infobox .thumb img {
    max-width: 100%;
  }

  .fcms_artdetail .fcms_artdetail_text .infobox {    
    margin: 30px -20px;
    padding: 20px;
  }

  .fcms_artdetail .published {display: block;}
  .fcms_artdetail .published .edited {
    white-space: nowrap; margin-left: 0;
  }

  .fcms_artdetail h5.stichzeile {margin-bottom: 10px;}

}


.fcms_artdetail .fcms_artdetail_text .infobox h2 {
  margin-top: 0;
}

.fcms_artdetail .mixbox  {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: minmax(285px,max-content) 285px;
  grid-template-areas:
    "toplist umfrage mixrectangle"
    "toplist competition mixrectangle";
  grid-gap: 30px;
  margin: 50px 0;
}

.fcms_artdetail .mixbox .umfrage {
  padding-top: 0;
}

@media screen and (max-width: 1200px) {
  .fcms_artdetail .mixbox {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 600px 285px max-content;
    grid-template-areas:
      "toplist mixrectangle"
      "competition umfrage";
  }
}

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

  .fcms_artdetail .fcms_artdetail_short {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
  }
  .fcms_artdetail {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
  }

  .fcms_artdetail h1.title {
    font-size: 26px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 15px;
  }

  .fcms_artdetail .fcms_artdetail_text h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;

  }

  .fcms_artdetail .fcms_artdetail_text ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
  }

  .fcms_artdetail .fcms_artdetail_text ol li {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
  }

  .fcms_artdetail .fcms_artdetail_text table {
    display: block;
    height: auto !important;
    overflow-x: scroll;
  }

  .fcms_artdetail .contentbereich {
    margin-top: 0;
    padding: 10px 20px 30px 20px;
  }
  .fcms_artdetail .contentbereich.comments {
    margin-top: 45px;
    padding: 10px !important;
  }



  .fcms_artdetail .mixbox {
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content max-content max-content;
    grid-template-areas:
      "toplist"
      "competition"
      "mixrectangle"
      "umfrage";
    grid-gap: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
  }


  .fcms_artdetail .mixbox .mixrectangle {
    display: inline-grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;;
    grid-gap: 10px;
  }


}



/* Zentrale Neudefinition Abstände */
/* Desktop */

.fcms_artdetail .fcms_artdetail_text  > *,
.fcms_artdetail .fcms_artdetail_text  > p,
.fcms_artdetail .fcms_artdetail_text  > ul,
.fcms_artdetail .fcms_artdetail_text  > ol {
  margin-bottom: 40px;  
}

.fcms_artdetail .fcms_artdetail_text  > ul li,
.fcms_artdetail .fcms_artdetail_text  > ol li {
  margin: 25px 0;
}

.fcms_artdetail .fcms_artdetail_text  h2,
.fcms_artdetail .fcms_artdetail_text  h3,
.fcms_artdetail .fcms_artdetail_text  h4,
.fcms_artdetail .fcms_artdetail_text  h5
{
  margin-top: 60px;  
  margin-bottom: 25px;
}

/* Mobil */

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

  .fcms_artdetail .fcms_artdetail_text  > *,
  .fcms_artdetail .fcms_artdetail_text  > p,
  .fcms_artdetail .fcms_artdetail_text  > ul,
  .fcms_artdetail .fcms_artdetail_text  > ol {
    margin-bottom: 35px;  
  }

  .fcms_artdetail .fcms_artdetail_text  > ul li,
  .fcms_artdetail .fcms_artdetail_text  > ol li {
    margin: 25px 0;
  }

  .fcms_artdetail .fcms_artdetail_text  h2,
  .fcms_artdetail .fcms_artdetail_text  h3,
  .fcms_artdetail .fcms_artdetail_text  h4,
  .fcms_artdetail .fcms_artdetail_text  h5
  {
    margin-top: 60px;  
    margin-bottom: 20px;
  }
}


/* Kommentare */
.comments .postingListTitle {
  color: var(--color-font-grey-dark);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  position: relative;
  width: calc(65% + 60px);
  margin: 0 auto 10px auto;

}

.comments .postingListTitle:before {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 0;
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px solid var(--color-font-grey);
  opacity: 0.5;
}

.fcms_artdetail .contentbereich.comments .postingListTitleReply {
  display: inline-block;
  position: relative;
  padding: 0 15px;
  background: #fff;
}

.comments .postingListTitle .header {
  font-size: inherit;
  margin: 0;
  font-weight: inherit;
  background: #fff;
  display: inline-block;
  position: relative;
  padding: 0 20px;
  margin-bottom: 0 !important;
}

.fcms_artdetail .contentbereich.comments  {
  margin-top: 30px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.fcms_artdetail .contentbereich.comments:empty {
  display: none;

}

.fcms_artdetail .contentbereich.comments .btn {
  background: #000;
  font-size: 16px;
  line-height: 40px;
  width: 350px;
  text-align: center;
}
.fcms_artdetail .contentbereich.comments .moreElements.btn {
  margin: 25px 0;
}

.fcms_artdetail .contentbereich.comments .header {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: var(--color-font-grey-dark);
  margin-bottom: 20px;
}

.fcms_artdetail .contentbereich.comments .header sup .fs10 {
  font-size: 10px;
  font-weight: 700;
  color: var(--color-primary);
}


.fcms_artdetail .contentbereich.comments .noElements {
  color: var(--color-font-grey);
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
}

.fcms_artdetail .contentbereich.comments .loaderContainer,
.moreElements {
  margin-top: 10px;
}

.postingList,
.postingformular {
  background: white;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
.postingformular .postingformular-inner,
.postingList {    
  max-width: 815px;
}

.postingformular .postingformular-inner > p {

  color: var(--color-font-grey);
  margin: 20px 0;

}

.postingformular .postingformular-inner .collapsible-header.active {font-weight: bold;}  


.postingformular input,
.postingformular textarea {
  margin-top: 5px;

}

.postingformular .postingtitle input[type="text"] {
  margin-bottom: 25px;
}
.postingformular .input-field.meinung  {
  margin-bottom: 20px;
}

.postingContent h5 {
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 0;
}

.postingList .author {
  font-family: var(--font-secondary);
  color: var(--color-font-grey);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;

}

.postingList ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.postingList li .postingTrenner {
  border-bottom: 1px dashed var(--color-background-dark);
  margin-left: 30px;
}


.postingListControls {
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}

.postingListControls ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-left: 10px;
}

.postingListControls li {
  border: none;
  display: inline-block;
  color: black;
}

.postingListControls > div {
  display: inline-block;
  margin-right: 20px;
}

.postingListControls .sortContainer .active,
.postingListControls .limitContainer .active {
  font-weight: bold;
  color: var(--color-primary);
}

.postingElement {
  padding: 25px 25px 25px 0;
}

.postingElement .postingFoot {
  display: flex;
  align-items: center;
}
.postingElement .postingFoot .ratingcount {
  margin-left: 10px;
}

.postingElement .postingFoot > span {
  margin-right: 25px;
  white-space: nowrap;

}

.comments .saved .postingWartet {
  text-align: center;
  padding: 30px;
}

.comments .saved .postingformular-inner .flex-container.start,
.comments .saved .input-field.postingtitle, 
.comments .saved .input-field.meinung, 
.comments .saved .postingformular-inner br,
.comments .saved .postingformular-inner br + div,
.comments .not_logged_in .input-field.postingtitle,
.comments .not_logged_in .input-field.meinung ,
.comments .not_logged_in .flex-container.start {
  display: none;
}

.fcms_artdetail .contentbereich.comments .loaderContainer {
  text-align: center;
}

.newThreadsContainer > ul > li:first-child {
  border-top: none;
}

.newThreadsContainer {

  background: var(--color-background);
}

.newAnswersContainer {
  background: var(--color-background);
}

.newThreadElementContainer .postingCountContainer {
  margin-bottom: 20px;
}

.newAnswerElementContainer {
  float: right;
}

.newThreadElementContainer .postingCountContainer,
.newAnswerElementContainer .postingCountContainer {
  text-align: center;
  background-color: var(--color-background);
  color: black;
  padding: 5px;
  cursor: pointer;
  width: 350px;
}

.postingTiefe2 { margin-left: 50px; padding-left: 0; }
.postingTiefe3 { margin-left: 100px; padding-left: 0;}
.postingTiefe4,
.postingTiefe5 {
  margin-left: 150px;
  padding-left: 0;

}

.postingList ul li .postingElement.postingTiefe1 {
  border-top: 1px solid var(--color-font-grey);
}

.postingList ul li .postingElement {
  border-top: 1px dashed var(--color-font-grey);
}

.postingList ul li:first-child  .postingElement {
  border-top: none;
}

@media screen and (max-width: 767px) {
  .postingElement .postingFoot {
    flex-wrap: wrap;

  }
  .postingElement .postingFoot .reply,
  .postingElement .postingFoot .ratingbox,
  .postingElement .postingFoot .erstellung,
  .postingElement .postingFoot .melden
  {
    margin-top: 10px;
  }

  .contentbereich.comments .postingList .ratingbox {
    order: -2;
  }
  .contentbereich.comments .postingList .erstellung {
    order: -1;
  }

  .postingTiefe2 { margin-left: 0  }
  .postingTiefe3 { margin-left: 0 }

  .postingTiefe2,
  .postingTiefe3 {
    padding-left: 0;
    background: transparent;

  }

  .postingTiefe4,
  .postingTiefe5,
  .postingTiefe6 {
    padding-left: 0;
    background: transparent;
    margin-left: 0;
  }

  .contentbereich.comments .postingListHeader {
    padding: 10px;
    padding-bottom: 0;
  }

  .fcms_artdetail .contentbereich.comments .header {
    margin-bottom: 0;
  }
  .fcms_artdetail .contentbereich.comments .addPostingButton.btn {
    margin: 0 0 20px 0;
  }
  .fcms_artdetail .contentbereich.comments .moreElements.btn {
    margin: 10px auto 0 auto;
    display: block;
    width: calc(100vw - 60px);
  }
  .fcms_artdetail .contentbereich.comments .btn {max-width: calc(100vw - 60px);
  }
  .postingListControls {
    padding-bottom: 0;
  }

  .fcms_artdetail .contentbereich.comments .postingListControls {
    text-align: center;
  }

  .fcms_artdetail .contentbereich.comments .input-field.meinung {
    margin: 0 0 20px 0;
  }


}

 .postingList {
    margin: 0 auto; 
  }

  .postingList .author {
    display: flex;
    align-items: center;
  }

  .postingList  .kommentarAutorenBild {
    height: 65px;
    width: 65px;
    margin: 0 20px 0 -85px;
    border: 3px solid #000;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
  }

  .postingList  .kommentarAutorenBild img {
    width: 65px;
    height: 65px;
    max-width: 65px;
    max-height: 65px;
    margin: -3px;
  }

  .postingList .kommentarAutorenBild.kommentarAutorenBild--default img {
    width: 59px;
    height: 59px;
    padding: 6px 3px;
  }

  .postingList  .postingElement {
    margin-left: 85px;
  }

  .postingListControls {
    justify-content: space-between;
  }

  .postingListControls li.smalltext {
    color: var(--color-grey);
  }

  .postingList [data-fcms-action="changeSort"],
  .postingList [data-fcms-action="reply"] {
    cursor: pointer;
  }

  .postingList.sort_newfirst [data-fcms-sort="newfirst"],
  .postingList.sort_oldfirst [data-fcms-sort="oldfirst"],
  .postingList.sort_rating [data-fcms-sort="rating"] {
    text-decoration: underline;
  }

/* Extimages */


.fcms_artdetail .article-images {
  margin: 30px 0 40px 0;
  /*  von Steffen am 14.08.2020 zur Vermeidung von Sprüngen beim Laden der Seite mit Slick  */
  min-height: calc((100vw - 60px) * 0.50);
}

@media screen and (min-width: 767px) {

  .fcms_artdetail .article-images {
    /*  von Steffen am 14.08.2020 zur Vermeidung von Sprüngen beim Laden der Seite mit Slick  */
    min-height: 339px;
  }

}

@media screen and (min-width: 1200px) {

  .fcms_artdetail .article-images {
    /*  von Steffen am 14.08.2020 zur Vermeidung von Sprüngen beim Laden der Seite mit Slick  */
    min-height: 543px;
  }

}


.article-images .extimages .image-text,
figcaption.image-text {
  color: var(--color-font-grey-dark);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  margin-top: 10px;
}

.article-images .extimages .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 10px;
}

.article-images .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 5px;
  height: 5px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: white;
  border-radius: 50%;
}

.article-images .extimages button.slick-arrow {
  width: 50px;
  height: 50px;
  background: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  top: 260px;
}

@media screen and (max-width: 1200px) {
  .article-images .extimages button.slick-arrow {
    top: 165px;
  }
}

.article-images .slick-dots li button:before,
.diashows .slick-dots li button:before {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 10px;
  content: "\e98f";
  opacity: 1;
}
.article-images .slick-dots li.slick-active button:before,
.diashows .slick-dots li.slick-active button:before 
{color: var(--color-primary);}

.article-images .slick-prev::before, .article-images .slick-next::before,
.diashows .slick-prev::before, .diashows .slick-next::before{
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 40px;
  color: 
    #000;
}

@media screen and (max-width: 767px) {
  .article-images .extimages button.slick-arrow {
    display: none; visibility: hidden;
  }
}

.article-images .slick-prev {left: 0; z-index:99;}
.article-images .slick-next {right: -5px; z-index:99;}

.slick-slider.extimages:not(.extimages-count-1),
.slick-slider.diashows {
  visibility: hidden;
  max-height: 1px;
}

.fcms_artdetail .extimages img {
  display: block;
  margin: 0 auto;
}

.slick-slider.extimages.slick-initialized,
.slick-slider.diashows.slick-initialized {
  visibility: visible;
  max-height: none;
}
.slick-slider.diashows .slick-dots {
  bottom: auto;
  position: relative;
  /*   height: 22px; */
}
.slick-dotted.slick-slider.diashows {
  margin-bottom: 40px;
}


.fcms_artdetail .artikel-text-thumb,
.fcms_artdetail .artikel-text-video.floated {
  float: left;
  width: 335px;
  margin-right: 20px;
  margin-bottom: 10px;
  clear: both;
}

.fcms_artdetail .artikel-text-thumb.bildformat--mittel {
  width: 534px;
}

.fcms_artdetail .artikel-text-thumb.bildformat--gross {
  float: none;
  width: 100%;
}

.fcms_artdetail .artikel-text-thumb.bildformat--gross img {
  width: 100%;
}

.fcms_artdetail .artikel-text-thumb.right  {
  float: right;
  margin-left: 20px;
  margin-right: 300px; 
}

.fcms_artdetail p .artikel-text-thumb.right  {
  float: none;
  margin-left: 0;
  margin-right: 0; }

.fcms_artdetail .artikel-text-thumb.clear {
  margin: -20px 0 40px 0;
}

.fcms_artdetail .artikel-text-thumb.clear + * {
  clear: both;
}

@media screen and (max-width: 1200px) {
  .fcms_artdetail .artikel-text-thumb.rechts  {
    margin-right: 0; }
}


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

  .fcms_artdetail .artikel-text-thumb,
  .fcms_artdetail .artikel-text-video.floated {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .fcms_artdetail .artikel-text-thumb.links  {
    float: none;
    margin-left: 0;
    margin-right: 0; }


  .fcms_artdetail .artikel-text-thumb.rechts  {
    float: none;
    margin-left: 0;
    margin-right: 0; }
}


.fcms_artdetail .artikel-text-thumb .artikel-text-thumb-text,
.fcms_artdetail .artikel-text-video .artikel-text-video-text{
  line-height: 20px;
  margin-top: 5px;
}

.fcms_artdetail .artikel-text-video a.videolink {
  position: relative;
  display: inline-block;
}

.fcms_artdetail .artikel-text-video .icon-bg {
  width: 50px; height: 50px; background: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
}

.fcms_artdetail .slick-slider.diashows button.slick-arrow {
  width: 50px; height: 50px; background: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.fcms_artdetail .diashows .slick-prev {left: 0; z-index:99;}
.diashows .slick-next {right: 0; z-index:99;}

.fcms_artdetail .diashows .slick-slide .innerslide {
  margin-right: 30px;
}

.fcms_artdetail .diashows .slick-prev, .fcms_artdetail .diashows .slick-next {
  top: calc(50% - 5px);
}

/* Icon vergroessern */

.fcms_artdetail .extimages, 
.fcms_artdetail .thumb, 
.fcms_artdetail figure 
{ position: relative;}

.fcms_artdetail .extimages .symbol,
.fcms_artdetail .thumb .symbol,
.fcms_artdetail figure .symbol
{
  z-index: 4;
  width: 50px;
  height: 50px;
  background: #ffffff;
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: space-around;

}
.fcms_artdetail .extimages .symbol

{
  right: 5px;

}

@media screen and (max-width: 767px) {
  .fcms_artdetail .extimages .symbol,
  .fcms_artdetail .thumb .symbol,
  .fcms_artdetail figure .symbol
  {right: 5px;}
}


/* Zitat */

.fcms_artdetail blockquote:not(.tiktok-embed) {
  font-family: var(--font-secondary);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  text-align: center;
  display: flex;
  max-width: 615px;
  margin: 40px 50px;
  position: relative;
}

.fcms_artdetail blockquote:not(.tiktok-embed):before {
  font-size: 150px;  
  content: '”' ; 
  padding-top: 20px;

}

.fcms_artdetail blockquote:not(.tiktok-embed):after {
  font-size: 150px;
  content: '“' ;
  position: absolute;
  bottom: -30px;
  right: -40px;

}

.fcms_artdetail blockquote:not(.tiktok-embed) p {
  display: inline;

}



@media screen and (max-width: 767px) {
  .fcms_artdetail blockquote:not(.tiktok-embed) {
    max-width: 100%; 
    margin-left: -10px;
    font-size: 22px;
    line-height: 30px;
  }

  .fcms_artdetail blockquote:not(.tiktok-embed):after {
    right: -60px;
  }

}


/* Artikeltabs */

#outerpage.outerpage-tabs {
  grid-template-rows: minmax(100px, 1fr);

}

#outerpage.outerpage-tabs .contentbereich.tabs {
  grid-row-start: 1;
  grid-row-end: 2;
  min-width: 0;

}

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

  #outerpage.outerpage-tabs {
    grid-template-columns: 10px calc(100% - 20px) 10px;
  }

}

.artikeldetailtab_window {
  background: #fff;

}

.artikeldetailtab_inner {
  padding: 10px 10px 30px 10px;
  position: relative;
}

.artikeldetailtab_inner .article_back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 35px;
  top: 15px;
  background: #fff;
  z-index: 9999;
}

.artikeldetailtab_inner .article_back > a {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 25px;
  line-height: 1;
  text-align: center;
}

/* Ajaxbilder */



.slider-element,.slider-element__wrapper {
  position: relative;
}

.slider-element .pager {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
}

.slider-element .pager .icon-bg,
.glider .glidernavi .icon-bg {
  width: 40px;
  height: 50px;
  background: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;

}

.slider-element .pager a {
  pointer-events: auto;
}

@media screen and (max-width: 768px) {
  .slider-element .pager .icon-bg {
    width: 25px;
    height: 40px;
    opacity: 0.6;
  }
  .slider-element .pager .icon-bg .icon-ico-Zurueck-40.fs40{
    font-size: 20px;
    margin-left: 8px;
  }
  .slider-element .pager .icon-bg .icon-ico-Vor-40.fs40{
    font-size: 20px;
    margin-right: 8px;
  }
  .slider-element .btn-floating.btn-large {
    width:40px;
    height: 40px;
    line-height: 40px
  }

  .slider-element .btn-large i {
    line-height: 40px
  }
}



/*
* Anzeigebereich des Gliders
*/
.glider .gliderDisplayArea {
  width: calc(100% - 110px);
  margin: 0 auto;
}

.glider .gliderDisplayArea .gliderInside {
  width: calc(100% - 100px);
  margin: 0 auto;
  overflow: hidden;
}



/*
* Glider
*/
@media screen and (max-width: 1200px) {
  .ajaxbilder.glider {display: none;}
}

.glider .gliderContent {
  display: flex; 
}

#previewGlider {
  overflow: hidden;
  margin-top: 30px;
}


.glider .glider_item img {
  opacity: .6;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 2px solid transparent;
}

.glider .glider_button {
  cursor: pointer;
}

.glider .glider_item.active img,.glider .glider_item:hover img {
  opacity: 1;
}
.glider .glider_item.active img {
  border: 2px solid var(--color-primary);
}

.glider .gliderPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex: 0 0 auto;
  margin-left: 5px;
  width: 100%;
}


.glidernavi {
  width: 100%;
  position: relative;
}

.glider_button-left {
  position: absolute;
  left: 0;
  top: calc(50% - 25px);
  cursor: pointer;
  z-index: 9;
}

.glider_button-right {
  position: absolute;
  right: 0;
  top: calc(50% - 25px);
  cursor: pointer;
  z-index: 9;
}

.btn-floating.glider_button-disabled {
  opacity: .5;
  cursor: default
}

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

  .content-startpage .topaufmacherbox .topteaser.nummer-4 .topline, 
  .content-startpage .topaufmacherbox .topteaser.nummer-5 .topline, 
  .content-startpage .topaufmacherbox .topteaser.nummer-6 .topline,
  .defaultbox.overview .defaultteaser.nummer-3 .topline, .defaultbox.overview .defaultteaser.nummer-4 .topline, .defaultbox.overview .defaultteaser.nummer-5 .topline {
    display: block; 
    font-size: 12px;
  }

  .content-startpage .topaufmacherbox .topteaser.nummer-4 .topline .aboPermission,
  .content-startpage .topaufmacherbox .topteaser.nummer-5 .topline .aboPermission, 
  .content-startpage .topaufmacherbox .topteaser.nummer-6 .topline .aboPermission,
  .defaultbox.overview .defaultteaser.nummer-3 .topline .aboPermission, .defaultbox.overview .defaultteaser.nummer-4 .topline .aboPermission, .defaultbox.overview .defaultteaser.nummer-5 .topline .aboPermission {
    font-size: 10px;
    padding: 0 5px;
    line-height: 14px;
  }

}

.defaultbox .defaultteaser.wirregio .teaser-image a:after, 
.topaufmacherbox .topteaser.wirregio .teaser-image a:after,
.defaultbox .defaultteaser.vm .teaser-image a:after, 
.topaufmacherbox .topteaser.vm .teaser-image a:after,
.defaultbox .defaultteaser.panorama .teaser-image a:after, 
.topaufmacherbox .topteaser.panorama .teaser-image a:after {
  background-size: calc(100% - 20px) auto;
  max-width: 100%;
  box-sizing: border-box;
  height: 40px;
}

.defaultbox .defaultteaser.liewo .teaser-image a:after, 
.topaufmacherbox .topteaser.liewo .teaser-image a:after {
  background-size: calc(100% - 20px) auto;
  max-width: 60%;
  box-sizing: border-box;
  height: 40px;
}

.defaultbox .defaultteaser.naeherdran .teaser-image a:after, 
.topaufmacherbox .topteaser.naeherdran .teaser-image a:after {
  background-size: calc(100% - 20px) auto;
  max-width: 60%;
  box-sizing: border-box;
  height: 45px;
}
.defaultbox .defaultteaser.tvrt .teaser-image a:after, 
.topaufmacherbox .topteaser.tvrt .teaser-image a:after {
  background-size: calc(100% - 20px) auto;
  max-width: 60%;
  box-sizing: border-box;
  height: 40px;
}


@media screen and (min-width: 767px) {

  .defaultbox .defaultteaser.liewo .teaser-image a:after, 
  .topaufmacherbox .topteaser.liewo .teaser-image a:after,
  .defaultbox .defaultteaser.naeherdran .teaser-image a:after, 
  .topaufmacherbox .topteaser.naeherdran .teaser-image a:after,
  .defaultbox .defaultteaser.wirregio .teaser-image a:after, 
  .topaufmacherbox .topteaser.wirregio .teaser-image a:after,
  .defaultbox .defaultteaser.vm .teaser-image a:after,
  .topaufmacherbox .topteaser.vm .teaser-image a:after,
  .defaultbox .defaultteaser.panorama .teaser-image a:after,
  .topaufmacherbox .topteaser.panorama .teaser-image a:after,
  .defaultbox .defaultteaser.tvrt .teaser-image a:after,
  .topaufmacherbox .topteaser.tvrt .teaser-image a:after {
    max-width: 100%;
    box-sizing: revert
  }
  .defaultbox .defaultteaser.tvrt .teaser-image a:after,
  .topaufmacherbox .topteaser.tvrt .teaser-image a:after {
    background-size: 106px 40px;
  }

  .defaultbox .defaultteaser.wirregio .teaser-image a:after, 
  .topaufmacherbox .topteaser.wirregio .teaser-image a:after,
  .defaultbox .defaultteaser.vm .teaser-image a:after, 
  .topaufmacherbox .topteaser.vm .teaser-image a:after,
  .defaultbox .defaultteaser.panorama .teaser-image a:after, 
  .topaufmacherbox .topteaser.panorama .teaser-image a:after {
    height: 25px;
  }

}



/* Branding-Day Frauenland */

.head.pagehead .logo img.logo-frauenland {
  width: auto;
  max-height: 120px;
}

@media screen and (max-width: 1200px) {
  .head.pagehead .logo img.logo-frauenland {
    max-height: 100px;
  }
}

@media screen and (max-width: 767px) {
  .head.pagehead .logo img.logo-frauenland {
    max-height: 52px;
  }
}

.epaper-header .header-logo .logo img.logo-frauenland {
  width: 173px;
  height: auto;
}

@media screen and (max-width: 1200px) {
  .epaper-header .header-logo .logo img.logo-frauenland {
    width: 144px;
  }
}

@media screen and (max-width: 767px) {
  .epaper-header .header-logo .logo img.logo-frauenland {
    width: 80px;
  }
}

.flex-container.autor-media .publication-logo-artdetail.frauenland {
  height: 70px;
}


/* Erfolgsmeldung ToDo in Login-Container*/

.loginContainer .messagesContainer {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999999;
}
.loginContainer .messagesContainer.hide {
  display: none;
}
.loginContainer .messagesContainer .messages {
  display: block;
  padding: 10px 0;
  background: rgb(185 252 175 / 85%);
  text-align: center;
}
.loginContainer .messagesContainer .messages p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
.loginContainer .messagesContainer .messages p a {
  display: inline-block;
  margin-left: 10px;
  text-decoration: underline;
}
.loginContainer .messagesContainer .messages p:nth-child(2) {
  display: none;
}
.loginContainer .messagesContainer .btnCloseMessage {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  padding: 0;
  margin: 0;
  width: 1.7em;
  height: 1.7em;
  color: #fff;
  line-height: 1;
  background: #000;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.loginContainer .messagesContainer .messages[data-fcms-visible="true"] + .btnCloseMessage {
  display: block;
}
.loginContainer .messagesContainer .btnCloseMessage .icon-ico-Schliessen-30 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  line-height: inherit;
}

.rating-thumb .fcms_rateicon {
}
.rating-thumb .fcms_rateicon.fcms_rateicon--like {
}
.rating-thumb .fcms_rateicon.fcms_rateicon--dislike {
  color: var(--color-primary);
}
.rating-thumb .rating-count {
  margin-left: 10px;
}

/* Audiobeschreibungen */
.audiodescription {
  text-align: right;
    flex: 1 1 100%;
}

.audioControl  {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 7px 15px 5px 15px;
  margin: 0 0 0 auto;
  border: 0;
  background: var(--color-background);
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
  text-align: center;
  cursor: pointer;
}

.audiodescription div[data-fcms-2click-container="content"] {
  width: 100%;
  padding-top: 20px;
}

.audiodescription div[data-fcms-2click-container="content"] > audio {
  width: 100%;
  height: 75px;
}

.audiodescription audio::-webkit-media-controls-enclosure {
  max-height: unset;
  border-radius: 0;
}

@media all and (min-width: 500px) {

  .audioControl {
    width: 180px;
    margin: -42px 0 10px auto;
  }

  .article-additional-infos.withPublication + [data-fcms-method="2click"] .audioControl,
  .article-additional-infos.withAutor + [data-fcms-method="2click"] .audioControl {
    margin: -50px 0 10px auto;
  }

  .article-additional-infos.withPublication.withAutor + [data-fcms-method="2click"] .audioControl {
    margin: -50px 0 10px auto;
  }

}

@media screen and (min-width: 768px) {
  .audioControl {
    font-size: 18px;
  }
}

@media all and (min-width: 1200px) { 

  .audioControl,
  .article-additional-infos.withPublication + [data-fcms-method="2click"] .audioControl,
  .article-additional-infos.withAutor + [data-fcms-method="2click"] .audioControl {
    margin: -58px 0 20px auto;
  }

  .article-additional-infos.withPublication.withAutor + [data-fcms-method="2click"] .audioControl {
    margin: -58px 0 20px auto;
  }

}


/* embed2click */

.twoClickContainer {
  background-color: var(--color-background);
  padding: 15px 15px;
  margin: 15px 0;
}

.twoClickContainer .twoClickHeader {
  font-family: var(--font-secondary);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 15px;
}

.twoClickContainer .twoClickBody {
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  margin: 0 30px 15px 30px;
}

.twoClickContainer .twoClickFooter {
  text-align: center;
}




.cmplazypreviewmsg [type="checkbox"]:not(:checked),
.cmplazypreviewmsg [type="checkbox"]:checked {
  position: initial;
  left: auto;
  opacity: initial;
}

*.cmpboxbtnyes,
A.cmpboxbtnyes,
A.cmpboxbtnyes:link {
  color: #fff !important;
  text-decoration: none !important;
}

/* main2.css */
.defaultbox .defaultteaser,
.content-startpage .topaufmacherbox .topteaser{
  position: relative;
}
.defaultbox .defaultteaser .symbol,
.content-startpage .topaufmacherbox .topteaser .symbol{
  z-index: 4;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.defaultbox .defaultteaser .symbol-lw,
.content-startpage .topaufmacherbox .topteaser .symbol-lw{
  width: 92px;
  height: 35px;
  padding: 10px;
}
.defaultbox .defaultteaser .symbol-wr,
.content-startpage .topaufmacherbox .topteaser .symbol-wr{
  width: 192px;
  height: 25px;
  padding: 10px 10px 9px 10px;
}
.defaultbox .defaultteaser .symbol-km,
.content-startpage .topaufmacherbox .topteaser .symbol-km{
  width: 64px;
  height: 35px;
  padding: 10px 10px 9px 10px;
}
.defaultbox .defaultteaser .symbol-vm,
.content-startpage .topaufmacherbox .topteaser .symbol-vm{
  width: 192px;
  height: 28px;
  padding: 10px 10px 9px 10px;
}

.flex-container.autor-media .publication-logo-artdetail {
  width: auto;
  height: 41px;
}

@media screen and (max-width: 767px) {
  .defaultbox.overview .defaultteaser.nummer-3,
  .defaultbox.overview .defaultteaser.nummer-4,
  .defaultbox.overview .defaultteaser.nummer-5 {
    grid-column: 1/2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .defaultbox.overview .defaultteaser.nummer-3 .description,
  .defaultbox.overview .defaultteaser.nummer-4 .description,
  .defaultbox.overview .defaultteaser.nummer-5 .description {
    display: none;
  }


  .defaultbox.overview .defaultteaser.nummer-3 .headline,
  .defaultbox.overview .defaultteaser.nummer-4 .headline,
  .defaultbox.overview .defaultteaser.nummer-5 .headline {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .defaultbox.overview .defaultteaser.nummer-3 .teaser-image,
  .defaultbox.overview .defaultteaser.nummer-4 .teaser-image,
  .defaultbox.overview .defaultteaser.nummer-5 .teaser-image {
    flex: 0 0 95px;
    margin-right: 20px;
    height: 60px; overflow: hidden;
  }
  .defaultbox.overview .defaultteaser.nummer-3 .symbol,
  .defaultbox.overview .defaultteaser.nummer-4 .symbol,
  .defaultbox.overview .defaultteaser.nummer-5 .symbol {
    display: none;
  }
  .content-startpage .topaufmacherbox .topteaser.nummer-4 .symbol,
  .content-startpage .topaufmacherbox .topteaser.nummer-5 .symbol,
  .content-startpage .topaufmacherbox .topteaser.nummer-6 .symbol {
    display: none;
  }


  .defaultbox.overview .defaultteaser .teaser-content {
    margin-top: 0;
    padding: 0;
  }

  .defaultbox .defaultteaser .time {
    margin: 0;
    padding-top: 0px;
  }
}

.ad-widebox.desk.slim {
  margin: 30px auto;
  width: 994px;
  height: auto;
  color: #fff;
  text-align: center;
}
.ad-widebox.mobile.slim {
  display: none  
}

@media screen and (max-width: 767px) {
  .ad-widebox.desk.slim{
    display: none;  
  }
  .ad-widebox.mobile.slim {
    display: block;
    width: 300px;
  }
}

.defaultteaser.adcontainer.overview-mobile {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .defaultteaser.adcontainer.overview-mobile{
    margin: 30px auto;
    width: 300px;
    height: 250px;
    text-align: center;
  }
}

/* Definitionen für Übersichtsseiten Fotos/Videos, vergleiche galeriegliderbox */ 
.media-overview-gallery{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  /*grid-template-rows: 355px 230px 355px;*/
  /*grid-template-rows: repeat(3, auto)*/
  grid-gap: 30px;
  margin-bottom: 20px;
}
.media-overview-gallery .item.nummer-1,
.media-overview-gallery .item:nth-child(1){
  grid-column: 1/4;
  grid-row: 1/2;
}
.media-overview-gallery .item.nummer-2,
.media-overview-gallery .item:nth-child(2){
  grid-column: 4/7;
  grid-row: 1/2;
}
.media-overview-gallery .item.nummer-3,
.media-overview-gallery .item:nth-child(3){
  grid-column: 1/3;
  grid-row: 2/3;
}
.media-overview-gallery .item.nummer-4,
.media-overview-gallery .item:nth-child(4){
  grid-column: 3/5;
  grid-row: 2/3;
}
.media-overview-gallery .item.nummer-5,
.media-overview-gallery .item:nth-child(5){
  grid-column: 5/7;
  grid-row: 2/3;
}
.media-overview-gallery .item.nummer-6,
.media-overview-gallery .item:nth-child(6){
  grid-column: 1/4;
  grid-row: 3/4;
}
.media-overview-gallery .item.nummer-7,
.media-overview-gallery .item:nth-child(7){
  grid-column: 4/7;
  grid-row: 3/4;
}

.media-overview-gallery img {max-width: 100%; height: auto;}

.media-overview-gallery {
  margin-bottom: 20px;
}

.media-overview-gallery .item {
  position: relative;
}

.media-overview-gallery .item .inner {
  background: #ffffff;
  padding: 10px;
  max-width: 541px;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1);
}

.media-overview-gallery .item-body{
  position: absolute;
  bottom: 0px;
  padding: 30px;
  color: #fff;
  pointer-events: none;
}

.media-overview-gallery .item .imgbox:after{
  display: block;
  position: relative;
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 0, #000 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
  pointer-events: none;
}

.media-overview-gallery .item .symbol {
  z-index: 4;
  width: 50px;
  height: 50px;
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.media-overview-gallery .item .item-header {
  text-shadow: 0px 2px 4px rgb(0 0 0 / 0.5);
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}
.media-overview-gallery .item.nummer-3 .item-header,
.media-overview-gallery .item:nth-child(3) .item-header,
.media-overview-gallery .item.nummer-4 .item-header,
.media-overview-gallery .item:nth-child(4) .item-header,
.media-overview-gallery .item.nummer-5 .item-header ,
.media-overview-gallery .item:nth-child(5) .item-header{
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1200px){
  .media-overview-gallery{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
  }
  .media-overview-gallery .item.nummer-1,
  .media-overview-gallery .item:nth-child(1){
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .media-overview-gallery .item.nummer-2,
  .media-overview-gallery .item:nth-child(2){
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .media-overview-gallery .item.nummer-3,
  .media-overview-gallery .item:nth-child(3){
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .media-overview-gallery .item.nummer-4,
  .media-overview-gallery .item:nth-child(4){
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .media-overview-gallery .item.nummer-5,
  .media-overview-gallery .item:nth-child(5){
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .media-overview-gallery .item.nummer-6,
  .media-overview-gallery .item:nth-child(6){
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .media-overview-gallery .item.nummer-7,
  .media-overview-gallery .item:nth-child(7){
    grid-column: 1/2;
    grid-row: 4/5;
  }

  .media-overview-gallery .item .inner {
    padding: 10px;
    max-width: 100%;
  }

  .media-overview-gallery .item .item-header {
    font-size: 16px;
    line-height: 22px;
  }

}

@media screen and (max-width: 767px) {
  .media-overview-gallery{
    grid-template-columns: 1fr;
    grid-template-rows: repeat(7, auto);
    grid-gap: 10px;
  }
  .media-overview-gallery .item.nummer-1,
  .media-overview-gallery .item:nth-child(1){
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .media-overview-gallery .item.nummer-2,
  .media-overview-gallery .item:nth-child(2){
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .media-overview-gallery .item.nummer-3,
  .media-overview-gallery .item:nth-child(3){
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .media-overview-gallery .item.nummer-4,
  .media-overview-gallery .item:nth-child(4){
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .media-overview-gallery .item.nummer-5,
  .media-overview-gallery .item:nth-child(5){
    grid-column: 1/2;
    grid-row: 5/6;
  }
  .media-overview-gallery .item.nummer-6,
  .media-overview-gallery .item:nth-child(6){
    grid-column: 1/2;
    grid-row: 6/7;
  }
  .media-overview-gallery .item.nummer-7,
  .media-overview-gallery .item:nth-child(7){
    grid-column: 1/2;
    grid-row: 7/8;
  }
}

/* Definitionen für Übersichtsseiten Fotos/Videos - vermischte Darstellung */
.media-overview-gallery .item.mixed-media-foto-1{
  grid-column: 1/4;
  grid-row: 1/2;
}
.media-overview-gallery .item.mixed-media-foto-2{
  grid-column: 3/5;
  grid-row: 2/3;
}
.media-overview-gallery .item.mixed-media-foto-3{
  grid-column: 5/7;
  grid-row: 2/3;
}
.media-overview-gallery .item.mixed-media-foto-4{
  grid-column: 4/7;
  grid-row: 3/4;
}

.media-overview-gallery .item.mixed-media-video-1{
  grid-column: 4/7;
  grid-row: 1/2;
}
.media-overview-gallery .item.mixed-media-video-2{
  grid-column: 1/3;
  grid-row: 2/3;
}
.media-overview-gallery .item.mixed-media-video-3{
  grid-column: 1/4;
  grid-row: 3/4;
}

.media-overview-gallery .item.mixed-media-foto-1 .item-header,
.media-overview-gallery .item.mixed-media-foto-4 .item-header,
.media-overview-gallery .item.mixed-media-video-1 .item-header,
.media-overview-gallery .item.mixed-media-video-3 .item-header{
  font-size: 22px;
  line-height: 30px;
}
.media-overview-gallery .item.mixed-media-foto-2 .item-header,
.media-overview-gallery .item.mixed-media-foto-3 .item-header,
.media-overview-gallery .item.mixed-media-video-2 .item-header{
  font-size: 16px;
  line-height: 22px;
}
@media screen and (max-width: 1200px){
  .media-overview-gallery .item.mixed-media-foto-1{
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .media-overview-gallery .item.mixed-media-foto-2{
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .media-overview-gallery .item.mixed-media-foto-3{
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .media-overview-gallery .item.mixed-media-foto-4{
    grid-column: 1/2;
    grid-row: 4/5;
  }

  .media-overview-gallery .item.mixed-media-video-1{
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .media-overview-gallery .item.mixed-media-video-2{
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .media-overview-gallery .item.mixed-media-video-3{
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .media-overview-gallery .item.mixed-media-foto-1 .item-header,
  .media-overview-gallery .item.mixed-media-foto-4 .item-header,
  .media-overview-gallery .item.mixed-media-video-1 .item-header,
  .media-overview-gallery .item.mixed-media-video-3 .item-header{
    font-size: 16px;
    line-height: 22px;
  }
}

/* Definitionen für Übersichtsseiten Fotos/Videos; alle Anzeigen 
einfaches Default-Layout mit Nachladefunktion                     */
.defaultbox .item img {max-width: 100%; height: auto;}

.defaultbox .item {
  max-width: 561px;
  position: relative;
  display: flex;
  flex-direction: column;
  grid-column: span 2;
}

.defaultbox .item .inner {
  background: #ffffff;
  padding: 10px;
  max-width: 541px;
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1);
}

.defaultbox .item-body {
  position: absolute;
  bottom: 0px;
  padding: 30px;
  color: #fff;
  pointer-events: none;
}

.defaultbox .item .imgbox:after {
  display: block;
  position: relative;
  background-image: linear-gradient(to bottom, rgb(255 255 255 / 0) 0, #000 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
  pointer-events: none;
}

.defaultbox .item .symbol {
  z-index: 4;
  width: 50px;
  height: 50px;
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.defaultbox .item .item-header {
  text-shadow: 0px 2px 4px rgb(0 0 0 / 0.5);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

@media screen and (max-width: 1200px) {
  .defaultbox .item {
    grid-column: span 1;
  }
}

/* Definitionen für Detailansicht Fotos/Videos */
.flex-container.social.media{
  margin-bottom: 23px;
}

.boxcontainer.desktop-gallery{
  display: block;
}
.galeriegliderbox.mobile-slick {
  display: none;
}

.default-video-container {
  width: 100%;
  height: 0; 
  padding-bottom: calc(1 / (1.59) * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.default-video-symbol{
  position: absolute;
  top: 28%;
}

@media screen and (max-width: 1200px) {
  .default-video-symbol{
    top: 15%;
  }
}

.ajaxcontrolcontainer{
  background: #fff;
}

.ajaxcontrolcontainer figure {
  text-align:center;
}

@media screen and (max-width: 767px) {
  .fcms_artdetail .contentbereich.foto-video-detail {
    padding: 10px 10px 30px 10px;
  }
  .boxcontainer.desktop-gallery{
    display: none;
  }
  .galeriegliderbox.mobile-slick {
    display: block;
  }
  .boxcontainer.mobile-slick .flex-container.end {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .default-video-symbol{
    top: 10%;
  }

  .ajaxcontrolcontainer figure img {
    max-height: 450px;
  }

}

/* Definitionen für Suchformular facettierte Suche */

.boxheader.search-header h2{
  background: white;
}

.boxheader h2 sup .fs10 {
  font-size: 10px;
  font-weight: bold;
  color: var(--color-primary);
}

.search-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
  grid-gap: 30px;
  margin: 0 116px 57px 116px;
}

.search-grid-container .faceted-search-item {
  grid-column: 1/3;
  grid-row: 1/2;
}
.search-grid-container .faceted-search-sort{
  grid-column: 3/4;
  grid-row: 1/2;
}
.search-grid-container .faceted-search-start-date{
  grid-column: 1/2;
  grid-row: 2/3;
}
.search-grid-container .faceted-search-end-date{
  grid-column: 2/3;
  grid-row: 2/3;
}
.search-grid-container .faceted-search-btn{
  grid-column: 3/4;
  grid-row: 2/3;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}
.search-grid-container .faceted-search-mean{
  grid-column: 1/2;
  grid-row: 3/4;
}

.search-grid-container fieldset {
  padding: 0;
  border: 0;
  margin: 0;
}

.search-grid-container .facetsuche{
  position: relative;
}

.faceted-search-item .facetsuche .searchButtonHeader {
  bottom: 4px;
  color: var(--color-font);
}

.faceted-search-item input.search-item{
  height: 40px;
  padding: 10px 10px 10px 45px;
}

.search-grid-container .faceted-search-mean p,
.search-grid-container .faceted-search-mean span{
  color: var(--color-primary);
}
.faceted-search-mean .facettierteSuche__meintenSie {
  cursor: pointer;
  font-weight: bold;
}

.select-container {
  position: relative;
}

.select-container:after{
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  content:"\e9a2";
  position:absolute;
  right:14px;
  bottom: 12px;
  transform: rotate(90deg);
  pointer-events: none;
}

.select-container select{
  cursor:pointer;
  -webkit-appearance: none;
}

.search-grid-container label,
.search-grid-container input,
.search-grid-container select,
.facettierteSuche__tabItem span {
  font-size: 16px;
  font-weight:400;
  line-height: 25px;
}

.search-grid-container select,
.search-grid-container input.datepicker-input.flatpickr-input {
  color: var(--color-font);
}

.facetsuche .open-calendar {
  height: 30px;
  width: 30px;
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 38px;
}

.facetsuche .datepicker-input{
  height: 40px;
}
@media screen and (max-width: 1200px) {
  .search-grid-container {
    margin: 0 58px 57px 58px;
  }
}

@media screen and (max-width: 767px) {
  .search-grid-container {
    grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
    grid-template-rows: repeat(6, auto); /*zusätzliche Zeile, um grid-row-gap flexibler für "Meinten Sie"-Zeile zu gestalten */
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0 0 20px 0;
  }

  .search-grid-container .faceted-search-item {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .search-grid-container .faceted-search-sort{
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .search-grid-container .faceted-search-start-date{
    grid-column: 1 / -1;
    grid-row: 3/4;
  }
  .search-grid-container .faceted-search-end-date{
    grid-column: 1 / -1;
    grid-row: 4/5;
  }
  .search-grid-container .faceted-search-btn{
    grid-column: 1/3;
    grid-row: 5/6;
  }
  .search-grid-container .faceted-search-mean{
    grid-column: 1/3;
    grid-row: 6/7;
  }


}




/* Definitionen der Tableiste*/

.tab-slick-container{
  width: 840px;
}

.facettierteSuche__tabItem {
  text-align:center;
}

.facettierteSuche__tableiste #slick-slider--tabs .slick-slide {
  border: 0;
  border-bottom: 2px solid #fff;
  box-shadow: 0 2px 0 0px var(--color-background);
}

.facettierteSuche__tabItem>span {
  display:block;
  margin:0;
  padding:5px 0;
  cursor:pointer;
  background: var(--color-background-light-red);
  border: 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 2px solid #fff;
  box-shadow: 0 2px 0 0px var(--color-background);
}
.backdrop__tableiste>span{
  background: transparent;
  color: white;
  cursor:default;
  border-bottom: none;
  width: 124px;
}

.facettierteSuche__tabItem>span.selectedtab {
  background: var(--color-primary);
  color: white;
  font-weight: bold;
  box-shadow: 0 2px 0 0px var(--color-primary);
}
.facettierteSuche__tabItem>span:hover {
  color: var(--color-primary);
  box-shadow: 0 2px 0 0px var(--color-primary);
}
.backdrop__tableiste>span:hover {
  color: white;
  box-shadow: 0 2px 0 0px var(--color-background);
}
.facettierteSuche__tabItem>span.selectedtab:hover {
  color: white;
}
.facettierteSuche__tabItem>span[data-fcms-facetedsearch-tab-disabled="true"] {
  /* opacity:0.25;*/
  background: #fcfcfc;
  color: var(--color-font);
  cursor:not-allowed;
  box-shadow: 0 2px 0 0px #fcfcfc;
}

@media screen and (max-width: 1200px) {
  .tab-slick-container{
    width: 550px;
  }
  .tab-slick-container .slick-slider.fotoglider {
    max-width: 100%;
    margin: 0;
  }
  .backdrop__tableiste>span{
    width: 62px;
  }
}

@media screen and (max-width: 767px) {
  .tab-slick-container{
    margin: 0 auto;
    width: 90%;
  }

  .backdrop__tableiste {
    display: none;
  }
  .tab-slick-container .fotoglider .slick-prev:before,
  .tab-slick-container .fotoglider .slick-next:before {
    font-size:20px;
  }
  .tab-slick-container .fotoglider .slick-prev {
    left:-20px
  }
  .tab-slick-container .fotoglider .slick-next {
    right:-20px
  }

}

/* Definitionen der Ergebnisse der Portalsuche */

.search-result-container {
  margin-top: 32px;
}

.search-result-flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid var(--color-lines);
  margin-top: 30px;
  padding-bottom: 30px;
}

.search-result-flexbox .search-result-thumb {
  flex: 1 0 30%;
  margin-right: 30px;
}

.search-result-flexbox.epaper .search-result-thumb {
  flex: 1 0 100px;
  max-width: 100px;
}

.search-result-flexbox .search-result-text-body {
  flex: 1;
}

@media screen and (min-width: 1201px) {
  .search-result-flexbox .search-result-thumb {
    flex-basis: 320px;
    max-width: 320px;
  }
  .search-result-flexbox .search-result-text-body {
  }
}

.search-result-text-body h2 {
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.search-result-text-body .description {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.search-result-text-body .icon-ico-Bilder-30 {
  margin-left:10px
}

.search-result-flexbox img {
  display: block;
  border: 1px solid var(--color-lines);
}
.search-result-flexbox h3 {
  color: var(--color-font-grey-dark);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}
.fcms_artdetail .contentbereich ul.flex-container {
  padding: 30px 0 25px 0;
}

.fcms_artdetail .contentbereich li.row {
  margin-right: 20px;
}

.fcms_artdetail .contentbereich ul li label.facetted-search-epaper-label {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

.flatpickr-time {
  display: none; 
}

.search-result-flexbox figure .symbol {
  right:1px;
}

@media screen and (max-width: 767px) {
  .search-result-flexbox .search-result-text-body {
    padding-left: 20px;
    flex: 1 1 60%;
    width: calc(70% - 40px);
  }
  .search-result-flexbox .search-result-thumb {
    margin-right: 0;
  }
  .search-result-flexbox figure .symbol {
    width: 30px;
    height: 30px;
  }
  .search-result-flexbox figure .symbol .fs30 {
    font-size: 20px;
  }
}

span.highlight {
  background-color: yellow;
}

/* Definitionen der Suchfunktion unterhalb der Foto- und Videoübersichtsseiten */

.fcms_artdetail .contentbereich.media-search{
  margin-bottom: 40px;
}

.contentbereich.media-search .boxcontainer {
  margin: 0;
}

.contentbereich.media-search .search-grid-container {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 30px;
  margin: 0;
}

.contentbereich.media-search .search-grid-container .faceted-search-item {
  grid-column: 1/2;
  grid-row: 1/2;
}
.contentbereich.media-search .search-grid-container .faceted-search-start-date{
  grid-column: 2/3;
  grid-row: 1/2;
}
.contentbereich.media-search .search-grid-container .faceted-search-end-date{
  grid-column: 3/4;
  grid-row: 1/2;
}
.contentbereich.media-search .search-grid-container .faceted-search-btn{
  grid-column: 4/5;
  grid-row: 1/2;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

@media screen and (max-width: 1200px) {
  .contentbereich.media-search .search-grid-container  {
    grid-template-columns: repeat(4, 1fr);
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .contentbereich.media-search .search-grid-container  {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
  }
  .contentbereich.media-search .search-grid-container .faceted-search-item {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .contentbereich.media-search .search-grid-container .faceted-search-start-date{
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .contentbereich.media-search .search-grid-container .faceted-search-end-date{
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .contentbereich.media-search .search-grid-container .faceted-search-btn{
    grid-column: 1/2;
    grid-row: 3/4;
  }

}
/* Definitionen der Event-Übersichtsseite */
.boxcontainer.event-search-box {
  margin: 0;
}

.event-search-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-gap: 30px;
}

.event-search-grid .event-search-clear-btn{
  grid-column: 3/4;
  grid-row: 2/3;
  background: white;
  color: var(--color-font);
  border: 1px solid black; 
}

.event-search-grid .event-search-btn{
  grid-column: 4/5;
  grid-row: 2/3;
  background: black;
}

.event-search-grid .btn-red {
  grid-column: 4/5;
  grid-row: 3/4;
}

@media screen and (max-width: 1200px){
  .event-search-grid{
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
  }
  .event-search-grid .event-search-clear-btn{
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .event-search-grid .event-search-btn{
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .event-search-grid .btn-red {
    grid-column: 2/4;
  }
}

@media screen and (max-width: 767px) {
  .event-search-grid{
    grid-template-columns: 1fr;
    grid-template-rows: repeat(7, auto);
    grid-gap: 20px;
  }
  .event-search-grid .event-search-clear-btn{
    grid-column: 1/2;
    grid-row: 5/6;
  }
  .event-search-grid .event-search-btn{
    grid-column: 1/2;
    grid-row: 6/7;
  }
  .event-search-grid .btn-red {
    grid-column: 1/2;
    grid-row: 7/8;
  }
  .fcms_artdetail .contentbereich.event-content {
    padding: 10px 20px 20px 20px;
  }
}

.event-search-grid .facetsuche{
  position: relative;
}

.event-search-grid .event-search-item .facetsuche .searchButtonHeader {
  bottom: 4px;
}

.event-search-grid .event-search-item .facetsuche input.search-item{
  height: 40px;
  padding: 10px 10px 10px 45px;
}

.event-search-grid .facetsuche .open-calendar {
  right: 3px;
  top: 8px;
}
.event-search-grid input, 
.event-search-grid select {
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.event-search-grid .event-search-location input{
  height: 40px;
}

.event-teaser .new-event-box {
  grid-column: 5/7;
  grid-row: 1/2;
  background: var(--color-primary);
  padding: 10px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


@media screen and (max-width: 1200px){
  .event-teaser .new-event-box {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}

.event-teaser .new-event-box .icon-ico-1-30{
  color: white;
}

.event-teaser .new-event-box .event-headline {
  margin: 0 0 10px 0;
  color: white;
  cursor: pointer;
  border: none;
  background: transparent;
}

.event-teaser .new-event-box .icon-ico-1-30 {
  display: block;
  margin: 40px 0;
}

@media screen and (max-width: 767px) {
  .event-teaser {
    margin: 34px 0;
  }
  .event-teaser .new-event-box {
    grid-column: 1/2;
    grid-row: 1/2;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .event-teaser .new-event-box .icon-ico-1-30.fs120{
    font-size: 50px;
  }
  .event-teaser .new-event-box .event-headline {
    margin: 0 0 0 10px;
    font-size: 16px;
    line-height: 22px;
  }
}

.event-teaser .event-no-result {
  grid-column: 1/5;
  grid-row: 1/2;
}

@media screen and (max-width: 1200px){
  .event-teaser .event-no-result {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  .event-teaser .event-no-result {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.overview-pager .pagination{
  margin: 27px auto 4px auto;
}
.overview-pager .pagination a{
  display: inline-block;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  color: var(--color-font-grey);
  border: 1px solid var(--color-background-dark);
  text-align: center;  
  margin: 0 5px;
  font-family: var(--font-secondary);
  font-size: 16px;
  line-height: 38px;
}

.overview-pager .pagination a.to-prev .pager-icon-zurueck,
.overview-pager .pagination a.to-next .pager-icon-vor{
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
  color: black;
  font-size: 20px;
  width: 38px;
  height: 38px;
}
.overview-pager .pagination a.to-prev .pager-icon-zurueck:before{
  content: "\e9a9";
}
.overview-pager .pagination a.to-next .pager-icon-vor:before{
  content: "\e9a2";
}

.overview-pager .pagination a.to-prev,
.overview-pager .pagination a.to-next {
  border: none;
  position: relative;
}
.overview-pager .pagination a.to-prev .pager-icon-zurueck{
  position: absolute;
  top: 13px;
  right: 0px;
}
.overview-pager .pagination a.to-next .pager-icon-vor{
  position: absolute;
  top: 13px;
  right: -1px;
}
.overview-pager .pagination a.pager-currpage{
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

/* Definitionen der Event-Detailseite */

.event-detail-grid {
  display: grid;
  grid-template-columns: 347px 347px 332px;
  grid-template-rows: repeat(7,auto);
  grid-gap: 30px;
}

.event-detail-grid .event-detail-image {
  grid-column: 1/3;
  grid-row: 1/2;
}
.event-detail-grid .event-detail-header {
  grid-column: 3/4;
  grid-row: 1/2;
}
.event-detail-grid .event-detail-description {
  grid-column: 1/3;
  grid-row: 3/4;
}
.event-detail-grid .event-detail-facts {
  grid-column: 3/4;
  grid-row: 3/5;
}
.event-detail-grid .event-social-media{
  grid-column: 1/3;
  grid-row: 4/5;
  align-self: end;
}
.event-detail-grid .event-detail-map {
  grid-column: 1/4;
  grid-row: 6/7;
  -ms-grid-column-align: center;
  justify-self: center;
}
.event-detail-grid .event-detail-back {
  grid-column: 1/4;
  grid-row: 7/8;
  justify-self: end;
}
.event-detail-grid .event-detail-spacer {
  grid-column: 1/4;
}

@media screen and (max-width: 1200px){
  .event-detail-grid {
    grid-template-columns: 210px 210px 198px;
  }
}

@media screen and (max-width: 767px) {
  .event-detail-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .event-detail-grid .event-detail-image {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .event-detail-grid .event-detail-header {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .event-detail-grid .event-detail-description {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .event-detail-grid .event-detail-facts {
    grid-column: 1/2;
    grid-row: 5/6;
  }
  .event-detail-grid .event-social-media{
    grid-column: 1/2;
    grid-row: 6/7;
    align-self: end;
  }
  .event-detail-grid .event-detail-map {
    grid-column: 1/2;
    grid-row: 8/9;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }
  .event-detail-grid .event-detail-back {
    grid-column: 1/2;
    grid-row: 9/10;
    justify-self: end;
  }
  .event-detail-grid .event-detail-spacer {
    grid-column: 1/2;
  }
}

.event-detail-grid p,
.event-teaser p {
  margin: 0;
}
.event-detail-grid img {
  display: block;
  max-width: 100%;
  height: auto;
}

.event-detail-grid .event-detail-header .event-date-location{
  font-family: var(--font-secondary);
  color: var(--color-font-grey-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.event-topline{
  font-family: var(--font-secondary);
  color: var(--color-font-grey-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.event-headline{
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 10px;
}

.event-detail-grid .event-media-icons div {
  margin-right: 10px;
}


.event-detail-grid .event-detail-description,
.event-detail-grid .event-running-text,
.event-detail-grid p {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.event-social-media .flex-container.social.media{
  margin: 29px 0 0 0;
}

@media screen and (max-width: 767px) {
  .event-social-media .flex-container.social.media{
    margin: 0;
  }
  .event-social-media .flex-container.social.media .fs40{
    font-size: 30px;
  }

}
.event-detail-grid .event-detail-header .event-running-text .promoter-headline,
.event-detail-grid .event-detail-header .event-running-text .location-headline,
.event-detail-grid .event-detail-facts .event-running-text .location-headline{
  font-weight: bold;
}

.event-detail-grid .event-detail-spacer hr {
  color: var(--color-lines);
  background-color: var(--color-lines);
  width: 69.5%;
  height: 1px;
  margin: 0 auto;
  border: none;
}

.event-detail-grid .event-detail-back .btn{
  width: 264px;
  font-size: 16px;
  line-height: 40px;
  background: black;
}
.event-detail-grid .event-detail-map .event-map {
  width: 700px;
  height: 350px;
}
@media screen and (max-width: 1200px){
  .event-detail-grid .event-detail-map .event-map {
    width: 420px;
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  .event-detail-grid .event-detail-map .event-map {
    width: 100%;
  }
}

/* Definitionen der Benutzerprofilverwaltung */
.contentbereich.user-data-content{
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 30px;
}

.boxheader.user-data-header h2{
  background: white;
}

.boxcontainer.user-data-container{
  margin: 0;
}

.user-data-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-gap: 30px;
  align-items: center;
}
.user-data-grid div:nth-child(1),
.user-data-grid div:nth-child(2),
.user-data-grid a:nth-child(3){
  align-self: start;
}

.user-data-grid .user-data-item {
  grid-column: 1/2;
  font-weight: bold;
}
.user-data-grid .user-data-item-long {
  grid-column: 1/3;
  font-weight: bold;
}
.user-data-grid .user-data-content {
  grid-column: 2/3;
}
.user-data-grid .user-data-button {
  grid-column: 3/4;
  background: #fff;
  color: var(--color-font);
  border: 1px solid #000;
  text-align: center;
  margin-right: 68px;
}
.user-data-grid .user-data-button:hover {
  background: #000;
}

@media screen and (max-width: 1200px){
  .user-data-grid .user-data-button {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .contentbereich.user-data-content{
    margin-bottom: 10px;
  }
  .user-data-grid {
    grid-template-columns: 1fr;
    align-items: center;
  }
  .user-data-grid .user-data-item-long {
    grid-column: 1/2;
  }
  .user-data-grid .user-data-content {
    grid-column: 1/2;
  }
  .user-data-grid .user-data-button {
    grid-column: 1/2;
  }
}

/* Kontaktformular, Gewinnspiele */
.fcms_artdetail_text .formular input{
  height: 40px;
}

.fcms_artdetail_text #competitionForm .bildcontainer > img {
  max-width: 100%;
}

.fcms_artdetail_text #competitionForm .artikel-text-thumb  {
  float: none;
}

.fcms_artdetail_text .formular input,
.fcms_artdetail_text #competitionForm input,
.fcms_artdetail_text .formular textarea{
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.fcms_artdetail_text .formular .buttonkontakt,
.fcms_artdetail_text #competitionForm input[type="button"],
.fcms_artdetail_text #competition-login-content input[type="submit"],
#modal-box .competition-select-answer input[type="button"]{
  border: none;
  display: inline-block;
  height: 40px;
  line-height: 36px;
  padding: 0 2rem;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  background: var(--color-background-dark);
  background: black;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  width: 264px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

#competition-login-content input[type="submit"]{
  float: right;
}

#competition-login-content input[data-fcms-domid="registerButton"]{
  float: none;
  margin-bottom: 20px;
}

#modal-box .competition-select-answer input[type="button"]{
  margin-top: 10px;
  box-shadow: 3px 3px 8px rgb(0 0 0 / 0.2);
}
.competition-select-answer {
  box-shadow: 3px 3px 8px rgb(0 0 0 / 0.2)!important;
}

#competition-login-container #competition-login-content {
  background-color: white !important;
}

#competition-login-container ul li {
  height: 56px;
  background-color: white !important;
}
#competition-login-container ul li.active {
  border-bottom: 1px solid white !important;
}
#competition-login-container ul li.inactive {
  background-color: var(--color-background)!important;
}
#competition-login-container .passwortvergessen {
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  #competition-login-container #competition-login-content {
    top: -21px !important;
  }
  #competition-login-container ul li {
    width: 100px !important;
    height: 75px;

  }
}

#competition-login-content td.fcmskundeneingabefelder-desc {
  width: 250px;
}

#competition-login-content input.fcmskundeneingabe-input,
#competition-login-content input.fcmskundeneingabe-onewayinput,
#competition-login-content input.fcmskundeneingabe-password,
#competition-login-content input.fcms-seq,
#competition-login-content select.fcmskundeneingabe-select{
  width: 366px;
}

#competition-login-content input.fcmskundeneingabe-dualinput-xlarge {
  width: 298px;
}

#competition-login-content input.fcmskundeneingabe-dualinput-xshort {
  width: 63px;
}
#competition-login-content input.fcmskundeneingabe-dualinput-short{
  width: 103px;
}
#competition-login-content input.fcmskundeneingabe-dualinput-large{
  width: 258px;
}


@media screen and (max-width: 767px) {
  #competition-login-content table, 
  #competition-login-content thead, 
  #competition-login-content tbody, 
  #competition-login-content th, 
  #competition-login-content td, 
  #competition-login-content tr { 
    display: block; 
  }
}

.boxheader.competition-header{
  width: 96%;
}

.boxheader.competition-header h2{
  background: white;
  font-size: 22px;
  font-weight: 400;
  margin: 0 auto;
}

/* Liveticker */

.fcms_artdetail .liveticker-detail-header {
  margin-bottom: 62px;
}

.liveticker-img img {
  display: block;
}

.fcms_artdetail .ticker-post {
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  padding: 0 140px 0 60px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.fcms_artdetail .ticker-post p{
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 0;
}

.fcms_artdetail .ticker-post h3 {
  font-family: var(--font-secondary);
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .fcms_artdetail .ticker-post,
  .fcms_artdetail .ticker-post p{
    font-size: 16px;
    line-height: 25px;
  }
  .fcms_artdetail .ticker-post h3 {
    font-size: 22px;
    line-height: 30px;
  }
}

.fcms_artdetail .ticker-post .post-date-time {
  text-align: center;
  padding-right: 50px;
}

.fcms_artdetail .ticker-post .post-content {
  flex-basis: 100%;
  max-width: 100%;
}

.fcms_artdetail .ticker-posts .liveticker-horizontal-rule {
  margin: 25px 0;
  padding: 0 0 0 176px;
}
.fcms_artdetail .ticker-posts .liveticker-horizontal-rule hr {
  color: var(--color-lines);
  background-color: var(--color-lines);
  padding-left: 50px;
  height: 1px;
  margin: 0 auto;
  border: none;
}

.overview-pager.liverticker-pager {
  margin-bottom: 55px;
}

.ticker-post .flex-container.liveticker-content {
  align-items: flex-start;
}

.ticker-post .liveticker-media-text {
  margin-left: 30px;
}

.ticker-post iframe {
  border: none;
}

.ticker-post .iframe-size-iframe {
  width: 100%;
  height: 480px;
}

.ticker-post .iframe-size-youtube {
  width: 100%;
  height: 398px;
}

.ticker-post .iframe-size-facebook {
  width: 100%;
  height: 448px;
}


.ticker-post .fcms_artdetail figure .symbol {
  top: 0px;
  right: 0px;
}

.ticker-post .fcms_artdetail img{
  display: block;
}

@media screen and (max-width: 1200px){
  .ticker-posts .liveticker-content {
    flex-direction: column;
  }

  .fcms_artdetail .ticker-post {
    padding: 0;
  }

  .fcms_artdetail .ticker-post .post-date-time {
    padding-right: 30px;
  }

  .fcms_artdetail .ticker-posts .liveticker-horizontal-rule {
    padding: 0 0 0 96px;
  }

  .ticker-post .liveticker-media-text {
    margin-left: 0px;
  }
  .ticker-post .iframe-size-youtube {
    width: 100%;
    height: 292px;
  }
}

@media screen and (max-width: 767px) {
  .fcms_artdetail .ticker-post {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
  }
  .fcms_artdetail .ticker-post .post-date-time {
    padding-right: 20px;
  }

  .fcms_artdetail .ticker-posts .liveticker-horizontal-rule {
    padding: 0 0 0 76px;
  }

  .ticker-post .iframe-size-youtube {
    width: 265px;
    height: 149px;
  }

  .ticker-post .iframe-size-facebook {
    height: 468px;
  }

  .ticker-post .liveticker-embed-content {
    max-width: 56%;
  }
}

/* Werbung Wetter */ 
.defaultteaser.adcontainer.adcontainer--flex {
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-evenly;
}

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

  .defaultteaser.adcontainer.adcontainer--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }

  .defaultteaser.adcontainer.adcontainer--flex > * {
    margin-bottom: 30px;
  }
}


/* Formular vergessenes Passwort */
.kombilogin .epayGrid input.forgotten-password {
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--font-color);
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-column-span: 2;
  grid-column-end: 6;
  margin-top: -59px;
  padding: 0;
}

.kombilogin .epayGrid .epayGrid__row4.kombilogin__buttonWrapper {
  -ms-grid-column: 8;
      grid-column-start: 8;
  -ms-grid-column-span: 2;
  grid-column-end: 10;
}

@media screen and (max-width: 1200px){
  .kombilogin .epayGrid input.forgotten-password {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: 3;
    grid-column-end: 5;
  }
  .kombilogin .epayGrid .epayGrid__row4.kombilogin__buttonWrapper {
    -ms-grid-column: 9;
        grid-column-start: 9;
    -ms-grid-column-span: 3;
    grid-column-end: 12;
  }
}
@media screen and (max-width: 767px) {
  .kombilogin .epayGrid input.forgotten-password {
    font-size: 16px;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: auto;
    margin-top: 0px;
  }
  .kombilogin .epayGrid .epayGrid__row4.kombilogin__buttonWrapper {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 12;
    grid-column-end: 13;
  }
}

/* Formular Freischalt-Code eingeben / Passwort vergessen */
.formular_reg .btn.activation-code {
  line-height: normal;
}

input.btn.lost-pass {
  line-height: normal;
  margin-top: 30px;
}

.contentbereich.kombilogin.epaper-logout a {
  color: var(--color-primary);
  text-decoration: underline;
}

/* Registrierung erfolgreich */
.sign-up-successful {
  text-align: center;
}

.sign-up-successful h3 {
  font-family: var(--font-secondary);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
}

.sign-up-successful p.sign-up-successful-spam {
  font-size: 16px;
}

.sign-up-successful .sign-up-successful-mail {
  color: var(--color-primary);
}

.sign-up-successful .btn {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .sign-up-successful h3 {
    font-size: 26px;
    line-height: 35px;
  }
  .sign-up-successful p.sign-up-successful-spam {
    font-size: 14px;  
  }
}

/* Kleinanzeigen-Suche */
.content-startpage.lw {
  max-width: 1146px;
  margin: 0 auto;
  padding-top: 20px;
}


.boxcontainer.small-ad-search-box {
  margin: 0;
}

.small-ad-search-grid-container {
  display: grid;
  grid-template-columns: 2fr 1fr 300px;
  grid-template-rows: repeat(5, auto);;
  grid-gap: 30px;
}

.small-ad-search-grid-container .faceted-search-item {
  grid-column: 1/2;
  grid-row: 1/2;
}
.small-ad-search-grid-container .small-ad-search-clear-btn{
  grid-column: 2/3;
  grid-row: 1/2;
}
.small-ad-search-grid-container .faceted-search-btn{
  grid-column: 2/3;
  grid-row: 2/3;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}
.small-ad-search-grid-container .small-ad-search-help-btn{
  grid-column: 2/3;
  grid-row: 4/5;
  font-size: 16px;
}

.btn.btn-red {
  background: var(--color-primary);
  font-size: 16px;
  line-height: 38px;
  padding: 0 20px;
}

.small-ad-search-grid-container .btn-red {
  grid-column: 2/3;
  grid-row: 3/4;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

.small-ad-search-grid-container .category-facet {
  grid-column: 1/2;
  grid-row: 2/6;
}
.small-ad-search-grid-container .ad-searchfield {
  grid-column: 3/4;
  grid-row: 1/6;
}

.small-ad-search-grid-container .facetsuche .open-calendar {
  top: 8px;
}
.small-ad-search-grid-container .small-ad-search-clear-btn .btn,
.small-ad-search-grid-container .btn.small-ad-search-help-btn {
  background: white;
  color: var(--color-font);
  border: 1px solid black; 
  width: 100%;
}

.fcms_artdetail .contentbereich .small-ad-search-grid-container .category-facet ul.flex-container{
  margin: 0;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-height: 260px;
}

.small-ad-search-grid-container .category-facet .toggleCategoriesContainer {
  display: none;
  position: relative;
}

.toggleCategoriesContainer .toggleCategoriesButton {
  background: var(--color-background);
  height: 40px;
  padding: 10px;
}

.toggleCategoriesContainer .toggleCategoriesButton .icon-ico-Vor-40 {
  position: relative;
  transform: rotate(-90deg);
}

.toggleCategoriesContainer .toggleCategoriesButton.active .icon-ico-Vor-40 {
  transform: rotate(90deg);
}

.small-ad-search-grid-container fieldset {
  padding: 0;
  border: 0;
  margin: 0;
}

.small-ad-search-grid-container .facetsuche{
  position: relative;
}

.small-ad-search-grid-container label,
.small-ad-search-grid-container input,
.small-ad-search-grid-container select,
.facettierteSuche__tabItem span {
  font-size: 16px;
  font-weight:400;
  line-height: 25px;
}

.small-ad-teaser .small-ad-no-result {
  grid-column: 1/5;
  grid-row: 1/2;
}

.small-ad-teaser .defaultteaser.ad-box-rectangle {
  grid-column: 5/7;
  grid-row: 1/2;
}

.small-ad-headline {
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 10px;
}

.small-ad-teaser p {
  margin: 0;
}

.small-ad-topline{
  font-family: var(--font-secondary);
  color: var(--color-font-grey-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.small-ad-content-text{
  min-width: 100%;
  word-wrap: break-word;
  max-width: 0;
}

.btn  {
  border: none;
  border-radius: 0;
  display: inline-block;
  height: 40px;
  line-height: 36px;
  padding: 0 2rem;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  background: black;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
} /* nötig für Anzeige in iframe liewo.li */


@media screen and (max-width: 1200px) {
  .small-ad-search-grid-container {
    grid-template-columns: minmax(300px, 3fr) 2fr;
    grid-template-rows: repeat(8, auto);;
  }

  .small-ad-search-grid-container .faceted-search-item {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .small-ad-search-grid-container .small-ad-search-clear-btn{
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .small-ad-search-grid-container .faceted-search-btn{
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .small-ad-search-grid-container .small-ad-search-help-btn{
    grid-column: 1/2;
    grid-row: 5/6;
  }
  .small-ad-search-grid-container .btn-red {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .small-ad-search-grid-container .ad-searchfield {
    grid-column: 1/2;
    grid-row: 6/9;
  }
  .small-ad-search-grid-container .category-facet {
    grid-column: 2/3;
    grid-row: 1/9;
  }
  .small-ad-teaser .small-ad-no-result {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .small-ad-teaser .defaultteaser.ad-box-rectangle {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .fcms_artdetail .contentbereich .small-ad-search-grid-container .category-facet ul.flex-container.start{
    max-height: initial;
  }
}

@media screen and (max-width: 767px) {
  .small-ad-search-grid-container {
    grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
    grid-template-rows: repeat(6, auto);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .small-ad-search-grid-container .faceted-search-item {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .small-ad-search-grid-container .category-facet {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .small-ad-search-grid-container .small-ad-search-clear-btn{
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .small-ad-search-grid-container .faceted-search-btn{
    grid-column: 1/3;
    grid-row: 4/5;
  }
  .small-ad-search-grid-container .btn-red {
    grid-column: 1/3;
    grid-row: 5/6;
  }
  .small-ad-search-grid-container .small-ad-search-help-btn{
    grid-column: 1/3;
    grid-row: 6/7;
  }
  .small-ad-search-grid-container .ad-searchfield {
    display: none;
  }

  .small-ad-search-grid-container .category-facet .toggleCategoriesContainer {
    display: block;
  }  
  .small-ad-search-grid-container .CategoriesContainer {
    display: block;
  }
  .small-ad-search-grid-container .CategoriesContainer.toggleCategoriesClass {
    display: none;
  }
  .fcms_artdetail .contentbereich .small-ad-search-grid-container .category-facet ul.flex-container.start {
    border: 1px solid var(--color-lines);
    padding: 20px 10px;
  }

  .fcms_artdetail .contentbereich.small-ad-content {
    padding: 10px 20px 20px 20px;
  }
  .small-ad-teaser {
    margin: 34px 0;
  }
  .small-ad-teaser .small-ad-no-result {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .small-ad-teaser .defaultteaser.ad-box-rectangle {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
/* Sonderthemen */
.defaultbox.special-topics-box {
  grid-template-rows: max-content;
}

@media screen and (max-width: 1200px) {
  .defaultbox.special-topics-box {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .defaultbox.special-topics-box {
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(2,auto);
  }
  .defaultbox.special-topics-box .defaultteaser {
    grid-column: span 2;
  }
  .defaultbox.special-topics-box div.defaultteaser:last-of-type {
    grid-column: 2/4;
  }
}


/* ePaper-Aufmacher / -Glider */

.slick-slider.epaper-glider .slick-prev {
  top: 47%;
  left: -42px;
}

.slick-slider.epaper-glider .slick-next {
  top: 47%;
  right: -22px;
}

.slick-slider.epaper-glider .slick-prev:before,
.slick-slider.epaper-glider .slick-next:before {
  font-family: 'icomoon'!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 40px;
  color: #000;
}

.slick-slider.epaper-glider .slick-list {
  margin-left: -15px;
  margin-right: -15px;
}

.slick-slider.epaper-glider .slick-slide {
  margin-left: 15px;
  margin-right: 15px
}

.slick-slider.epaper-glider .item .inner {
  background: #fff;
  padding: 10px 12px 10px 10px;
  margin-bottom: 16px;
  max-width: 541px;
  box-shadow: 0 0 16px rgb(0 0 0 / .1);
}

.slick-slider.epaper-glider .item .flex-container {
  display: flex;
  justify-content: space-between;
  margin: 22px 0 14px 0;
}

.slick-slider.epaper-glider .item .smalltext {
  margin-right: 20px;
}

.slick-slider.epaper-glider .item .download-container .icon-ico-Download-30 {
  cursor: pointer;
}

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

  .slick-slider.epaper-glider .slick-prev {
    left: -25px;
    z-index: 999;
  }

  .slick-slider.epaper-glider .slick-next {
    right: -5px;
  }

}

@media screen and (max-width: 767px) {
  
  .slick-slider.epaper-glider .slick-prev,
  .slick-slider.epaper-glider .slick-prev.slick-disabled {
    background: #fff;
    width: 40px;
    height: 50px;
    left: 0;
  }
  
  .slick-slider.epaper-glider .slick-next,
  .slick-slider.epaper-glider .slick-next.slick-disabled {
    background: #fff;
    width: 40px;
    height: 50px;
    right: -10px;
  }
  
}

/* calendar.css */
/* calendar-grey.css */

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgb(0 0 0 / 0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgb(0 0 0 / 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgb(0 0 0 / 0.9);
  fill: rgb(0 0 0 / 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgb(0 0 0 / 0.9);
  fill: rgb(0 0 0 / 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgb(57 57 57 / 0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgb(0 0 0 / 0.1);
}
.numInputWrapper span:active {
  background: rgb(0 0 0 / 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgb(57 57 57 / 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgb(57 57 57 / 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgb(0 0 0 / 0.5);
}
.numInputWrapper:hover {
  background: rgb(0 0 0 / 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgb(0 0 0 / 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgb(0 0 0 / 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgb(0 0 0 / 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgb(0 0 0 / 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgb(0 0 0 / 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgb(0 0 0 / 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgb(57 57 57 / 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgb(57 57 57 / 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgb(57 57 57 / 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

/* Custom CSS - Abweichungen von calendar-grey.css */


.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

.flatpickr-rContainer {
  padding: 0 !important;
}

/* webfonts.css */
/* Icomoon */

/* Beispielseite für Namen der Icons siehe /design2020/fonts/icomoon/demo/demo.html */

@font-face {
  font-family: 'icomoon';
  src: 
    url('/design2020/fonts/icomoon/fonts/icomoon.ttf?wav4qi') format('truetype'),
    url('/design2020/fonts/icomoon/fonts/icomoon.woff?wav4qi') format('woff'),
    url('/design2020/fonts/Icomoon/fonts/icomoon.svg?wav4qi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

 /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-thumb:before {
  content: "\e957";
}
.icon-ico-google-30 .path1:before {
  content: "\e951";
  color: rgb(66, 133, 244);
}
.icon-ico-google-30 .path2:before {
  content: "\e952";
  margin-left: -1em;
  color: rgb(52, 168, 83);
}
.icon-ico-google-30 .path3:before {
  content: "\e953";
  margin-left: -1em;
  color: rgb(251, 188, 5);
}
.icon-ico-google-30 .path4:before {
  content: "\e954";
  margin-left: -1em;
  color: rgb(234, 67, 53);
}
.icon-ico-facebook-30 .path1:before {
  content: "\e94c";
  color: rgb(0, 98, 224);
}
.icon-ico-facebook-30 .path2:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-Bilder-30:before {
  content: "\e944";
}
.icon-ico-foto:before {
  content: "\e9c7";
}
.icon-ico-video:before {
  content: "\e9c6";
}
.icon-ico-trash:before {
  content: "\e9c5";
}
.icon-ico-epaper-book:before {
  content: "\e9bf";
}
.icon-ico-epaper-update:before {
  content: "\e9c0";
}
.icon-ico-epaper-auto-download:before {
  content: "\e9c1";
}
.icon-ico-epaper-downloaded:before {
  content: "\e9c2";
}
.icon-ico-calendar:before {
  content: "\e9c3";
}
.icon-ico-epaper-download:before {
  content: "\e9c4";
}
.icon-ico-help:before {
  content: "\e9be";
}
.icon-ico-app-share:before {
  content: "\e9bd";
}
.icon-ico-SMS-BOX-1 .path1:before {
  content: "\e900";
  color: rgb(216, 236, 242);
}
.icon-ico-SMS-BOX-1 .path2:before {
  content: "\e901";
  margin-left: -2em;
  color: rgb(216, 236, 242);
}
.icon-ico-SMS-BOX-1 .path3:before {
  content: "\e902";
  margin-left: -2em;
  color: rgb(255, 255, 255);
}
.icon-ico-SMS-BOX-1 .path4:before {
  content: "\e903";
  margin-left: -2em;
  color: rgb(26, 66, 85);
}
.icon-ico-SMS-BOX-1 .path5:before {
  content: "\e904";
  margin-left: -2em;
  color: rgb(26, 66, 85);
}
.icon-ico-SMS-BOX-1 .path6:before {
  content: "\e905";
  margin-left: -2em;
  color: rgb(26, 66, 85);
}
.icon-ico-SMS-BOX-1 .path7:before {
  content: "\e906";
  margin-left: -2em;
  color: rgb(26, 66, 85);
}
.icon-ico-SMS-BOX-1 .path8:before {
  content: "\e907";
  margin-left: -2em;
  color: rgb(26, 66, 85);
}
.icon-ico-SMS-BOX-1 .path9:before {
  content: "\e908";
  margin-left: -2em;
  color: rgb(255, 255, 255);
}
.icon-ico-SMS-BOX-1 .path10:before {
  content: "\e909";
  margin-left: -2em;
  color: rgb(1, 166, 181);
}
.icon-ico-SMS-BOX-1 .path11:before {
  content: "\e90a";
  margin-left: -2em;
  color: rgb(1, 166, 181);
}
.icon-ico-SMS-BOX-1 .path12:before {
  content: "\e90b";
  margin-left: -2em;
  color: rgb(1, 166, 181);
}
.icon-ico-SMS-BOX-1 .path13:before {
  content: "\e90c";
  margin-left: -2em;
  color: rgb(26, 66, 85);
}
.icon-ico-SMS-BOX-1 .path14:before {
  content: "\e90d";
  margin-left: -2em;
  color: rgb(26, 66, 85);
}
.icon-ico-SMS-BOX-2 .path1:before {
  content: "\e90e";
  color: rgb(216, 236, 242);
}
.icon-ico-SMS-BOX-2 .path2:before {
  content: "\e90f";
  margin-left: -2em;
  color: rgb(255, 255, 255);
}
.icon-ico-SMS-BOX-2 .path3:before {
  content: "\e910";
  margin-left: -2em;
  color: rgb(1, 166, 181);
}
.icon-ico-SMS-BOX-2 .path4:before {
  content: "\e911";
  margin-left: -2em;
  color: rgb(1, 166, 181);
}
.icon-ico-SMS-BOX-2 .path5:before {
  content: "\e912";
  margin-left: -2em;
  color: rgb(1, 166, 181);
}
.icon-ico-SMS-BOX-2 .path6:before {
  content: "\e913";
  margin-left: -2em;
  color: rgb(26, 66, 85);
}
.icon-ico-SMS-BOX-2 .path7:before {
  content: "\e914";
  margin-left: -2em;
  color: rgb(226, 0, 26);
}
.icon-ico-SMS-BOX-2 .path8:before {
  content: "\e915";
  margin-left: -2em;
  color: rgb(255, 255, 255);
}
.icon-ico-SMS-BOX-optional .path1:before {
  content: "\e916";
  color: rgb(53, 109, 176);
}
.icon-ico-SMS-BOX-optional .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-SMS-BOX-optional .path3:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-SMS-BOX-optional .path4:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(53, 109, 176);
}
.icon-ico-SMS-BOX-optional .path5:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(53, 109, 176);
}
.icon-ico-SMS-BOX-optional .path6:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(53, 109, 176);
}
.icon-ico-SMS-BOX-optional .path7:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(230, 44, 15);
}
.icon-ico-SMS-BOX-optional .path8:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-Umfrage-BOX .path1:before {
  content: "\e91e";
  color: rgb(216, 236, 242);
}
.icon-ico-Umfrage-BOX .path2:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(216, 236, 242);
}
.icon-ico-Umfrage-BOX .path3:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-Umfrage-BOX .path4:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-Umfrage-BOX .path5:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-Umfrage-BOX .path6:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-Umfrage-BOX .path7:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-Umfrage-BOX .path8:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-Umfrage-BOX .path9:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-Umfrage-BOX .path10:before {
  content: "\e927";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-Umfrage-BOX .path11:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-Umfrage-BOX .path12:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-Umfrage-BOX .path13:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-Umfrage-BOX .path14:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-Umfrage-BOX .path15:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path16:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path17:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path18:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path19:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-Umfrage-BOX .path20:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path21:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path22:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path23:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path24:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-Umfrage-BOX .path25:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path26:before {
  content: "\e937";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path27:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path28:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(1, 166, 181);
}
.icon-ico-Umfrage-BOX .path29:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-Umfrage-BOX .path30:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-Umfrage-BOX .path31:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(26, 66, 85);
}
.icon-ico-1-30:before {
  content: "\e93d";
}
.icon-ico-Abo-Preisvorteile-50:before {
  content: "\e93e";
}
.icon-ico-Abos-Preisvorteile-120:before {
  content: "\e93f";
}
.icon-ico-Anker-50:before {
  content: "\e940";
}
.icon-ico-Antworten-30:before {
  content: "\e941";
}
.icon-ico-Audio-50:before {
  content: "\e942";
}
.icon-ico-Bild-kaufen-30:before {
  content: "\e943";
}
.icon-ico-Checkbox-hi-20:before {
  content: "\e945";
}
.icon-ico-Checkbox-lo-20:before {
  content: "\e946";
}
.icon-ico-Download-30:before {
  content: "\e947";
}
.icon-ico-Dropdown-oeffnen-30:before {
  content: "\e948";
}
.icon-ico-Dropdown-schliessen-30:before {
  content: "\e949";
}
.icon-ico-Drucken-30:before {
  content: "\e94a";
}
.icon-ico-Einstellungen-30:before {
  content: "\e94b";
}
.icon-ico-facebook-50:before {
  content: "\e94e";
}
.icon-ico-Geschenkeabos-50:before {
  content: "\e94f";
}
.icon-ico-Geschenkeabos-120:before {
  content: "\e950";
}
.icon-ico-Info-15:before {
  content: "\e987";
}
.icon-ico-Kalender-30:before {
  content: "\e988";
}
.icon-ico-Kleinanzeigen-120:before {
  content: "\e989";
}
.icon-ico-Kommentare-15:before {
  content: "\e98a";
}
.icon-ico-Mail-40:before {
  content: "\e98b";
}
.icon-ico-Mail-50:before {
  content: "\e98c";
}
.icon-ico-Melden-30:before {
  content: "\e98d";
}
.icon-ico-Menue-30:before {
  content: "\e98e";
}
.icon-ico-Pager-10:before {
  content: "\e98f";
}
.icon-ico-Passwort-30:before {
  content: "\e990";
}
.icon-ico-Pause-30:before {
  content: "\e991";
}
.icon-ico-Play-30:before {
  content: "\e992";
}
.icon-ico-Radiobtn-hi-20:before {
  content: "\e993";
}
.icon-ico-Radiobtn-lo-20:before {
  content: "\e994";
}
.icon-ico-Regler-30:before {
  content: "\e995";
}
.icon-ico-reload-15:before {
  content: "\e996";
}
.icon-ico-Schliessen-30:before {
  content: "\e997";
}
.icon-ico-Seitensicht-alle-30:before {
  content: "\e998";
}
.icon-ico-Seitensicht-Blaettern-30:before {
  content: "\e999";
}
.icon-ico-Studentenangebote-50:before {
  content: "\e99a";
}
.icon-ico-Studentenangebote-120:before {
  content: "\e99b";
}
.icon-ico-Suche-30:before {
  content: "\e99c";
}
.icon-ico-Telefon-40:before {
  content: "\e99d";
}
.icon-ico-Trauerportal-120:before {
  content: "\e99e";
}
.icon-ico-Videos-30:before {
  content: "\e9a0";
}
.icon-ico-Vor-30:before {
  content: "\e9a1";
}
.icon-ico-Vor-40:before {
  content: "\e9a2";
}
.icon-ico-Vorteile-hi-50 .path1:before {
  content: "\e9a3";
  color: rgb(245, 245, 245);
}
.icon-ico-Vorteile-hi-50 .path2:before {
  content: "\e9aa";
  margin-left: -1em;
  color: rgb(153, 153, 153);
}
.icon-ico-Vorteile-lo-50 .path1:before {
  content: "\e9a4";
  color: rgb(245, 245, 245);
  opacity: 0.2;
}
.icon-ico-Vorteile-lo-50 .path2:before {
  content: "\e9ab";
  margin-left: -1em;
  color: rgb(153, 153, 153);
  opacity: 0.3;
}
.icon-ico-Weiter-30:before {
  content: "\e9a5";
}
.icon-ico-whatsapp-50:before {
  content: "\e9a6";
}
.icon-ico-Zitat-60:before {
  content: "\e9a7";
}
.icon-ico-Zurueck-30:before {
  content: "\e9a8";
}
.icon-ico-Zurueck-40:before {
  content: "\e9a9";
}
.icon-ico-Vorteile-lo-40 .path1:before {
  content: "\e9ac";
  color: rgb(245, 245, 245);
  opacity: 0.2;
}
.icon-ico-Vorteile-lo-40 .path2:before {
  content: "\e9b8";
  margin-left: -1em;
  color: rgb(153, 153, 153);
  opacity: 0.3;
}
.icon-ico-Vorteile-hi-40 .path1:before {
  content: "\e9ad";
  color: rgb(245, 245, 245);
}
.icon-ico-Vorteile-hi-40 .path2:before {
  content: "\e9b9";
  margin-left: -1em;
  color: rgb(153, 153, 153);
}
.icon-ico-Abo-Preisvorteile-40:before {
  content: "\e9ae";
}
.icon-ico-Geschenkeabos-40:before {
  content: "\e9af";
}
.icon-ico-Anker-40:before {
  content: "\e9b0";
}
.icon-ico-Drucken-40:before {
  content: "\e9b1";
}
.icon-ico-Audio-40:before {
  content: "\e9b2";
}
.icon-ico-facebook-40:before {
  content: "\e9b3";
}
.icon-ico-whatsapp-40:before {
  content: "\e9b4";
}
.icon-ico-Studentenangebote-40:before {
  content: "\e9b5";
}
.icon-ico-twitter-40:before {
  content: "\e9b6";
}
.icon-ico-twitter-x .path1:before {
  content: "\e955";
/*   color: rgb(29, 29, 27); */
  color: inherit;
}
.icon-ico-twitter-x .path2:before {
  content: "\e956";
  margin-left: -1.0615234375em;
  color: rgb(255, 255, 255);
}
.icon-ico-Suche-20:before {
  content: "\e9b7";
}
.icon-ico-Mail-Envelope-40:before {
  content: "\e9ba";
}
.icon-ico-Mail-Envelope-30:before {
  content: "\e9bb";
}
.icon-ico-Vergroessern:before {
  content: "\e9bc";
}


/* Anpassungen Facebook-Icon (gradient) */
.icon-ico-facebook-30 .path1:before {
  display: none;
}
.icon-ico-facebook-30 .path2:before {
  border-radius: 50%;
  background-image: linear-gradient(to bottom, rgb(25,175,255), rgb(0,98,224));
  margin-left: 0;
}


/* Gewünschte Schriftgröße der Icons mit folgenden Zusatzklassen definieren */

.fs10 {
  font-size: 10px;
}
.fs15 {
  font-size: 15px;
}

.fs20 {
  font-size: 20px;
}
.fs30 {
  font-size: 30px;
}
.fs40 {
  font-size: 40px;
}
.fs50 {
  font-size: 50px;
}
.fs60 {
  font-size: 60px;
}
.fs120 {
  font-size: 120px;
}

/* Bodoni */


@font-face {
  font-family: "BodoniBE-Regular";
  src: local("BodoniBE-Regular"), url("/design2020/fonts/bodoni/BodoniBE-Regular.woff2") format("woff2");
  font-weight: 200;
font-display: swap;
}


/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Noto Serif'), local('NotoSerif'),
       url('/design2020/fonts/noto/noto-serif-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/design2020/fonts/noto/noto-serif-v8-latin-regular.woff') format('woff') /* Modern Browsers */
}

/* noto-serif-italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'),      
       url('/design2020/fonts/noto/noto-serif-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/design2020/fonts/noto/noto-serif-v8-latin-italic.woff') format('woff') /* Modern Browsers */      
}

/* noto-serif-700 - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'),
       url('/design2020/fonts/noto/noto-serif-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/design2020/fonts/noto/noto-serif-v8-latin-700.woff') format('woff') /* Modern Browsers */
}

/* noto-serif-700italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'),
       url('/design2020/fonts/noto/noto-serif-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/design2020/fonts/noto/noto-serif-v8-latin-700italic.woff') format('woff') /* Modern Browsers */
}

/* basics.css */
/* Fonts */
:root {
  --font-primary:'Arial';
  --font-secondary: 'Noto Serif';
}
/* Farben */
:root {
  --color-primary: #D80015; /* rot bzw. Verlagsfarbe */
  --color-background: #f5f5f5; /* Hintergrund Portal */
  --color-background-community: #e9eef4; /* Hintergrund Community */
  --color-background-dark: #999999; /* Boxen mit dunklem Hintergrund */
  --color-font: #000000; /* Schriftfarbe */
  --color-font-grey: #666666; /* Zeitangaben u. Links im Fuss */
  --color-font-grey-dark: #535353; /* Boxenüberschriften */
  --color-background-light-blue: #A7CEFB;
  --color-lines: #CCCCCC;
  --color-background-light-red: #FBEAEE;
  --color-liewo-blue: #145A9A;
  --color-liewo-orange: #EF7E04;
  --color-wirregio-blue: #1459A5;
  --form-success: #DFFCD8;
  --form-error: rgb(243, 232, 232);
}

* {
  -webkit-tap-highlight-color: rgb(0 0 0 / 0);
  -webkit-tap-highlight-color: transparent; /* for some androids */
}

html {
  height: 100%;
  font-size: 16px;
}
body {
  height: 100%;
  background: var(--color-background);
  color: var(--color-font);
  font-family: var(--font-primary), Helvetica, sans-serif !important;
  line-height: 25px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
  font-weight: 400;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
}

body.community {
  background: var(--color-background-community);
}

figure {margin: 0;}

img {
  width: auto;
  height: auto;
  max-width: 100%;
}

a {
  text-decoration: none; 
  color: inherit;
}

a.link {
  text-decoration: underline;
  color: var(--color-primary);
  text-underline-offset: 0.125em;
}

ul, ol {list-style: none;}

/* Hilfsklassen universell einsetzbar */

@media screen and (max-width: 767px) {
  .hide-mobile {display: none;}
}

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

.shadow {
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1);
}

.shadow-bottom {
  box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 0.1);

}

.shadow-top {
  box-shadow: 0 -5px  5px -5px rgb(0 0 0 / 0.1);
}


.smalltext {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: var(--color-font-grey);
}

.colored {color: var(--color-primary); }

.pointer {cursor: pointer;}

.collapsible-header {
  margin: 0.5rem 0 1rem 0;
  cursor: pointer;
}

/* Flexboxen */
/* Flexbox Reihe, Elemente ordnen sich automatisch gleichmäßig mittig an */
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-container.inline {display: inline-flex;}
.flex-container.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.flex-container.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-container.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex-container.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flex-container > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}


/* Buttons */
.btn  {
  border: none;
  border-radius: 0;
  display: inline-block;
  height: 2.5em;
  line-height: 1.5em;
  padding: 0.5em 2em;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  background: black;
  font-size: 1rem;
  color: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
  cursor: pointer;
}

.btn.btn-sm {
  font-size: 0.8rem;
}

.btn a,
a.btn {
  text-decoration: none;
  text-align: center;
}

.btn.btn-inverted {
  color: #000;
  background-color: #fff;
}

.btn.btn-block {
  width: 100%;
  margin-bottom: 1em;
}

/* Input & Co */

input[type="text"],
input[type="search"], 
input[type="password"],  
input[type="date"],
input[type="email"],
textarea,
.epayPaywall .fieldContent {
  padding: 10px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  box-sizing: border-box;
  background: var(--color-background);
  border: 0;
  -webkit-appearance: none;
}


/* Checkboxen */

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  top: 9px;
  opacity: 0;
  z-index: -1;
  cursor: none;
}


[type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  /* height: 25px; */
  line-height: 25px;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

[type="checkbox"] + label:before,
[type="checkbox"] + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  transition: .2s;
}

/* [type="checkbox"] + label:after {
border: 0;
-webkit-transform: scale(0);
transform: scale(0);
} */

[type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgb(0 0 0 / 0.26);
}

[type="checkbox"].tabbed:focus + label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgb(0 0 0 / 0.1);
  background-color: rgb(0 0 0 / 0.1);
}

[type="checkbox"]:checked + label:before {
  top: 0;
  left: 0;
  width: 4px;
  height: 14px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgb(0 0 0 / 0.26);
  border-bottom: 2px solid rgb(0 0 0 / 0.26);
}




/* Select */

select {
  background-color: var(--color-background);
  width: 100%;
  padding: 5px;
  border: 0;
  height: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  cursor: pointer;
}

select:focus {
  outline: none;
}


/* Radio Buttons
========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  transition: .28s ease;
  /* webkit (konqueror) browsers */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[type="radio"] + label:before,
[type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  transition: .28s ease;
}

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border-radius: 50%;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
  border: 2px solid #5a5a5a;
}

[type="radio"]:not(:checked) + label:after {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Checked styles */
[type="radio"]:checked + label:before {
  border: 2px solid transparent;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 2px solid var(--color-primary);
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: var(--color-primary);
}

[type="radio"]:checked + label:after {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

/* Radio With gap */
[type="radio"].with-gap:checked + label:after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

/* Focused styles */
[type="radio"].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgb(0 0 0 / 0.1);
}

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgb(0 0 0 / 0.26);
}

[type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgb(0 0 0 / 0.26);
}

/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgb(0 0 0 / 0.26);
}

[type="radio"]:disabled + label {
  color: rgb(0 0 0 / 0.26);
}

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgb(0 0 0 / 0.26);
}

[type="radio"]:disabled:checked + label:after {
  background-color: rgb(0 0 0 / 0.26);
  border-color: #BDBDBD;
}


/* Progressbar */

.progress {
  position: relative;
  height: 30px;
  display: block;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 2px;
  margin: 0.5rem 0 .5rem 0;
  overflow: hidden;
}

.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #f1c4c9;
  transition: width .3s linear;
}

.progress .indeterminate {
  background-color: #f1c4c9;
}

.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

/* blog_events_usernavi.css */
#outerpage.userblog,
#outerpage.userblog .boxcontainer>.boxheader>h2 {
  background: var(--color-background-community);
}

.content-meinungen .defaultteaser .topline {
  color: var(--color-font-grey);
}

.content-meinungen .defaultteaser .headline {
  font-style: italic;
}

.content-meinungen .meinungen__beitragSchreiben {
  background: var(--color-background-light-blue);
  height: 250px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.content-meinungen .meinungen__beitragSchreiben h2 {
  font-family: var(--font-secondary);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  margin: 0 0 50px 0;
  text-align: center;
}

.content-meinungen .meinungen__beitragSchreiben div {
  text-align: center;
}

.content-meinungen .meinungen__beitragSchreiben .btn {
  background: var(--color-font);
  width: auto;
  font-size: 16px;
  text-align: center;
  min-width: 35%;
}

/* Blog schreiben */

.contentbereich.blog {
  margin: 0 0 30px 0;
}

.contentbereich.blog > * {
  margin-bottom: 20px;
}

.contentbereich.blog .blog__bbCode > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: 
    justify;
  -ms-flex-pack: 
    justify;
  justify-content: 
    space-between;
}

.contentbereich.blog .btn {
  background: var(--color-font);
  font-size: 16px;
  color: #fff;
}

.contentbereich.blog  .error .fcms_regerr strong,
.contentbereich.blog  .error .fcms_regerr li
{
  font-weight: 400 !important;
  color: var(--color-primary);
  list-style: none;
}

.contentbereich.blog input,
.contentbereich.blog textarea {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  font-family: var(--font-primary);
}

.contentbereich.blog .blog__bbCode td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contentbereich.blog .blog__bbCode input[type="button"] {
  -webkit-appearance: none;
  background: #fff;
  display: inline-block;
  height: 40px;
  line-height: 36px;
  padding: 0;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid var(--color-font);
  margin: 0 0 10px 0;
  width: 23%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
}

.contentbereich.blog .blog__bbCode select {
  min-width: 110px;
  width: auto;
  margin: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 32%;
  flex: 0 1 32%;
}

.contentbereich.blog [type="radio"]:not(:checked), 
.contentbereich.blog [type="radio"]:checked {
  position: relative;
  opacity: 1;
  left: 0;
}

.contentbereich.blog [type="radio"]:after {
  display: block;
  cursor: pointer;
  content: '';
  width: 500px;
  height: 30px;
  margin-top: -10px;
  max-width: 80vw;
}

.contentbereich.blog .blog__bbCode td span {
  display: none;
}


.contentbereich.blog .blog__list,
.contentbereich.meineEventSuchTermine .meineEventSuchTermine__liste {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.meineEventSuche__flexOrder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.meineEventSuche__flexOrder .meineEventSuche {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 40px;
}

.contentbereich.blog .blog__list > li,
.contentbereich.meineEventSuchTermine .meineEventSuchTermine__liste > li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  width: auto;
  min-width: 1px;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  list-style: none;
}

.contentbereich.blog .blog__list > li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contentbereich.blog .blog__list > li img {
  max-width: 100%;
}

.contentbereich.blog .blog__list.blog__list--Colum, 
.contentbereich.meineEventSuchTermine .meineEventSuchTermine__liste{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contentbereich.blog .blog__list.blog__list--Column [type="radio"] {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.contentbereich.blog .blog__list.blog__list--Column > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  text-align: left;
}

.contentbereich.blog .btn.blog__uploadBtn {
  padding: 0 6px;
  font-size: 16px;
}

.contentbereich.blog input[type="file"]:before {
  display: block;
  content: 'Datei auswählen';
  position: absolute;
  cursor: pointer;
  line-height: 40px;
  padding: 0 8px;
  color: #fff;
  background: var(--color-font);
  margin-top: -9px;
  height: 40px;
}

.contentbereich.blog .blog__list > li [type="checkbox"]+label {
  font-size: 13.333px;
  margin-right: 20px;
}


div#piceditor {
  height: auto !important;
  left: 5vw !important;
  width: 90vw !important;
  -webkit-box-shadow: 0 0 5px var(--color-background-dark);
  box-shadow: 0 0 5px var(--color-background-dark);
}

div#piceditor table,
div#piceditor tbody {
  display: block;
}

div#piceditor [id$='-piceditor'] {
  border: 1px solid var(--color-background-dark) !important;
  width: 100% !important;
  height: 100% !important;
}

div#piceditor [id$='-title']  {
  line-height: 36px !important;
  height: 40px !important;
  background: var(--color-background-dark) !important;
  border: 1px solid var(--color-background-dark) !important;
}

div#piceditor form[id^='piceditform-'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px;
}

div#piceditor form[id^='piceditform-'] tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: var(--font-primary);
}

div#piceditor form[id^='piceditform-'] tr td input[type='text'],
div#piceditor form[id^='piceditform-'] tr td textarea {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 18px;
  font-family: var(--font-primary);
}

.fotowettbewerb__itemTextfelder [readonly="readonly"] {
  cursor: inherit;
}

div#piceditor form[id^='piceditform-'] input[type='button'] {
  border: none;
  display: inline-block;
  height: 40px;
  line-height: 36px;
  padding: 0 2rem;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  background: var(--color-font);
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 18px;
}

.blogSteps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 14px;
  line-height: 1.5;
  list-style: none;
  padding: 0;
  background: var(--color-background);
  overflow: hidden;
  position: relative;
}

.blogSteps:before,
.blogSteps::after {
  display: block;
  content: '';
  height: 10px;
  background: #fff;
  width: 100%;
  position: absolute;
  top: 42px;
  z-index: 1000;
}

.blogSteps::after {
  top: 134px;
}

.blogSteps li {
  padding: 10px 0 10px 5px;
  height: 22px;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 12%;
  flex: 1 0 12%;
  color: var(--color-font);
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blogSteps li > span {
  position: relative;
  z-index: 100;
  display: inline-block;
  width: 15px;
  overflow: hidden;
  height: 22px;
  padding: 0px 0px 0 30px;
  margin-right: 0px;
}

.blogSteps li:first-of-type {
  z-index: 950;
}

.blogSteps li:nth-child(2) {
  z-index: 900;
}

.blogSteps li:nth-child(3) {
  z-index: 850;
}

.blogSteps li:nth-child(4) {
  z-index: 800;
}

.blogSteps li:first-of-type > span {
  padding-left: 4px;
}

.blogSteps li.active {
  background: var(--color-background-dark);
  color: #fff;
}

.blogSteps li.done {
  background: var(--color-font-grey);
  color: #fff;
  opacity: 0.5;
}

.blogSteps li:after {
  height: 42.5px;
  width: 48.5px;
  display: block;
  content: '';
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  border-right: 7px solid #fff;
  border-top: 7px solid #fff;
  position: absolute;
  z-index: 80;
  right: -23px;
  top: -4px;
  background: var(--color-background);
}

.blogSteps li.active:after {
  background: var(--color-background-dark);
}

.blogSteps li:last-of-type:after {
  display: none;
}

/* Blog Mappe */
.contentbereich.blog .blog__list .headline,
.contentbereich.meineEventSuchTermine .meineEventSuchTermine__item .headline {
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 10px;
  font-style: italic;
  text-align: left;
}

.contentbereich.blog .blog__list .description,
.contentbereich.meineEventSuchTermine .meineEventSuchTermine__item .description {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.contentbereich.meineEventSuchTermine .meineEventSuchTermine__item .description {
  text-align: left;
  margin-bottom: 10px;
}

.contentbereich.blog .blog__list .time {
  margin-top: auto;
  padding-top: 10px;
}

.contentbereich.meineEventSuchTermine .meineEventSuchTermine__item .time {
  padding-bottom: 10px;
}

.contentbereich.blog .blog__list .datetime,
.contentbereich.meineEventSuchTermine .meineEventSuchTermine__item .datetime {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: var(--color-font-grey);
}

.contentbereich.blog .blog__mappenItem, 
.contentbereich.meineEventSuchTermine .meineEventSuchTermine__item {
  margin-bottom: 25px;
}

.contentbereich.blog .blog__mappenItem label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Artikeldetailansicht */
.fcms_artdetail.userBlog > .contentbereich {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.fcms_artdetail.userBlog header.artikelheader {
  font-style: italic;
}

.fcms_artdetail.userBlog .autor-media {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  margin-bottom: 25px;
}

.fcms_artdetail.kat12196 .author.flex-container.start,
.fcms_artdetail.kat12196 .author.flex-container.start > a {
  flex-wrap: nowrap;
}

.fcms_artdetail.kat12196 .pic-circular {
  flex: 0 0 75px;
  width: 75px;
  overflow: hidden;
  box-sizing: border-box;
  border: 3px solid #000;
  border-radius: 50%;
  margin-right: 8px;
}

.fcms_artdetail.kat12196 .pic-circular.platzhalter {
  padding-top: 3px;
}

.fcms_artdetail.kat12196 .pic-circular img{
  width: 100%;
}

.fcms_artdetail.userBlog > .contentbereich.box {
  display: none;
}

.fcms_artdetail.userBlog >.ad-widebox {
  margin-top: 40px;
}

.fcms_artdetail.userBlog > .contentbereich .fcms_artdetail_text + .social {
  margin-top: 25px;    
}

/* ePaper-Verlinkung mit Hidden-Input */

button.noButton {
  -webkit-appearance: none;
  border: none;
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: right;
  cursor: pointer;  
}

button.noButton:focus,
button.noButton span:focus {
  outline: none;
}

/* ePaper-Archiv steuern */
.noDisplay {
  display: none;
}


/* Event */
.contentbereich.meinEvent {
  margin-bottom: 40px;
}

.contentbereich.meinEvent .boxcontainer {
  margin-top: 20px;
}

.meinEvent .boxcontainer>.boxheader>h2 {
  background: #fff;
  min-width: 150px;
}

.meinEvent *::-webkit-input-placeholder,
.meinEvent *::-moz-placeholder,
.meinEvent *:-ms-input-placeholder,
.meinEvent *::-ms-input-placeholder,
.meinEvent *::placeholder {
  color: var(--color-font);
  opacity: 1;
}

.meinEvent input[type="text"], 
.meinEvent input[type="search"], 
.meinEvent input[type="password"], 
.meinEvent textarea {
  font-size: 18px;
  font-family: var(--font-primary);
}

.meinEvent .mB30 {
  margin-bottom: 30px;
}

.meinEvent .mB20 {
  margin-bottom: 20px;
}

.meinEvent .meinEvent__inputWrap {
  margin-bottom: 30px;
  text-align: right;
}

.meinEvent .meinEvent__inputWrap span {
  text-align: right;
  color: var(--color-font-grey);
  font-size: 14px;
  line-height: 25px;
}

.meinEvent .categoryDisplay {
  position: relative;
  margin-bottom: 30px;
}

.meinEvent .categoryDisplay input {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.meinEvent .categoryDisplay span {
  position: absolute;
  right: 0;
  font-size: 30px;
  line-height: 30px;
  padding: 3px;
}

.meinEvent .boxcontainer.locationDisplay {
  margin-top: 55px;
}

.meinEvent .icon-ico-Info-15 {
  position: absolute;
}

.meinEvent .boxcontainer.locationDisplay input,
.meinEvent #globalesuche_maske > * {
  margin-bottom: 20px;
}

.meinEvent #globalesuche_maske {
  text-align: right;
}

input#sp_standort + #sp_standort_waiting + #sp_standort_choices {
  width: 100%;
  max-width: 80vw;
  text-align: left;
  background: rgb(255 255 255 / 0.75);
}


.meinEvent .boxcontainer.locationDisplay .suchBtn {
  display: block;
  padding: 10px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  box-sizing: border-box;
  background: var(--color-background);
  border: 0;
  -webkit-appearance: none;
  margin-bottom: 30px;
}

.meinEvent .boxcontainer.locationDisplay input:last-of-type  {
  margin-bottom: 30px;
}

.meinEvent .boxcontainer .locationSelect {
  padding: 0 30px;
}

.meinEvent .eventLocationSuche > * {
  margin: 10px 10px 0 0;
}

.meinEvent .eventLocationSucheToggle {
  text-align: right;
  margin-top: 20px;
}

.meinEvent .locationDisplay__wrapper {
  display: none;
}

.meinEvent .locationDisplay__wrapper.locationDisplay__wrapper--active {
  display: block;
}

.meinEvent .locationDisplay__maps {
  width: 100%;
  background: var(--color-background);
  height: calc(100vw * 0.4);
  text-align: center;
  margin-bottom: 30px;
}

.meinEvent .locationSelect,
.meinEvent #globalesuche_maske .btn {
  font-size: 16px;
}

.meinEvent .event_pager_div {
  padding: 0 40px;
  margin-bottom: 55px;
}

.meinEvent .locationSelect .pagination,
.meinEvent .event_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid var(--color-lines);
  border-bottom: 1px solid var( --color-lines);
  font-size: 18px;
}

.meinEvent .locationSelect .pagination > a,
.meinEvent .event_pager .pages {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid var(--color-lines);
}

.meinEvent .event_pager .pages a {
  display: block;
}

.meinEvent .locationSelect .pagination > a.pager-currpage,
.meinEvent .event_pager .pages.active {
  text-decoration: underline;
}

.meinEvent .locationSelect .pagination > a:last-of-type,
.meinEvent .event_pager .pages:last-of-type {
  border: none;
}

.contentbereich.meinEvent .eventCategory {
  padding: 0 30px 30px 30px;
}

.meinEvent .locationSelect .pagination > a:hover,
.meinEvent .locationSelect .pagination > a:focus,
.meinEvent .locationSelect .pagination > a:active,
.meinEvent .event_pager .pages:hover,
.meinEvent .event_pager .pages:focus,
.meinEvent .event_pager .pages:active {
  text-decoration: underline;
}

.meinEvent .locationSelect .pager-icon-vor,
.meinEvent .locationSelect .pager-icon-zurueck {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}   

.meinEvent .locationSelect .pager-icon-vor:before {
  content: "\e9a1";
}

.meinEvent .locationSelect .pager-icon-zurueck:before {
  content: "\e9a8";
}

.meinEvent .locationSelect .locationSelect__vorschlag {
  margin-top: 20px;
  text-align: center;
}

.meinEvent .locationSelect .locationSelect__vorschlag .btn {
  margin-top: 10px;
}

.meinEvent ul {
  padding: 0;  
}

.meinEvent .locationSelect li,
.meinEvent .termin {
  font-size: 18px;
  padding: 5px 40px;
  cursor: pointer;
}

.contentbereich.meinEvent .locationSelect .boxcontainer .boxheader {
  width: 85%;
}

.meinEvent .locationSelect li:hover,
.meinEvent .locationSelect li:focus, 
.meinEvent .locationSelect li:active {
  text-decoration: underline;
}

.meinEvent .eventTerminErfassung {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

.meinEvent .boxcontainer .terminEditor,
.meinEvent .boxcontainer .locationDisplay,
.meinEvent .boxcontainer.bildEditor,
.meinEvent .boxcontainer .eventLocationSuche.active  + .locationSelect,
.meinEvent .event_pager_div {
  margin-bottom: 55px;
}

.meinEvent #eveditor-form-addocc > *,
.meinEvent #eveditor-form-addoccseries .meinEvent__serienTerminStart > *,
.meinEvent #eveditor-form-addoccseries .meinEvent__serienTerminEnde > *,
.bildEditor > * 
.bildEditorDropzone  {
  margin-bottom: 20px;
}

.meinEvent #einzeltermin,
.meinEvent #serientermin,
.bildEditor {
  text-align: right; 
}

.meinEvent .eventTerminInputWrapper {
  position: relative;
}

.meinEvent .eventTerminInputWrapper span.icon-ico-Kalender-30 {
  position: absolute;
  padding: 10px;
  right: 0;
  cursor: pointer;
}

.meinEvent .eventTerminDayWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.meinEvent .eventTerminDayWrapper > span {
  margin: 0 0 10px 0;
  -webkit-box-flex: 1;
  -ms-flex: 0 1 47%;
  flex: 0 1 47%;
  text-align: left;
}

.meinEvent .bildEditorDropzone {
  background: var(--color-background); 
  text-align: center; 
  width: 100%;
  height: calc(100vw * 0.42);
  max-height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.meinEvent .bildEditorDropzone img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.meinEvent .bildhochladen.js-dndhighlight .bildEditorDropzone,
.meinEvent .bildhochladen.js-dragover .bildEditorDropzone {
  background: rgb(216 0 21 / 0.25); 
}

.meinEvent .bildEditorDropzone .icon-ico-Bilder-30 {
  font-size: 50px;
  margin-bottom: 20px;
}

.bildEditorDropzone img:not([src=""]) + .icon-ico-Bilder-30,
.bildEditorDropzone img:not([src=""]) + .icon-ico-Bilder-30 + .bildEditorText {
  display: none;
}

.meinEvent .terminliste  {
  margin-bottom: 55px; 
}

.meinEvent .terminEditor-infobox ul {
  margin-bottom: 20px;
}

.meinEvent .terminEditor-infobox {
  font-size: 18px;
  text-align: center;
}

.meinEvent .terminEditor-infobox .infobox_error {
  color: var(--color-primary);
}

.meinEvent .termin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}

.meinEvent .termin div span {
  margin-right: 20px;
}

.meinEvent .termin .endtime {
  margin-left: 20px;
}

.meinEvent .termin .date {
  margin-right: 30px;
}

.meinEvent .termin .remove {
  text-align: center;
  padding: 0 10px;
}

.meinEvent .terminDateWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contentbereich.meinEvent .btn,
.meinEvent .btn--black {
  background: var(--color-font);
}

.meinEvent__buttonWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: right;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.meinEvent__buttonWrapper .btn,
.meinEvent__buttonWrapper #deleteLink,
.meinEvent__buttonWrapper .remove {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.meinEvent .infobox_state {
  margin: 55px 0;
  font-size: 18px;
  line-height: 27px;
}

.meinEvent .infobox_error,
.meinEvent .infobox_error.boxcontainer > .boxheader > h2 {
  color: var(--color-primary);
}

.meinEvent .infobox_state li {
  margin-bottom: 10px;
}

.meineEventSuche input[type="text"],
.meineEventSuche input[type="submit"], 
.meineEventSuche textarea,
.meineEventSuche select {
  font-size: 18px;
  font-family: var(--font-primary);
  margin-bottom: 10px;
}

.contentbereich.meineEventSuche,
.contentbereich.meineEventSuchTermine {
  font-size: 18px;
}

div#PTXport0 { display: none;}

.meineEventSuche__kalender div#framecaldest > table td {
  border: 1px solid #fff;
  width: 14.25%;
}

.meineEventSuche__kalender div#framecaldest > table td.paselsa, 
.meineEventSuche__kalender div#framecaldest > table td.paselso, 
.meineEventSuche__kalender div#framecaldest > table td.pasel, 
.meineEventSuche__kalender div#framecaldest > table td.sel,
.meineEventSuche__kalender div#framecaldest > table td.selsa,
.meineEventSuche__kalender div#framecaldest > table td.selso {
  border: 1px solid var(--color-primary);
}

.contentbereich.meineEventSuchTermine {
  margin: 0 0 30px 0;
}

.meineEventSuche .meineEventSuche__buttonWrapper,
.meineEventSuchTermine .meineEventSuchTermine__buttonWrapper{
  margin-top: 20px;
  text-align: right;
}


.meineEventSuche__kalender {
  margin-top: 20px;
}

.meineEventSuche__kalender div#framecaldest > table {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 20px;
  border: 1px solid var(--color-lines);
}

.meineEventSuche__kalender div#framecaldest > table td a {
  display: inline-block;
  width: 75%;
  text-align: center;
  padding-left: 8px;
  box-sizing: border-box;
}

.meineEventSuche__kalender div#framecaldest > table td:not(.kalhead) a:hover,
.meineEventSuche__kalender div#framecaldest > table td:not(.kalhead) a:focus,
.meineEventSuche__kalender div#framecaldest > table td:not(.kalhead) a:active {
  text-decoration: underline;
}

@media screen and (min-width: 600px) {

  .blogSteps:before, 
  .blogSteps::after {
    top: 42px;
  }

  .blogSteps::after {
    top: 94px;
  }

  .blogSteps li {
    height: 22px;
  }

  .blogSteps li:first-of-type {
    padding-left: 15px;
  }

  .blogSteps li:after {
    height: 30px;
    width: 30px;
    top: 3px;
  }

}

@media screen and (min-width: 700px ) {

  .contentbereich.blog .blog__list > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 48%;
    flex: 0 1 48%;
  }

  .contentbereich.blog .blog__mappenItem label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .contentbereich.blog .blog__mappenItem label > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    margin-right: 10px;
    font-size: 16px;
  }

  .contentbereich.blog .blog__mappenItem label > a.btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    font-size: 16px;
    color: #fff;
    padding: 0;
  }

}

@media screen and (min-width: 768px) {

  .contentbereich.blog .blog__bbCode input[type="button"] {
    width: 13%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 12%;
    flex: 0 1 12%;
  }

  div#piceditor {
    left: calc(50% - 359px) !important;
    width: 718px !important;
  }

  .contentbereich.blog input,
  .contentbereich.blog textarea {
    font-size: 18px;
    line-height: 30px;
  }

  .blogSteps {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .blogSteps:before, 
  .blogSteps::after {
    display: none;
  }

  .blogSteps li {
    height: 42px;
    margin-bottom: 0;
    padding: 10px 5px 10px 43px;
  }

  .blogSteps li > span,
  .blogSteps li:first-of-type > span  {
    width: auto;
    text-indent: -15px;
    padding-left: 15px;
    height: 42px;
  }

  .blogSteps li:after {
    height: 42.5px; 
    width: 48.5px; 
    top: 6px;
  }

  /*  Veranstaltungserfassung  */
  .meinEvent .locationDisplay__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .meinEvent .locationDisplay__inputs {
    margin-right: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }

  .meinEvent .locationDisplay__maps {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    height: auto;
    margin-bottom: 0;
  }

  .meinEvent .boxcontainer.locationDisplay input:last-of-type {
    margin-bottom: 0;
  }

  .meinEvent__serienTerminDateWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .meinEvent__serienTerminStart {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    margin-right: 30px;
  }

  .meinEvent__serienTerminEnde {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }

  .meinEvent .eventTerminDayWrapper > span:nth-of-type(2n - 1) {
    margin-right: 30px;
  }

  .meineEventSuche__kalender div#framecaldest > table td a {
    display: inline-block;
    width: 75%;
    text-align: center;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .meineEventSuche__suche {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .meineEventSuche__userInput {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    margin-right: 20px;
  }

  .meineEventSuche__kalender {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    margin-top : 0
  }

  .meinEvent__buttonWrapper.meinEvent__buttonWrapper--split > * {
    width: auto;
  }

  .contentbereich.meineEventSuchTermine .meineEventSuchTermine__liste > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

}

@media screen and (min-width: 1200px ) {

  .contentbereich.blog .blog__list > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.333%;
    flex: 0 1 33.333%;
  }

  .blogSteps li {
    height: 32px;
    padding: 10px;
  }

  .blogSteps li > span, 
  .blogSteps li:first-of-type > span {
    height: 22px;
  }

  .blogSteps li:after {
    top: 3px;
    height: 40px;
    width: 40px;
    right: -17px;
  }

  .meinEvent__details,
  .meinEvent__location,
  .terminEditor,
  .bildhochladen,
  .bildhochladen, 
  .meinEvent__inputWrap,
  .meinEvent ul.infobox_messages,
  .meinEvent .infobox_messages,
  .meinEvent__buttonWrapper,
  .meinEvent .terminliste,
  .meinEvent .terminEditor-infobox,
  .meinEvent .event_pager_div {
    max-width: 560px;
    margin: 0 auto;
  }

}

.social.flex-container {
  margin-top: 20px;
  z-index: 30;
}

.rating.flex-container {
  margin-top: 20px;
}

div[data-fcms-domid=contentLoader].logintogglebutton {
  background: none;
  padding: 5px 10px;
}

.marLe20 {
  margin-left: 20px;
}

.marRi20 {
  margin-right: 20px;
}

span.aboPermission {
  display: inline-block; 
  padding: 0 5px;
  color: #fff;
  background-color: var(--color-primary);
  margin-right: 5px;
  font-size: 12px;
  line-height: 16px;
}

.media-overview-gallery span.aboPermission {
  position: absolute;
  left: 2px;
  top: 38px;
  padding: 0 1px 0 2px;
}

/* .epayPaywall .paywallPermissions h5.stichzeile, */
.paywallPermissions .seiteElementMedia h5.stichzeile {
  display: inline-block;
  position:relative;
  float: left;
}

.paywallPermissions .seiteElementMedia h5.stichzeile span.aboPermission,
.foto-video-detail h5.stichzeile span.aboPermission {
  display: inline-block;
  position: relative;
  left: 0;
  top: 10px;
  padding: 0 2px;
  margin-right: 5px;
}

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

  .media-overview-gallery span.aboPermission {
    top: 33px;
  }

  .paywallPermissions .seiteElementMedia h5.stichzeile span.aboPermission, 
  .foto-video-detail h5.stichzeile span.aboPermission {
    top: 5px;
  }

}

/* Userpage_Navi */
.community__navi {
  margin-bottom: 60px;
}

.community__navi ul,
.meinEvent ul {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}

.community__naviList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  border-bottom: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  margin-bottom: 20px;
}

.community__navi ul.community__naviList { 
  margin-bottom: 20px;
  max-width: 100%;
  overflow-x: auto;
}

.community__naviList > li {
  padding: 0 10px;
  margin-right: 10px;  
  border-bottom: 2px solid transparent;
}

.community__naviList > li h3 {
  font-weight: 400;
  margin: 5px 10px;
  text-align: center;
}

.community__naviList > li:hover,
.community__naviList > li._active {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
}

.community__navi .community__naviSublist {
  display: none;
  background: #fff;
  box-shadow: 0 0 16px rgb(0 0 0 / 10%);
  padding: 0  10px 10px 10px;
  margin-top: 30px;
  width: 100%;
  box-sizing: border-box;
}

.community__navi .community__naviSublist._active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.community__naviSublist > li {
  display: none;
  padding: 0 10px;
  margin-right: 10px;
}

.community__naviSublist > li:hover {
  color: var(--color-primary);
}

.community__naviSublist > li._active {
  display: block;
}

/* Community Navi 2022 */
.btn.user-data-button:hover {color: #fff;}

.community__navi {
  margin-bottom: 30px;
}

.community__naviUserInfos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.community__naviUserInfos figure {
  flex: 0 0 85px;
  margin-right: 15px !important;
}

.community__naviAnsprache {
  flex: 1 1 calc(100% - 100px)
}

.community__naviUserInfos nav {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 8px;
  position: relative;
}

.community__naviH2 {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin: 0;
  color: var(--color-font);
}

.community__naviH5 {
  margin: 0;
  color: #878787;
  color: var(--color-font-grey);
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.contentbereich.user-data-content.community__naviUserInfos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
}

.community__navi ul.community__naviList {
  margin: 0 auto;
  max-width: 890px;
  justify-content: flex-start;
  align-items: center;
  border: none;
}

.community__naviList>li {
  flex: 1;
  border: none;
  border-right: 1px solid #ccc;
  margin: 0;
  padding: 0;
}

.community__naviList>li:last-of-type {
  border-right: none;
}

.community__naviList>li:hover,
.community__naviList>li._active {
  border-bottom: none;
  color: inherit;
}

.community__navi ul.community__naviList > li > h3 {
  margin: 0;
  display: flex;
  align-items: center;
}

.community__navi ul.community__naviList > li > h3 > a {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  display: block;
  text-align: center;
  border-bottom: 2px solid transparent;
  display: block;
  margin: 0;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
}

.community__navi ul.community__naviList > li._active > h3 > a,
.community__navi ul.community__naviList > li.active > h3 a,
.community__navi ul.community__naviList > li > h3 > a:focus,
.community__navi ul.community__naviList > li > h3 > a:hover {
  color: #00975f;
  border-bottom: 2px solid  #00975f;
}

.boxcontainer.user-data-edit-container {
  max-width: 100%;
}

.boxcontainer>.boxheader {
  min-width: 200px;
}

.community__navi .community__naviSublist {
  flex-direction: column;
}

.community__naviSublist>li {
  margin: 10px -8px 0 -8px;
}

.community__naviSublist._active>li {
  display: block;
}

.community__naviSublist>li > a.btn {
  width: 100%;
}

/* Neuigkeiten*/
#fcmskundenedit tr.tr-id29 {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 30px;
  position: relative;
  max-width: 100%;
}

tr.tr-id29 > td.fcmskundeneingabefelder-desc {
  flex: 0 1 calc(100% - 40px);
  width: auto;
  max-width: calc(100% - 40px);
}

tr.tr-id29 > td.fcmskundeneingabefelder-content {
  flex: 0 0 30px;
  width: 30px;
}

#fcmskundenedit tr.tr-id29 label[for="labelid-neuigkeiten_neuigkeiten"] {
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  right: 0;
}

span.dualinput {
  display: flex;
  flex-wrap: nowrap;
}

.meinProfil .edit-description {
  max-width: 558px;
  margin: 0 auto;
}

.userPicUpload {
  display: flex;
  flex-direction: column;
}

.userPicUpload > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  max-width: 557px;
  margin: 0 auto;
}

.userPicUpload .buttonWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 150px;
}

.community__naviUserBild {
  display: flex;
  flex: 0 0 85px;
  height: 85px;
  width: 85px;
  margin-right: 20px;
  position: relative;
}

.community__naviUserBild > a {
  display: block;
  height: 85px;
  width: 85px;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  border: 3px solid #000;
  border-radius: 50%;

}

.community__naviUserBild  > a img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.community__naviUserBild.community__naviUserBild--default > a img {
  padding: 5px 3px 0 3px;
  width: 75px;
}

.community__naviUserBildPlus {
  position: absolute;
  display: inline-block;
  right: 0;
  bottom: 0;
  color: #fff;
  background: var(--color-primary);
  z-index: 2;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  text-align: center;
  line-height: 26px;
  font-weight: 700;
  font-size: 25px;
  box-shadow: 0 0 5px #999;
}

.community__naviUserBildSeite .community__naviUserBildPlus {
  background: var(--color-font-grey);
}

.community__naviUserBildSeite .community__naviUserBild {
  pointer-events: none;
}

.boxheader.user-data-header { 
  margin-top: 0;
}

.meinProfil .btn.user-data-button {
  background: #fff;
  color: var(--color-font);
  border: 1px solid #000;
  text-align: center;
  font-size: 16px;
  width: 100%;
}


.meinProfil .btn.user-data-button:hover {
  color: #fff;
  background: #000;
}

.meinProfil .community_userBild {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  flex: 0 0 150px;
  width: 150px;
  height: 150px;
  border: 3px solid #000;
  border-radius: 50%;
  margin: 0 55px;
}

.meinProfil .community_userBild.community_userBild--default {
  padding: 10px 5px 0;
}

.loginUserbildOuter {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  overflow: hidden;
}

.loginUserbildOuter .community__naviH2 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}

.meinProfil .fcms-webpush .webpush-button,
.meinProfil .fcms-webpush .webpush-layer {
  position: initial;
}

.meinProfil .fcms-webpush .webpush-layer>div {
  padding: 0;
}

.meinProfil .fcms-webpush .webpush-button,
.meinProfil .fcms-webpush .webpush-change {
  display: none;
}

.meinProfil .fcms-webpush .webpush-layer-blockedImage {
  margin: 20px 0;
}

.meinProfil .fcms-webpush.subscribe_success .webpush-change {
  display: block;
  margin-bottom: 15px;
}

.meinAbo .buttonWrapper,
.meinProfil .buttonWrapper {
  display: flex;
  flex-direction: column-reverse;
}

.meinAbo .buttonWrapper .btn, 
.meinProfil .buttonWrapper .btn {
  margin-bottom: 20px;
  text-align: center;
}

.meinProfil #fcmskundenedit .buttonWrapper .btn.user-data-button,
.meinProfil #fcms_register_form  .buttonWrapper .btn.user-data-button {
  color: #fff;
  margin-top: 0;
  width: 100%;
}

.pwScorebarOuter,
.pwCheckOuter {
  position: relative;
}

.fcms_nameadress_value.pwScorebarOuter {
  margin-bottom: 30px;
}

.pwCheckOuter input.epayPaywall__textInput,
.pwScorebarOuter input.fcmskundeneingabe-password,
#fcms_register_form .pwScorebarOuter input.pwCheckInput {
  margin-bottom: 0 !important;
}

.pwScorebar {
  width: 100%;
  height: 3px;
  background: #ccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: 18px;
} 

.pwScorebar.risky:before,
.pwScorebar.weak:before,
.pwScorebar.moderate:before,
.pwScorebar.good:before,
.pwScorebar.strong:before {
  position: absolute;
  left: 1px;
  display: inline-block;
  width: 20%;
  height: 3px;
  content: '';
  border-bottom-left-radius: 3px;
}

.pwScorebar.risky:before {
  background: #D80015;
}

.pwScorebar.weak:before {
  background: #EF7E04;
  background: var( --color-liewo-orange);
  width: 40%;
}

.pwScorebar.moderate:before {
  background: #ffe44d;
  width: 60%;
}

.pwScorebar.good:before {
  background: #44b131;
  width: 80%;
}
.pwScorebar.strong:before {
  background: #44b131;
  width: 100%;
  width: calc(100% - 2px);
  border-bottom-right-radius: 3px;
}

.pwHidden {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 2;
  cursor: pointer;
}

.pwToggle .icon-ico-Passwort-30 {
  font-size: 30px;
}

.pwToggle.pwHidden.pwShow .icon-ico-Passwort-30 {
  opacity: 0.75;
}

.pwToggle.pwHidden.pwShow:before {
  content: '';
  display: block;
  width: 26px;
  height: 3px;
  position: absolute;
  border-top: 2px solid #4b4b4b;
  transform: rotate(320deg);
  top: 13px;
  left: 3px;
}

.fcms_artdetail .vjs-suggested-video-endcap.is-active {
  padding: 5px 10px;
}

.fcms_artdetail .vjs-suggested-video-endcap-header {
  font-size: 12px;
  margin-bottom: 10px
}

.fcms_artdetail a.vjs-suggested-video-endcap-link {
  padding: 2px;
  font-size: 12px;
  line-height: 15px;
  margin: 0 5px 6px 0;
  width: 100%;
  background: rgb(255 255 255 / 0.25);
  border-radius: 5px;
  box-shadow: 0 0 3px;
  text-align: center;
  overflow: hidden;
}

.fcms_artdetail img.vjs-suggested-video-endcap-img {
  display: none;
  height: auto;
  width: auto;
  margin: 0 auto 5px auto;
  max-width: 100%;
  max-height: 100%;
}

.todoOuter {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100vw;
  height: auto;
  text-align: center;
  background: var(--form-success);
  z-index: 2000;
  font-size: 16px;
  padding: 8px 32px;
}

.todoOuter:empty {
  display: none;
}

.todoOuter p {
  margin: 0;
}

.todolist .completedManually {
  pointer-events: none;
}
.todolist [type="checkbox"]+label {
  cursor: initial;
}
.todolist [type="checkbox"]:not(:checked):disabled+label:before {
  border: inherit;
  background-color: inherit;
}

.todolist [type="checkbox"]:checked:disabled+label:before {
  border-right: 2px solid #D80015;
  border-right: 2px solid var(--color-primary);
  border-bottom: 2px solid #D80015;
  border-bottom: 2px solid var(--color-primary);
}


@media all and (min-width: 360px)  {

  .fcms_artdetail .vjs-suggested-video-endcap-header {
    font-size: 14px;
  }

  .fcms_artdetail .vjs-suggested-video-endcap.is-active {
    padding: 10px;
  }


  .fcms_artdetail a.vjs-suggested-video-endcap-link {
    width: 30%;
    height: 25vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .fcms_artdetail img.vjs-suggested-video-endcap-img {
    display: block;
    max-height: 49px;
  }


}

@media all and (min-width: 480px)  {

  .fcms_artdetail a.vjs-suggested-video-endcap-link {
    width: 28%;
  }

  .fcms_artdetail a.vjs-suggested-video-endcap-link {
    font-size: 14px;
    line-height: 18px;
    margin: 0 10px 20px 10px;
  }

  .fcms_artdetail img.vjs-suggested-video-endcap-img {
    max-height: 70px;
  }

  .meinProfil .fcms-webpush .webpush-layer-blockedImage {
    margin: 20px calc((-90vw + 377px)/2);   
  }

}

@media all and (min-width: 580px)  {

  .fcms_artdetail a.vjs-suggested-video-endcap-link {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .fcms_artdetail .vjs-suggested-video-endcap-header {
    font-size: 18px;
    margin-bottom: 20px
  }

  .fcms_artdetail a.vjs-suggested-video-endcap-link {
    font-size: 16px;
    line-height: 22px;
  }


  .fcms_artdetail img.vjs-suggested-video-endcap-img {

    max-height: 82px;
  }


}

@media all and (min-width: 767px)  {

  .community__naviH2 {
    font-size: 32px;
    line-height: 44px;
  }

  .community__naviH5 {
    margin: 0;
    font-size: 15px;
    line-height: 17px;
  }

  .loginUserbildOuter .community__naviH5 { 
    font-size: 13px;
  }

  .community__naviUserInfos nav {
    margin-top: 0;
  }

  .community__navi ul.community__naviList > li > h3 > a {
    font-size: 20px;
  }

  .community__navi .community__naviSublist {
    flex-direction: row;
  }

  .community__naviSublist>li {
    margin: 10px 20px 0 -8px;
  }

  .community__naviSublist>li > a.btn {
    width: auto;
  }

  tr.tr-id29 > td.fcmskundeneingabefelder-desc {
    width: 408px;
    max-width: 408px;
    position: absolute;
    left: 156px;
  }

  #fcmskundenedit tr.tr-id29 label[for="labelid-neuigkeiten_neuigkeiten"] {
    width: 558px;
    right: auto;
    left: 0;
  }

  .userPicUpload.userPicUpload--mdRow {
    flex-direction: row;
  }

  .meinAbo .buttonWrapper,
  .meinProfil .buttonWrapper {
    flex-direction: row;
    justify-content: space-between;
  }

  .meinProfil .userPicUpload .buttonWrapper {
    flex-direction: column;
  }

  .meinProfil .buttonWrapper .btn,
  .meinAbo .buttonWrapper .btn {
    margin-bottom: 0;
    width: auto;
    min-width: 250px;
  }

  .meinProfil #fcmskundenedit .buttonWrapper .btn.user-data-button,
  .meinProfil #fcms_register_form  .buttonWrapper .btn.user-data-button {
    width: auto;
  }

  .boxcontainer.user-data-edit-container{
    width: 558px;
    margin: 0 auto;
  }

  .fcms_artdetail .vjs-suggested-video-endcap.is-active {
    padding: 20px;
  }

  .fcms_artdetail .vjs-suggested-video-endcap-header {
    margin-bottom: 30px;
    font-size: 24px;
  }

  .fcms_artdetail a.vjs-suggested-video-endcap-link {
    height: 180px;
    font-size: 18px;
    line-height: 25px;
  }


  .fcms_artdetail img.vjs-suggested-video-endcap-img {
    max-height: 100px;
  }

  .meinProfil .fcms-webpush  .webpush-layer-blockedImage {
    margin: 20px -65px;
  }


}

@media all and (min-width: 1201px)  {

  .fcms_artdetail a.vjs-suggested-video-endcap-link {
    height: 300px;
    margin: 20px;
    padding: 20px;
  }

  .fcms_artdetail img.vjs-suggested-video-endcap-img {
    max-height: 143px;
    margin-bottom: 20px;
  }

  .meinProfil .fcms-webpush .webpush-layer-blockedImage {
    margin: 20px -250px;
  }

}

/* epayment.css */
/* Normalize */
.epayPaywall figure {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.epayPaywall * {
  box-sizing: border-box;
}

.dispNo {
  display: none !important; 
}


/* ePayGrid */
.epayGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, 1fr);
}.epayGrid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}.epayGrid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}.epayGrid > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}.epayGrid > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}.epayGrid > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}.epayGrid > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}.epayGrid > *:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}.epayGrid > *:nth-child(8) {
  -ms-grid-row: 1;
  -ms-grid-column: 8;
}.epayGrid > *:nth-child(9) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}.epayGrid > *:nth-child(10) {
  -ms-grid-row: 1;
  -ms-grid-column: 10;
}.epayGrid > *:nth-child(11) {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}.epayGrid > *:nth-child(12) {
  -ms-grid-row: 1;
  -ms-grid-column: 12;
}

.epayGrid__row1 {
  -ms-grid-row: 1;
  grid-row: 1;
}

.epayGrid__row2 {
  -ms-grid-row: 2;
  grid-row: 2;
}

.epayGrid__row3 {
  -ms-grid-row: 3;
  grid-row: 3;
}

.epayGrid__row4 {
  -ms-grid-row: 4;
  grid-row: 4;
}

.epayFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.epayFlex__noWrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.epayFlex__wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.epayFlex__column {
  flex-direction: column;
}

.epayFlex__justifyCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.epayFlex__justifySpaceBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.epayFlex__alignItemsFlexEnd {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.epayFontSize__16 {
  font-size: 16px;
}

.epayPaywall.epayPaywall--epaper {
  max-width: calc(100vw - 40px);
  margin: 55px auto 0 auto;
}

.epayPaywall {
  margin-top: 55px;
}

.epayPaywall .fcms_artdetail {
  margin-bottom: 40px;
}

.epayPaywall__header {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 10;
  grid-column-end: 12;
  -ms-grid-row: 1;
  grid-row: 1;
}

.epayPaywall--wr {
  max-width: calc(100vw - 60px);
  margin: 55px auto 0 auto;
}

.epayPaywall__headline {
  font-family: var(--font-secondary);
  font-weight: 400;
  line-height: 44px;
  margin: 0 0 40px 0;
  text-align: center;
  font-size: 26px;
}

.epayPaywall__marBot0 {
  margin-bottom: 0;
}

.epayPaywall__marBot20,
.epayPaywall .epayPaywall__btn.epayPaywall__marBot20,
.marBot20 {
  margin-bottom: 20px;
}

.epayPaywall__marBot30 {
  margin-bottom: 30px;
}

.epayPaywall__marBot40,
.marBot40 {
  margin-bottom: 40px;
}

.marTop16 {
  margin-top: 16px;
}

.marTop32 {
  margin-top: 32px;
}

.marTop55 {
  margin-top: 55px;
}

.epayPaywall__list {
  padding: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  margin: 0 0 55px 0;
}

.epayPaywall__listItem {
  font-weight: bold;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 10;
  grid-column-end: 12;
}

.epayPaywall__listItem.epayPaywall__listItem--disabled {
  opacity: 0.5;
}

.epayPaywall__listItem span[class*='icon-ico-'] {
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.epayPaywall__boxContainer {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 12;
  grid-column-end: 13;
  margin-top: 0;
}

.epayPaywall .extimages img {
  max-width: 100%;
}

.epayPaywall .social.flex-container {
  position: relative;
}

.epayPaywall__fadeOut {
  width: 100%;
  height: 70vh;
  margin-top: -70vh;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(95%, white));
  background: -o-linear-gradient(top, transparent, white 95%);
  background: linear-gradient(to bottom, transparent, white 95%);
  position: relative;
  z-index: 5;
  left: 0;
}

.epayPaywall.epayPaywall--streamset .epayPaywall__fadeOut,
.epayPaywall.epayPaywall--cmepicture .epayPaywall__fadeOut {
  height: 35vh;
  margin-top: -34vh;
}

.epayPaywall .boxcontainer>.boxheader>h2 {
  background: #fff;
}

input[type="text"].epayPaywall__textInput,
input[type="email"].epayPaywall__textInput,
.epayPaywall__btn, 
.epayPaywall__text,
.kombilogin .epayGrid > * {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 12;
  grid-column-end: 13;
  margin-bottom: 40px;
}

.epayPaywall__btn {
  background: var(--color-font);
  color: #fff;
  font-size: 16px;
  border-radius: 0;
  height: 40px;
  -webkit-appearance: none;
}

.fcms_artdetail .fcms_artdetail_text a.btn.epayPaywall__btn {
  text-decoration: none;
  color: #fff;
}

.epayPaywall__btn:visited,
a.epayPaywall__btn:visited {
  color: #fff;
}

.epayPaywall__btn--google,
a.epayPaywall__btn--google:visited,
.fcms_artdetail .contentbereich.comments .btn.epayPaywall__btn--google, 
.fcms_artdetail .contentbereich.comments a.btn.epayPaywall__btn--google:visited{
  background: #fff;
  color: var(--color-font);
  border: 1px solid var(--color-font);
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.epayPaywall__btn--facebook,
a.epayPaywall__btn--facebook:visited,
.fcms_artdetail .contentbereich.comments .btn.epayPaywall__btn--facebook, 
.fcms_artdetail .contentbereich.comments a.btn.epayPaywall__btn--facebook:visited {
  background: #fff;   
  color: var(--color-font);
  border: 1px solid var(--color-font);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.epayPaywall__btn--icon {
  height: 30px;
  width: 30px;
  font-size: 30px;
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
}

.epayPaywall__btn--google .epayPaywall__btn--icon {
  font-size: 26px;
  box-sizing: border-box;
  padding: 2px;
}

.epayPaywall--epaper .extimages,
.epayPaywall--picture .extimages {
  text-align: center;
}

.contentbereich.epayPaywall--pictureDownload .image-text,
.contentbereich.epayPaywall--picture .image-text{
  margin-bottom: 20px;
  font-size: 18px;
}



/* Einzelbildkauf */
.epayPaywall__bildAufmacher h1.title {
  text-align: center;
  margin-top: 10px;
}

.epayPaywall__bildAufmacher .extimages {
  margin-bottom: 40px;
}

.epayPaywall__bildAufmacher h5.stichzeile,
.epayPaywall__selectedProduct h5.stichzeile {
  text-align: center;
  margin-bottom: 0;
}

.epayPaywall__bildAufmacher .article-images {
  margin-bottom: 0;
  min-height: 0;
}

.epayPaywall__bildProdukt .epayPaywall__headline {
  font-size: 34px;
}

.epayPaywall__produkt h1.title.epayPaywall__price{
  font-size: 34px;
  margin: 0 0 40px 0;
}

.epayPaywall__selectedProduct .epayPaywall__price {
  text-align: center;
}

.epayPaywall__bildProdukt .epayPaywall__btn,
.epayPaywall__produktOuter .epayPaywall__btn, 
.epayPaywall__payum .epayPaywall__btn,
.epayPaywall__userChange .epayPaywall__btn {
  width: 100%;
  margin-bottom: 0;
}

.epayPaywall__bildProdukt .epayPaywall__bildLine,
.epayPaywall__produktOuter .epayPaywall__line,
.epayPaywall__selectedProduct .epayPaywall__line,
.epayPaywall__payum .epayPaywall__bildLine {
  display: block;
  margin: 20px 60px;
  border-bottom: 1px solid var(--color-lines);
}

.epayPaywall__headline--error {
  color: var(--color-primary);
}

[type="radio"]+label.epayPaywall_zahlart:before,
[type="radio"]+label.epayPaywall_zahlart:after {
  display: none;
}

.epayPaywall__zahlart,
[type="radio"]:not(:checked)+label.epayPaywall_zahlart, 
[type="radio"]:checked+label.epayPaywall_zahlart {
  padding: 0;
  background: var(--color-background);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 16px;
  font-family: Arial;
  height: 45px;
  line-height: 44px;
  cursor: pointer;
}

.epayPaywall__zahlart.active,
.epayPaywall__zahlart[data-fcms-visible="true"],
[type="radio"]:checked+label.epayPaywall_zahlart {
  background: var(--color-primary);
  color: #fff;
}

.epayPaywall__zahlart span,
.epayPaywall_zahlart > *,
.epayPaywall__zahlart[data-fcms-visible="true"] > * {
  height: 40px;
  border-bottom: 2px solid #fff;
  display: block;
}

.epayPaywall .fieldDisplay {
  padding: 0;
}
.epayPaywall .fieldDisplay > li {
  position: relative;
  margin-bottom: 10px;
}

.epayPaywall .fieldContent {
  min-height: 50px;
}

.epayPaywall__userChange #fcmskundenregister tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.epayPaywall__userChange .fcmskundeneingabefelder-desc,
.epayPaywall__userChange .fcmskundeneingabefelder-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.epayPaywall__userChange .fcmskundeneingabefelder-content .feldfehler-error {
  color: var(--color-primary);
  font-size: 0.85em;
  line-height: 1.5;
}

.epayPaywall__userChange .fcmskundeneingabefelder-content .fcmskundeneingabe-radio-drei + .fcmskundeneingabe-radio-drei {
  padding-left: 20px;
}

.epayPaywall__userChange .fcmskundeneingabefelder-desc .dualinput,
.epayPaywall__userChange .fcmskundeneingabefelder-content .dualinput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.epayPaywall__userChange .fcmskundeneingabefelder-desc .dualinput > span {
  display: inline-block;
  width: 100%;
}

.epayPaywall__userChange .fcmskundeneingabefelder-content input {
  font-size: 18px;
}

.epayPaywall__userChange .fcmskundeneingabefelder-desc .dualinput > :first-child,
.epayPaywall__userChange .fcmskundeneingabefelder-content .dualinput > :first-child {
  margin-right: 20px;
}

.epayPaywall__userChange .fcmskundeneingabefelder-desc .dualinput .fcmskundeneingabe-dualinput-xlarge,
.epayPaywall__userChange .fcmskundeneingabefelder-content .dualinput .fcmskundeneingabe-dualinput-xlarge {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.epayPaywall__userChange .fcmskundeneingabefelder-desc .dualinput .fcmskundeneingabe-dualinput-xshort,
.epayPaywall__userChange .fcmskundeneingabefelder-content .dualinput .fcmskundeneingabe-dualinput-xshort {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.epayPaywall__userChange .fcms-error-messages {
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

/* Abo */

.contentbereich.epayPaywall {
  padding-top: 0;
}

.epayPaywall__produktOuter .epayPaywall__headline {
  margin-bottom: 10px;
  height: 88px;
}

.epayPaywall .boxcontainer>.boxheader>h2.epayBackground__f5 {
  background: var(--color-background);
}

.epayPaywall__produkt {
  background: #fff;
  padding: 20px 10px;
  margin: 0;
  box-sizing: border-box;
  position: relative;
}

.epayPaywall__produkt .slick-arrow {
  position: absolute;
  top: 50vw;
  left: 0;
  font-size: 40px;
  background: rgb(255 255 255 / 0.5);
  width: 40px;
  text-align: center;
  z-index: 3;
  cursor: pointer;
  padding: 5px;
}

.epayPaywall__produkt .epayPaywall__produktGLider--next {
  right: 0;
  left: auto;
}

.epayPaywall__produkt .slick-arrow.slick-disabled {
  display: none !important;
}

.epayPaywall figure.epayPaywall__produktBild {
  margin-bottom: 40px;
}

.epayPaywall__selectedProduct  figure.epayPaywall__produktBild {
  margin-bottom: 20px;
}

.epayPaywall__produktBild img {
  margin: 0 auto;
  max-width: 100%;
}

.epayPaywall__kaufWrapper,
.epayPaywall__selectedProduct {
  flex: 0 0 100%;
  margin: 0 0 30px 0;
}

.epayPaywall__produktGLider .epayPaywall__list,
.epayPaywall--picture .epayPaywall__list{
  margin-bottom: 0;
}

.epayPaywall__angebotWrapper {
  margin: 10px 0;
}

.epayPaywall__angebot {
  padding: 20px;
  background: var(--color-primary);
  color: #fff;
  margin-bottom: 10px;
  width: 100%;
}

.epayPaywall__angebotTitle {
  margin: 0;
  font-size: 22px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.epayPaywall__angebotTitle span {
  margin-right: 15px;
  font-size: 52px;
}
.epayPaywall__angebotText {
  font-size: 18px;
  line-height: 30px;
  margin: 0;
  font-family: var(--font-primary);
  margin-top: 10px;
}

.epayPaywall__angebotListe {
  padding: revert;
  list-style: disc;
}

.epayPaywall__angebotListe > li {
  list-style: disc;
}

.epayPaymill__form > div {
  margin-bottom: 10px;
}

.epayPaymill__dateTrenner {
  display: inline-block;
  padding: 0 20px;
  font-size: 33px;
  line-height: 33px;
}

.epayRechnung {
  margin-bottom: 20px;
}

.epayRechnung + .epayPaymill[data-fcms-visible="true"] + input[data-fcms-method="epaymentSubmit"] {
  display: none;
}

@media screen and (min-width: 767px) {

  .epayFlex__noWrap--m {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .epayFlex__wrap--m {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .epayPaywall .fcms_artdetail {
    margin-bottom: 55px;
  }

  .epayPaywall__headline {
    font-size: 34px;
    margin: 0 0 55px 0;
  }

  .epayPaywall__produktOuter .epayPaywall__headline,
  .epayPaywall__selectedProduct .epayPaywall__headline  {
    font-size: 26px;
  }

  .epayPaywall__selectedProduct .epayPaywall__headline  {
    margin-bottom: 20px;
  }

  .epayPaywall__listItem {
    font-size: 18px;
    line-height: 30px;
  }

  input[type="text"].epayPaywall__textInput,
  input[type="email"].epayPaywall__textInput,
  .epayPaywall__btn,
  .epayPaywall__text,
  .kombilogin .epayGrid > * {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 12;
    grid-column-end: 12;
    margin-bottom: 55px;
  }

  .epayPaywall__btn--google,
  .kombilogin .epayGrid > *,
  .kombilogin .epayGrid > .epayPaywall__textInput {
    margin-bottom: 20px;
  }


  /*  Abo  */
  .epayPaywall__produkt .epayPaywall__produktGLider--prev,
  .epayPaywall__produkt .epayPaywall__produktGLider--next {
    display: none;
  }

  .epayPaywall__produktGLider .slick-slide {
    margin: 0 15px;
  }

  .epayPaywall__kaufWrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 66.66666%;
    flex: 0 1 66.66666%;
    margin-right: 30px;
    width: 66.66666%;
  }

  .epayPaywall__selectedProduct {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    margin-right: 0;
    width: 33.33333%;
  }

  .epayPaywall__produktOuter .epayPaywall__headline, 
  .epayPaywall__selectedProduct .epayPaywall__headline {
    font-size: 18px;
    line-height: 30px;
  }

  .epayPaywall__angebot {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.33333%;
    flex: 0 1 33.33333%;
    margin: 0 15px 10px 15px;
  }

  .epayPaywall__angebotTitle {
    font-size: 18px;
    line-height: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .epayPaywall__angebotTitle span {
    font-size: 120px;
    margin: 0 0 30px 0;
  }

  .epayPaywall__produktOuter.epayPaywall__produktOuter--paywall {
    width: calc(100% + 60px);
    margin-left: -30px;
  }

}

@media screen and (min-width: 1201px) {

  .epayPaywall--wr {
    max-width: 1146px;
  }

  .epayPaywall__produktOuter .epayPaywall__headline, 
  .epayPaywall__selectedProduct .epayPaywall__headline,
  .epayPaywall__angebotTitle {
    font-size: 25PX;
    line-height: 44PX;
  }

  .epayPaywall__angebotTitle {
    height: 240px;
  }

  .epayPaywall__headline--small {
    font-size: 24px;
  }

  input[type="text"].epayPaywall__textInput,
  input[type="email"].epayPaywall__textInput,
  .epayPaywall__btn,
  .epayPaywall__text,
  .kombilogin .epayGrid > * {
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-column-span: 10;
    grid-column-end: 10;
  }

}

/* Kombilogin */

.kombilogin {
  background: #fff;
  padding: 40px;
  margin-bottom: 50px;
  width: 100%;
  max-width: calc(100vw - 40px);
  margin: 0 auto;
  box-sizing: border-box;
}

.kombilogin  .boxcontainer > .boxheader > h2 {
  background: #fff;
}

.kombilogin__buttonWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kombilogin__buttonWrapper .btn {
  font-size: 16px;
}

.kombilogin .fcmskundeneingabefelder-desc {
  width: 45%;
}

.kombilogin__wrapper {
  margin-top: 20px;
  text-align: right;
}

.kombilogin .boxcontainer input {
  font-size: 18px;
}

.kombilogin--error {
  color: var(--color-primary);
  text-align: center;
}

@media screen and (min-width: 1201px) {

  .kombilogin {
    max-width: 1146px;
  }

}

.epayPaywall__meinAbo .btn {
  margin-bottom: 40px;
}


.epayPaywall__meinAbo p {
  margin-bottom: 20px;
  text-align: center;
}

.epayPaywall__meinAbo .epayPaywall__produktBild {
  text-align: center;
}

.epayPaywall__meinAbo .success,
.epayPaywall__meinAbo .error {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (min-width: 767px) {

  .epayPaywall__meinAbo { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    flex-wrap: wrap;
  }

  .epayPaywall__produkt.epayPaywall__produkt--meinAbo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }

}


/* Workflowanpassungen 2021 */

.epayPaywall__midText {
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 32px;
}
.epayPaywall__smallText {
  font-size: 16px;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 1201px) {

  .epayPaywall__midText {
    padding-left: 10%;
  }

}


.epayPaywall__weiterlesen {
  position: relative;
}


.epayPaywall__smallText > a {
  display: block;
  padding: 10px 20px 10px 0;
  color: var(--color-primary);
  cursor: pointer;
}

.epayPaywall__smallText > a:hover {
  text-decoration: underline;   
}


/* Paywall Einzelartikel */
.epayPaywall--kaufWrapper {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}

.epayPaywall--kaufWrapper .epayPaywall__selectedProduct {
  box-shadow: none;
  width: auto;
  text-align: center;
}

@media all and (min-width: 767px) {

  .epayPaywall--kaufWrapper {
    flex-direction: row;
    padding-top: 30px;
  }

  .epayPaywall--kaufWrapper .epayPaywall__userChange,
  .epayPaywall--kaufWrapper .epayPaywall__payum
  {
    flex: 1 1 66.66%;
    padding-right: 30px;
    border-right: 1px solid #ccc;
  }

}

/* Studenten-Abo  */
.epayPaywallStudent .epayFlex .epayPaywall__produktBild,
.epayPaywallStudent .epayFlex .epayPaywall__produktText {
  flex: 0 0 100%;
}

.epay_StoreLinkOuter {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 100%;
  flex-wrap: wrap;
}

.epay_StoreLink {
  margin-bottom: 20px;
  display: inline-block; 
  overflow: hidden; 
  border-radius: 13px; 
  height: 83px;
}

.epay_StoreLink .storeLogo {
  border-radius: 13px; 
  width: 250px; 
}

.epay_StoreLink .storeLogo.playStore {
  margin: -19px 0 -15px 0;
  height: 123px;
  width: auto;
}


@media screen and (min-width: 767px) {

  .epayPaywallStudent .epayFlex .epayPaywall__produktBild {
    flex: 1;
  }

  .epayPaywallStudent .epayFlex .epayPaywall__produktText {
    flex: 2;
  }

  .epay_StoreLinkOuter { 
    flex: 0 0 66.666666%;
    justify-content: space-around;
    margin-left: auto;
  }

}

/*  Studenten-Abo */

.kat12546 .epayPaywall .fcms_artdetail {
  display: flex;
  flex-direction: column;
}

.ad-widebox.ad-widebox--bestellseite {
  width: 100%;
  margin: 15px auto;
  padding: 15px 0px 5px 0px;
  height: auto;
  color: var(--color-primary);
  text-align: center;
  max-width: 100%;
  overflow-x: auto;
  background: transparent;
}

@media screen and (min-width: 767px) {
  .hide-desktop{
    display: none;
  }

  .kat12546 .epayPaywall .fcms_artdetail {
    display: block;
  }

  .ad-widebox.ad-widebox--bestellseite {
    width: calc(100% - 30px);
  }
  .ad-widebox.ad-widebox--bestellseite .hide-mobile{
    display: block;
  }

}

/* slick.css */
/* slick.css */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;
    z-index: 800;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '<-';
}
[dir='rtl'] .slick-prev:before
{
    content: '->';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '->';
}
[dir='rtl'] .slick-next:before
{
    content: '<-';
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* slick-lightbox.css */

.slick-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: black;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.slick-lightbox .slick-loading .slick-list {
    background-color: transparent;
}

.slick-lightbox .slick-prev {
    left: 15px;
}

.slick-lightbox .slick-next {
    right: 15px;
}

.slick-lightbox-hide {
    opacity: 0;
}

.slick-lightbox-hide-init {
    position: absolute;
    top: -9999px;
    opacity: 0;
}

.slick-lightbox-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slick-lightbox-slick-item {
    text-align: center;
    overflow: hidden;
}

.slick-lightbox-slick-item:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    display: block;
    text-align: center;
}

.slick-lightbox-slick-item-inner {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}

.slick-lightbox-slick-img {
    margin: 0 auto;
    display: block;
    max-width: 90%;
    max-height: 90%;
}

.slick-lightbox-slick-caption {
    margin: 10px 0 0 0;
    color: white;
}

.slick-lightbox-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
}

.slick-lightbox-close:focus {
    outline: none;
}

.slick-lightbox-close:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\00D7';
}

/* themen_schlagworte.css */
.schlagwortListe .boxfooter > span {
  padding: 0 10px;
}

.schlagwortListe .boxfooter > span.active {
  font-weight: bold;
}

/* Artikelseite */
.artikelSchlagwort {
  margin-top: 40px;
}

.artikelSchlagwort__header {
  padding: 10px;
  padding-bottom: 0;
}

.artikelSchlagwort__headline {
  color: var(--color-font-grey-dark);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  position: relative;
  width: calc(65% + 60px);
  margin: 0 auto 15px auto;
}

.artikelSchlagwort__headtext {
  margin: 0;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  font-family: var(--font-secondary);
  font-weight: 400;
  line-height: 22px;
  background: #fff;
  display: inline-block;
  position: relative;
  padding: 0 20px;
  color: var(--color-font-grey-dark);
}

.artikelSchlagwort__headline:before {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 0;
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px solid var(--color-font-grey);
  opacity: .5;
}

.artikelSchlagwort__list {
  padding: 0;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.artikelSchlagwort__listPopUp,
.themenItem {
  display: inline-block;
  margin: 0 10px 10px 0;
  background: var(--color-background);
  padding: 10px 15px;
  cursor: pointer;
}

.artikelSchlagwort__themenContainer {
  position: absolute;
  top: 45px;
  width: 100%;
  padding: 20px;
  background: #fff;
  z-index: 2;
  box-sizing: border-box;
  left: 0;
  min-width: 180px;
}

.artikelSchlagwort__themenContainerClose {
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: bold;
  padding: 0 10px;
  cursor: pointer;
}

.artikelSchlagwort__themenContainer a,
.artikelSchlagwort__themenContainer a > .btn,
.artikelSchlagwort__themenContainer .btn {
  width: 100%;
  font-size: 16px;
}

.themenCounterNavi {
  color: var(--color-primary);
  display: block;
  text-align: center;

}

.themenCounterNavi--mobil {
  display: inline-block;
  margin-left: 5px;
}

.contentbereich.meineThemen,
.meineThemen--logout  {
  margin-bottom: 40px;
}

.meineThemen .boxContent {
  padding: 20px;
  background: #fff;
}

.meineThemen--logout .boxcontainer {
  margin-bottom: 0;
}

.themenListe {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0px;
  margin-inline-start: 0px;
  -webkit-margin-end: 0px;
  margin-inline-end: 0px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0;
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.themenBtn {
  background: #fff;
  color: var(--color-font);
  border: 1px solid #000;
  text-align: center;
}

.themenBtn--remove {
  font-size: 14px;
  margin-left: 30px;
}

.meineThemen .boxcontainer > .boxheader > h2,
.mixboxUmfragen .boxcontainer > .boxheader > h2 {
  background: #fff;
}

.meineThemen .defaultteaser {
  position: relative;
}

.meineThemen .defaultteaser .themenOverlay {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgb(255 255 255 / 0.5);
}

.meineThemen .defaultteaser .themenOverlay .gelesen {
  color: var(--color-font-grey);
}

.meineThemen .defaultteaser.read .themenOverlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.themenActionList {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0px;
  margin-inline-start: 0px;
  -webkit-margin-end: 0px;
  margin-inline-end: 0px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
/*  Entfernen, sobald Newsletter und Push aktiv  */
  justify-content: flex-start;
}

.themenActionList > li {
  margin: 0 10px 10px 0;
}

.themenActionList .btn--thema,
.themenActionList .btn--thema.active {
  height: auto;
  font-size: 14px;
  color: #fff;
}

.themenBeschreibung {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.themenCheckbox,
.themenRadio {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}

.themenRadio { 
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.themenCheckbox input[type="checkbox"],
.themenRadio input[type="radio"] {
  opacity: 1;
}

.themenRadio input[type="radio"] {
  left: 0;
}

.themenCheckbox input[type="checkbox"]:before,
.themenRadio input[type="radio"]:before {
  content: '';
  top: -2px;
  left: 0px;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  transition: .2s;
  position: absolute;
  background: #fff;
}

.themenCheckbox input[type="checkbox"]:checked:after,
.themenRadio input[type="radio"]:checked:after {
  top: 0;
  left: 0px;
  width: 4px;
  height: 14px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  display: block;
  content: '';
}

.themenNewsletterForm__selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.themenNewsletterForm__selection .themenBeschreibung {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.themenBeschreibung--error,
.kombilogin--error,
#globalesucheContainer .error,
.sendmail--error {
  color: var(--color-primary);
  text-align: center;
}

.artikelSchlagwort__listItem {
  position: relative;
}

@media screen and (min-width: 600px) {

  .themenNewsletterForm__selection .themenBeschreibung {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

}

@media screen and (min-width: 1200px) {

  .artikelSchlagwort__listItem {
    position: relative;
  }

  .artikelSchlagwort__themenContainer {
    left: 0;
  }

  .themenCounterNavi {
    display: inline-block;
    margin-left: 5px;
  }

}

.navigationContainermobile  [data-fcms-navigationelement="13087"] > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.navigationContainermobile  [data-fcms-navigationelement="13087"] > a > span {
    margin-left: 10px;
}

/* pushservices.css */
/* Web-Push Anfang */
.fcms-webpush .webpush-layer,
.themenedit .webpush-layer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0px;
  background: rgb(0 0 0 / 0.6);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5000;
}

.fcms-webpush .webpush-layer span.cancel,
.themenedit .webpush-layer span.cancel {
  width: 30px;
  height: 28px;
  float: right;
  text-align: center;
  font-weight: 900;
  cursor: pointer;
  margin-right: -10px;
}

.fcms-webpush .btn {
     cursor: pointer;
   font-size: 16px;
    background: var(--color-font);
}

.fcms-webpush .webpush-layer .buttonWrapper,
.themenedit .webpush-layer .buttonWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fcms-webpush .webpush-layer figure,
.themenedit .webpush-layer figure {
  margin: 20px;
}

.fcms-webpush .webpush-layer li,
.themenedit .webpush-layer li {
  margin-bottom: 15px;
}

.fcms-webpush .webpush-layer > div,
.themenedit .webpush-layer > div {
  background: white;
  color: var(--color-font);
  padding: 20px;
  max-width: 90vw;
}

.fcms-webpush .webpush-layer > div img,
.themenedit .webpush-layer > div img  {
max-width: 100%;
}

.fcms-webpush .webpush-button {
  position: fixed;
  left: 10px;
  bottom: 10px;
  cursor: pointer;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 16777271;
}

.fcms-webpush .webpush-button > span {
  padding: 10px;
  float: left;
  position: relative;
  display: block;

}

.fcms-webpush .webpush-button:hover:after {
  background: var(--color-font);
  color: white;
  padding: 10px;
}

.fcms-webpush .webpush-button .material-icons {
  display: none;
  font-size: 60px;
  border-radius: 50%;
  padding: 10px;
  border: 5px solid var(--color-font);
  background: #fff;
  color: var(--color-font);
  -webkit-box-shadow: 0 0 5px var(--color-background-dark);
  box-shadow: 0 0 5px var(--color-background-dark);
}

.fcms-webpush.notifications_default .webpush-button .iconPush--paused {
  display: inline-block;
}

.fcms-webpush.notifications_granted .webpush-button .iconPush--on {
  display: inline-block;
  border-color: #009688;
  color: #009688;
  font-size: 30px;
}

.fcms-webpush.notifications_granted .webpush-button:hover:after {
  content: 'Benachrichtigungen sind aktiviert. Hier klicken um die abonnierten Services zu bearbeiten.';
}

.fcms-webpush.notifications_denied .webpush-button .iconPush--off {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-color: var(--color-primary);
  color: var(--color-primary);
  height: 75px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fcms-webpush.notifications_denied .webpush-button:hover:after {
  content: 'Benachrichtigungen sind blockiert.';
}

.fcms-webpush.notifications_default .webpush-button:hover:after {
  content: 'Klicken Sie hier um Benachrichtigungen zu erhalten.';
}

.fcms-webpush .webpush-button .material-icons {
  display: none;
}

/* umfragen_weiteres.css */
/* Kombilogin */

.kombilogin {
  background: #fff;
  padding: 40px 10px;
  margin-bottom: 50px;
}

.kombilogin  .boxcontainer > .boxheader > h2 {
  background: #fff;
}

*[data-fcms-container="error"],
.epayPaywall__meinAbo .error {
  color: var(--color-primary);
}

.kombilogin__buttonWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.kombilogin__buttonWrapper .btn {
  font-size: 16px;
}

.kombilogin .fcmskundeneingabefelder-desc {
  width: 45%;
}

.kombilogin__wrapper {
  margin-top: 20px;
  text-align: right;
}

.kombilogin .boxcontainer input {
  font-size: 18px;
}

.kombilogin--error {
  color: var(--color-primary);
  text-align: center;
}

/* Werbung Bilderserien */
.bilderserieAdframe--mobile { 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100vw - 60px);
  max-width: 100%;
  height: calc(100vw * 0.65);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;  
}

.bilderserieAdframe--desktop,
.bilderserieAdframe--tablet { display: none;
}

.icon-bgAdframe {
  position: relative;
  z-index: 99;
}


@media screen and (min-width: 768Px) {

  .bilderserieAdframe--mobile { display: none;}

  .bilderserieAdframe--tablet { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 550px;
    width: 678px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;  
  }

}

@media screen and (min-width: 1201Px) {

  .bilderserieAdframe--tablet { display: none;}

  .bilderserieAdframe--desktop { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 550px;
    width: 678px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;  
    height: 700px;
    width: 1086px;
  }

}

/* Umfragen */

.mixbox.mixboxUmfragen {
  display: block;
}

.mixbox.mixboxUmfragen .umfrage {
  padding-top: 40px;
}

.mixbox.mixboxUmfragen .ted-ergebnis .flex-container.nowrap,
.fcms_artdetail .umfrage .flex-container.nowrap {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.mixbox.mixboxUmfragen .ted-ergebnis .progress,
.fcms_artdetail .umfrage .ted-ergebnis .progress {
  width: 25%;
}

.mixbox.mixboxUmfragen .ted-ergebnis .result,
.fcms_artdetail .umfrage  .ted-ergebnis .result {
  width: 75%;
  position: relative;
}

.mixbox.mixboxUmfragen .ted-ergebnis .prozent,
.mixbox.mixboxUmfragen .ted-ergebnis .option-name,
.fcms_artdetail .umfrage .ted-ergebnis .option-name,
.fcms_artdetail .umfrage .ted-ergebnis .prozent {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.mixbox.mixboxUmfragen .boxcontainer .boxfooter {
  margin-bottom: 0;
}

.mixbox.mixboxUmfragen .boxcontainer .boxfooter .flex-container.end  {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 10px;
}

.fcms_artdetail .artikel-embedded-ted {
  display: block;
  padding: 30px;
  background: var(--color-background);
  box-shadow: 0px 0px 2px rgb(0 0 0 / 0.25);
}

.fcms_artdetail .umfrage .umfrage-headline {
  font-family: var(--font-secondary);
  font-weight: 700;
  margin-bottom: 20px;
}

.fcms_artdetail .umfrage .umfrage-optionen .option,
.fcms_artdetail .umfrage .ted-ergebnis .flex-container {  
  margin-bottom: 10px;
}

.fcms_artdetail .umfrage .umfrage-optionen .option,
.fcms_artdetail .umfrage .result .option-name {
  padding: 5px;
  font-size: 16px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 0 2px rgb(0 0 0 / .25);
}

.fcms_artdetail .umfrage .captcha {
  margin: 20px 0;
}

.fcms_artdetail .umfrage .captcha input[type="text"] {
  background: #fff;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 0.25);
}

.fcms_artdetail .umfrage .umfrage-submit {
  margin-top: 20px;
  text-align: center;
}

.fcms_artdetail .umfrage .umfrage-result {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: var(--color-font-grey);
  margin: 10px 0;
}

.fcms_artdetail .umfrage .progress {
  position: relative;
  height: 30px;
  display: block;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 2px;
  margin: 5px 0;
  overflow: hidden;
}

.fcms_artdetail .umfrage .result .prozent {
  color: #878787;
  font-style: italic;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  white-space: nowrap;
  margin-left: -70px;
  width: 65px;
  display: inline-block;
  text-align: right;
  background: transparent;
}

.fcms_artdetail .umfrage .result .option-name {
  margin-left: 30px;
}

.mixbox .umfrage {
  max-width: 100%;
}

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

  .mixbox.mixboxUmfragen .ted-ergebnis .flex-container.nowrap, 
  .fcms_artdetail .umfrage .flex-container.nowrap,
  .mixbox .umfrage .ted-ergebnis .flex-container.nowrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .mixbox .umfrage .result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .mixbox.mixboxUmfragen .ted-ergebnis .prozent,
  .mixbox .umfrage .result .prozent {
    margin-left: 0;
  }

}

@media screen and (min-width: 450px) {

  .mixbox.mixboxUmfragen .ted-ergebnis .prozent,
  .mixbox .umfrage .result .prozent {
    margin-left: -70px;
  }

}

/* LiveTicker */
.livetickerPage .liveticker {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1);
  box-shadow: 0px 0px 16px rgb(0 0 0 / 0.1);
  padding: 20px;
  margin-bottom: 20px;
}

.livetickerPage .liveticker table {
  width: 100%;
}

.livetickerPage .liveticker__headline {
  font-family: var(--font-secondary);
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin: 0 0 20px 0;
  padding: 0;
}

.livetickerPage--detail .liveticker__headline {
  margin: 0;
  text-align: center;
}

.fcms_artdetail .fcms_artdetail_text .livetickerPage--detail .fcmsTickerHeadlineSelector ul li {
  list-style-type: none;
}


.fcms_artdetail .fcms_artdetail_text .livetickerPage--detail .boxcontainer > .boxheader > h2 {
  margin: 0;
  font-size: 16px;
  line-height: 27px;
  background: white;
}

.livetickerPage .liveticker__team {
  width: 48%;
  text-align: center;
}

.livetickerPage .boxfooter {
  margin: 20px 0 0 0;
}

.livetickerPage .liveticker__teamTrenner {
  text-align: center;
}

.livetickerPage .liveticker__teamLogo {
  width: 100%;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 150px;
  flex: 1 1 150px;
}

.livetickerPage .liveticker__teamLogo img {
  width: auto;
  height: auto;
  max-width: 44%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
}

.livetickerPage .livetickerTeams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-lines);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.livetickerPage .liveticker__teamSpacer {
  display: none;
  width: 120px;
  height: 10px;
}

.livetickerPage .liveticker__teamWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 100%;
  margin-bottom: 20px;
}

.liveticker__standTeamlogos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}

.livetickerPage--detail .liveticker__teamTrenner {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6%;
  flex: 0 0 6%;
  text-align: center;
  font-size: 52px;
}

.livetickerPage--detail .fcmsTickerScoreBoardLine {
  padding: 0 20px;
}

.livetickerPage--detail .liveticker_message td:nth-child(2) {
  padding: 20px;
  border-bottom: 1px solid var(--color-lines);
}

.livetickerPage--detail .liveticker_message {
  border-bottom: 1px solid var(--color-lines);
  font-family: var(--font-secondary);
}

.liveticker__standErgebnis {
  font-size: 52px;
  line-height: 50px;
  margin: 20px 0;
}

.liveticker__standWrapper {
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
}

.livetickerPage--detail .fcmsTickerScoreBoardFoot {
  text-align: center;
  margin-top: -10px;
}

.liveticker__loadIcon {
  font-size: 30px;
  cursor: pointer;
}

.livetickerPage--detail .fcmsTickerLoading[data-fcms-visible="true"] + .fcmsTickerReload {
  display: none;
}


.liveticker__loadIcon--red,
.liveticker__color--red {
  color: var(--color-primary);
}

.livetickerPage--detail .fcmsTickerHeadlineSelector ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  padding-bottom: 0;
  border-bottom: 1px solid var(--color-lines);
  margin-bottom: 20px;
}

.livetickerPage--detail .fcmsTickerHeadlineSelector li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px 10px 0 10px;
  cursor: pointer;
  border: 1px solid #fff;
  text-align: center;
}

.livetickerPage--detail .fcmsTickerHeadlineSelector li.fcmsTickerHeadlineSelectorActive {
  border: 1px solid var(--color-lines);
  border-bottom: none;
  height: 40px;
  line-height: 25px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  background: var(--color-background-dark);
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.livetickerPage--detail .fcmsTickerHeadlineSelector li:hover,
.livetickerPage--detail .fcmsTickerHeadlineSelector li:focus,
.livetickerPage--detail .fcmsTickerHeadlineSelector li:active {
  border: 1px solid var(--color-lines);
  border-bottom: none;
}   

.livetickerPage--detail .fcmsTickerFinished {
  margin-top: 30px;
}

.fcms_artdetail .fcms_artdetail_text h2.liveticker__headline {
  font-family: var(--font-secondary);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  margin: 0px 0 40px 0;
}

.fcms_artdetail .fcms_artdetail_text ul.liveticker__messageList {
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
}

.fcms_artdetail .fcms_artdetail_text ul li.liveticker__message {
  display: flex;
  list-style: none;
  align-items: flex-start;
  width: 100%;
}

.fcms_artdetail .fcms_artdetail_text .liveticker__messageZeit {
  padding: 40px 20px 40px 0;
}

.fcms_artdetail .fcms_artdetail_text .liveticker__messageText {
  padding: 40px 0;
  border-bottom: 4px solid var(--color-lines);
  width: 100%;
}

.fcms_artdetail .fcms_artdetail_text .liveticker__messageText > p {
  margin-top: 0;
  font-weight: 400;
  width: 100%;
}

.fcms_artdetail .fcms_artdetail_text .liveticker__messageText > p:last-of-type {
  margin-bottom: 0;
}

.fcms_artdetail .fcms_artdetail_text ul li.liveticker__message:first-of-type .liveticker__messageZeit,
.fcms_artdetail .fcms_artdetail_text ul li.liveticker__message:first-of-type .liveticker__messageText {
  padding-top: 10px;
}

.fcms_artdetail .fcms_artdetail_text ul li .liveticker__messageTextContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fcms_artdetail .fcms_artdetail_text ul li .liveticker__messageTextStream, 
.fcms_artdetail .fcms_artdetail_text ul li .liveticker__messageTextFigure {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-bottom: 20px;
}

.fcms_artdetail .fcms_artdetail_text ul li .liveticker__messageTextFigure img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
}

.fcms_artdetail .fcms_artdetail_text ul li .liveticker__messageTextMessage {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: 400;
}

.fcms_artdetail .fcms_artdetail_text ul li .liveticker__messageTextMessage > p:first-of-type {
  margin-top: 0;
}

@media screen and (min-width: 767px) {

  .livetickerPage .livetickerTeams {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .liveticker__standTeamlogos {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .livetickerPage .liveticker__teamLogo {
    margin: 0 5px;
  }

  .liveticker__loadIcon {
    font-size: 52px;
  }

  .livetickerPage .liveticker__teamSpacer {
    display: inline-block;
  }

  .livetickerPage .liveticker__teamLogo img {
    margin-bottom: 0;
  }

}


@media screen and (min-width: 1201px) {


  .fcms_artdetail .fcms_artdetail_text ul li .liveticker__messageZeit {
    padding: 55px 20px;
  }

  .fcms_artdetail .fcms_artdetail_text ul li .liveticker__messageText {
    padding: 55px 0;
    margin-right: 120px;
  }

  .fcms_artdetail .fcms_artdetail_text ul li .liveticker__messageTextMessage {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

}

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


  .livetickerPage--detail .liveticker__headline {
    font-size: 22px;
    line-height: 32px;
  }

}


/* Tippspiel */
.content-startpage.tippspiel .contentbereich,
.content-startpage.tippspiel .contentbereich > * {
  margin-bottom: 20px;
}

.content-startpage.tippspiel .defaultbox .defaultteaser {
  box-shadow: none;
}

.tippspiel.Teilnahmebedingungen .boxcontainer .fcms_artdetail + .fcms_artdetail,
.tippspiel.Preise .boxcontainer .fcms_artdetail + .fcms_artdetail,
.tippspiel.Ranking .boxcontainer .fcms_artdetail + .fcms_artdetail {
  display: none;
}

.tippspiel__ranking.boxcontainer > .boxheader,
.tippspiel__userRang.boxcontainer > .boxheader,
.tippspiel__bedingungen.boxcontainer > .boxheader,
.tippspiel__nav.boxcontainer > .boxheader,
.tippspiel__preise.boxcontainer > .boxheader,
.tippspiel__tippen.boxcontainer > .boxheader {
  margin-bottom: 20px;
  line-height: 48px;
}

.tippspiel__ranking.boxcontainer > .boxheader > h2,
.tippspiel__userRang.boxcontainer > .boxheader > h2,
.tippspiel__nav.boxcontainer > .boxheader > h2,
.tippspiel__bedingungen.boxcontainer > .boxheader > h2,
.tippspiel__preise.boxcontainer > .boxheader > h2,
.tippspiel__tippen.boxcontainer > .boxheader > h2 {
  background: #fff;
  font-family: var(--font-secondary);
  font-size: 24px;
}

.tippspiel__ranking table,
.tippspiel__userRang table,
.tippspiel__tippen .tippspiel__tippenListe {
  border: 1px solid var(--color-lines);
  font-family: var(--font-secondary);
  font-size: 16px;
  border-spacing: 0;
}

.tippspiel__tippen .tippspiel__tippenListe {
  padding: 0;
}

.tippspiel__ranking td,
.tippspiel__userRang  td,
.tippspiel__tippen .tippspiel__tippenItem  {
  text-align: center;
  padding: 3px 0;
  border-bottom: 1px solid var(--color-lines);
}

.tippspiel__ranking td:nth-of-type(2) {
  text-align: left;
  padding-left: 20px;
}

.tippspiel__rankingHeader,
.tippspiel__tippenHeader,
.tippspiel__tippenItem--header {
  background: var(--color-background);
}

.tippspiel__rankingHeader td:nth-of-type(2) {
  border-right: solid 1px var(--color-lines);
  border-left: solid 1px var(--color-lines);
}

.boxfooter.tippbox__rankingFooter {
  margin: 30px 0 0 0;
}

.boxfooter.tippbox__rankingFooter .pagination {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.boxfooter.tippbox__rankingFooter .pagination a.pager-currpage, 
.boxfooter.tippbox__rankingFooter .pagination a.pager-pagenr {
  font-family: var(--font-secondary);
  padding: 7px 10px;
  background: var(--color-background);
  border: 1px solid var(--color-lines);
}

.boxfooter.tippbox__rankingFooter .pagination a.pager-currpage {
  background: var(--color-wirregio-blue);
  color: #fff;
  border-color: var(--color-wirregio-blue);
}

.boxfooter.tippbox__rankingFooter .pagination  a.pager-pagenr + a.pager-pagenr {
  border-left: none;
}

.boxfooter.tippbox__rankingFooter .pagination a.pager-currpage:hover,
.boxfooter.tippbox__rankingFooter .pagination a.pager-currpage:focus,
.boxfooter.tippbox__rankingFooter .pagination a.pager-currpage:active,
.boxfooter.tippbox__rankingFooter .pagination a.pager-pagenr:hover,
.boxfooter.tippbox__rankingFooter .pagination a.pager-pagenr:focus,
.boxfooter.tippbox__rankingFooter .pagination a.pager-pagenr:active {
  text-decoration: underline;
}

.boxfooter.tippbox__rankingFooter .pagination a.pager-skipdots {
  margin: 0 10px;
}

.boxfooter.tippbox__rankingFooter .pagination a.pager-pagenr.to-next,
.boxfooter.tippbox__rankingFooter .pagination a.pager-pagenr.to-prev {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 11px 5px;
}

.boxfooter.tippbox__rankingFooter .pagination a.pager-pagenr.to-next:before {
  content: "\e9a2";
}

.boxfooter.tippbox__rankingFooter .pagination a.pager-pagenr.to-prev:before {
  content: "\e9a9";
}

.tippspiel__navspieltage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.tippspiel__navspieltage a {
  padding: 5px 20px;
  margin: 0 10px;
  border: 1px solid #fff;
}

.tippspiel__navspieltage a:hover,
.tippspiel__navspieltage a:focus,
.tippspiel__navspieltage a:active {
  border: 1px solid var(--color-lines);
}

.tippspiel__navspieltage a span[class^="icon-"].tippspiel__icon--disabled {
  opacity: 0.5;
}

.tippspiel__preiseImg img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.tippspiel__tippenItemLine {
  padding: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tippspiel__tippenInfo {
  color: var(--color-primary);
  text-align: center;
}

.tippspiel__tippenItemLine--dateTime,
.tippspiel__tippenItemLine--info,
.tippspiel__tippenItemLine--tipp,
.tippspiel__tippenItemLine--points   {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.tippspiel__tippenItemLine--team {-webkit-box-flex: 0;-ms-flex: 0 0 45%;flex: 0 0 45%;}

.tippspiel__tippenItemLine--trenner {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
}

.tippspiel__tippenItemLine--teams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px 0;
}

.tippspiel__tippenTeam {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 20px);
  flex: 0 0 calc(50% - 20px);
  font-size: 18px;
}

.tippspiel__tippenTrenner {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
}

.tippspiel__tippenItemLine--results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 5px 0;
  margin: 5px 10px;
}

.tippspiel__tippenItemLine--result {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 33.333%;
  flex: 1 0 33.333%;
  border-right: 1px solid var(--color-lines);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tippspiel__tippenItemLine--result:last-of-type {
  border-right: none;
}

input[type="text"].tippspiel__tippenInput {
  text-align: center;
}


.tippspiel__tippenButtonWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.tippspiel__tippenButtonWrapper--done {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tippspiel__tippenItemLine--resultTippen {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tippspiel__tippenItemLine--resultInputWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content-startpage.tippspiel .defaultbox .teaser-image {
  position: relative;
  display: block;
}

.content-startpage.tippspiel .defaultbox .defaultteaser img {
  max-height: 100%;
}

.tippspiel__teaserHintergrundBild {
  width: 200%;
}

.tippspiel__teaserBild {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}



.content-startpage.tippspiel .defaultbox .teaser-content {
  margin-top: 10px;
}

.content-startpage.tippspiel .defaultbox .headline h2 {
  margin: 0 0 10px 0;
  line-height: 30px;
  max-width: 100%;
}

.content-startpage.tippspiel figure img {
  max-width: 100%;
}

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

  .content-startpage.tippspiel .defaultbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: scroll;
  }

  .content-startpage.tippspiel .boxcontainer > .boxheader {
    width: auto;
  }

  .content-startpage.tippspiel .defaultbox .headline h2,
  .content-startpage.tippspiel .boxcontainer > .boxheader > h2 {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    max-width: 100%;
  }

  .tippspiel__tippenTeam {
    font-size: 14px;
  }

}

@media screen and (min-width: 1201px) {

  .tippspiel__ranking.boxcontainer > .boxheader > h2,
  .tippspiel__userRang.boxcontainer > .boxheader > h2,
  .tippspiel__nav.boxcontainer > .boxheader > h2,
  .tippspiel__bedingungen.boxcontainer > .boxheader > h2{
    font-size: 34px;
  }

  .tippspiel__tippenItemLine--results {
    max-width: 768px;
    margin: 0 auto;
  }

}

/* Fotowettbewerb */
.fotowettbewerb {
  margin-bottom: 40px;
}

.fcms_artdetail.fotowettbewerb .article-images {
  min-height: auto;
}

.fotowettbewerb .extimages img {
  max-width: 100%;
}

.fotowettbewerb.fcms_artdetail .fcms_artdetail_text > ol li {
  font-weight: 400;
}

.fotowettbewerb__liste {
  padding: 0;
}

.fotowettbewerb__item {
  margin-bottom: 20px;
}

.fotowettbewerb__itemWrapper,
.fotowettberwerb__userdaten {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid var(--color-lines);
  padding: 25px;
}

.fotowettbewerb__itemWrapper figure {
  text-align: center;
  margin-bottom: 20px;
}

.fotowettberwerb__userdaten .formContainer {
  margin-bottom: 10px;
}

.fotowettbewerb__itemTextfelder input[type="text"],
.fotowettbewerb__itemTextfelder textarea,
.fotowettberwerb__userdaten input[type="text"],
.fotowettberwerb__userdaten .formularzeile {
  margin-bottom: 10px;
  font-size: 18px;
  max-width: 100%;
  font-family: var(--font-primary);
  resize: none;
}

.fotowettberwerb__userdaten input[type="text"] {
  margin-bottom: 0;
}

.fotowettbewerb__itemButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .fotowettbewerb__itemButtons {
    display: block;
  }
}

.fotowettbewerb__itemButtons > .btn {
  font-size: 18px;
  margin-bottom: 10px;
}

.fotowettbewerb__uploadInfo {
  color: var(--color-primary);
  margin-top: 15px;
}

.fotowettbewerb__datePicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fotowettbewerb__datePicker > a {
  margin-left: 10px;
}

@media screen and (min-width: 1201px) {

  .fotowettbewerb__itemWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .fotowettberwerb__userdaten > .formContainer {
    max-width: 560px;
    margin: 0 auto 40px auto;
  }

  .fotowettberwerb__userdaten > .fotowettbewerb__itemButtons {
    width: 560px;
    margin: 0 auto; 
  }

}

/* Wettberwerbe */
.boxcontainer.verlosung .dualinput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.boxcontainer.verlosung .dualinput input[name='cu_change[data][strasse]'] {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 70%;
  flex: 1 1 70%;
  margin-right: 5px;
}

.boxcontainer.verlosung .dualinput input[name='cu_change[data][ad_telefon]'],
.boxcontainer.verlosung .dualinput input[name='cu_change[data][ort]'] {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 70%;
  flex: 1 1 70%;
  margin-left: 5px;
}

.boxcontainer.verlosung .dualinput input[name='cu_change[data][hausnummer]'],
.boxcontainer.verlosung .dualinput input[name='cu_change[data][ad_telvw]'],
.boxcontainer.verlosung .dualinput input[name='cu_change[data][plz]']  {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;

}

.boxcontainer.verlosung .boxcontent,
.wettberwerb__buttonWrapper {
  max-width: 560px;
  margin: 0 auto;
}

.wettberwerb__buttonWrapper {
  text-align: right;
}

/* Sendmail */
.fcms_artdetail .contentbereich.sendmail {
  margin-bottom: 55px;
}

.sendmail .boxcontainer>.boxheader > h2 {
  background: #fff;
}

.sendmail .boxcontainer>.boxheader {
  margin-bottom: 40px;
}

.sendmail .fcms-versandobjekt {
  padding: 10px;
  background: var(--color-background);
  margin-bottom: 40px;
}

.sendmail .artikel-text-thumb {
  margin-bottom: 0;
}

.sendmail .fcms-versandobjekt:after,
.sendmail .fcms-objektversand-form > label:before {
  content: '';
  display: block;
  clear: both;
}

.sendmail .fcms-versandobjekt img {
  max-width: 100%;
}

.sendmail .fcms-objektversand-form > *,
.sendmail .fcms-objektversand-form input[type="text"],
.sendmail .fcms-objektversand-form input[type="email"],
.sendmail .fcms-objektversand-form textarea {
  margin-bottom: 15px;
  font-size: 18px;
  font-family: var(--font-primary);
}

.fcms_artdetail.fcms_gewinnspieldetail {
  margin-bottom: 50px;
}

/* needproduct-tpls */

.userProdukt {
  margin-bottom: 50px;
}

.userProdukt .boxcontainer>.boxheader>h2 {
  background: #fff;
}

.userProdukt .userProdukt__formular {
  max-width: 565px;
  margin: 0 auto;
}

.userProdukt .userProdukt__formular > table > tbody > tr,
.userProdukt .userProdukt__formular > .regfields > table > tbody > tr,
.kombilogin .userProdukt__formular > table > tbody > tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.kombilogin .userProdukt__formular>table>tbody>tr.tr-id1 {
  display: none;
}


.kombilogin .userProdukt__formular > table > tbody > tr > td.fcmskundeneingabefelder-desc {
  width: 100%
}

.kombilogin .userProdukt__formular input,
.userProdukt .userProdukt__formular input,
.userProdukt .userProdukt__formular select,
.userProdukt .userProdukt__formular input[type="radio"] + label {
  margin-bottom: 10px;
}

.kombilogin .userProdukt__formular input,
.userProdukt .userProdukt__formular input {
  font-size: 18px;
}

.kombilogin .userProdukt__formular span.dualinput,
.userProdukt .userProdukt__formular span.dualinput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.kombilogin .userProdukt__formular .id13 span.dualinput .firstinput,
.userProdukt .userProdukt__formular .id13 span.dualinput .firstinput {
  margin-right: 10px;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.kombilogin .userProdukt__formular .id13 span.dualinput .secondinput,
.userProdukt .userProdukt__formular .id13 span.dualinput .secondinput {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.kombilogin .userProdukt__formular  .id16 span.dualinput .secondinput,
.kombilogin .userProdukt__formular  .id22 span.dualinput .secondinput,
.userProdukt .userProdukt__formular .id16 span.dualinput .secondinput,
.userProdukt .userProdukt__formular .id22 span.dualinput .secondinput,
.userProdukt .userProdukt__formular .id28 span.dualinput .secondinput {
  margin-left: 10px;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.kombilogin .userProdukt__formular .id16 span.dualinput .firstinput,
.kombilogin .userProdukt__formular.id22 span.dualinput .firstinput,
.userProdukt .userProdukt__formular .id16 span.dualinput .firstinput,
.userProdukt .userProdukt__formular .id22 span.dualinput .firstinput,
.userProdukt .userProdukt__formular .id28 span.dualinput .firstinput {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.userProdukt .userProdukt__formular input.err,
.userProdukt .userProdukt__formular .fcms-error-messages {
  border: 1px solid var(--color-primary);
}

.userProdukt .userProdukt__formular .fcms-error-messages  {
  color: var(--color-primary);
}

.fcms-error-messages,
.fcms-info-messages,
.fcms-other-messages {
  display: block;
  padding: 10px;
}

.fcms-error-messages,
.fcms-other-messages {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.fcms-info-messages {
  border: 1px solid var(--color-font-grey);
  color: var(--color-font);
}


.kombilogin .boxcontainer input.err {
  border: 1px solid var(--color-primary);
}

*[data-fcms-container="error"] {
  color: var(--color-primary);
}

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

  form#competitionForm [data-fcms-domid="competition-question-container"] > table,
  form#competitionForm [data-fcms-domid="competition-question-container"] > table > tbody {
    max-width: 100%;
    display: block;
  }

  form#competitionForm [data-fcms-domid="competition-question-container"] > table > tbody > tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  form#competitionForm [data-fcms-domid="competition-question-container"] > table > tbody > tr > td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding-right: 0 !important;
  }

  form#competitionForm [data-fcms-domid="competition-question-container"] > table > tbody > tr > td img {
    max-width: 100%;
  }

  form#competitionForm [data-fcms-domid="competition-question-container"] input[type="button"] {
    max-width: 100%;
  }

}

.fcms_artdetail img,
.fcms_artdetail video {
  max-width: 100%;
  height: auto;
}

.adframe-height + .adframe-height {
  margin-top: 40px;
}

.gedenken-Embed {
  height: 1090px;
}

@media screen and (min-width: 300px) {

  .gedenken-Embed {
    height: 1000px;
  }

}


@media screen and (min-width: 350px) {

  .gedenken-Embed {
    height: 550px;
  }

}

@media screen and (min-width: 400px) {

  .gedenken-Embed {
    height: 870px;
  }

}


@media screen and (min-width: 450px) {

  .gedenken-Embed {
    height: 750px;
  }

}

@media screen and (min-width: 500px) {

  .gedenken-Embed {
    height: 700px;
  }

}

@media screen and (min-width: 1201px) {

  .gedenken-Embed {
    height: 495px;
  }

}

/* Errorpage */
.facetsuche.facetsuche--Errorpage {
  position: relative;
}

.facetsuche.facetsuche--Errorpage .suchfeld {
  max-width: 610px;
  height: 50px;
  font-size: 15px;
  padding-left: 45px;
}

.facetsuche.facetsuche--Errorpage .searchButtonHeader {
  height: 30px;
  width: 30px;
  display: inline-block;
  position: absolute;
  left: 5px;
  bottom: 10px;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  background: transparent;
  color: #000;
}

.buttonWrapper.buttonWrapper--errorpage,
.buttonWrapper.buttonWrapper--system {
  display: flex;
  justify-content: space-between;
  margin: 32px 0 8px 0;
  flex-wrap: wrap;
}

.buttonWrapper.buttonWrapper--system {
  margin: 0;
}

.buttonWrapper.buttonWrapper--errorpage > *,
.buttonWrapper.buttonWrapper--system > * {
  flex: 0 0 100%;
}

.buttonWrapper.buttonWrapper--errorpage > *:first-child,
.buttonWrapper.buttonWrapper--system > *:first-child {
  margin-bottom: 16px;
}

@media screen and (min-width: 450px) {
  .buttonWrapper.buttonWrapper--errorpage > *,
  .buttonWrapper.buttonWrapper--system > * {
    flex: 0 1 48%;
  }

  .buttonWrapper.buttonWrapper--errorpage > *:first-child,
  .buttonWrapper.buttonWrapper--system > *:first-child {
    margin-bottom: 0;
  }

}

@media screen and (min-width: 767px) {
  .buttonWrapper.buttonWrapper--errorpage > * {
    flex: 0 0 300px;
  }

  .buttonWrapper.buttonWrapper--system > * {
    flex: 0 0 calc(50% - 8px);
  }

}

@media screen and (min-width: 1201px) {
  .buttonWrapper.buttonWrapper--errorpage  {
    justify-content: flex-start;
  }

  .buttonWrapper.buttonWrapper--errorpage > *:first-child{
    margin-right: 16px;
  }

}

/* Formulare Erfolgs- & Fehlermeldung */
.formText {
  padding: 16px;
  margin-bottom: 60px;
}

.formText.formText--error {
  background-color: rgb(243, 232, 232);
  background-color: var(--form-error);
}

.formText.formText--success {
  background: rgb(152 251 152 / 0.5);
  background-color: var(--form-success);
}

.formText > h4.formText__headline {
  font-family: var(--font-secondary);
  font-size: 24px;
  font-weight: 400;
  color: var(--color-font);
  text-transform: inherit;
  margin: 0;
  padding: 0;
}

.formText .formText__message {
  margin: 16px 0 0  0;
}

.formText .formText__message:empty {
  margin: 0;
}

.formText + .buttonWrapper a.btn:not(.symbol)  {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 38px;
  padding: 0 2rem;
}

/* main_julian.css */
/* */
@media screen and (max-width: 767px){
	.artikeldetailtab_inner .article_back {
    	right: 15px;
	}
}


/* fancybox.css */
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgb(30 30 30 / .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
/*     left: env(safe-area-inset-left); */
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
/*     right: env(safe-area-inset-right); */
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgb(0 0 0 / .85) 0%,
        rgb(0 0 0 / .3) 50%,
        rgb(0 0 0 / .15) 65%,
        rgb(0 0 0 / .075) 75.5%,
        rgb(0 0 0 / .037) 82.85%,
        rgb(0 0 0 / .019) 88%,
        rgb(0 0 0 / 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
/*     .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    } */
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
/*             padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right)); */
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgb(0 0 0 / 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgb(0 0 0 / .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgb(0 0 0 / .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/* portalticker.css */
.portalTicker .tickerDate {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 24px;
}

.portalTicker .tickerRating {    
  display: flex;
  align-items: center;
  margin: 40px 0 80px 0;
  position: relative;
  clear: both;
}

.portalTicker .tickerRating  > .tickerRatingContent {    
  display: inline-flex;
  position: relative;
  z-index: 2;
  background: #fff;
  padding-right: 10px;
  font-size: 14px;
  line-height: 16px;
}

.portalTicker .tickerRating  > .tickerRatingContent > a {
  font-weight: bold;
  display: flex;
  align-items: center;

}

.portalTicker .tickerRating  > .tickerRatingContent > a  > * {
  display: inline-block;
  margin: 0 5px 0 0;
}

.portalTicker .tickerRatingBorder {
  width: 100%;
  border-top: 1px solid #ccc;
  position: absolute;
  left: 0;
  bottom: 0;
}

.portalTicker .tickerRatingContent .rating .icon-ico-Vergroessern {
  font-size: 14px;
  border: 1px solid #D80015;
  border: 1px solid var(--color-primary);
  color: #D80015;
  color: var(--color-primary);
  padding: 1px;
  margin: -2px 10px 0 0;
}

.portalTicker .tickerRatingContent .rating.rating--rated .icon-ico-Vergroessern {
  border: 1px solid #94C20F;
  color: #94C20F;
}

.portalTicker .tickerRatingContent .rating.rating--ausgeloggt {
  cursor: not-allowed;
  font-weight: bold;
}

.portalTicker .tickerRatingContent .rating.rating--ausgeloggt .icon-ico-Vergroessern {
  display: none;
}


.portalTicker  .fancybox-caption {
  padding: 125px 44px 25px 44px;
}

.portalTicker  .tickerEintrag p,
.portalTicker  .fancybox-caption__body{
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.portalTicker  .fancybox-caption__body > h5 {
  margin: 0;
}

.portalTicker  .tickerEintrag p a {
  color: var(--color-primary);
  text-decoration: underline;
}


.portalTicker .tickerEintragArtikel {
  margin: 15px -20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px;
  background:  #FCE5E8;
  background: var(--color-background-light-red);
}

.portalTicker .tickerEintragArtikel figure{
  margin: 0 0 20px 0 ;
}

.portalTicker .tickerEintragArtikel > div {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.portalTicker .tickerEintragArtikel > div  h2,
.portalTicker .tickerEintragBild > div  h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;    
  font-family: var(--font-secondary);
}

.portalTicker .fcms_artdetail .artikel-text-thumb, 
.portalTicker .fcms_artdetail .artikel-text-video,
.portalTicker .tickerEintrag--figure {
  float: left;
  width: 335px;
  margin-right: 20px;
  margin-bottom: 10px;
  clear: both;
  max-width: 100%;
}

.portalTicker .streamset.tickerEintrag .tickerEintrag--figure:after {
  content: '';
  width: 100%;
  display: block;
  clear: both;
  height: 20px;
}

.portalTicker .fcms_artdetail  .extimages .symbol, 
.portalTicker .fcms_artdetail .thumb .symbol, 
.portalTicker .fcms_artdetail figure .symbol,
.portalTicker .tickerEintrag--figure .symbol {
  z-index: 4;
  width: 50px;
  height: 50px;
  background: #fff;
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.portalTicker  .responsiveEmbed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

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


.portalTicker  .fancybox-bg {
  background: var(--color-background);
}

.portalTicker  .fancybox-slide--image .fancybox-content {
  box-shadow: 0 0 16px rgb(0 0 0 / 10%);
  padding: 10px;
  background: #fff;
}

.portalTicker  .fancybox-content > .fancybox-image {
  width: calc(100% - 40px);
  height: auto;
  max-height: calc(100% - 40px);
  margin: 20px;
}

.portalTicker  .fancybox-toolbar {
  background: #fff;
  color: #000;
  color: var(--color-secondary);
}

.portalTicker  button.fancybox-button,
.portalTicker  button.fancybox-button:hover,
.portalTicker  .fancybox-infobar,
.portalTicker  .fancybox-infobar:hover {
  background: #fff;
  color: #000;
  color: var(--color-secondary);
}

.portalTicker  button.fancybox-button svg {
  color: #000;
  color: var(--color-secondary);
}


.portalTicker  .fancybox-button[disabled], 
.portalTicker  .fancybox-button[disabled]:hover {
  display: none;
}

.portalTicker .tickerEintragEmbed--container {
  max-width: 100%;
  overflow: hidden;
}

.portalTicker .tickerEintragEmbed--container > * {
  max-width: 100%;
}

.portalTicker .fancybox-link {
  cursor: pointer;
}

@media screen and (min-width: 767px) {

  .portalTicker  .tickerEintragArtikel {
    flex-direction: row;
    margin: 15px -30px;
  }

  .portalTicker .tickerEintragArtikel figure{
    margin: 0 20px 0 0;
    flex: 0 0 335px;
  }

  .portalTicker  .tickerEintragArtikel > div  h2,
  .portalTicker  .tickerEintragBild > div  h2 {
    font-size: 26px;
    font-weight: 400;
    line-height: 35px;
  }

}


@media screen and (max-width: 767px) {
  .portalTicker .tickerEintrag--figure {
    width: initial;
    margin-right: 0;
  }

  .portalTicker .streamset.tickerEintrag  .tickerEintrag--figure {
    width: 100%;
  }

}


/* Liveticker Fußball */

.fcms_artdetail.football-liveticker .liveticker-detail-header {
  margin-bottom: 0;
}

.scoreboard-grid {
  display: grid;
  grid-template-columns: 1fr 188px 1fr;
  grid-template-rows: auto auto auto;
  grid-column-gap: 16px;
}

.scoreboard-grid .home-team-club-emblem,
.scoreboard-grid .visiting-team-club-emblem {
  width: 80px;
  height: 80px;
  text-align: center;
  margin-bottom: 16px;
  justify-self: center;
}

.scoreboard-grid .home-team-club-emblem {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}

.scoreboard-grid .home-team-name,
.scoreboard-grid .visiting-team-name {
  font-family: var(--font-secondary);
  font-size: 26px;
  font-weight: 500;
  line-height: 35px;
  margin: 20px 0;
  text-align: center;
}

.scoreboard-grid .home-team-name {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}

.scoreboard-grid .phase {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 4;
  text-align: center;
}
.scoreboard-grid .visiting-team-club-emblem {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
}
.scoreboard-grid .visiting-team-name {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
}

.scoreboard-grid .visiting-team-club-emblem img,
.scoreboard-grid .home-team-club-emblem img {
  width: auto;
  height: 80px;
}

.scoreboard-grid .score h1{
  font-size: 56px;
  font-weight: bold;
  line-height: normal;
  margin: -3px 0 5px 0
}

.scoreboard-grid .minute-of-play {
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  justify-content: center;
  min-height: 1.17em;
}

@media screen and (max-width: 767px) {
  .scoreboard-grid {
    grid-template-columns: 1fr 211px 1fr;
  }
  .scoreboard-grid .visiting-team-club-emblem,
  .scoreboard-grid .home-team-club-emblem {
    width: 60px;
    height: 60px;
    text-align: initial;
  }
  .scoreboard-grid .visiting-team-club-emblem img,
  .scoreboard-grid .home-team-club-emblem img {
    width: auto;
    height: 60px;
  }

  .scoreboard-grid .home-team-club-emblem {
    margin-right: -46px;
    justify-self: end;
    z-index: 9;
  }
  .scoreboard-grid .visiting-team-club-emblem {
    margin-left: -37px;
    justify-self: start;
    z-index: 9;
  }
  .scoreboard-grid .home-team-name {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .scoreboard-grid .home-team-club-emblem {
    grid-row-start: 2;
    grid-row-end: 3;
  }

  .scoreboard-grid .phase {
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .scoreboard-grid .visiting-team-club-emblem {
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .scoreboard-grid .visiting-team-name {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    margin-top: 17px;
  }
}

.liveticker-infobox-container {
  text-align: center;
}

.fussball-liveticker-infobox {
  margin: 20px 0 0 0;
  border-bottom: 1px solid var(--color-lines);
}

.fussball-liveticker-infobox .liveticker-infobox-menu-text {
  position: relative;
  display: inline-block;
  padding: 10px 30px 10px 30px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.33;
  font-weight: normal;
  width: 172px;
}

.fussball-liveticker-infobox .fli-button-active {
  border: none;
  margin-bottom: -1px;
  background: var(--color-background-dark);
  color: #fff;
}

.fli-toggleContainer {
  padding: 16px 0;
  border-top: 1px solid var(--icon-border-grey);
  border-bottom: 1px solid var(--icon-border-grey);
  margin-bottom: 24px;
  border-bottom: 1px solid var(--color-lines);
}
.phase-of-the-game {
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  color: var(--color-font);
  margin-top: -9px;
}

.fli-toggleContainer .goals-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  color: var(--color-font);
}
.fli-toggleContainer .goals-grid .goals-home-team {
  grid-column-start: 1;
  grid-column-end: 2;
  justify-self: end;
  text-align: right;
}
.fli-toggleContainer .goals-grid .goals-visiting-team {
  grid-column-start: 3;
  grid-column-end: 4;
  justify-self: start;
  text-align: left;
}

.fli-toggleContainer .line-up-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  color: var(--ink);
  padding: 0 56px;
}
.fli-toggleContainer .line-up-flex .line-up-home-team {
  text-align: left;
}
.fli-toggleContainer .line-up-flex .line-up-visiting-team {
  text-align: left;
}

.fli-toggleContainer .line-up-flex ul {
  padding-left: 0;
  list-style-type: none;
}

.fli-toggleContainer .line-up-flex .line-up-bold {
  font-weight: 700;
}

.fli-toggleContainer .match-infos {
  font-size: 16px;
  line-height: 2;
  color: var(--color-font);
  padding: 0 56px;
}

.fli-toggleContainer .match-infos .match-infos-label {
  font-weight: 700;
}

.fli-toggleContainer .eventlist {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  color: var(--color-font);
  padding: 0 56px;
  text-align: center;
  margin: 0;
}

.fli-toggleContainer .eventlist .emblem, .fli-toggleContainer .match-infos .eventlist .emblem {
  vertical-align: middle; 
  margin-right: 2px;
  display:inline-block;
}

.yellow-card {
  width: 20px;
  height: 24px;
  background: #ffd922;
}
.yellow-red-card {
  width: 28px;
  height: 24px;
  background: #D80015;
  border-left: 8px solid #ffd922;
}
.red-card {
  width: 20px;
  height: 24px;
  background: #D80015;
}

.fli-toggleContainer .eventlist .yellow-card, 
.fli-toggleContainer .eventlist .red-card, 
.fli-toggleContainer .eventlist .yellow-red-card {
  display: inline-block;
  width:10px;
  height:12px;
  margin-right:5px;
}

.fli-toggleContainer .eventlist .yellow-red-card {
  border-left: 5px solid #ffd922;
}

.fli-toggleContainer .eventlist .arrow-out {
  color: var(--color-primary);
}

.fli-toggleContainer .eventlist .arrow-in {
  color: #92ca1d;
}

.liveticker-eintraege .football-text-opening {
  font-weight: 500;
}

.liveticker-message {
  text-align: center;
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  color: var(--color-font);
}

.scoreboard-grid .phase .kick-off-date {
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
}
.scoreboard-grid .phase .kick-off-time {
  font-size: 24px;
  line-height: 1;
}

@media screen and (max-width: 1200px) {
  .fussball-liveticker-infobox .liveticker-infobox-menu-text {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 767px) {
  .fussball-liveticker-infobox .liveticker-infobox-menu-text {
    padding: 10px 8px 10px 8px;
    font-size: 12px;
    line-height: normal;
    width: 90px;
  }

  .fli-toggleContainer .goals-grid,
  .fli-toggleContainer .match-infos,
  .fli-toggleContainer .line-up-flex,
  .fli-toggleContainer .eventlist { 
    font-size: 12px;
    line-height: 1.5;
  }

  .fli-toggleContainer .goals-grid{
    grid-template-columns: 1fr 32px 1fr;
  }

  .fli-toggleContainer .line-up-flex{
    padding: 0;
  }

  .fli-toggleContainer .match-infos { 
    text-align: center;
  }
  .scoreboard-grid .phase .kick-off-time {
    margin-bottom: 36px;
  }
}

.football-liveticker .ticker-posts [id^="post-"] {
  display: grid;
  grid-template-columns: 88px 1fr;
  grid-column-gap: 35px;
  padding: 0 20px;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 32px;
}

.football-liveticker .ticker-posts h3,
.football-liveticker .ticker-posts .tickerDate {
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
  margin-top: 0;
}

.football-liveticker .ticker-posts .tickerDate .liveticker-date {
  display: none;
}
.football-liveticker .ticker-posts .tickerDate .liveticker-time {
  font-size: 19px;
}


.football-liveticker .ticker-posts h3 {
  margin-bottom: 18px;
}

.football-liveticker .ticker-posts [id^="post-"] .tickerDate {
  justify-self: end;
}

.football-liveticker .ticker-posts [id^="post-"].goal .flex-container,
.football-liveticker .ticker-posts [id^="post-"].var .flex-container,
.football-liveticker .ticker-posts [id^="post-"].card .flex-container,
.football-liveticker .ticker-posts [id^="post-"].substitution .flex-container,
.football-liveticker .ticker-posts [id^="post-"].time .flex-container {
  align-items: flex-start;
}

.football-liveticker .ticker-posts [id^="post-"].goal .flex-container img,
.football-liveticker .ticker-posts [id^="post-"].var .flex-container img,
.football-liveticker .ticker-posts [id^="post-"].card .flex-container img,
.football-liveticker .ticker-posts [id^="post-"].substitution .flex-container img,
.football-liveticker .ticker-posts [id^="post-"].time .flex-container img {
  margin-top: 8px;
} 

.football-liveticker .ticker-posts [id^="post-"] .tickerRating {
  grid-column: 1 / -1;
}

.football-liveticker .ticker-posts [id^="post-"].text p:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].text h1:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].text h2:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].text h3:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].text h4:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].text h5:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].article p:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].article h1:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].article h2:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].article h3:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].article h4:first-of-type,
.football-liveticker .ticker-posts [id^="post-"].article h5:first-of-type {
  margin-top: 0;
}


.portalTicker .football-liveticker .tickerRating {
  margin: 12px 0 20px 0;
}

@media screen and (max-width: 767px) {
  .football-liveticker .ticker-posts [id^="post-"] {
    grid-template-columns: 1fr;
    grid-column-gap: 12px;
    padding: 0;
  }
  .football-liveticker .ticker-posts [id^="post-"] .flex-container{
    justify-content: flex-start;
  }
  .football-liveticker .ticker-posts [id^="post-"] .tickerDate {
    justify-self: start;
    margin-bottom: 0;
  }
  .football-liveticker .ticker-posts h3 {
    margin-top: 5px;
  }
  .football-liveticker .ticker-posts [id^="post-"].goal .flex-container img,
  .football-liveticker .ticker-posts [id^="post-"].var .flex-container img,
  .football-liveticker .ticker-posts [id^="post-"].card .flex-container img,
  .football-liveticker .ticker-posts [id^="post-"].substitution .flex-container img,
  .football-liveticker .ticker-posts [id^="post-"].time .flex-container img {
    margin-right: 10px;
  } 
}


/* soft-relaunch-2022 */
/*** TEASER ***/

/* DEFAULT-TEASER */

.defaultbox.defaultbox-top .defaultteaser .teaser-image > a,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-image > a,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-image > a,
.defaultbox.defaultbox-2-2 .defaultteaser .teaser-image > a,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-image > a,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-image > a {
  position: relative;
}

.defaultbox.defaultbox-top .defaultteaser .teaser-image > a img,
.defaultbox.defaultbox-top .defaultteaser .teaser-image > a video,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-image > a img,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-image > a video,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-image > a img,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-image > a video,
.defaultbox.defaultbox-2-2 .defaultteaser .teaser-image > a img,
.defaultbox.defaultbox-2-2 .defaultteaser .teaser-image > a video,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-image > a img,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-image > a video,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-image > a img,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-image > a video {
  display: block;
  width: 100%;
  height: auto;
}

.defaultbox.defaultbox-top .defaultteaser .teaser-image > a img.lazyload,
.defaultbox.defaultbox-top .defaultteaser .teaser-image > a img.lazyloading,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-image > a img.lazyload,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-image > a img.lazyloading,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-image > a img.lazyload,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-image > a img.lazyloading,
.defaultbox.defaultbox-2-2 .defaultteaser .teaser-image > a img.lazyload,
.defaultbox.defaultbox-2-2 .defaultteaser .teaser-image > a img.lazyloading,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-image > a img.lazyload,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-image > a img.lazyloading,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-image > a img.lazyload,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-image > a img.lazyloading {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 62.674%;
  background-color: var(--color-background);
  background-image: url(/design2020/images/placeholder-lazyload-image.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px auto;
}

.defaultbox.defaultbox-top .defaultteaser .teaser-content,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-content,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-content,
.defaultbox.defaultbox-2-2 .defaultteaser .teaser-content,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-content,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-content {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.6em;
}

.defaultbox.defaultbox-top .defaultteaser .teaser-content .topline,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .topline,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-content .topline,
.defaultbox.defaultbox-2-2 .defaultteaser .teaser-content .topline,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-content .topline,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-content .topline {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 4px;
}

.defaultbox.defaultbox-top .defaultteaser .teaser-content .headline,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .headline,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-content .headline,
.defaultbox.defaultbox-2-2 .defaultteaser .teaser-content .headline,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-content .headline,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-content .headline {
  font-size: 1.375em;
  font-weight: 400;
  line-height: 1.35em;
}

.defaultbox.defaultbox-top .defaultteaser .teaser-content .description,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .description,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-content .description,
.defaultbox.defaultbox-2-2 .defaultteaser .teaser-content .description,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-content .description,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-content .description {
  font-size: inherit;
  line-height: inherit;
}

.defaultbox.defaultbox-top .defaultteaser .teaser-content .more-icons,
.defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .more-icons,
.defaultbox.defaultbox-1-3 .defaultteaser .teaser-content .more-icons,
.defaultbox.defaultbox-2-3 .defaultteaser .teaser-content .more-icons,
.defaultbox.defaultbox-3-3 .defaultteaser .teaser-content .more-icons {
  font-size: 30px;
}

.defaultbox.defaultbox--userBlog .defaultteaser.defaultteaser--userBlog .teaser-content .topline {
  color: var(--color-font-grey);
}

.defaultbox.defaultbox--userBlog .defaultteaser.defaultteaser--userBlog .teaser-content .description {
  display: block !important;
}

.defaultbox .defaultteaser.read:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: #fff;
  pointer-events: none;
  opacity: 0.5;
}


/* DEFAULTBOX-TOP */

.defaultbox.defaultbox-top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: max-content max-content 1fr;
  grid-gap: 15px;
  margin: 0 0 15px 0;
}

.defaultbox.defaultbox-top .defaultteaser {
  grid-column: auto;
  grid-row: auto;
}

.defaultbox.defaultbox-top .defaultteaser:nth-child(1) {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
}

.defaultbox.defaultbox-top .defaultteaser:nth-child(1) .teaser-content .headline {
  font-size: 32px;
}

.defaultbox.defaultbox-top .defaultteaser:nth-child(2) .teaser-content .description,
.defaultbox.defaultbox-top .defaultteaser:nth-child(3) .teaser-content .description {
  display: none;
}



/* DEFAULTBOX-0-3 */

.defaultbox.defaultbox-0-3 {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-gap: 15px;
  margin: 0 0 15px 0;
}

.defaultbox.defaultbox-0-3 .defaultteaser {
  grid-column: auto / span 2;
}



/* DEFAULTBOX-1-3 */

.defaultbox.defaultbox-1-3 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2,auto);
  grid-gap: 15px;
  margin: 0 0 15px 0;
}

.defaultbox.defaultbox-1-3 .defaultteaser:nth-child(-n+2) {
  grid-column: span 3;
}

.defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+3) {
  grid-column: span 2;
}



/* DEFAULTBOX-2-2 */

.defaultbox.defaultbox-2-2 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-gap: 15px;
  margin: 0 0 15px 0;
}

.defaultbox.defaultbox-2-2 .defaultteaser {
  grid-column: auto / span 3;
}



/* DEFAULTBOX-2-3 */

.defaultbox.defaultbox-2-3 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2,auto);
  grid-gap: 15px;
  margin: 0 0 15px 0;
}

.defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+2) {
  grid-column: span 3;
}

.defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3) {
  grid-column: span 2;
}



/* DEFAULTBOX-3-3 */

.defaultbox.defaultbox-3-3 {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-gap: 15px;
  margin: 0 0 15px 0;
}

.defaultbox.defaultbox-3-3 .defaultteaser {
  grid-column: auto / span 2;
}

.defaultbox.defaultbox-3-3 .ad-container {
  grid-column: 1 / -1;
}

.defaultbox.defaultbox-3-3 .defaultteaser .teaser-image {
  position: relative;
}

.defaultbox.defaultbox-3-3 .defaultteaser .teaser-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 5px 10px 5px;
  margin-top: 15px;
}


/* DEFAULTBOX MEDIA */

.defaultbox.defaultbox-media {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 15px;
  margin: 0 0 15px 0;
}

.defaultbox.defaultbox-media .defaultteaser.defaultteaser--media {
  grid-column: span 2;
}

.defaultteaser.defaultteaser--media.locked .teaser-image:after,
.fotoglider .item.locked .imgbox:before {
  content: "Abo";
  display: block;
  padding: 0.75em 1em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-family: var(--font-secondary);
  font-size: 14px;
  color: #fff;
  line-height: 1;
  background: var(--color-primary);
  pointer-events: none;
}

.defaultteaser.defaultteaser--media .teaser-image .icon {
  display: block;
  padding: 0 0 5px 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 30px;
  line-height: 1;
  background: #fff;
  pointer-events: none;
}

.defaultteaser.defaultteaser--media .teaser-content {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  margin: 0 10px 10px 10px;
  padding: 20px 20px 10px 20px;
  background: -webkit-gradient(linear,left bottom, left top,from(rgb(0 0 0 / 1)),color-stop(80%, rgb(0 0 0 / 0.4)),to(rgb(0 0 0 / 0)));
  background: -o-linear-gradient(bottom,rgb(0 0 0 / 1) 0%,rgb(0 0 0 / 0.4) 80%,rgb(0 0 0 / 0) 100%);
  background: linear-gradient(0deg,rgb(0 0 0 / 1) 0%,rgb(0 0 0 / 0.4) 80%,rgb(0 0 0 / 0) 100%);
}

.defaultteaser.defaultteaser--media .teaser-content .headline {
  font-size: 18px;
  color: #fff;
  line-height: 1.2em;
  margin-bottom: 4px;
}

.defaultteaser.defaultteaser--media .teaser-content .description {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #fff;
}


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

  /* DEFAULTBOX-TOP */

  .defaultbox.defaultbox-top {
    grid-template-rows: repeat(6,auto);
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(1) .teaser-content .headline {
    font-size: 1.375em;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+3) {
    grid-column: 1 / -1;
  }

  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4) {
    grid-column: 1 / -1;
    flex-direction: row;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4) .teaser-image {
    flex: 1 0 35%;
    max-width: 35%;
    margin-right: 20px;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4) .teaser-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 0;
  }

  .defaultbox.defaultbox-top .defaultteaser .teaser-content .description {
    display: none;
  }

  /* DEFAULTBOX-RELATED */
  
  .defaultbox.defaultbox-0-3 .defaultteaser {
    grid-column: 1 / -1;
    flex-direction: row;
  }

  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-image {
    flex: 1 0 35%;
    max-width: 35%;
    margin-right: 20px;
    overflow: hidden;
    margin-bottom: 0;
  }

  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 0;
  }

  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .description {
    display: none;
  }
  

  /* DEFAULTBOX-1-3 */

  .defaultbox.defaultbox-1-3 {
    grid-template-rows: repeat(4,auto);
  }

  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(odd),
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(even) {
    grid-column: 1 / -1;
  }

  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2) {
    flex-direction: row;
  }

  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2) .teaser-image {
    flex: 1 0 35%;
    max-width: 35%;
    margin-right: 20px;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2) .teaser-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 0;
  }

  .defaultbox.defaultbox-1-3 .defaultteaser .description {
    display: none;
  }
  
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2) .time {
    margin-top: auto;
  }
  

  /* DEFAULTBOX-2-2 */

  .defaultbox.defaultbox-2-2 .defaultteaser {
    grid-column: 1 / -1;
  }
  

  /* DEFAULTBOX-2-3 */

  .defaultbox.defaultbox-2-3 {
    grid-template-rows: repeat(4,auto);
  }

  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(odd),
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(even) {
    grid-column: 1 / -1;
  }

  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3) {
    flex-direction: row;
  }

  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3) .teaser-image {
    flex: 1 0 35%;
    max-width: 35%;
    margin-right: 20px;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3) .teaser-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 0;
  }

  .defaultbox.defaultbox-2-3 .defaultteaser .description {
    display: none;
  }
  
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3) .time {
    margin-top: auto;
  }
  

  /* DEFAULTBOX-3-3 */
  
  .defaultbox.defaultbox-3-3 .ad-container {
    grid-column: 1 / -1;
    grid-row: 4 / span 1;
  }

  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3) {
    grid-column: 1 / -1;
  }

  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4) {
    grid-column: 1 / -1;
    flex-direction: row;
  }

  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4) .teaser-image {
    flex: 1 0 35%;
    max-width: 35%;
    margin-right: 20px;
    overflow: hidden;
    margin-bottom: 0;
  }

  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4) .teaser-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 0;
  }

  .defaultbox.defaultbox-3-3 .defaultteaser .teaser-content .description {
    display: none;
  }
  
  /* Badge Printpublikation */
  
  .defaultbox.defaultbox-top .defaultteaser .teaser-image a:after,
  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser .teaser-image a:after {
    max-width: none;
    padding: 0;
    margin-left: 10px;
    background-size: contain;
    background-position: center;
    border: 3px solid #fff;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+3).wirregio .teaser-image a:after,
  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+3).vm .teaser-image a:after,
  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+3).panorama .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(1).wirregio .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(1).vm .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(1).panorama .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+2).wirregio .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+2).vm .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+2).panorama .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3).wirregio .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3).vm .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3).panorama .teaser-image a:after {
    width: 190px !important;
    height: 36px !important;
  }

  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4).wirregio .teaser-image a:after,
  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4).vm .teaser-image a:after,
  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4).panorama .teaser-image a:after,
  .defaultbox.defaultbox-0-3 .defaultteaser.wirregio .teaser-image a:after,
  .defaultbox.defaultbox-0-3 .defaultteaser.vm .teaser-image a:after,
  .defaultbox.defaultbox-0-3 .defaultteaser.panorama .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2).wirregio .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2).vm .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2).panorama .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3).wirregio .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3).vm .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3).panorama .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4).wirregio .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4).vm .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4).panorama .teaser-image a:after {
    width: 100px !important;
    height: 20px !important;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+3).liewo .teaser-image a:after,
  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+3).frauenland .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(1).liewo .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(1).frauenland .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+2).liewo .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+2).frauenland .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3).liewo .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3).frauenland .teaser-image a:after {
    width: 100px !important;
    height: 36px !important;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4).liewo .teaser-image a:after,
  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4).frauenland .teaser-image a:after,
  .defaultbox.defaultbox-0-3 .defaultteaser.liewo .teaser-image a:after,
  .defaultbox.defaultbox-0-3 .defaultteaser.frauenland .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2).liewo .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2).frauenland .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3).liewo .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3).frauenland .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4).liewo .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4).frauenland .teaser-image a:after {
    width: 60px !important;
    height: 20px !important;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+3).kul .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(1).kul .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+2).kul .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3).kul .teaser-image a:after {
    width: 60px !important;
    height: 36px !important;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4).kul .teaser-image a:after,
  .defaultbox.defaultbox-0-3 .defaultteaser.kul .teaser-image a:after,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2).kul .teaser-image a:after,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3).kul .teaser-image a:after,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4).kul .teaser-image a:after {
    width: 40px !important;
    height: 20px !important;
  }

  /* DEFAULTBOX-MEDIA */
  
  .defaultbox.defaultbox-media .defaultteaser.defaultteaser--media {
    grid-column: span 3;
  }

}


@media screen and (max-width: 767px) {
  
  /* DEFAULT-TEASER */

  .defaultbox.defaultbox-top .defaultteaser .teaser-content .topline span.aboPermission,
  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .topline span.aboPermission,
  .defaultbox.defaultbox-1-3 .defaultteaser .teaser-content .topline span.aboPermission,
  .defaultbox.defaultbox-2-3 .defaultteaser .teaser-content .topline span.aboPermission,
  .defaultbox.defaultbox-3-3 .defaultteaser .teaser-content .topline span.aboPermission {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    margin-right: 8px;
    font-size: 0.9em;
    line-height: 1.666em;
    color: #fff;
    background: var(--color-primary);
  }
  
  .defaultbox.defaultbox-top .defaultteaser .teaser-content,
  .defaultbox.defaultbox-1-3 .defaultteaser .teaser-content,
  .defaultbox.defaultbox-2-3 .defaultteaser .teaser-content,
  .defaultbox.defaultbox-3-3 .defaultteaser .teaser-content {
    font-size: 14px;
  }
  
  /* DEFAULTBOX-TOP */
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+3) .teaser-content {
    font-size: inherit;
  }

  /* DEFAULTBOX-1-3 */

  .defaultbox.defaultbox-1-3 {
    grid-gap: 10px;
  }
  
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(-n+1) .teaser-content {
    font-size: inherit;
  }

  /* DEFAULTBOX-2-3 */

  .defaultbox.defaultbox-2-3 {
    grid-gap: 10px;
  }
  
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+1) .teaser-content {
    font-size: inherit;
  }

  
  /* DEFAULTBOX-3-3 */

  .defaultbox.defaultbox-3-3 {
    grid-gap: 10px;
  }

  .defaultbox.defaultbox-3-3 .defaultteaser {
    grid-column: 1 / -1 !important;
  }
  
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3) .teaser-content {
    font-size: inherit;
  }

  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+3) .teaser-content .headline {
    margin-bottom: 0;
  }

  .defaultbox.defaultbox-3-3 .defaultteaser .teaser-content .description {
    display: none;
  }
  
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4) .teaser-content .time {
    margin-top: auto;
  }

  .defaultbox.defaultbox-3-3 .defaultteaser .teaser-content .time .more-icons {
    display: none;
  }

  /* DEFAULTBOX-MEDIA */
  
  .defaultbox.defaultbox-media .defaultteaser.defaultteaser--media {
    grid-column: span 6;
  }

}


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

  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+4) .teaser-content .headline,
  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .headline,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(1) .teaser-content .headline,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+2) .teaser-content .headline,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3) .teaser-content .headline {
    font-size: 19px;
  }

  .defaultbox.defaultbox-top .defaultteaser:nth-child(-n+4) .teaser-content .topline,
  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .topline,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(1) .teaser-content .topline,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(-n+2) .teaser-content .topline,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(-n+3) .teaser-content .topline {
    font-size: 14px;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4) .teaser-content .headline,
  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .headline,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2) .teaser-content .headline,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3) .teaser-content .headline,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4) .teaser-content .headline {
    font-size: 15px;
  }

  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4) .teaser-content .topline,
  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .topline,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2) .teaser-content .topline,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3) .teaser-content .topline,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4) .teaser-content .topline {
    font-size: 12px;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4) .teaser-content .datetime,
  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .datetime,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2) .teaser-content .datetime,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3) .teaser-content .datetime,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4) .teaser-content .datetime {
    font-size: 12px;
  }
  
  .defaultbox.defaultbox-top .defaultteaser:nth-child(n+4) .teaser-content .more-icons,
  .defaultbox.defaultbox-0-3 .defaultteaser .teaser-content .more-icons,
  .defaultbox.defaultbox-1-3 .defaultteaser:nth-child(n+2) .teaser-content .more-icons,
  .defaultbox.defaultbox-2-3 .defaultteaser:nth-child(n+3) .teaser-content .more-icons,
  .defaultbox.defaultbox-3-3 .defaultteaser:nth-child(n+4) .teaser-content .more-icons {
    font-size: 22px;
  }
  
}


/* ARTIKEL-DETAILANSICHT */

.fcms_artdetail .article-additional-infos {
  display: grid;
  grid-template-areas:
    "publication publication publication"
    "author distribution socialshare";
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.fcms_artdetail .article-additional-infos .article-dates {
  grid-area: publication;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--color-font-grey);
}

.fcms_artdetail .article-additional-infos .article-dates time.modified {
  margin-left: 20px;
}

.fcms_artdetail .article-additional-infos .article-author {
  grid-area: author;
}

.fcms_artdetail .article-additional-infos .article-author .author.flex-container.start {
  margin: 0;
}

.fcms_artdetail .article-additional-infos .article-distribution {
  grid-area: distribution;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fcms_artdetail .article-additional-infos .article-distribution img {
  display: block;
  width: auto;
  height: 41px;
}

.fcms_artdetail .article-additional-infos .article-social-share--app,
.fcms_artdetail .article-additional-infos .article-social-share--web,
.fcms_artdetail .article-social-share--web{
  display: none;
  align-items: center;
  justify-content: flex-end;
}

html.fcmscss-device-fcmswebapp .fcms_artdetail .article-additional-infos .article-social-share--app,
html.fcmscss-device-fcmsiosapp .fcms_artdetail .article-additional-infos .article-social-share--app{
  grid-area: socialshare;
  display: flex;
}

.fcms_artdetail .article-additional-infos .article-social-share--web{
  grid-area: socialshare;
  display: flex;
}

@media screen and (max-width: 1200px) {
  
  .fcms_artdetail .article-additional-infos {
    grid-gap: 10px;
  }
  
  html.fcmscss-device-fcmswebapp .fcms_artdetail .article-additional-infos {
    grid-template-areas:
      "author author"
      "distribution distribution"
      "publication socialshare";
    grid-template-columns: repeat(2, auto);
  }
  
  html:not(.fcmscss-device-fcmswebapp) .fcms_artdetail .article-additional-infos {
    grid-template-areas:
      "author"
      "distribution"
      "publication"
      "socialshare";
    grid-template-columns: 100%;
  }
  
  .fcms_artdetail .article-additional-infos .article-dates {
    align-items: flex-end;
    margin-bottom: 0;
  }
  
  .fcms_artdetail .article-additional-infos .article-dates time {
    display: block;
  }
  
  .fcms_artdetail .article-additional-infos .article-dates time.modified {
    display: none;
  }
  
  .fcms_artdetail .article-additional-infos .article-distribution {
    justify-content: flex-start;
    margin-top: 15px;
  }
  
  .fcms_artdetail .article-additional-infos .article-distribution img {
    height: 24px;
  }
  
  .fcms_artdetail .article-additional-infos .article-social-share--web {
    justify-content: flex-start;
    margin-top: 15px;
  }
  
  html.fcmscss-device-fcmswebapp .fcms_artdetail .contentbereich.comments {
    display: none;
  }
  
  .fcms_artdetail .mixbox {
    display: none;
  }
  
}

@media screen and (max-width: 767px){
  #outerpage{
    display: grid;
    grid-template-rows: 60px 1px 1fr auto;
  }
}

@media screen and (max-width: 479px) {
  
  .fcms_artdetail .contentbereich {
    margin-top: 0;
    padding: 10px 10px 30px 10px;
  }
  
  .fcms_artdetail .fcms_artdetail_text .infobox {
    margin: 30px -10px;
  }
  
}

/* radio-vaterland_uebersicht.css */
/* Head */
.head.pagehead .quicklinks span.radio a {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
}

.head.pagehead .quicklinks span.radio {
  display: inline-flex;
  height: 100%;
}

.head.pagehead .quicklinks span.radioTitel {
  margin-right: 4px;
  display: none;
}

.head.pagehead .quicklinks span.radio .radioIcon {
  max-width: 22px;
}

span.wettereinbindung {
  display: none;
}

.head.pagehead .quicklinks span.epaper {
  text-align: center;
}

.head .headright .quicklinks {
  width: 70px;
}

div.loginContainer {
  position: relative;
  width: 40px;
  box-sizing: border-box;
  padding: 10px 0px;
  height: 40px;
}

@media all and (min-width: 400px) {

  span.wettereinbindung {
    display: inline-block;
  }

}

@media all and (min-width: 768px) {

  .head.pagehead .quicklinks span.radio {
    flex: 0 0 64px;
  }

  .head.pagehead .quicklinks span.radioTitel  {
    display: inline-flex;
  }

  div.loginContainer,
  .head.pagehead .quicklinks span.radio a {
    width: auto;
  }

  .head .headright .quicklinks {
    width: 330px;
  }

}


@media all and (min-width: 1201px) {

  .head.pagehead .quicklinks {
    width: 440px;
  }

  .head.pagehead .quicklinks span.radio a {
    padding: 4px 0;
  }

  div.loginContainer {
    padding: 8px 0px 10px 0px;
  }

}

/*  Banner  */

.radioVaterlandLink {
  grid-column-start: 1;
  grid-column-end: -1;
  grid-row: 3;
  background: var(--color-background-light-red);
  display: flex;
  align-items: center;
  height: 30px;
  width: auto;
  margin: 8px 12px;
}

.radioVaterlandLinkInner {
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: left;
  width: 100%;
}

.radioVaterlandLinkInner > a {
  display: block;
  padding: 8px;
  cursor: pointer;
}

.radioVaterlandLinkInner > a > span.radioVaterlandLinkLined {
  text-decoration: underline;
}

.radioVaterlandLink + #page_main {
  padding-top: 0;
  margin-top: 40px;
}

.radioVaterlandLink + #page_main .boxcontainer:first-of-type {
  margin-top: 0;
}

@media all and (min-width: 768px) {

  .radioVaterlandLink {
    margin: 18px 0;
    height: 44px;
    display: grid;
    grid-template-columns: 1fr 738px 1fr;
  }

  .radioVaterlandLinkInner {
    font-family: Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 20.7px;
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 3;
  }

  .radioVaterlandLink + #page_main {
    margin-top: 64px;
    padding-top: 0;
  }

}

@media all and (min-width: 1201px) {

  .radioVaterlandLink {
    grid-template-columns: 1fr 1146px max-content 1fr;
  }

  .radioVaterlandLink + #page_main + .werbecontainer.halfpage {
    margin-top: 94px;
  }

}

/*  Landingpage  */
.radioVaterlandLanding {
  grid-column: 2 / 2;
}    


.radioVaterlandLanding h2 {
  font-size: 34px;
  line-height: 1;
  font-family: var(--font-secondary);
  font-weight: normal;
}

.radioVaterlandLanding .textbaustein-beschreibung  {
  margin-bottom: 48px;
}

.radioVaterlandLanding .textbaustein-beschreibung > h3 {
  font-family: var(--font-primary);
  font-size: 19px;
  font-weight: bold;
}

.radioVaterlandLanding .textbaustein-beschreibung > p {
  font-family: var(--font-primary);
  font-size: 18px;
}

.radioVaterlandLanding .txtBst-togOuter {
  border-bottom: 2px solid var(--color-lines);
  margin: 0 12px;
}

.radioVaterlandLanding .txtBst-togBtn > h3 {
  position: relative;
  padding: 12px 38px 12px 8px;
  margin: 0;
  border-top: 2px solid var(--color-lines);
  font-size: 19px;
  font-family: var(--font-primary);
  font-weight: bold;
  cursor: pointer;
}

.radioVaterlandLanding .txtBst-togBtn > h3:after {
  content: '+';
  position: absolute;
  right: 12px;
  top: calc(50% - 12px);
  font-size: 24px;
  font-weight: normal;
}

.radioVaterlandLanding .txtBst-togBtn.active > h3:after {
  transform: rotate(-45deg);
}

.radioVaterlandLanding .txtBst-togCon p {
  font-family: var(--font-primary);
  font-size: 18px;
  margin: 0 32px 32px 32px
}

.fcmscss-device-fcmswebapp [data-fcms-toggledisplay-index="1"].txtBst-togCon.active p a,
.fcmscss-device-fcmsiosapp [data-fcms-toggledisplay-index="1"].txtBst-togCon.active p a{
    pointer-events: none;
    color: inherit;
    text-decoration: none;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format("woff");
  font-weight: normal;
  font-style: normal;
}

.radioVaterlandLanding .radioLandingpageLink a {
  display: flex;
  width: 100%;
  height: 80px;
  margin-top: 64px;
  background: var(--color-background-light-red);
  font-weight: bold;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  line-height: 1;
}

.radioVaterlandLanding .radioLandingpageLink a:before {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: VideoJS;
  content: "\f101";
  width: 60px;
  height: 60px;
  background: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 35px;
  margin-right: 16px;
}

/* Songwunsch */
form.radioVaterlandSongForm [type="radio"]:not(:checked), 
form.radioVaterlandSongForm [type="radio"]:checked {
  position: inherit;
  opacity: 0;
  width: 25px;
  margin: 0px -35px 0 8px;
}

/* accessibility.css */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
}
.visuallyhidden.skiplink:focus-visible {
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
  position: fixed;
  top: 120px; left: 20px;
  z-index:9999;
  outline: 1px solid #000;
  outline-offset: 2px;
  color: #000;
}

#skip-link {
  position: fixed;
  top: -100vh;
  left: 1rem;
  z-index: 999;
  font-weight: 500;
  color: #000;
  background: #fff;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
}
#skip-link:focus, #skip-link:focus-visible {
  outline: 6px double black;
  box-shadow: 0 0 0 4px white;
  top: 120px; left: 20px;
  z-index:9999;
}


button.nostyle,
button.nostyle:hover {
border: none;
outline: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
box-shadow: none;
padding: unset;
width: inherit;
cursor: pointer;
min-width: unset;
color: inherit;
font-size: inherit;
font-weight: inherit;
min-height: unset;
}

button.nostyle:focus-visible {
 outline: 3px solid black;
 border-radius: 2px;
 
}


/* Umbau Anmeldung auf Button */

button.logintogglebutton,
button.logintogglebutton:hover {
  height: 17px;
  color: var(--color-font-grey);
  font-family: Arial;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  padding: 5px 10px;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
    button.logintogglebutton,
    button.logintogglebutton:hover {
        padding: 0;
        font-size: 14px;
        line-height: 18px;
    }
}


@media screen and (max-width: 767px) {
    button.logintogglebutton,
    button.logintogglebutton:hover{
        height: 18px;
        width: 40px;
        
    }
}


.article-images .extimages button.slick-arrow:focus-visible {
outline: 2px solid black;
}

/* Focus für Umfrage */

.umfrage-optionen [type="radio"]:focus-visible+label:before {
outline: 2px solid black;

}

/* Focus für Buttons */

.btn:focus-visible {
outline: 2px solid #fff;
outline-offset: -4px;
}