/* Navigation & Rahmen */

/* Source Serif Pro */
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-200.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-200italic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-300italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-600italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-700italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/design/fonts/Source_Serif_Pro/source-serif-pro-v11-latin-900italic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* IBM Plex Sans */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-200.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-200italic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-300italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-500italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-600italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/design/fonts/IBM_Plex_Sans/ibm-plex-sans-v13-latin-700italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/design/fonts/materialicons/MaterialIcons-Regular.woff2) format('woff2');
  font-display: block;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
}

.material-icons:hover {
  color: var(--link-active-color);
}

.material-icons[data-icon]:before {
  content: attr(data-icon);
  font-family: 'Material Icons';
  font-size: 30px;
}

:root {
  --font-primary: 'IBM Plex Sans';
  --font-secondary: 'Source Serif Pro';
  --color-font: #000000;
  --color-primary: #e61717;
  --color-secondary: #ffd9d9;
  --color-tabs: #ad1f1f;
  --color-button: #d9c3c3;
  --color-keyword: #e6dada;
  --color-keyword-hover: #d6c2c2;
  --color-icons: #f16868;
  --color-font-footer: #3f3f3f;
  --color-darkgrey: hsl(0 0% 30%);
  --color-darkgrey: #707070;
  --color-grey0: #999999;
  --color-grey1: #B2B2B2;
  --color-grey2: #DBDBDB;
  --color-grey3: #fbfbfb;
  --color-footer: #f5f2f2;
  --color-aboplus: #2e74b5;
  --color-aboplus-light: #6d9eeb;
  --color-readersopinion: #c56617;
  --link-active-color: #f16868;
  --btn-main-bg-color: #f16868;
  --bg-highlight-color: rgba(0,0,0,.1);
  --bg-highlight-active-color: rgba(241,104,104,.10);
  --btn-main-active-bg-color: #e61717;

}


*, *:before, *:after {
  font-family: var(--font-primary), Helvetica, sans-serif;
}

.epaHeaderLogo > a img {
  min-height: 40px;
}

.epaHeaderLogin > div[data-fcms-domid="fcms_loginbox"]{
  height: 100%;
}

.epaPagewrapper, 
body, 
.fcmscss-user_loggedin body.epaPage-.epaPage-Detail {
  background: #fff;
}

.epaHeaderNavList li form {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #dbdbdb;
  border-color: var(--border-main-color);
}

.epaHeaderNavList li form input {
  color: #4b4b4d;
  color: var(--link-site-color);
  text-decoration: none;
  font-weight: 700;
}

.epaHeaderNavList li form input:hover, 
.epaPage-suche .epaHeaderNavList li:nth-child(3) form input {
  color: var(--link-active-color);
}

.epaHeaderLogin .ajaxLoginButton {
  display: flex;
  height: 100%;
}

.epaHeaderLogin .ajaxLoginButton .material-icons[data-icon]:before {
  font-size: 24px;
  padding: 3px;
}

.epaHeaderLogin .ajaxLoginButton.ajaxLoginButton-loginAktiv .material-icons {
  color: var(--color-icons);
}


@media (min-width: 1250px) {

  .epaHeaderNavList  {
    justify-content: center;
  }

  .epaHeaderNavList > li {
    flex: 1 0 auto;
  }

  .epaHeaderNavList > li > form {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
  }


}

.epaSucheInput-delete {
  top: 25px;
}

/* Kiosk + Ausgaben */

.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.start {
  justify-content: flex-start;
}

