<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* epaper_Liewo_WR.css */
/* main.css */
/* Grundgerüst Homepage */

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

}

.dispNo {
  display: none;
}

.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;
}

#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: -5px;
}
.head.pagehead .logo img {
  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 &gt; span {
  height: 17px;
  color: #878787;
  font-family: Arial;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  padding: 5px 10px;
  cursor: pointer;
}
.head.pagehead .quicklinks span a {
  color: #878787;
  font-family: Arial;
  text-decoration: none;
}

.head.pagehead .quicklinks span.epaper {
  background: var(--color-background-dark);
  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;
  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 {
    width: 230px; height: auto;
  }

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

  .head.pagehead .quicklinks span {
    padding: 0;
  }
  .head.pagehead .quicklinks span a {
    color: #878787;
    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 {
    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 rgba(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;
}

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

  .wetterEmbed-container {
    height: 3200px;
  }

}

@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 {
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 17px;
  color: var(--color-font);
  margin: 30px 0 20px 0;
}

.footernavigation .sublinks {
  font-family: var(--font-primary);
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: var(--color-font-grey);
  margin: 0 auto;
  max-width: 430px;

}
.footernavigation .sublinks span {
  margin-right: 20px; line-height: 30px;
}


.footernavigation .produktauswahl {
  display: flex; 
  margin: 30px 50px 30px 100px; 
}
.footernavigation .produktauswahl span {
  display: inline-block;
  margin: 0 40px 0 0;
  line-height: 60px;

}

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




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

  .footernavigation .produktauswahl {
    margin: 60px 50px 20px 50px; 
  }
  .footernavigation .produktauswahl span.kul,
  .footernavigation .produktauswahl span.magazin
  {
    flex: 1 1 50%;
    margin-right: 0;
  }
  .footernavigation .produktauswahl span.kul {
    text-align: center; }

  .footernavigation {padding: 0 20px;}

  .footernavigation .toplinks.flex-container &gt; span  {
    margin-right: 50px;
    line-height: 40px;

  }
  .footernavigation .toplinks.flex-container span.archiv  {
    margin-right: 0;

  }
  .footernavigation .toplinks.flex-container span.reporter  {
    margin-left: 180px;

  }

  .footernavigation .toplinks.flex-container span.kontakt {
    margin-right: 180px;
  }

}

@media screen and (max-width: 767px) {
  .footernavigation .line {
    width: 100%;
  }
  .footernavigation .produktauswahl {
    display: block;
    text-align: center;
    margin: 30px 0 20px 0; 
  }
  .footernavigation .produktauswahl span {
    margin-right: 20px;
  }

  .footernavigation .sublinks span {
    margin-right: 15px;
  }

  .footernavigation .sublinks {font-size: 16px; display: block;}

  .footernavigation {padding: 0 10px;}
  .footernavigation .toplinks {justify-content: flex-start; margin: 20px 0 10px 0;}
  .footernavigation .toplinks.flex-container &gt; span  {
    margin-right: 10px;
    line-height: 40px;
    font-size: 16px;
  }
  .footernavigation .toplinks.flex-container span.archiv  {
    margin-right: 10px;

  }
  .footernavigation .toplinks.flex-container span.reporter  {
    margin-left: 0;

  }

  .footernavigation .toplinks.flex-container span.kontakt {
    margin-right: 10px;
  }

}

/* 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 rgba(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; 
  color: #fff;
  }

.logintogglebutton {
  height: 17px;
  color: #878787;
  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-lw.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 &gt; a {
  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 &gt; a,
.navigationContainer li.tiefe1:hover &gt; a,
.navigationContainer li.tiefe1.active &gt; a {
  color:  var(--color-primary);
  text-decoration: none;
  border-bottom: 3px solid var(--color-primary);
}
.navigationContainer li.tiefe1.active &gt; a {
  font-weight: bold; }

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

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

.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;
}
.navigationContainer .subLayer li {
  border-bottom: 1px solid #fff;
  padding: 10px 20px;
}
.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 &gt; a {
    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: 9;
  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 &gt; a {
  color: var(--color-font);
  display: block;    
  padding: 15px 10px;

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

}

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

}
.navigationContainermobile li.tiefe1.active &gt; a {
  font-weight: bold;
  color:  var(--color-primary);
}

.navigationContainermobile .touchedElement &gt; .subLayer,
.navigationContainermobile li:hover &gt; 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;
}
.navigationContainermobile .subLayer li {
  border-bottom: 1px solid #fff;
  padding: 10px 20px;
}
.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: 30px auto;
  width: 994px;
  height: auto;
  color: var(--color-primary);
  text-align: center;
  max-width: 100%;
}
.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; 
    max-width: calc(100vw - 35px);
  }

  .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 rgba(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 {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-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) {

  .content-startpage .ad-widebox,
  .ad-widebox.ad-widebox--default,
  .fcms_artdetail .ad-widebox.ad-widebox--default {
    width: 320px;
    height: auto;
    min-height: 160px;
    margin: 10px auto;
    max-width: calc(100vw - 40px);
  }

  #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 rgba(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; 


}

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

}


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

}

.content-startpage .galeriegliderbox .fotoglider .slick-current .item .inner {
  box-shadow: 0px 0px 16px rgba(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, rgba(255, 255, 255, 0) 0, #000 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
  pointer-events: none;
}

.fotoglider .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;

}

.fotoglider .item .item-header {
  text-shadow: 0px 2px 4px rgba(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
}


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

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

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

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

  .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;
  }


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

  .content-startpage .galeriegliderbox .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 &gt; div .item:first-child {
    margin-right: 0; 
  }

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


  }

  .content-startpage .galeriegliderbox .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: 285px 285px max-content;
  grid-template-areas: "toplist competition mixrectangle"
    "toplist sapperlot mixrectangle"
    "umfrage umfrage umfrage";
  grid-gap: 30px;
  margin-bottom: 20px;
}

.mixbox .toplist {
  grid-area: toplist; 
}
.mixbox .competition {
  grid-area: competition; 
}
.mixbox .sapperlot {
  grid-area: sapperlot ; 
}
.mixbox .mixrectangle {
  grid-area: mixrectangle; 
}
.mixbox .umfrage {
  grid-area: umfrage; 
}

.mixbox .mixrectangle {
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-template-rows: 380px 190px;
  grid-gap: 30px;
}



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

@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"
      "competition"
      "sapperlot"
      "mixrectangle"
      "umfrage";
    grid-gap: 10px;
    margin-top: 40px;
    margin-bottom: 40px;
  }


}


/* Boxen */

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

}

@media screen and (max-width: 767px) {
  .contentbox {
    padding-top: 20px;
  }
}
.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.ted .contentbox-inner .boxfooter,
.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;

}


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

.contentbox .contentbox-inner .beschreibung {
  margin-bottom: 15px;
}


.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 */


/* Sapperlot */

.mixbox .sapperlot .teaser {
  height: 100%;
  background: var(--color-background-dark);
  padding: 20px;
  color: #fff;
  font-family: var(--font-primary);
  font-size: 16px;
  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;
}

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

}

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

/* Mixbox Werbebox */

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

/* 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;
  width: 200px;
}
.mixbox .umfrage .progress {
  margin: 0 0 5px 0;
}

.mixbox .umfrage .result .prozent {
  color: #878787;
  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;
  display: inline-block;
  text-align: right;

}

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


@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 rgba(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 rgba(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 .icon {
  width: 120px; height: 120px; background: #fff;
  margin: 0 auto; color: #000; padding: 3px;
}

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

@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;
  }

}

@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: 20px 0;
  margin-bottom: 55px;
}

.boxcontainer &gt; .boxheader {
  color: var(--color-font-grey-dark);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  width: 65%;
  margin: 0 auto 20px auto;
}

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

.boxcontainer &gt; .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 &gt; .boxheader &gt; h2{
  font-size: inherit;
  margin: 0;
  font-weight: inherit;
  background: var(--color-background);
  display: inline-block;
  position: relative;
  padding: 0 20px;
}

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

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

.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 rgba(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;
}

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

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

.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;
}



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


.defaultbox .defaultteaser .time {
  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) {

  .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 rgba(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: 40px 0;
  }

  .boxcontainer &gt; .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 rgba(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;
  }

  .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;
  }

}

/* 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: 0 5px 10px 5px;
  margin-top: 20px;
}
.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;
  cursor: grab;
}

.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;
}

.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;
}


/* 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: 118px;
  background: var(--color-background);
  border: 1px solid black;
  margin: 0px auto 40px auto;
  text-align: center;
  max-width: 100%;
}

.fcms_artdetail .contentbereich {
  background: #fff;
  box-shadow: 0px 0px 16px rgba(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 {
  color: #e2001a;
  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: 80px;
}
.fcms_artdetail .pic-circular img {
  width: 80px; height: 80px;
  border-radius: 50%;
  background: var(--color-background);
  margin-right: 10px;
}

.fcms_artdetail .pic-circular.platzhalter img {
  width: 80px; 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 &gt; p  {
  max-width: 815px;
  margin-bottom: 30px;
}

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

.fcms_artdetail .fcms_artdetail_text &gt; ol {
  counter-reset: mylist;
  margin: 0 0 30px 0;
  max-width: 815px;
}
.fcms_artdetail .fcms_artdetail_text &gt; 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;
}

@media screen and (min-width: 768px) {
  .fcms_artdetail .fcms_artdetail_text .infoboxbackground {
    background: var(--color-background-light-red);
    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: 285px 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;
    margin-bottom: 20px;
  }

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


  .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  &gt; *,
.fcms_artdetail .fcms_artdetail_text  &gt; p,
.fcms_artdetail .fcms_artdetail_text  &gt; ul,
.fcms_artdetail .fcms_artdetail_text  &gt; ol {
  margin-bottom: 40px;  
}

.fcms_artdetail .fcms_artdetail_text  &gt; ul li,
.fcms_artdetail .fcms_artdetail_text  &gt; 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  &gt; *,
  .fcms_artdetail .fcms_artdetail_text  &gt; p,
  .fcms_artdetail .fcms_artdetail_text  &gt; ul,
  .fcms_artdetail .fcms_artdetail_text  &gt; ol {
    margin-bottom: 35px;  
  }

  .fcms_artdetail .fcms_artdetail_text  &gt; ul li,
  .fcms_artdetail .fcms_artdetail_text  &gt; 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;
}

.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 .noElements {
  color: 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 &gt; 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 &gt; 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 &gt; span {
  margin-right: 25px;
  white-space: nowrap;

}



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

.newThreadsContainer &gt; ul &gt; 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;
  }


}

/* 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,
.slick-slider.diashows {
  visibility: hidden;
  max-height: 1px;
}

.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 {
  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 {
    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: 1px;
  right: 4px;
  display: flex;
  align-items: center;
  justify-content: space-around;

}
.fcms_artdetail .extimages .symbol

{
  right: 1px;

}

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


/* Zitat */

