@charset "UTF-8";
.element:after, footer ul:after, .teaser:after, .image-container:after {
  clear: both;
  content: '';
  display: table; }

.contentgrid, article > h1, article > h2, article > h3, article > h4, article > h5, article > h6, article > p, article > ul, article > ol, article > table, article > .contentgrid.contentpadding, article > .timestamp, article header.articlehead.boxed, .videolongdesc {
  margin-left: 1rem;
  margin-right: 1rem; }
  @media (min-width: 40em) {
    .contentgrid, article > h1, article > h2, article > h3, article > h4, article > h5, article > h6, article > p, article > ul, article > ol, article > table, article > .contentgrid.contentpadding, article > .timestamp, article header.articlehead.boxed, .videolongdesc {
      margin-left: 1.44rem;
      margin-right: 1.44rem; } }
  @media (min-width: 66em) {
    .contentgrid, article > h1, article > h2, article > h3, article > h4, article > h5, article > h6, article > p, article > ul, article > ol, article > table, article > .contentgrid.contentpadding, article > .timestamp, article header.articlehead.boxed, .videolongdesc {
      width: 62rem;
      margin-left: auto;
      margin-right: auto; } }

.teasergroup h1:before {
  width: 136px;
  height: 8px;
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: #0E57AB; }
  .darkmode .teasergroup h1:before, .teasergroup .darkmode h1:before {
    background-color: #1379ED; }
  @media (prefers-color-scheme: dark) {
    .teasergroup h1:before {
      background-color: #1379ED; } }
  @media (min-width: 40em) {
    .teasergroup h1:before {
      width: 104px; } }

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  margin: 0;
  min-width: 320px;
  /* vermeidet zerdrückte Seiten auf winzigen Displays und im Simulator */ }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

button,
input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

.ob-xs, .ob-s, .ob-m, .ob-l, .ob-xl {
  display: inherit !important; }

.nb-xs, .nb-s, .nb-m, .nb-l, .nb-xl {
  display: none !important; }

@media (min-width: 30em) {
  .nb-xs {
    display: inherit !important; }

  .ob-xs {
    display: none !important; } }
@media (min-width: 40em) {
  .nb-s {
    display: inherit !important; }

  .ob-s {
    display: none !important; } }
@media (min-width: 48em) {
  .nb-m {
    display: inherit !important; }

  .ob-m {
    display: none !important; } }
@media (min-width: 66em) {
  .nb-l {
    display: inherit !important; }

  .ob-l {
    display: none !important; } }
@media (min-width: 75em) {
  .nb-xl {
    display: inherit !important; }

  .ob-xl {
    display: none !important; } }
@font-face {
  font-family: 'NDRSansRegular';
  src: url("/common/resources/fonts/NDRSansD2Regular.eot");
  /* IE9 Compat Modes */
  src: url("/common/resources/fonts/NDRSansD2Regular.eot?#iefix") format("embedded-opentype"), url("/common/resources/fonts/NDRSansD2Regular.woff2") format("woff2"), url("/common/resources/fonts/NDRSansD2Regular.woff") format("woff"), url("/common/resources/fonts/NDRSansD2Regular.ttf") format("truetype"), url("/common/resources/fonts/NDRSansD2Regular.svg#NDRSansDRegular") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: 'NDRSansRegular';
  src: url("/common/resources/fonts/NDRSansD2Black.eot");
  /* IE9 Compat Modes */
  src: url("/common/resources/fonts/NDRSansD2Black.eot?#iefix") format("embedded-opentype"), url("/common/resources/fonts/NDRSansD2Black.woff2") format("woff2"), url("/common/resources/fonts/NDRSansD2Black.woff") format("woff"), url("/common/resources/fonts/NDRSansD2Black.ttf") format("truetype"), url("/common/resources/fonts/NDRSansD2Black.svg#NDRSansDBlack") format("svg");
  /* Legacy iOS */
  font-weight: bold; }
@font-face {
  font-family: 'NDRSansBlack';
  src: url("/common/resources/fonts/NDRSansD2Black.eot");
  /* IE9 Compat Modes */
  src: url("/common/resources/fonts/NDRSansD2Black.eot?#iefix") format("embedded-opentype"), url("/common/resources/fonts/NDRSansD2Black.woff2") format("woff2"), url("/common/resources/fonts/NDRSansD2Black.woff") format("woff"), url("/common/resources/fonts/NDRSansD2Black.ttf") format("truetype"), url("/common/resources/fonts/NDRSansD2Black.svg#NDRSansDBlack") format("svg");
  /* Legacy iOS */
  font-display: swap; }
@font-face {
  font-family: 'NDRSansCondRegular';
  src: url("/common/resources/fonts/NDRSansD2CondRegular.eot");
  /* IE9 Compat Modes */
  src: url("/common/resources/fonts/NDRSansD2CondRegular.eot?#iefix") format("embedded-opentype"), url("/common/resources/fonts/NDRSansD2CondRegular.woff2") format("woff2"), url("/common/resources/fonts/NDRSansD2CondRegular.woff") format("woff"), url("/common/resources/fonts/NDRSansD2CondRegular.ttf") format("truetype"), url("/common/resources/fonts/NDRSansD2CondRegular.svg#NDRSansDBlack") format("svg");
  /* Legacy iOS */
  font-display: swap; }
@font-face {
  font-family: 'NDRSansCondBold';
  src: url("/common/resources/fonts/NDRSansD2CondBold.eot");
  /* IE9 Compat Modes */
  src: url("/common/resources/fonts/NDRSansD2CondBold.eot?#iefix") format("embedded-opentype"), url("/common/resources/fonts/NDRSansD2CondBold.woff2") format("woff2"), url("/common/resources/fonts/NDRSansD2CondBold.woff") format("woff"), url("/common/resources/fonts/NDRSansD2CondBold.ttf") format("truetype"), url("/common/resources/fonts/NDRSansD2CondBold.svg#NDRSansDBold") format("svg");
  /* Legacy iOS */
  font-display: swap; }
@font-face {
  font-family: 'NDRSansCondBlack';
  src: url("/common/resources/fonts/NDRSansD2CondBlack.eot");
  /* IE9 Compat Modes */
  src: url("/common/resources/fonts/NDRSansD2CondBlack.eot?#iefix") format("embedded-opentype"), url("/common/resources/fonts/NDRSansD2CondBlack.woff2") format("woff2"), url("/common/resources/fonts/NDRSansD2CondBlack.woff") format("woff"), url("/common/resources/fonts/NDRSansD2CondBlack.ttf") format("truetype"), url("/common/resources/fonts/NDRSansD2CondBlack.svg#NDRSansDBlack") format("svg");
  /* Legacy iOS */
  font-display: swap; }
@font-face {
  font-family: 'ndricons2019';
  src: url("/common/resources/fonts/ndricons.eot");
  /* IE9 Compat Modes */
  src: local("####"), url("/common/resources/fonts/ndricons.woff") format("woff"), url("/common/resources/fonts/ndricons.ttf") format("truetype"), url("/common/resources/fonts/ndricons.svg?ilt4ch#ndr_icons_2019") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: "NDRSansRegular", sans-serif;
  color: #333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased; }
  .darkmode body {
    color: #fff; }
  @media (prefers-color-scheme: dark) {
    body {
      color: #fff; } }
  .darkmode body {
    background-color: #222222; }
  @media (prefers-color-scheme: dark) {
    body {
      background-color: #222222; } }

h1, h2, h3, h4, h5, h6, p {
  margin: 0 0 20px 0;
  margin: 0 0 1.2rem 0;
  font-weight: normal; }
  @media (min-width: 40em) {
    h1, h2, h3, h4, h5, h6, p {
      margin: 0 0 32px 0;
      margin: 0 0 1.9rem 0; } }

h1, h2, h3, h4, h5, h6 {
  font-family: "NDRSansBlack";
  margin: 0; }
  h1 [class*="ndricon_"], h1 .icon, h2 [class*="ndricon_"], h2 .icon, h3 [class*="ndricon_"], h3 .icon, h4 [class*="ndricon_"], h4 .icon, h5 [class*="ndricon_"], h5 .icon, h6 [class*="ndricon_"], h6 .icon {
    color: #0E57AB;
    fill: #0E57AB; }
    .darkmode h1 [class*="ndricon_"], .darkmode h1 .icon, .darkmode h2 [class*="ndricon_"], .darkmode h2 .icon, .darkmode h3 [class*="ndricon_"], .darkmode h3 .icon, .darkmode h4 [class*="ndricon_"], .darkmode h4 .icon, .darkmode h5 [class*="ndricon_"], .darkmode h5 .icon, .darkmode h6 [class*="ndricon_"], .darkmode h6 .icon {
      color: #1379ED;
      fill: #1379ED; }
    @media (prefers-color-scheme: dark) {
      h1 [class*="ndricon_"], h1 .icon, h2 [class*="ndricon_"], h2 .icon, h3 [class*="ndricon_"], h3 .icon, h4 [class*="ndricon_"], h4 .icon, h5 [class*="ndricon_"], h5 .icon, h6 [class*="ndricon_"], h6 .icon {
        color: #1379ED;
        fill: #1379ED; } }

h1, .alpha {
  font-family: "NDRSansCondBlack";
  font-size: 33px;
  font-size: 2.0625rem;
  line-height: 1.09;
  margin-bottom: 1.2rem; }
  @media (min-width: 40em) {
    h1, .alpha {
      font-size: 51px;
      font-size: 3.1875rem;
      line-height: 1.1;
      margin-bottom: 1.9rem; } }

h2, .beta {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.07; }
  @media (min-width: 40em) {
    h2, .beta {
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 1.1; } }

h3, .gamma, h1.delta {
  font-family: "NDRSansBlack";
  margin-bottom: 1rem;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33; }
  @media (min-width: 40em) {
    h3, .gamma, h1.delta {
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.2; } }

h4, .delta, footer h2.epsilon {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.33; }
  @media (min-width: 40em) {
    h4, .delta, footer h2.epsilon {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.33; } }

h5, .epsilon, .list.teaser h2.zeta {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.41; }
  @media (min-width: 40em) {
    h5, .epsilon, .list.teaser h2.zeta {
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 1.33; } }

h6, .zeta {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.33; }
  @media (min-width: 40em) {
    h6, .zeta {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56; } }

section h1.gamma {
  font-family: "NDRSansCondBold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
  font-size: 24px;
  line-height: 32px; }
  @media (min-width: 40em) {
    section h1.gamma {
      margin-bottom: 1.9rem;
      font-size: 33px;
      line-height: 44px; } }

p, article ul {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.56; }
  @media (min-width: 40em) {
    p, article ul {
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 1.52; } }

p.small, span.small, ul.small, li.small, th.small, td.small {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6; }
  @media (min-width: 40em) {
    p.small, span.small, ul.small, li.small, th.small, td.small {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56; } }

p.extrasmall, span.extrasmall, ul.extrasmall, li.extrasmall, th.extrasmall, td.extrasmall {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6; }

.pseudostrong {
  font-family: "NDRSansBlack", sans-serif; }

a {
  color: #2568b4; }
  html.darkmode a {
    color: #1379ED; }
  @media (prefers-color-scheme: dark) {
    a {
      color: #1379ED; } }

article p a {
  padding: 0.2em 0.1em 0 0.1em; }
  article p a:hover, article p a:focus {
    background-color: #2568b4;
    color: #fff; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  color: #333; }
  .darkmode h1 a, .darkmode h2 a, .darkmode h3 a, .darkmode h4 a, .darkmode h5 a, .darkmode h6 a {
    color: #fff; }
  @media (prefers-color-scheme: dark) {
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
      color: #fff; } }
  h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {
    border-bottom: 1px solid #333; }
    @media (prefers-color-scheme: dark) {
      h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {
        border-bottom: 1px solid #fff; } }

[class^="ndricon_"], [class*=" ndricon_"] {
  font-family: "ndricons2019";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  background: none !important;
  padding: 0 !important;
  font-size: 1.5em;
  position: relative;
  top: 0.15em; }

.ndricon_picmaximize:before {
  content: "\e98a"; }

.ndricon_print:before {
  content: "\e989"; }

.ndricon_audiolivestream:before {
  content: "\e988"; }

.ndricon_arw-slim-down:before {
  content: "\e97d"; }

.ndricon_arw-slim-left:before {
  content: "\e97e"; }

.ndricon_arw-slim-right:before, .ndricon_article:before {
  content: "\e97f"; }

.ndricon_arw-slim-up:before {
  content: "\e980"; }

.ndricon_audio-filled2:before, .ndricon_audio:before {
  content: "\e981"; }

.ndricon_download-slim:before {
  content: "\e982"; }

.ndricon_headphones2:before {
  content: "\e983"; }

.ndricon_pics:before {
  content: "\e984"; }

.ndricon_play:before {
  content: "\e985"; }

.ndricon_play-filled:before, .media .ndricon_play:before {
  content: "\e986"; }

.ndricon_upload-slim:before {
  content: "\e987"; }

.ndricon_alarm-filled:before {
  content: "\e900"; }

.ndricon_alarm-off:before {
  content: "\e901"; }

.ndricon_alarm:before {
  content: "\e902"; }

.ndricon_app-touch:before {
  content: "\e903"; }

.ndricon_app:before {
  content: "\e904"; }

.ndricon_ARDaudiothek:before {
  content: "\e905"; }

.ndricon_ARDmediathek:before {
  content: "\e906"; }

.ndricon_arw-down:before {
  content: "\e907"; }

.ndricon_arw-left:before {
  content: "\e908"; }

.ndricon_arw-right:before {
  content: "\e909"; }

.ndricon_arw-up:before {
  content: "\e90a"; }

.ndricon_attention:before {
  content: "\e90b"; }

.ndricon_audio-filled:before {
  content: "\e90c"; }

.ndricon_audio1:before {
  content: "\e90d"; }

.ndricon_audio2:before {
  content: "\e90e"; }

.ndricon_audio3:before {
  content: "\e90f"; }

.ndricon_bigdot:before {
  content: "\e910"; }

.ndricon_burger-filled:before {
  content: "\e911"; }

.ndricon_burger:before {
  content: "\e912"; }

.ndricon_cal:before {
  content: "\e913"; }

.ndricon_chat-filled:before {
  content: "\e914"; }

.ndricon_chat:before {
  content: "\e915"; }

.ndricon_check:before {
  content: "\e916"; }

.ndricon_chev-down:before {
  content: "\e917"; }

.ndricon_chev-left:before {
  content: "\e918"; }

.ndricon_chev-right:before {
  content: "\e919"; }

.ndricon_chev-up:before {
  content: "\e91a"; }

.ndricon_compass1:before {
  content: "\e91b"; }

.ndricon_compass2:before {
  content: "\e91c"; }

.ndricon_construction-off:before {
  content: "\e91d"; }

.ndricon_construction:before {
  content: "\e91e"; }

.ndricon_contract:before {
  content: "\e91f"; }

.ndricon_contractside:before {
  content: "\e920"; }

.ndricon_danger:before {
  content: "\e921"; }

.ndricon_dotdotdot:before {
  content: "\e922"; }

.ndricon_download:before {
  content: "\e923"; }

.ndricon_email:before {
  content: "\e924"; }

.ndricon_eq:before {
  content: "\e925"; }

.ndricon_expand:before {
  content: "\e926"; }

.ndricon_expandside:before {
  content: "\e927"; }

.ndricon_extlink:before {
  content: "\e928"; }

.ndricon_extlink2:before {
  content: "\e929"; }

.ndricon_facebook:before {
  content: "\e92a"; }

.ndricon_fav:before {
  content: "\e92b"; }

.ndricon_faved:before {
  content: "\e92c"; }

.ndricon_finger-filled:before {
  content: "\e92d"; }

.ndricon_finger:before {
  content: "\e92e"; }

.ndricon_flash:before {
  content: "\e92f"; }

.ndricon_fwd:before {
  content: "\e930"; }

.ndricon_giftbox:before {
  content: "\e931"; }

.ndricon_giftbox2:before {
  content: "\e932"; }

.ndricon_giftbox3:before {
  content: "\e933"; }

.ndricon_giftbox4:before {
  content: "\e934"; }

.ndricon_globe-filled:before {
  content: "\e935"; }

.ndricon_globe:before {
  content: "\e936"; }

.ndricon_grid:before {
  content: "\e937"; }

.ndricon_headphones-filled:before {
  content: "\e938"; }

.ndricon_headphones:before {
  content: "\e939"; }

.ndricon_info:before {
  content: "\e93a"; }

.ndricon_instagram:before {
  content: "\e93b"; }

.ndricon_list:before {
  content: "\e93c"; }

.ndricon_loop:before {
  content: "\e93d"; }

.ndricon_map-filled:before {
  content: "\e93e"; }

.ndricon_map:before {
  content: "\e93f"; }

.ndricon_maximize:before {
  content: "\e940"; }

.ndricon_mic-filled:before {
  content: "\e941"; }

.ndricon_mic:before {
  content: "\e942"; }

.ndricon_minimize:before {
  content: "\e943"; }

.ndricon_minus:before {
  content: "\e944"; }

.ndricon_next-chapter:before {
  content: "\e945"; }

.ndricon_next-skip:before {
  content: "\e946"; }

.ndricon_no-subtitles:before {
  content: "\e947"; }

.ndricon_no-subtitles2:before {
  content: "\e948"; }

.ndricon_pause:before {
  content: "\e949"; }

.ndricon_phone:before {
  content: "\e94a"; }

.ndricon_photocam:before {
  content: "\e94b"; }

.ndricon_livestream:before, .ndricon_videolivestream:before {
  content: "\e94c"; }

.ndricon_playerror:before {
  content: "\e94d"; }

.ndricon_plus:before {
  content: "\e94e"; }

.ndricon_popupPlayer:before {
  content: "\e94f"; }

.ndricon_prev-chapter:before {
  content: "\e950"; }

.ndricon_prev-skip:before {
  content: "\e951"; }

.ndricon_profile:before {
  content: "\e952"; }

.ndricon_profile2:before {
  content: "\e953"; }

.ndricon_profile3:before {
  content: "\e954"; }

.ndricon_radio1:before {
  content: "\e955"; }

.ndricon_radio2-filled:before {
  content: "\e956"; }

.ndricon_radio2:before {
  content: "\e957"; }

.ndricon_radiosignal:before {
  content: "\e958"; }

.ndricon_reload:before {
  content: "\e959"; }

.ndricon_remove:before {
  content: "\e95a"; }

.ndricon_rew:before {
  content: "\e95b"; }

.ndricon_searchglass:before {
  content: "\e95c"; }

.ndricon_select-down:before {
  content: "\e95d"; }

.ndricon_select-left:before {
  content: "\e95e"; }

.ndricon_select-right:before {
  content: "\e95f"; }

.ndricon_select-up:before {
  content: "\e960"; }

.ndricon_sendplane:before {
  content: "\e961"; }

.ndricon_setup:before {
  content: "\e962"; }

.ndricon_share:before {
  content: "\e963"; }

.ndricon_sharelink:before {
  content: "\e964"; }

.ndricon_ship:before {
  content: "\e965"; }

.ndricon_subtitles:before {
  content: "\e966"; }

.ndricon_subtitles2:before {
  content: "\e967"; }

.ndricon_teaser-filled:before {
  content: "\e968"; }

.ndricon_teaser:before {
  content: "\e969"; }

.ndricon_text:before {
  content: "\e96a"; }

.ndricon_traffic:before {
  content: "\e96b"; }

.ndricon_trafficjam:before {
  content: "\e96c"; }

.ndricon_tv1:before {
  content: "\e96d"; }

.ndricon_tv2-filled:before {
  content: "\e96e"; }

.ndricon_tv2:before {
  content: "\e96f"; }

.ndricon_twitter:before {
  content: "\e970"; }

.ndricon_upload:before {
  content: "\e971"; }

.ndricon_video1:before {
  content: "\e972"; }

.ndricon_video2:before {
  content: "\e973"; }

.ndricon_video3:before {
  content: "\e974"; }

.ndricon_volume-less:before {
  content: "\e975"; }

.ndricon_volume-fat:before {
  content: "\e976"; }

.ndricon_volume-more:before {
  content: "\e977"; }

.ndricon_volume-mute:before {
  content: "\e978"; }

.ndricon_warnpylon:before {
  content: "\e979"; }

.ndricon_weather:before {
  content: "\e97a"; }

.ndricon_whatsapp:before {
  content: "\e97b"; }

.ndricon_x:before {
  content: "\e97c"; }

.ndricon_comments_outline:before {
  content: "\e98b"; }

.ndricon_comments:before {
  content: "\e98c"; }

.ndricon_sharing_contact_outline:before {
  content: "\e98d"; }

.ndricon_sharing_contact:before {
  content: "\e98e"; }

.ndricon_sharing_facebook_outline:before {
  content: "\e98f"; }

.ndricon_sharing_facebook:before {
  content: "\e990"; }

.ndricon_sharing_twitter_outline:before {
  content: "\e991"; }

.ndricon_sharing_twitter:before {
  content: "\e992"; }

.ndricon_sharing_whatsapp_outline:before {
  content: "\e993"; }

.ndricon_sharing_whatsapp:before {
  content: "\e994"; }

.ndricon_visualradio:before {
  content: "\e995"; }

.ndricon_barrierefrei:before {
  content: "\e902"; }

.branding .brandingbar, .ndrkulturbranding .brandingbar, .ndrinfobranding .brandingbar {
  height: 3.5rem;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #eeeeee; }

.ndrinfobranding .brandingbar {
  background-color: #0277bf; }

.ndrkulturbranding .brandingbar {
  background-color: #b63929; }

.ndrsinfonieorchester #subnav_brandinglogo svg,
.ndrsinfonieorchester #subnav_brandinglogo a {
  fill: #333 !important; }
.ndrsinfonieorchester.branding .secondlevel_nav li a {
  color: #333; }
.ndrsinfonieorchester.branding .secondlevel_nav li:hover {
  background-color: rgba(0, 0, 0, 0.1); }
.ndrsinfonieorchester.branding .secondlevel_nav li:after {
  background: rgba(0, 0, 0, 0.5); }

#subnav_brandinglogo .svglogobox, #subnav_brandinglogo svg {
  padding: 0;
  height: 3.5rem; }

.svglogobox {
  fill: #fff; }
  .sblogo .svglogobox {
    fill: #0c1754; }

.branding #subnav_brandinglogo .branding_label, .ndrinfo:not(.softbranding) #subnav_brandinglogo .branding_label, .ndrkultur:not(.softbranding) #subnav_brandinglogo .branding_label {
  display: none; }

#subnav_brandinglogo {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  overflow: hidden;
  padding: 0 0.5rem 0 0;
  box-sizing: content-box;
  float: left;
  z-index: 101;
  background-color: #e3e3e3;
  height: 3.5em;
  position: relative;
  white-space: nowrap; }
  .der_ndr #subnav_brandinglogo {
    background-color: #D4E0EB; }
  #subnav_brandinglogo a {
    color: #fff;
    padding: 0 0.7rem 0 1.3rem; }
  #subnav_brandinglogo .branding_label {
    display: block;
    color: #333; }
  @media screen and (max-width: 62em) {
    .branding #subnav_brandinglogo .branding_label {
      display: none; } }
  #subnav_brandinglogo svg {
    display: block;
    /* kein Platz für Unterlängen lassen */
    width: 100%;
    height: 100%;
    fill: #fff; }
    @media screen and (min-width: 62em) {
      #subnav_brandinglogo svg {
        display: block; } }

.der_ndr #subnav_branginglogo {
  background-color: #0c1754; }

.button, button, input[type=button], input[type=submit], input[type=reset] {
  background-color: #0E57AB;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 0.2rem .5rem 0 .5rem;
  margin: 0 0.5rem 0.5rem 0;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  font-size: 18px;
  line-height: 28px;
  font-size: 1.1rem;
  line-height: 2.6rem;
  font-weight: bold; }
  .button.disabled, .button[disabled], button.disabled, button[disabled], input[type=button].disabled, input[type=button][disabled], input[type=submit].disabled, input[type=submit][disabled], input[type=reset].disabled, input[type=reset][disabled] {
    color: #60a4f2;
    pointer-events: none; }
  .button.active, .button:active, button.active, button:active, input[type=button].active, input[type=button]:active, input[type=submit].active, input[type=submit]:active, input[type=reset].active, input[type=reset]:active {
    background-color: #12345a;
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, 0.3); }
  .button:hover, .button:focus, button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus {
    background-color: #1a497e; }
  .button.secondary, button.secondary, input[type=button].secondary, input[type=submit].secondary, input[type=reset].secondary {
    background-color: #333333; }
    .button.secondary.disabled, .button.secondary[disabled], button.secondary.disabled, button.secondary[disabled], input[type=button].secondary.disabled, input[type=button].secondary[disabled], input[type=submit].secondary.disabled, input[type=submit].secondary[disabled], input[type=reset].secondary.disabled, input[type=reset].secondary[disabled] {
      color: gray; }
    .button.secondary.active, .button.secondary:active, button.secondary.active, button.secondary:active, input[type=button].secondary.active, input[type=button].secondary:active, input[type=submit].secondary.active, input[type=submit].secondary:active, input[type=reset].secondary.active, input[type=reset].secondary:active {
      background-color: #5c5c5c;
      box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, 0.3); }
    .button.secondary:hover, .button.secondary:focus, button.secondary:hover, button.secondary:focus, input[type=button].secondary:hover, input[type=button].secondary:focus, input[type=submit].secondary:hover, input[type=submit].secondary:focus, input[type=reset].secondary:hover, input[type=reset].secondary:focus {
      background-color: #474747; }
  .button.square, button.square, input[type=button].square, input[type=submit].square, input[type=reset].square {
    width: 2.6rem;
    padding: 0;
    min-width: 2.6rem; }
    .button.square .icon, button.square .icon, input[type=button].square .icon, input[type=submit].square .icon, input[type=reset].square .icon {
      margin-right: 0; }
  .button.pseudobutton, button.pseudobutton, input[type=button].pseudobutton, input[type=submit].pseudobutton, input[type=reset].pseudobutton {
    background-color: transparent;
    color: #0E57AB;
    border: none; }
    .button.pseudobutton.active, .button.pseudobutton:active, button.pseudobutton.active, button.pseudobutton:active, input[type=button].pseudobutton.active, input[type=button].pseudobutton:active, input[type=submit].pseudobutton.active, input[type=submit].pseudobutton:active, input[type=reset].pseudobutton.active, input[type=reset].pseudobutton:active {
      background-color: #5c5c5c;
      box-shadow: none; }
    .button.pseudobutton:hover, .button.pseudobutton:focus, button.pseudobutton:hover, button.pseudobutton:focus, input[type=button].pseudobutton:hover, input[type=button].pseudobutton:focus, input[type=submit].pseudobutton:hover, input[type=submit].pseudobutton:focus, input[type=reset].pseudobutton:hover, input[type=reset].pseudobutton:focus {
      background-color: transparent; }
  .button.floating, button.floating, input[type=button].floating, input[type=submit].floating, input[type=reset].floating {
    background-color: #ffffff;
    color: #333;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    border: none; }
    .button.floating.disabled, .button.floating[disabled], button.floating.disabled, button.floating[disabled], input[type=button].floating.disabled, input[type=button].floating[disabled], input[type=submit].floating.disabled, input[type=submit].floating[disabled], input[type=reset].floating.disabled, input[type=reset].floating[disabled] {
      color: gray;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); }
    .button.floating.active, .button.floating:active, button.floating.active, button.floating:active, input[type=button].floating.active, input[type=button].floating:active, input[type=submit].floating.active, input[type=submit].floating:active, input[type=reset].floating.active, input[type=reset].floating:active {
      background-color: #f6f6f6;
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); }
    .button.floating:hover, .button.floating:focus, button.floating:hover, button.floating:focus, input[type=button].floating:hover, input[type=button].floating:focus, input[type=submit].floating:hover, input[type=submit].floating:focus, input[type=reset].floating:hover, input[type=reset].floating:focus {
      background-color: #f6f6f6;
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25); }

.formular fieldset {
  border: 0 none;
  padding: 0;
  border-top: 1px solid #d6d6d6;
  margin-bottom: 2rem;
  padding-top: 1rem; }
.formular legend {
  font-family: "NDRSansBlack", sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding-right: 1rem;
  background-color: #fff; }
.formular input[type="text"], .formular input[type="password"], .formular input[type="email"], .formular textarea {
  font-family: "NDRSansRegular", sans-serif;
  background: #f6f6f6;
  color: #333;
  box-shadow: inset 0 -2px 0 0 #eeeeee;
  font-size: 18px;
  line-height: 28px;
  font-size: 1.1rem;
  line-height: 2.6rem;
  display: block;
  width: 100%;
  padding: 0 1rem;
  border: 2px solid #fff;
  /* vermeidet Seitenruckeln beim Fokussieren */
  margin-left: -2px; }
  .formular input[type="text"]:focus, .formular input[type="password"]:focus, .formular input[type="email"]:focus, .formular textarea:focus {
    border: 2px solid #0E57AB;
    outline: none; }
.formular .smallelement {
  display: block; }
  .formular .smallelement input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 1.7rem;
    height: 1.7rem;
    background-color: #f6f6f6;
    position: relative; }
.formular input[type="checkbox"] {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.05);
  top: 0.5rem;
  border: 2px solid #fff;
  /* fuer die ruckelfreie Platzierung des Haekchens */
  margin-left: -2px; }
  .formular input[type="checkbox"]:checked:before {
    font-family: "NDRIcons";
    content: "\e01f";
    font-size: 3rem;
    position: absolute;
    top: -1.1rem;
    left: -0.8rem; }
  .formular input[type="checkbox"]:focus {
    border: 2px solid #0E57AB;
    outline: none; }
.formular input[type="radio"] {
  box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.1);
  top: 0.4rem;
  border: 2px solid #fff;
  /* fuer die ruckelfreie Platzierung des Haekchens */
  margin-left: -2px;
  border-radius: 50%; }
  .formular input[type="radio"]:checked:before {
    content: "";
    background-color: #333;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem; }
  .formular input[type="radio"]:focus {
    border: 2px solid #0E57AB;
    outline: none; }
.formular select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: "NDRSansRegular", sans-serif;
  background: #f6f6f6;
  color: #333;
  box-shadow: inset 0 -2px 0 0 #eeeeee;
  font-size: 18px;
  line-height: 28px;
  font-size: 1.1rem;
  line-height: 2.6rem;
  display: block;
  width: 100%;
  border-radius: 0;
  border: none;
  padding: 0 1rem;
  border: 2px solid #fff;
  /* vermeidet Seitenruckeln beim Fokussieren */
  margin-left: -2px;
  position: relative; }
  .formular select:focus {
    border: 2px solid #0E57AB;
    outline: none; }
.formular select::-ms-expand {
  display: none; }
.formular select:focus::-ms-value {
  background-color: transparent; }
.formular .select-wrapper {
  position: relative; }
  .formular .select-wrapper:after {
    font-family: "NDRIcons";
    content: "\e05f";
    font-size: 2rem;
    position: absolute;
    bottom: 0.3rem;
    right: 0.5rem;
    pointer-events: none; }
.formular label, .formular .label {
  font-family: "NDRSansCondRegular", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-size: 1.1rem;
  line-height: 1.7rem; }
.formular .privacy label {
  font-family: NDRSansRegular; }
  @media (min-width: 66em) {
    .formular .privacy label {
      font-size: 21px;
      line-height: 28px;
      font-size: 1.25rem;
      line-height: 1.7rem; } }
.formular .form_element {
  margin-bottom: 0.7rem; }
.formular .error label, .formular .error p {
  color: #dd1515; }
.formular .error input {
  border-bottom: 2px solid #dd1515; }

.invisible {
  position: absolute;
  left: -100000em; }

.skiplink, #skiplink {
  position: absolute;
  left: -9999px;
  color: #2568b4;
  padding: 0.3em 0.5em 0.2em;
  margin: 0.5em;
  text-decoration: none;
  background-color: #e7eef6;
  border-radius: 2px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
  z-index: 1001; }

.skiplink:focus, #skiplink:focus {
  left: 0;
  color: #fff;
  background-color: #aabed2; }

#printbox {
  display: none; }

.element {
  margin-bottom: 2.5rem; }
  .element .element {
    margin-bottom: 0; }

.break-w50 {
  display: block;
  width: 100%; }
  @media (min-width: 66em) {
    .break-w50 {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      .break-w50 > .element {
        width: calc(50% - (1.44rem / 2)); } }
  @media (min-width: 66em) {
    .break-w50 > .element {
      width: calc(50% - (1.92rem / 2)); } }

.break-w33 {
  display: block;
  width: 100%; }
  @media (min-width: 66em) {
    .break-w33 {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      .break-w33 > .element {
        width: calc(33.333333% - ((1.44rem * 2) / 3)); } }
  @media (min-width: 66em) {
    .break-w33 > .element {
      width: calc(33.333333% - ((1.92rem * 2) / 3)); } }

.break-w25 {
  display: block;
  width: 100%; }
  @media (min-width: 66em) {
    .break-w25 {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      .break-w25 > .element {
        flex: 0 0 auto;
        width: calc(25% - ((1.44rem * 3) / 4)); } }

footer {
  background-color: #0c1754;
  padding-top: 2.4rem; }
  footer a, footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    text-decoration: none;
    color: #fff; }
    html.darkmode footer a, html.darkmode footer p, html.darkmode footer h1, html.darkmode footer h2, html.darkmode footer h3, html.darkmode footer h4, html.darkmode footer h5, html.darkmode footer h6 {
      color: #fff; }
    @media (prefers-color-scheme: dark) {
      footer a, footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
        color: #fff; } }
  footer h2 {
    margin-bottom: 0.5em; }
  footer ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  footer li {
    display: inline-block; }
  footer .element {
    margin-bottom: 0; }
  footer .contentgrid {
    padding-top: 1.92rem;
    padding-bottom: 1.92rem; }
  footer .footerlinks {
    margin-bottom: 2.2rem; }
  footer .footerlinks li {
    float: left;
    width: calc(50% - 1rem / 2 );
    margin-right: 1rem; }
    footer .footerlinks li:nth-child(even) {
      margin-right: 0; }
    @media (min-width: 40em) {
      footer .footerlinks li {
        width: calc(33.3333% - (2 * 1.44rem) / 3);
        margin-right: 1.44rem; }
        footer .footerlinks li:nth-child(even) {
          margin-right: 1.44rem; }
        footer .footerlinks li:nth-child(3n+3) {
          margin-right: 0; } }
    @media (min-width: 66em) {
      footer .footerlinks li {
        width: 100%;
        margin-right: 0; } }
    footer .footerlinks li a {
      display: block;
      padding: 0.65rem 0;
      line-height: 1.8rem; }
      footer .footerlinks li a:hover, footer .footerlinks li a:focus {
        background-color: transparent;
        text-decoration: underline; }
      @media (min-width: 40em) {
        footer .footerlinks li a {
          padding: 0; } }
  @media (min-width: 66em) {
    footer .element .element {
      width: calc(25% - (3 * 1.92rem) / 4 - 1px );
      /* -1px gg. Rundingsfehler im Firefox */
      margin-right: 1.92rem;
      float: left; }
      footer .element .element:last-child {
        margin-right: 0; } }

.generalfooter {
  padding: 2.4rem 0 4rem 0;
  background-color: #0E57AB;
  text-align: center; }
  .generalfooter ul {
    margin-bottom: 1.1rem; }
  .generalfooter a {
    display: inline-block;
    padding: 0.65rem 1rem; }
    .generalfooter a:hover, .generalfooter a:focus {
      background-color: transparent;
      text-decoration: underline; }
      .generalfooter a:hover:after, .generalfooter a:focus:after {
        text-decoration: none; }
    @media (min-width: 40em) {
      .generalfooter a {
        padding: 0 1rem; } }
  .generalfooter li:after {
    content: "|";
    position: relative;
    color: #fff; }
  .generalfooter li:last-child:after {
    content: ""; }

#legal {
  clear: both;
  background-color: #0c1754;
  padding: 1em 2em;
  overflow: hidden; }
  #legal ul {
    margin-bottom: 0; }
    #legal ul li {
      clear: both;
      overflow: hidden;
      margin-bottom: 1em;
      font-size: 0.9em;
      width: 100% !important;
      color: #fff; }
    #legal ul img {
      margin-right: 1em;
      width: 20%;
      display: block;
      float: left; }
  #legal .imagelicence {
    float: left;
    width: 80%;
    box-sizing: border-box;
    padding-left: 1em; }
  #legal .imagelicence-row {
    clear: both;
    position: relative; }
  #legal .imagelicence-label {
    float: left;
    width: 15%; }
  #legal .imagelicence-content {
    float: left;
    width: 85%; }

@media screen and (min-width: 45em) {
  form#search button
  span {
    margin: 0; } }
body {
  overflow-x: hidden; }

#pageheader {
  font-family: "NDRSansCondRegular", sans-serif; }
  main_both #pageheader {
    height: 10.5em; }
  .branding.tv.main_both #pageheader {
    height: 7rem; }
  @media screen and (min-width: 45em) {
    .main_only #pageheader {
      height: 7rem; }
    .main_both #pageheader {
      height: 10.5rem; } }
  @media screen and (max-width: 45em) {
    .main_only #pageheader {
      height: 3rem; }
    .main_both #pageheader, .softbranding.main_both #pageheader {
      height: 7rem; } }

.mainnav {
  height: 7em;
  background-color: #0c1754;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
  color: #fff;
  transition: height 0.3s; }
  .mainnav a {
    color: #fff;
    text-decoration: none; }
    html.darkmode .mainnav a {
      color: #fff; }
    @media (prefers-color-scheme: dark) {
      .mainnav a {
        color: #fff; } }
    .mainnav a:hover, .mainnav a:focus {
      text-decoration: none; }
  .mainnav .icon {
    font-size: 1.2em;
    margin-right: 0; }
  @media screen and (max-width: 45em) {
    .mainnav {
      height: 3.5em; } }

#dachmarkenlogo {
  display: block;
  width: 60px;
  height: 43px;
  transition: all 0.5s;
  position: absolute;
  top: 0.2em;
  left: 50%;
  margin-left: -12px;
  z-index: 0; }

#textlogo {
  display: none; }

form#search #searchword {
  margin-left: 5.5em;
  padding: 0.6em; }
form#search button {
  position: absolute;
  top: 0.5rem;
  background-color: #0E57AB;
  border: 1px solid #06274d;
  color: #fff;
  min-width: 0;
  padding: 0.2em 0.5em; }
form#search #searchclose {
  position: absolute;
  width: 1.4em;
  height: 1.4em;
  right: 0.6rem;
  top: 0.8rem; }

@media screen and (max-width: 45em) {
  .burgermenuactive .searchwrapper {
    margin-left: 1.5em; }
  .burgermenuactive form#search {
    width: 100%; }
    .burgermenuactive form#search #searchword {
      width: 13rem;
      margin: 0.1em 0 0 0; }
    .burgermenuactive form#search .desktop {
      display: none; }
    .burgermenuactive form#search button[type] span.mobile {
      display: block; }
    .burgermenuactive form#search button {
      display: block;
      right: 0;
      left: initial;
      min-width: 0;
      padding: 0.2rem 0.5rem; }
    .burgermenuactive form#search #searchclose {
      display: none; } }
a {
  text-decoration: none; }

.abtasty {
  display: none;
  position: absolute;
  left: -9999px; }
  .burgermenuactive .abtasty {
    display: block;
    position: static; }

html {
  margin-top: 0 !important; }

.smartbanner {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  position: fixed !important;
  top: auto !important;
  bottom: 0; }

nav {
  position: absolute;
  bottom: 0.4rem;
  width: 100%;
  display: block;
  opacity: 1;
  transition: all .3s;
  height: 2.6rem; }
  @media screen and (max-width: 45em) {
    nav {
      bottom: 0; } }
  nav ul {
    margin: 5px 0 0 0;
    padding: 0 1rem; }
  nav li {
    display: block;
    float: left;
    padding: 0.4em 0.2em 0.4em 0;
    list-style: none; }
    nav li.right {
      float: right; }
  .reduced nav {
    opacity: 0;
    height: 0;
    overflow: hidden; }

.reduced #nav {
  height: 0; }

nav a, .secondlevel_nav a {
  text-decoration: none;
  display: block;
  font-size: 1.125rem;
  padding: 0.2rem 0.5rem 0 0.5rem; }

nav .full {
  display: block; }

nav .abbreviated {
  display: none; }

nav .branding_label .full {
  display: block; }

nav .branding_label .abbreviated {
  display: none; }

@media screen and (max-width: 68em) {
  nav .full {
    display: none; }

  nav .abbreviated {
    display: block; } }
@media screen and (max-width: 45em) {
  nav .full {
    display: block; }

  nav .abbreviated {
    display: none; } }
@media screen and (max-width: 30em) {
  nav .branding_label .full {
    display: none; }

  nav .branding_label .abbreviated {
    display: block; } }
nav .spacer {
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.3); }
  .burgermenuactive nav .spacer {
    border-left: 0 none; }

nav .right .spacer {
  border: 0 none; }

#suche, #suche_tv, #menuburger, #radiotvlink, #home_ndr {
  position: absolute;
  top: 1.1em; }

#suche, #menuburger {
  right: 1rem; }

#radiotvlink, #home_ndr {
  font-size: 1.125rem;
  top: 1.2rem;
  left: 1.2rem;
  width: 7.5em; }
  #radiotvlink a, #home_ndr a {
    padding: 0.5em 0.5em 0.5em 1.2em; }
  #radiotvlink a:hover, #radiotvlink a:focus, #home_ndr a:hover, #home_ndr a:focus {
    background-color: #0E57AB;
    border-radius: 3px; }
  #radiotvlink .ndricon_chev-down, #home_ndr .ndricon_chev-down {
    position: absolute;
    left: 0em;
    top: -0.1em;
    font-size: 1.2em; }

