.img-skeleton{
	background: linear-gradient(-45deg, #eeeeee, #bbbbbb, #eeeeee, #eeeeee);
	min-width: 100%;
    min-height: 100px;
	background-size: 400% 400%;
	animation: gradientSkeleton 4s ease infinite;

}

.ki_hinweis {
	margin-top: 50px;
}
.ki_hinweis span {
	color: #8d8d8d; font-size: 12px; display: inline-block; padding: 0 0 0 0;
}

@keyframes gradientSkeleton {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}







@charset "UTF-8";
/* Farben */
/* Gruener Header Nachhaltigkeitstag */
/* Flaechen & Linien */
/* Markenlabels */
/* Weitere Farben*/
/* Videoplayer */
/* Social Farben */
/* Muss gelöscht werden */
/* Font Awesome */
/* Layout Vars */
/* Bilder Maximalgrößen */
/* Typography */
/* Z-Indices */
/* Opacity für gelockten Content */
header {
  z-index: 10100;
  /* TV Preview Player */
}

header .mobile-search-link {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

header .searchIcon {
  color: #020203;
  font-size: 21px;
}

header .searchIcon.mobile {
  margin-top: 14px;
}

header .col-search-aligned {
  float: right;
}

header.unfixed #nav,
header.unfixed #videoplayer_nav {
  position: relative;
  border-bottom: none;
}

header.unfixed #nav .header-bottom,
header.unfixed #videoplayer_nav .header-bottom {
  height: 78px;
}

@media only screen and (max-width: 767px) {
  header.unfixed #nav .header-bottom,
  header.unfixed #videoplayer_nav .header-bottom {
    height: 117px;
  }
}

header.ohne-subnav #nav,
header.ohne-subnav #videoplayer_nav {
  border-bottom: none;
}

@media only screen and (max-width: 767px) {
  header.ohne-subnav #nav,
  header.ohne-subnav #videoplayer_nav {
    height: auto;
  }
}

header.ohne-subnav #nav .header-bottom,
header.ohne-subnav #videoplayer_nav .header-bottom {
  height: 0;
}

@media only screen and (max-width: 767px) {
  header.ohne-subnav #nav .header-bottom,
  header.ohne-subnav #videoplayer_nav .header-bottom {
    height: 50px;
  }
}

header.green #nav .header-top {
  border-style: none;
  background-color: #8cb400;
  background-image: none;
}

header.green #nav .header-top .byline {
  color: #074506;
}

header.green #nav .header-top .usermenu .btn span {
  color: #ffffff !important;
}

header.green #nav .header-bottom .navbar-nav > li > a {
  color: #f1f2f4 !important;
}

header.green .markenauswahl {
  background-color: #074506;
}

header.green .markenauswahl .navbar-nav > li.dropdown .dropdown-menu {
  background-color: #074506;
  border-color: #074506;
}

header #nav,
header #videoplayernav {
  border: none;
  background-color: #f1f2f4;
  margin-bottom: 0;
  display: block;
  position: relative;
  z-index: 10101;
  /* Collapsed Nav Toggle Button */
}

header #nav.affix,
header #videoplayernav.affix {
  position: fixed;
  top: -3px;
  width: 100%;
  padding: 0;
  background: none;
  background-color: #ffffff;
  z-index: 10100;
}

@media only screen and (max-width: 767px) {
  header #nav.affix,
  header #videoplayernav.affix {
    top: 0;
  }
}

header #nav.affix .header-top,
header #videoplayernav.affix .header-top {
  display: none;
}

header #nav .navbar-default,
header #videoplayernav .navbar-default {
  background-color: transparent;
  border: none;
}

header #nav .header-top,
header #videoplayernav .header-top {
  height: 78px;
  background-color: white;
  /* Usermenü */
}

header #nav .header-top .logo a,
header #videoplayernav .header-top .logo a {
  display: block;
  width: 135px;
  height: 24px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/logo_rtl.svg");
  margin-top: 18px;
}

header #nav .header-top .usermenu,
header #videoplayernav .header-top .usermenu {
  display: block;
  position: absolute;
  right: 13px;
  /* Absolut positioniertes Element am Bootstrap Raster ausrichten */
  z-index: 190001;
}

header #nav .header-top .usermenu .warenkorb,
header #videoplayernav .header-top .usermenu .warenkorb {
  display: inline-block;
  padding: 0 0 0 0;
  text-decoration: none;
  vertical-align: middle;
}

header #nav .header-top .usermenu .warenkorb .fa,
header #videoplayernav .header-top .usermenu .warenkorb .fa {
  color: #ffffff;
}

header #nav .header-top .usermenu .btn,
header #videoplayernav .header-top .usermenu .btn {
  text-decoration: none;
}

header #nav .header-top .usermenu .btn:hover span.username,
header #videoplayernav .header-top .usermenu .btn:hover span.username {
  color: #020203;
}

header #nav .header-top .usermenu .btn:hover span.fa,
header #videoplayernav .header-top .usermenu .btn:hover span.fa {
  color: #020203;
}

header #nav .header-top .usermenu .btn span,
header #videoplayernav .header-top .usermenu .btn span {
  display: inline-block;
  color: #c7c7c7;
}

header #nav .header-top .usermenu .btn span.username,
header #videoplayernav .header-top .usermenu .btn span.username {
  font-size: 10px;
  color: #515258;
  text-decoration: none;
  vertical-align: middle;
}

header #nav .header-top .usermenu .btn span.fa,
header #videoplayernav .header-top .usermenu .btn span.fa {
  font-size: 14px;
  padding: 0 0 0 5px;
  vertical-align: middle;
}

header #nav .header-top .usermenu .dropdown-menu,
header #videoplayernav .header-top .usermenu .dropdown-menu {
  left: auto;
  right: 0;
  border: 1px solid #e0e0e0;
  padding: 20px 0 20px 0;
  width: 300px;
}

@media (min-width: 700px) {
  header #nav .header-top .usermenu .dropdown-menu,
  header #videoplayernav .header-top .usermenu .dropdown-menu {
    right: 15px;
  }
}

header #nav .header-top .usermenu .dropdown-menu li,
header #videoplayernav .header-top .usermenu .dropdown-menu li {
  display: block;
}

header #nav .header-top .usermenu .dropdown-menu li.separator,
header #videoplayernav .header-top .usermenu .dropdown-menu li.separator {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}

header #nav .header-top .usermenu .dropdown-menu li span,
header #videoplayernav .header-top .usermenu .dropdown-menu li span {
  font-size: 14px;
  color: #4c4c4c;
  display: block;
  padding: 2px 0 2px 30px;
}

header #nav .header-top .usermenu .dropdown-menu li a,
header #videoplayernav .header-top .usermenu .dropdown-menu li a {
  font-size: 14px;
  color: #4c4c4c;
  text-decoration: none;
  padding: 2px 0 2px 30px;
}

header #nav .header-top .usermenu .dropdown-menu li a:hover,
header #videoplayernav .header-top .usermenu .dropdown-menu li a:hover {
  background-color: #eeeeee;
  color: #17181A;
}

header #nav .header-bottom,
header #videoplayernav .header-bottom {
  background-color: #f1f2f4;
  height: 78px;
}

@media only screen and (max-width: 767px) {
  header #nav .header-bottom,
  header #videoplayernav .header-bottom {
    background-color: #eeeeee;
    height: 50px;
    overflow: hidden;
  }
}

header #nav #navbar-collapse,
header #videoplayernav #navbar-collapse {
  position: relative;
  /* Mobile */
}

@media only screen and (min-width: 1018px) {
  header #nav #navbar-collapse,
  header #videoplayernav #navbar-collapse {
    padding-left: 0;
    margin-left: -13px;
    /* Halben Bootstrap Gutter links abziehen um die Typo in der Nav grafisch mit entsprechendem Content auszurichten  */
    /* Entsprechend eingerückter Content kommt nur ab Desktop-Größe vor */
  }
}

header #nav #navbar-collapse .mainnav,
header #videoplayernav #navbar-collapse .mainnav {
  position: absolute;
  top: -50px;
  left: -11px;
  width: 100%;
}

@media (min-width: 768px) {
  header #nav #navbar-collapse .mainnav,
  header #videoplayernav #navbar-collapse .mainnav {
    display: flex;
    flex-direction: row;
    justify-content: end;
  }
}

header #nav #navbar-collapse .mainnav li,
header #videoplayernav #navbar-collapse .mainnav li {
  padding: 0 0 0 0;
  position: static;
}

header #nav #navbar-collapse .mainnav li.active a,
header #videoplayernav #navbar-collapse .mainnav li.active a {
  background-color: transparent;
  color: #020203;
  border-bottom: 3px solid #020203;
}

header #nav #navbar-collapse .mainnav li.active .subnav,
header #videoplayernav #navbar-collapse .mainnav li.active .subnav {
  display: block;
}

header #nav #navbar-collapse .mainnav li a,
header #videoplayernav #navbar-collapse .mainnav li a {
  padding: 0 22px 5px 22px;
  font-family: RTL United Text, Arial, sans-serif;
  color: #c7c7c7;
  font-size: 14px;
  border-bottom: 3px solid transparent;
}

header #nav #navbar-collapse .mainnav li a:hover,
header #videoplayernav #navbar-collapse .mainnav li a:hover {
  background-color: transparent;
  color: #020203;
  border-bottom: 3px solid #020203;
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  header #nav #navbar-collapse .mainnav li a,
  header #videoplayernav #navbar-collapse .mainnav li a {
    font-size: 12px;
    /* Auf Tablets Typo der Hauptnav relativ verkleinern, damit es passt */
    padding: 0 10px 5px 10px;
  }
}

header #nav #navbar-collapse .mainnav li.suche,
header #videoplayernav #navbar-collapse .mainnav li.suche {
  float: right;
  display: block;
  background-color: transparent;
}

header #nav #navbar-collapse .mainnav li.suche a,
header #videoplayernav #navbar-collapse .mainnav li.suche a {
  color: transparent;
  background-color: transparent;
  display: block;
}

header #nav #navbar-collapse .mainnav li.suche a:hover,
header #videoplayernav #navbar-collapse .mainnav li.suche a:hover {
  border: none;
}

header #nav #navbar-collapse .mainnav li.suche a:active,
header #videoplayernav #navbar-collapse .mainnav li.suche a:active {
  color: transparent;
  background-color: transparent;
}

header #nav #navbar-collapse .mainnav .subnav,
header #videoplayernav #navbar-collapse .mainnav .subnav {
  display: none;
  position: absolute;
  top: 72px;
  left: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  header #nav #navbar-collapse .mainnav .subnav,
  header #videoplayernav #navbar-collapse .mainnav .subnav {
    left: 0;
  }
}

header #nav #navbar-collapse .mainnav .subnav > li:first-child,
header #videoplayernav #navbar-collapse .mainnav .subnav > li:first-child {
  padding-left: 15px;
}

header #nav #navbar-collapse .mainnav .subnav li,
header #videoplayernav #navbar-collapse .mainnav .subnav li {
  padding: 0 20px 0 0;
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  header #nav #navbar-collapse .mainnav .subnav li,
  header #videoplayernav #navbar-collapse .mainnav .subnav li {
    padding: 0 10px 0 0;
  }
}

header #nav #navbar-collapse .mainnav .subnav li a,
header #videoplayernav #navbar-collapse .mainnav .subnav li a {
  padding: 0 0 5px 0;
  font-family: RTL United Text, Arial, sans-serif;
  color: #8d8d8d;
  font-size: 14px;
  border-bottom: none;
}

header #nav #navbar-collapse .mainnav .subnav li a:hover,
header #videoplayernav #navbar-collapse .mainnav .subnav li a:hover {
  background-color: transparent;
  color: #17181A;
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  header #nav #navbar-collapse .mainnav .subnav li a,
  header #videoplayernav #navbar-collapse .mainnav .subnav li a {
    font-size: 13px;
    /* Typo der Subnav relativ verkleinern bei kleineren Viewports */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  header #nav #navbar-collapse .mainnav .subnav li a,
  header #videoplayernav #navbar-collapse .mainnav .subnav li a {
    font-size: 11px;
    /* Typo der Subnav relativ verkleinern bei kleineren Viewports */
  }
}

header #nav #navbar-collapse .mainnav .subnav li.active a,
header #videoplayernav #navbar-collapse .mainnav .subnav li.active a {
  background-color: transparent;
  color: #17181A;
}

header #nav #navbar-collapse.collapse,
header #videoplayernav #navbar-collapse.collapse {
  overflow: hidden;
  position: relative;
}

header #nav #navbar-collapse.collapse.in,
header #videoplayernav #navbar-collapse.collapse.in {
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 0;
  width: 100%;
  height: 100%;
  z-index: 190000;
  background-color: transparent;
  padding-right: 0;
  padding-left: 0;
  pointer-events: none;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap {
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #ffffff;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav {
  position: static;
  padding-bottom: 100px;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li {
  padding: 5px 0 5px 27px;
  position: static;
  display: block;
  height: auto;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.active,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.active {
  border-bottom: 3px solid #020203;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.active a,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.active a {
  color: #616D71;
  border-bottom: none;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.active .subnav,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.active .subnav {
  display: block;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li a,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li a {
  display: block;
  padding: 0;
  color: #8d8d8d;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li a:hover,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li a:hover {
  color: #17181A;
  border-bottom: none;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche {
  margin: -2px 0 0 35px;
  display: block;
  background: url("../images/lupe.png") no-repeat;
  width: 20px;
  height: 22px;
  background-color: transparent;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche,
  header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche {
    background-image: url("../images/lupe-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 23px 23px !important;
  }
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche a,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche a {
  color: transparent;
  background-color: transparent;
  display: block;
  height: 22px;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche a:hover,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche a:hover {
  border: none;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche a:active,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav li.suche a:active {
  color: transparent;
  background-color: transparent;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav {
  display: none;
  position: static;
  top: 0;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li {
  padding: 0 0 0 5%;
  display: inline-block;
  border-bottom: none;
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li,
  header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li {
    padding: 0 10px 0 0;
  }
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li a,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li a {
  display: block;
  padding: 0 0 5px 0;
  color: #8d8d8d;
  font-size: 12px;
  border-bottom: none;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li a:hover,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li a:hover {
  background-color: transparent;
  color: #17181A;
  border-bottom: none;
}

header #nav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li.active a,
header #videoplayernav #navbar-collapse.collapse.in .navbar-wrap .mainnav .subnav li.active a {
  background-color: transparent;
  color: #17181A;
  border-bottom: none;
}

header #nav .navbar-toggle,
header #videoplayernav .navbar-toggle {
  border: none;
  padding: 0;
  margin: 15px 0 0 0;
  float: left;
  background-color: transparent;
}

header #nav .navbar-toggle .fa,
header #videoplayernav .navbar-toggle .fa {
  color: #17181A;
  font-size: 22px;
}

header #videoplayernav {
  border-bottom: 15px solid #17181A !important;
}

header #videoplayernav .header-bottom {
  display: none;
}

@media only screen and (max-width: 767px) {
  header #videoplayernav .header-bottom {
    display: block;
  }
  header #videoplayernav .header-bottom #mobilebutton {
    margin-top: 5px !important;
  }
}

header #videoplayernav .markenauswahl {
  background-color: #17181A;
}

header #videoplayernav #navbar-videopreview-markenauswahl {
  background-color: transparent !important;
}

@media only screen and (min-width: 768px) and (max-width: 1179px) {
  header #videoplayernav #navbar-videopreview-markenauswahl {
    height: 95px !important;
    overflow-x: hidden;
  }
}

@media only screen and (max-width: 767px) {
  header #videoplayernav #navbar-videopreview-markenauswahl {
    border-top: 1px solid #17181A;
    background-color: #17181A !important;
  }
}

header .ma_button {
  height: 100%;
  background-color: #ffffff !important;
  margin-right: 1px;
  margin-left: 1px;
  padding: 0 !important;
  font-weight: 700;
  color: #c7c7c7 !important;
  text-align: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

header .ma_button span {
  display: none;
}

header .ma_button:hover, header .ma_button.active {
  background-color: #ffffff !important;
  color: #17181A !important;
}

header .ma_button.allemarken {
  background-image: none !important;
  display: table;
  width: calc(100% - 2px);
  height: 100%;
}

header .ma_button.allemarken:hover, header .ma_button.allemarken.active {
  background-color: #17181A !important;
}

header .ma_button.allemarken span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 15px;
  padding: 0 10px !important;
  line-height: 1;
}

header .ma_button.rtl {
  background-image: url("../images/logos/markenauswahl/rtl_off.png");
}

header .ma_button.rtl:hover, header .ma_button.rtl.active {
  background-image: url("../images/logos/markenauswahl/rtl_on.png");
}

header .ma_button.vox {
  background-image: url("../images/logos/markenauswahl/vox_off.png");
}

header .ma_button.vox:hover, header .ma_button.vox.active {
  background-image: url("../images/logos/markenauswahl/vox_on.png");
}

header .ma_button.voxup {
  background-image: url("../images/logos/markenauswahl/voxup_off.png");
}

header .ma_button.voxup:hover, header .ma_button.voxup.active {
  background-image: url("../images/logos/markenauswahl/voxup_on.png");
}

header .ma_button.n-tv {
  background-image: url("../images/logos/markenauswahl/ntv_off.png");
}

header .ma_button.n-tv:hover, header .ma_button.n-tv.active {
  background-image: url("../images/logos/markenauswahl/ntv_on.png");
}

header .ma_button.nitro {
  background-image: url("../images/logos/markenauswahl/nitro_off.png");
}

header .ma_button.nitro:hover, header .ma_button.nitro.active {
  background-image: url("../images/logos/markenauswahl/nitro_on.png");
}

header .ma_button.rtlplus {
  background-image: url("../images/logos/markenauswahl/rtlplus_off.png");
}

header .ma_button.rtlplus:hover, header .ma_button.rtlplus.active {
  background-image: url("../images/logos/markenauswahl/rtlplus_on.png");
}

header .ma_button.superrtl {
  background-image: url("../images/logos/markenauswahl/superrtl_off.png");
}

header .ma_button.superrtl:hover, header .ma_button.superrtl.active {
  background-image: url("../images/logos/markenauswahl/superrtl_on.png");
}

header .ma_button.now-us {
  background-image: url("../images/logos/markenauswahl/nowus_off.png");
}

header .ma_button.now-us:hover, header .ma_button.now-us.active {
  background-image: url("../images/logos/markenauswahl/nowus_on.png");
}

header .ma_button.tvnow {
  background-image: url("../images/logos/markenauswahl/tvnow_off.png");
}

header .ma_button.tvnow:hover, header .ma_button.tvnow.active {
  background-image: url("../images/logos/markenauswahl/tvnow_on.png");
}

header .ma_button.rtl-crime {
  background-image: url("../images/logos/markenauswahl/crime_off.png");
}

header .ma_button.rtl-crime:hover, header .ma_button.rtl-crime.active {
  background-image: url("../images/logos/markenauswahl/crime_on.png");
}

header .ma_button.rtl-passion {
  background-image: url("../images/logos/markenauswahl/passion_off.png");
}

header .ma_button.rtl-passion:hover, header .ma_button.rtl-passion.active {
  background-image: url("../images/logos/markenauswahl/passion_on.png");
}

header .ma_button.rtl-living {
  background-image: url("../images/logos/markenauswahl/living_off.png");
}

header .ma_button.rtl-living:hover, header .ma_button.rtl-living.active {
  background-image: url("../images/logos/markenauswahl/living_on.png");
}

header .ma_button.geo-television {
  background-image: url("../images/logos/markenauswahl/geo_off.png");
}

header .ma_button.geo-television:hover, header .ma_button.geo-television.active {
  background-image: url("../images/logos/markenauswahl/geo_on.png");
}

header .ma_button.toggoplus {
  background-image: url("../images/logos/markenauswahl/toggoplus_off.png");
}

header .ma_button.toggoplus:hover, header .ma_button.toggoplus.active {
  background-image: url("../images/logos/markenauswahl/toggoplus_on.png");
}

header .ma_button.rtl2 {
  background-image: url("../images/logos/markenauswahl/rtl2_off.png");
}

header .ma_button.rtl2:hover, header .ma_button.rtl2.active {
  background-image: url("../images/logos/markenauswahl/rtl2_on.png");
}

header .ma_button.navbar-toggle {
  height: 45px;
  margin-top: 2px !important;
  background-color: #ffffff !important;
  font-weight: 700;
  font-size: 10px;
  position: relative;
  background-position: left;
  width: 120px;
  padding: 0 0 0 4px;
  text-align: left;
}

header .ma_button.navbar-toggle.allemarken span {
  display: inline-block;
  line-height: 1.2;
  padding-top: 5px !important;
}

header .ma_button.navbar-toggle.collapsed .dropdown-toggle .fa-angle-down {
  display: table-cell;
}

header .ma_button.navbar-toggle.collapsed .dropdown-toggle .fa-angle-up {
  display: none;
}

header .ma_button.navbar-toggle span {
  display: none;
  width: 82px;
  height: 100%;
  font-size: 14px;
}

header .ma_button.navbar-toggle .dropdown-toggle {
  display: table;
  width: 28px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ffffff;
  color: #17181A;
  border-left: 2px solid #eeeeee;
}

header .ma_button.navbar-toggle .dropdown-toggle .dropdown-arrow {
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #17181A !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 0.8;
  padding: 0 !important;
}

header .ma_button.navbar-toggle .dropdown-toggle .fa-angle-down {
  display: none;
}

header .ma_button.navbar-toggle .dropdown-toggle .fa-angle-up {
  display: table-cell;
}

header .markenauswahl {
  display: block;
  background-color: #17181A;
  height: 96px;
  position: relative;
}

header .markenauswahl .navbar-collapse {
  padding: 0;
}

header .markenauswahl .navbar-collapse.collapse.in {
  background-color: #17181A;
  z-index: 190001;
}

header .markenauswahl .navbar-nav {
  display: block;
  position: relative;
  height: 79px;
  margin-top: 15px;
  width: 100%;
}

header .markenauswahl .navbar-nav > li {
  width: calc(100% / 9);
  height: 60px;
}

header .markenauswahl .navbar-nav > li:nth-child(9) {
  margin-right: -0.5px;
}

header .markenauswahl .navbar-nav > li.dropdown {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% / 9);
  height: 17px;
  padding: 0 1px;
}

header .markenauswahl .navbar-nav > li.dropdown .dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0;
  height: 100%;
  width: 100%;
}

header .markenauswahl .navbar-nav > li.dropdown .dropdown-toggle .dropdown-arrow {
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
  text-align: center;
  color: #17181A;
  font-size: 20px;
  font-weight: 700;
  line-height: 0.8;
}

header .markenauswahl .navbar-nav > li.dropdown.open .dropdown-menu {
  max-height: 500px;
  opacity: 1;
}

header .markenauswahl .navbar-nav > li.dropdown .dropdown-menu {
  position: absolute;
  top: -2px;
  left: -1px;
  width: calc(100% + 2px);
  min-width: 100%;
  background-color: #17181A;
  box-shadow: none;
  border-color: transparent;
  border: 1px solid #17181A;
  padding: 0 0 1px 0;
  max-height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header .markenauswahl .navbar-nav > li.dropdown li {
  width: 100%;
}

header .markenauswahl .navbar-nav > li.dropdown li .ma_button {
  height: 60px;
  margin-top: 1px;
  margin-bottom: 2px;
}

header .markenauswahl .navbar-nav > li.dropdown li .dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0;
  height: 17px;
  width: calc(100% - 2px);
  margin: 0 1px;
}

header .markenauswahl .navbar-nav > li.dropdown li .dropdown-toggle:hover {
  background-color: #ffffff;
}

header .markenauswahl .navbar-nav > li.dropdown li .dropdown-toggle .dropdown-arrow {
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
  text-align: center;
  color: #17181A;
  font-size: 20px;
  font-weight: 700;
  line-height: 0.8;
}

@media only screen and (max-width: 767px) {
  header .markenauswahl {
    top: 50px;
    height: 0;
    z-index: 190000;
  }
  header .markenauswahl .navbar-header {
    padding-left: 26px;
  }
  header .markenauswahl .navbar-nav {
    margin-top: 2px;
    width: calc(100% - 4px);
    margin-left: 2px;
  }
  header .markenauswahl .navbar-nav > li {
    display: block;
    width: calc(100% / 3);
    height: 60px;
    float: left;
    margin-bottom: 2px;
  }
}

/* Footer */
.footer {
  width: 100%;
  position: relative;
  z-index: 81;
  background-color: #ffffff;
}

.footer .footerwrap {
  border-top: 1px solid #e0e0e0;
  margin: 100px 0 0;
}

@media only screen and (max-width: 767px) {
  .footer .footerwrap {
    margin-top: 40px;
  }
}

.footer .footerwrap .f-seite {
  height: 50px;
  padding: 14px 0 0;
}

.footer .footerwrap .f-seite .container .drucken,
.footer .footerwrap .f-seite .container .empfehlen {
  color: #8d8d8d;
  font-size: 12px;
  display: inline-block;
  padding: 0 0 0 0;
  text-decoration: none;
  cursor: pointer;
}

.footer .footerwrap .f-seite .container .drucken:hover,
.footer .footerwrap .f-seite .container .empfehlen:hover {
  color: #666666;
}

.footer .footerwrap .f-seite .container .drucken .fa,
.footer .footerwrap .f-seite .container .empfehlen .fa {
  display: inline-block;
  margin: 0 6px 0 0;
  font-size: 13px;
  padding: 0;
}

.footer .footerwrap .f-nav {
  min-height: 100px;
  background-color: #020203;
  padding: 40px 0 10px;
}

.footer .footerwrap .f-nav .footerlogo {
  margin-bottom: 32px;
}

.footer .footerwrap .f-nav .footernav {
  display: block;
  min-height: 20px;
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .footer .footerwrap .f-nav .footernav {
    margin-bottom: 0;
  }
}

.footer .footerwrap .f-nav .footernav li {
  display: block;
  width: 250px;
  margin: 0 0 30px 0;
  padding: 0;
}

@media only screen and (min-width: 1018px) {
  .footer .footerwrap .f-nav .footernav li:last-of-type {
    margin-bottom: 0;
  }
}

.footer .footerwrap .f-nav .footernav li a {
  color: #f7f8f9;
  font-size: 17px;
  text-decoration: none;
}

.footer .footerwrap .f-nav .footernav li ul {
  margin: 10px 0 10px 0;
  padding: 0 0 0 0;
}