.fcms_artdetail blockquote {
  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:before {
  font-size: 150px;  
  content: '”' ; 
  padding-top: 20px;

}

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

}

.fcms_artdetail blockquote p {
  display: inline;

}



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

  .fcms_artdetail blockquote:after {
    right: -60px;
  }

}


/* Artikeltabs */

#outerpage.outerpage-tabs {
  grid-template-rows: 1fr;

}

@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 {
  width: 50px; height: 50px; 
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 9999;
}

/* 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 .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
}

/* epaper-main.css */
/* Definitionen Übersichtsseite header ePaper */
.epaper-header {
  position: relative;
  z-index: 9995;
  display: block;
  color: var(--color-font-grey);
  background: #FFF;
  box-shadow: 0 15px 10px -15px rgba(0,0,0,.1);
}

.epaper-header.epaper-detail {
  box-shadow: none;
}

.epaper-header .flex-container.epaper-header-content {
  max-width: 1146px;
  margin: 0px auto;
  padding-top: 10px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.epaper-header.epaper-detail .flex-container.epaper-header-content {
  max-width: 1282px;
  padding: 10px 16px 0 16px;
}

.epaper-header .flex-container.epaper-header-content.liewo-wr-header {
  justify-content: flex-end;
  padding-top: 0;
}

.epaper-header.epaper-detail .flex-container.epaper-header-content.liewo-wr-header  {
  justify-content: flex-end;
  padding: 0 16px 0 16px;
}

.epaper-header .header-logo {
  margin: 38px 0 12px 0;
}

.epaper-header.epaper-detail .header-logo {
  margin:  0;
}

.epaper-header .header-logo .logo img {
  width: 264px; 
  height: auto;
}
.epaper-header .header-logo .logo .logo-lw,
.epaper-header .header-logo .logo .logo-wregio{
  width: auto; 
  height: 57px;
}

.epaper-header.epaper-detail .header-logo .logo img {
  width: 230px; 
  height: auto;
}
.epaper-header.epaper-detail .header-logo .logo .logo-lw,
.epaper-header.epaper-detail .header-logo .logo .logo-wregio{
  width: auto; 
  height: 50px;
}

.epaper-header .headright {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; 
}

.epaper-header-content.liewo-wr-header .headright {
  margin-bottom: 10px;
}

.epaper-header.epaper-detail .epaper-header-content.liewo-wr-header .headright {
  margin-bottom: 0;
}


.epaper-header .headright .suchlink.mobile {
  display: none;
}

.epaper-header .headright .searchButtonHeader {
  height:30px;
  width:30px;
  display:inline-block;
  -webkit-appearance:none;
  border:none;
  cursor:pointer;
  background:transparent;
  color: var(--color-font);
}

.epaper-header .headright .facetsuche input[type="search"] {
  width:362px;
  height:50px;
  font-size:15px
}
.epaper-header .headright .facetsuche {
  margin-top: 12px;
  position:relative
}

.epaper-header .flex-container.epaper-header-content.liewo-wr-header .headright .facetsuche {
  margin-top: 10px;
}
.epaper-header .flex-container.epaper-header-content.liewo-wr-header .headright .loginContainer {
  margin-top: 8px;
}
.epaper-header.epaper-detail .flex-container.epaper-header-content.liewo-wr-header .headright .loginContainer {
  margin-top: 0;
}


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

.epaper-header .headright .epaper-header-abo-container {
  margin-top: 8px;
  padding: .5em 0 .5em .5em;
  font-size: 10pt;
  position: relative;
}

.epaper-header .headright .back-to-all-issues,
.epaper-header .headright .epaper-header-abo{
  height: 17px;
  color: var(--color-font-grey);
  font-family: var(--font-primary);
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
  padding: 5px 10px;
}

.epaper-header .headright .epaper-header-abo{
  padding: 5px 0 5px 10px;
}



.epaper-header .headright .back-to-all-issues a,
.epaper-header .headright .back-to-all-issues a:active,
.epaper-header .headright .back-to-all-issues a:visited {
  color: var(--color-font-grey);
}

@media screen and (max-width:1200px) {
  .epaper-header .flex-container.epaper-header-content {
    max-width: 738px;
  }

  .epaper-header .header-logo .logo img {
    width: 230px; 
  }
  .epaper-header .header-logo .logo .logo-lw,
  .epaper-header .header-logo .logo .logo-wregio{
    height: 50px;
  }

  .epaper-header .headright .facetsuche input[type="search"] {
    width:256px;
    font-size:14px
  }
  .epaper-header .headright .back-to-all-issues {
    padding:0 10px 0 0;
    font-size:14px;
    line-height:18px
  }   
}

@media screen and (max-width:767px) {
  .epaper-header .flex-container.epaper-header-content {
    margin: 0px 10px;
  }
  .epaper-header.epaper-detail .flex-container.epaper-header-content {
    margin: 0;
  }

  .epaper-header .header-logo .logo img,
  .epaper-header.epaper-detail .header-logo .logo img {
    width: 125px; 
  }

  .epaper-header .header-logo .logo .logo-lw,
  .epaper-header .header-logo .logo .logo-wregio,
  .epaper-header.epaper-detail .header-logo .logo .logo-lw,
  .epaper-header.epaper-detail .header-logo .logo .logo-wregio{
    height: 27px;
  }


  .epaper-header .headright {
    margin-bottom: 15px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end; 
  }

  .epaper-header .header-logo {
    margin: 0px 0 8px 0;
  }

  .epaper-header .headright .facetsuche {
    margin-top: 5px;
  }

  .epaper-header .headright .facetsuche .searchButtonHeader.desktop {
    display:none
  }

  .epaper-header .headright .facetsuche .searchButtonHeader {
    bottom: 0px;
  } 

  .epaper-header .headright .facetsuche input[type="search"] {
    display:none
  }
  .epaper-header .headright .suchlink.mobile {
    display:block;
    width:30px;
    height:30px;
    margin-right:13px
  }
}

.community__naviUserBild {
  display: flex;
  flex: 0 0 85px;
  height: 85px;
  width: 85px;
  margin-right: 20px;
  position: relative;
}

.community__naviUserBild &gt; a {
  border-radius: 50%;
  display: block;
  border: 3px solid #000;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  height: 85px;
}

.community__naviUserBild  &gt; a img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.community__naviUserBild.community__naviUserBild--default &gt; 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;
}

.loginUserbildOuter {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  overflow: hidden;
}

.loginUserbildOuter .community__naviH2 {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 8px 0;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  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: 13px;
  line-height: 18px;
}

@media screen and (min-width: 767px) {
  .loginUserbildOuter .community__naviH5 { 
    font-size: 13px;
  }
}

/* Definitionen Übersichtsseite Content-Bereich */
.epaper-content-startpage {
  max-width: 1146px;
  margin: 0px auto;
  padding-top: 20px;
}
.epaper-content-startpage img {
  max-width: 100%;
  height: auto;
  border: 1px solid var(--color-lines);
}
.epaper-content-startpage img.spinner {
  border: none;
}

.current-issue-sub-grid {
  display: grid;
  grid-template-columns: 362px 754px;
  grid-template-rows: auto;
  grid-gap: 30px;
  margin-bottom: 73px;
}

.current-issue-sub-grid.grid-liewo-wr {
  grid-gap: 45px;
}

.epaper-info-boxes {
  align-self: center
}


.epaper-defaultbox {
  background:#fff;
  box-shadow:0 0 16px rgba(0,0,0,.1);
  padding:30px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position: relative;
}

.epaper-content-startpage h1{
  font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  margin: 0 0 17px 0;
}

.epaper-content-startpage .smalltext{
  margin-right: 20px;
}