.flex-container>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.contentbox {
  grid-column-start: 1;
  grid-column-end: -1;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.contentbox .teaserbox {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  grid-template-rows: auto;
  grid-gap: 30px;
  margin-bottom: 25px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.contentbox .teaserbox.epaper-tob-teaserbox {
  grid-gap: 0;
  overflow: initial;
  margin-bottom: 25px;
}

.contentbox .teaserbox .epaper-teaser {
  grid-column: span 2;
  grid-row: span 1;
}

.contentbox .teaserbox .epaper-teaser.epaper-top-teaser {
  grid-column: span 3;
}

.contentbox .content-header {
  font-size: 32px;
  font-weight: 600;
  line-height: 35px;
  color: #000;
  padding-bottom: 20px;
  padding-top: 5px;
  margin: 0;
}

.epaper-teaser img {
  display: block;
  max-width: 100%;
  height: auto;
  box-shadow: 1px 3px 6px #00000029;
}

.epaper-teaser .epaper-top-teaser-content {
  padding: 0 45px;
}

.epaper-teaser .epaper-teaser-caption {
  margin: 10px 0 0 0;
  font-weight: bold;
  color: var(--color-font);
  font-size: 21.06px;
}

.teaser-abo-icon {
  border-radius: 2px;
  border: solid 2px var(--color-primary);
  color: var(--color-font);
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  padding: 2px 4px;
  margin-right: 5px;
  background-color: #fff;
  box-sizing: border-box;
}

.epaper-teaser .teaser-abo-icon {
  position: relative;
  top: -3px;
}

.epaper-teaser .epaper-teaser-date {
  margin-right: 10px;
  font-size: 21px;
  text-align: center;				 
}

.contentbox .teaserbox .epaper-ad-section {
  grid-column: span 3;
  grid-row: span 1;
  text-align: center;
  min-height: 300px;
  padding: 60px 20px 20px 20px;
}

.contentbox .teaserbox  .epaper-ad-section > a {
  display: block;
}

.contentbox .teaserbox  .epaper-ad-section > a:first-child {
  margin-bottom: 25px;
} 

.contentbox .teaserbox .epaper-ad-section img {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}

.contentbox .content-footer {
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--color-font);
}

.contentbox .teaserbox.epaper-teaserbox-mobile {
  overflow: initial;
}

.epaEditionList .prospektHead > h3 {
  font-size: 18px;
  color: var(--color-font);
  font-weight: 500;
  margin-top: 15px;
}

.epaEditionList .epaEditonLink {
  padding: 8px;
}

.epaEditionList li.prospektHead + li .epaEditonLink {
  border-top: none;
}

.epaContentFooterForm {
  display: flex;
  justify-content: flex-end;
}

.epaContentFooterForm.flex-center {
  justify-content: center;
}

.epaContentFooterForm .epaper-more-issues {
  font-size: 18px;
  color: var(--color-font);
  font-weight: 500;
  margin-bottom: 5px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px;
  cursor: pointer;
}

.epaper-more-issues .fcms-epaper-icon-chevron-right,
.epaper-more-issues .fcms-epaper-icon-chevron-down  {
  width: auto;
  color: var(--color-font);
}

.epaper-teaserbox-slick {
  position: relative;
}

.epaper-teaserbox-slick .epaper-glider {
  grid-column: 1 / -1;
}

.epaper-teaserbox-slick .epaper-glider .epaper-teaser .epaper-teaser-caption {
  justify-content: center;
}

button.slick-arrow:before {
  content: '';
  display: none;
}

button.slick-arrow {
  left: -50px;
  top: 50%;
  width: 80px;
  height: 80px;
  align-items: center;
  justify-content: center;
  display: flex;
  background: transparent;
}

button.slick-arrow.slick-arrow-next {
  left: auto;
  right: -50px;
} 

button.slick-arrow .fcms-epaper-icon-chevron-left:before,
button.slick-arrow .fcms-epaper-icon-chevron-right:before {
  font-size: 80px;
}

.contentbox .epaper-teaser.epaEdition {
  border: none;
}

.epaAusgabenWahl .epaMenuGlider {
  justify-content: space-evenly;
}

/* Detailansicht + Interaktive Layer */

.fcmsreader .fcms--slider-pageflip {
  display: none;
}

.fcmsreader .pages-container .click .adjust .layer {
  background-color: rgba(0,0,0,.1);
  background-color: var(--bg-highlight-color);
}

.fcmsreader .popup.popup-interactive,
.fcmsreader .popup.popup-interactive h1,
.fcmsreader .popup.popup-interactive h2,
.fcmsreader .popup.popup-interactive h3,
.fcmsreader .popup.popup-interactive h4,
.fcmsreader .popup.popup-interactive h5,
.fcmsreader .popup.popup-interactive h6 {
  color: var(--color-font);
}

.fcmsreader .popup.popup-interactive h1 {
  line-height: 1.19em;
}

.fcmsreader .popup.popup-interactive *, 
.fcmsreader .popup.popup-interactive .epaLayer p, 
.fcmsreader .popup.popup-interactive .epaLayer p > * {
  line-height: 1.67em;
}

.fcmsreader .popup.popup-interactive .epaLayer.epaLayerDetailText {
  margin: 0;
}

.fcmsreader .popup.popup-interactive .epaInfos {
  font-size: 0.78em;
  line-height: 1.8em;
}

.fcmsreader .epaLayerDetailText.epaLayer .beschreibung {
  margin: -5px 0 10px 1px;
  font-weight: 500;
}

.fcmsreader .epaLayerDetailText.epaLayer .epaBildBeschriftung {
  display: block;
  padding: 10px 15px;
  text-align: left;
  margin: 0 auto;
}

.fcmsreader .epaLayerDetailText.epaLayer .epaBildunterschrift,
.fcmsreader .epaLayerDetailText.epaLayer .epaBildautor {
  font-family: var(--font-primary);
  font-size: 0.725em;
  line-height: 1.25em;
  font-weight: 600;
  color: #000;
}

.fcmsreader .epaLayerDetailText.epaLayer .epaBildautor {
  font-weight: 400;
}

.fcmscss-device-fcmswebapp .fcmsreader .popup .popup-head .epaLayerTextScaler .epaBtn-icon .fcms-epaper-icon-refresh,
.fcmscss-device-fcmswebapp .fcmsreader .popup.popup-interactive .epaLayerTextScaler,
.fcmscss-device-fcmsiosapp .fcmsreader .popup .popup-head .epaLayerTextScaler .epaBtn-icon .fcms-epaper-icon-refresh,
.fcmscss-device-fcmsiosapp .fcmsreader .popup.popup-interactive .epaLayerTextScaler { 
  color: var(--color-primary);
}

.fcmsreader .popup.popup-interactive .epaLayerTextScaler .material-icons {
  font-size: 24px;
}

.epaSuche-optionen .form-group input.epaBtn {
  width: 100%;
}

.fcmsreader  span.epaBtn-icon.epaBtn-overview {
  width: auto;
}

.fcmsreader  span.epaBtn-icon.epaBtn-overview:hover {
  color: var(--color-icons);
}

.fcmsreader  span.epaBtn-icon.epaBtn-overview:hover .epaBtn-tooltipp {
  color: var(--text-main-color);
}

.fcmsreader .epaLayerDetailText.epaLayer  .epaLayerHeaderPic,
.fcmsreader .epaLayerDetailText.epaLayer  .epaLayerHeaderPic + .epaBildBeschriftung {
  display: none;
}

.fcmsreader  .epaLayerDetailText.epaLayer  .epaLayerHeaderPic.aktiv {
  display: flex;
  position: relative;
}


.fcmsreader  .epaLayerDetailText.epaLayer  .epaLayerHeaderPic.aktiv + .epaBildBeschriftung {
  display: block; 
}

.fcmsreader .epaLayerDetailText.epaLayer .epaLayerHeaderPic.aktiv .epaBilderserienMarker {
  position: absolute;
  top: 12px;
  right: 12px;
  border-radius: 3px;
  background: rgba(255,255,255,0.5);
  text-align: center;
  font-size: 14px;
  line-height: 1;
  padding: 1px 4px 3px 4px;
}

.fcmsreader .epaLayerDetailText.epaLayer .epaLayerHeaderPic.aktiv i.material-icons:before {
  font-size: 45px;
}

.fcmsreader .epaLayerHeaderPic img {
  min-height: 36vw;
  max-height: 70vh;
}

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

  .fcmsreader .epaLayerHeaderPic img {
    max-height: 50vh;
  }

}