#home_ndr a {
  padding-left: 0.5em;
  /* Home-Buton ohne Icon */ }

.der_ndr #home_ndr a:hover, .der_ndr #home_ndr a:focus, .der_ndr .mainnav #menuburger a:hover, .der_ndr .mainnav #menuburger a:focus {
  color: #fff; }

#suche {
  display: none; }

form#search {
  position: absolute;
  top: 0;
  right: 0;
  width: 25rem;
  background-color: transparent;
  box-sizing: border-box;
  padding: 0.4rem 0 0 0;
  z-index: 0;
  overflow: hidden;
  transition: all 0.3s; }
  form#search input {
    border-radius: 0; }

@media screen and (min-width: 45em) {
  form#search {
    right: -25rem; }
    form#search button {
      right: 2em; }

  #searchword {
    width: 13.5em;
    margin: 0.1em 0 0 0; }

  .searchactive #suche {
    display: none; }
  .searchactive form#search {
    right: 0; } }
.burgermenuactive form#search {
  transition: none; }

@media screen and (min-width: 45em) {
  #suche {
    display: block; }

  #menuburger {
    display: none; }

  #burgermenu ul.mobile {
    display: none; } }
@media screen and (max-width: 45em) {
  #menuburger {
    display: block; }

  #burgermenu ul.mobile {
    display: block; } }