.epaper-defaultbox .flex-container{
  margin-bottom: 27px;
}

.epaper-glider .flex-container,
.epaper-all-copies .flex-container {
  display: flex;
  justify-content: space-between;
  margin: 22px 0 14px 0;
}

.epaper-defaultbox img,
.epaper-all-copies img{
  display: block;
}

.epaper-abo-ad {
  background:#fff;
  box-shadow:0 0 16px rgba(0,0,0,.1);
  padding:10px;
  text-align: center;
}

.epaper-info-boxes .flex-container {
  flex-wrap: nowrap;
}

.contentbox.sms.shadow.liewo-info-box,
.contentbox.sms.shadow.wr-info-box,
.contentbox.sms.shadow.epaper-sms-ad {
  width: 362px;
  height: 398px;
}

.contentbox.sms.shadow.epaper-sms-ad .btn {
  width: 100%;
}

.liewo-info-box-image {
  margin: 20px 0;
}
.liewo-info-box-image img {
  display: block;
  width: 154px;
  height: auto;
  border: none;
}



@media screen and (max-width:1200px) {
  .epaper-content-startpage {
    max-width: 738px;
  }
  .current-issue-sub-grid {
    grid-template-columns: 233px 485px;
    grid-gap: 20px;
  }
  .current-issue-sub-grid.grid-liewo-wr {
    grid-gap: 20px;
  }
  .contentbox.sms.shadow.liewo-info-box,
  .contentbox.sms.shadow.epaper-sms-ad {
    width: 232px;
    height: 474px;
  }
  .contentbox.sms.shadow.wr-info-box {
    width: 232px;
    height: auto;
  }
}

@media screen and (max-width:767px) {
  .epaper-content-startpage {
    max-width: calc(100vw - 20px);
    margin: 0 10px;
    padding-top: 10px;
  }
  .current-issue-sub-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-gap: 10px;
    margin-bottom: 23px;
  }
  .current-issue-sub-grid.grid-liewo-wr {
    grid-gap: 10px;
  }
  .epaper-abo-ad {
    min-height: 286px;
  }
  .epaper-info-boxes .flex-container {
    flex-wrap: wrap;
  }
  .contentbox.sms.shadow.liewo-info-box,
  .contentbox.sms.shadow.wr-info-box,
  .contentbox.sms.shadow.epaper-sms-ad {
    width: calc(100vw - 20px);
    height: auto;
  }
  .contentbox.sms.shadow.liewo-info-box,
  .contentbox.sms.shadow.wr-info-box {
    margin-bottom: 10px;
  }
}

.download-container {
  position: relative;
  z-index: 9999;
}

.fcms-epaperDownloadStatus {
  position: absolute;
  width: 120px;
  left: -20px;
  top: 30px;
  text-align: center;
  padding: 15px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.epaper-content-startpage .slick-slider .fcms-epaperDownloadStatus {
  left: -100px;
  top: -165px;
}

.fcms-epaperDownloadStatus a:hover {
  text-decoration: underline;
}

.epaper-content-startpage .download-container .icon-ico-Download-30 {
  cursor: pointer;
}

/* Definitionen zu den ePaper slick-Glidern */

.epaper-content-startpage .galeriegliderbox  {
  margin: 0 -54px;
}

.epaper-content-startpage .galeriegliderbox .boxcontainer {
  width: 1146px;
  margin: auto auto 20px auto;
}
.epaper-content-startpage .galeriegliderbox .epaper-glider {
  margin-bottom: 4px;
  max-height: 700px; 
}

.epaper-content-startpage .slick-slider .slick-slide {
  margin-left:  15px;
  margin-right:  15px;
}

.epaper-content-startpage .slick-slider .slick-list {
  margin-left: -15px;
  margin-right: -15px;
}

.epaper-content-startpage .galeriegliderbox .epaper-glider .item .inner {
  background: #ffffff;
  padding: 10px 12px 10px 10px;
  margin-bottom: 16px;
  max-width: 541px;
  box-shadow: 0px 0px 16px rgba(0,0,0,0.1);
}

.epaper-glider .slick-prev:before,
.epaper-glider .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;
}

.epaper-glider .slick-prev {
  top: 47%;
  left: -42px; 
}

.epaper-glider .slick-next {
  top: 47%;
  right: -22px;
}

.epaper-content-startpage .boxcontainer .boxfooter {
  margin-bottom: 60px;
}

.epaper-content-startpage .galeriegliderbox .noButton {
  background: var(--color-background);
}

@media screen and (max-width:1200px) {
  .epaper-content-startpage .galeriegliderbox .boxcontainer {
    width: 738px;
  }
  .epaper-glider .slick-prev {
    left: -25px; 
    z-index: 999;
  }

  .epaper-glider .slick-next {
    right: -5px;
  }
}
@media screen and (max-width:767px) {
  .epaper-content-startpage .galeriegliderbox .boxcontainer {
    max-width: calc(100vw - 40px);
  }
  .epaper-content-startpage .galeriegliderbox .epaper-glider {
    margin-bottom: 3px;
  }
  .epaper-content-startpage .slick-slider .slick-slide {
    margin-left:  10px;
    margin-right:  10px;
  }

  .epaper-content-startpage .slick-slider .slick-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .epaper-glider .slick-prev,
  .epaper-glider .slick-prev.slick-disabled{
    background: #fff;
    width: 40px;
    height: 50px;
    left: 0px; 
  }
  .epaper-glider .slick-prev:hover {
    background: #fff;
  }
  .epaper-glider .slick-next,
  .epaper-glider .slick-next.slick-disabled{
    background: #fff;
    width: 40px;
    height: 50px;
    right: -10px;
  }
  .epaper-glider .slick-next:hover {
    background: #fff;
  }
  .epaper-glider .slick-prev:focus,
  .epaper-glider .slick-next:focus {
    background: #fff !important; 
  }

  .epaper-content-startpage .boxcontainer .boxfooter {
    margin-bottom: 38px;
  }
}

/* Definitionen footer*/
#epaper-page-foot{
  position: relative;
  z-index: 9995;
  display: block;  
  height: 74px;
  background: white;
  box-shadow: 0 -5px  5px -5px rgba(0,0,0,0.1);
}
.epaper-footer-content{
  max-width: 1146px;
  margin: 0px auto;
  padding-top: 28px;
}

.epaper-copyright {
  font-family: var(--font-primary);
  color: var(--color-font-grey);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}
.epaper-footer-links {
  font-family: var(--font-primary);
  color: var(--color-font);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-left: 42px;
}

@media screen and (max-width:1200px) {
  .epaper-footer-content{
    max-width: 738px;
  }
}
@media screen and (max-width:767px) {
  #epaper-page-foot{
    height: 112px;
  }

  .epaper-copyright {
    margin: 0 0 22px 20px;
  }
  .epaper-footer-links {
    margin-left: 20px;
  }
}

/* Definitionen der Vorschauseite samt Beilagen der Ausgabe */
.epaper-previewbox{
  margin-bottom: 54px;
}

.epaper-preview-sub-grid {
  display: grid;
  grid-template-columns: 303px 166px 166px 166px 166px;
  grid-template-rows: repeat(3, auto);
  grid-gap: 30px;
}

.epaper-preview-sub-grid .selected-epaper-header{
  grid-column: 1/6;
  grid-row: 1/2;
}

.epaper-preview-sub-grid .selected-epaper {
  grid-column: 1/2;
  grid-row: 2/4;
}

.epaper-content-startpage .epaper-defaultbox h2 {
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}
.epaper-content-startpage .epaper-defaultbox .epaper-leaflet{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.epaper-content-startpage .epaper-defaultbox .epaper-leaflet h3 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  margin: 4px 0 0 0;
}

.selected-epaper .btn.read-epaper {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  background: black;
}

.epaper-defaultbox .epaper-back-button {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 23px;
  top: 23px;
}

/* Ist nachträglich entfallen; könnte evtl. wieder gebraucht werden
.epaper-default-leaflet {
width: 166px;
height: 246px;
background: var(--color-background);
border: 1px solid var(--color-lines);
}
*/