.footer .footerwrap .f-nav .footernav li ul li {
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
}

.footer .footerwrap .f-nav .footernav li ul li a {
  color: #87A5B4;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.footer .footerwrap .f-nav .footernav li ul li a:hover {
  color: #ffffff;
}

.footer .footerwrap .f-nav .toplink {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -999em;
  background: url("../images/Top_N.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .footer .footerwrap .f-nav .toplink {
    background-image: url("../images/Top_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 39px !important;
  }
}

.footer .footerwrap .f-nav .toplink:hover {
  background-image: url("../images/Top_H.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .footer .footerwrap .f-nav .toplink:hover {
    background-image: url("../images/Top_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 39px !important;
  }
}

.footer .footerwrap .f-funktion {
  min-height: 50px;
  background-color: #020203;
}

.footer .footerwrap .f-funktion .social {
  display: block;
  width: 300px;
  margin: 30px 0 0;
}

.footer .footerwrap .f-funktion .social .headline {
  display: block;
  font-size: 11px;
  color: #8d8d8d;
  margin: 0 0 10px 0;
}

.footer .footerwrap .f-funktion .social .select {
  position: relative;
}

.footer .footerwrap .f-funktion .social .select .icon {
  display: inline-block;
  width: 20px;
  color: #8d8d8d;
  font-size: 18px;
}

.footer .footerwrap .f-funktion .social .select .button {
  border: 1px solid #e0e0e0;
  display: inline-block;
  width: 240px;
  font-size: 11px;
  color: #8d8d8d;
  cursor: pointer;
  padding: 2px 0 0 0;
}

.footer .footerwrap .f-funktion .social .select .button .fa {
  color: #17181A;
  font-size: 14px;
  display: inline-block;
  padding: 0 8px;
  text-transform: none;
}

.footer .footerwrap .f-funktion .social .select .dropdown-menu {
  padding: 14px 0;
  bottom: 0;
  top: auto;
  left: 20px;
  background-color: #eeeeee;
  width: 244px;
  border: 1px solid #e0e0e0;
  box-shadow: none;
}

.footer .footerwrap .f-funktion .social .select .dropdown-menu a {
  font-size: 12px;
  color: #8d8d8d;
}

.footer .footerwrap .f-funktion .social .select .dropdown-menu a:hover {
  background-color: #ffffff;
}

.footer .footerwrap .f-funktion .fnav {
  margin: 30px 0;
  list-style: none;
  padding: 0;
}

.footer .footerwrap .f-funktion .fnav li {
  margin: 0;
  padding: 0;
}

.footer .footerwrap .f-funktion .fnav li a {
  color: #8d8d8d;
  text-decoration: none;
  font-size: 11px;
  line-height: 16px;
}

.footer .footerwrap .f-funktion .fnav li a .fa {
  font-size: 14px;
  color: #17181A;
  display: inline-block;
  margin: 0 6px 0 0;
  text-transform: none;
}

.footer .footerwrap .f-corp {
  min-height: 60px;
  padding: 20px 0;
  background-color: #020203;
}

.footer .footerwrap .f-corp .container div {
  font-size: 12px;
  color: #787F88;
}

.footer .footerwrap .f-corp .container div a {
  font-size: 12px;
  color: #787F88;
  display: inline;
  text-decoration: none;
}

/*
  Headlines, Typo, etc.
*/
.headlines {
  margin-bottom: 25px;
}

.headlines.bannervideo {
  margin: 45px 0 0 0;
}

.headlines.bannervideo + .socialbuttons {
  margin-top: 20px;
}

.headspacer {
  height: 34px;
  display: block;
}

.headspacer + .socialbuttons {
  margin-top: 20px;
}

.seitenheader {
  font-size: 23px;
  color: #4c4c4c;
  font-weight: 700;
  padding: 0 0 34px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 45px 0 34px 0;
}

.seitenheader + .socialbuttons {
  margin-bottom: 35px;
}

.seitenheader.schema {
  display: block;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: none;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
}

.seitenheader.schema.tophighlight {
  margin-bottom: 34px;
  margin-top: 45px;
}

.contentheadline {
  display: block;
  font-size: 14px;
  font-weight: 400;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0 10px 0;
  color: #17181A;
  margin: 75px 0 42px 0;
}

.contentheadline.unterkapitel {
  color: #515258;
  font-size: 18px;
  font-weight: 700;
  border: none;
  padding: 0;
  margin: 0 0 25px 0;
}

.senderlabel {
  display: inline-block;
  clear: both;
  color: #ffffff;
  background-color: #17181A;
  font-size: 10px;
  line-height: 15px;
  font-weight: 400;
  min-width: 88px;
  width: auto;
  padding: 0 10px 0 10px;
  margin: 0 6px 8px 0;
}

.senderlabel.mediengruppe-rtl {
  background-color: #17181A;
}

.senderlabel.Mediengruppe {
  background-color: #17181A;
}

.senderlabel.Mediengruppe.RTL {
  background-color: #17181A;
}

.senderlabel.rtl {
  background-color: #17181A;
}

.senderlabel.RTL {
  background-color: #17181A;
}

.senderlabel.vox {
  background-color: #17181A;
}

.senderlabel.VOX {
  background-color: #17181A;
}

.senderlabel.voxup {
  background-color: #17181A;
}

.senderlabel.VOXup {
  background-color: #17181A;
}

.senderlabel.n-tv {
  background-color: #17181A;
}

.senderlabel.nitro {
  background-color: #17181A;
}

.senderlabel.RTL.NITRO {
  background-color: #17181A;
}

.senderlabel.rtl-living {
  background-color: #17181A;
}

.senderlabel.Living {
  background-color: #17181A;
}

.senderlabel.rtl-crime {
  background-color: #17181A;
}

.senderlabel.Crime {
  background-color: #17181A;
}

.senderlabel.rtl-passion {
  background-color: #17181A;
}

.senderlabel.Passion {
  background-color: #17181A;
}

.senderlabel.geo-television {
  background-color: #17181A;
}

.senderlabel.Geo {
  background-color: #17181A;
}

.senderlabel.geo-wild {
  background-color: #17181A;
}

.senderlabel.ip-deutschland {
  background-color: #17181A;
}

.senderlabel.ad-alliance {
  background-color: #17181A;
}

.senderlabel.audio-alliance {
  background-color: #17181A;
}

.senderlabel.superrtl {
  background-color: #17181A;
}

.senderlabel.SUPER.RTL {
  background-color: #17181A;
}

.senderlabel.NOW-US {
  background-color: #17181A;
}

.senderlabel.now-us {
  background-color: #17181A;
}

.senderlabel.tvnow {
  background-color: #17181A;
}

.senderlabel.TVNOW {
  background-color: #17181A;
}

.senderlabel.rtlplus {
  background-color: #17181A;
}

.senderlabel.rtlnews {
  background-color: #17181A;
}

.senderlabel.rtlde {
  background-color: #17181A;
}

.senderlabel.rtl-audio-center-berlin {
  background-color: #17181A;
}

.senderlabel.rtl-radio-deutschland {
  background-color: #17181A;
}

.senderlabel.rtlgroup {
  background-color: #17181A;
}

.senderlabel.rtl-deutschland {
  background-color: #17181A;
}

.senderlabel.gruner_jahr {
  background-color: #17181A;
}

.senderlabel.toggoplus {
  background-color: #17181A;
}

.datum {
  display: block;
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}

.datum .icon {
  color: #020203;
  font-size: 16px;
  margin: 0 2px 0 0;
}

.topheader {
  display: block;
  color: #515258;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 2px;
}

.header {
  display: block;
  color: #17181A;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}

.subheader {
  display: block;
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}

.teasertext {
  display: block;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text {
  padding-right: 14px;
}

/* New 2019 */
.textundbild {
  display: block;
  margin-bottom: 20px;
}

.textundbild:before, .textundbild:after {
  content: " ";
  display: table;
}

.textundbild:after {
  clear: both;
}

.textundbild .headlines {
  margin-top: 23px;
}

.textundbild .bilder {
  float: left;
  display: inline-block;
  width: 50%;
  max-width: 340px;
  margin: 5px 20px 0 0;
}

.textundbild .bilder.right {
  float: right;
  margin: 5px 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .textundbild .bilder {
    float: none;
    width: 100%;
  }
}

.textundbild .bilder .thumbnailcontainer.large {
  margin-bottom: 30px;
}

.textundbild .bilder a {
  font-weight: bold;
  text-decoration: underline;
}

.textundbild .funktionen {
  margin: 20px 0 20px 0;
}

.textundbild .otoncontainer {
  display: inline-block;
  width: 380px;
}

@media only screen and (max-width: 767px) {
  .textundbild .otoncontainer {
    width: 340px;
  }
}

.textundbild .otoncontainer .funktionen {
  margin: 20px 0 20px 0;
}

.textundbild .otoncontainer .funktionen .bootstrap-select .filter-option {
  padding-top: 2px;
  line-height: 12px;
}

.textundbild ol,
.textundbild ul {
  display: table;
  padding-left: 20px;
}

/* End New 2019 */
/* Listenansichten */
.listenansicht .contentblock:first-child .contentheadline {
  margin-top: 10px;
}

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

.linkliste li {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}

.linkliste li a {
  color: #4c4c4c;
  text-decoration: none;
  line-height: 1.5;
}

.linkliste li a:hover {
  color: #17181A;
}

/* End Listenansichten */
.weiterpfeil {
  display: inline-block;
  width: 20px;
  height: 14px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/weiterlesen.png") 2px 4px no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .weiterpfeil {
    background-image: url("../images/Weiterlesen-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 15px 10px !important;
  }
}

.weiterpfeil.mittext {
  display: block;
  width: auto;
  height: auto;
  text-indent: 23px;
  overflow: visible;
  color: #17181A;
  font-size: 14px;
  background-position: 0 5px;
  margin-bottom: 6px;
}

.weiterpfeil.mittext:hover {
  color: #020203;
}

.colored.dunkelblau {
  color: #020203;
}

.colored.sand {
  color: #a5a184;
}

.externallink {
  display: block;
  text-decoration: none !important;
  font-weight: 400;
}

.externallink .fa {
  font-size: 14px;
  width: 20px;
}

.nowrap {
  white-space: nowrap;
}

.videofooter,
.twitterheader {
  padding: 35px 0 40px 0;
  display: block;
}

.videofooter .datum,
.twitterheader .datum {
  font-size: 14px;
  color: #8d8d8d;
}

.videofooter .header,
.twitterheader .header {
  height: auto;
  overflow: visible;
  font-size: 24px;
  font-weight: 700;
  color: #17181A;
}

.videofooter .unterzeile,
.twitterheader .unterzeile {
  height: auto;
  overflow: visible;
  font-size: 20px;
  display: block;
}

.videofooter .sendehinweis,
.twitterheader .sendehinweis {
  overflow: auto;
  height: auto;
  display: block;
  font-size: 14px;
}

.videofooter.twitterheader .senderlabel,
.twitterheader.twitterheader .senderlabel {
  margin-bottom: 17px;
}

.videofooter.twitterheader .header,
.twitterheader.twitterheader .header {
  font-size: 27px;
}

.videofooter.twitterheader .socialbuttons,
.twitterheader.twitterheader .socialbuttons {
  margin-top: 20px;
}

.videofooter.twitterheader .text,
.twitterheader.twitterheader .text {
  height: auto;
  display: block;
  font-size: 14px;
  margin-top: 15px;
}

/* Regular Case Anpassungen */
.pressemitteilung > ,
.pressemitteilung ,
.twitterheader > ,
.twitterheader ,
.contentblock > ,
.contentblock ,
.videofooter > ,
.videofooter ,
.newsheader > ,
.newsheader ,
.programmelement > ,
.programmelement ,
.bannervideo > ,
.bannervideo ,
.bannerbild > ,
.bannerbild ,
.regularcase > ,
.regularcase {
  /* Teaser in Contentblock still uppercase  */
  /* Ausnahme => Bildproduktionsteaser in Contentblöcken */
}

.pressemitteilung >  .topheader,
.pressemitteilung >  .header,
.pressemitteilung >  .subheader,
.pressemitteilung >  .unterzeile,
.pressemitteilung >  .sendetitel,
.pressemitteilung  .topheader,
.pressemitteilung  .header,
.pressemitteilung  .subheader,
.pressemitteilung  .unterzeile,
.pressemitteilung  .sendetitel,
.twitterheader >  .topheader,
.twitterheader >  .header,
.twitterheader >  .subheader,
.twitterheader >  .unterzeile,
.twitterheader >  .sendetitel,
.twitterheader  .topheader,
.twitterheader  .header,
.twitterheader  .subheader,
.twitterheader  .unterzeile,
.twitterheader  .sendetitel,
.contentblock >  .topheader,
.contentblock >  .header,
.contentblock >  .subheader,
.contentblock >  .unterzeile,
.contentblock >  .sendetitel,
.contentblock  .topheader,
.contentblock  .header,
.contentblock  .subheader,
.contentblock  .unterzeile,
.contentblock  .sendetitel,
.videofooter >  .topheader,
.videofooter >  .header,
.videofooter >  .subheader,
.videofooter >  .unterzeile,
.videofooter >  .sendetitel,
.videofooter  .topheader,
.videofooter  .header,
.videofooter  .subheader,
.videofooter  .unterzeile,
.videofooter  .sendetitel,
.newsheader >  .topheader,
.newsheader >  .header,
.newsheader >  .subheader,
.newsheader >  .unterzeile,
.newsheader >  .sendetitel,
.newsheader  .topheader,
.newsheader  .header,
.newsheader  .subheader,
.newsheader  .unterzeile,
.newsheader  .sendetitel,
.programmelement >  .topheader,
.programmelement >  .header,
.programmelement >  .subheader,
.programmelement >  .unterzeile,
.programmelement >  .sendetitel,
.programmelement  .topheader,
.programmelement  .header,
.programmelement  .subheader,
.programmelement  .unterzeile,
.programmelement  .sendetitel,
.bannervideo >  .topheader,
.bannervideo >  .header,
.bannervideo >  .subheader,
.bannervideo >  .unterzeile,
.bannervideo >  .sendetitel,
.bannervideo  .topheader,
.bannervideo  .header,
.bannervideo  .subheader,
.bannervideo  .unterzeile,
.bannervideo  .sendetitel,
.bannerbild >  .topheader,
.bannerbild >  .header,
.bannerbild >  .subheader,
.bannerbild >  .unterzeile,
.bannerbild >  .sendetitel,
.bannerbild  .topheader,
.bannerbild  .header,
.bannerbild  .subheader,
.bannerbild  .unterzeile,
.bannerbild  .sendetitel,
.regularcase >  .topheader,
.regularcase >  .header,
.regularcase >  .subheader,
.regularcase >  .unterzeile,
.regularcase >  .sendetitel,
.regularcase  .topheader,
.regularcase  .header,
.regularcase  .subheader,
.regularcase  .unterzeile,
.regularcase  .sendetitel {
  text-transform: none !important;
}

.pressemitteilung >  .topheader,
.pressemitteilung  .topheader,
.twitterheader >  .topheader,
.twitterheader  .topheader,
.contentblock >  .topheader,
.contentblock  .topheader,
.videofooter >  .topheader,
.videofooter  .topheader,
.newsheader >  .topheader,
.newsheader  .topheader,
.programmelement >  .topheader,
.programmelement  .topheader,
.bannervideo >  .topheader,
.bannervideo  .topheader,
.bannerbild >  .topheader,
.bannerbild  .topheader,
.regularcase >  .topheader,
.regularcase  .topheader {
  font-size: 16px;
  margin-bottom: 5px;
}

.pressemitteilung >  .header,
.pressemitteilung  .header,
.twitterheader >  .header,
.twitterheader  .header,
.contentblock >  .header,
.contentblock  .header,
.videofooter >  .header,
.videofooter  .header,
.newsheader >  .header,
.newsheader  .header,
.programmelement >  .header,
.programmelement  .header,
.bannervideo >  .header,
.bannervideo  .header,
.bannerbild >  .header,
.bannerbild  .header,
.regularcase >  .header,
.regularcase  .header {
  font-size: 28px;
  line-height: 1.2;
}

.pressemitteilung >  .headlines,
.pressemitteilung  .headlines,
.twitterheader >  .headlines,
.twitterheader  .headlines,
.contentblock >  .headlines,
.contentblock  .headlines,
.videofooter >  .headlines,
.videofooter  .headlines,
.newsheader >  .headlines,
.newsheader  .headlines,
.programmelement >  .headlines,
.programmelement  .headlines,
.bannervideo >  .headlines,
.bannervideo  .headlines,
.bannerbild >  .headlines,
.bannerbild  .headlines,
.regularcase >  .headlines,
.regularcase  .headlines {
  margin-bottom: 35px;
}

.pressemitteilung >  .headlines .topheader,
.pressemitteilung  .headlines .topheader,
.twitterheader >  .headlines .topheader,
.twitterheader  .headlines .topheader,
.contentblock >  .headlines .topheader,
.contentblock  .headlines .topheader,
.videofooter >  .headlines .topheader,
.videofooter  .headlines .topheader,
.newsheader >  .headlines .topheader,
.newsheader  .headlines .topheader,
.programmelement >  .headlines .topheader,
.programmelement  .headlines .topheader,
.bannervideo >  .headlines .topheader,
.bannervideo  .headlines .topheader,
.bannerbild >  .headlines .topheader,
.bannerbild  .headlines .topheader,
.regularcase >  .headlines .topheader,
.regularcase  .headlines .topheader {
  font-size: 16px;
  margin-bottom: 5px;
}

.pressemitteilung >  .headlines .header,
.pressemitteilung  .headlines .header,
.twitterheader >  .headlines .header,
.twitterheader  .headlines .header,
.contentblock >  .headlines .header,
.contentblock  .headlines .header,
.videofooter >  .headlines .header,
.videofooter  .headlines .header,
.newsheader >  .headlines .header,
.newsheader  .headlines .header,
.programmelement >  .headlines .header,
.programmelement  .headlines .header,
.bannervideo >  .headlines .header,
.bannervideo  .headlines .header,
.bannerbild >  .headlines .header,
.bannerbild  .headlines .header,
.regularcase >  .headlines .header,
.regularcase  .headlines .header {
  font-size: 28px;
  line-height: 1.2;
}

.pressemitteilung >  .zeitundtitel,
.pressemitteilung  .zeitundtitel,
.twitterheader >  .zeitundtitel,
.twitterheader  .zeitundtitel,
.contentblock >  .zeitundtitel,
.contentblock  .zeitundtitel,
.videofooter >  .zeitundtitel,
.videofooter  .zeitundtitel,
.newsheader >  .zeitundtitel,
.newsheader  .zeitundtitel,
.programmelement >  .zeitundtitel,
.programmelement  .zeitundtitel,
.bannervideo >  .zeitundtitel,
.bannervideo  .zeitundtitel,
.bannerbild >  .zeitundtitel,
.bannerbild  .zeitundtitel,
.regularcase >  .zeitundtitel,
.regularcase  .zeitundtitel {
  padding-top: 4px;
}

.pressemitteilung >  .zeitundtitel .sendetitel,
.pressemitteilung >  .zeitundtitel .sendezeit,
.pressemitteilung  .zeitundtitel .sendetitel,
.pressemitteilung  .zeitundtitel .sendezeit,
.twitterheader >  .zeitundtitel .sendetitel,
.twitterheader >  .zeitundtitel .sendezeit,
.twitterheader  .zeitundtitel .sendetitel,
.twitterheader  .zeitundtitel .sendezeit,
.contentblock >  .zeitundtitel .sendetitel,
.contentblock >  .zeitundtitel .sendezeit,
.contentblock  .zeitundtitel .sendetitel,
.contentblock  .zeitundtitel .sendezeit,
.videofooter >  .zeitundtitel .sendetitel,
.videofooter >  .zeitundtitel .sendezeit,
.videofooter  .zeitundtitel .sendetitel,
.videofooter  .zeitundtitel .sendezeit,
.newsheader >  .zeitundtitel .sendetitel,
.newsheader >  .zeitundtitel .sendezeit,
.newsheader  .zeitundtitel .sendetitel,
.newsheader  .zeitundtitel .sendezeit,
.programmelement >  .zeitundtitel .sendetitel,
.programmelement >  .zeitundtitel .sendezeit,
.programmelement  .zeitundtitel .sendetitel,
.programmelement  .zeitundtitel .sendezeit,
.bannervideo >  .zeitundtitel .sendetitel,
.bannervideo >  .zeitundtitel .sendezeit,
.bannervideo  .zeitundtitel .sendetitel,
.bannervideo  .zeitundtitel .sendezeit,
.bannerbild >  .zeitundtitel .sendetitel,
.bannerbild >  .zeitundtitel .sendezeit,
.bannerbild  .zeitundtitel .sendetitel,
.bannerbild  .zeitundtitel .sendezeit,
.regularcase >  .zeitundtitel .sendetitel,
.regularcase >  .zeitundtitel .sendezeit,
.regularcase  .zeitundtitel .sendetitel,
.regularcase  .zeitundtitel .sendezeit {
  font-size: 21px;
  line-height: 1.2;
}

.pressemitteilung >  .zeitundtitel .unterzeile,
.pressemitteilung  .zeitundtitel .unterzeile,
.twitterheader >  .zeitundtitel .unterzeile,
.twitterheader  .zeitundtitel .unterzeile,
.contentblock >  .zeitundtitel .unterzeile,
.contentblock  .zeitundtitel .unterzeile,
.videofooter >  .zeitundtitel .unterzeile,
.videofooter  .zeitundtitel .unterzeile,
.newsheader >  .zeitundtitel .unterzeile,
.newsheader  .zeitundtitel .unterzeile,
.programmelement >  .zeitundtitel .unterzeile,
.programmelement  .zeitundtitel .unterzeile,
.bannervideo >  .zeitundtitel .unterzeile,
.bannervideo  .zeitundtitel .unterzeile,
.bannerbild >  .zeitundtitel .unterzeile,
.bannerbild  .zeitundtitel .unterzeile,
.regularcase >  .zeitundtitel .unterzeile,
.regularcase  .zeitundtitel .unterzeile {
  padding-top: 4px;
  font-size: 14px;
  line-height: 1.2;
}

.pressemitteilung >  .unterzeile,
.pressemitteilung  .unterzeile,
.twitterheader >  .unterzeile,
.twitterheader  .unterzeile,
.contentblock >  .unterzeile,
.contentblock  .unterzeile,
.videofooter >  .unterzeile,
.videofooter  .unterzeile,
.newsheader >  .unterzeile,
.newsheader  .unterzeile,
.programmelement >  .unterzeile,
.programmelement  .unterzeile,
.bannervideo >  .unterzeile,
.bannervideo  .unterzeile,
.bannerbild >  .unterzeile,
.bannerbild  .unterzeile,
.regularcase >  .unterzeile,
.regularcase  .unterzeile {
  font-weight: 700;
  font-size: 18px !important;
  text-transform: none;
}

.pressemitteilung >  .bildproduktionsteaser .topheader,
.pressemitteilung  .bildproduktionsteaser .topheader,
.twitterheader >  .bildproduktionsteaser .topheader,
.twitterheader  .bildproduktionsteaser .topheader,
.contentblock >  .bildproduktionsteaser .topheader,
.contentblock  .bildproduktionsteaser .topheader,
.videofooter >  .bildproduktionsteaser .topheader,
.videofooter  .bildproduktionsteaser .topheader,
.newsheader >  .bildproduktionsteaser .topheader,
.newsheader  .bildproduktionsteaser .topheader,
.programmelement >  .bildproduktionsteaser .topheader,
.programmelement  .bildproduktionsteaser .topheader,
.bannervideo >  .bildproduktionsteaser .topheader,
.bannervideo  .bildproduktionsteaser .topheader,
.bannerbild >  .bildproduktionsteaser .topheader,
.bannerbild  .bildproduktionsteaser .topheader,
.regularcase >  .bildproduktionsteaser .topheader,
.regularcase  .bildproduktionsteaser .topheader {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.2;
}

.pressemitteilung >  .bildproduktionsteaser .header,
.pressemitteilung  .bildproduktionsteaser .header,
.twitterheader >  .bildproduktionsteaser .header,
.twitterheader  .bildproduktionsteaser .header,
.contentblock >  .bildproduktionsteaser .header,
.contentblock  .bildproduktionsteaser .header,
.videofooter >  .bildproduktionsteaser .header,
.videofooter  .bildproduktionsteaser .header,
.newsheader >  .bildproduktionsteaser .header,
.newsheader  .bildproduktionsteaser .header,
.programmelement >  .bildproduktionsteaser .header,
.programmelement  .bildproduktionsteaser .header,
.bannervideo >  .bildproduktionsteaser .header,
.bannervideo  .bildproduktionsteaser .header,
.bannerbild >  .bildproduktionsteaser .header,
.bannerbild  .bildproduktionsteaser .header,
.regularcase >  .bildproduktionsteaser .header,
.regularcase  .bildproduktionsteaser .header {
  display: inline-block;
  font-size: 28px;
  line-height: 1.2;
}

.pressemitteilung .newsteaser .topheader,
.pressemitteilung .newsteaser .topheader,
.pressemitteilung .videoteaser .topheader,
.pressemitteilung .videoteaser .topheader,
.pressemitteilung .block2spaltig .topheader,
.pressemitteilung .block2spaltig .topheader,
.pressemitteilung .teaser2spaltig .topheader,
.pressemitteilung .teaser2spaltig .topheader,
.twitterheader .newsteaser .topheader,
.twitterheader .newsteaser .topheader,
.twitterheader .videoteaser .topheader,
.twitterheader .videoteaser .topheader,
.twitterheader .block2spaltig .topheader,
.twitterheader .block2spaltig .topheader,
.twitterheader .teaser2spaltig .topheader,
.twitterheader .teaser2spaltig .topheader,
.contentblock .newsteaser .topheader,
.contentblock .newsteaser .topheader,
.contentblock .videoteaser .topheader,
.contentblock .videoteaser .topheader,
.contentblock .block2spaltig .topheader,
.contentblock .block2spaltig .topheader,
.contentblock .teaser2spaltig .topheader,
.contentblock .teaser2spaltig .topheader,
.videofooter .newsteaser .topheader,
.videofooter .newsteaser .topheader,
.videofooter .videoteaser .topheader,
.videofooter .videoteaser .topheader,
.videofooter .block2spaltig .topheader,
.videofooter .block2spaltig .topheader,
.videofooter .teaser2spaltig .topheader,
.videofooter .teaser2spaltig .topheader,
.newsheader .newsteaser .topheader,
.newsheader .newsteaser .topheader,
.newsheader .videoteaser .topheader,
.newsheader .videoteaser .topheader,
.newsheader .block2spaltig .topheader,
.newsheader .block2spaltig .topheader,
.newsheader .teaser2spaltig .topheader,
.newsheader .teaser2spaltig .topheader,
.programmelement .newsteaser .topheader,
.programmelement .newsteaser .topheader,
.programmelement .videoteaser .topheader,
.programmelement .videoteaser .topheader,
.programmelement .block2spaltig .topheader,
.programmelement .block2spaltig .topheader,
.programmelement .teaser2spaltig .topheader,
.programmelement .teaser2spaltig .topheader,
.bannervideo .newsteaser .topheader,
.bannervideo .newsteaser .topheader,
.bannervideo .videoteaser .topheader,
.bannervideo .videoteaser .topheader,
.bannervideo .block2spaltig .topheader,
.bannervideo .block2spaltig .topheader,
.bannervideo .teaser2spaltig .topheader,
.bannervideo .teaser2spaltig .topheader,
.bannerbild .newsteaser .topheader,
.bannerbild .newsteaser .topheader,
.bannerbild .videoteaser .topheader,
.bannerbild .videoteaser .topheader,
.bannerbild .block2spaltig .topheader,
.bannerbild .block2spaltig .topheader,
.bannerbild .teaser2spaltig .topheader,
.bannerbild .teaser2spaltig .topheader,
.regularcase .newsteaser .topheader,
.regularcase .newsteaser .topheader,
.regularcase .videoteaser .topheader,
.regularcase .videoteaser .topheader,
.regularcase .block2spaltig .topheader,
.regularcase .block2spaltig .topheader,
.regularcase .teaser2spaltig .topheader,
.regularcase .teaser2spaltig .topheader {
  font-size: 13px !important;
  margin-bottom: 2px;
}

.pressemitteilung .newsteaser .header,
.pressemitteilung .videoteaser .header,
.pressemitteilung .block2spaltig .header,
.pressemitteilung .teaser2spaltig .header,
.twitterheader .newsteaser .header,
.twitterheader .videoteaser .header,
.twitterheader .block2spaltig .header,
.twitterheader .teaser2spaltig .header,
.contentblock .newsteaser .header,
.contentblock .videoteaser .header,
.contentblock .block2spaltig .header,
.contentblock .teaser2spaltig .header,
.videofooter .newsteaser .header,
.videofooter .videoteaser .header,
.videofooter .block2spaltig .header,
.videofooter .teaser2spaltig .header,
.newsheader .newsteaser .header,
.newsheader .videoteaser .header,
.newsheader .block2spaltig .header,
.newsheader .teaser2spaltig .header,
.programmelement .newsteaser .header,
.programmelement .videoteaser .header,
.programmelement .block2spaltig .header,
.programmelement .teaser2spaltig .header,
.bannervideo .newsteaser .header,
.bannervideo .videoteaser .header,
.bannervideo .block2spaltig .header,
.bannervideo .teaser2spaltig .header,
.bannerbild .newsteaser .header,
.bannerbild .videoteaser .header,
.bannerbild .block2spaltig .header,
.bannerbild .teaser2spaltig .header,
.regularcase .newsteaser .header,
.regularcase .videoteaser .header,
.regularcase .block2spaltig .header,
.regularcase .teaser2spaltig .header {
  font-size: 18px !important;
}

.newsletter .newsteaser .topheader,
.newsletter .newsteaser .header {
  text-transform: none !important;
}

/* Font-Sizing */
.strikethrough {
  text-decoration: line-through;
}

/* Contentwraps - sorgen für die richtigen Abstände */
.container.content {
  /* Regulärer Content */
  /* Pressemappen Header Ohne Bild */
  /* Volle Breite ohne Rand links */
  /* Content eingerückt */
  /* Content im Kurzablauf, Langablauf, etc */
}

.container.content .contentwrap {
  margin: 0 0 34px 0;
  /* Mit Contentnav */
}

.container.content .contentwrap.ohneheader {
  margin-top: 55px;
}

@media only screen and (max-width: 767px) {
  .container.content .contentwrap.ohneheader {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 1180px) {
  .container.content .contentwrap.withcontentnav {
    margin-left: 58px;
    margin-right: 50px;
  }
}

.container.content.headerohnebild {
  margin: 45px 0 45px 0;
}

.container.content.fullwidth .contentwrap {
  margin: 0 0 0 0;
}

.container.content.leftpush .contentwrap {
  margin: 0 0 34px 0;
}

.container.content.leftpush .contentwrap.ohneheader {
  margin-top: 55px;
}

@media only screen and (max-width: 767px) {
  .container.content.leftpush .contentwrap.ohneheader {
    margin-top: 35px;
  }
}

.container.content.kurzablauf .contentwrap, .container.content.langablauf .contentwrap, .container.content.aenderungen .contentwrap {
  margin: 0 0 34px 0;
}

@media only screen and (min-width: 1180px) {
  .container.content.kurzablauf .contentwrap, .container.content.langablauf .contentwrap, .container.content.aenderungen .contentwrap {
    margin-left: 48px;
    margin-right: 40px;
  }
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  .container.content.kurzablauf .contentwrap, .container.content.langablauf .contentwrap, .container.content.aenderungen .contentwrap {
    margin-left: 28px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  .container.content.kurzablauf .contentwrap, .container.content.langablauf .contentwrap, .container.content.aenderungen .contentwrap {
    margin-left: 28px;
    margin-right: 20px;
  }
}

/* Bleed links und rechts */
.bleed {
  margin: 0 0 0 0;
  /* Neu - für Social Media Wall */
  /* Neu: für Twitter Aufmacher */
  /* Volle Breite ohne Rand links (zb Schema) */
  /* Bannerbild */
}

.bleed.signalblau {
  background-color: #17181A;
}

.bleed.signalblau .seitenheader {
  display: table;
  background-color: #ffffff;
  padding: 5px 30px;
  color: #17181A;
  border-bottom: none;
}

.bleed.gradient_twitter {
  background: #e8e8e8 url("../images/twitterheader_back.png") bottom repeat-x;
  margin-bottom: 10px;
}

.bleed .contentwrap {
  margin: 0 auto 0 auto;
}

.bleed.fullwidth .contentwrap {
  margin: 0 0 0 0;
  padding-left: 0;
}

.bleed.bannerbild .contentwrap {
  margin: 0 auto 0 auto;
  padding-left: 0;
}

@media only screen and (min-width: 1180px) {
  .bleed .kurzablauf .contentwrap,
  .bleed .langablauf .contentwrap,
  .bleed .aenderungen .contentwrap {
    margin-left: 48px;
    margin-right: 40px;
  }
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  .bleed .kurzablauf .contentwrap,
  .bleed .langablauf .contentwrap,
  .bleed .aenderungen .contentwrap {
    margin-left: 28px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  .bleed .kurzablauf .contentwrap,
  .bleed .langablauf .contentwrap,
  .bleed .aenderungen .contentwrap {
    margin-left: 28px;
    margin-right: 20px;
  }
}

/* Clearfix Replacement */
@media only screen and (min-width: 1018px) {
  .clear-md {
    clear: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  .clear-sm {
    clear: right;
  }
}

/*
  Contentnavigation (rechts)
*/
#contentnav {
  height: auto;
  margin: 0 0 0 0;
}

#contentnav.scrollfix.affix-top {
  position: absolute;
}

#contentnav.affix {
  top: 90px;
  position: fixed;
}

#contentnav.affix.programmtag {
  top: 175px;
}

#contentnav.affix-bottom {
  position: absolute;
}

#contentnav.affix-disabled.affix-top, #contentnav.affix-disabled.affix, #contentnav.affix-disabled.affix-bottom {
  position: static !important;
}

#contentnav.suche .contentnavheadline {
  padding-top: 132px;
}

#contentnav .contentnavheadline {
  display: block;
  color: #17181A;
  font-size: 15px;
  font-weight: 700;
  padding: 55px 0 24px 10px;
  margin: 0 0 0 0;
}