.burger {
  height: 2.2rem;
  width: 2.2rem;
  background-color: transparent;
  border-radius: 3px;
  margin-top: -9px; }
  a:hover .burger, a:focus .burger {
    background-color: #0E57AB; }
  .burger .ndricon_burger {
    top: 15%;
    left: 15%; }

.gradient_menu {
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity 0.3s; }

.radiotvactive .gradient_menu, .burgermenuactive .gradient_menu {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 4000;
  position: fixed;
  top: 0; }

body.radiotvactive, body.burgermenuactive, html.radiotvactive, html.burgermenuactive {
  height: 100%;
  overflow: hidden;
  position: relative; }

.radiotvactive #radiotvmenu {
  left: 0;
  box-shadow: -20px 0 50px rgba(0, 0, 0, 0.8); }

#radiotvmenu .close, #burgermenu .close, .branding.tv #burgermenu .close {
  display: block;
  padding: 1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  #radiotvmenu .close a, #burgermenu .close a, .branding.tv #burgermenu .close a {
    position: relative; }
  #radiotvmenu .close .ndricon_x, #burgermenu .close .ndricon_x, .branding.tv #burgermenu .close .ndricon_x {
    display: block; }

@media screen and (min-width: 45em) {
  #burgermenu .close {
    display: none; } }