@media screen and (max-width:1200px) {
  .epaper-preview-sub-grid {
    display: grid;
    grid-template-columns: 283px 166px 166px;
    grid-template-rows: repeat(5, auto);
    grid-gap: 30px;
  }

  .epaper-preview-sub-grid .selected-epaper-header{
    grid-column: 1/4;
    grid-row: 1/2;
  }

  .epaper-preview-sub-grid .selected-epaper {
    grid-column: 1/2;
    grid-row: 2/6;
  }
}
@media screen and (max-width:767px) {
  .epaper-previewbox{
    margin-bottom: 34px;
  }

  .epaper-preview-sub-grid {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: repeat(3, auto);
    grid-gap: 20px;
  }

  .epaper-preview-sub-grid .selected-epaper-header{
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .epaper-preview-sub-grid .selected-epaper {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .epaper-content-startpage .epaper-defaultbox .epaper-leaflet{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .selected-epaper .btn.read-epaper {
    margin: 20px 0;
  }
  .epaper-content-startpage .epaper-defaultbox .epaper-leaflet h3 {
    margin: 4px 0 0 20px;
  }

}

/* Definitionen der Übersichtsseiten aller Exemplare zu einer Ausgabe */
.epaper-content-startpage.epaper-startpage-all-copies {
  padding-top: 0px;
}

.epaper-content-startpage .epaper-search-all-copies .faceted-search-start-date{
  margin-top: 20px;
}
.epaper-content-startpage .epaper-search-all-copies .faceted-search-btn {
  margin-top: 20px;
  background-color: black;
}
.epaper-content-startpage .epaper-search-all-copies h1 {
  margin: 20px 16px 0 0;
}

.epaper-content-startpage .boxcontainer.epaper-all-copies {
  margin-bottom: 26px;
}
.epaper-content-startpage .boxcontainer.epaper-all-copies .boxfooter{
  margin-bottom: 0px;
}

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

@media screen and (max-width:767px) {
  .epaper-content-startpage .defaultbox {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 10px;
  }
}

.epaper-content-startpage .epaper-all-copies-facet ul,
.epaper-content-startpage .epaper-all-copies-facet label{
  margin: 0;
  padding: 0;
}

.epaper-content-startpage fieldset {
  padding:0;
  border:0;
  margin: 0;
}

.epaper-content-startpage input{
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.epaper-content-startpage .epaper-all-overview {
  margin: 0 auto;
}

.epaper-content-startpage input[type="text"],
.epaper-content-startpage input[type="date"] {
  background: white;
}

.epaper-content-startpage .facetsuche {
  position: relative;
}

.epaper-content-startpage .facetsuche .datepicker-input {
  width: 264px;
  height: 40px;
  margin: 0 17px 0 0;
}

@media screen and (max-width: 1200px) {
  .epaper-content-startpage .facetsuche .datepicker-input {
    width: 176px;
  }
}

.epaper-content-startpage .open-calendar {
  height: 30px;
  width: 30px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 10px;
}

.epaper-content-startpage .defaultbox .item {
  position: relative;
  display: flex;
  flex-direction: column;
}

.epaper-content-startpage .defaultbox .item .inner {
  background: #fff;
  padding: 10px 12px 10px 10px;
  box-shadow: 0 0 16px rgba(0,0,0,.1);
}

/* Definitionen der ePaper-Suche */
.epaper-content-startpage .epaper-search-grid{
  display: grid;
  grid-template-columns: 362px 754px;
  grid-template-rows: auto;
  grid-gap: 30px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .epaper-content-startpage .epaper-search-grid{
    grid-template-columns: 292px 416px;
  }
}
@media screen and (max-width: 767px) {
  .epaper-content-startpage .epaper-search-grid{
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-gap: 10px;
  }
}

.epaper-search-grid .epaper-defaultbox.search-grid-item1{
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  padding: 30px 30px 0px 30px;
}

@media screen and (max-width: 767px) {
  .epaper-search-grid .epaper-defaultbox {
    padding: 20px;
  }
  .epaper-search-grid .epaper-defaultbox.search-grid-item1{
    padding: 20px 20px 0px 20px;
  }
}

.epaper-content-startpage .boxcontainer.epaper-search {
  margin: 2px 0 24px 0;
}
@media screen and (max-width: 767px) {
  .epaper-content-startpage .boxcontainer.epaper-search {
    margin: 2px 0 14px 0;
  }
}
.epaper-content-startpage .boxcontainer.epaper-searchbox {
  margin: 0 0 20px 0;
}
.epaper-content-startpage .boxcontainer.epaper-searchbox-result {
  margin: 0 0 15px 0;
}
.epaper-content-startpage .search-result-container .boxcontainer {
  margin: 20px 0 0 0;
}

.epaper-content-startpage .boxheader.search-header {
  margin: 0 auto;
}

.epaper-content-startpage .boxheader.search-header h2 {
  background: #fff;
}

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

.boxcontainer .boxheader.search-header {
  width: 76%;
}
@media screen and (max-width: 1200px) {
  .boxcontainer .boxheader.search-header {
    width: 90%;
  }
}
.epaper-defaultbox .facetsuche input.search-item {
  padding-left:45px
}

.epaper-defaultbox .search-grid-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: repeat(7, auto);
  grid-gap: 30px;
  margin: 0;
}

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

@media screen and (max-width: 1200px) {
  .epaper-defaultbox .search-grid-container {
    grid-template-rows: repeat(8, auto);
  }

  .epaper-defaultbox .search-grid-container .faceted-search-start-date{
    grid-column: 1/3;
    grid-row: 4/5;
  }
  .epaper-defaultbox .search-grid-container .faceted-search-end-date{
    grid-column: 1/3;
    grid-row: 5/6;
  }
  .epaper-defaultbox .search-grid-container .faceted-search-time-frame{
    grid-column: 1/3;
    grid-row: 6/7;
  }
  .epaper-defaultbox .search-grid-container .faceted-search-btn{
    grid-column: 1/3;
    grid-row: 7/8;
  }
  .epaper-defaultbox .search-grid-container .faceted-search-mean{
    grid-column: 1/3;
    grid-row: 8/9;
  }
}

@media screen and (max-width: 767px) {
  .epaper-defaultbox .search-grid-container {
    grid-template-rows: repeat(7, auto);
    grid-gap: 20px;
  }

  .epaper-defaultbox .search-grid-container .faceted-search-start-date{
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .epaper-defaultbox .search-grid-container .faceted-search-end-date{
    grid-column: 2/3;
    grid-row: 4/5;
  }
  .epaper-defaultbox .search-grid-container .faceted-search-time-frame{
    grid-column: 1/3;
    grid-row: 5/6;
  }
  .epaper-defaultbox .search-grid-container .faceted-search-btn{
    grid-column: 1/3;
    grid-row: 6/7;
  }
  .epaper-defaultbox .search-grid-container .faceted-search-mean{
    grid-column: 1/3;
    grid-row: 7/8;
  }
}

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

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

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

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

.epaper-defaultbox .search-grid-container .faceted-search-mean p,
.epaper-defaultbox .search-grid-container .faceted-search-mean span{
  color: var(--color-primary);
}
.epaper-defaultbox .search-grid-container .faceted-search-mean p{
  margin: 0 0 23px 0;
}

.epaper-defaultbox .faceted-search-mean .facettierteSuche__meintenSie {
  cursor: pointer;
  font-weight: bold;
}

.epaper-defaultbox .select-container {
  position: relative;
}

.epaper-defaultbox .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;
}

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

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

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

.epaper-defaultbox .search-grid-container ul{
  margin: 0;
  padding: 0;
}

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

.epaper-search-grid .epaper-defaultbox .facetsuche .datepicker-input{
  width: 100%;
  height: 40px;
  background: var(--color-background);
  margin: 0;
}

.epaper-defaultbox .faceted-search-edition .flex-container{
  -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;
}


.epaper-defaultbox .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.epaper .search-result-thumb {
  flex: 1 0 100px;
  max-width: 100px;
}



@media screen and (max-width: 767px) {
  .epaper-defaultbox .search-result-flexbox {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}

.epaper-defaultbox .search-result-text-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .epaper-defaultbox .search-result-text-body {
    padding: 0 30px 0 20px;
  }
}

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

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

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

.epaper-defaultbox .search-result-flexbox img {
  display: block;
}

.epaper-defaultbox .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;
}

.epaper-defaultbox .search-result-container .flex-container,
.epaper-defaultbox .search-result-container .boxcontainer .boxfooter {
  margin-bottom: 0px;
}

/* Definitionen der ePaper-Detailsuche */
.epaper-content-startpage.epaper-search-position {
  position: relative;
}

.epaper-content-startpage .epaper-search-detail-back {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 12px;
  z-index: 9999;  
}

.epaper-defaultbox .search-grid-container.epaper-search-detail {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, auto);
  grid-gap: 30px;
  margin: 0;
}

.epaper-defaultbox .search-grid-container.epaper-search-detail .faceted-search-item {
  grid-column: 1/2;
  grid-row: 1/2;
}
.epaper-defaultbox .search-grid-container.epaper-search-detail .faceted-search-sort{
  grid-column: 1/2;
  grid-row: 2/3;
}
.epaper-defaultbox .search-grid-container.epaper-search-detail .faceted-search-btn{
  grid-column: 1/2;
  grid-row: 3/4;
}
.epaper-defaultbox .search-grid-container.epaper-search-detail .faceted-search-btn-all{
  grid-column: 1/2;
  grid-row: 4/5;
}
.epaper-defaultbox .search-grid-container.epaper-search-detail .faceted-search-mean{
  grid-column: 1/2;
  grid-row: 5/6;
}

.search-result-flexbox .epaper-search-result-img {
  flex: 0 0 100px;
}

@media screen and (max-width: 767px) {
  .search-result-flexbox .epaper-search-result-text-body {
    padding: 0 0 0 20px;
  }
}

span.highlight {
  background-color: yellow;
}

/* Werbung */
.werbecontainer.halfpage.halfpage--epaper {
  position: absolute;
  top: 130px;
  left: calc(50vw + 600px);
}

.werbecontainer.halfpage.halfpage--epaper.halfpage--fixed {
  top: 150px;
}

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

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


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

/* 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') format('truetype'),
    url('/design2020/fonts/icomoon/fonts/icomoon.woff') format('woff'),
    url('/design2020/fonts/Icomoon/fonts/icomoon.svg#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-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-Bilder-30:before {
  content: "\e944";
}
.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-30 .path1:before {
  content: "\e94c";
  color: rgb(0, 87, 153);
}
.icon-ico-facebook-30 .path2:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-facebook-50:before {
  content: "\e94e";
}
.icon-ico-Geschenkeabos-50:before {
  content: "\e94f";
}
.icon-ico-Geschenkeabos-120:before {
  content: "\e950";
}
.icon-ico-google-30 .path1:before {
  content: "\e951";
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path2:before {
  content: "\e952";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path3:before {
  content: "\e953";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path4:before {
  content: "\e954";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path5:before {
  content: "\e955";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path6:before {
  content: "\e956";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path7:before {
  content: "\e957";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path8:before {
  content: "\e958";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path9:before {
  content: "\e959";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path10:before {
  content: "\e95a";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path11:before {
  content: "\e95b";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path12:before {
  content: "\e95c";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path13:before {
  content: "\e95d";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path14:before {
  content: "\e95e";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path15:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path16:before {
  content: "\e960";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path17:before {
  content: "\e961";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path18:before {
  content: "\e962";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path19:before {
  content: "\e963";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path20:before {
  content: "\e964";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path21:before {
  content: "\e965";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path22:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path23:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path24:before {
  content: "\e968";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path25:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path26:before {
  content: "\e96a";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path27:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path28:before {
  content: "\e96c";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path29:before {
  content: "\e96d";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path30:before {
  content: "\e96e";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path31:before {
  content: "\e96f";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path32:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path33:before {
  content: "\e971";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path34:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path35:before {
  content: "\e973";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path36:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path37:before {
  content: "\e975";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path38:before {
  content: "\e976";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path39:before {
  content: "\e977";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path40:before {
  content: "\e978";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path41:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path42:before {
  content: "\e97a";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path43:before {
  content: "\e97b";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path44:before {
  content: "\e97c";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path45:before {
  content: "\e97d";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path46:before {
  content: "\e97e";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path47:before {
  content: "\e97f";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path48:before {
  content: "\e980";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path49:before {
  content: "\e981";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path50:before {
  content: "\e982";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path51:before {
  content: "\e983";
  margin-left: -1em;
  color: rgb(255, 193, 7);
}
.icon-ico-google-30 .path52:before {
  content: "\e984";
  margin-left: -1em;
  color: rgb(255, 61, 0);
}
.icon-ico-google-30 .path53:before {
  content: "\e985";
  margin-left: -1em;
  color: rgb(76, 175, 80);
}
.icon-ico-google-30 .path54:before {
  content: "\e986";
  margin-left: -1em;
  color: rgb(25, 118, 210);
}
.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-twitter-50:before {
  content: "\e99f";
}
.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-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";
}


/* 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;
  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;
  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;
  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;
  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: #878787; /* Zeitangaben u. Links im Fuss */
  --color-font-grey-dark: #535353; /* Boxenüberschriften */
  --color-background-light-blue: #A7CEFB;
  --color-lines: #CCCCCC;
  --color-background-light-red: #FCE5E8;
  --color-liewo-blue: #145A9A;
  --color-liewo-orange: #EF7E04;
  --color-wirregio-blue: #1459A5;
}

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;
  margin: 0;


}