#contentnav .nav {
  border-top: 1px solid #e0e0e0;
  /* Filternav bei Suche */
}

#contentnav .nav li {
  position: relative;
}

#contentnav .nav li.hasSelection > a {
  color: #17181A;
}

#contentnav .nav li a {
  display: block;
  font-size: 14px;
  color: #8d8d8d;
  font-weight: 400;
  border-bottom: 1px solid #e0e0e0;
  background-color: transparent;
  padding: 6px 10px 6px 10px;
}

#contentnav .nav li a:hover, #contentnav .nav li a:focus {
  background-color: transparent;
  color: #17181A;
}

#contentnav .nav li a.withsubnav:after {
  font-family: FontAwesome;
  content: "\f105";
  /* angle right */
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #17181A;
}

#contentnav .nav li.active a {
  color: #17181A;
}

#contentnav .nav li.active a.withsubnav:after {
  font-family: FontAwesome;
  content: "\f107";
  /* angle down */
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #17181A;
}

#contentnav .nav li.active .nav {
  display: block;
}

#contentnav .nav .nav {
  display: none;
  border-top: none;
  border-bottom: 1px solid #e0e0e0;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
}

#contentnav .nav .nav li a {
  color: #8d8d8d;
  padding: 2px 10px 2px 20px;
  font-size: 12px;
  border-bottom: none;
}

#contentnav .nav .nav li.active a {
  color: #17181A;
}

#contentnav .nav.filternav > li > a:after {
  font-family: FontAwesome;
  content: "\f106";
  /* angle right */
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #17181A;
}

#contentnav .nav.filternav > li > a.collapsed:after {
  content: "\f107" !important;
  /* angle right */
}

#contentnav .filter {
  list-style: none;
  max-height: 150px;
  height: auto;
  overflow-y: auto;
  border-top: none;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 0 0 0;
  padding: 10px 0 10px 10px;
}

#contentnav .filter li a {
  color: #8d8d8d;
  padding: 2px 10px 2px 20px;
  text-transform: none;
  font-size: 12px;
  border-bottom: none;
}

#contentnav .filter li.active a .filter-entry,
#contentnav .filter li.active a .treffer {
  color: #17181A;
}

#contentnav .filter li .filter-entry {
  display: inline-block;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 10px 0 0;
}

#contentnav .filter li .treffer {
  padding: 2px 0 2px 0;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  vertical-align: middle;
}

#contentnav .funktionen {
  display: block;
  margin: 0 0 0 0;
  padding: 0 13px 0 0;
}

#contentnav .funktionen .bootstrap-select {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 28px 0;
}

#contentnav .funktionen .btn {
  width: 100%;
  margin: 0 0 0 0;
}

#contentnav .funktionen .btn.aktion {
  margin-bottom: 13px;
}

#contentnav .dropdown-programmkalender {
  position: relative;
  margin: 45px 0 0 10px;
}

#contentnav .dropdown-programmkalender .btn {
  padding: 0;
}

#contentnav .dropdown-programmkalender .btn:hover .fa {
  color: #17181A;
}

#contentnav .dropdown-programmkalender .btn .fa {
  color: #17181A;
  font-size: 23px;
}

/*
 Bilder & Videos
*/
.teaserbild {
  margin-bottom: 25px;
  display: block;
  text-align: center;
  overflow: hidden;
  width: 100%;
  background-color: #f0f1f2;
  position: relative;
  max-height: 195px;
  max-width: 350px;
}

.teaserbild:after {
  content: "";
  display: block;
  padding-bottom: 55.7142857143%;
}