#radiotvmenu {
  position: fixed;
  height: 100%;
  left: -300px;
  z-index: 5000;
  width: 300px;
  transition: all 0.5s;
  background-color: #0c1754;
  top: 0;
  overflow-y: auto; }
  #radiotvmenu ul {
    margin: 0;
    padding: 0;
    font-family: "NDRSansCondRegular", sans-serif; }
  #radiotvmenu li {
    float: none;
    padding: 0.7rem 0 1rem 4.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative; }
    #radiotvmenu li a {
      padding: 0;
      position: relative;
      line-height: 2rem; }
    #radiotvmenu li ul {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      padding: 0.6rem 0 0 0;
      margin-top: 0.6rem; }
      #radiotvmenu li ul li {
        border: none;
        padding: 0.5em 0 0 0; }
  #radiotvmenu nav {
    top: 0;
    position: relative; }
  #radiotvmenu span.mainradiotv {
    position: absolute;
    left: -2em;
    top: -0.1em; }
  #radiotvmenu .streamradiotv {
    position: absolute;
    right: 1em;
    top: 0.4em;
    font-size: 0.95em; }
    #radiotvmenu .streamradiotv.tv {
      top: 0.5em; }

.branding.tv .secondlevel_nav {
  top: 3.5em; }

.branding.tv .mainnav {
  height: 3.5em; }