body.community {
  background: var(--color-background-community);
}

figure {margin: 0;}

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

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 rgba(0,0,0,0.1);
}

.shadow-bottom {
  box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.1);

}

.shadow-top {
  box-shadow: 0 -5px  5px -5px rgba(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 &gt; * {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}


/* Buttons */
.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;
}







.btn a,
a.btn {text-decoration: none; text-align: center;}

/* Input &amp; 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;
  left: 0;
  opacity: 0;
  z-index: 1;
}


[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: rgba(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 rgba(0, 0, 0, 0.1);
  background-color: rgba(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 rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(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;
}


/* 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 rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26);
}

[type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(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: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled:checked + label:after {
  background-color: rgba(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.css */
#outerpage.userblog,
#outerpage.userblog .boxcontainer&gt;.boxheader&gt;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 &gt; * {
  margin-bottom: 20px;
}

.contentbereich.blog .blog__bbCode &gt; 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;
}

.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 &gt; li,
.contentbereich.meineEventSuchTermine .meineEventSuchTermine__liste &gt; 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 &gt; li &gt; 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 &gt; 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 &gt; li {
  flex: 1 1 auto;
  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 &gt; 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 &gt; 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 &gt; 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 &gt; .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.userBlog &gt; .contentbereich.box {
  display: none;
}

.fcms_artdetail.userBlog &gt;.ad-widebox {
  margin-top: 40px;
}

.fcms_artdetail.userBlog &gt; .contentbereich .fcms_artdetail_text + .social {
  margin-top: 25px;    
}

/* 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 &gt; li {
  padding: 0 10px;
  margin-right: 10px;  
  border-bottom: 2px solid transparent;
}

.community__naviList &gt; li h3 {
  font-weight: 400;
  margin: 5px 10px;
  text-align: center;
}

.community__naviList &gt; li:hover,
.community__naviList &gt; li._active {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
}

.community__naviSublist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.community__naviSublist &gt; li {
  display: none;
  padding: 0 10px;
  margin-right: 10px;
}

.community__naviSublist &gt; li:hover {
  color: var(--color-primary);
}

.community__naviSublist &gt; li._active {
  display: block;
}

/* 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;
  color: var(--color-font);
  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&gt;.boxheader&gt;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 &gt; * {
  margin-bottom: 20px;
}

.meinEvent #globalesuche_maske {
  text-align: right;
}

.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 &gt; * {
  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 &gt; 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 &gt; a.pager-currpage,
.meinEvent .event_pager .pages.active {
  text-decoration: underline;
}

.meinEvent .locationSelect .pagination &gt; a:last-of-type,
.meinEvent .event_pager .pages:last-of-type {
  border: none;
}

.contentbereich.meinEvent .eventCategory {
  padding: 0 30px 30px 30px;
}

.meinEvent .locationSelect .pagination &gt; a:hover,
.meinEvent .locationSelect .pagination &gt; a:focus,
.meinEvent .locationSelect .pagination &gt; 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 &gt; *,
.meinEvent #eveditor-form-addoccseries .meinEvent__serienTerminStart &gt; *,
.meinEvent #eveditor-form-addoccseries .meinEvent__serienTerminEnde &gt; *,
.bildEditor &gt; * 
.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 &gt; 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: rgba(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 &gt; .boxheader &gt; 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 &gt; table td {
  border: 1px solid #fff;
  width: 14.25%;
}

.meineEventSuche__kalender div#framecaldest &gt; table td.paselsa, 
.meineEventSuche__kalender div#framecaldest &gt; table td.paselso, 
.meineEventSuche__kalender div#framecaldest &gt; table td.pasel, 
.meineEventSuche__kalender div#framecaldest &gt; table td.sel,
.meineEventSuche__kalender div#framecaldest &gt; table td.selsa,
.meineEventSuche__kalender div#framecaldest &gt; 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 &gt; table {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 20px;
  border: 1px solid var(--color-lines);
}

.meineEventSuche__kalender div#framecaldest &gt; table td a {
  display: inline-block;
  width: 75%;
  text-align: center;
  padding-left: 8px;
  box-sizing: border-box;
}

.meineEventSuche__kalender div#framecaldest &gt; table td:not(.kalhead) a:hover,
.meineEventSuche__kalender div#framecaldest &gt; table td:not(.kalhead) a:focus,
.meineEventSuche__kalender div#framecaldest &gt; 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 &gt; 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 &gt; 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 &gt; a.btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    font-size: 16px;
  }

}

@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 &gt; span,
  .blogSteps li:first-of-type &gt; 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 &gt; span:nth-of-type(2n - 1) {
    margin-right: 30px;
  }

  .meineEventSuche__kalender div#framecaldest &gt; 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 &gt; * {
    width: auto;
  }

  .contentbereich.meineEventSuchTermine .meineEventSuchTermine__liste &gt; li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

}

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

  .contentbereich.blog .blog__list &gt; li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.333%;
    flex: 0 1 33.333%;
  }

  .blogSteps li {
    height: 32px;
    padding: 10px;
  }

  .blogSteps li &gt; span, 
  .blogSteps li:first-of-type &gt; 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;
  }

}

div[data-fcms-domid=contentLoader].logintogglebutton {
  background: none;
  padding: 5px 10px;
}

/* 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;
}

/* ePayGrid */
.epayGrid {
  display: -ms-grid;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, 1fr);
}
.epayGrid &gt; *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.epayGrid &gt; *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.epayGrid &gt; *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.epayGrid &gt; *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.epayGrid &gt; *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.epayGrid &gt; *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}
.epayGrid &gt; *:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.epayGrid &gt; *:nth-child(8) {
  -ms-grid-row: 1;
  -ms-grid-column: 8;
}
.epayGrid &gt; *:nth-child(9) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}
.epayGrid &gt; *:nth-child(10) {
  -ms-grid-row: 1;
  -ms-grid-column: 10;
}
.epayGrid &gt; *:nth-child(11) {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}
.epayGrid &gt; *: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__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: 0 auto;
}

.epayPaywall.epayPaywall--epaper .inhaltsbereich{
  margin: 0 auto;
}