@media (min-width: 1250px) {
    .fcmsreader .epaLayerHeaderPic img {
        max-height: 702px;
        min-height: 480px;
    }
}

.epaPage-.epaPage-Detail .fancybox-slide--image {
  padding: 44px 64px;
}

.fcmsreader .epaLayerDetailText p span.frage {
  font-weight: bold;
}

.fcmsreader .popup.popup-interactive .epaLayerOptions .epaBtn-icon .epaBtn-tooltipp {
  font-size: 0.82em;
}


/* Werbung */
.adPlacementContainer {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.werb--marBot30 .adPlacementContainer,
.werb--marBot30 > div.rendered {
  margin-bottom: 30px;
}

.adPlacementContainer[data-adnz-loaded="1"][data-adnz-shown="1"] {
  display: block;
  border-top: 1px solid #000;
  border-top: 1px solid var(--color-font);
  border-bottom: 1px solid #000;
  border-bottom: 1px solid var(--color-font);
  padding: 30px 0;
}

#adnz_wideboard_1 {
  text-align: center;
}

.werbWideboardDesktop {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.epaPage-ausgaben .epaHeaderNavList li:nth-child(2) a {
  color: var(--link-active-color);
}

.epaPage-.epaPage-Detail .epaHeaderNavList li:nth-child(2) a,
.epaPage-ausgaben .epaHeaderNavList li:nth-child(3) a {
  color: inherit;
}

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

  .contentbox {
    padding: 0 25px;
  }

  .contentbox .teaserbox.epaper-tob-teaserbox {
    grid-gap: 30px;
  }

  .epaper-teaser .epaper-top-teaser-content {
    padding: 0 0;
  }

  .epaPage-.epaPage-Detail .fancybox-slide--image {
    padding: 12px;
  }

}

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

  .contentbox .content-header {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.12;
  }

  .contentbox .teaserbox .epaper-teaser.epaper-top-teaser {
    grid-column: span 6;
  }

  .contentbox .teaserbox .epaper-ad-section {
    grid-column: span 6;
    padding: 20px 0 0 0;
  }

  .contentbox .teaserbox .epaper-teaser.epaper-teaser-mobile {
    grid-column: span 3;
  }

  .contentbox .teaserbox.epaper-teaserbox-mobile {
    column-gap: 20px;
  }

  .epaper-wrapper .epaper-teaser.epaper-teaser-mobile .btn-icons {
    margin-right: 5px;
  }

  .epaper-teaser.epaper-teaser-mobile .epaper-teaser-date {
    margin-right: 5px;
    font-size: 14px;
  }

}


@media print {
  @page {
    size: A4 portrait;
    margin: 0; 
  }

  /* Positionierung Druckseite */
  .fcmsreader .popup.popup-interactive .popup-body .swiper-container {
    padding: 0;
    margin-top: 0;
    height: auto !important;
  }

  /* Volle DinA4 Seite ausnutzen, nicht nur 
  die JS ermittelten Inline -Breiten & Höhen */
  .epaMain .jsreader.fcmsreader,
  .swiper-wrapper {
    width: auto !important;
    height: auto !important;
  }

  /*  relevantes Element im sichtbaren Bereich positionieren   */
  .swiper-wrapper {   
    transform: translate3d(0,0,0) !important;
  }

  /* Nur relevanten Container einblenden */
  .epaperdetailansicht .fcms--slider-container {
    display: none;
  }

  .epaperdetailansicht .fcms--slider-container.swiper-slide-active {
    display: block;
    width: auto !important;
    height: auto !important;    
  }
}