.branding.tv form#search {
  width: 100%;
  right: 0 !important; }
  .branding.tv form#search .desktop {
    display: none; }
  .branding.tv form#search button[type] span.mobile {
    display: block; }
  .branding.tv form#search button {
    display: block;
    right: 0;
    left: initial;
    min-width: 0;
    padding: 0.2rem 0.5rem; }
  .branding.tv form#search #searchclose {
    display: none; }
  .branding.tv form#search #searchword {
    width: 13em;
    margin: 0.1em 0 0 0; }
.branding.tv.der_ndr form#search {
  width: 0; }
.branding.tv nav .full {
  display: block; }
.branding.tv nav .abbreviated {
  display: none; }
.branding.tv #menuburger {
  display: block; }
.branding.tv.burgermenuactive #burgermenu {
  right: 0; }
.branding.tv #burgermenu {
  position: fixed;
  background-color: #0c1754;
  height: 100%;
  width: 300px;
  top: 0;
  transition: all 0.5s;
  z-index: 5000;
  right: -300px; }
  .branding.tv #burgermenu .searchwrapper {
    position: relative;
    height: 3em;
    margin: 1em 0.5em 1.5em 1.5em; }
  .branding.tv #burgermenu nav {
    position: relative; }
    .branding.tv #burgermenu nav .right .full {
      padding-left: 1.1em;
      padding-top: 0.4em; }
  .branding.tv #burgermenu ul:first-of-type {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .branding.tv #burgermenu ul {
    padding: 0.5em 1em 0.5em 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-family: "NDRSansCondRegular", sans-serif; }
    .branding.tv #burgermenu ul li {
      list-style: none;
      float: none;
      padding: 0.5em 0 0 4em;
      line-height: 2em; }
      .branding.tv #burgermenu ul li a {
        font-size: 1.1em;
        display: inline-flex;
        color: #fff;
        text-decoration: none;
        padding: 0;
        position: relative;
        color: #fff; }
      .branding.tv #burgermenu ul li li.right {
        float: none; }
      .branding.tv #burgermenu ul li .abbreviated.mobile {
        display: block;
        margin-left: -2.6em;
        float: left; }

@media screen and (max-width: 45em) {
  .burgermenuactive #burgermenu {
    right: 0; } }
  @media screen and (max-width: 45em) and (min-width: 45em) {
    .burgermenuactive #burgermenu {
      right: -300px;
      /* Burgermenü nur verfügbar, wenn der Burger angezeigt wird und das Desktop-Menü ausgeblendet ist. */ } }

@media screen and (max-width: 45em) {
  #burgermenu {
    position: fixed;
    background-color: #0c1754;
    height: 100%;
    overflow-y: auto;
    width: 300px;
    top: 0;
    transition: all 0.5s;
    z-index: 5000;
    right: -300px;
    box-sizing: border-box; }
    #burgermenu .searchwrapper {
      position: relative;
      height: 3em;
      margin: 1em 0.5em 1em 1.5em; }
    #burgermenu nav {
      position: relative;
      padding-bottom: 1em; }
      #burgermenu nav .right .full {
        padding-left: 1.1em;
        padding-top: 0.4em; }
    #burgermenu ul:first-of-type {
      border-top: 1px solid rgba(255, 255, 255, 0.2); }
    #burgermenu ul {
      padding: 0.5em 1em 0.5em 0;
      margin: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      font-family: "NDRSansCondRegular", sans-serif; }
      #burgermenu ul li {
        list-style: none;
        float: none;
        padding: 0.5em 0 0 4em;
        line-height: 2em; }
        #burgermenu ul li a {
          font-size: 1.1em;
          display: inline-flex;
          color: #fff;
          text-decoration: none;
          padding: 0;
          position: relative;
          color: #fff; }
        #burgermenu ul li li.right {
          float: none; }
        #burgermenu ul li .abbreviated.mobile {
          display: block;
          margin-left: -2.6em;
          float: left; } }
.branding .secondlevel_nav a, .ndrinfo:not(.softbranding) .secondlevel_nav a, .ndrkultur:not(.softbranding) .secondlevel_nav a {
  color: #fff; }
@media screen and (min-width: 62em) {
  .branding .secondlevel_nav li:hover, .ndrinfo:not(.softbranding) .secondlevel_nav li:hover, .ndrkultur:not(.softbranding) .secondlevel_nav li:hover {
    background-color: rgba(0, 0, 0, 0.25); }
  .branding .secondlevel_nav li.active:after, .ndrinfo:not(.softbranding) .secondlevel_nav li.active:after, .ndrkultur:not(.softbranding) .secondlevel_nav li.active:after {
    background: rgba(0, 0, 0, 0.25); } }
@media screen and (max-width: 62em) {
  .branding .secondlevel_nav, .ndrinfo:not(.softbranding) .secondlevel_nav, .ndrkultur:not(.softbranding) .secondlevel_nav {
    background-color: #eeeeee !important; }
    .branding .secondlevel_nav a, .ndrinfo:not(.softbranding) .secondlevel_nav a, .ndrkultur:not(.softbranding) .secondlevel_nav a {
      color: #333; } }

.secondlevel_nav {
  background-color: #eeeeee;
  position: fixed;
  z-index: 3;
  width: 100%;
  overflow: hidden;
  top: 7em;
  height: 3.5em;
  transition: all 0.3s; }
  .secondlevel_nav li {
    box-sizing: border-box;
    position: relative; }
    .secondlevel_nav li:after {
      background: rgba(0, 0, 0, 0.5);
      bottom: 4px;
      content: "";
      display: none;
      height: 4px;
      left: 0;
      position: absolute;
      width: 100%; }
    .secondlevel_nav li.active:after {
      display: block; }
    .secondlevel_nav li:hover {
      background-color: rgba(0, 0, 0, 0.1); }
  .secondlevel_nav a {
    align-items: center;
    display: -webkit-flex;
    display: flex;
    height: 3.5em;
    padding-left: .45rem;
    z-index: 101;
    color: #333; }
  @media screen and (max-width: 45em) {
    .secondlevel_nav {
      top: 3.5em; } }
  .secondlevel_nav * {
    box-sizing: inherit;
    display: inline-flex; }
  .secondlevel_nav .subnav {
    overflow-x: hidden;
    overflow-y: hidden;
    bottom: 0; }
  .secondlevel_nav nav {
    height: 3.5em; }
  .secondlevel_nav ul {
    cursor: pointer;
    padding: 0;
    margin: 0;
    z-index: 100; }
  .secondlevel_nav li {
    text-decoration: none;
    display: -webkit-flex;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    float: inherit;
    line-height: 1pt;
    padding: 0 .5rem;
    white-space: nowrap; }
  @media screen and (max-width: 45em) {
    .secondlevel_nav button {
      display: none; } }
  @media screen and (min-width: 45em) {
    .secondlevel_nav button {
      display: block;
      color: #fff; }
      .secondlevel_nav button span {
        margin-right: 0;
        font-size: 2em; }
    .secondlevel_nav .pn-Advancer {
      height: 2.75rem;
      width: 1.75rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 0;
      border: 0;
      background-color: rgba(0, 0, 0, 0.3);
      position: absolute;
      bottom: -0.2em;
      opacity: 0;
      transition: opacity .3s;
      z-index: 102; }
      .secondlevel_nav .pn-Advancer:hover {
        background-color: #0E57AB;
        border-radius: 3px;
        cursor: pointer; }
      .secondlevel_nav .pn-Advancer:focus {
        outline: 0; }
    .secondlevel_nav .icon_arrow_right, .secondlevel_nav .icon_arrow_left {
      margin-left: -0.1em; }
    .secondlevel_nav .pn-Advancer_Right {
      right: 0px; }
    .secondlevel_nav [data-overflowing="both"] ~ .pn-Advancer_Left, .secondlevel_nav [data-overflowing="left"] ~ .pn-Advancer_Left {
      opacity: 1; }
    .secondlevel_nav [data-overflowing="both"] ~ .pn-Advancer_Right, .secondlevel_nav [data-overflowing="right"] ~ .pn-Advancer_Right {
      opacity: 0.7; } }
  @media screen and (max-width: 45em) {
    .secondlevel_nav button {
      display: block; }
      .secondlevel_nav button span {
        display: none; }
    .secondlevel_nav .pn-Advancer {
      height: 56px;
      width: 50px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 0;
      border: 0;
      position: absolute;
      bottom: -0.5em;
      opacity: 0;
      transition: opacity .3s;
      z-index: 100;
      box-shadow: none; }
    .secondlevel_nav .pn-Advancer_Left {
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.23) 0%, rgba(255, 255, 255, 0.02) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.23) 0%, rgba(255, 255, 255, 0.02) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(0, 0, 0, 0.23) 0%, rgba(255, 255, 255, 0.02) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b000000', endColorstr='#05ffffff',GradientType=1 );
      /* IE6-9 */ }
    .secondlevel_nav .pn-Advancer_Right {
      right: -14px;
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.02) 0%, rgba(0, 0, 0, 0.23) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.02) 0%, rgba(0, 0, 0, 0.23) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0.02) 0%, rgba(0, 0, 0, 0.23) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ffffff', endColorstr='#3b000000',GradientType=1 );
      /* IE6-9 */ }
    .secondlevel_nav [data-overflowing="both"] ~ .pn-Advancer_Left, .secondlevel_nav [data-overflowing="left"] ~ .pn-Advancer_Left {
      opacity: 1; }
    .secondlevel_nav [data-overflowing="both"] ~ .pn-Advancer_Right, .secondlevel_nav [data-overflowing="right"] ~ .pn-Advancer_Right {
      opacity: 0.7; }
    .secondlevel_nav .pn-Advancer_Icon {
      width: 20px;
      height: 44px;
      fill: #bbb; } }

.reduced .mainnav {
  height: 1.75em !important; }
.reduced #dachmarkenlogo svg {
  display: none; }
.reduced #dachmarkenlogo {
  top: 0; }
.reduced #textlogo {
  display: block;
  top: 0.325em;
  position: relative; }