.epayPaywall.epayPaywall--epaper .inhaltsbereich .fcms_artdetail .contentbereich.paywallPermissions {
  box-sizing: content-box;
}

.epayPaywall.epayPaywall--epaper .inhaltsbereich .fcms_artdetail .epayPaywall__kaufWrapper.contentbereich,
.epayPaywall.epayPaywall--epaper .inhaltsbereich .fcms_artdetail .epayPaywall__selectedProduct.contentbereich {
  box-sizing: content-box;
  max-width: calc(100vw - 60px);
}


.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: 0 auto;
}

.epayPaywall.epayPaywall--wr .boxcontainer .boxheader h2.epayBackground__f5 {
  background: #fff;
}

.epayPaywall__headline {
  font-family: var(--font-secondary);
  font-weight: 400;
  line-height: 44px;
  margin: 0 0 40px 0;
  text-align: center;
  font-size: 26px;
  word-break: break-word;
}

.epayPaywall__marBot0 {
  margin-bottom: 0;
}

.epayPaywall__marBot20,
.epayPaywall .epayPaywall__btn.epayPaywall__marBot20 {
  margin-bottom: 20px;
}

.epayPaywall__marBot30 {
  margin-bottom: 30px;
}

.epayPaywall__marBot40 {
  margin-bottom: 40px;
}

.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&gt;.boxheader&gt;h2 {
  background: #fff;
}

input[type="text"].epayPaywall__textInput,
input[type="email"].epayPaywall__textInput,
.epayPaywall__btn, 
.epayPaywall__text,
.kombilogin .epayGrid &gt; * {
  -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;
}

.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: #3B7EEF;
  color: var(--color-background);
  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: #3760C0;   
  color: var(--color-background);
  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 {
  background: var(--color-background);
  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 &gt; *,
.epayPaywall__zahlart[data-fcms-visible="true"] &gt; * {
  height: 40px;
  border-bottom: 2px solid #fff;
  display: block;
}

.epayPaywall .fieldDisplay {
  padding: 0;
}
.epayPaywall .fieldDisplay &gt; li {
  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 .dualinput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.epayPaywall__userChange .fcmskundeneingabefelder-content input {
  font-size: 18px;
}

.epayPaywall__userChange .fcmskundeneingabefelder-content .dualinput &gt; :first-child {
  margin-right: 20px;
}

.epayPaywall__userChange .fcmskundeneingabefelder-content .dualinput .fcmskundeneingabe-dualinput-xlarge {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.epayPaywall__userChange .fcmskundeneingabefelder-content .dualinput .fcmskundeneingabe-dualinput-xshort {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.epayPaywall__userChange .fcmskundeneingabefelder-content .fcmskundeneingabe-radio-drei + .fcmskundeneingabe-radio-drei {
  padding-left: 20px;
}

.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&gt;.boxheader&gt;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: rgba(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;
}

.epayPaymill__form &gt; 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 &gt; * {
    -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 &gt; *,
  .kombilogin .epayGrid &gt; .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 {
    word-break: break-word;
    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: 26PX;
    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 &gt; * {
    -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 &gt; .boxheader &gt; 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;
}

.kombilogin .sign-up-successful {
  max-width: 560px;
  margin: 0 auto;
}

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

  .kombilogin {
    max-width: 1146px;
  }

}

/* userData_Liewo-WR.css */
/* Definitionen der Benutzerprofilverwaltung */
#epaper-header + #outerpage .contentbereich {
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

.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;
  }
}

/* Liewo / Wirtschaft regional Logout-Text */
.contentbereich.kombilogin.epaper-logout {
  margin-bottom: 50px;
}

.community__navi  .meineThemenVL, 
.community__navi  .meineEventsVL,  
.community__navi  .meineBlogsVL{
  display: none;
}

.epaper-content-startpage.wr .galeriegliderbox,
.epaper-content-startpage.lw .galeriegliderbox   {
  max-width: calc(100vw - 20px);
  margin: 0;
}

.epaper-content-startpage.wr .current-issue-sub-grid.grid-liewo-wr,
.epaper-content-startpage.lw  .current-issue-sub-grid.grid-liewo-wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}


@media screen and (min-width: 767px) {
  .epaper-content-startpage.wr  .current-issue-sub-grid.grid-liewo-wr,
  .epaper-content-startpage.lw  .current-issue-sub-grid.grid-liewo-wr {
    display: -ms-grid;
    display: grid;
  }
}

.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: #000;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  width: 264px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

.epayPaywall .epayPaywall__kaufWrapper  .boxcontainer&gt;.boxheader&gt;h2 {
  background: #fff;
}




/* 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;
}

/* WR-Liewo-TVRT.css */
/* wirtschaftregional.li / liewo.li / tvrt.ch */


/* Farben */
:root {
  --color-primary: #ef7e04; /* rot bzw. Verlagsfarbe */
  --color-background-light-search: #fff3e5; 
  --color-kontakt-ressort: #004084;
}

/* Header */
#outerpage {
  grid-template-rows: 134px 0px 1fr auto !important;
}

.head.pagehead,
.epaper-header .flex-container.epaper-header-content {
  align-items: flex-start !important;
  flex-wrap: nowrap;
  padding-top: 0px;
}

.head.pagehead .logo,
.epaper-header .epaper-header-content .logo {
  margin: 18px 0 0 0;
}
.head.pagehead .logo.head-logo-lw,
.epaper-header .epaper-header-content .logo.head-logo-lw {
  margin-top: 31px;
}
.head.pagehead .head-logo-tvrt,
.epaper-header .epaper-header-content .head-logo-tvrt {
  margin-top: 31px;
}

.epaper-header.epaper-detail .epaper-header-content .logo {
  margin: 0;
}

.epaper-header.epaper-detail a,
.epaper-header.epaper-detail a:active,
.epaper-header.epaper-detail a:visited {
  color: #fff;
}

.head.pagehead .logo.head-logo-wr img,
.head.pagehead .logo.head-logo-wr svg,
.epaper-header  .epaper-header-content .logo.head-logo-wr img,
.epaper-header  .epaper-header-content .logo.head-logo-wr svg {
  width: 330px;
  height: auto;
}
.head.pagehead .logo.head-logo-lw img,
.head.pagehead .logo.head-logo-lw svg,
.epaper-header .epaper-header-content .logo.head-logo-lw img,
.epaper-header .epaper-header-content .logo.head-logo-lw svg {
  width: auto;
  height: 69px;
}
.head.pagehead .head-logo-tvrt img,
.head.pagehead .head-logo-tvrt svg,
.epaper-header .epaper-header-content .head-logo-tvrt img,
.epaper-header .epaper-header-content .head-logo-tvrt svg {
  width: auto;
  height: 69px;
}

@media screen and (max-width: 1200px) {
  .head.pagehead .logo.head-logo-wr img,
  .head.pagehead .logo.head-logo-wr svg,
  .epaper-header .epaper-header-content .logo.head-logo-wr img,
  .epaper-header .epaper-header-content .logo.head-logo-wr svg {
    width: 250px;
  }
}
@media screen and (max-width: 767px) {
  #outerpage {
    grid-template-rows: 60px 0px 1fr auto !important;
  }
  .head.pagehead .logo,
  .epaper-header .epaper-header-content .logo {
    margin: 0;
    padding-top: 10px;
    align-self: center;
  }
  .head.pagehead .logo img,
  .head.pagehead .logo svg,
  .epaper-header .epaper-header-content .logo img,
  .epaper-header .epaper-header-content .logo svg {
    max-width: 190px;
  }  
  .head.pagehead .logo.head-logo-lw,
  .epaper-header .epaper-header-content .logo.head-logo-lw {
    margin-top: 7px;
    padding-top: 0;
  }
  .head.pagehead .head-logo-tvrt,
  .epaper-header .epaper-header-content .head-logo-tvrt {
    margin-top: 7px;
    padding-top: 0;
  }
  .head.pagehead .logo.head-logo-lw img,
  .head.pagehead .logo.head-logo-lw svg,
  .epaper-header .epaper-header-content .logo.head-logo-lw img,
  .epaper-header .epaper-header-content .logo.head-logo-lw svg {
    height: 34px;
  }
  .head.pagehead .head-logo-tvrt img,
  .head.pagehead .head-logo-tvrt svg,
  .epaper-header .epaper-header-content .head-logo-tvrt img,
  .epaper-header .epaper-header-content .head-logo-tvrt svg {
    height: 34px;
  }
}

/* Header Navigation*/
.head.pagehead .headright.wr-liewo-head-grid,
.epaper-header .headright.wr-liewo-head-grid {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: auto auto;
  row-gap: 30px;
  flex: 0 1 auto;
  margin-top: 28px;
  color: var(--color-font-grey);
  font-size: 15px;
  line-height: 17px;
  align-items: initial;
}