.teaserbild:hover .playbutton, .teaserbild:active .playbutton {
  background: url("../images/VideoButt_H.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .teaserbild:hover .playbutton, .teaserbild:active .playbutton {
    background-image: url("../images/VideoButt_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.teaserbild .imgpos {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  display: block;
}

.teaserbild .imgpos img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.teaserbild .playbutton {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  text-indent: -999em;
  background: url("../images/VideoButt_N.png") no-repeat;
  display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .teaserbild .playbutton {
    background-image: url("../images/VideoButt_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.teaserbild.cubic {
  max-height: none;
}

.teaserbild.cubic:after {
  padding-bottom: 100%;
}

.teaserbild.cubic .imgpos img {
  height: 100%;
}

.bannerbild {
  position: relative;
  /* Die cropped Version */
  /* Ohne Bild */
}

.bannerbild.locked .headerbild-responsive img {
  opacity: 0.5;
}

.bannerbild .contentwrap {
  overflow: hidden;
}

.bannerbild .headerbild-responsive {
  margin: 0 auto 0 auto;
  padding: 0;
  display: block;
  width: 100%;
  overflow: hidden;
  max-width: 1128px;
  /* Breite an den Bootstrap-Container anpassen */
  position: relative;
  /* Neu: Sperrfrist */
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  .bannerbild .headerbild-responsive {
    max-height: 450px;
  }
  .bannerbild .headerbild-responsive img {
    margin-top: -90px;
  }
}

@media only screen and (max-width: 1179px) {
  .bannerbild .headerbild-responsive .headlines {
    margin-left: 0;
  }
}

.bannerbild .headerbild-responsive .headlines {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 5%;
  left: 0;
  margin-left: -13px;
  /* Absolut positioniertes Element vertikal auf Bootstrap-Position bringen */
}

.bannerbild .headerbild-responsive .headlines .topheader {
  display: inline-block;
  width: auto;
  background-color: #ffffff;
  padding: 1px 10px 2px 10px;
}

.bannerbild .headerbild-responsive .headlines .header {
  display: inline-block;
  width: auto;
  background-color: #ffffff;
  padding: 0 10px 0 10px;
  margin: 0 0 2px 0;
  overflow-x: inherit;
}

.bannerbild .headerbild-responsive .headlines .subheader {
  display: inline-block;
  width: auto;
  background-color: #ffffff;
  padding: 0 10px 0 10px;
}

.bannerbild .headerbild-responsive .sperrfrist {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(23, 24, 26, 0.8);
}

.bannerbild .headerbild-responsive .sperrfrist .sperrfrist_content {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  padding: 3px 0;
}

.bannerbild.cropped .headerbild-responsive {
  margin: 0 auto 0 auto;
  padding: 0;
  display: block;
  width: 100%;
  overflow: hidden;
  max-height: 377px !important;
}

@media only screen and (max-width: 767px) {
  .bannerbild.cropped .headerbild-responsive .headlines {
    bottom: 5%;
    margin-bottom: 0;
  }
}

.bannerbild.cropped .headerbild-responsive img {
  margin-top: -10% !important;
  /* Das Bild in der Cropped-Variante wird oben 10% abgeschnitten (Vorgabe der Grafik: Stichwort Headroom) */
}

.bannerbild.cropped .headerbild-responsive .headlines {
  bottom: 5%;
}

.bannerbild .ohneheaderbild {
  height: 200px;
  position: relative;
}

.bannerbild .ohneheaderbild .headlines {
  bottom: 5%;
}

.bannervideo .video-embed {
  display: block;
  height: auto;
  max-width: 1128px;
  /* Element auf Bootstrap-Größe anpassen */
  width: 100%;
  margin: 0 auto;
  position: relative;
  /* HTML5 Videoplayer Elemente für mobile Browser anpassen: Playpfeil unsichtbar machen, wenn eigener Playpfeil verwendet wird */
}

.bannervideo .video-embed video::-webkit-media-controls {
  overflow: hidden !important;
}

.bannervideo .video-embed video::-webkit-media-controls-enclosure {
  width: calc(100% + 32px);
  margin-left: auto;
}

.bannervideo .video-embed video::-webkit-media-controls-start-playback-button,
.bannervideo .video-embed video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  -webkit-appearance: none;
}

.bannervideo .video-embed .playbutton {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url("../images/VideoButt_N.png") no-repeat;
  text-indent: -999em;
  cursor: pointer;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .bannervideo .video-embed .playbutton {
    background-image: url("../images/VideoButt_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.bannervideo .video-embed .playbutton:hover {
  background: url("../images/VideoButt_H.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .bannervideo .video-embed .playbutton:hover {
    background-image: url("../images/VideoButt_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.bannervideo .contentwrap {
  margin: 0 auto;
  padding: 0 0 0 0;
}

.bannervideo .contentwrap .videofooter {
  padding: 35px 0 40px 0;
  display: block;
}

.bannervideo .contentwrap .videofooter .datum {
  font-size: 14px;
  color: #8d8d8d;
}

.bannervideo .contentwrap .videofooter .header {
  height: auto;
  overflow: visible;
  font-size: 24px;
  font-weight: 700;
  color: #17181A;
}

.bannervideo .contentwrap .videofooter .unterzeile {
  height: auto;
  overflow: visible;
  font-size: 20px;
  color: #c7c7c7;
  display: block;
}

.bannervideo .contentwrap .videofooter .sendehinweis {
  overflow: auto;
  height: auto;
  display: block;
  font-size: 14px;
  color: #c7c7c7;
}

.contentvideo {
  position: relative;
}

.contentvideo video::-webkit-media-controls-start-playback-button,
.contentvideo video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  -webkit-appearance: none !important;
}

.contentvideo .playbutton {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url("../images/VideoButt_N.png") no-repeat;
  text-indent: -999em;
  cursor: pointer;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .contentvideo .playbutton {
    background-image: url("../images/VideoButt_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.contentvideo .playbutton:hover {
  background: url("../images/VideoButt_H.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .contentvideo .playbutton:hover {
    background-image: url("../images/VideoButt_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.contentbild.locked img {
  opacity: 0.5;
}

.contentbild .text {
  display: block;
  margin: 20px 0 0 0 !important;
}

.thumbnailcontainer {
  display: block;
  margin-bottom: 20px;
}

.thumbnailcontainer.isCartArticle.isInCart .bildfooter .function-cart-add {
  display: none;
}

.thumbnailcontainer.isCartArticle.isInCart .bildfooter .function-cart-delete {
  display: block;
}

.thumbnailcontainer.isCartArticle.isInCart .previewbild-container .function-cart-add {
  display: none;
}

.thumbnailcontainer.isCartArticle.isInCart .previewbild-container .function-cart-delete {
  display: block;
}

.thumbnailcontainer.isCartArticle .bildfooter .function-cart-add {
  display: block;
}

.thumbnailcontainer.isCartArticle .bildfooter .function-cart-delete {
  display: none;
}

.thumbnailcontainer.isCartArticle .previewbild-container .function-cart-add {
  display: block;
}

.thumbnailcontainer.isCartArticle .previewbild-container .function-cart-delete {
  display: none;
}

.thumbnailcontainer.large {
  width: 100%;
  margin-bottom: 50px;
}

.thumbnailcontainer.large .thumbnail {
  max-width: 100%;
  max-height: none;
  border: none;
  background-color: #f0f1f2;
}

.thumbnailcontainer.large .thumbnail .compat-object-fit {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.thumbnailcontainer.large .thumbnail .compat-object-fit img {
  opacity: 0 !important;
}

.thumbnailcontainer.large .thumbnail img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.thumbnailcontainer.large .teaserbild {
  max-width: 100%;
}

.thumbnailcontainer.large .bildfooter {
  max-width: 100%;
}

.thumbnailcontainer.large .bildfooter .bildunterschrift {
  font-size: 12px;
}

.thumbnailcontainer.locked .thumbnail .imgcontainer .imgpos img {
  opacity: 0.5;
}

.thumbnailcontainer.locked .compat-object-fit {
  opacity: 0.5 !important;
}

.thumbnailcontainer .thumbnail {
  display: block;
  background-color: transparent;
  border: 1px solid #e0e0e0;
  max-width: 162px;
  max-height: 162px;
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: visible;
}

.thumbnailcontainer .thumbnail .imgcontainer {
  display: block;
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 100%;
}

.thumbnailcontainer .thumbnail .imgcontainer .imgpos {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: auto;
  height: auto;
}

.thumbnailcontainer .thumbnail .imgcontainer .imgpos img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
}

.thumbnailcontainer .bildfooter {
  display: block;
  max-width: 162px;
  margin-top: 5px;
}

.thumbnailcontainer .bildfooter .warenkorb,
.thumbnailcontainer .bildfooter .download,
.thumbnailcontainer .bildfooter .check,
.thumbnailcontainer .bildfooter .trash,
.thumbnailcontainer .bildfooter .lock {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
  height: 20px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  color: #c7c7c7;
  text-align: center;
  margin-bottom: 10px;
}

.thumbnailcontainer .bildfooter .warenkorb:hover .fa,
.thumbnailcontainer .bildfooter .download:hover .fa,
.thumbnailcontainer .bildfooter .check:hover .fa,
.thumbnailcontainer .bildfooter .trash:hover .fa,
.thumbnailcontainer .bildfooter .lock:hover .fa {
  color: #17181A;
}

.thumbnailcontainer .bildfooter .warenkorb.download,
.thumbnailcontainer .bildfooter .download.download,
.thumbnailcontainer .bildfooter .check.download,
.thumbnailcontainer .bildfooter .trash.download,
.thumbnailcontainer .bildfooter .lock.download {
  border-right: none;
}

.thumbnailcontainer .bildfooter .warenkorb.download .fa,
.thumbnailcontainer .bildfooter .download.download .fa,
.thumbnailcontainer .bildfooter .check.download .fa,
.thumbnailcontainer .bildfooter .trash.download .fa,
.thumbnailcontainer .bildfooter .lock.download .fa {
  margin: 2px 0 0 0;
  font-size: 12px;
}

.thumbnailcontainer .bildfooter .warenkorb.check .fa,
.thumbnailcontainer .bildfooter .download.check .fa,
.thumbnailcontainer .bildfooter .check.check .fa,
.thumbnailcontainer .bildfooter .trash.check .fa,
.thumbnailcontainer .bildfooter .lock.check .fa {
  margin: 2px 0 0 0;
  font-size: 12px;
}

.thumbnailcontainer .bildfooter .warenkorb .fa,
.thumbnailcontainer .bildfooter .download .fa,
.thumbnailcontainer .bildfooter .check .fa,
.thumbnailcontainer .bildfooter .trash .fa,
.thumbnailcontainer .bildfooter .lock .fa {
  display: block;
  color: #c7c7c7;
}

.thumbnailcontainer .bildfooter .warenkorb.warenkorb .fa, .thumbnailcontainer .bildfooter .warenkorb.trash .fa,
.thumbnailcontainer .bildfooter .download.warenkorb .fa,
.thumbnailcontainer .bildfooter .download.trash .fa,
.thumbnailcontainer .bildfooter .check.warenkorb .fa,
.thumbnailcontainer .bildfooter .check.trash .fa,
.thumbnailcontainer .bildfooter .trash.warenkorb .fa,
.thumbnailcontainer .bildfooter .trash.trash .fa,
.thumbnailcontainer .bildfooter .lock.warenkorb .fa,
.thumbnailcontainer .bildfooter .lock.trash .fa {
  font-size: 14px;
}

.thumbnailcontainer .bildfooter .warenkorb.lock,
.thumbnailcontainer .bildfooter .download.lock,
.thumbnailcontainer .bildfooter .check.lock,
.thumbnailcontainer .bildfooter .trash.lock,
.thumbnailcontainer .bildfooter .lock.lock {
  width: 100%;
}

.thumbnailcontainer .bildfooter .warenkorb.lock .fa,
.thumbnailcontainer .bildfooter .download.lock .fa,
.thumbnailcontainer .bildfooter .check.lock .fa,
.thumbnailcontainer .bildfooter .trash.lock .fa,
.thumbnailcontainer .bildfooter .lock.lock .fa {
  margin: 2px 0 0 0;
  font-size: 15px;
}

.thumbnailcontainer .bildfooter .warenkorb.lock:hover .fa,
.thumbnailcontainer .bildfooter .download.lock:hover .fa,
.thumbnailcontainer .bildfooter .check.lock:hover .fa,
.thumbnailcontainer .bildfooter .trash.lock:hover .fa,
.thumbnailcontainer .bildfooter .lock.lock:hover .fa {
  color: #c7c7c7;
}

.thumbnailcontainer .bildfooter .bildaktualisierung {
  display: block;
  font-size: 10px;
  color: #17181A;
}

.thumbnailcontainer .bildfooter .headlines {
  display: block;
  height: auto;
  margin: 0;
}

.thumbnailcontainer .bildfooter .headlines .datum {
  font-size: 10px;
  color: #666666;
  height: auto;
  margin-bottom: 0;
  line-height: 1.4;
}

.thumbnailcontainer .bildfooter .headlines .header {
  font-size: 10px;
  color: #17181A;
  height: auto;
  margin-bottom: 0;
  line-height: 1.4;
}

.thumbnailcontainer .bildfooter .bildunterschrift {
  display: inline-block;
  font-size: 10px;
}

.querbild {
  display: block;
  margin: 0 0 20px 0;
}

.querbild.locked img {
  opacity: 0.5;
}

.previewbild-popover-container {
  display: block;
  width: 470px;
  min-height: 550px;
}

.previewbild-container {
  padding: 35px 20px;
  max-width: 450px;
  min-width: 440px;
}

.previewbild-container .headlineBox {
  width: 400px;
}

.previewbild-container .headlineBox .buttonClose {
  float: right;
  display: block;
  margin-top: 2px;
  margin-left: 5px;
  color: #c7c7c7;
  font-size: 16px;
  cursor: pointer;
}

.previewbild-container .header {
  margin-bottom: 18px;
  text-transform: none;
  font-size: 26px;
  line-height: 1.2;
}

.previewbild-container .imgcontainer {
  display: block;
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 100%;
  background-color: #f0f1f2;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
}

.previewbild-container .imgcontainer .imgpos {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: auto;
  height: auto;
}

.previewbild-container .imgcontainer .imgpos img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
}

.previewbild-container .bildfooter {
  border-top: 1px solid transparent;
  display: block;
  margin-top: 8px;
  padding-top: 0;
  width: 400px;
  max-width: none;
}

.previewbild-container .bildfooter .bildunterschrift {
  display: block;
  padding-top: 10px;
  font-size: 12px;
}

.previewbild-container .bildfooter .verwendung {
  display: block;
  margin-top: 14px;
  font-size: 12px;
}

.previewbild-container .bildfooter .verwendung ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.previewbild-container .bildfooter .verwendung ul li {
  padding: 0;
  margin: 0;
}

.album-minuatures_link {
  display: inline-block;
}

.album-minuatures {
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  position: relative;
}

.album-minuatures ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 3px;
  box-sizing: border-box;
  position: relative;
}

.album-minuatures ul:before {
  display: block;
  position: absolute;
  content: attr(data-num-images);
  color: white;
  bottom: calc((100% / 8)  - 6px);
  left: calc(((100% / 6) *5) - 15px);
  font-size: 15px;
  line-height: 12px;
}

.album-minuatures ul li {
  display: blocK;
}

.album-minuatures ul li:nth-child(1) {
  width: 100%;
  max-height: 250px;
  display: flex;
}

.album-minuatures ul li:nth-child(1) img {
  width: 100%;
  object-fit: cover;
  object-position: center top;
}

.album-minuatures ul li:nth-child(2),
.album-minuatures ul li:nth-child(3),
.album-minuatures ul li:nth-child(4) {
  height: 100px;
  flex: 1;
}

.album-minuatures ul li:nth-child(2) img,
.album-minuatures ul li:nth-child(3) img,
.album-minuatures ul li:nth-child(4) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.album-minuatures ul li:nth-child(5),
.album-minuatures ul li:nth-child(6),
.album-minuatures ul li:nth-child(7) {
  display: none;
}

.mehrzeile {
  display: block;
  position: relative;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #8d8d8d;
  padding: 0 5px 2px 35px;
  margin: 35px 0 0;
}

.mehrzeile.multi {
  padding-left: 0;
  border-top: none;
}

.mehrzeile.multi .sendung {
  padding-bottom: 2px;
  border-top: 1px solid #e0e0e0;
}

.mehrzeile.multi .sendung .titel {
  display: inline-block;
  position: static;
}

.mehrzeile span {
  font-size: 11px;
  color: #17181A;
  display: inline-block;
  padding: 0 2px 0 0;
}

.mehrzeile .titel {
  position: absolute;
  display: block;
  top: 4px;
  left: 0;
}

.mehrzeile a {
  display: inline-block;
  padding-left: 10px;
  color: #666666;
  font-size: 11px;
}

.mehrzeile a:hover {
  color: #17181A;
}

.mehrzeile a .fa {
  display: inline-block;
  padding: 0 2px 0 0;
  color: #17181A;
  font-size: 14px;
}

/* Inhalte im Bereich News */
.newsheader {
  display: block;
  margin-top: 0;
  padding-bottom: 34px;
  border-bottom: 1px dashed #e0e0e0;
  margin-bottom: 34px;
}

.newsheader.tophighlight {
//  margin-bottom: 0;
}

.newsheader.tophighlight .bild-responsive {
  margin-bottom: 24px;
}

.newsheader.tophighlight .headlines {
  margin-bottom: 0;
}

.newsheader.tophighlight .teaserpics {
  margin: 34px 0 0 0;
}

.newsheader.tophighlight .teaserpics .teaserbild {
  margin: 0 0 34px 0;
}

@media only screen and (max-width: 1179px) {
  .newsheader.tophighlight .teaserpics .teaserbild {
    margin: 0 0 24px 0;
  }
}

.newsheader.sonderseite {
  border-bottom: none;
  margin-bottom: 0;
}

.newsheader.sonderseite .bild-responsive {
  margin-bottom: 24px;
}

.newsheader.sonderseite .headlines {
  margin-bottom: 25px;
}

.newsheader.sonderseite .headlines .topheader {
  line-height: 1.2;
}

.newsheader.sonderseite .headlines .header {
  font-size: 24px;
  line-height: 1.2;
}

.newsheader.sonderseite .intro {
  margin-top: 20px;
  padding-top: 0;
}

.pressemitteilung {
  margin-bottom: 34px;
  /* New 2019 */
  /* End New 2019 */
}

.pressemitteilung.social .topheader {
  font-size: 14px;
}

.pressemitteilung.social .header {
  font-size: 26px;
  line-height: 1.2;
}

.pressemitteilung .tweet {
  margin-top: 50px;
}

.pressemitteilung .video {
  margin: 50px 0;
}

.pressemitteilung .slidercontainer.contentslider {
  margin: 50px 0 35px 0;
}

.pressemitteilung .slidercontainer.contentslider .text {
  margin-top: 20px;
}

.pressemitteilung .oton {
  margin: 50px 0;
}

.pressemitteilung .oton .funktionen {
  margin: 20px 0 20px 0;
}

.pressemitteilung .oton .funktionen .bootstrap-select .filter-option {
  padding-top: 2px;
  line-height: 12px;
}

.pressemitteilung a {
  color: #17181A;
  text-decoration: underline;
  font-weight: bold;
}

.bildproduktion .topheader {
  color: #8d8d8d !important;
}

.bildproduktion .text .introtext {
  display: inline-block;
  padding-bottom: 20px;
  width: 100%;
}

.bildproduktion .text .kommentar {
  display: inline-block;
  padding-bottom: 20px;
  color: #17181A;
  width: 100%;
}

.newsticker {
  display: block;
  height: auto;
  padding: 0 20px 0 0;
}

.newsticker .newsticker-entry {
  color: #4c4c4c;
  font-size: 14px;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dashed #e0e0e0;
}

.newsticker .newsticker-entry .newsticker-entry-date {
  font-size: 12px;
  color: #8d8d8d;
}

.newsticker .newsticker-entry .newsticker-entry-content ul,
.newsticker .newsticker-entry .newsticker-entry-content ol {
  padding-left: 14px;
}

.newsticker .newsticker-entry .newsticker-entry-content ul li {
  list-style: disc;
}

/* Teaser auf Inhalte aus dem Bereich News */
.newsteaser {
  background-color: transparent;
  display: block;
  margin-top: 0;
  padding-bottom: 34px;
  margin-bottom: 34px;
  /* Neu: Zahlencontainer */
  /* Neu: Sperrfrist */
}

.newsteaser.locked .imgpos img {
  opacity: 0.5;
}

.newsteaser .bildblock {
  display: block;
  float: left;
  width: 50%;
}

.newsteaser .textblock {
  display: block;
  float: left;
  padding-left: 24px;
  width: 50%;
}

.newsteaser p {
  margin-bottom: 0;
}

.newsteaser .teaser_social {
  margin-top: 10px;
}

.newsteaser .teaser_social a {
  text-decoration: none;
  color: #c7c7c7;
  font-size: 16px;
  padding: 0 28px 0 0;
  text-align: center;
  display: inline-block;
}

.newsteaser .teaser_social a:hover {
  color: #17181A;
}

.newsteaser .pk_container {
  width: 100%;
  background-color: #eeeeee;
  margin-bottom: 10px;
  max-width: 350px;
  min-height: 195px;
}

.newsteaser .pk_container .programmkalender {
  margin: 0 auto;
  padding: 20px 20px 20px 10px;
  width: 100%;
}

.newsteaser .pk_container .programmkalender .monate {
  display: none;
}

.newsteaser .pk_container .programmkalender .wochentage {
  padding-left: calc(99% / 8);
}

.newsteaser .pk_container .programmkalender .wochentage span {
  width: calc(99% / 7);
}

.newsteaser .pk_container .programmkalender .pws {
  height: 32px;
}

.newsteaser .pk_container .programmkalender .pws a {
  width: calc(99% / 8);
  padding-top: 3px;
  height: 26px;
}

.newsteaser .pk_container .programmkalender .pws a.pw {
  border-color: transparent;
}

.newsteaser .zahlen_container {
  display: block;
  position: relative;
  width: 100%;
  max-width: 350px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.newsteaser .zahlen_container:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.newsteaser .zahlen_container.light {
  background-image: url("../images/zahl_back_light.png");
}

.newsteaser .zahlen_container.light .content {
  border-color: rgba(165, 161, 132, 0.4);
}

.newsteaser .zahlen_container.light .divider {
  background-color: rgba(228, 228, 228, 0.95);
}

.newsteaser .zahlen_container.light .zahllabel {
  color: #17181A;
}

.newsteaser .zahlen_container.light .zahlnumber {
  color: #a5a184;
}

.newsteaser .zahlen_container.light .zahltext {
  color: #17181A;
}

.newsteaser .zahlen_container.gradient {
  background-image: url("../images/zahl_back_gradient.png");
}

.newsteaser .zahlen_container.gradient .content {
  border-color: #e8e8e8;
}

.newsteaser .zahlen_container.gradient .divider {
  background-color: #17181A;
}

.newsteaser .zahlen_container.gradient .zahllabel {
  color: #ffffff;
}

.newsteaser .zahlen_container.gradient .zahlnumber {
  color: #ffffff;
}

.newsteaser .zahlen_container.gradient .zahltext {
  color: #17181A;
}

.newsteaser .zahlen_container.dark {
  background-image: url("../images/zahl_back_dark.png");
}

.newsteaser .zahlen_container.dark .content {
  border-color: rgba(255, 255, 255, 0.9);
}

.newsteaser .zahlen_container.dark .divider {
  background-color: #17181A;
}

.newsteaser .zahlen_container.dark .zahllabel {
  color: #ffffff;
}

.newsteaser .zahlen_container.dark .zahlnumber {
  color: #ffffff;
}

.newsteaser .zahlen_container.dark .zahltext {
  color: #17181A;
}

.newsteaser .zahlen_container .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-width: 15px;
  border-style: solid;
}

.newsteaser .zahlen_container .content .zahlen {
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 0 10px;
}

.newsteaser .zahlen_container .content .zahlen .divider {
  display: block;
  height: 4px;
  width: 210px;
  margin: 0 auto;
}

.newsteaser .zahlen_container .content .zahlen .zahllabel,
.newsteaser .zahlen_container .content .zahlen .zahlnumber,
.newsteaser .zahlen_container .content .zahlen .zahltext {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.newsteaser .zahlen_container .content .zahlen .zahllabel {
  height: 22px;
  margin: 50px 0 20px 0;
}

.newsteaser .zahlen_container .content .zahlen .zahlnumber {
  font-size: 60px;
}

.newsteaser .zahlen_container .content .zahlen .zahltext {
  margin: 20px 0 0 0;
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  .newsteaser .zahlen_container .content .zahlen .zahllabel {
    margin-top: 30px;
  }
  .newsteaser .zahlen_container .content .zahlen .zahlnumber {
    font-size: 50px;
  }
}

.newsteaser.startseite {
  border-bottom: 0;
}

.newsteaser.startseite .contentslider .sliderbox {
  margin-bottom: 10px;
}

.newsteaser .sperrfrist {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(23, 24, 26, 0.8);
  text-align: left;
}

.newsteaser .sperrfrist .sperrfrist_content {
  font-size: 13px;
  color: #ffffff;
  display: inline-block;
  padding: 0 7px;
}

.col-md-8 .newsteaser.startseite .teaserbild {
  max-width: none;
  max-height: none;
}

.col-md-8 .newsteaser.startseite .teaserbild:after {
  padding-bottom: 56.25%;
}

.col-md-8 .newsteaser.startseite .teaserbild .imgpos img {
  max-width: none;
  max-height: none;
  width: auto;
  height: 100%;
}

.thumbteaser2spaltig {
  background-color: transparent;
  margin: 0 0 34px 0;
  padding: 0 0 34px 0;
  border-bottom: 1px dashed #e0e0e0;
}

.thumbteaser2spaltig .thumbnailcontainer {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .thumbteaser2spaltig .thumbnailcontainer {
    margin-bottom: 20px;
  }
}

.bildproduktionsteaser {
  padding: 0 0 34px 0;
  border-bottom: 1px dashed #e0e0e0;
  margin: 0 0 34px 0;
}

.bildproduktionsteaser .topheader {
  color: #8d8d8d;
}

.bildproduktionsteaser .text .introtext {
  display: inline-block;
  padding-bottom: 20px;
}

.bildproduktionsteaser .text .kommentar {
  display: inline-block;
  padding-bottom: 20px;
  color: #17181A;
}

.bildproduktionsteaser .ansprechpartner {
  margin-top: 35px;
}

.bildproduktionsteaser p {
  margin-bottom: 0;
}

.videoteaser {
  margin-top: 0;
  padding-bottom: 34px;
  margin-bottom: 34px;
}

.videoteaser.locked .teaserbild .imgpos img {
  opacity: 0.5;
}

.videoteaser.locked .teaserbild .playbutton {
  background: url("../images/VideoButtLocked_N.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .videoteaser.locked .teaserbild .playbutton {
    background-image: url("../images/VideoButtLocked_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.videoteaser.locked .teaserbild:hover .playbutton, .videoteaser.locked .teaserbild:active .playbutton {
  background: url("../images/VideoButtLocked_H.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .videoteaser.locked .teaserbild:hover .playbutton, .videoteaser.locked .teaserbild:active .playbutton {
    background-image: url("../images/VideoButtLocked_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.videoteaser .datum {
  margin-bottom: 6px;
}

.videoteaser .teaserbild {
  position: relative;
}

.videoteaser .teaserbild .mobilevideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.videoteaser .teaserbild .mobilevideo .directplay {
  display: block;
}

.videoteaser p {
  margin-bottom: 0;
}

/* Neu: für Twitter Embed */
.tweetembed,
.instagramembed {
  display: block;
  background-color: #e8e8e8;
  position: relative;
  padding: 20px 5px 5px 5px;
  margin: 20px 0 68px 0;
  max-width: 100%;
}

.tweetembed.instagramembed,
.instagramembed.instagramembed {
  padding-top: 30px;
}

.tweetembed .twitter-logo,
.tweetembed .instagram-logo,
.instagramembed .twitter-logo,
.instagramembed .instagram-logo {
  display: block;
  position: absolute;
  top: -20px;
  left: calc(50% - 20px);
  background-color: #17181A;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.tweetembed .twitter-logo .icon,
.tweetembed .instagram-logo .icon,
.instagramembed .twitter-logo .icon,
.instagramembed .instagram-logo .icon {
  color: #ffffff;
  font-size: 26px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.tweetembed .instagram-logo .icon,
.instagramembed .instagram-logo .icon {
  font-size: 24px;
  top: 8px;
  left: 10px;
}

.tweetembed .tweet-container,
.tweetembed .instagram-container,
.instagramembed .tweet-container,
.instagramembed .instagram-container {
  display: block;
  background-color: #ffffff;
}

.tweetembed .tweet-container .twitter-tweet,
.tweetembed .tweet-container .instagram-media,
.tweetembed .instagram-container .twitter-tweet,
.tweetembed .instagram-container .instagram-media,
.instagramembed .tweet-container .twitter-tweet,
.instagramembed .tweet-container .instagram-media,
.instagramembed .instagram-container .twitter-tweet,
.instagramembed .instagram-container .instagram-media {
  margin-bottom: 0 !important;
}

.tweetembed .instagram-media-rendered,
.instagramembed .instagram-media-rendered {
  margin: 0 auto !important;
}

.twittercontainer {
  position: relative;
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .twittercontainer {
    margin-left: 0;
  }
}

.twittercontainer a.folgen {
  display: block;
  border: 1px solid #e0e0e0;
  padding: 0 5px;
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 10px;
  color: #8d8d8d;
}

.twittercontainer a.folgen:hover {
  color: #17181A;
}

.twittercontainer .twitterbox {
  display: block;
  margin: 34px 0 0 0;
  padding: 0 0 0 5px;
  background-color: #eeeeee;
  border: 1px solid #e0e0e0;
  height: 500px;
}

@media only screen and (max-width: 767px) {
  .twittercontainer .twitterbox {
    height: 250px;
  }
}

.twittercontainer .twitterbox .twitter-timeline {
  display: block;
  height: 500px !important;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .twittercontainer .twitterbox .twitter-timeline {
    height: 250px !important;
  }
}

/* Contentblöcke in Pressemappen, etc. */
.contentblock {
  /* Um den Einstiegspunkt bei Querlinks unterhalb des fixed Headers zu haben */
  padding-top: 150px;
  margin-top: -150px;
  z-index: 1;
  pointer-events: none;
}

.contentblock * {
  pointer-events: auto;
}

.contentblock.intro {
  margin: 45px 0 34px 0;
}

.contentblock.nopageheader {
  margin-top: 45px;
}

.contentblock.portal {
  text-align: center;
  margin: 20px auto 40px auto;
  width: 100%;
  padding: 0 0 50px 0;
}

.contentblock.portal .icon-top {
  margin: 10px 0 20px 0;
}

.contentblock.portal .icon-top .fa {
  font-size: 26px;
  color: #a5a184;
}

.contentblock.portal .bar-bottom {
  height: 6px;
  width: 46px;
  margin: 0 auto 70px auto;
  background-color: #17181A;
}

.contentblock.portal .headline {
  display: block;
  font-size: 39px;
  color: #17181A;
  font-weight: 700;
  width: 80%;
  margin: 0 auto 20px auto;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .contentblock.portal .headline {
    width: 100%;
    font-size: 30px;
  }
}

.contentblock.portal .text {
  font-size: 18px;
  color: #666666;
  width: 70%;
  text-align: center;
  margin: 0 auto 30px auto;
  line-height: 1.5;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .contentblock.portal .text {
    padding: 0;
    width: 100%;
    font-size: 14px;
  }
}

.contentblock .text,
.contentblock .fliesstext {
  margin: 0 0 0 0;
}

.contentblock .text h1,
.contentblock .text h2,
.contentblock .text h3,
.contentblock .text h4,
.contentblock .text h5,
.contentblock .text h6,
.contentblock .fliesstext h1,
.contentblock .fliesstext h2,
.contentblock .fliesstext h3,
.contentblock .fliesstext h4,
.contentblock .fliesstext h5,
.contentblock .fliesstext h6 {
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 4px 0;
  text-transform: none;
}

.contentblock .text a,
.contentblock .fliesstext a {
  color: #17181A;
  text-decoration: underline;
  font-weight: bold;
}

.contentblock .text div.textmitbild,
.contentblock .fliesstext div.textmitbild {
  display: block;
}

.contentblock .text div.textmitbild:before, .contentblock .text div.textmitbild:after,
.contentblock .fliesstext div.textmitbild:before,
.contentblock .fliesstext div.textmitbild:after {
  content: " ";
  display: table;
}

.contentblock .text div.textmitbild:after,
.contentblock .fliesstext div.textmitbild:after {
  clear: both;
}

.contentblock .text div.textmitbild .thumbnailcontainer,
.contentblock .fliesstext div.textmitbild .thumbnailcontainer {
  float: left;
  width: auto;
  margin: 0 20px 20px 0;
}

.contentblock .bilder .headlines {
  margin-bottom: 10px;
}

.contentblock .bilder .headlines .topheader {
  color: #8d8d8d;
}

.contentblock .subblock {
  padding: 250px 0 20px 0;
  border-bottom: 1px dashed #e0e0e0;
  margin: -250px 0 34px 0;
}

.contentblock .subblock .subblock:last-of-type {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

.contentblock .funktionen {
  margin: 20px 0 20px 0;
}

.contentblock .funktionen .bootstrap-select .filter-option {
  padding-top: 2px;
  line-height: 12px;
}

#ansprechpartnerBlock .contentblock .row {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
	#ansprechpartnerBlock .contentblock .row {
		display: block;
	}
}


.slidercontainer {
  display: block;
  width: 100%;
  position: relative;
  /* Allgemeine Slider Styles */
  /* Topslider */
  /* Contentslider */
}

.slidercontainer .sliderbox {
  display: block;
  z-index: 50;
}

.slidercontainer .sliderbox .bx-wrapper {
  border: none;
  margin: 0;
  box-shadow: none;
  z-index: 50;
}

.slidercontainer .sliderbox .bx-wrapper .bx-viewport {
  position: relative;
  z-index: 51;
}

.slidercontainer .sliderbox .bx-wrapper .bx-viewport .bxslider {
  position: relative;
  z-index: 55;
}

.slidercontainer .sliderbox .bx-wrapper li {
  position: relative;
  z-index: 56;
}

.slidercontainer .sliderbox .bx-wrapper li.active-slide .caption {
  opacity: 1;
}

.slidercontainer .sliderbox .bx-wrapper li.active-slide .markeninlay {
  opacity: 0.7;
}

.slidercontainer .sliderbox .bx-wrapper li.active-slide.video .playbutton {
  display: block;
}

.slidercontainer .sliderbox .bx-wrapper li a {
  display: block;
  width: 100%;
}

.slidercontainer .sliderbox .bx-wrapper li a img {
  display: block;
  width: 100%;
}

.slidercontainer .sliderbox .bx-wrapper li .caption {
  bottom: 10%;
  position: absolute;
  opacity: 0;
  left: 60px;
  width: 80%;
  transition: opacity 300ms ease-in-out;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .slidercontainer .sliderbox .bx-wrapper li .caption {
    opacity: 1;
    bottom: 2%;
    left: 10%;
  }
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  .slidercontainer .sliderbox .bx-wrapper li .caption {
    bottom: 5%;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .caption .senderlabel {
  display: table;
  margin: 0 0 2px 5px;
}

.slidercontainer .sliderbox .bx-wrapper li .caption .topheader {
  display: table;
  width: auto;
  background-color: #ffffff;
  padding: 2px 15px 0 15px;
  color: #17181A;
  margin-bottom: 1px;
}

@media only screen and (max-width: 767px) {
  .slidercontainer .sliderbox .bx-wrapper li .caption .topheader {
    display: none !important;
  }
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  .slidercontainer .sliderbox .bx-wrapper li .caption .topheader {
    font-size: 12px;
    line-height: 1.5;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .caption .header {
  display: table;
  width: auto;
  background-color: #ffffff;
  padding: 0 15px;
  margin-bottom: 1px;
}

@media only screen and (max-width: 767px) {
  .slidercontainer .sliderbox .bx-wrapper li .caption .header {
    font-size: 11px;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  .slidercontainer .sliderbox .bx-wrapper li .caption .header {
    font-size: 14px;
    line-height: 1.5;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .caption .meta {
  display: table;
  width: auto;
  background-color: rgba(23, 24, 26, 0.8);
  padding: 0 15px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .slidercontainer .sliderbox .bx-wrapper li .caption .meta {
    display: none !important;
  }
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  .slidercontainer .sliderbox .bx-wrapper li .caption .meta {
    font-size: 12px;
    line-height: 1.5;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay {
  opacity: 0.0;
  background-repeat: no-repeat;
  background-position: top right;
  text-indent: -999em;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 200px;
  height: 200px;
  transition: opacity 300ms cubic-bezier(0.86, 0, 0.07, 1);
  pointer-events: none;
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.mediengruppe-rtl {
  background-image: url("../images/logos/cornerlogos/mgrtl-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.mediengruppe-rtl {
    background-image: url("../images/logos/cornerlogos/mgrtl-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 65px 40px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl {
  background-image: url("../images/logos/cornerlogos/rtl-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl {
    background-image: url("../images/logos/cornerlogos/rtl-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 70px 13px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.vox {
  background-image: url("../images/logos/cornerlogos/vox-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.vox {
    background-image: url("../images/logos/cornerlogos/vox-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 48px 16px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.nitro {
  background-image: url("../images/logos/cornerlogos/nitro-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.nitro {
    background-image: url("../images/logos/cornerlogos/nitro-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 71px 13px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.n-tv {
  background-image: url("../images/logos/cornerlogos/ntv-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.n-tv {
    background-image: url("../images/logos/cornerlogos/ntv-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 43px 20px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.superrtl {
  background-image: url("../images/logos/cornerlogos/superrtl-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.superrtl {
    background-image: url("../images/logos/cornerlogos/superrtl-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 81px 16px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl-crime {
  background-image: url("../images/logos/cornerlogos/crime-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl-crime {
    background-image: url("../images/logos/cornerlogos/crime-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 69px 16px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl-living {
  background-image: url("../images/logos/cornerlogos/living-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl-living {
    background-image: url("../images/logos/cornerlogos/living-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 78px 19px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl-passion {
  background-image: url("../images/logos/cornerlogos/passion-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl-passion {
    background-image: url("../images/logos/cornerlogos/passion-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 86px 17px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.geo-television {
  background-image: url("../images/logos/cornerlogos/geo-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.geo-television {
    background-image: url("../images/logos/cornerlogos/geo-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 49px 26px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.ip-deutschland {
  background-image: url("../images/logos/cornerlogos/ip-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.ip-deutschland {
    background-image: url("../images/logos/cornerlogos/ip-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 28px 40px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl-international {
  background-image: url("../images/logos/cornerlogos/rtlint-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl-international {
    background-image: url("../images/logos/cornerlogos/rtlint-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 68px 21px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtlplus {
  background-image: url("../images/logos/cornerlogos/rtlplus-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtlplus {
    background-image: url("../images/logos/cornerlogos/rtlplus-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 85px 15px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl2 {
  background-image: url("../images/logos/cornerlogos/rtl2-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.rtl2 {
    background-image: url("../images/logos/cornerlogos/rtl2-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 39px 37px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.toggoplus {
  background-image: url("../images/logos/cornerlogos/toggoplus-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.toggoplus {
    background-image: url("../images/logos/cornerlogos/toggoplus-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 39px 37px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .markeninlay.now-us {
  background-image: url("../images/logos/cornerlogos/now-us-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .markeninlay.now-us {
    background-image: url("../images/logos/cornerlogos/now-us-white-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 39px 37px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .playbutton {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  /* Alte Android Versionen (< 5) */
  height: 60px;
  width: 60px;
  left: 0;
  right: 0;
  margin: -1px auto 0 auto;
  text-indent: -999em;
  background: url("../images/VideoButt_N.png") center no-repeat;
  z-index: 57;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .playbutton {
    background-image: url("../images/VideoButt_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper li .playbutton:hover, .slidercontainer .sliderbox .bx-wrapper li .playbutton:active {
  background: url("../images/VideoButt_H.png") center no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper li .playbutton:hover, .slidercontainer .sliderbox .bx-wrapper li .playbutton:active {
    background-image: url("../images/VideoButt_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper .bx-controls {
  display: block;
  position: absolute;
  height: 0px;
  overflow: visible;
  width: 96%;
  bottom: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  /* Alte Android Versionen (< 5) */
  left: 2%;
  pointer-events: none;
  z-index: 52;
}

.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction {
  display: block;
  height: 1px;
  overflow: visible;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 53;
}

.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/DiashowButt_N.png") no-repeat;
  overflow: hidden;
  text-indent: -999em;
  pointer-events: auto;
  z-index: 54;
  margin-top: 0;
  top: -20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
  .slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    background-image: url("../images/DiashowButt_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 40px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:before,
.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next:before {
  content: none;
}

.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover,
.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover {
  background: url("../images/DiashowButt_H.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover,
  .slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover {
    background-image: url("../images/DiashowButt_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 40px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev.bx-prev,
.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next.bx-prev {
  left: 0;
}

.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev.bx-next,
.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next.bx-next {
  right: 0;
  text-indent: -999em;
  background: url("../images/DiashowButt_N_right.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev.bx-next,
  .slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next.bx-next {
    background-image: url("../images/DiashowButt_N_right-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 40px !important;
  }
}

.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev.bx-next:hover,
.slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next.bx-next:hover {
  background: url("../images/DiashowButt_H_right.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev.bx-next:hover,
  .slidercontainer .sliderbox .bx-wrapper .bx-controls .bx-controls-direction .bx-next.bx-next:hover {
    background-image: url("../images/DiashowButt_H_right-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 40px !important;
  }
}

.slidercontainer.topslider {
  overflow: hidden;
  background-color: #eeeeee;
  padding: 25px 0;
}

.slidercontainer.topslider .sliderbox {
  width: 160%;
  margin: 0 -30% 0 -30%;
}

@media only screen and (max-width: 767px) {
  .slidercontainer.topslider .sliderbox {
    width: 100%;
    margin: 0 0 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  .slidercontainer.topslider .sliderbox {
    width: 100%;
    margin: 0 0 0 0;
  }
}

.slidercontainer.topslider .sliderbox .bx-controls {
  width: 50% !important;
  left: 25%;
}

@media only screen and (max-width: 767px) {
  .slidercontainer.topslider .sliderbox .bx-controls {
    width: 96% !important;
    left: 2%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  .slidercontainer.topslider .sliderbox .bx-controls {
    width: 98% !important;
    left: 1%;
  }
}

.slidercontainer.topslider .sliderbox .bx-controls .bx-controls-direction {
  width: 80%;
}

@media only screen and (max-width: 767px) {
  .slidercontainer.topslider .sliderbox .bx-controls .bx-controls-direction {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  .slidercontainer.topslider .sliderbox .bx-controls .bx-controls-direction {
    width: 100%;
  }
}

.slidercontainer.contentslider {
  margin: 0 0 0 0;
}

.slidercontainer.contentslider.captioned .bx-controls {
  bottom: calc(50% + 100px);
}

.slidercontainer.contentslider .captions {
  display: block;
  height: 170px;
  padding: 0 0 34px 0;
  margin: 20px 0 34px 0;
  color: #4c4c4c;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .slidercontainer.contentslider .captions {
    height: 220px;
  }
}

.slidercontainer.contentslider .captions .topheader {
  font-size: 16px;
  margin-bottom: 4px;
  overflow: visible;
}

.slidercontainer.contentslider .captions .header {
  margin-bottom: 10px;
  font-size: 28px;
  overflow: visible;
}

.slidercontainer.contentslider .captions p {
  margin: 0;
}

.slidercontainer.contentslider .captions .text {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.programmkalender {
  display: block;
  width: 300px;
  margin: 34px 0 0 13px;
  /* Anpassung nach Umgebung weiter unten */
}

.programmkalender.startseite {
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .programmkalender {
    width: 290px;
    margin-left: 0;
  }
}

.programmkalender .monate {
  display: block;
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 400;
  padding: 0 0 20px 0;
}

.programmkalender .monate span {
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
}

.programmkalender .wochentage {
  display: block;
  height: 19px;
  padding: 0 0 5px 46px;
  clear: both;
}

.programmkalender .wochentage span {
  display: table-cell;
  float: left;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 32px;
  font-size: 11px;
  color: #4c4c4c;
}

.programmkalender .pws {
  display: block;
  height: 19px;
  clear: both;
}

.programmkalender .pws a {
  display: table-cell;
  float: left;
  width: 32px;
  height: 19px;
  background-color: #17181A;
  padding: 0 0 0 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
}

.programmkalender .pws a:hover, .programmkalender .pws a.active {
  color: #ffffff !important;
 // background-color: #17181A !important;
 background-color: #ff5c02 !important;
}

.programmkalender .pws a.pw {
  width: 46px;
  background-color: transparent;
  border: 1px solid #e0e0e0;
  border-left: none;
  height: 19px;
  color: #8d8d8d;
  padding: 0 0 0 0;
  margin: 0 0 4px 0;
  line-height: 17px;
}

.programmkalender .pws a.pw:hover {
  color: inherit !important;
  background-color: inherit !important;
}

.programmkalender .pws a.tag.off {
  background-color: #b2b2b2;
}

.programmkalender .pws a.tag.heute {
  color: #4c4c4c;
}

/* Anpassung nach Umgebung */
.dropdown-menu .programmkalender {
  margin-top: 14px;
}

#contentnav .programmkalender {
  margin-top: 14px;
  margin-left: 10px;
}

/*
  Formular Elemente und Buttons, Selects, etc..
*/
.form-control:active, .form-control:focus {
  box-shadow: none !important;
  border-color: #e0e0e0;
}

.forms .form-group.has-error label {
  font-weight: bold;
  color: #a94442;
}

.forms .form-outer.has-error span.span-label {
  font-weight: bold;
  color: #a94442;
}

.forms .checkbox-outer.has-error label {
  font-weight: bold;
  color: #a94442;
}

/* Bootstrap-Select */
.bootstrap-select {
  /* Fullsize für Formulare */
}

.bootstrap-select button {
  height: 25px;
}

.bootstrap-select button.btn {
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  font-size: 11px;
  color: #8d8d8d;
  cursor: pointer;
  padding: 0 15px 0 10px;
}

.bootstrap-select button.btn:focus {
  outline: 0 !important;
}

.bootstrap-select button.btn .filter-option {
  padding-top: 3px;
  line-height: 12px;
}

.bootstrap-select button.btn .filter-option:before {
  font-family: FontAwesome;
  content: "\f107";
  /* angle down */
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  color: #17181A;
  margin: -2px 10px 0 0;
}

.bootstrap-select button.btn .bs-caret {
  display: none;
}

.bootstrap-select .dropdown-menu.open {
  max-height: 200px !important;
  padding: 0;
}

.bootstrap-select .dropdown-menu.open ul {
  max-height: 200px !important;
  padding: 14px 0 10px 0 !important;
}

.bootstrap-select .dropdown-menu.open ul li:last-of-type {
  padding-bottom: 14px;
}

.bootstrap-select .dropdown-menu.open ul li a {
  font-size: 11px;
  font-weight: 400;
  color: #8d8d8d;
  padding-left: 45px;
}

.bootstrap-select .dropdown-menu.open ul li a:hover {
  color: #17181A;
  background-color: #eeeeee;
}

.bootstrap-select .dropdown-menu.open ul li a:focus {
  outline: 0;
}

.bootstrap-select .dropdown-menu.open ul li.selected a {
  color: #17181A;
  background-color: #eeeeee;
}

.bootstrap-select .dropdown-menu.open ul li.dropdown-header {
  padding: 0;
  margin: 0;
}

.bootstrap-select .dropdown-menu.open ul li.dropdown-header span {
  font-size: 11px;
  padding-left: 24px;
  font-weight: 400;
  color: #8d8d8d;
}

.bootstrap-select.fullsize {
  width: 100% !important;
}

.bootstrap-select.fullsize button {
  width: 100%;
  height: 34px;
  padding: 8px 12px 4px 12px;
  font-size: 14px;
  line-height: 1.42857;
  text-transform: none;
  color: #666666;
}

.bootstrap-select.fullsize .dropdown-menu.open ul li a {
  font-size: 14px;
  padding-left: 45px;
}

.bootstrap-select.fullsize .dropdown-menu.open ul li.selected a {
  color: #17181A;
  background-color: #eeeeee;
}

.bootstrap-select.fullsize .dropdown-menu.open ul li.dropdown-header span {
  font-size: 14px;
  padding-left: 24px;
}

/* Buttons */
.btn.aktion {
  height: 25px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  font-size: 11px;
  color: #8d8d8d;
  cursor: pointer;
  padding: 0 15px 0 10px;
  width: 100%;
  text-align: left;
  position: relative;
}

.btn.aktion span {
  display: inline-block;
  padding: 5px 0 0 15px;
  vertical-align: middle;
}

.btn.aktion span:focus, .btn.aktion span:active, .btn.aktion span:hover {
  outline: 0 !important;
  box-shadow: none;
}

.btn.aktion span:focus span, .btn.aktion span:active span, .btn.aktion span:hover span {
  color: #17181A;
}

.btn.aktion span.fa {
  padding: 0;
  height: 16px;
  font-size: 16px;
  color: #17181A;
  position: absolute;
  display: block;
  top: 4px;
  left: 10px;
  -webkit-transform: translateY(-1px);
}

.btn.btn-default {
  font-size: 11px;
  color: #ffffff;
  border: 1px solid #17181A;
  background-color: #17181A;
  min-width: 100px;
  margin-right: 20px;
}

.btn.btn-default:hover {
  border: 1px solid #17181A;
  background-color: #ffffff;
  color: #17181A;
}

/* Checkboxes & Radios (awesome-bootstrap-checkbox) */
.checkbox label {
  padding: 0 0 0 6px !important;
}

.checkbox label:before {
  border: 1px solid #e0e0e0;
  border-radius: 0;
  margin-top: 3px;
}

.checkbox label::after {
  margin-top: 3px;
}

.radio label {
  padding: 0 0 0 6px !important;
}

.radio label:before {
  margin-top: 3px;
}

.radio label:after {
  margin-top: 3px;
}

/* Formulare */
.formsent {
  margin-top: 34px;
}

/* Zusatzformatierungen */
.forms {
  /* Standardformatierungen */
  /* Loginformular */
  /* Terminformular */
  /* Registrierungsformular */
}

.forms .separator {
  margin: 10px 0 0 0;
}

.forms .separator.linie {
  margin: 20px 0 0 0;
  border-top: 1px solid #e0e0e0;
  padding: 20px 0 0 0;
}

.forms .fehlermeldung {
  display: none;
  color: #17181A;
  margin: 0 0 14px 0;
}

.forms.form-error .fehlermeldung {
  display: block;
}

.forms.form-error label.error {
  color: #17181A;
}

.forms label {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  color: #666666;
  font-weight: 400;
}

.forms .linkbutton {
  font-size: 14px;
  color: #17181A;
  border: none;
  padding: 0;
  margin: 10px 0 34px 0;
  background-color: transparent;
}

.forms .radio {
  padding-left: 20px;
  margin-bottom: 20px;
}

.forms .checkbox {
  margin-bottom: 20px;
}

.forms input[type="text"], .forms input[type="password"], .forms input[type="email"], .forms input[type="tel"] {
  box-shadow: none;
}

.forms textarea {
  resize: vertical;
  min-height: 100px;
  border: 1px solid #e0e0e0;
  box-shadow: none;
}

.forms textarea:focus {
  border: 1px solid #e0e0e0;
  box-shadow: none;
}

.forms.login {
  padding: 0 20px 0 20px;
}

.forms.login.startseite {
  padding-left: 0;
}

.forms.login .text {
  display: block;
  margin: 0 0 14px 0;
}

.forms.login .text span {
  font-size: 14px;
  color: #4c4c4c;
}

.forms.login label {
  display: none;
}

.forms.termin {
  display: block;
  margin: 45px 0 0 0;
}

.forms.registrierung .table, .forms.profil .table {
  table-layout: fixed;
  margin-top: 34px;
}

.forms.registrierung .table td,
.forms.registrierung .table th, .forms.profil .table td,
.forms.profil .table th {
  font-size: 11px;
}

.forms.registrierung .table td.name,
.forms.registrierung .table th.name, .forms.profil .table td.name,
.forms.profil .table th.name {
  width: 120px;
  border-right: 1px solid #e0e0e0;
}

.forms.registrierung .table td.sender,
.forms.registrierung .table th.sender, .forms.profil .table td.sender,
.forms.profil .table th.sender {
  text-align: center;
}

.forms.registrierung .table td.sender .checkbox,
.forms.registrierung .table th.sender .checkbox, .forms.profil .table td.sender .checkbox,
.forms.profil .table th.sender .checkbox {
  overflow: hidden;
  margin: 0 auto;
  width: 20px;
  height: 20px;
}

.forms.registrierung .table td input,
.forms.registrierung .table th input, .forms.profil .table td input,
.forms.profil .table th input {
  margin-bottom: 0;
}

/* Inhalte in TV Programme */
.content.kurzablauf, .content.langablauf {
  padding-top: 86px;
}

/* Programmänderungen */
.aenderungen .subblock {
  border-bottom: none;
}

.aenderungsliste {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e0e0e0;
}

.aenderungsliste li {
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  display: block;
  padding: 3px 0 4px 0;
}

.aenderungsliste li a {
  display: block;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 400;
}

.aenderungsliste li a:hover {
  color: #17181A;
}

.aenderungsliste li a span {
  display: inline-block;
  margin-left: 10px;
}

.aenderungsmeldung {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0;
  border-top: 1px solid #e0e0e0;
}

.aenderungsmeldung li {
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  display: block;
  padding: 3px 0 4px 0;
  position: relative;
}

.aenderungsmeldung li.geaendert .status span {
  color: #17181A;
}

.aenderungsmeldung li div {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.aenderungsmeldung li div.sendezeit {
  width: 5%;
  min-width: 70px;
}

.aenderungsmeldung li div.sendetitel {
  width: 70%;
  text-overflow: ellipsis;
}

.aenderungsmeldung li div.status {
  width: 20%;
  max-width: 100px;
}

@media only screen and (max-width: 767px) {
  .aenderungsmeldung li div.status {
    width: 100%;
    max-width: none;
  }
}

.aenderungsmeldung li div.status span {
  font-size: 11px;
  color: #c7c7c7;
}

.aenderungsmeldung li div.anmerkung {
  width: 100%;
}

.aenderungsmeldung li div.anmerkung span {
  text-overflow: ellipsis;
  color: #17181A;
}

.aenderungsmeldung li div.aenderungsanzeiger {
  width: 6px;
  height: 6px;
  background-color: #17181A;
  border-radius: 3px;
  position: absolute;
  top: 11px;
  left: 50px;
}

.aenderungsmeldung li div span,
.aenderungsmeldung li div a {
  color: #4c4c4c;
  font-size: 14px;
}

.aenderungsmeldung li div a:hover {
  color: #17181A;
}

/* Bildaktualisierungen */
.bildaktualisierung.contentblock .subblock {
  border-bottom: none !important;
}

.bildaktualisierung .headlines .topheader {
  color: #8d8d8d;
}

.programmelemente.kurzablauf, .programmelemente.langablauf {
  padding-top: 44px;
}

.programmelement {
  position: relative;
  /* Schema */
  /* Erweiterter Kurzablauf und Langablauf */
}

.programmelement .highlight {
  display: block;
  position: absolute;
  top: -2px;
  left: -24px;
}

@media only screen and (max-width: 767px) {
  .programmelement .highlight {
    position: static;
    display: inline-block;
    top: auto;
    left: auto;
  }
}

.programmelement .highlight .fa {
  color: #17181A;
  font-size: 11px;
}

.programmelement .highlight .highlightlabel {
  display: none;
}

.programmelement .sendelabel,
.programmelement .themenlabel,
.programmelement .highlightlabel {
  color: #17181A;
  font-size: 13px;
  display: block;
  font-weight: 400;
}

.programmelement .sendezeit {
  color: #17181A;
  display: inline;
  font-size: 18px;
  font-weight: 700;
}

.programmelement .sendetitel {
  color: #17181A;
  display: inline;
  font-size: 18px;
  font-weight: 700;
}

.programmelement .unterzeile {
  display: block;
  font-weight: 700;
  color: #666666;
  font-size: 18px;
}

.programmelement .aenderung {
  color: #17181A;
  display: block;
}

.programmelement .bildaktualisierung {
  color: #17181A;
  display: block;
}

.programmelement .tvnow-sendung {
  color: #77912b;
  display: block;
}

.programmelement.schema {
  border-bottom: 1px solid #e0e0e0;
  margin-right: -1px;
  /* Schema Tageshighlight */
}

.programmelement.schema .sendezeit {
  color: #4c4c4c;
  font-size: 13px;
  display: block;
  font-weight: 400;
  text-transform: none;
}

.programmelement.schema .highlightlabel {
  font-size: 11px;
}

.programmelement.schema .sendelabel {
  font-size: 11px;
  text-transform: none;
}

.programmelement.schema .sendetitel,
.programmelement.schema .unterzeile {
  color: #4c4c4c;
  font-size: 12px !important;
  display: block;
  font-weight: 400;
  text-transform: none;
  overflow: hidden;
}

.programmelement.schema .aenderung {
  font-size: 11px;
}

.programmelement.schema .bildaktualisierung {
  font-size: 11px;
}

.programmelement.schema .nowsendung {
  font-size: 11px;
}

.programmelement.schema .meta {
  min-height: 80px;
  padding: 15px 7px 15px 7px;
  overflow-x: hidden;
}

.programmelement.schema.tageshighlight {
  border: none;
  margin-right: 0;
}

.programmelement.schema.tageshighlight .thumbnailcontainer {
  margin-bottom: 10px;
}

.programmelement.schema.tageshighlight .thumbnailcontainer .teaserbild {
  margin-bottom: 0;
}

.programmelement.schema.tageshighlight .meta {
  height: 130px;
}

.programmelement.schema.highlight {
  background-color: rgba(23, 24, 26, 0.15);
}

.programmelement.kurzablauf, .programmelement.langablauf {
  margin-bottom: 45px;
  /* Extra Formatierungen für den Langablauf */
  /* Extra Formatierung für Kurzablauf */
}

.programmelement.kurzablauf .zeitundtitel, .programmelement.langablauf .zeitundtitel {
  color: #17181A;
  display: block;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.programmelement.kurzablauf .meta, .programmelement.langablauf .meta {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 14px 0;
  margin: 0 0 14px 0;
}

.programmelement.kurzablauf .meta span,
.programmelement.kurzablauf .meta a, .programmelement.langablauf .meta span,
.programmelement.langablauf .meta a {
  display: block;
  font-size: 12px;
  line-height: 1.8;
}

.programmelement.kurzablauf .meta span.austrahlungshinweis, .programmelement.kurzablauf .meta span.verbreitungshinweis, .programmelement.kurzablauf .meta span.wiederholungsinfo,
.programmelement.kurzablauf .meta a.austrahlungshinweis,
.programmelement.kurzablauf .meta a.verbreitungshinweis,
.programmelement.kurzablauf .meta a.wiederholungsinfo, .programmelement.langablauf .meta span.austrahlungshinweis, .programmelement.langablauf .meta span.verbreitungshinweis, .programmelement.langablauf .meta span.wiederholungsinfo,
.programmelement.langablauf .meta a.austrahlungshinweis,
.programmelement.langablauf .meta a.verbreitungshinweis,
.programmelement.langablauf .meta a.wiederholungsinfo {
  font-style: italic;
}

.programmelement.kurzablauf .meta .bildaudio, .programmelement.langablauf .meta .bildaudio {
  display: block;
  margin: 0 0 0 0;
  height: 24px;
}

.programmelement.kurzablauf .meta .bildaudio a, .programmelement.langablauf .meta .bildaudio a {
  display: inline-block;
}

.programmelement.kurzablauf .meta .bildaudio img, .programmelement.langablauf .meta .bildaudio img {
  display: inline-block;
  margin-right: 7px;
}

.programmelement.kurzablauf .langinhalt, .programmelement.langablauf .langinhalt {
  display: block;
  margin: 0 0 15px 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #e0e0e0;
}

.programmelement.kurzablauf .langinhalt span, .programmelement.langablauf .langinhalt span {
  display: block;
  margin: 0 0 15px 0;
}

.programmelement.kurzablauf .langinhalt span.kurztext, .programmelement.langablauf .langinhalt span.kurztext {
  font-weight: bold;
}

.programmelement.kurzablauf .langinhalt span.zusatztext, .programmelement.langablauf .langinhalt span.zusatztext {
  font-style: italic;
}

.programmelement.kurzablauf .langinhalt .besetzung .contentheadline, .programmelement.langablauf .langinhalt .besetzung .contentheadline {
  margin-top: 60px;
  margin-bottom: 30px;
}

.programmelement.kurzablauf .langinhalt .besetzung .cast, .programmelement.langablauf .langinhalt .besetzung .cast {
  list-style: none;
  padding: 0;
  margin: 0;
}

.programmelement.kurzablauf .langinhalt .besetzung .cast li, .programmelement.langablauf .langinhalt .besetzung .cast li {
  display: block;
  width: 100%;
  margin: 0 0 8px 0;
}

.programmelement.kurzablauf .langinhalt .besetzung .cast li .name, .programmelement.langablauf .langinhalt .besetzung .cast li .name {
  display: inline-block;
  font-weight: 700;
  width: 40%;
}

.programmelement.kurzablauf .langinhalt .besetzung .cast li .rolle, .programmelement.langablauf .langinhalt .besetzung .cast li .rolle {
  display: inline-block;
  width: 50%;
}

.programmelement.kurzablauf .langinhalt .besetzung .cast li .vita, .programmelement.langablauf .langinhalt .besetzung .cast li .vita {
  display: inline-block;
  width: 100%;
}

.programmelement.kurzablauf .bilder, .programmelement.langablauf .bilder {
  border-top: 1px dashed #e0e0e0;
  margin: 10px 0 0 0;
  padding: 35px 0 0 0;
  transition-property: max-height;
  transition-duration: 5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  height: auto;
  display: block;
}

.programmelement.kurzablauf .bilder.hiddenZeile, .programmelement.langablauf .bilder.hiddenZeile {
  height: 0;
  overflow: hidden;
  border-width: 0;
  padding: 0;
  margin: 0;
}

.programmelement.kurzablauf .bilder.hiddenZeile.show, .programmelement.langablauf .bilder.hiddenZeile.show {
  overflow: visible;
  height: auto;
  border-width: 1px;
  margin: 10px 0 0 0;
  padding: 35px 0 0 0;
}

.programmelement.kurzablauf.langablauf .meta, .programmelement.langablauf.langablauf .meta {
  border-bottom: none;
}

.programmelement.kurzablauf.langablauf .bilder, .programmelement.langablauf.langablauf .bilder {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  .programmelement.kurzablauf.kurzablauf, .programmelement.langablauf.kurzablauf {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .programmelement.kurzablauf.kurzablauf .headlines, .programmelement.langablauf.kurzablauf .headlines {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .programmelement.kurzablauf.kurzablauf .sendelabel,
  .programmelement.kurzablauf.kurzablauf .themenlabel,
  .programmelement.kurzablauf.kurzablauf .highlightlabel, .programmelement.langablauf.kurzablauf .sendelabel,
  .programmelement.langablauf.kurzablauf .themenlabel,
  .programmelement.langablauf.kurzablauf .highlightlabel {
    font-size: 11px;
  }
}

@media only screen and (max-width: 767px) {
  .programmelement.kurzablauf.kurzablauf .sendetitel,
  .programmelement.kurzablauf.kurzablauf .sendezeit,
  .programmelement.kurzablauf.kurzablauf .unterzeile, .programmelement.langablauf.kurzablauf .sendetitel,
  .programmelement.langablauf.kurzablauf .sendezeit,
  .programmelement.langablauf.kurzablauf .unterzeile {
    font-size: 14px;
  }
}

/* Sendetermine zB in Pressemappen */
.sendetermine {
  /* Überschriften */
  /* Tabelle */
}

.sendetermine .staffel {
  display: block;
  font-size: 14px;
  color: #17181A;
  margin: 0 0 24px 0;
}

.sendetermine .pw {
  display: block;
  font-size: 14px;
  color: #17181A;
  margin: 0 0 12px 0;
}

.sendetermine .weiteresender {
  display: block;
  font-size: 14px;
  color: #17181A;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 12px 0;
  margin: 0 0 45px 0;
}

.sendetermine ul {
  list-style: none;
  display: block;
  margin: 0 0 40px 0;
  padding: 0;
  border-top: 1px solid #e0e0e0;
}

.sendetermine ul li {
  display: block;
  border-bottom: 1px solid #e0e0e0;
  padding: 3px 0 1px 0;
}

.sendetermine ul li a {
  display: block;
  position: relative;
}

.sendetermine ul li a:before, .sendetermine ul li a:after {
  content: " ";
  display: table;
}

.sendetermine ul li a:after {
  clear: both;
}

.sendetermine ul li a span {
  display: block;
  float: left;
  font-size: 14px;
  color: #4c4c4c;
  font-weight: 400;
}

.sendetermine ul li a span.sendedatum {
  width: 10%;
  overflow: hidden;
  min-width: 60px;
}

.sendetermine ul li a span.sendezeit {
  width: 10%;
  overflow: hidden;
  min-width: 50px;
}

.sendetermine ul li a span.episode {
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}

@media only screen and (max-width: 767px) {
  .sendetermine ul li a span.episode {
    width: 100%;
  }
}

.sendetermine ul li a span.sendelabel {
  margin-top: 3px;
  font-size: 11px;
  color: #17181A;
  width: 17%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .sendetermine ul li a span.sendelabel {
    width: 100%;
  }
}

/* ContentHeadNav (über dem Content) */
.tvprogramme-nav {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #FFFFFF;
  /*  Topnav */
  /* Programmtag Pager */
  /* Alle Bilder Checkbox im Programmtag */
  /* Dropdown im Programmtag */
}

.tvprogramme-nav.affix {
  position: fixed;
  top: 69px;
  width: 100%;
  z-index: 80;
}

@media only screen and (max-width: 767px) {
  .tvprogramme-nav.affix {
    top: 48px;
  }
}

.tvprogramme-nav.affix-bottom {
  position: fixed;
}

.tvprogramme-nav .tvprogramme-topnav {
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  min-height: 68px;
  /* PW Dropdown im Schema */
  /* Programmkalender Dropdown im Schema */
  /* Dropdowns in im Schema */
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-pw {
  width: 120px;
  margin: 20px 0;
  position: relative;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-pw .aktuelle-pw {
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  color: #4c4c4c;
  padding: 0;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-pw .aktuelle-pw .fa {
  display: inline-block;
  padding-right: 10px;
  font-size: 18px;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-pw .dropdown-menu {
  left: 0;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-pw .dropdown-menu a {
  color: #666666;
  padding-left: 25px;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-pw .dropdown-menu a:hover {
  color: #17181A;
  background-color: #eeeeee;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-pw .dropdown-menu .active a {
  color: #17181A;
  background-color: #eeeeee;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-programmkalender {
  margin: 24px 0 16px;
  width: 10%;
  float: left;
  position: relative;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-programmkalender .btn {
  padding: 0;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-programmkalender .btn:hover .fa {
  color: #17181A;
}

.tvprogramme-nav .tvprogramme-topnav .dropdown-programmkalender .btn .fa {
  color: #17181A;
  font-size: 23px;
}

.tvprogramme-nav .tvprogramme-topnav .schema-dropdowns {
  float: left;
  margin: 26px 0 14px;
  width: 90%;
}

.tvprogramme-nav .tvprogramme-topnav .schema-dropdowns .module-link-caller {
  width: 200px;
  float: right;
}

@media only screen and (max-width: 1179px) {
  .tvprogramme-nav .tvprogramme-topnav .schema-dropdowns .module-link-caller {
    float: none;
  }
}

.tvprogramme-nav .tvprogramme-topnav .schema-dropdowns .bootstrap-select {
  margin-left: 20px;
  width: 180px;
}

@media only screen and (min-width: 768px) {
  .tvprogramme-nav .tvprogramme-topnav .schema-dropdowns .bootstrap-select {
    float: none;
    margin-bottom: 10px;
  }
}

.tvprogramme-nav .tvprogramme-topnav .schema-dropdowns .bootstrap-select .dropdown-menu.open {
  right: 0;
  left: auto;
}

.tvprogramme-nav .tvprogramme-topnav .schema-dropdowns .bootstrap-select .dropdown-menu.open ul li a {
  padding-left: 30px;
}

.tvprogramme-nav .pager-programmtag,
.tvprogramme-nav .pager-programmelement {
  display: block;
  margin: 20px 0;
}

.tvprogramme-nav .pager-programmtag .btn,
.tvprogramme-nav .pager-programmelement .btn {
  vertical-align: middle;
  padding: 0 10px 0 0;
}

.tvprogramme-nav .pager-programmtag .btn .fa,
.tvprogramme-nav .pager-programmelement .btn .fa {
  color: #4c4c4c;
  font-size: 18px;
  display: inline-block;
  margin-top: 1px;
}

.tvprogramme-nav .pager-programmtag .btn .fa:hover,
.tvprogramme-nav .pager-programmelement .btn .fa:hover {
  color: #8d8d8d;
}

.tvprogramme-nav .pager-programmtag .aktueller-tag,
.tvprogramme-nav .pager-programmtag .aktuelles-element,
.tvprogramme-nav .pager-programmelement .aktueller-tag,
.tvprogramme-nav .pager-programmelement .aktuelles-element {
  vertical-align: middle;
  color: #4c4c4c;
  font-size: 24px;
  font-weight: 700;
  padding-right: 10px;
}

.tvprogramme-nav .allebilder_checkbox {
  display: inline-block;
  margin: 24px 0 16px 0;
  padding-top: 4px;
  vertical-align: middle;
}

.tvprogramme-nav .allebilder_checkbox label {
  font-size: 11px;
  color: #8d8d8d;
  font-weight: 400;
}

.tvprogramme-nav .allebilder_checkbox label::before, .tvprogramme-nav .allebilder_checkbox label::after {
  margin-top: 0;
}

.tvprogramme-nav .kurzablauf-funktionen {
  display: block;
  width: auto;
  margin: 24px 0 16px 0;
}

.tvprogramme-nav .kurzablauf-funktionen .bootstrap-select .btn .filter-option {
  padding-top: 2px;
}

.tvprogramme-nav .kurzablauf-funktionen .bootstrap-select .dropdown-menu.open ul li a {
  padding-left: 30px;
}

/* Headline im Schema für die Slots */
.schema-table {
  padding-top: 165px;
}

.schema-slots {
  background: url("../images/schema_headline_back.png") bottom repeat-x;
}

/* Schema-Tabellen */
.table {
  /* Tagenav */
  table-layout: fixed;
  /* Tageshighlights */
  /* Normales Schema*/
}

.table .programmtag {
  width: 14.2857142857%;
  padding: 0 1px 0 0;
}

.table.schema-tagenav {
  margin: 10px 0 6px 0;
}

.table.schema-tagenav .programmtag {
  border-top: none;
}

.table.schema-tagenav .programmtag a {
  font-size: 14px;
  color: #4c4c4c;
  font-weight: 400;
  display: block;
  border-left: 1px solid #ffffff;
  padding: 4px 0 4px 14px;
}

.table.schema-tagenav .programmtag:last-of-type a {
  border-right: 1px solid #ffffff;
}

.table.schema-tageshighlights .programmtag {
  border-top: none;
}

.table.schema-tageshighlights .programmtag .meta {
  border-left: 1px solid #e0e0e0;
}

.table.schema-tageshighlights .programmtag:last-of-type .meta {
  border-right: 1px solid #e0e0e0;
}

.table.schema-regular .programmtag {
  border-top: none;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  padding-bottom: 50px;
}

/* Suchdropdown im Header */
header #suche-dropdown {
  display: none;
  z-index: 10000000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

header #suche-dropdown.open {
  display: block;
}

header #suche-dropdown .suche-dropdown-header {
  height: 32px;
  max-width: 550px;
  width: 100%;
  margin: 55px auto 0 auto;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  header #suche-dropdown .suche-dropdown-header {
    max-width: 400px;
  }
}

header #suche-dropdown .suche-dropdown-header input {
  font-size: 13px;
  padding: 2px 15px;
  height: 28px;
}

header #suche-dropdown .suche-dropdown-header .closebutton {
  position: absolute;
  right: 10px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url("../images/CloseMarke_N-2x.png") no-repeat;
  background-size: cover;
}

header #suche-dropdown .suche-dropdown-body {
  /* Blauer Bereich unterhalb des Headers */
  display: block;
  background-color: rgba(23, 24, 26, 0.8);
  height: 100%;
}

header #suche-dropdown .suche-dropdown-body .suche-dropdown-content {
  margin: 0 auto;
  width: 716px;
  /* Element auf Bootstrap-Breite anpassen */
  background-color: #ffffff;
  overflow: hidden;
}

header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse {
  padding: 40px 115px;
}

header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .trefferliste,
header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .vorschlaege {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 20px 35px 20px;
  margin: 0 0 20px 0;
}

header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .trefferliste .headline,
header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .vorschlaege .headline {
  font-size: 12px;
  color: #4c4c4c;
}

header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .trefferliste ul,
header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .vorschlaege ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .trefferliste ul li a,
header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .vorschlaege ul li a {
  font-size: 12px;
  color: #8d8d8d;
}

header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .trefferliste ul li a:hover, header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .trefferliste ul li a:focus,
header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .vorschlaege ul li a:hover,
header #suche-dropdown .suche-dropdown-body .suche-dropdown-content .suche-dropdown-ergebnisse .vorschlaege ul li a:focus {
  color: #17181A;
  text-decoration: none;
}

/*
  Suchfeld im Content
*/
.select2-dropdown {
  border-color: #e0e0e0 !important;
  border-radius: 0;
}

.select2-dropdown input {
  border-color: #e0e0e0;
}

.select2-dropdown .select2-results__option--highlighted {
  background-color: #17181A !important;
}

.suchfeld-content {
  display: block;
  margin: 35px 0 0 0;
  padding: 0 0 0 40px;
  background: url("../images/LupeSuche.png") center left no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .suchfeld-content {
    background-image: url("../images/LupeSuche-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 23px 23px !important;
  }
}

.suchfeld-content input {
  box-shadow: none;
}

.suchfeld-content input:focus {
  box-shadow: none;
}

.suchfeld-content .select2-container--default .select2-selection--single {
  border-radius: 0;
  border-color: #e0e0e0 !important;
  height: 34px;
}

.suchfeld-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}

.suchfeld-content .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

/*
  Reiter Header über dem Content
*/
.reiterheader {
  display: block;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 34px 0 34px 0;
}

.reiterheader ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.reiterheader ul:before, .reiterheader ul:after {
  content: " ";
  display: table;
}

.reiterheader ul:after {
  clear: both;
}

.reiterheader ul li {
  padding: 0;
  margin: 0 15px 0 0;
  display: block;
  float: left;
}

@media only screen and (max-width: 767px) {
  .reiterheader ul li {
    margin: 0 15px 0 0;
  }
}

.reiterheader ul li.active a {
  color: #666666;
}

.reiterheader ul li a {
  font-size: 12px;
  color: #c7c7c7;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .reiterheader ul li a {
    font-size: 12px;
  }
}

.reiterheader ul li a .treffer {
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .reiterheader ul li a .treffer {
    font-size: 10px;
  }
}

.resultsOuter {
  position: relative;
}

.resultsOuter.resultsOuterInitial {
  min-height: 100px;
}

.resultsOuter .loader {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.resultsOuter .loader.isVisible {
  display: block;
}

.resultsOuter .loaderInner {
  font-size: 100px;
  line-height: 1em;
  color: #8d8d8d;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50px;
  margin-left: -50px;
}

.resultsOuter .loaderInfinite {
  text-align: center;
}

.resultsOuter .loaderInfinite .loaderInfiniteIcon {
  font-size: 30px;
  line-height: 1em;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  color: #8d8d8d;
}

/* Suchergebnisse */
.suchergebnisse .suchergebnis {
  /* Allgemeine Formatierungen */
  /* Treffertypen */
}

.suchergebnisse .suchergebnis .marke-typ {
  font-size: 12px;
  color: #8d8d8d;
}

.suchergebnisse .suchergebnis .marke-typ span {
  display: inline-block;
  font-size: 12px;
}

.suchergebnisse .suchergebnis .headlines {
  display: block;
  margin-bottom: 6px;
  clear: both;
}

.suchergebnisse .suchergebnis .headlines .typ {
  font-size: 12px;
  color: #8d8d8d;
}

.suchergebnisse .suchergebnis .headlines .datum {
  margin-bottom: 0;
}

.suchergebnisse .suchergebnis .headlines .topheader {
  margin-bottom: 0;
}

.suchergebnisse .suchergebnis .headlines .header {
  margin-bottom: 0;
}

.suchergebnisse .suchergebnis .text strong {
  display: inline-block;
  padding: 0 2px;
  background-color: #eeeeee;
  color: #17181A;
  font-weight: 400;
}

.suchergebnisse .suchergebnis.text {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}

.suchergebnisse .suchergebnis.bild {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}

.suchergebnisse .suchergebnis.bild .headlines .header {
  font-weight: 400;
}

.suchergebnisse .suchergebnis.video {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}

.suchergebnisse .suchergebnis.video .datum-typ {
  font-size: 12px;
  color: #8d8d8d;
}

.suchergebnisse .suchergebnis.video .datum-typ span {
  display: inline-block;
  margin-bottom: 6px;
}

.suchergebnisse .suchergebnis.oton {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}

.suchergebnisse .senderlabel_suche {
  clear: both;
  color: #d8d8d8;
  line-height: 24px;
  min-width: 28px;
  width: auto;
  padding: 0 10px 0 10px;
  margin: 0 6px 0 0;
}

/* Warenkorb Seite */
.warenkorb-hinweis {
  display: block;
  margin: 0 0 34px 0;
}

.warenkorb-image {
  height: 20em;
}

.warenkorb-image .img-responsive {
  max-height: 100%;
}

.contentblock.warenkorb {
  /* Einzelne Inhalte */
}

.contentblock.warenkorb .markenheader {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 12px;
  color: #8d8d8d;
  margin: 0 0 34px 0;
  padding: 5px 0 0 0;
}

.contentblock.warenkorb .markenheader span {
  display: inline-block;
}

.contentblock.warenkorb .loeschen {
  display: block;
}

.contentblock.warenkorb .loeschen .fa {
  font-size: 14px;
  color: #c7c7c7 !important;
}

.contentblock.warenkorb .loeschen .fa:hover, .contentblock.warenkorb .loeschen .fa:active {
  color: #17181A !important;
}

.contentblock.warenkorb .bilder {
  padding: 0 0 34px 0;
}

.contentblock.warenkorb .warenkorb-entry {
  padding: 0 0 14px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 0 14px 0;
}

.contentblock.warenkorb .warenkorb-entry:last-of-type {
  border-bottom: none;
}

html.video-open {
  overflow: hidden;
}

html.video-open body {
  overflow: hidden;
}

html.video-open body header {
  z-index: 1;
}

html.video-open body header #nav {
  z-index: 1;
}

#videoplayer_layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 2000;
  background-color: #17181A;
}

#videoplayer_layer .wrap {
  background-color: #17181A;
}

#videoplayer_layer .wrap.videoplayer {
  background-color: #17181A;
}

#videoplayer_layer .wrap.videoplayer header {
  background-image: none;
  z-index: 2001;
}

#videoplayer_layer .wrap.videoplayer header #nav,
#videoplayer_layer .wrap.videoplayer header #videoplayernav {
  background-image: none;
  border: none;
  background-color: #17181A;
}

#videoplayer_layer .wrap.videoplayer header #nav .header-top,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-top {
  background-image: none;
  background-color: #17181A;
}

#videoplayer_layer .wrap.videoplayer header #nav .header-top .video-byline,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-top .video-byline {
  display: block;
  margin: 30px 0 0 0;
  position: relative;
}

#videoplayer_layer .wrap.videoplayer header #nav .header-top .video-byline .titel,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-top .video-byline .titel {
  color: #ffffff;
  font-size: 23px;
  font-weight: 700;
  padding: 0 80px 0 0;
}

@media only screen and (max-width: 767px) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-top .video-byline .titel,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-top .video-byline .titel {
    display: block;
    font-size: 20px;
    padding-right: 45px;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-top .video-byline .video-close,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-top .video-byline .video-close {
  position: absolute;
  top: -3px;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/CloseButt_N.png") no-repeat;
  text-indent: -999em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-top .video-byline .video-close,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-top .video-byline .video-close {
    background-image: url("../images/CloseButt_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 40px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-top .video-byline .video-close:hover,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-top .video-byline .video-close:hover {
  background: url("../images/CloseButt_H.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-top .video-byline .video-close:hover,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-top .video-byline .video-close:hover {
    background-image: url("../images/CloseButt_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-top .video-byline .video-close,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-top .video-byline .video-close {
    top: -5px;
    transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    /* Alte Android Versionen (< 5) */
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom {
  background-color: #17181A !important;
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu {
  width: 100%;
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke {
  background-position: center left;
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.mediengruppe-rtl,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.mediengruppe-rtl {
  background-image: url("../images/logos/markenmenue/mgrtl-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.mediengruppe-rtl,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.mediengruppe-rtl {
    background-image: url("../images/logos/markenmenue/mgrtl-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl {
  background-image: url("../images/logos/markenmenue/rtl-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl {
    background-image: url("../images/logos/markenmenue/rtl-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.vox,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.vox {
  background-image: url("../images/logos/markenmenue/vox-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.vox,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.vox {
    background-image: url("../images/logos/markenmenue/vox-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.nitro,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.nitro {
  background-image: url("../images/logos/markenmenue/nitro-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.nitro,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.nitro {
    background-image: url("../images/logos/markenmenue/nitro-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.n-tv,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.n-tv {
  background-image: url("../images/logos/markenmenue/ntv-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.n-tv,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.n-tv {
    background-image: url("../images/logos/markenmenue/ntv-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.superrtl,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.superrtl {
  background-image: url("../images/logos/markenmenue/superrtl-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.superrtl,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.superrtl {
    background-image: url("../images/logos/markenmenue/superrtl-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl-crime,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl-crime {
  background-image: url("../images/logos/markenmenue/crime-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl-crime,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl-crime {
    background-image: url("../images/logos/markenmenue/crime-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl-living,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl-living {
  background-image: url("../images/logos/markenmenue/living-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl-living,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl-living {
    background-image: url("../images/logos/markenmenue/living-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl-passion,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl-passion {
  background-image: url("../images/logos/markenmenue/passion-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl-passion,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl-passion {
    background-image: url("../images/logos/markenmenue/passion-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.geo-television,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.geo-television {
  background-image: url("../images/logos/markenmenue/geo-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.geo-television,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.geo-television {
    background-image: url("../images/logos/markenmenue/geo-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.ip-deutschland,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.ip-deutschland {
  background-image: url("../images/logos/markenmenue/ip-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.ip-deutschland,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.ip-deutschland {
    background-image: url("../images/logos/markenmenue/ip-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl-international,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl-international {
  background-image: url("../images/logos/markenmenue/rtlint-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl-international,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl-international {
    background-image: url("../images/logos/markenmenue/rtlint-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtlplus,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtlplus {
  background-image: url("../images/logos/markenmenue/rtlplus-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtlplus,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtlplus {
    background-image: url("../images/logos/markenmenue/rtlplus-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl2,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl2 {
  background-image: url("../images/logos/markenmenue/rtl2-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.rtl2,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.rtl2 {
    background-image: url("../images/logos/markenmenue/rtl2-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.toggoplus,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.toggoplus {
  background-image: url("../images/logos/markenmenue/toggoplus-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.toggoplus,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.toggoplus {
    background-image: url("../images/logos/markenmenue/toggoplus-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.now-us,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.now-us {
  background-image: url("../images/logos/markenmenue/now-us-monowhite.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .marke.now-us,
  #videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .marke.now-us {
    background-image: url("../images/logos/markenmenue/now-us-monowhite-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 108px 65px !important;
  }
}

#videoplayer_layer .wrap.videoplayer header #nav .header-bottom .markenmenu .fa,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .header-bottom .markenmenu .fa {
  color: #ffffff;
}

#videoplayer_layer .wrap.videoplayer header #nav .topnav,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .topnav {
  position: relative;
}

#videoplayer_layer .wrap.videoplayer header #nav .topnav .hauptnav,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .topnav .hauptnav {
  display: none;
}

#videoplayer_layer .wrap.videoplayer header #nav .topnav .usermenu,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .topnav .usermenu {
  display: none;
}

#videoplayer_layer .wrap.videoplayer header #nav .subnav,
#videoplayer_layer .wrap.videoplayer header #videoplayernav .subnav {
  background-color: transparent;
}

#videoplayer_layer .wrap.videoplayer header .markenband {
  z-index: 2002;
  border-bottom: 1px solid #4c4c4c;
}

#videoplayer_layer .wrap.videoplayer header .markenband.open {
  background-color: #17181A;
}

#videoplayer_layer .wrap.videoplayer header .markenband.open .center {
  padding-top: 30px !important;
}

#videoplayer_layer .wrap.videoplayer header .markenband.open .center .close {
  background: url("../images/CloseMarkeTvPreview_N.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header .markenband.open .center .close {
    background-image: url("../images/CloseMarkeTvPreview_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 14px 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  #videoplayer_layer .wrap.videoplayer header .markenband.open .center .close {
    height: 28px;
    width: 100%;
    background-position: 13px center;
    /* Absolut positioniertes Element auf vertikale Position zum Bootstrap-Container bringen */
  }
}

#videoplayer_layer .wrap.videoplayer header .markenband.open .center .close:hover {
  background: url("../images/CloseMarkeTvPreview_H.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #videoplayer_layer .wrap.videoplayer header .markenband.open .center .close:hover {
    background-image: url("../images/CloseMarkeTvPreview_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 14px 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  #videoplayer_layer .wrap.videoplayer header .markenband.open .center .close:hover {
    background-position: 13px center;
  }
}

#videoplayer_layer .wrap.videoplayer footer {
  display: none;
}

#videoplayer_layer .wrap.videoplayer .contentwrap .seitenheader {
  color: #ffffff;
  border: none;
  margin-bottom: 0;
}

#videoplayer_layer .wrap.videoplayer .contentwrap .videoteaser {
  border-bottom: none;
  border-top: 1px solid #8d8d8d;
  padding-top: 34px;
  margin-bottom: 0;
}

#videoplayer_layer .wrap.videoplayer .contentwrap .videoteaser .header {
  color: #17181A;
}

#videoplayer_layer .wrap.videoplayer .contentwrap .videoteaser .subheader {
  color: #c7c7c7;
}

#videoplayer_layer .wrap.videoplayer .contentwrap .videoteaser .text {
  color: #8d8d8d;
}

#videoplayer_layer .bleed.bannervideo {
  background-color: #17181A;
}

#videoplayer_layer .bleed.bannervideo .video-embed {
  display: block;
  height: auto;
  max-width: 1128px;
  /* Element auf Bootstrap-Breite anpassen */
  width: 100%;
  margin: 0 auto;
  position: relative;
  /* HTML5 Videoplayer Elemente für mobile Browser anpassen: Playpfeil unsichtbar machen, wenn eigener Playpfeil verwendet wird */
}

#videoplayer_layer .bleed.bannervideo .video-embed video::-webkit-media-controls {
  overflow: hidden !important;
}

#videoplayer_layer .bleed.bannervideo .video-embed video::-webkit-media-controls-enclosure {
  width: calc(100% + 32px);
  margin-left: auto;
}

#videoplayer_layer .bleed.bannervideo .video-embed video::-webkit-media-controls-start-playback-button,
#videoplayer_layer .bleed.bannervideo .video-embed video::-webkit-media-controls-overlay-play-button {
  display: inherit !important;
  -webkit-appearance: inherit !important;
}

#videoplayer_layer .bleed.bannervideo .video-embed .error {
  display: block;
  height: auto;
  width: 100%;
  text-align: center;
  padding: 0 26px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#videoplayer_layer .bleed.bannervideo .contentwrap {
  margin: 0 auto;
  padding: 0 0 0 0;
}

#videoplayer_layer .bleed.bannervideo .contentwrap .videofooter {
  padding: 35px 0 40px 0;
  display: block;
}

#videoplayer_layer .bleed.bannervideo .contentwrap .videofooter .datum {
  font-size: 14px;
  color: #8d8d8d;
}

#videoplayer_layer .bleed.bannervideo .contentwrap .videofooter .header {
  height: auto;
  overflow: visible;
  font-size: 24px;
  font-weight: 700;
  color: #17181A;
}

#videoplayer_layer .bleed.bannervideo .contentwrap .videofooter .unterzeile {
  height: auto;
  overflow: visible;
  font-size: 20px;
  color: #c7c7c7;
  display: block;
}

#videoplayer_layer .bleed.bannervideo .contentwrap .videofooter .sendehinweis {
  overflow: auto;
  height: auto;
  display: block;
  font-size: 14px;
  color: #c7c7c7;
}

.video.locked video,
.video-embed.locked video {
  opacity: 0.5;
}

.video.locked .playbutton,
.video-embed.locked .playbutton {
  opacity: 1;
  background: url("../images/VideoButtLocked_N.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .video.locked .playbutton,
  .video-embed.locked .playbutton {
    background-image: url("../images/VideoButtLocked_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.video.locked:hover, .video.locked:active,
.video-embed.locked:hover,
.video-embed.locked:active {
  opacity: 1;
}

.video.locked:hover .playbutton, .video.locked:active .playbutton,
.video-embed.locked:hover .playbutton,
.video-embed.locked:active .playbutton {
  background: url("../images/VideoButtLocked_H.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .video.locked:hover .playbutton, .video.locked:active .playbutton,
  .video-embed.locked:hover .playbutton,
  .video-embed.locked:active .playbutton {
    background-image: url("../images/VideoButtLocked_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

/* Ansprechpartner */
.ansprechpartner {
  padding: 35px 0 0 0;
  border-top: 1px dashed #e0e0e0;
}

.ansprechpartner:before, .ansprechpartner:after {
  content: " ";
  display: table;
}

.ansprechpartner:after {
  clear: both;
}

.ansprechpartner.solo {
  border-top: none;
  padding-top: 0;
}

.ansprechpartner.pressemitteilung {
  border-top: 1px solid #e0e0e0;
  margin-bottom: 0;
}

.ansprechpartner.newsletter {
  padding-top: 0;
  border-top: none;
}

.ansprechpartner.bildproduktion {
  border-top: none;
  padding-top: 0;
}

.ansprechpartner.profil {
  border-top: none;
  padding: 0;
  margin: 0 0 35px 0;
}

.ansprechpartner.profil .kontakt span {
  display: block;
}

.ansprechpartner.profil .kontakt .links {
  margin: 14px 0 0 0;
}

.ansprechpartner.profil .kontakt .links .emaillink {
  display: block;
  font-size: 11px;
  color: #8d8d8d !important;
  margin: 0 0 4px 0;
}

.ansprechpartner.profil .kontakt .links .emaillink .fa {
  display: inline-block;
  width: 24px;
  font-size: 16px;
  color: #17181A;
}

.ansprechpartner.profil .kontakt .links .vcardlink {
  display: block;
  background: url("../images/VCard.png") no-repeat;
  padding-left: 24px;
  font-size: 11px;
  color: #8d8d8d !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ansprechpartner.profil .kontakt .links .vcardlink {
    background-image: url("../images/VCard-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.ansprechpartner .kontakt span {
  font-size: 12px;
  color: #4c4c4c;
}

.ansprechpartner .kontakt span a.fa {
  color: #17181A;
}

.ansprechpartner .kontakt.zeile {
  display: block;
  padding: 0 0 12px 0;
}

.ansprechpartner .kontakt.zeile span {
  font-size: 14px;
}

.ansprechpartner .kontakt.zeile span.pipe {
  display: inline-block;
  padding: 0 10px;
}

.ansprechpartner .kontakt .position {
  display: block;
}

#seite-empfehlen {
  z-index: 10500;
}

#seite-empfehlen .modal-header {
  border-bottom: none;
  padding: 40px 40px 20px 40px;
}

#seite-empfehlen .modal-header .close {
  text-indent: -999em;
  overflow: hidden;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background: url("../images/CloseMarke_N.png") no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #seite-empfehlen .modal-header .close {
    background-image: url("../images/CloseMarke_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 14px 14px !important;
  }
}

#seite-empfehlen .modal-body {
  padding: 10px 40px 10px 40px;
}

#seite-empfehlen .modal-footer {
  border-top: none;
  padding: 10px 40px 40px 40px;
}

#seite-empfehlen .modal-footer .btn {
  margin-bottom: 10px;
}

#seite-empfehlen .modal-footer .btn:last-of-type {
  margin-right: 0;
}

#modal-loading {
  z-index: 10500;
}

#modal-loading .modal-header {
  padding: 40px 40px 20px 40px;
}

#modal-loading .modal-body {
  padding: 10px 40px;
}

.modal-backdrop {
  z-index: 10499;
}

html.modernizr-touchevents header #nav .markenband .center ul li a:hover,
html.modernizr-touchevents header #videoplayernav .markenband .center ul li a:hover {
  background-position: center bottom;
  background-color: #17181a;
}

html.modernizr-touchevents header #nav .markenband .center ul li a.active:hover,
html.modernizr-touchevents header #videoplayernav .markenband .center ul li a.active:hover {
  background-position: center top;
  background-color: rgba(23, 24, 26, 0);
}

html.modernizr-touchevents .bx-wrapper .bx-controls .bx-prev:hover, html.modernizr-touchevents .bx-wrapper .bx-controls .bx-prev:active {
  background: url("../images/DiashowButt_N.png") no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  html.modernizr-touchevents .bx-wrapper .bx-controls .bx-prev:hover, html.modernizr-touchevents .bx-wrapper .bx-controls .bx-prev:active {
    background-image: url("../images/DiashowButt_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 40px !important;
  }
}

html.modernizr-touchevents .bx-wrapper .bx-controls .bx-next:hover, html.modernizr-touchevents .bx-wrapper .bx-controls .bx-next:active {
  background: url("../images/DiashowButt_N_right.png") no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  html.modernizr-touchevents .bx-wrapper .bx-controls .bx-next:hover, html.modernizr-touchevents .bx-wrapper .bx-controls .bx-next:active {
    background-image: url("../images/DiashowButt_N_right-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 40px 40px !important;
  }
}

.moduleLoaderOuter {
  position: relative;
}

.moduleLoaderOuter.isHidden .moduleLoaderOverlay,
.moduleLoaderOuter.isHidden .moduleLoader,
.moduleLoaderOuter.isHidden .moduleLoaderInner {
  display: none;
}

.moduleLoaderOuter .moduleLoaderOverlay {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.moduleLoaderOuter .moduleLoaderInner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
}

.moduleLoaderOuter .moduleLoaderInner.isSmall {
  margin-left: -8px;
  margin-top: -8px;
}

.moduleLoader {
  text-align: center;
}

.moduleLoaderInner {
  font-size: 100px;
  line-height: 1em;
  color: #8d8d8d;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.moduleLoaderInner.isSmall {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

.aufmacher {
  display: block;
  width: 100%;
  /* Neu: für Twitter Aufmacher */
}

@media only screen and (max-width: 767px) {
  .aufmacher {
    margin-left: -15px;
    margin-right: -30px;
    width: auto;
  }
}

.aufmacher.twitter {
  text-align: center;
}

.aufmacher.twitter.nopic .headlines {
  padding: 110px 0 110px 0;
}

.aufmacher.twitter .headlines {
  padding: 30px 0 60px 0;
}

.aufmacher.twitter .headlines .topheader {
  font-size: 18px;
  color: #020203;
  font-weight: 700;
  line-height: 1.2;
}

.aufmacher.twitter .headlines .header {
  font-size: 60px;
  color: #020203;
  text-transform: 700;
  font-weight: 700;
  line-height: 1.2;
}

.aufmacher ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  clear: both;
}

.aufmacher ul li {
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  width: 66.667%;
  position: relative;
}

.aufmacher ul li:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.aufmacher ul li .content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height: 100px;
  overflow: hidden;
}

.aufmacher ul li a.img-link {
  display: block;
  position: relative;
}

.aufmacher ul li .overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.5) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.aufmacher ul li .playbutton {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  /* Alte Android Versionen (< 5) */
  height: 60px;
  width: 60px;
  left: 0;
  right: 0;
  margin: -1px auto 0 auto;
  text-indent: -999em;
  background: url("../images/VideoButt_N.png") center no-repeat;
  z-index: 57;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .aufmacher ul li .playbutton {
    background-image: url("../images/VideoButt_N-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.aufmacher ul li .playbutton:hover, .aufmacher ul li .playbutton:active {
  background: url("../images/VideoButt_H.png") center no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .aufmacher ul li .playbutton:hover, .aufmacher ul li .playbutton:active {
    background-image: url("../images/VideoButt_H-2x.png") !important;
    background-repeat: no-repeat;
    background-size: contain !important;
  }
}

.aufmacher ul li .caption {
  bottom: 40px;
  position: absolute;
  left: 30px;
  width: calc(100% - 60px);
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li .caption {
    opacity: 1;
    bottom: 20px;
    left: 30px;
    width: calc(100% - 75px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1179px) {
  .aufmacher ul li .caption {
    bottom: 5%;
  }
}

.aufmacher ul li .caption > a, .aufmacher ul li .caption div {
  display: block;
  line-height: 0;
  height: auto;
}

.aufmacher ul li .caption > a span, .aufmacher ul li .caption div span {
  line-height: 1.5;
}

.aufmacher ul li .caption .senderlabel,
.aufmacher ul li .caption .topheader,
.aufmacher ul li .caption .header,
.aufmacher ul li .caption .meta {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: auto;
}

.aufmacher ul li .caption .senderlabel {
  margin: 0 0 9px 0;
}

.aufmacher ul li .caption .topheader {
  background-color: #ffffff;
  padding: 2px 30px 0 30px;
  color: #17181A;
  margin: 0 0 4px 0;
  font-size: 13px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li .caption .topheader {
    font-size: 12px;
    padding: 2px 15px 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1017px) {
  .aufmacher ul li .caption .topheader {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1018px) and (max-width: 1179px) {
  .aufmacher ul li .caption .topheader {
    font-size: 12px;
    line-height: 1.5;
  }
}

.aufmacher ul li .caption .header {
  background-color: #ffffff;
  padding: 1px 30px 0;
  margin: 0 0 5px 0;
  color: #17181A;
  font-size: 18px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li .caption .header {
    font-size: 14px;
    line-height: 1.2;
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1179px) {
  .aufmacher ul li .caption .header {
    font-size: 14px;
    line-height: 1.5;
  }
}

.aufmacher ul li .caption .meta {
  background-color: rgba(23, 24, 26, 0.8);
  padding: 0 30px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li .caption .meta {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1179px) {
  .aufmacher ul li .caption .meta {
    line-height: 1.5;
  }
}

.aufmacher ul li:first-child {
  margin-right: 1.071%;
}

.aufmacher ul li:first-child:before {
  padding-top: 56.25%;
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li:first-child {
    width: 100%;
    padding-bottom: 1.211%;
  }
}

.aufmacher ul li:nth-child(2), .aufmacher ul li:nth-child(3) {
  width: 32.262%;
}

.aufmacher ul li:nth-child(2) .caption, .aufmacher ul li:nth-child(3) .caption {
  left: 15px;
  bottom: 22px;
  width: calc(100% - 30px);
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li:nth-child(2) .caption, .aufmacher ul li:nth-child(3) .caption {
    left: 30px;
    width: calc(100% - 75px);
  }
}

.aufmacher ul li:nth-child(2) .caption .topheader, .aufmacher ul li:nth-child(3) .caption .topheader {
  display: none;
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li:nth-child(2) .caption .topheader, .aufmacher ul li:nth-child(3) .caption .topheader {
    display: inline-block;
    padding: 0 15px;
  }
}

.aufmacher ul li:nth-child(2) .caption .senderlabel, .aufmacher ul li:nth-child(3) .caption .senderlabel {
  margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li:nth-child(2) .caption .senderlabel, .aufmacher ul li:nth-child(3) .caption .senderlabel {
    margin-bottom: 9px;
  }
}

.aufmacher ul li:nth-child(2) .caption .header, .aufmacher ul li:nth-child(3) .caption .header {
  font-size: 15px;
  padding: 1px 10px 0;
  margin-top: 2px;
  margin-bottom: 3px;
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li:nth-child(2) .caption .header, .aufmacher ul li:nth-child(3) .caption .header {
    padding: 0 15px;
    line-height: 1.2;
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1179px) {
  .aufmacher ul li:nth-child(2) .caption .header, .aufmacher ul li:nth-child(3) .caption .header {
    font-size: 14px;
  }
}

.aufmacher ul li:nth-child(2) .caption .meta, .aufmacher ul li:nth-child(3) .caption .meta {
  font-size: 11px;
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  .aufmacher ul li:nth-child(2), .aufmacher ul li:nth-child(3) {
    width: 100%;
  }
}

.aufmacher ul li:nth-child(2) {
  padding-bottom: 1.211%;
}

.aufmacher ul li:nth-child(3) .caption {
  bottom: 29px;
}

.aufmacher ul li:last-child:after {
  content: " ";
  display: block;
  width: 10px;
  height: 20px;
  clear: both;
}

.aufmacher ul li:only-child {
  width: 100%;
  margin-top: -20px;
  margin-right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1179px) {
  .aufmacher ul li:only-child .caption .topheader {
    font-size: 15px;
  }
  .aufmacher ul li:only-child .caption .header {
    font-size: 20px;
  }
}

.aufmacher ul li:only-child:after {
  display: none;
}

.audioplayer-container {
  max-width: 400px;
}

.audioplayer-container.locked {
  opacity: 0.5;
  cursor: default !important;
}

.audioplayer-container.locked button, .audioplayer-container.locked span, .audioplayer-container.locked div, .audioplayer-container.locked a {
  cursor: default !important;
}

.audioplayer-container .mejs__container {
  background-color: #8d8d8d;
}

.audioplayer-container .mejs__controls {
  background: none;
}

.lockedfooter_for_audioplayer {
  display: block;
  max-width: 400px;
  margin-top: 5px;
}

.lockedfooter_for_audioplayer .lock {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 400px;
  height: 20px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  color: #c7c7c7;
  text-align: center;
  margin-bottom: 10px;
}

.lockedfooter_for_audioplayer .lock .fa {
  display: block;
  color: #c7c7c7;
}

.lockedfooter_for_audioplayer .lock.lock {
  width: 100%;
}

.lockedfooter_for_audioplayer .lock.lock .fa {
  margin: 2px 0 0 0;
  font-size: 15px;
}

.lockedfooter_for_audioplayer .lock.lock:hover .fa {
  color: #c7c7c7;
}

.socialbuttons {
  display: block;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  min-height: 50px;
  clear: both;
}

.socialbuttons:before, .socialbuttons:after {
  content: " ";
  display: table;
}

.socialbuttons:after {
  clear: both;
}

.socialbuttons li {
  display: block;
  float: left;
  list-style: none;
  margin: 0 10px 10px 0;
  padding: 0;
}

.socialbuttons li:nth-child(n+6) {
  display: none;
}

.socialbuttons li .dropdownsocial {
  display: inline-block;
  position: relative;
}

.socialbuttons li .dropdownsocial .btn {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: #a5a184;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

.socialbuttons li .dropdownsocial .dropdown-menu {
  padding: 15px 15px 5px 15px;
}

.socialbuttons li .dropdownsocial .dropdown-menu a {
  display: block;
  margin-bottom: 10px;
  white-space: nowrap;
}

.socialbuttons li a {
  display: block;
  position: relative;
  min-width: 65px;
  min-height: 24px;
  background-color: #8d8d8d;
  color: #ffffff;
  padding: 3px 35px;
  text-decoration: none;
  font-size: 12px;
}

.socialbuttons li a .fa {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 10px;
  font-size: 18px;
}

.socialbuttons li a.twitter {
  background-color: #17181A;
}

.socialbuttons li a.instagram {
  background-color: #17181A;
}

.socialbuttons li a.facebook {
  background-color: #17181A;
}

.socialbuttons li a.facebook .fa {
  top: 4px;
  font-size: 16px;
}

.socialbuttons li a.linkedin {
  background-color: #17181A;
}

.socialbuttons li a.linkedin .fa {
  top: 4px;
  font-size: 14px;
}

.socialbuttons li a.email .fa, .socialbuttons li a.download .fa, .socialbuttons li a.warenkorb .fa, .socialbuttons li a.drucken .fa {
  top: 5px;
  font-size: 14px;
}

/*sm 2020-10-20 */
#socialamedia2 .button.ddmore {
  width: 340px;
  background-color: #000000;
  padding: 2px 0 0 35px;
  margin-right: 12px;
  cursor: pointer;
  display: block;
  position: relative;
  color: #ffffff;
  font-size: 12px;
  height: 24px;
}

#socialamedia2 .dropdown-menu {
  top: unset;
  left: unset;
  width: 340px;
}

#bildproduktion #socialamedia2 .button.ddmore {
  width: 360px;
  background-color: #000000;
  padding: 2px 0 0 35px;
  margin-right: 16px;
  cursor: pointer;
}

#bildproduktionen #socialamedia2 .button.ddmore {
  width: 360px;
  margin-right: 14px;
}

#bildproduktion #socialamedia2 .dropdown-menu, #bildproduktionen #socialamedia2 .dropdown-menu {
  width: 360px;
}

#termineUeber #socialamedia2 .button.ddmore {
  width: 350px;
  margin-right: 24px;
}

#termineUeber #socialamedia2 .dropdown-menu {
  width: 350px;
}

#langablauf #socialamedia2 .button.ddmore {
  width: 330px;
  margin-right: 14px;
}

#langablauf #socialamedia2 .dropdown-menu {
  width: 330px;
}

#alleBilder #socialamedia2 .button.ddmore {
  width: 322px;
  margin-right: 16px;
}

#kontaktAnsprech #socialamedia2 .button.ddmore {
  width: 322px;
  margin-right: 16px;
}

#pressemitteilungenUeber #socialamedia2 .button.ddmore {
  width: 322px;
  margin-right: 16px;
}

#socialamedia2.short .button.ddmore {
  width: 322px;
  margin: 25px 0 0 0;
}

#alleBilder #socialamedia2 .dropdown-menu,
#kontaktAnsprech #socialamedia2 .dropdown-menu,
#pressemitteilungenUeber #socialamedia2 .dropdown-menu,
#socialamedia2.short .dropdown-menu {
  width: 322px;
}

#socialamedia2 .button.ddmore .fa {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 18px;
}

#socialamedia2.short {
  min-height: 0;
}

#pressemappeVideo #socialamedia2 {
  margin-top: 20px;
}

#socialamedia2 li a .fa {
  top: 3px;
  left: 5px;
  font-size: 18px;
}

#socialamedia2 li a .fa-envelope, #socialamedia2 li a .fa-print {
  left: 3px;
}

#socialamedia2 li .ddmorecontent {
  /*height: auto;*/
  /*display: block;
  display: flow-root; */
  position: absolute;
  /*top: 100%;*/
  /*left: 0;*/
  z-index: 1000;
  width: 340px;
  margin-top: 10px;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.hidepolicy {
  display: none;
}

.showpolicy {
  display: block;
  display: flow-root;
}

#socialamedia2 .ddmoreupper {
  margin-top: 25px;
}

#socialamedia2 .ddmorelower li:last-child {
  margin-bottom: 25px;
}

#socialamedia2 .ddmoreupper li, #socialamedia2 .ddmorelower li {
  margin: 0;
}

#socialamedia2 .ddmoreupper li a, #socialamedia2 .ddmorelower li a {
  min-width: 265px;
  min-height: 24px;
  color: #4c4c4c;
  background-color: #ffffff;
  text-decoration: none;
  font-size: 12px;
}

#socialamedia2 .ddmoreupper li a:hover, #socialamedia2 .ddmorelower li a:hover {
  color: #00b2cf;
}

#socialamedia2 li div.ddmorecontent ul:after {
  clear: both;
}

#socialamedia2 .ddmorelower li a span.fa-angle-right {
  position: relative;
  min-width: 15px;
}

#socialamedia2 .dropdown-menu hr {
  border-top: 2px dotted #e0e0e0 !important;
  clear: both;
  margin: 0 60px 0 40px;
  height: 6px;
}

#socialamedia2 li a.twitter {
  background-color: #c7c7c7;
   text-align: center;
  padding-top: 3px;
}

#socialamedia2 li a.twitter:hover {
  background-color: #00b2cf;
}

#socialamedia2 li a.instagram {
  background-color: #c7c7c7;
}

#socialamedia2 li a.instagram:hover {
  background-color: #cf0338;
}

#socialamedia2 li a.facebook {
  background-color: #c7c7c7 !important;
}

#socialamedia2 li a.facebook:hover {
  background-color: #002748 !important;
}

#socialamedia2 li a.xing {
  background-color: #c7c7c7 !important;
}

#socialamedia2 li a.xing:hover {
  background-color: #136767 !important;
}

#socialamedia2 li a.email {
  background-color: #c7c7c7 !important;
}

#socialamedia2 li a.email:hover {
  background-color: #8d8d8d !important;
}

#socialamedia2 li a.drucken {
  background-color: #c7c7c7 !important;
}

#socialamedia2 li a.drucken:hover {
  background-color: #8d8d8d !important;
}

#socialamedia2.socialbuttons li:nth-child(n+6) {
  display: block;
}

#socialamedia2 li a {
  min-width: 24px;
  min-height: 24px;
  padding: 0;
}

:root {
  --tab-headline-width: 200px;
}

.expandable-box {
  padding: 10px;
  border: 1px solid #17181A;
}

.expandable-box .checkbox {
  margin-top: 0;
  margin-bottom: 10px;
}

.expandable-box + .expandable-box {
  margin-top: 15px;
}

.expandable-box__intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin: -10px;
  padding: 10px;
}

.expandable-box__intro:hover {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #f0f1f2;
  background: linear-gradient(180deg, #f0f1f2 0%, white 100%);
}

.expandable-box-icon--visible {
  display: block !important;
}

.expandable-box__content {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.expandable-box--visible {
  margin-top: 15px;
  visibility: visible;
  height: auto;
  overflow: visible;
}

.expandable-box__btn {
  border: solid #17181A;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.expandable-box__btn--active {
  display: none;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.expandable-box__btn--inactive {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.expandable-box-accordion__btn {
  margin-right: 10px;
  width: 10px;
  height: 2px;
  background-color: #17181A;
  position: relative;
}

.expandable-box-accordion__btn--active {
  display: none;
}

.expandable-box-accordion__btn--inactive:before {
  content: '';
  position: absolute;
  top: -4px;
  right: 4px;
  height: 10px;
  width: 2px;
  background-color: #17181A;
}

.expandable-box__accordion-item-headline--active .expandable-box-accordion__btn--inactive {
  display: none;
}

.expandable-box__accordion-item-headline--active .expandable-box-accordion__btn--active {
  display: block;
}

.expandable-box__tab {
  display: flex;
}

.expandable-box__tabs {
  position: relative;
}

.expandable-box-tab__btn {
  border: solid #17181A;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.expandable-box-tab__btn--active {
  display: none;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.expandable-box-tab__btn--inactive {
  display: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.expandable-box__tabHeadline {
  width: var(--tab-headline-width);
  padding: 10px 30px 0 0;
  border-top: 1px solid #17181A;
  cursor: pointer;
  position: relative;
  color: #8d8d8d;
  transition: color 0.25s ease-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.expandable-box__tab--active .expandable-box__tabHeadline,
.expandable-box__tabHeadline:hover {
  color: #17181A;
}

.expandable-box__tab--active .expandable-box__tabHeadline:after,
.expandable-box__tabHeadline:hover:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background-color: #17181A;
}

.expandable-box__tabContent {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  position: absolute;
  width: calc(100% - (var(--tab-headline-width) + 50px));
  top: 0;
  left: calc(var(--tab-headline-width) + 50px);
}

.expandable-box__tab--active .expandable-box__tabContent {
  visibility: visible;
  overflow: visible;
  height: auto;
}

.btn.btn-secondary {
  font-size: 11px;
  color: #17181A;
  border: 1px solid #17181A;
  background-color: #ffffff;
  min-width: 100px;
  margin-right: 20px;
  transition: opacity 0.25s ease-out;
}

.btn.btn-secondary:hover {
  opacity: 0.5;
}

.expandable-box__accordion-item {
  margin-top: 0;
}

.expandable-box__accordion-item-headline {
  border-bottom: 1px solid #17181A;
  margin-bottom: 10px;
  cursor: pointer;
  transition: background-color 0.25s ease-out;
  display: flex;
  align-items: center;
}

.expandable-box__accordion-item-headline:hover {
  background-color: #f0f1f2;
}

.expandable-box__accordion-item-headline p {
  margin-bottom: 0;
}

.expandable-box__accordion-item-content {
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.expandable-box__accordion-item-content--visible {
  height: auto;
  visibility: visible;
  overflow: visible;
}

@media (max-width: 700px) {
  .profile-btn {
    margin: 5px 0;
    width: 100%;
  }
  .expandable-box__tab {
    display: block;
  }
  .expandable-box__tabHeadline {
    width: 100%;
    padding: 10px 0;
  }
  .expandable-box__tabContent {
    position: relative;
    left: 0;
    width: 100%;
  }
  .expandable-box__tab--active .expandable-box__tabHeadline:after,
  .expandable-box__tabHeadline:hover:after {
    width: 0;
    height: 0;
    background-color: transparent;
  }
  .expandable-box-tab__btn--active,
  .expandable-box-tab__btn--inactive {
    margin: -10px 0 0 10px;
  }
  .expandable-box-tab__btn--inactive {
    display: block;
  }
  .expandable-box__tab--active .expandable-box__tabHeadline .expandable-box-tab__btn--inactive {
    display: none;
  }
  .expandable-box__tab--active .expandable-box__tabHeadline .expandable-box-tab__btn--active {
    display: block;
  }
  .expandable-box__intro:hover {
    background: none;
  }
}

.filter-container {
  background-color: white;
}

.filter-container #filter-expand {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex: 1;
}

.filter-container #filter-expand h2 {
  font-style: normal;
  font-size: 18px;
  color: #4c4c4c;
  font-weight: 700;
  margin: 0 5px;
}

.filter-container #filter-expand .fa-filter {
  height: 20px;
}

.filter-container #filter-expand .expendable-box__btn {
  padding: 0 5px;
  cursor: pointer;
}

.filter-container #filter-expand .expendable-box__btn .expendable-box__btn_icon {
  border: solid #17181A;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.filter-container .fa-filter {
  font-size: 16px;
}

.filter-container .filter-fields-row {
  max-height: 0;
  transition: max-height 0.4s ease-out;
  overflow: hidden;
}

.filter-container .filter-container-buttons-col {
  display: flex;
  align-items: inherit;
  flex-direction: column;
  margin-bottom: 10px;
}

@media (min-width: 700px) {
  .filter-container .filter-container-buttons-col {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

.filter-container .filter-container-buttons-col .form-group {
  margin: 0;
}

.filter-container .filter-container-buttons-col #filter_submit {
  margin-right: 0;
}

[data-form-open="true"] .filter-fields-row {
  max-height: 500px;
  transition: max-height 0.5s ease-in;
  overflow: unset;
}

[data-form-open="true"] #filter-buttons {
  visibility: visible !important;
}

[data-form-open="true"] .expendable-box__btn_icon {
  transform: rotate(-135deg);
}

[data-form-open="false"] #filter-buttons {
  visibility: hidden;
}

[data-form-open="false"] .expendable-box__btn_icon {
  transform: rotate(45deg);
}

.verwendung {
  display: block;
  margin-top: 14px;
  font-size: 12px;
}

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

.verwendung ul li {
  padding: 0;
  margin: 0;
}

.verwendung ul li a {
  text-decoration: underline;
}

.img-dld-container {
  margin-bottom: 25px;
}

.img-dld-container.isCartArticle:not(.isInCart) .function-cart-add {
  display: block;
}

.img-dld-container.isCartArticle:not(.isInCart) .function-cart-delete {
  display: none;
}

.img-dld-container.isCartArticle.isInCart .function-cart-add {
  display: none;
}

.img-dld-container.isCartArticle.isInCart .function-cart-delete {
  display: block;
}

.img-dld-container .bildunterschrift {
  font-size: 12px;
}

.img-dld-container_header {
  display: flex;
  gap: 3px;
}

.img-dld_cta {
  display: flex;
  background: #000;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  text-decoration: none !important;
  cursor: pointer;
}

.img-dld_cta span {
  color: white;
}

.img-dld_cta.disabled {
  background: #E3E3E3;
}

.popover-hidden-info {
  display: none;
}

.img-dld_advice-old-image {
  color: #AFAFAF;
  font-size: 12px;
}

.img-dld_advice-old-image a {
  color: #AFAFAF;
  font-size: 12px;
  font-weight: 400;
}

.img-dld-container_body img {
  max-width: 100%;
}

.more-load {
  position: relative;
  margin: 0 auto !important;
  display: block !important;
  width: 210px;
  height: 40px;
}

.button--loading:hover {
  background-color: #17181A !important;
}

.button--loading::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}

/* Debug Layers */
#debug {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 200px;
  width: 100%;
  border: 1px solid grey;
  background-color: white;
  font-size: 12px;
  color: black;
  overflow: auto;
  z-index: 200000;
}

.responsive-show {
  position: fixed;
  display: block;
  width: 40px;
  height: 20px;
  top: 0;
  right: 0;
  background-color: white;
  z-index: 10000101;
}

/* Linien zum Layouten und Debug Info */
/* Print */
/*
  Headlines, Typo, etc.
*/
.headlines {
  margin-bottom: 25px;
}

.headlines.bannervideo {
  margin: 45px 0 0 0;
}

.headlines.bannervideo + .socialbuttons {
  margin-top: 20px;
}

.headspacer {
  height: 34px;
  display: block;
}

.headspacer + .socialbuttons {
  margin-top: 20px;
}

.seitenheader {
  font-size: 23px;
  color: #4c4c4c;
  font-weight: 700;
  padding: 0 0 34px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 45px 0 34px 0;
}

.seitenheader + .socialbuttons {
  margin-bottom: 35px;
}

.seitenheader.schema {
  display: block;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: none;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
}

.seitenheader.schema.tophighlight {
  margin-bottom: 34px;
  margin-top: 45px;
}

.contentheadline {
  display: block;
  font-size: 14px;
  font-weight: 400;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0 10px 0;
  color: #17181A;
  margin: 75px 0 42px 0;
}

.contentheadline.unterkapitel {
  color: #515258;
  font-size: 18px;
  font-weight: 700;
  border: none;
  padding: 0;
  margin: 0 0 25px 0;
}

.senderlabel {
  display: inline-block;
  clear: both;
  color: #ffffff;
  background-color: #17181A;
  font-size: 10px;
  line-height: 15px;
  font-weight: 400;
  min-width: 88px;
  width: auto;
  padding: 0 10px 0 10px;
  margin: 0 6px 8px 0;
}

.senderlabel.mediengruppe-rtl {
  background-color: #17181A;
}

.senderlabel.Mediengruppe {
  background-color: #17181A;
}

.senderlabel.Mediengruppe.RTL {
  background-color: #17181A;
}

.senderlabel.rtl {
  background-color: #17181A;
}

.senderlabel.RTL {
  background-color: #17181A;
}

.senderlabel.vox {
  background-color: #17181A;
}

.senderlabel.VOX {
  background-color: #17181A;
}

.senderlabel.voxup {
  background-color: #17181A;
}

.senderlabel.VOXup {
  background-color: #17181A;
}

.senderlabel.n-tv {
  background-color: #17181A;
}

.senderlabel.nitro {
  background-color: #17181A;
}

.senderlabel.RTL.NITRO {
  background-color: #17181A;
}

.senderlabel.rtl-living {
  background-color: #17181A;
}

.senderlabel.Living {
  background-color: #17181A;
}

.senderlabel.rtl-crime {
  background-color: #17181A;
}

.senderlabel.Crime {
  background-color: #17181A;
}

.senderlabel.rtl-passion {
  background-color: #17181A;
}

.senderlabel.Passion {
  background-color: #17181A;
}

.senderlabel.geo-television {
  background-color: #17181A;
}

.senderlabel.Geo {
  background-color: #17181A;
}

.senderlabel.geo-wild {
  background-color: #17181A;
}

.senderlabel.ip-deutschland {
  background-color: #17181A;
}

.senderlabel.ad-alliance {
  background-color: #17181A;
}

.senderlabel.audio-alliance {
  background-color: #17181A;
}

.senderlabel.superrtl {
  background-color: #17181A;
}

.senderlabel.SUPER.RTL {
  background-color: #17181A;
}

.senderlabel.NOW-US {
  background-color: #17181A;
}

.senderlabel.now-us {
  background-color: #17181A;
}

.senderlabel.tvnow {
  background-color: #17181A;
}

.senderlabel.TVNOW {
  background-color: #17181A;
}

.senderlabel.rtlplus {
  background-color: #17181A;
}

.senderlabel.rtlnews {
  background-color: #17181A;
}

.senderlabel.rtlde {
  background-color: #17181A;
}

.senderlabel.rtl-audio-center-berlin {
  background-color: #17181A;
}

.senderlabel.rtl-radio-deutschland {
  background-color: #17181A;
}

.senderlabel.rtlgroup {
  background-color: #17181A;
}

.senderlabel.rtl-deutschland {
  background-color: #17181A;
}

.senderlabel.gruner_jahr {
  background-color: #17181A;
}

.senderlabel.toggoplus {
  background-color: #17181A;
}

.datum {
  display: block;
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}

.datum .icon {
  color: #020203;
  font-size: 16px;
  margin: 0 2px 0 0;
}

.topheader {
  display: block;
  color: #515258;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 2px;
}

.header {
  display: block;
  color: #17181A;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}

.subheader {
  display: block;
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}

.teasertext {
  display: block;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text {
  padding-right: 14px;
}

/* New 2019 */
.textundbild {
  display: block;
  margin-bottom: 20px;
}

.textundbild:before, .textundbild:after {
  content: " ";
  display: table;
}

.textundbild:after {
  clear: both;
}

.textundbild .headlines {
  margin-top: 23px;
}

.textundbild .bilder {
  float: left;
  display: inline-block;
  width: 50%;
  max-width: 340px;
  margin: 5px 20px 0 0;
}

.textundbild .bilder.right {
  float: right;
  margin: 5px 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .textundbild .bilder {
    float: none;
    width: 100%;
  }
}

.textundbild .bilder .thumbnailcontainer.large {
  margin-bottom: 30px;
}

.textundbild .bilder a {
  font-weight: bold;
  text-decoration: underline;
}

.textundbild .funktionen {
  margin: 20px 0 20px 0;
}

.textundbild .otoncontainer {
  display: inline-block;
  width: 380px;
}

@media only screen and (max-width: 767px) {
  .textundbild .otoncontainer {
    width: 340px;
  }
}

.textundbild .otoncontainer .funktionen {
  margin: 20px 0 20px 0;
}

.textundbild .otoncontainer .funktionen .bootstrap-select .filter-option {
  padding-top: 2px;
  line-height: 12px;
}

.textundbild ol,
.textundbild ul {
  display: table;
  padding-left: 20px;
}

/* End New 2019 */
/* Listenansichten */
.listenansicht .contentblock:first-child .contentheadline {
  margin-top: 10px;
}

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

.linkliste li {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}

.linkliste li a {
  color: #4c4c4c;
  text-decoration: none;
  line-height: 1.5;
}

.linkliste li a:hover {
  color: #17181A;
}

/* End Listenansichten */
.weiterpfeil {
  display: inline-block;
  width: 20px;
  height: 14px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/weiterlesen.png") 2px 4px no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .weiterpfeil {
    background-image: url("../images/Weiterlesen-2x.png") !important;
    background-repeat: no-repeat;
    background-size: 15px 10px !important;
  }
}

.weiterpfeil.mittext {
  display: block;
  width: auto;
  height: auto;
  text-indent: 23px;
  overflow: visible;
  color: #17181A;
  font-size: 14px;
  background-position: 0 5px;
  margin-bottom: 6px;
}

.weiterpfeil.mittext:hover {
  color: #020203;
}

.colored.dunkelblau {
  color: #020203;
}

.colored.sand {
  color: #a5a184;
}

.externallink {
  display: block;
  text-decoration: none !important;
  font-weight: 400;
}

.externallink .fa {
  font-size: 14px;
  width: 20px;
}

.nowrap {
  white-space: nowrap;
}

.videofooter,
.twitterheader {
  padding: 35px 0 40px 0;
  display: block;
}

.videofooter .datum,
.twitterheader .datum {
  font-size: 14px;
  color: #8d8d8d;
}

.videofooter .header,
.twitterheader .header {
  height: auto;
  overflow: visible;
  font-size: 24px;
  font-weight: 700;
  color: #17181A;
}

.videofooter .unterzeile,
.twitterheader .unterzeile {
  height: auto;
  overflow: visible;
  font-size: 20px;
  display: block;
}

.videofooter .sendehinweis,
.twitterheader .sendehinweis {
  overflow: auto;
  height: auto;
  display: block;
  font-size: 14px;
}

.videofooter.twitterheader .senderlabel,
.twitterheader.twitterheader .senderlabel {
  margin-bottom: 17px;
}

.videofooter.twitterheader .header,
.twitterheader.twitterheader .header {
  font-size: 27px;
}

.videofooter.twitterheader .socialbuttons,
.twitterheader.twitterheader .socialbuttons {
  margin-top: 20px;
}

.videofooter.twitterheader .text,
.twitterheader.twitterheader .text {
  height: auto;
  display: block;
  font-size: 14px;
  margin-top: 15px;
}

/* Regular Case Anpassungen */
.pressemitteilung > ,
.pressemitteilung ,
.twitterheader > ,
.twitterheader ,
.contentblock > ,
.contentblock ,
.videofooter > ,
.videofooter ,
.newsheader > ,
.newsheader ,
.programmelement > ,
.programmelement ,
.bannervideo > ,
.bannervideo ,
.bannerbild > ,
.bannerbild ,
.regularcase > ,
.regularcase {
  /* Teaser in Contentblock still uppercase  */
  /* Ausnahme => Bildproduktionsteaser in Contentblöcken */
}

.pressemitteilung >  .topheader,
.pressemitteilung >  .header,
.pressemitteilung >  .subheader,
.pressemitteilung >  .unterzeile,
.pressemitteilung >  .sendetitel,
.pressemitteilung  .topheader,
.pressemitteilung  .header,
.pressemitteilung  .subheader,
.pressemitteilung  .unterzeile,
.pressemitteilung  .sendetitel,
.twitterheader >  .topheader,
.twitterheader >  .header,
.twitterheader >  .subheader,
.twitterheader >  .unterzeile,
.twitterheader >  .sendetitel,
.twitterheader  .topheader,
.twitterheader  .header,
.twitterheader  .subheader,
.twitterheader  .unterzeile,
.twitterheader  .sendetitel,
.contentblock >  .topheader,
.contentblock >  .header,
.contentblock >  .subheader,
.contentblock >  .unterzeile,
.contentblock >  .sendetitel,
.contentblock  .topheader,
.contentblock  .header,
.contentblock  .subheader,
.contentblock  .unterzeile,
.contentblock  .sendetitel,
.videofooter >  .topheader,
.videofooter >  .header,
.videofooter >  .subheader,
.videofooter >  .unterzeile,
.videofooter >  .sendetitel,
.videofooter  .topheader,
.videofooter  .header,
.videofooter  .subheader,
.videofooter  .unterzeile,
.videofooter  .sendetitel,
.newsheader >  .topheader,
.newsheader >  .header,
.newsheader >  .subheader,
.newsheader >  .unterzeile,
.newsheader >  .sendetitel,
.newsheader  .topheader,
.newsheader  .header,
.newsheader  .subheader,
.newsheader  .unterzeile,
.newsheader  .sendetitel,
.programmelement >  .topheader,
.programmelement >  .header,
.programmelement >  .subheader,
.programmelement >  .unterzeile,
.programmelement >  .sendetitel,
.programmelement  .topheader,
.programmelement  .header,
.programmelement  .subheader,
.programmelement  .unterzeile,
.programmelement  .sendetitel,
.bannervideo >  .topheader,
.bannervideo >  .header,
.bannervideo >  .subheader,
.bannervideo >  .unterzeile,
.bannervideo >  .sendetitel,
.bannervideo  .topheader,
.bannervideo  .header,
.bannervideo  .subheader,
.bannervideo  .unterzeile,
.bannervideo  .sendetitel,
.bannerbild >  .topheader,
.bannerbild >  .header,
.bannerbild >  .subheader,
.bannerbild >  .unterzeile,
.bannerbild >  .sendetitel,
.bannerbild  .topheader,
.bannerbild  .header,
.bannerbild  .subheader,
.bannerbild  .unterzeile,
.bannerbild  .sendetitel,
.regularcase >  .topheader,
.regularcase >  .header,
.regularcase >  .subheader,
.regularcase >  .unterzeile,
.regularcase >  .sendetitel,
.regularcase  .topheader,
.regularcase  .header,
.regularcase  .subheader,
.regularcase  .unterzeile,
.regularcase  .sendetitel {
  text-transform: none !important;
}

.pressemitteilung >  .topheader,
.pressemitteilung  .topheader,
.twitterheader >  .topheader,
.twitterheader  .topheader,
.contentblock >  .topheader,
.contentblock  .topheader,
.videofooter >  .topheader,
.videofooter  .topheader,
.newsheader >  .topheader,
.newsheader  .topheader,
.programmelement >  .topheader,
.programmelement  .topheader,
.bannervideo >  .topheader,
.bannervideo  .topheader,
.bannerbild >  .topheader,
.bannerbild  .topheader,
.regularcase >  .topheader,
.regularcase  .topheader {
  font-size: 16px;
  margin-bottom: 5px;
}

.pressemitteilung >  .header,
.pressemitteilung  .header,
.twitterheader >  .header,
.twitterheader  .header,
.contentblock >  .header,
.contentblock  .header,
.videofooter >  .header,
.videofooter  .header,
.newsheader >  .header,
.newsheader  .header,
.programmelement >  .header,
.programmelement  .header,
.bannervideo >  .header,
.bannervideo  .header,
.bannerbild >  .header,
.bannerbild  .header,
.regularcase >  .header,
.regularcase  .header {
  font-size: 28px;
  line-height: 1.2;
}

.pressemitteilung >  .headlines,
.pressemitteilung  .headlines,
.twitterheader >  .headlines,
.twitterheader  .headlines,
.contentblock >  .headlines,
.contentblock  .headlines,
.videofooter >  .headlines,
.videofooter  .headlines,
.newsheader >  .headlines,
.newsheader  .headlines,
.programmelement >  .headlines,
.programmelement  .headlines,
.bannervideo >  .headlines,
.bannervideo  .headlines,
.bannerbild >  .headlines,
.bannerbild  .headlines,
.regularcase >  .headlines,
.regularcase  .headlines {
  margin-bottom: 35px;
}

.pressemitteilung >  .headlines .topheader,
.pressemitteilung  .headlines .topheader,
.twitterheader >  .headlines .topheader,
.twitterheader  .headlines .topheader,
.contentblock >  .headlines .topheader,
.contentblock  .headlines .topheader,
.videofooter >  .headlines .topheader,
.videofooter  .headlines .topheader,
.newsheader >  .headlines .topheader,
.newsheader  .headlines .topheader,
.programmelement >  .headlines .topheader,
.programmelement  .headlines .topheader,
.bannervideo >  .headlines .topheader,
.bannervideo  .headlines .topheader,
.bannerbild >  .headlines .topheader,
.bannerbild  .headlines .topheader,
.regularcase >  .headlines .topheader,
.regularcase  .headlines .topheader {
  font-size: 16px;
  margin-bottom: 5px;
}

.pressemitteilung >  .headlines .header,
.pressemitteilung  .headlines .header,
.twitterheader >  .headlines .header,
.twitterheader  .headlines .header,
.contentblock >  .headlines .header,
.contentblock  .headlines .header,
.videofooter >  .headlines .header,
.videofooter  .headlines .header,
.newsheader >  .headlines .header,
.newsheader  .headlines .header,
.programmelement >  .headlines .header,
.programmelement  .headlines .header,
.bannervideo >  .headlines .header,
.bannervideo  .headlines .header,
.bannerbild >  .headlines .header,
.bannerbild  .headlines .header,
.regularcase >  .headlines .header,
.regularcase  .headlines .header {
  font-size: 28px;
  line-height: 1.2;
}

.pressemitteilung >  .zeitundtitel,
.pressemitteilung  .zeitundtitel,
.twitterheader >  .zeitundtitel,
.twitterheader  .zeitundtitel,
.contentblock >  .zeitundtitel,
.contentblock  .zeitundtitel,
.videofooter >  .zeitundtitel,
.videofooter  .zeitundtitel,
.newsheader >  .zeitundtitel,
.newsheader  .zeitundtitel,
.programmelement >  .zeitundtitel,
.programmelement  .zeitundtitel,
.bannervideo >  .zeitundtitel,
.bannervideo  .zeitundtitel,
.bannerbild >  .zeitundtitel,
.bannerbild  .zeitundtitel,
.regularcase >  .zeitundtitel,
.regularcase  .zeitundtitel {
  padding-top: 4px;
}

.pressemitteilung >  .zeitundtitel .sendetitel,
.pressemitteilung >  .zeitundtitel .sendezeit,
.pressemitteilung  .zeitundtitel .sendetitel,
.pressemitteilung  .zeitundtitel .sendezeit,
.twitterheader >  .zeitundtitel .sendetitel,
.twitterheader >  .zeitundtitel .sendezeit,
.twitterheader  .zeitundtitel .sendetitel,
.twitterheader  .zeitundtitel .sendezeit,
.contentblock >  .zeitundtitel .sendetitel,
.contentblock >  .zeitundtitel .sendezeit,
.contentblock  .zeitundtitel .sendetitel,
.contentblock  .zeitundtitel .sendezeit,
.videofooter >  .zeitundtitel .sendetitel,
.videofooter >  .zeitundtitel .sendezeit,
.videofooter  .zeitundtitel .sendetitel,
.videofooter  .zeitundtitel .sendezeit,
.newsheader >  .zeitundtitel .sendetitel,
.newsheader >  .zeitundtitel .sendezeit,
.newsheader  .zeitundtitel .sendetitel,
.newsheader  .zeitundtitel .sendezeit,
.programmelement >  .zeitundtitel .sendetitel,
.programmelement >  .zeitundtitel .sendezeit,
.programmelement  .zeitundtitel .sendetitel,
.programmelement  .zeitundtitel .sendezeit,
.bannervideo >  .zeitundtitel .sendetitel,
.bannervideo >  .zeitundtitel .sendezeit,
.bannervideo  .zeitundtitel .sendetitel,
.bannervideo  .zeitundtitel .sendezeit,
.bannerbild >  .zeitundtitel .sendetitel,
.bannerbild >  .zeitundtitel .sendezeit,
.bannerbild  .zeitundtitel .sendetitel,
.bannerbild  .zeitundtitel .sendezeit,
.regularcase >  .zeitundtitel .sendetitel,
.regularcase >  .zeitundtitel .sendezeit,
.regularcase  .zeitundtitel .sendetitel,
.regularcase  .zeitundtitel .sendezeit {
  font-size: 21px;
  line-height: 1.2;
}

.pressemitteilung >  .zeitundtitel .unterzeile,
.pressemitteilung  .zeitundtitel .unterzeile,
.twitterheader >  .zeitundtitel .unterzeile,
.twitterheader  .zeitundtitel .unterzeile,
.contentblock >  .zeitundtitel .unterzeile,
.contentblock  .zeitundtitel .unterzeile,
.videofooter >  .zeitundtitel .unterzeile,
.videofooter  .zeitundtitel .unterzeile,
.newsheader >  .zeitundtitel .unterzeile,
.newsheader  .zeitundtitel .unterzeile,
.programmelement >  .zeitundtitel .unterzeile,
.programmelement  .zeitundtitel .unterzeile,
.bannervideo >  .zeitundtitel .unterzeile,
.bannervideo  .zeitundtitel .unterzeile,
.bannerbild >  .zeitundtitel .unterzeile,
.bannerbild  .zeitundtitel .unterzeile,
.regularcase >  .zeitundtitel .unterzeile,
.regularcase  .zeitundtitel .unterzeile {
  padding-top: 4px;
  font-size: 14px;
  line-height: 1.2;
}

.pressemitteilung >  .unterzeile,
.pressemitteilung  .unterzeile,
.twitterheader >  .unterzeile,
.twitterheader  .unterzeile,
.contentblock >  .unterzeile,
.contentblock  .unterzeile,
.videofooter >  .unterzeile,
.videofooter  .unterzeile,
.newsheader >  .unterzeile,
.newsheader  .unterzeile,
.programmelement >  .unterzeile,
.programmelement  .unterzeile,
.bannervideo >  .unterzeile,
.bannervideo  .unterzeile,
.bannerbild >  .unterzeile,
.bannerbild  .unterzeile,
.regularcase >  .unterzeile,
.regularcase  .unterzeile {
  font-weight: 700;
  font-size: 18px !important;
  text-transform: none;
}

.pressemitteilung >  .bildproduktionsteaser .topheader,
.pressemitteilung  .bildproduktionsteaser .topheader,
.twitterheader >  .bildproduktionsteaser .topheader,
.twitterheader  .bildproduktionsteaser .topheader,
.contentblock >  .bildproduktionsteaser .topheader,
.contentblock  .bildproduktionsteaser .topheader,
.videofooter >  .bildproduktionsteaser .topheader,
.videofooter  .bildproduktionsteaser .topheader,
.newsheader >  .bildproduktionsteaser .topheader,
.newsheader  .bildproduktionsteaser .topheader,
.programmelement >  .bildproduktionsteaser .topheader,
.programmelement  .bildproduktionsteaser .topheader,
.bannervideo >  .bildproduktionsteaser .topheader,
.bannervideo  .bildproduktionsteaser .topheader,
.bannerbild >  .bildproduktionsteaser .topheader,
.bannerbild  .bildproduktionsteaser .topheader,
.regularcase >  .bildproduktionsteaser .topheader,
.regularcase  .bildproduktionsteaser .topheader {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.2;
}

.pressemitteilung >  .bildproduktionsteaser .header,
.pressemitteilung  .bildproduktionsteaser .header,
.twitterheader >  .bildproduktionsteaser .header,
.twitterheader  .bildproduktionsteaser .header,
.contentblock >  .bildproduktionsteaser .header,
.contentblock  .bildproduktionsteaser .header,
.videofooter >  .bildproduktionsteaser .header,
.videofooter  .bildproduktionsteaser .header,
.newsheader >  .bildproduktionsteaser .header,
.newsheader  .bildproduktionsteaser .header,
.programmelement >  .bildproduktionsteaser .header,
.programmelement  .bildproduktionsteaser .header,
.bannervideo >  .bildproduktionsteaser .header,
.bannervideo  .bildproduktionsteaser .header,
.bannerbild >  .bildproduktionsteaser .header,
.bannerbild  .bildproduktionsteaser .header,
.regularcase >  .bildproduktionsteaser .header,
.regularcase  .bildproduktionsteaser .header {
  display: inline-block;
  font-size: 28px;
  line-height: 1.2;
}

.pressemitteilung .newsteaser .topheader,
.pressemitteilung .newsteaser .topheader,
.pressemitteilung .videoteaser .topheader,
.pressemitteilung .videoteaser .topheader,
.pressemitteilung .block2spaltig .topheader,
.pressemitteilung .block2spaltig .topheader,
.pressemitteilung .teaser2spaltig .topheader,
.pressemitteilung .teaser2spaltig .topheader,
.twitterheader .newsteaser .topheader,
.twitterheader .newsteaser .topheader,
.twitterheader .videoteaser .topheader,
.twitterheader .videoteaser .topheader,
.twitterheader .block2spaltig .topheader,
.twitterheader .block2spaltig .topheader,
.twitterheader .teaser2spaltig .topheader,
.twitterheader .teaser2spaltig .topheader,
.contentblock .newsteaser .topheader,
.contentblock .newsteaser .topheader,
.contentblock .videoteaser .topheader,
.contentblock .videoteaser .topheader,
.contentblock .block2spaltig .topheader,
.contentblock .block2spaltig .topheader,
.contentblock .teaser2spaltig .topheader,
.contentblock .teaser2spaltig .topheader,
.videofooter .newsteaser .topheader,
.videofooter .newsteaser .topheader,
.videofooter .videoteaser .topheader,
.videofooter .videoteaser .topheader,
.videofooter .block2spaltig .topheader,
.videofooter .block2spaltig .topheader,
.videofooter .teaser2spaltig .topheader,
.videofooter .teaser2spaltig .topheader,
.newsheader .newsteaser .topheader,
.newsheader .newsteaser .topheader,
.newsheader .videoteaser .topheader,
.newsheader .videoteaser .topheader,
.newsheader .block2spaltig .topheader,
.newsheader .block2spaltig .topheader,
.newsheader .teaser2spaltig .topheader,
.newsheader .teaser2spaltig .topheader,
.programmelement .newsteaser .topheader,
.programmelement .newsteaser .topheader,
.programmelement .videoteaser .topheader,
.programmelement .videoteaser .topheader,
.programmelement .block2spaltig .topheader,
.programmelement .block2spaltig .topheader,
.programmelement .teaser2spaltig .topheader,
.programmelement .teaser2spaltig .topheader,
.bannervideo .newsteaser .topheader,
.bannervideo .newsteaser .topheader,
.bannervideo .videoteaser .topheader,
.bannervideo .videoteaser .topheader,
.bannervideo .block2spaltig .topheader,
.bannervideo .block2spaltig .topheader,
.bannervideo .teaser2spaltig .topheader,
.bannervideo .teaser2spaltig .topheader,
.bannerbild .newsteaser .topheader,
.bannerbild .newsteaser .topheader,
.bannerbild .videoteaser .topheader,
.bannerbild .videoteaser .topheader,
.bannerbild .block2spaltig .topheader,
.bannerbild .block2spaltig .topheader,
.bannerbild .teaser2spaltig .topheader,
.bannerbild .teaser2spaltig .topheader,
.regularcase .newsteaser .topheader,
.regularcase .newsteaser .topheader,
.regularcase .videoteaser .topheader,
.regularcase .videoteaser .topheader,
.regularcase .block2spaltig .topheader,
.regularcase .block2spaltig .topheader,
.regularcase .teaser2spaltig .topheader,
.regularcase .teaser2spaltig .topheader {
  font-size: 13px !important;
  margin-bottom: 2px;
}

.pressemitteilung .newsteaser .header,
.pressemitteilung .videoteaser .header,
.pressemitteilung .block2spaltig .header,
.pressemitteilung .teaser2spaltig .header,
.twitterheader .newsteaser .header,
.twitterheader .videoteaser .header,
.twitterheader .block2spaltig .header,
.twitterheader .teaser2spaltig .header,
.contentblock .newsteaser .header,
.contentblock .videoteaser .header,
.contentblock .block2spaltig .header,
.contentblock .teaser2spaltig .header,
.videofooter .newsteaser .header,
.videofooter .videoteaser .header,
.videofooter .block2spaltig .header,
.videofooter .teaser2spaltig .header,
.newsheader .newsteaser .header,
.newsheader .videoteaser .header,
.newsheader .block2spaltig .header,
.newsheader .teaser2spaltig .header,
.programmelement .newsteaser .header,
.programmelement .videoteaser .header,
.programmelement .block2spaltig .header,
.programmelement .teaser2spaltig .header,
.bannervideo .newsteaser .header,
.bannervideo .videoteaser .header,
.bannervideo .block2spaltig .header,
.bannervideo .teaser2spaltig .header,
.bannerbild .newsteaser .header,
.bannerbild .videoteaser .header,
.bannerbild .block2spaltig .header,
.bannerbild .teaser2spaltig .header,
.regularcase .newsteaser .header,
.regularcase .videoteaser .header,
.regularcase .block2spaltig .header,
.regularcase .teaser2spaltig .header {
  font-size: 18px !important;
}

.newsletter .newsteaser .topheader,
.newsletter .newsteaser .header {
  text-transform: none !important;
}

/* Font-Sizing */
.strikethrough {
  text-decoration: line-through;
}

/*
 * Globals
 */
html {
  position: relative;
  min-height: 100%;
}

html.suche-open {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-right: 0;
}

html.mobile-nav-open {
  overflow: hidden;
}

html.mobile-nav-open body {
  overflow: hidden;
}

body {
  font-family: RTL United Text, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #4c4c4c;
  position: relative;
}

body > .wrap {
  max-width: 100%;
  overflow-x: hidden;
}

body > .wrap.stickysubnav {
  padding-top: 250px;
}

body > .wrap.stickysubnav.hiddenSubnav {
  padding-top: 180px;
}

@media only screen and (max-width: 767px) {
  body > .wrap.stickysubnav.hiddenSubnav {
    padding-top: 140px;
  }
}

@media only screen and (max-width: 767px) {
  body > .wrap.stickysubnav {
    padding-top: 140px;
  }
}

body > .wrap.stickysubnav.markenband-open {
  padding-top: 0;
}

a:hover, a:visited, a:focus {
  text-decoration: none;
}

a:focus {
  outline: 0 !important;
}

a.no-highlight {
  color: #4c4c4c;
}

/* Weitere Elemente */
/* Bootstrap Tooltip */
.tooltip-inner {
  border: 1px solid #e0e0e0;
}

.popover {
  z-index: 9999999;
}

.popover .popover-title {
  display: none;
}

/* Spezielle Klasse um etwas im xs-view auszublenden, aber im print-view weiterhin zu sehen sein soll */
/* IE und Chrome blenden hidden-xs in print aus */
@media only screen and (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}

.x {
    width: 20px;
    height: 17px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='white' d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
}

.x.grey {
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%238d8d8d' d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
}