.reduced .closed, .reduced .main .searchwrapper, .reduced #radiotvlink, .reduced .burger, .reduced #home_ndr {
  display: none; }
.reduced.burgermenuactive .main nav, .reduced.burgermenuactive .closed, .reduced.burgermenuactive .main .searchwrapper {
  display: block; }
.reduced .secondlevel_nav {
  height: 0;
  top: 1.75em !important; }

.der_ndr #subnav_brandinglogo svg {
  display: none; }
.der_ndr #subnav_brandinglogo .branding_label {
  display: block !important; }
.der_ndr .mainnav {
  background-color: #bdd3e6; }
  .der_ndr .mainnav a {
    color: #0d1754;
    text-decoration: none; }
    .der_ndr .mainnav a:hover, .der_ndr .mainnav a:focus {
      text-decoration: none; }
  @media screen and (min-width: 45em) {
    .der_ndr .mainnav #menuburger {
      display: none; } }
  @media screen and (max-width: 45em) {
    .der_ndr .mainnav #burgermenu {
      background-color: #bdd3e6; }
      .der_ndr .mainnav #burgermenu ul li {
        padding: 1.7em 1em 0 1.7em; }
      .der_ndr .mainnav #burgermenu a {
        color: #0d1754; }
      .der_ndr .mainnav #burgermenu .shadow {
        box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
        background-color: #bdd3e6; } }
.der_ndr .reduced #home_ndr {
  display: none; }