.head.pagehead .headright.wr-liewo-head-grid .navi-wr-liewo,
.epaper-header .headright.wr-liewo-head-grid .navi-wr-liewo {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.head.pagehead .headright.wr-liewo-head-grid.head-grid-tvrt .navi-wr-liewo,
.epaper-header .headright.wr-liewo-head-grid.head-grid-tvrt .navi-wr-liewo {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
}

.head.pagehead .headright.wr-liewo-head-grid .quicklink-ww,
.epaper-header .headright.wr-liewo-head-grid .quicklink-ww {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  padding: 0px 10px;
}
.head.pagehead .headright.wr-liewo-head-grid .search,
.epaper-header .headright.wr-liewo-head-grid .search {
  grid-column: 1 / 5;
  grid-row: 2 / 3;
  justify-self: end;
  padding: 0 10px;
  margin-top: -11px;
}
.head.pagehead .headright.wr-liewo-head-grid .quicklink-abo,
.epaper-header .headright.wr-liewo-head-grid .quicklink-abo {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  padding: 0 10px;
}
.head.pagehead .headright.wr-liewo-head-grid .head-login,
.epaper-header .headright.wr-liewo-head-grid .head-login {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
}

.wr-liewo-head-grid .navigationContainer li.tiefe1 &gt; a {
  color: var(--color-font-grey);
  display: initial;
  padding: 5px 10px;
  height: initial;
  text-decoration: none;
  font-size: 15px;
  line-height: 17px;
  border-bottom: none;
}
.wr-liewo-head-grid .navigationContainer .touchedElement &gt; a,
.wr-liewo-head-grid .navigationContainer li.tiefe1:hover &gt; a {
  color: var(--color-font-grey);
  text-decoration: none;
  border-bottom: none;
}
.wr-liewo-head-grid .navigationContainer li.tiefe1.active &gt; a {
  color: var(--color-primary);
  font-weight: 400;
  text-decoration: none;
  border-bottom: none;
}

.wr-liewo-head-grid .head-login div.loginContainer {
  padding: 0;
  top: -1px;
}

.wr-liewo-head-grid .logintogglebutton {
  padding: 1px 10px;
}

.epaper-header .wr-liewo-head-grid .facetsuche .searchButtonHeader {
  left: 15px;
}

.epaper-header .mobile-menu-button {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

.epaper-header .wr-liewo-head-grid .facetsuche {
  margin-top: 0;
}

@media screen and (max-width: 1200px) {
  .head.pagehead .headright.wr-liewo-head-grid,
  .epaper-header .headright.wr-liewo-head-grid {
    margin-top: 30px;
  }
  .head.pagehead .headright.wr-liewo-head-grid .navi-wr-liewo,
  .epaper-header .headright.wr-liewo-head-grid .navi-wr-liewo {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }
  .head.pagehead .headright.wr-liewo-head-grid.head-grid-lw .navi-wr-liewo,
  .epaper-header .headright.wr-liewo-head-grid.head-grid-lw .navi-wr-liewo {
    grid-column: 1 / 5;
  }
  .head.pagehead .headright.wr-liewo-head-grid .quicklink-ww,
  .epaper-header .headright.wr-liewo-head-grid .quicklink-ww {
    grid-column: 3 / 5;
    grid-row: 1 / 2;
  }
  .head.pagehead .headright.wr-liewo-head-grid .search,
  .epaper-header .headright.wr-liewo-head-grid .search {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }
  .head.pagehead .headright.wr-liewo-head-grid.head-grid-lw .search,
  .epaper-header .headright.wr-liewo-head-grid.head-grid-lw .search {
    grid-column: 1 / 4;
  }
  .head.pagehead .headright.wr-liewo-head-grid.head-grid-tvrt .search,
  .epaper-header .headright.wr-liewo-head-grid.head-grid-tvrt .search {
    grid-column: 1 / 5;
  }
  .head.pagehead .headright.wr-liewo-head-grid .quicklink-abo,
  .epaper-header .headright.wr-liewo-head-grid .quicklink-abo {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    padding-top: 5px;
  }
  .head.pagehead .headright.wr-liewo-head-grid .head-login,
  .epaper-header .headright.wr-liewo-head-grid .head-login {
    grid-column: 4 / 5;
    grid-row: 2 / 3;
    justify-self: end;
    padding-top: 5px;
  }
  .head.pagehead .headright.wr-liewo-head-grid .search input[type="search"],
  .epaper-header .headright.wr-liewo-head-grid .search input[type="search"] {
    width: 250px;
    height: 50px;
  }
  .wr-liewo-head-grid .navigationContainer .mainLayer.top {
    justify-content: flex-end;
  }
  
  .wr-liewo-head-grid .logintogglebutton {
    text-align: right;
  }
  .wr-liewo-head-grid .facetsuche .searchButtonHeader {
   bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .head.pagehead .headright.wr-liewo-head-grid,
  .epaper-header .headright.wr-liewo-head-grid {
    grid-template-columns: repeat(3, auto);
    grid-template-rows: auto;
    row-gap: 0px;
    margin-top: 15px;
  }
  .head.pagehead .headright.wr-liewo-head-grid .navi-wr-liewo,
  .epaper-header .headright.wr-liewo-head-grid .navi-wr-liewo,
  .head.pagehead .headright.wr-liewo-head-grid.head-grid-lw .navi-wr-liewo,
  .epaper-header .headright.wr-liewo-head-grid.head-grid-lw .navi-wr-liewo {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
  }
  .head.pagehead .headright.wr-liewo-head-grid .search,
  .epaper-header .headright.wr-liewo-head-grid .search,
  .head.pagehead .headright.wr-liewo-head-grid.head-grid-lw .search,
  .epaper-header .headright.wr-liewo-head-grid.head-grid-lw .search {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    padding: 0;
    margin-top: 0;
    color: var(--color-font);
  }
  .head.pagehead .headright.wr-liewo-head-grid .head-login,
  .epaper-header .headright.wr-liewo-head-grid .head-login {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    justify-self: end;
    padding-top: 6px;
  }
  .wr-liewo-head-grid .head-login div.loginContainer {
    width: initial;
  }
  .wr-liewo-head-grid .logintogglebutton {
    padding: 1px 0px;
  }  
  .epaper-header .headright .suchlink.mobile {
    margin-right: 10px;
  }
}

/* Footer */
.footernavigation .sublinks {
  margin-top: 20px;
}

/* Startseite  Top-Aufmacher */
.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  grid-gap: 30px;
  margin-bottom: 20px;
}

.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .epaper-defaultbox {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  background:#fff;
  box-shadow:0 0 16px rgba(0,0,0,.1);
  padding: 10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position: relative;
}

.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-1 {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
}

.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-2 .description,
.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-3 .description {
  display: block;
}

.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .epaper-defaultbox .topline {
  margin: 0 0 8px 0;
  padding-left: 5px;
}

.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .epaper-defaultbox h1 {
  font-family: var(--font-secondary);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  margin: 0 0 12px 0;
  padding-left: 5px;
}

.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .smalltext,
.galeriegliderbox.wr-liewo-gliderbox .smalltext {
  margin-right: 20px;
}

.startpage-topteaser-sub-grid .epaper-defaultbox .flex-container.start {
  padding: 0 0 10px 5px;
}

.startpage-topteaser-sub-grid .epaper-defaultbox .teaser-image {
  padding: 0 0 17px 0;
  margin-top: auto;
}

.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .epaper-defaultbox img,
.galeriegliderbox.wr-liewo-gliderbox img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--color-lines);
  box-sizing: border-box;
}

.download-container {
  position: relative;
  z-index: 9;
}