.der_ndr .secondlevel_nav {
  background-color: #e7eef5; }
  .der_ndr .secondlevel_nav li:after {
    background: #0d1754; }

.teasergroup {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .teasergroup header {
    height: auto;
    background: transparent;
    padding: 0;
    color: #333;
    width: 100%; }
    .darkmode .teasergroup header {
      color: #fff; }
    @media (prefers-color-scheme: dark) {
      .teasergroup header {
        color: #fff; } }
  .teasergroup .sectionlink {
    color: #0E57AB;
    fill: #0E57AB;
    position: absolute;
    right: 0;
    top: 2.4rem;
    display: none;
    padding-top: 1.2rem;
    font-weight: bold;
    text-decoration: none; }
    .darkmode .teasergroup .sectionlink {
      color: #1379ED;
      fill: #1379ED; }
    @media (prefers-color-scheme: dark) {
      .teasergroup .sectionlink {
        color: #1379ED;
        fill: #1379ED; } }
    @media (min-width: 40em) {
      .teasergroup .sectionlink {
        display: block; } }
    .teasergroup .sectionlink.mobile {
      display: block;
      position: static; }
      @media (min-width: 40em) {
        .teasergroup .sectionlink.mobile {
          display: none; } }
  .teasergroup h1 {
    padding-top: 1.2em; }
  .teasergroup > .element {
    width: 100%; }
  @media (min-width: 48em) {
    .teasergroup.w33 > .element {
      width: calc(33.333333% - ((1.44rem * 2) / 3)); }
      .teasergroup.w33 > .element:not(:nth-child(3n+1)) {
        margin-right: 1.44rem; } }
  @media (min-width: 66em) {
    .teasergroup.w33 > .element {
      width: calc(33.333333% - ((1.92rem * 2) / 3)); }
      .teasergroup.w33 > .element:not(:nth-child(3n+1)) {
        margin-right: 1.92rem; } }
  @media (min-width: 66em) {
    .teasergroup.w50 > .element {
      width: calc(50% - (1.92rem / 2)); }
      .teasergroup.w50 > .element:not(:nth-child(odd)) {
        margin-right: 1.92rem; } }

.autorelated div.teaser:nth-child(n+6) {
  position: absolute;
  left: -9999px;
  opacity: 0;
  transition: opacity 0.5s; }
.autorelated div.addmore {
  display: block; }
.autorelated .add2 {
  display: none; }
.autorelated.expanded1 div.teaser:nth-child(n+6) {
  display: block;
  position: static;
  opacity: 1; }
.autorelated.expanded1 div.teaser:nth-child(n+10) {
  position: absolute;
  left: -9999px;
  opacity: 0; }
.autorelated.expanded1 div.addmore {
  display: block; }
.autorelated.expanded1 .add1 {
  display: none; }
.autorelated.expanded1 .add2 {
  display: block; }
.autorelated.expanded2 div.teaser:nth-child(n+10) {
  position: static;
  opacity: 1; }
.autorelated.expanded2 div.addmore {
  display: none; }

.teaser .teaserimage {
  position: relative; }
.teaser.std .teaserimage {
  width: 100%;
  margin-bottom: 0.7em; }
.teaser.list {
  padding: 0;
  border-bottom: none;
  padding-right: 0;
  margin-bottom: 1.18rem; }
  @media (min-width: 40em) {
    .teaser.list {
      margin-bottom: 2rem; } }
  @media (min-width: 66em) {
    .teaser.list {
      margin-bottom: 2.16rem; } }
  .teaser.list .teaserimage {
    width: 108px;
    float: right;
    margin-left: 0.5rem;
    margin-right: 0;
    margin-bottom: 0.5rem; }
    @media (min-width: 40em) {
      .teaser.list .teaserimage {
        width: 168px;
        float: left;
        margin-left: 0;
        margin-right: 25px; } }
    @media (min-width: 48em) {
      .w50 .teaser.list .teaserimage {
        width: 168px; } }
    @media (min-width: 66em) {
      .teaser.list .teaserimage {
        width: 304px;
        margin-right: 1.92rem;
        margin-right: 1.44rem; }
        .w50 .teaser.list .teaserimage {
          float: right;
          width: 220px;
          margin-left: 8px;
          margin-right: 0; } }
.teaser .media {
  background-color: #0E57AB;
  border-radius: 2px;
  position: absolute;
  right: 0.5rem;
  bottom: -0.4rem;
  height: 2rem;
  color: #fff; }
  .darkmode .teaser .media {
    background-color: #1379ED; }
  @media (prefers-color-scheme: dark) {
    .teaser .media {
      background-color: #1379ED; } }
  .teaser .media [class^="ndricon_"] {
    font-size: 1.9rem;
    vertical-align: middle;
    line-height: 1;
    position: static; }
.teaser .mediaduration {
  padding: 0.1rem 0.2rem 0 0.6rem;
  position: relative;
  top: 1px;
  font-size: 0.9375rem;
  line-height: 1.6;
  white-space: nowrap; }
.teaser .teasertext {
  display: none; }
@media (min-width: 40em) {
  .shorttext .teaser .teasertext {
    display: block; } }

@media (max-width: 40em) {
  .w50.autorelated .mediatheklongname {
    display: none; } }
.herocontainer .player, .herocontainer .mediatheksteaser {
  padding: 0 !important;
  margin: 0 !important; }

.button.floating .icon_arrow_down {
  top: 0.15em; }

.addmore {
  padding: 0.5rem 0 0.5rem 0;
  font-weight: bold; }
  .addmore .label {
    color: #333;
    font-size: 1.08rem; }
    .darkmode .addmore .label {
      color: #fff; }
    @media (prefers-color-scheme: dark) {
      .addmore .label {
        color: #fff; } }
  .addmore a {
    cursor: pointer;
    color: #333; }
    .darkmode .addmore a {
      color: #fff; }
    @media (prefers-color-scheme: dark) {
      .addmore a {
        color: #fff; } }
  .addmore .remove {
    display: none; }

.metainfo span {
  display: block;
  margin-bottom: 0.5em; }
.metainfo a {
  text-decoration: underline; }

.image-container {
  position: relative;
  padding-bottom: 56.25%; }
  .image-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .list .image-container {
    padding-bottom: 75%; }
    @media (min-width: 40em) {
      .list .image-container {
        padding-bottom: 56.25%; } }
  @media screen and (min-width: 62em) {
    .widescreen .image-container {
      padding-bottom: 42.55%; } }
  .std .image-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px; }
  .image-container.square {
    padding-bottom: 100%; }

@media (min-width: 66em) {
  article > h1, article > h2, article > h3, article > h4, article > h5, article > h6, article > p, article > ul, article > ol, article > table, article > .contentgrid.contentpadding, article > .timestamp {
    padding-right: 5.325rem;
    padding-left: 5.325rem; } }
@media (min-width: 66em) {
  article .contentgrid.contentpadding.w50 {
    padding-left: 5.325rem; } }
article header.articlehead {
  height: auto;
  background-color: #fff;
  color: #333;
  padding: 2rem 1rem 0 1rem;
  margin-bottom: 1em;
  position: relative; }
  .darkmode article header.articlehead {
    background-color: #222222; }
  @media (prefers-color-scheme: dark) {
    article header.articlehead {
      background-color: #222222; } }
  .darkmode article header.articlehead {
    color: #fff; }
  @media (prefers-color-scheme: dark) {
    article header.articlehead {
      color: #fff; } }
  article header.articlehead.boxed {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    padding-bottom: 0.5rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
    transition: margin 0.5s; }
    @media (min-width: 66em) {
      article header.articlehead.boxed {
        margin-top: 2rem;
        padding-bottom: 2rem;
        margin-bottom: 4rem; } }
    @media (prefers-color-scheme: dark) {
      article header.articlehead.boxed {
        border: 1px solid rgba(255, 255, 255, 0.2); } }
  @media (min-width: 40em) {
    article header.articlehead {
      padding: 2em 1.44rem 0 1.44rem; } }
  @media (min-width: 66em) {
    article header.articlehead {
      width: 62rem;
      margin-left: auto;
      margin-right: auto;
      padding: 2em 5.325rem 0 5.325rem; } }
article .box {
  background-color: #f6f6f6;
  padding: 1em 1rem;
  margin: 1em 0 1em 0; }
  @media (min-width: 40em) {
    article .box {
      margin: 1em 1.44rem;
      padding: 1em 1.44rem; } }
  @media (min-width: 66em) {
    article .box {
      width: calc(62rem - 2 * 5.325rem);
      margin-left: auto;
      margin-right: auto; } }
article .element {
  margin-bottom: 2em; }

.heroelement {
  background-color: #f6f6f6;
  position: relative; }
  .darkmode .heroelement {
    background-color: #333; }
  @media (prefers-color-scheme: dark) {
    .heroelement {
      background-color: #333; } }
  .heroelement .herocontainer {
    background-color: #222;
    max-width: 62rem;
    margin: 0 auto;
    position: relative;
    aspect-ratio: 1920/817; }
    @media (min-width: 66em) {
      .heroelement .herocontainer {
        max-width: 1600px; } }
  .heroelement.compact .herocontainer {
    max-width: 62rem;
    aspect-ratio: 16/9; }
  .heroelement ~ article .boxed {
    margin-top: -2rem !important; }
  @media (min-width: 66em) {
    .heroelement ~ article .boxed {
      margin-top: -4rem !important; } }
  .heroelement .hero_bg {
    width: 1px;
    height: 1px;
    position: absolute; }
    @media (min-width: 66em) {
      .heroelement .hero_bg {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .heroelement .hero_bg .image-container {
          filter: blur(20px);
          transform: scale(1.1); } }

.nohero_spacer {
  width: 100%;
  height: 2rem; }

.contentimage .contentimage-inner {
  width: 100%;
  float: left;
  margin-bottom: 1rem; }
  @media (min-width: 40em) {
    .contentimage .contentimage-inner {
      margin-bottom: 1.44rem; } }
  @media (min-width: 66em) {
    .contentimage .contentimage-inner {
      margin-bottom: 1.92rem; } }
  .contentimage .contentimage-inner img {
    display: block; }
.contentimage .caption {
  margin-bottom: 0;
  padding-top: 0.5rem; }
@media (min-width: 40em) {
  .contentimage.w50 .contentimage-inner {
    width: 50%;
    margin-right: 1.44rem;
    margin-bottom: 1.44rem; } }
@media (min-width: 66em) {
  .contentimage.w50 .contentimage-inner {
    margin-right: 1.92rem;
    margin-bottom: 1.92rem; } }
.contentimage .maximize {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  line-height: 46px;
  display: none; }
.contentimage:hover .maximize {
  display: block; }

.bigfeature .caption {
  padding-left: 1rem; }
  @media (min-width: 40em) {
    .bigfeature .caption {
      padding-left: 1.44rem; } }
.bigfeature .image-container {
  padding-bottom: 100%; }
  @media (min-width: 40em) {
    .bigfeature .image-container {
      padding-bottom: 56.25%; } }
  @media (min-width: 66em) {
    .bigfeature .image-container {
      padding-bottom: 42.55%; } }

.contentgrid.featureimage .caption {
  padding-left: 1rem; }
  @media (min-width: 40em) {
    .contentgrid.featureimage .caption {
      padding-left: 0; } }
@media (max-width: 40em) {
  .contentgrid.featureimage {
    margin-left: 0;
    margin-right: 0; } }

.portrait {
  padding: 0 25%; }
  .portrait::after {
    content: "";
    display: block;
    clear: both; }
  @media (min-width: 40em) {
    .portrait {
      padding: 0; }
      .portrait::after {
        display: none; } }
  .portrait .image-container {
    padding-bottom: 150%; }

.relatedbroadcast {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .relatedbroadcast p {
    margin: 0; }

.sblogo {
  margin-top: 2rem !important; }
  .sblogo .logo {
    display: block; }
  .sblogo svg {
    fill: #666;
    height: 100%;
    width: 100%; }

.pgrated {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: end; }
  .pgrated .imagebg picture {
    position: static !important;
    margin-top: 0 !important; }
  .pgrated .colorbg {
    display: none; }
  .pgrated .content {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%; }

article.videopage {
  position: relative; }
  @media (min-width: 66em) {
    article.videopage > h5, article.videopage > p, article.videopage > .timestamp {
      padding-right: calc(2 * 5.325rem);
      padding-left: 0; }
    article.videopage header.articlehead {
      padding-right: 0;
      padding-left: 0; } }
  article.videopage h5 {
    margin-bottom: 1.2rem; }
  article.videopage h5:first-of-type {
    padding-top: 1rem;
    border-top: 1px solid #e2e2e2; }

.subline {
  font-weight: bold; }

.videolongdesc {
  position: relative;
  height: 200px;
  overflow: hidden;
  transition: height 0.3s ease-out;
  padding-bottom: 1rem; }
  @media (min-width: 66em) {
    .videolongdesc {
      padding-right: calc(2 * 5.325rem); } }
  .videolongdesc .gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
    .darkmode .videolongdesc .gradient {
      background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, #222222 70%); }
    @media (prefers-color-scheme: dark) {
      .videolongdesc .gradient {
        background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, #222222 70%); } }
    .videolongdesc .gradient .addmore {
      position: absolute;
      bottom: 0.5rem; }

.livestreamhint {
  background-color: #222;
  position: relative;
  overflow: hidden; }
  html.darkmode .livestreamhint {
    background-color: #444; }
  @media (prefers-color-scheme: dark) {
    .livestreamhint {
      background-color: #444; } }
  .livestreamhint a {
    color: #fff;
    text-decoration: none; }
    .livestreamhint a:hover {
      background-color: transparent; }
  .livestreamhint .imagebg, .livestreamhint .colorbg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); }
  .livestreamhint .imagebg picture {
    width: 100%;
    margin-top: -20%;
    position: absolute; }
  .livestreamhint .colorbg {
    background-color: rgba(0, 0, 0, 0.7); }
  .livestreamhint .content, .livestreamhint .livedot {
    padding: 0.72rem 1rem;
    color: #fff;
    position: relative; }
    .livestreamhint .content p, .livestreamhint .livedot p {
      margin: 0;
      font-weight: bold; }
  .livestreamhint .livedot {
    display: none;
    text-align: center; }
  .livestreamhint.isEmbedded .livedot {
    text-align: left; }
    .livestreamhint.isEmbedded .livedot p {
      padding-left: 1.8rem; }
    .livestreamhint.isEmbedded .livedot .ndricon_bigdot {
      margin-left: -1.8rem;
      margin-right: 0.2rem; }
  .livestreamhint .ndricon_livestream {
    display: none; }
  .livestreamhint .ndricon_bigdot::before {
    display: inline-block;
    transition: all 0.5s;
    animation: pulsate 2s infinite; }
  .livestreamhint.isLive .content, .livestreamhint.isLive .imagebg, .livestreamhint.isLive .colorbg {
    display: none; }
  .livestreamhint.isLive .livedot {
    display: block; }
  @media (min-width: 40em) {
    .livestreamhint .ndricon_livestream {
      display: inline-block;
      margin-right: 0.5rem; }
    .livestreamhint .content, .livestreamhint .livedot {
      padding: 1.2rem 1.44rem; } }

@keyframes pulsate {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }
.tvstreamheader {
  background-color: #f6f6f6;
  padding-bottom: 1rem;
  margin-bottom: 2rem; }
  .darkmode .tvstreamheader {
    background-color: #333; }
  @media (prefers-color-scheme: dark) {
    .tvstreamheader {
      background-color: #333; } }
  .tvstreamheader header.articlehead {
    background-color: transparent; }
  .tvstreamheader h1 {
    margin-bottom: 8px; }
    @media (min-width: 40em) {
      .tvstreamheader h1 {
        margin-bottom: 16px; } }
    .tvstreamheader h1 span.maintitle::after {
      content: 'LIVE';
      margin-left: 1rem; }
    .tvstreamheader h1 span.regionname {
      display: block;
      margin-top: 4px; }
      @media (min-width: 40em) {
        .tvstreamheader h1 span.regionname {
          margin-top: 10px; } }
  .tvstreamheader .subline {
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    font-size: 1.1rem;
    line-height: 1.7rem; }
    @media (min-width: 40em) {
      .tvstreamheader .subline {
        font-size: 21px;
        line-height: 32px;
        font-size: 1.26rem;
        line-height: 1.91em; } }
  .tvstreamheader .element.metainfo {
    margin-bottom: 1rem; }

.livestreamswitch {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  justify-content: space-between; }
  .livestreamswitch div {
    width: calc(25% - (3 * 1rem / 4)); }
    @media (min-width: 40em) {
      .livestreamswitch div {
        width: calc(25% - (3 * 1.44rem / 4)); } }
    @media (min-width: 66em) {
      .livestreamswitch div {
        width: calc(25% - (3 * 1.92rem / 4)); } }
  .livestreamswitch .button {
    width: 100%; }

body > section.w100 {
  width: 100%;
  max-width: 62rem;
  margin-left: auto;
  margin-right: auto; }

body > section > .contentbox {
  background-color: #f6f6f6;
  padding: 1rem 1rem 0 1rem;
  margin: 0 0 1rem 0;
  overflow: hidden; }
  .darkmode body > section > .contentbox {
    background-color: #333; }
  @media (prefers-color-scheme: dark) {
    body > section > .contentbox {
      background-color: #333; } }
  body > section > .contentbox p {
    margin-bottom: 1rem;
    line-height: 1.65; }
  body > section > .contentbox .teasertext p {
    margin-bottom: 0; }
  body > section > .contentbox h2 {
    margin-bottom: 0.5rem; }
  body > section > .contentbox > h2 {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.33; }
  body > section > .contentbox a {
    text-decoration: underline; }
  body > section > .contentbox.tvschedule a {
    text-decoration: none; }
    body > section > .contentbox.tvschedule a:hover, body > section > .contentbox.tvschedule a:focus {
      text-decoration: underline; }
  body > section > .contentbox h1 a, body > section > .contentbox h2 a, body > section > .contentbox h3 a, body > section > .contentbox h4 a {
    text-decoration: none; }
  body > section > .contentbox ul {
    margin-bottom: 1em; }
  body > section > .contentbox.w100, body > section > .contentbox.voll {
    margin-right: 0;
    float: none; }
  @media (min-width: 40em) {
    body > section > .contentbox {
      margin: 0 1.44rem 1.44rem 0;
      padding: 1.2rem 1.2rem 0 1.2rem; } }
  @media (min-width: 66em) {
    body > section > .contentbox {
      margin: 0 0 1.92rem 0;
      padding: 1.2rem 1.2rem 0 1.2rem; } }
  body > section > .contentbox input[type="text"], body > section > .contentbox input[type="password"], body > section > .contentbox input[type="email"], body > section > .contentbox textarea {
    background-color: #fff; }
    html.darkmode body > section > .contentbox input[type="text"], html.darkmode body > section > .contentbox input[type="password"], html.darkmode body > section > .contentbox input[type="email"], html.darkmode body > section > .contentbox textarea {
      background-color: #444; }
    @media (prefers-color-scheme: dark) {
      body > section > .contentbox input[type="text"], body > section > .contentbox input[type="password"], body > section > .contentbox input[type="email"], body > section > .contentbox textarea {
        background-color: #444; } }
  body > section > .contentbox.eventdetails {
    padding-bottom: 1rem;
    overflow: hidden; }
    body > section > .contentbox.eventdetails .contentimage {
      margin-bottom: 1rem; }
    body > section > .contentbox.eventdetails .button {
      margin-top: 1rem; }
  .e-recruiting body > section > .contentbox {
    padding-bottom: 1rem; }

.correction {
  font-style: italic; }

.timestamp {
  clear: both;
  overflow: hidden;
  margin-bottom: 0.6em;
  line-height: 2rem; }

.timestamp hr {
  border: 0;
  height: 1px;
  background-color: #e2e2e2;
  margin: 1em 0 0.5rem 0; }

.timestamp span {
  font-family: "NDRSansCondRegular", sans-serif;
  font-size: 1rem;
  display: block;
  float: left;
  width: auto;
  padding: 0.2em 0em; }

.sharebox {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 2.5rem;
  padding: 12px 0 8px;
  display: flex;
  justify-content: space-between; }
  @media (min-width: 40em) {
    .sharebox {
      padding: 20px 0 14px; } }
  .sharebox ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    font-size: 1.2rem; }
    @media (min-width: 40em) {
      .sharebox ul {
        padding: 0 12px; } }
  .sharebox .sharelinks li {
    padding-right: 30px; }
    @media (min-width: 40em) {
      .sharebox .sharelinks li {
        padding-right: 35px; } }
    .sharebox .sharelinks li.sharing {
      display: none;
      /* only shwon by JavaScript */ }
    .sharebox .sharelinks li svg {
      height: 1.6rem;
      vertical-align: middle;
      margin-right: 0.2rem;
      position: relative;
      top: -0.1rem; }
  .sharebox a {
    color: #333;
    text-decoration: none; }
    .darkmode .sharebox a {
      color: #fff; }
    @media (prefers-color-scheme: dark) {
      .sharebox a {
        color: #fff; } }
  .sharebox [class^="ndricon_"] {
    top: 0; }
  .sharebox .comments li {
    display: flex;
    align-items: center;
    position: relative; }
    .sharebox .comments li .nb-s {
      margin-left: 0.4rem;
      font-size: 1rem; }
    .sharebox .comments li .comment-count {
      margin-left: 0.4rem;
      font-size: 1rem; }
    @media (min-width: 40em) {
      .sharebox .comments li .nb-s {
        display: inline !important; } }
  @media (min-width: 40em) {
    .sharebox .to-whatsapp {
      display: none; } }
  .sharebox .printme {
    display: none; }
    @media (min-width: 40em) {
      .sharebox .printme {
        display: block; } }
  .sharebox .printme {
    display: none; }
    @media (min-width: 40em) {
      .sharebox .printme {
        display: block; } }

a[name='content'] {
  position: relative;
  display: block;
  height: 0;
  top: -20px; }

.gallery {
  background-color: #222222;
  color: #fff;
  padding: 1rem 0 2rem;
  border-bottom: 1px solid #444;
  border-top: 1px solid #444; }
  .gallery .counter {
    display: inline-block;
    margin-right: 0.5rem; }
  .gallery .button {
    margin: 0 1rem;
    background-color: transparent;
    border: 1px solid #bbb;
    width: 17.27rem; }
    @media (min-width: 48em) {
      .gallery .button {
        margin: 0 1.44rem; } }
    @media (min-width: 66em) {
      .gallery .button {
        margin: 0 1.92rem; } }
  .gallery header {
    margin-top: 2rem !important;
    max-width: 62rem; }
    .gallery header h1 {
      margin-bottom: 1.44rem; }
    .gallery header .preface {
      color: #bbb; }
  .gallery .caption {
    padding: 0.72rem 1rem 1px; }
    @media (min-width: 48em) {
      .gallery .caption {
        padding: 1.2rem 1.44rem 0.2rem; } }
  .gallery .copyright {
    color: #bbb; }
  .gallery .galleryimage.portrait {
    padding: 0; }
  @media (min-width: 66em) {
    .gallery .galleryimage {
      display: flex;
      padding-left: 1.92rem !important; }
    .gallery .imagewrap {
      width: calc(100% - 368px);
      margin-bottom: 1.44rem; }
    .gallery .caption {
      width: 368px;
      padding: 0 2rem; } }
  .gallery .miniteaser {
    color: #fff; }
    .gallery .miniteaser [class^="ndricon_"], .gallery .miniteaser a {
      color: #fff;
      top: 0.35rem; }
    .gallery .miniteaser a:hover {
      border-bottom: 1px solid #fff; }
  .gallery .sharebox {
    background-color: #222;
    margin: 2rem 0 0 0;
    width: auto; }
    .gallery .sharebox li [class^="ndricon_"], .gallery .sharebox li a {
      color: #fff; }
  .gallery .contentgrid {
    margin: 1rem 1rem; }
    @media (min-width: 48em) {
      .gallery .contentgrid {
        margin: 1rem 1.44rem 0; } }
    @media (min-width: 66em) {
      .gallery .contentgrid {
        margin: 1rem 1.92rem 0; } }
  .gallery .contentpadding {
    padding: 0 !important; }
  .gallery .sblogo svg {
    fill: #fff; }
  .gallery .imagewrap {
    background-color: #2e2e2e; }
  @media (min-width: 40em) {
    .gallery .square .imagewrap {
      padding: 0 15%; }
    .gallery .portrait .imagewrap {
      padding: 0 20%; } }

.gallerystarter a {
  text-decoration: none; }
  .gallerystarter a:hover {
    text-decoration: underline;
    color: #fff; }

.gallerycount {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  color: white;
  border: 1px solid white;
  border-radius: 3px;
  padding: 0.4rem 1rem 0.7rem;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.5); }
  .gallerycount .ndricon_pics {
    margin-right: 0.3rem; }

.gallerytextcontent {
  background-color: #222222;
  color: #fff;
  padding: 1rem; }
  html.darkmode .gallerytextcontent {
    background-color: #333; }
  @media (prefers-color-scheme: dark) {
    .gallerytextcontent {
      background-color: #333; } }
  .gallerytextcontent h2 {
    margin-bottom: 0; }
  @media (min-width: 48em) {
    .gallerytextcontent {
      padding: 1.44rem; } }
  @media (min-width: 66em) {
    .gallerytextcontent {
      padding: 1.92rem; } }

.breakingnews {
  background-color: #fcf7b8;
  margin-bottom: 0;
  padding: 1rem;
  position: relative;
  z-index: 1; }
  html.darkmode .breakingnews {
    background-color: #444; }
  @media (prefers-color-scheme: dark) {
    .breakingnews {
      background-color: #444; } }
  @media (min-width: 40em) {
    .breakingnews {
      padding: 1.44rem 1.92rem; } }
  @media (min-width: 66em) {
    .breakingnews {
      padding: 1.25rem 2.0625rem; } }
  @media (min-width: 66em) {
    .breakingnews .pagepadding {
      max-width: 100%; } }
  .breakingnews h1.delta {
    margin: 0 0 0.75rem 0;
    font-family: "NDRSansCondBold", sans-serif;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.33; }
    .breakingnews h1.delta:before {
      display: none; }
    @media (min-width: 40em) {
      .breakingnews h1.delta {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33; } }
  .breakingnews h2 {
    margin-bottom: 0.25rem; }
  .breakingnews .teasertext p {
    margin-bottom: 0;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.41; }
    @media (min-width: 40em) {
      .breakingnews .teasertext p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56; } }

#campaignteaser {
  --bannerheight: 80px;
  position: fixed;
  z-index: 100;
  bottom: 0;
  min-height: var(--bannerheight);
  width: 100%;
  background-color: #555555;
  transition: bottom 0.25s;
  display: flex;
  color: #fff; }
  @media (min-width: 48em) {
    #campaignteaser {
      width: 50%; } }
  #campaignteaser a {
    display: flex;
    color: #fff; }
  #campaignteaser.off {
    bottom: calc(-2 * var(--bannerheight)); }
  #campaignteaser .campaignimage {
    aspect-ratio: 1/1;
    min-height: var(--bannerheight); }
    #campaignteaser .campaignimage .image-container {
      padding-bottom: 100%; }
  #campaignteaser .textcontent {
    margin: auto 3rem auto 1rem;
    padding: 8px 0;
    margin-left: 1rem; }
    #campaignteaser .textcontent h2 {
      margin-bottom: 0; }
    #campaignteaser .textcontent p {
      display: none; }
    @media (min-width: 48em) {
      #campaignteaser .textcontent {
        margin-left: 1.44rem; }
        #campaignteaser .textcontent p {
          display: block; } }
    @media (min-width: 66em) {
      #campaignteaser .textcontent {
        margin-left: 1.92rem; } }
  #campaignteaser #campaign_close {
    position: absolute;
    background-color: #555;
    top: 0;
    right: 0;
    padding: 8px;
    color: #fff;
    font-size: 1.4rem; }
    #campaignteaser #campaign_close span {
      top: 0; }

.no-smartbanner .smartbanner {
  bottom: -84px; }

#sdn {
  display: none !important;
  /* Backup, falls das alte Banner noch auftaucht. */ }

@media print {
  #pageheader,
  footer,
  .sharebox,
  .addmore {
    display: none !important; }

  #printbox {
    display: block;
    font-size: 0.8em;
    border: 3px solid #ccc;
    margin-bottom: 1em;
    padding: 1em 2em;
    line-height: 1.2em; }
    #printbox img {
      float: left;
      text-align: bottom;
      margin-right: 2em; }

  .teaser {
    break-inside: avoid;
    page-break-inside: avoid; }

  .teaser.list {
    width: 100% !important; }
    .teaser.list .teaserimage {
      width: 168px !important;
      float: left !important;
      margin-left: 0 !important;
      margin-right: 25px !important; }
    .teaser.list .image-container {
      padding-bottom: 56.25% !important; }

  .teaser h2 a[href]:after {
    content: "(" attr(href) ")";
    font-family: "NDRSansRegular", sans-serif;
    font-size: 1rem;
    display: block; } }