.fcms-epaperDownloadStatus {
  position: absolute;
  width: 120px;
  left: -20px;
  top: 30px;
  text-align: center;
  padding: 15px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.slick-slider .fcms-epaperDownloadStatus {
  left: -100px;
  top: -165px;
}

.fcms-epaperDownloadStatus a:hover {
  text-decoration: underline;
}

.download-container .icon-ico-Download-30 {
  cursor: pointer;
}

.ad-container.wr-liewo-ad-container {
  margin-top: -36px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-1 {
    grid-column: 2 / 3;
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-1 .headline {
    font-size: 22px;
    line-height: 30px;
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-2 .description,
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-3 .description {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(5,auto);
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .epaper-defaultbox {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-1 {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-3 {
    grid-column-start: 1;
    grid-column-end: 3;
    flex-direction: row;
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .epaper-defaultbox .topline {
    padding-left: 0;
    margin: -6px 0 1px 0;
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .epaper-defaultbox h1 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 10px 0;
    padding-left: 0;
  }
  .startpage-topteaser-sub-grid .epaper-defaultbox .flex-container.start {
    padding: 0 0 6px 0;
  }
  
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-3 .teaser-image {
    flex: 0 0 95px;
    margin-right: 20px;
    height: 60px;
    overflow: hidden;
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-3 .topline {
    display: block;
    font-size: 12px;
  }
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid .topteaser.nummer-3 .headline {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
  }
  .startpage-topteaser-sub-grid .epaper-defaultbox .teaser-image {
    padding: 0 0 7px 0;
  }
  .ad-container.wr-liewo-ad-container {
    margin-bottom: 39px;
  }
}

/* Definitionen zu den ePaper slick-Glidern */
.galeriegliderbox.wr-liewo-gliderbox  {
  margin: 0;
  overflow: hidden;
}

.galeriegliderbox.wr-liewo-gliderbox .boxcontainer {
  width: 1146px;
  margin: auto auto 20px auto;
}
.galeriegliderbox.wr-liewo-gliderbox .epaper-glider {
  margin-bottom: 4px;
  max-height: 700px; 
}

.wr-liewo-gliderbox .slick-slider .slick-slide {
  margin-left:  15px;
  margin-right:  15px;
}

.wr-liewo-gliderbox .slick-slider .slick-list {
  margin-left: -15px;
  margin-right: -15px;
}

.galeriegliderbox.wr-liewo-gliderbox .epaper-glider .item .inner {
  background: #ffffff;
  padding: 10px 12px 10px 10px;
  margin-bottom: 16px;
  max-width: 541px;
  box-shadow: 0px 0px 16px rgba(0,0,0,0.1);
}

.epaper-glider .slick-prev:before,
.epaper-glider .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;
}

.epaper-glider .slick-prev {
  top: 47%;
  left: -42px; 
}

.epaper-glider .slick-next {
  top: 47%;
  right: -22px;
}

.wr-liewo-gliderbox .boxcontainer .boxfooter {
  margin-bottom: 54px;
}

.galeriegliderbox.wr-liewo-gliderbox .noButton {
  background: var(--color-background);
}

.epaper-glider .flex-container {
  margin: 22px 0 14px 0;
}

.galeriegliderbox.wr-liewo-gliderbox img {
  box-sizing: initial;
}

.wr-liewo-gliderbox button.noButton {
  padding-left: 0;
  padding-right: 0;
  color: var(--color-font);
}

@media screen and (max-width:1200px) {
  .galeriegliderbox.wr-liewo-gliderbox .boxcontainer {
    width: 738px;
  }
  .epaper-glider .slick-prev {
    left: -25px; 
    z-index: 999;
  }

  .epaper-glider .slick-next {
    right: -5px;
  }
}
@media screen and (max-width:767px) {
  .galeriegliderbox.wr-liewo-gliderbox  {
    overflow: initial;
  }
  .galeriegliderbox.wr-liewo-gliderbox .boxcontainer {
    max-width: calc(100vw - 40px);
  }
  .galeriegliderbox.wr-liewo-gliderbox .epaper-glider {
    margin-bottom: 3px;
  }
  .wr-liewo-gliderbox .slick-slider .slick-slide {
    margin-left:  10px;
    margin-right:  10px;
  }

  .wr-liewo-gliderbox .slick-slider .slick-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .epaper-glider .slick-prev,
  .epaper-glider .slick-prev.slick-disabled{
    background: #fff;
    width: 40px;
    height: 50px;
    left: 0px; 
  }
  .epaper-glider .slick-prev:hover {
    background: #fff;
  }
  .epaper-glider .slick-next,
  .epaper-glider .slick-next.slick-disabled{
    background: #fff;
    width: 40px;
    height: 50px;
    right: -10px;
  }
  .epaper-glider .slick-next:hover {
    background: #fff;
  }
  .epaper-glider .slick-prev,
  .epaper-glider .slick-next {
    z-index: 50 !important; 
  }
  .epaper-glider .slick-prev:focus,
  .epaper-glider .slick-next:focus {
    background: #fff !important; 
  }
  .wr-liewo-gliderbox .boxcontainer .boxfooter {
    margin-bottom: 39px;
    padding-right: 0;
  }
}

/* Definitionen zu den ePaper slick-Glidern */
@media screen and (max-width:1200px) {
  .epaper-glider .inner .smalltext,
  .epaper-all-copies .inner .smalltext {
    max-width: 97px;
  }
}
@media screen and (max-width:767px) {
  .epaper-glider .inner .smalltext,
  .epaper-all-copies .inner .smalltext {
    max-width: initial;
  }
}
/* Facettierte Suche */
.facettierteSuche__tableiste .slick-track {
  width: initial !important;
  display: flex;
  justify-content: center;
}
.facettierteSuche__tableiste .slick-track .slick-slide{
  width: initial;
  flex: 1 1 auto;
}
.facettierteSuche__tabItem &gt; span {
  background: var(--color-background-light-search);
}
.backdrop__tableiste &gt; span {
  background: transparent;
}

.suche-facet-ausgabe {
  display: none;
}


/* Sonder-Artikeldetailseiten */
.fcms_artdetail .cb-artdetail-simple .flex-container.start.published,
.fcms_artdetail .cb-artdetail-simple .social.flex-container,
.fcms_artdetail .cb-artdetail-simple .article-images {
  display: none;
}

/* Sonder-Artikeldetailseiten Kontakt / Werbung */
.fcms_artdetail .cb-artdetail-simple .fcms_artdetail_text &gt; p {
  max-width: initial;
}

.fcms_artdetail h2.kontakt-ressort {
  font-family: var(--font-secondary);
  color: var(--color-kontakt-ressort);
  text-decoration: underline;
  font-size: 26px;
  line-height: 26px;
  font-weight: 500;
  margin-top: 0;
}
.fcms_artdetail h2.kontakt-titel-lw {
  font-size: 34px;
  line-height: 44px;
  margin-top: 0;
}

.fcms_artdetail .cb-artdetail-simple .fcms_artdetail_text figure a.symbol {
  text-decoration: none;
  color: inherit;
}


.fcms_artdetail .cb-artdetail-simple .defaultbox {
  grid-gap: 90px;
  grid-template-rows: auto;
  margin-bottom: 90px;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser {
  box-shadow: initial;
  flex-direction: row;
  grid-column: span 3;
  padding: 0;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser .teaser-content {
  padding: 0;
  margin: 0 30px 0 0;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser .teaser-content p:first-child {
  margin: 0;
}
.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser .linkbuttons {
 display: flex;
 flex-direction: column;
}
.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser .linkbuttons a {
  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: var(--color-kontakt-ressort);
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  line-height: 40px;
  min-width: 300px;
  margin-bottom: 30px;
  text-align: center;
}
.fcms_artdetail .cb-artdetail-simple .fcms_artdetail_text hr {
  border: 1px solid var(--color-background);
}

.fcms_artdetail .cb-artdetail-simple .defaultbox.mediadaten-kontakt {
  margin-bottom: 14px;
}
.fcms_artdetail .cb-artdetail-simple .defaultbox.mediadaten-kontakt .teaser-image {
  margin-bottom: 30px;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox.mediadaten {
  grid-gap: 0px;
  margin-bottom: 0;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text {
  flex-direction: column;
}
.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text  .teaser-content {
  margin-right: 0;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #000;
  flex: 0 0 auto;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text  .teaser-content:nth-last-child(2) {
  border-bottom: none;
  margin-bottom: 30px;
}
.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text  .linkbuttons {
  flex-direction: row;
  justify-content: center;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text  .linkbuttons a {
  background: #000;
  max-width: 300px;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text .teaser-content p:first-child {
  margin: 18px 0;
}
.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text  .teaser-content p {
  align-self: flex-end;
}
.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images {
  flex-direction: column;
  top: -21px;
}
.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text  .teaser-content p {
  align-self: flex-end;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text .teaser-image {
  display: none;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images h2.kontakt-ressort {
  margin: 21px 0 42px 61px;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images p {
  margin-left: 61px;
  border-bottom: 1px solid #000;
  padding-bottom: 38px;
}
.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images p:nth-last-child(2) {
  border-bottom: none;
  padding-bottom: 0;
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images p + div.linkbuttons {
  display: none; 
}

.fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images .teaser-image.teaser-image-linked {
  width: 463px;
  left: 40px;
}

@media screen and (max-width: 1200px) {
  .fcms_artdetail .cb-artdetail-simple .defaultbox.mediadaten-kontakt {
    grid-gap: 60px;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser .linkbuttons {
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser .linkbuttons a {
    margin: 0 10px 30px 10px;
  }  
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images h2.kontakt-ressort,
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images p {
    margin-left: 0px;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images .teaser-image.teaser-image-linked {
    width: 581px;
    left: 49px;
  }

}
@media screen and (max-width: 767px) {
  .fcms_artdetail .cb-artdetail-simple .defaultbox {
    grid-gap: 60px;
    margin-bottom: 60px
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser {
    flex-direction: column-reverse;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser .linkbuttons {
    flex-direction: column;
    flex-wrap: initial;
    justify-content: initial;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser .linkbuttons a {
    min-width: initial;
    max-width: 300px;
    margin: 0 0 30px 0;
  }  
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser .teaser-image {
    margin-bottom: 30px;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text .teaser-image {
    margin-bottom: 0;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text  .teaser-content p {
    align-self: flex-start;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text  .teaser-content {
    flex-direction: column;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text .teaser-image {
    display: block;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images .teaser-image {
    display: none;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images h2.kontakt-ressort + div.teaser-image {
    display: block;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-text  h2.kontakt-ressort ~ div.linkbuttons {
    display: none;
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images p + div.linkbuttons {
    display: block; 
  }
  .fcms_artdetail .cb-artdetail-simple .defaultbox .defaultteaser.mediadaten-images p + div.linkbuttons a {
    margin-top: 14px;
    background: #000;
  }
}

/* Ergänzungen TVRT */

.content-startpage .topaufmacherbox.startpage-topteaser-sub-grid.grid-tvrt .topteaser.tvrt-iframe-container {
  grid-column: 1 / 4;
}
@media screen and (max-width: 767px) {
  .content-startpage .topaufmacherbox.startpage-topteaser-sub-grid.grid-tvrt .topteaser.tvrt-iframe-container {
    grid-column: 1 / 3;
  }

}


.responsive-iframe {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}
.responsive-iframe &gt; iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}</pre></body></html>