/********
  betop *******/

html {
  height: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

body {
  color:#323232; font-family: 'Helvetica LT Std';
  font-size: 1.125rem; line-height: 1.625rem; font-weight: 500;
  background: white; min-height: 100%; overflow-x: hidden;
}

body.yScroll {
  overflow: hidden;
  height: auto;
}

/********
  resets & helpers *******/

ul, ol, ul ul, li, a, figure, nav, menu, p,
h1, h2, h3, h4, h5, h6 {
  margin:0; padding:0;
}

.tx-ppw-cookie h3 {
    padding-top: 0.5rem;
}

.min-vh {
  min-height: 100vh;
}

.min-h {
  height: 100%;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-padding-bottom.cell {
  margin-bottom: 0 !important;
}

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

.tooltip_templates {
  display: none;
}

video {
  width: 100%;
}

.video-cont {
  position:relative;
}

.mejs-video, .mejs-overlay {
  width: 100% !important;
}

.interactive {pointer-events: none !important;}
.interactive .mejs__controls {display: none !important; opacity: 0 !important}
.interavtive.mejs__container {background: white !important;}

.menu.mobile {
  display: none;
}

.menu.desktop {
  display: block;
}

/* colors */
.background.dark {
  background: white;
}

.font-white {
  color: white !important;
}

.hibox.red {
  background: #e50043;
}

.bg-white {
  background: white;
}

.bg-black {
  background: black;
}

.showMobile {
  display: none !important;
  width: 100% !important;
}



/********
  font settings *******/

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
  font-weight: bold;
}

h1 {
  font-size: 4.5rem;
  line-height: 1;
}

h1.hero {
  font-size: 7rem;
}

h2 {
  font-size: 2.25rem;
}

h2.big {
  font-size: 4.5rem;
}

h3 {
  font-size: 1.4rem;
}

h3.uppercase {
  text-transform: uppercase;
  margin: 0rem 0 1.25rem 0 !important;
}

/* special h3's */
.hero-caption h3, h3.category, .hibox-content h3,
.smallbox-content h3, .colorbox h3, .klein-hoch h3 {
  font-size: 1.125rem; font-weight: 300;
}

h3 span {
  font-weight: bold;
  text-transform: capitalize;
}

p {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 300;
}

a, a h4 {
    line-height: inherit;
    color: #e50043;
    text-decoration: none;
    cursor: pointer;
}

/********
  buttons *******/

.button {
  background: #232323; color: white;
  border: 2px solid #e50043;
  font-weight: bold; font-size: 1.125rem;
}

.button:hover, .button:focus {
  background: #e50043;
}

/********
  header *******/

.nrml {
  position: fixed; top: 0; z-index: 2;
  width: 100%; height: 120px;
  background: black;
  -webkit-backface-visibility: hidden;
}

.nrml.small {
  height: 60px;
  -webkit-backface-visibility: hidden;
}

.logo {
  position: absolute; margin-top: 25px;
  left: 1.75rem; width: 140px;
  z-index: 1;
}

.small .logo {
  width: 84px; margin-top: 8px;
}

.claim {
  position: absolute;
  left: 250px; top: 57px;
}

.claim a:hover {
  color: #e50043;
  text-decoration: none;
}

.claim-mobile {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 57px; width: 100%;
}

.claim-mobile p {
  text-align: center;
}

.small.claim, .small.claim-mobile {
  top: 18px;
  left: 170px;
}

.claim p, .claim-mobile p {
  color: white; font-weight: 300;
}

.claim p a, .claim-mobile p a {
  font-weight: bold;
  color: white;
  padding-bottom: .05rem;
  border-bottom: 2px solid white;
}

.claim p a:hover, .claim-mobile p a:hover {
  border-bottom: 2px solid #e50043;
  color: #e50043;
}

.main-nav {
  float: right; position: relative;
  padding-top: 50px; margin-right: 3.75rem;
  font-weight: bold; color: white;
}

.small .main-nav {
  padding-top: 11px;
}

.main-nav.animated {
  animation-duration: 250ms;
}

.main-nav span {
  position: relative; top: 4px;
}

.main-nav a {
  font-weight: bold; color: white;
  padding: .7rem 1.25rem;
}

.main-nav a h4 {
  color: white;
  font-size: 1.125rem;
}

.main-nav a:hover, .main-nav a.current,
.main-nav a:hover h4, .main-nav a.current h4 {
  color: #e50043;
}

.misc-nav {
  float: right; position: relative;
  top: 46px; margin-right: 1.25rem;
}

.small .misc-nav {
  top: 6px;
}

.misc-nav ul li a {
  color: white;
}

.misc-nav ul li + li {
  margin-left: .5rem;
}

.misc-nav .hamburger {
  top: 18px;
}

.the-claim {
  font-size: 1.125rem;
  color: white;
}

/* animations in header */
.main-nav, .small .main-nav, .nrml.small, .nrml, .misc-nav,
.logo, .small .logo, .betop-foot a, .claim, .small.claim,
.cell.filter .menu li a  {
  -webkit-transition: 100ms ease-in-out;
  -moz-transition: 100ms ease-in-out;
  -o-transition: 100ms ease-in-out;
  transition: 100ms ease-in-out;
}

.betop-grid a:hover, .betop-grid a,
.betop-grid a:hover .hover-bg, .betop-grid .hover-bg,
.ymo-grid a:hover, .ymo-grid a,
.ymo-grid a:hover .hover-bg, .ymo-grid .hover-bg, {
  -webkit-transition: 200ms ease-in-out;
  -moz-transition: 200ms ease-in-out;
  -o-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}

/********
  start: hero-slider *******/

.hero-slider {
  opacity: 0;
  background: #202020;
}

.hero-slider .mejs__controls {
  display: none !important;
}

.hero-slider.on-subpage, .on-subpage .darker,
.on-subpage .hero-image, .hero-slider.on-subpage .slide,
.hero-slider.on-subpage .slick-slide {
  height: 920px;
}

.klein-hoch {
  margin-top: calc(120px + 5rem);
}

.klein-hoch .large-12.cell {
  padding-left:.5rem !important; padding-right: .5rem !important;
}

.klein-hoch .large-6.cell:first-child {
  padding-left:.5rem !important;
}

/*.klein-hoch .cell:first-child {
  padding-left: .5rem !important;
}*/

.artikel-image.portrait {
  height: 595px; width: 100%;
  background: transparent center center no-repeat;
	background-size: cover;
}

.artikel-image.portrait {
  margin-bottom: 1.25rem;
}

.hero-slider.slick-initialized {
  opacity: 1;
  transition: 550ms;
}

.hero-slider .slick-slide {
  height: calc(100vh);
  background: #202020;
}

.hero-slider .slide {
  height: 100vh;
}

.hero-caption {
  position: absolute; bottom: 6rem;
  width: 100%;
}

.on-subpage .hero-caption {
  bottom: 3.5rem;
}

.on-subpage figcaption.cell {
  padding-left:0; padding-right: 0;
}

.hero-image {
  height: calc(100vh - 120px); width: 100%;
  display: inline-block; margin-top: 120px; /* header height */
	background: #202020 center center no-repeat;
	background-size: cover;
}

.hero-video {
  height: calc(100vh - 120px); width: 100%;
  display: inline-block; margin-top: 120px; /* header height */
  position: relative;
}

.hero-video .darker {
  position: absolute;
  top: 0;
}

.hero-caption h1, .hero-caption h2, .hero-caption h3,
.hero-caption p, .hero-caption a {
  color: white;
  outline: 0 none;
}

.hero-caption a:hover {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
 text-decoration-skip: ink;
}

.hero-caption h1, .klein-hoch h1 {
  margin-bottom: 1.5rem;
}

.hero-caption h3, .klein-hoch h3 {
 margin-bottom: .75rem;
}

.klein-hoch h3 span {
  color: #e50043;
}

.hero-caption p, .klein-hoch {
  font-size: 1.5rem; line-height: 1.2;
}

.arrows {
  position: absolute; top: 50%;
  z-index: 1; width: 32px; height: 74px;
  cursor: pointer; transition: 250ms;
}

.arrows:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: 250ms;
}

.arrows.left {
  left: 2.5rem;
}

.arrows.right {
  right: 2.5rem;
}

/* grdient for big images for readability */
.darker {
  background-image: linear-gradient(-179deg, rgba(0,0,0,0.00) 25%, #202020 100%);
  width: 100%; height: 100vh;
}

.darker.sub {
  height: calc(100vh - 90px);
}

.darker.onlymobile {
  display: none;
}

/********
  betop grid *******/

.betop-grid {
  padding-top: 4.75rem;
  background: white;
}

.betop-grid .cell {
  margin-bottom: 2.5rem;
}

.betop-grid.grid-container {
  padding-left:0; padding-right: 0;
}

.betop-grid h2 {
  margin-bottom: 1.25rem;
}

h3.category {
  margin-bottom: .75rem; color: #e50043;
}

h2.meistgelesen {
  font-size: 1.625rem; padding-top: 1rem;
  padding-bottom: .25rem;
  padding-left: .5rem; padding-right: .5rem;
  border-bottom: 4px solid #e50043; display: inline-block;
  margin-bottom: 1.25rem;
}

.most-read .medium-2 h3 {
  font-size: 3.25rem;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  display: inline-block;
}

.most-read .medium-10 h3 {
  font-size: 1.25rem;
  /*padding-right: 1.25rem;*/
  padding-left: .75rem;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  display: inline-block;
}

.most-read a:hover h3 {
  text-decoration: underline;
}

 h3.category a {
   color: #e50043 !important;
 }

h3 a:hover {
  text-decoration: underline;
}

.betop-grid h3.category img {
  padding-right: .5rem;
}

.bigbox-image {
  width: 100%; height: 526px;
  margin-bottom: 1.25rem;
  background: transparent center center no-repeat;
	background-size: cover;
}

.bigbox-image:hover {
  transform: scale(1.01);
}

.bigbox-image, .mediumbox-image, .smallbox-image,
.subbox-image, .hibox-image, .readMore-image {
  transition: all 150ms ease-in;
  -moz-transition: all 150ms ease-in;
  -ms-transition: all 150ms ease-in;
  -o-transition: all 150ms ease-in;
  -webkit-transition: all 150ms ease-in;
}

.bigbox-image:hover, .mediumbox-image:hover, .smallbox-image:hover,
.subbox-image:hover, .hibox-image:hover, .readMore-image:hover {
  transform: scale(1.01);
  transition: all 150ms ease-in
  -moz-transition: all 150ms ease-in
  -ms-transition: all 150ms ease-in
  -o-transition: all 150ms ease-in
  -webkit-transition: all 150ms ease-in
}

.mediumbox-image {
  width: 100%; height: 368px;
  margin-bottom: 1.25rem;
  background: transparent center center no-repeat;
	background-size: cover;
}

.hibox {
  position: relative;
}

.hibox .publikation {padding: 2.5rem 3.5rem;}

.cell.hibox.medium-4 {
  width: 100%; max-width: 440px;
  margin-bottom:0; position: relative;
}

.hibox-content {
  position: absolute; top: 0;
  width: calc(100%); height: calc(100% - 2.8rem)
}

.hibox-content h2 {
  position: absolute; bottom: 0;
  display: inline-block; left: 0;
  padding: 1.25rem; margin-bottom:0;
}


.interaction {
  position: absolute; bottom: 2.5rem; left: 0;
  display: inline-block; width: 100%;
  text-align: center;
}

.interaction .button {
  margin:0;
}

.hibox-content h3 {
  display: inline-block; text-align: center;
  width: 100%; margin-top: 1.25rem;
 }

.hibox-image {
  width: 100%; height: calc(100% - 2.8rem);
  background: transparent center center no-repeat;
	background-size: cover;
}

.hibox.order {
  width: 100%; height: calc(100% - 2.8rem);
  background: black;
}

.hibox-image.hold {
  background-color: black !important;
}

.smallbox.cell.no-space-bottom {
  margin-bottom: 0;
}

.smallbox-content h2 {
  font-size: 1.4rem; margin:0;
}

.smallbox-content h3 {
 margin-top: 1rem;
}

.smallbox-image {
  width: 100%; height: 228px;
  background: transparent center center no-repeat;
	background-size: cover;
}

.colorbox {
  height: 100%; background: black;
}

.colorbox-content {
  padding: 1.25rem;
  position: relative;
  height: 100%;
  width: 100%;
}

.colorbox-content h1.font-white a {
  color: white !important;
}

.colorbox-content h1 a:hover {
  text-decoration: underline;
}

.colorbox-content h3 {
  position: relative; z-index: 1;
}

.colorbox-content-middle {
  height: 100%; z-index: 0;
  position: absolute; top: 0;
  left: 0; display: flex;
}

.colorbox-content-middle h1 {
  align-items: center; display: flex;
  position: relative; margin-top: -2.5rem;
  padding: 0;
}

.colorbox-content-bottom {
  position: absolute; bottom: 1.25rem;
  width: calc(100% - 2.5rem);
}

.colorbox-content-bottom p {
  margin-top: 2.5rem;
}

.colorbox h2 {
  padding-top: 5rem; margin-bottom: 5rem;
  text-align: center; padding-left: 2.5rem; padding-right: 2.5rem;
}

.colorbox h3 {
 text-align: center;
}

/* box links and hover effects */
.betop-grid a.box-link,
.ymo-grid a.box-link {
  color: #323232;
  width: 100%; display: inline;
}

.betop-grid .hibox a.box-link,
.ymo-grid .hibox a.box-link {
  display: inline;
}

.betop-grid a.box-link:hover h2,
.ymo-grid a.box-link:hover h2,
a.box-link:hover .colorbox-content h1 {
  text-decoration: underline;
}

.betop-grid .hover-bg,
.ymo-grid .hover-bg,
.readMore .hover-bg {
  width: 100%; height: 100%;
  display: inline-block;
  opacity: 0;
  background-image: linear-gradient(-221deg, #000000 0%, #e50043 100%);;
}

.betop-grid a:hover .hover-bg,
.ymo-grid a:hover .hover-bg,
.readMore a:hover .hover-bg {
  opacity: .1;
  width: 100%; height: 100%;
  display: inline-block;
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

/* special boxes on grids */
.most-read {
  background: #F0F0F0; text-align: center;
  padding: 1.25rem;
}

.most-read .cell {
  margin:0;
}

.most-read hr {
 margin:0; padding:0;
}

.most-read .grid-x.readMost {
  height: 18%;
}

/* augenblicke und bewegtbild **/
.augenblicke, .videos {
  background: black;
  padding: 2.5rem .75rem;
  text-align: center;
  position: relative;
}

.carousel-augenblick .slick-track,
.carousel-videos .slick-track {
  background: black;
}

.augenblicke h2, .videos h2 {
  margin-bottom:0;
}

.vertical-header {
  position: absolute;
  bottom:46%; left:-1rem;
  display: flex;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.vertical-header.en-video {
  bottom: 42%; left: 3rem !important;
}

.vertical-header h2 {
  color: white;
  border-bottom: 6px solid #e50043;
  display: flex;
  font-size: 3.5rem;
  align-items: center;
}

.videos .vertical-header {
  left: -.25rem;
}

.carousel-augenblick .slick-slide,
.carousel-videos .slick-slide {
  padding: 1.25rem 1.25rem;
  opacity: .3;
  transition: 250ms;
  background: black;
}

.article-carousel .slick-slide {
  opacity: .3;
  transition: 250ms;
}

.carousel-augenblick .slick-slide.slick-active,
.carousel-augenblick .slick-slide.slick-current,
.carousel-videos .slick-slide.slick-active,
.carousel-videos .slick-slide.slick-current,
.article-carousel .slick-slide.slick-active,
.article-carousel .slick-slide.slick-current {
  opacity: 1; transition: 250ms;
}

.carousel-augenblick .slick-slide.slick-active,
.carousel-augenblick .slick-slide.slick-current {
  cursor: url('../assets/resize-cursor.png'), auto;
}

.carousel-augenblick figcaption,
.carousel-videos figcaption,
.article-carousel figcaption {
  margin-top: 1.25rem; text-align: left;
  color: white; font-weight: bold;
}

.carousel-augenblick .slick-slide figcaption,
.carousel-videos .slick-slide figcaption,
.article-carousel .slick-slide figcaption{
  opacity: 0;
}

.carousel-augenblick .slick-slide.slick-active figcaption,
.carousel-augenblick .slick-slide.slick-current figcaption,
.carousel-videos .slick-slide.slick-active figcaption,
.carousel-videos .slick-slide.slick-current figcaption,
.article-carousel .slick-slide.slick-active figcaption,
.article-carousel .slick-slide.slick-current figcaption  {
  opacity: 1;
}

.augenblicke .arrows,
.videos .arrows {
  /*top: 38%;*/
  top: 42%;
}

.augenblicke .arrows.left,
.videos .arrows.left {
  left: 5rem;
}

.augenblicke .arrows.right,
.videos .arrows.right {
  right: 5rem;
}

.augenblicke-overlay {
  position: fixed; top: 0; left: 0;
  background: black; height: 100%; width: 100%;
  z-index: 2; opacity: 0; visibility: hidden;
}

.augenblicke-overlay.on {
  opacity: 1; visibility: visible;
}

.augenblicke-overlay .close-button {
  color: white;
}

.augenblicke-overlay .close-button:hover {
  color: #e50043;
}

/*.slick-active .carousel-image {
  position: relative;
  cursor: url('../assets/resize-cursor.png'), auto;
}*/

.carousel-image .image-hover {
  position: absolute; width: 100%;
  height: 100%; opacity: 0;
  background: black;
  transition: 250ms;
}

.carousel-image:hover .image-hover {
  opacity: .1;
  transition: 250ms;
}

/********
  sortable grid container + ymo-grid (named from other project) *******/

.betop-sortable-grid {
    padding-top: 120px;
    padding-bottom: 5rem;
    background: white;
}

.subbox-content {
  height: 109px;
}

.ymo-grid {
  padding-top: 3.125rem;
}

.ymo-grid .cell {
  margin-bottom: 2.5rem;
}

.are-images-unloaded .ymo-grid--item {
  display: none;
}

.betop-sortable-grid.grid-container {
  padding-left: 2.5rem; padding-right: 2.5rem;
}

.betop-sortable-grid .special-cell {
  background: black; margin-left: -1.25rem;
  width: calc(36% - 2.35rem); padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.cell.sub-header {
  margin: 2.5rem 0 1.875rem 0;
}

.cell.filter {
  padding: 0 15%;
}

.cell.filter .menu {
  justify-content: center; width: 100%;
}

.cell.filter .menu li {
  margin: 0.625rem;
}

.cell.filter .menu li a {
  padding: 1rem 1.5rem;
  color: black; font-weight: bold;
}

.cell.filter .menu.desktop {
  text-align: center;
}

.cell.filter .menu.desktop li a {
  padding: 1rem .125rem .5rem .125rem ;
}

.cell.filter .menu.desktop li {
  margin-bottom: 0;
  margin-top: 0;
}

.cell.filter .menu.desktop li {
  display: inline-block;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
  left:0; color: black;
  border-color: black transparent transparent;
}

.cell.filter .menu li a:hover,
.cell.filter .menu li a:focus,
.cell.filter .menu li a.is-checked {
  color: #e50043;
  background: white;
}

.is-dropdown-submenu {
  border:0; background: white;
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
  list-style: none;
}

.cell.filter .is-dropdown-submenu .menu li {
  margin:0;
  border-bottom: 1px solid #323232;
  padding:0;
}

.cell.filter .menu .is-dropdown-submenu li {
  padding:0 !important;
  border-bottom: 1px solid #323232;
  margin:0; list-style: none !important
}

.is-dropdown-submenu .menu li a {
  padding-left: 0;
}

.subbox-image {
  width: 100%; height: 289px;
  margin-bottom: 1.25rem;
  background: transparent center center no-repeat;
	background-size: cover;
}

.ymo-grid--item.longbox {
  margin-bottom: 5rem !important;
}

.longbox.cell .cell {
  margin-bottom: 0;
}

.longbox-image {
  width: 100%; height: 609px;
  background: #202020 center center no-repeat;
	background-size: cover;
}

.special-cell p {
   margin-top: 1.25rem;
}

.special-cell h2, .special-cell h3,
.special-cell p {
  color: white;
}

.special-cell h2, .special-cell h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
}

/********
  footer *******/

.betop-foot {
  background: #202020; color: white;
  padding: 0; position: relative;
}

.betop-foot .foot-claim {
  height: 76px; border-bottom: 2px solid white;
}

.betop-foot .middle-foot {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.betop-foot .foot-claim p {
  line-height: 76px; font-weight: bold;
}

.bottom-foot {
  background: black;
  padding: 2.5rem;
}

.logo-footer {
  float: left;
}

.foot-div {
  position: relative;
}

.foot-menu {
  top: 70px; right: 0;
  position: absolute;
}

.foot-menu li + li {
  margin-left: 3.75rem;
}

.foot-menu a,
.foot-menu a:visited {
  padding: 0; color: white;
  font-weight: bold;
}

.foot-menu a:hover,
.foot-menu a:focus {
  color: #e50043;
}

.middle-foot .menu.nested {
  margin: 0;
}

.social-menu {
  position: absolute;
  right: 0;
}

.social-menu a {
  padding:0;
  color: white;
}

.social-menu a i {
  font-size: 1.25rem;
}

.social-menu li + li {
  margin-left: 1.25rem;
}

.social-menu a:hover,
.social-menu a:focus {
  color: #e50043;
}

.middle-foot .menu a {
  color: white; padding: 0;
  margin: 0; font-weight: 300;
}

.middle-foot .menu a:hover,
.middle-foot .menu a:focus {
    color: #e50043;
}

.middle-foot .menu a.main {
  font-weight: bold;
  margin-bottom: 1.25rem;
  padding-bottom: .05rem;
  border-bottom: 2px solid white;
  display: inline-block;
}

.middle-foot .menu a.main:hover {
  border-bottom: 2px solid #e50043;
}

.middle-foot .menu .vertical a {
  font-size: 1.125rem;
}

.middle-foot .menu li {
  margin-bottom: 1rem;
}

.middle-foot .menu li:last-child {
  margin-bottom: 0;
}

.end {
  border-bottom: 16px solid #e50043;
}

/* search overlay */
.hamburger-overlay {
  position: fixed; z-index: 2;
  background: #202020; color: white;
  top: 120px; right: 0%; opacity: 0;
  visibility: hidden; padding: 3.75rem 0 3.75rem 3.75rem;
  overflow: scroll;
}

.hamburger-overlay .cell {
  margin-bottom: 3.75rem;
}

.hamburger-overlay .cell.medium-12 {
  margin-bottom: 1.25rem;
}

.language li + li {
  margin-left: 1rem;
}

.language li a {
  font-weight: bold;
  border: 2px solid transparent;
}

.language li a.current {
  color: #e50043;
  border-bottom: 2px solid #e50043;
  font-weight: bold; padding: 0 !important;
}

.hamburger-overlay .cell.no {
  margin-bottom:1.25rem;
}

.hamburger-overlay.small {
  top: 60px;
}

.hamburger-overlay.animated {
  transition: 150ms;
  animation-duration: 150ms;
}

.hamburger-overlay.on {
  visibility: visible;
  opacity: 1;
}

.hamburger-overlay .menu.nested {
  margin: 0;
}

.hamburger-overlay .menu a {
  color: white; padding: 0;
  margin: 0; font-weight: 300;
}

.hamburger-overlay .menu a:hover,
.hamburger-overlay .menu a:focus {
    color: #e50043;
}

.hamburger-overlay .menu a.main {
  font-weight: bold;
  margin-bottom: 1.25rem;
  padding-bottom: .05rem;
  border-bottom: 2px solid white;
  display: inline-block;
}

.hamburger-overlay .menu a.main:hover,
.hamburger-overlay .menu a.main.current {
  border-bottom: 2px solid #e50043;
  color: #e50043;
}

.hamburger-overlay .menu li {
  margin-bottom: 1rem;
}

.hamburger-overlay .menu li:last-child {
  margin-bottom: 0;
}

/********
  search *******/

.search-overlay {
  position: fixed; z-index: 2;
  background: #202020; color: white;
  width: 50%; height: calc(45vh - 120px);
  top: 120px; opacity: 0; right: 0%;
  visibility: hidden; transition: 250ms;
}

.search-overlay .button {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.search-overlay.on {
  opacity: 1;
  visibility: visible;
  animation-duration: 250ms;
}

.search-overlay.small {
  top: 60px;
  transition: 250ms;
}

.reveal.search-overlay {
  padding:0; border: 0; right: 0 !important;
  top:120px !important;
}

.reveal.search-overlay.small {
  top: 55px !important;
  border-top: 5px solid black ;
  height: calc(25vh - 55px) !important;
  transition: 150ms !important;
}

a.search-trigger {
  cursor: normal;
}

a.search-trigger:focus {
  outline: 0;
}

.search-svg:hover g {
  stroke: #e50043;
}

g.on {
  fill: #e50043;
  stroke: #e50043;
}

form.searching {
  outline: 0;
  display: inline-block;
  width: 75%;
}

.betop-content form.searching {
  width: 100%;
}

form.searching > .textbox {
  outline: 0;
  height: 60px;
  width: 80%;
  line-height: 60px;
  padding: 0 16px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #212121;
  border: 0;
  float: left;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  margin:0;
}


form.searching > .textbox:focus {
  outline: 0;
  background-color: #FFF;
  box-shadow: 0 !important;
}

form.searching > .button {
  outline: 0;
  background: none;
  background-color: rgba(0, 0, 0, 0.8);
  float: left;
  height: 60px;
  width: 20%;
  text-align: center;
  line-height: 60px;
  border: 0;
  margin: 0 !important;
  color: #FFF;
  font-weight: bold; line-height: 1;
  font-size: 20px;
  text-rendering: auto;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

form.searching > .button:hover {
  background-color: rgba(226, 6, 27, 1);
}

form.searching ::-webkit-input-placeholder {
  color: #666;
}

form.searching ::-moz-placeholder {
  color: #666;
}

form.searching :-ms-input-placeholder {
  color: #666;
}

form.searching :-moz-placeholder {
  color: #666;
}

/* search layout results */

.tx-indexedsearch-info, .tx-indexedsearch-info-sword,
#tx_indexedsearch p, #tx_indexedsearch fieldset legend,
.tx-indexedsearch-form label, .tx-indexedsearch-percent,
.tx-indexedsearch-icon {
  display: none;
}

.tx-indexedsearch-browsebox {
  margin-bottom: 2.5rem;
}

.tx-indexedsearch-browsebox p {
  font-size: 1rem;
}

.tx-indexedsearch-title a {
  font-size: 1.4rem;
  color: #232323;
  margin-bottom: .75rem;
  display: inline-block;
}

.tx-indexedsearch-title a:hover,
.tx-indexedsearch-title a:focus {
  text-decoration: underline;
  color: #232323;
}

.tx-indexedsearch-res {
  margin-bottom: 3.25rem;
}

#tx_indexedsearch [type=text] {
    width: 100%;
    height: 4rem;
    margin: 0;
    padding: 1rem;
    border: 0px solid #232323;
    background-color: #323232;
    box-shadow: 0;
    font-size: 1.125rem;
    font-weight: 500;
    color: white;
    border-right: 0;
    border-left: 0;
}

.betop-content #tx_indexedsearch [type=text] {
  height: 3.25rem !important;
}

#tx_indexedsearch [type=text]:hover,
#tx_indexedsearch input[type=text]:focus,
input.tx-indexedsearch-searchbox-sword {
  box-shadow: 0 !important;
}

.input-group-label {
    padding: 0 1.25rem;
    border: 0px solid #232323;
    background: #323232;
    color: white;
}

#tx_indexedsearch .button {
  border: 0;
}

/* lazy load helper */
.pagination {
  display: none;
}

/********
  subpages *******/

/* hero header */

.header-content {
  margin-top: 90px;
}

.header-image {
  height: calc(100vh - 120px); width: 100%;
  display: inline-block; margin-top: 120px; /* header height */
	background: #202020 center center no-repeat;
	background-size: cover; float: left;
}

.header-content * {
  color: white;
}

.header-content h3 {
  font-size: 1.125rem; margin-bottom: .75rem;
  font-weight: 300;
}

.header-content h1 {
  margin-bottom: 1.5rem; position: relative;
  left: -4px;
}

.hero-hr {
  border-bottom: 6px solid white;
  width: 47%; display: inline-block;
  margin: 1.5rem auto;
}

.klein-hoch hr {
  border-bottom: 4px solid #232323;
  width: 47%; display: inline-block;
  margin: 1.5rem auto;
}

.landscape {
  margin-top: 2.5rem;
}

.cell.landscape {
  padding-left: .5rem;
}

.link-holder {
  width: 100%;
}

.link-holder:hover p {text-decoration: none !important;}

/********
  betop-content *******/

.betop-content {
  padding-top: 5rem; padding-bottom: 5rem;
}

.article-header {
  height: 80px; border-top: 2px solid #202020;
  border-bottom: 2px solid #202020;
  margin-bottom: 5rem;
}

.social-media {
  float: right;
}

.social-media a {
  padding:0;
}

.social-media li + li {
  margin-left: 1.25rem;
}

.social-media a:hover .sm-logo {
  fill: #e50043;
}

.social-media a:hover rect#Rectangle-2 {
  stroke: #e50043;
}

.social-media .social-share {
  color: #232323;
  border: 2px solid #232323;
  height: 32px; width: 32px;
  text-align: center; line-height: 28px;
}

.social-media .social-share.xing {
  line-height: 30px;
}

.social-media .social-share:hover {
  color: #e50043;
  border: 2px solid #e50043;
}

.social-media .social-share.facebook {
  border: none;
}

.betop-content .grid-x .cell {
  position: relative;
}

.betop-content article h1, .betop-content article h2,
.betop-content article h3 {
  margin-bottom: 1.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
}

.betop-content .article-text p,
.betop-content .alert-box p,
.betop-content .weird-box p {
  margin-bottom: 1.5rem;
}

.betop-content .alert-box p,
.betop-content .weird-box p {
  font-size: .875rem !important;
  line-height: 1.4;
}

.betop-content .alert-box p, .betop-content .alert-box h1,
.betop-content .alert-box h2, .betop-content .alert-box h3 {
  color: white;
}

.quote-carousel {
  margin-top: 1.25rem;
  margin-bottom: 4rem;
}

.betop-content .slick-dots li button, .betop-content .slick-dots li button:hover:before,
.betop-content .slick-dots li.slick-active button:before, .betop-content .slick-dots li button:before {
  color: #232323;
}

hr.quote, .with-quote hr, .article-text hr, .weird-box hr,
hr.animations {
  border-bottom: 2px solid black;
  margin: 1.25rem 0; width: 50%;
}

.subcontent.blank {
  margin-top: 120px;
}

.quoteImage {
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
}

.quoteImage-text {
  padding-left: 2rem;
}

.quoteImage-textA p:last-child {
  margin-bottom:0;
}

.quoteImage-text p:last-child {
  margin-bottom:0;
}

.betop-content .article-text ul {
  margin-bottom: 1.25rem; font-weight: 300;
  margin-left: 2.5rem; margin-top: 1.25rem;
}


.betop-content .slick-dots {
  bottom: 0; margin-bottom: 0 !important;
  bottom: -2.5rem;
}

.betop-content p a, .klein-hoch a {
  border-bottom: 2px solid #e50043;
  font-weight: 500;
  color: #e50043;
}

.betop-content p a:hover, .klein-hoch a:hover,
.betop-content p a:focus, .klein-hoch a:focus {
  border-bottom: 2px solid transparent;
}

.article-text span.start {
	float: left;
  font-weight: bold;
	font-size:6.25rem;
	line-height:1;
  margin-top: -.3rem;
	padding-right: 1.25rem;
  margin-left: -5px;
  text-transform:uppercase;
}

.article-image {
  padding-top: 1.25rem;
  /*padding-bottom: 1.25rem;*/
}

.betop-content figcaption {
  margin-top: .75rem;
  margin-bottom: 1.5rem;

}

.betop-content figcaption p.imageCap, .video-cont figcaption,
.video-caption, p.imageCap {
    color: #808080;
    font-style: italic !important;
    font-weight: 300;
    font-size: 1.063rem;
}

.alert-box, .weird-box {
  margin-bottom: 2.5rem;
  position: absolute; right: 0%;
  margin-top: 7px; margin-left: 0%;
  width: 100%;
}

.weird-box.related .inner {
  border:0;
  padding:0;
}

.weird-box.related .inner img {
  margin-bottom: 1.25rem;
}

.weird-box.related .inner a {
  color: #232323;
}

.weird-box.related .inner a:hover {
  text-decoration: underline;
}

.weird-box.related .inner a:hover img {
  opacity: .8;
}

.weird-box.related .inner p:last-child {
  margin-bottom: 1.25rem;
}

.related hr {
  border-bottom: 2px solid #232323;
  margin-top:0;
}

.weird-box h3 {
  margin-bottom: .5rem !important;
}

.relatedHead {
  font-size: 1.125rem; font-weight: bold;
  padding-bottom: 1.25rem !important;
}

.weird-box .carousel-image {
  padding-left: 1.75rem;
}

.infoboxCarousel {
  position: absolute; left:66.6667%;
  width: 100%; margin-top: 7px;
}

.weird-box.with-quote {
  right: 0; margin-top: 2px;
}

.weird-box.no-borders .inner  {
  padding:0 0 0 0%; border: 0; margin:0;
}

.weird-box.no-borders.image-box .inner {
  padding:0%; border: 0; margin:0;
}

.article-carousel {
  margin-top: 1.25rem; margin-bottom: 1.25rem;
  max-height: 442px;
}

.article-carousel .slick-track {
  margin-left: -3.7rem;
}

.article-carousel .slick-slide img {
  padding-right: 1.25rem;

}

.article-carousel .arrows {
  top: 41% !important;
  width: 24px;
}

.article-carousel .arrows.right {
  right: -3.75rem;
}

.article-carousel .arrows.left {
  left: -3.75rem;
}

.alert-box .inner {
  background: black;
  transition: 250ms;
  padding: 2.5rem 1.25rem;
}

.weird-box .inner {
  background: white; border: 2px solid #e50043;
  padding: 2.5rem 1.25rem;
}

.weird-box.black .inner {
  border: 2px solid #232323;
}

.alert-box .inner:hover {
  background: black;
  transition: 250ms;
}

.betop-content .alert-box p:last-child,
.betop-content .weird-box p:last-child {
  margin-bottom: 0;
}

.quote-box {
  margin-top: .75rem;
  margin-bottom: 3.25rem;
}

.quote-box-slider {
  background: black; padding: 3.5rem 17.5%;
}

.quote-box-slider h2, .quote-box-slider h3 {
  margin-bottom: 0 !important;
}

.quote-box-slider p {
  margin-top: 1.5rem;
}

.quote-box-slider .arrows {
  width: 21px;
  top: 44%;
}

.quote-box-slider .arrows.left {
  left: 1.75rem;
}

.quote-box-slider .arrows.right {
  right: 1.75rem;
}

.article-video {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.article-carousel .arrows {
  top: 42%;
}

.ymo-grid--item .sub-content {
  height: 148px;
}

/* read more */

.readMore {
  background: #eee;
  border-top: 2px solid #232323;
}

.readMore .headline {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-left: 1.25rem;
}

.readMore-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.readMore .readMore-cell {
  display: flex;
  background-color: #eee;
  min-width: 100%;
  overflow-x: auto;
  padding: 0 0 2.5rem 0;
}

.readMore .readMore-cell.grid-x {
  flex-flow: nowrap;
}

.readMore-image {
  width: 50%; height: 149px;
  background: transparent center center no-repeat;
	background-size: cover; float: left;
}

.readMore--content.medium-4 {
  width: 35%;
}

.readMore h2 {
  font-size: 1.4rem;
}

.readMore h3 {
  font-size: 1rem;
  font-weight: 300;
  margin-top: 0rem;
}

.readMore-teaser {
  display: inline-block;
  float: left;
  width: 50%;
  height: 149px;
  padding-left: 1.25rem;
}

.readMore-teaser a {
  color: #232323;
}

.readMore-teaser a:hover,
.readMore-teaser a:focus {
  text-decoration: underline;
}

/* temp back button */

.backSection {
  display: inline-block; width: 100%;
  margin-top: 2.5rem;
}

.backSection .button {
    background: white;
    color: #232323;
    border: 2px solid #232323;
    font-weight: bold;
    font-size: 1.125rem;
    transition: 150ms;
}

.backSection .button:hover,
.backSection .button:focus {
  background: #232323;
  color: white;
}

.backSection .button:hover #long-arrow-left,
.xDivide .button:hover #long-arrow-left,
.xDivide .button:hover #long-arrow-right {
  fill: #fff;
}

.backSection .button img, .backSection .button svg {
  margin-right: 1.25rem;
  position: relative; top: 2px;
}

.xDivide .button.goBack svg {
  margin-right: 1.25rem;
}

.xDivide .button svg {
  position: relative; top: 2px;
  margin:0;
}

.xDivide .button.right svg {
  margin-left: 1.25rem;
}

/* typo3 overrides */
.hero-slider .frame-default header, .betop-grid header,
.betop-sortable-grid header, .betop-content header {
  display: none;
}

/* flickity  carousels */

.flickity-slider {
  display: flex;
  align-items: center;
}

.article-text .carousel {
  /*height: 604px;*/
  margin-top: 1.25rem;
}

.article-text .carousel .carousel-image {
  display: block;
  /*height: 100% !important;*/
  min-width: 150px;
  max-width: 100%;
  margin-right: 1.25rem;
  top: 50%;
  transform: translateY(-50%)
}

.article-text .carousel .carousel-image {
  width: auto !important;
  /*height: 100% !important;*/
}

.carousel.infobox {
  width: 100%;
  height: 404px;
  padding-left: 1.25rem;}

.carousel.infobox.adaptiveheight {
  height: auto !important;}

.infobox .carousel-cell {
  width: 100%;
  max-height: 100%;
}
.infobox .carousel img {
  display: block;
}

.infoboxCarousel p.caption {
  padding:4.5rem 0 1.25rem 0;
  font-size: .875rem;
  color: #808080;
  font-style: italic;
  font-weight: 300;
  position: relative;
  z-index: 1;
  line-height: 1.4;
  margin-left: 1.25rem;
}

.articleCap.caption {
  font-style: italic;
  font-weight: 300;
  font-size: 1.063rem;
  line-height: 1.4;
  color: #808080;
  padding: 1.25rem;
  padding-left:0;
  padding-top: 3.25rem;
}

p.articleCap.caption {
  /*margin-bottom: 2.5rem;*/
}

.infoboxCarousel .flickity-page-dots {
  z-index: 2;
  bottom: -3.75rem;
}

.infoboxCarousel .flickity-prev-next-button {
  width: 32px;
  height: 32px;
}

.infoboxCarousel .flickity-prev-next-button.previous {
  left: 1.75rem;
}

.infoboxCarousel .flickity-prev-next-button.next {
  right: .75rem;
}

/* divide articles */
.number {
  background: white;
  border: 2px solid #232323;
  padding: 1.25rem;
  color: #232323;
  font-size: 2.75rem;
  margin-right: .75rem;
  display: block;
  float: left;
}

.number.active {
  background: #232323;
  color: white;
}

.numberDesc {
  display: inline;
  font-size: 1rem;
  line-height: 1;
  position: relative;
  top: .5rem;
  padding-right: 25%;
}

.article-header.xDivide {
  border-top: 0;
  padding-bottom: 1.25rem;
  display: inline-block;
  width: 100%;
  height: auto;
}

.article-header.xDivide.foot {
  border-top: 2px solid #232323;
  border-bottom:0; padding-top: 2.5rem;
  margin-top: 2.5rem;
}

.xDivide .button {
  background: white;
  border: 2px solid #232323;
  float: left;
  transition: 150ms;
}

.xDivide .button:hover, .xDivide .button:focus {
  background: #232323;
  color: white;
  transition: 150ms;
}

.xDivide .button:focus {
  background: #323232;
}

.xDivide .button.right {
  float: right;
}

.xDivide .page-title {
  font-weight: bold;
  position: relative;
  top: 12px; padding-left: 1.25rem;
  display: inline-block;
}

.xDivide a {
  color: #232323;
}

.xDivide a:hover {
  color: #828282;
}

.augenblick-carousel .carousel-cell {
  width: 80%; /* half-width */
  margin-right: 2.5rem;
}

.augenblick-carousel .flickity-fullscreen-button {
  top: 0; right: 0;
  background: white;
  border-radius: 0;
}

.augenblick-carousel .flickity-fullscreen-button:hover {
  background: #e50043;
}

.augenblick-carousel.is-fullscreen .flickity-fullscreen-button,
.bewegtbild-carousel.is-fullscreen .flickity-fullscreen-button,
.order-carousel.is-fullscreen .flickity-fullscreen-button {
  right: 2.5rem; top: 2.5rem;
}

.augenblick-carousel .flickity-prev-next-button,
.bewegtbild-carousel .flickity-prev-next-button,
.order-carousel .flickity-prev-next-button {
  border-radius: 0;
}

.augenblick-carousel .flickity-prev-next-button:hover,
.bewegtbild-carousel .flickity-prev-next-button:hover,
.order-carousel .flickity-prev-next-button:hover {
  background: transparent;
}
.augenblick-carousel .flickity-prev-next-button.next,
.bewegtbild-carousel .flickity-prev-next-button.next,
.order-carousel .flickity-prev-next-button.next {
  right: 2.25rem;
}

.augenblick-carousel .flickity-prev-next-button.previous,
.bewegtbild-carousel .flickity-prev-next-button.previous,
.order-carousel .flickity-prev-next-button.previous {
  left: 2.25rem;
}

.augenblick-carousel .previous .flickity-button-icon,
.augenblick-carousel .next .flickity-button-icon,
.bewegtbild-carousel .previous .flickity-button-icon,
.bewegtbild-carousel .next .flickity-button-icon,
.order-carousel .previous .flickity-button-icon,
.order-carousel .next .flickity-button-icon{
  fill: white;
}

.augenblickCap {
  color: white; font-weight: 300;
  text-align: left; margin-top: .75rem;
  font-size: 1rem;
  font-weight: bold;
}

.augenblickCap.normal {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.augenblickCap.full {
  position: absolute; z-index: 11;
  bottom: 1.25rem; left: 1.25rem;
  background: #232323;
  max-width: calc(100% - 2.5rem);
  padding: 1.25rem;
}

.flickity-enabled.is-fullscreen {
  background: hsla(0, 0%, 0%, 1);
}

.longerCap {
  display: none;
  background: white;
}

.is-fullscreen .longerCap {
  display: block;
}

.augenblick-carousel.is-fullscreen {
    padding-bottom: 4rem !important;
}

.bewegtbild-carousel p {
  color: white;
  text-align: left;
  font-size: 1rem; font-weight: bold;
}

.bewegtbild-carousel .carousel-cell {
  width: 80%; /* half-width */
  margin-right: 2.5rem;
}

.bewegtbild-carousel .carousel-cell,
.augenblick-carousel .carousel-cell {
  opacity: .5;
  transition: 150ms;
  top:0;
}
.bewegtbild-carousel.is-fullscreen .carousel-cell,
.augenblick-carousel.is-fullscreen .carousel-cell {
  opacity: .5;
  transition: 150ms;
  top:auto;
}

.bewegtbild-carousel .carousel-cell.is-selected,
.augenblick-carousel .carousel-cell.is-selected {
  opacity: 1;
  transition: 150ms;
}

.article-video.animated .mejs__overlay-play,
.article-video.animated .mejs__controls {
  opacity: 0;
}

.article-video.animated .mejs__controls {
  display: none !important;
}

.order-carousel {
  padding: 2.2rem;
}

.order-carousel .carousel-cell {
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}

.order-carousel .carousel-cell.is-selected {
  opacity: 1;
  z-index: 0
}

.order-carousel .flickity-page-dots {
  left:0;
  bottom:0;
}

.order-carousel .flickity-page-dots .dot.is-selected,
.order-carousel .flickity-page-dots .dot:hover {
  background: #e50043;
}

p.orderCap {
  text-align: center;
  padding-top: .75rem;
}

p.orderCap a {
  color: white;
  font-weight: bold;
  font-size: 1rem;
}

p.orderCap a:hover {
  color: #e50043;
}

.orderIcon {
  position: relative; top: -2px;
}

/* accordion reset */
.accordion-title:focus, .accordion-title:hover {
  background: white;
}

ul.accordion {
  margin-left:0 !important;
  margin-bottom: 2.5rem !important;
}

.accordion-title {
    position: relative;
    display: block;
    padding: 2rem 2rem;
    border: 0px solid #323232;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    background: #eee;
    word-break: break-word;
}

.accordion-title .large-12 img {
  margin-bottom: 1.25rem;
}

.accordion-title .cell p:last-child {
  margin-bottom: 0;
}

.accordion-title h3 {
  margin-bottom: 1.25rem !important;

}

.accordion-title.first::before {
  display: none;
}

.accordion-title.blank {
  background: #e9e9e9;
  color: #232323;
  padding: .75rem;
  text-align: center;
  font-size: 1.063rem;
  font-weight: normal;
}

.accordion-title.blank:hover {
  background: #232323;
  color: white;
}

.accordion-title.blank:focus {
  background: #eee;
  color: #232323;
}

.accordion-title.blank::before {
  position: relative;
  right: .5rem;
  content: "\f0d7";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.is-active>.accordion-title.blank::before {
  content: "\f0d8"
}

.accordion-title.blank::after {
  content: "mehr lesen";
}

.is-active>.accordion-title.blank::after {
  content: "weniger lesen";
}

.accordion-title.blank.en::after {
  content: "read more";
}

.is-active>.accordion-title.blank.en::after {
  content: "read less";
}

.accordion-title:hover, .accordion-title:focus,
.accordion-content, .accordion-title {
  color: #323232;
}

.accordion-title:hover, .accordion-title:focus {
  background: #eee;
}

:last-child>.accordion-content:last-child,
:last-child:not(.is-active)>.accordion-title {
  border-bottom: 0px solid #323232;
}

.accordion-content {
    display: none;
    padding: 2rem;
    padding-top:.25rem;
    border: 0px solid #323232;
    border-bottom: 0;
    background-color: #eee;
    border-top: 0;
}

.accordion-content p:last-child {
  margin-bottom:0 !important;
}

.accordion-title .large-8 p,
.accordion-title .large-8 h3,
.accordion-title .large-8 h2 {
  padding-left: 2rem;
}

.border-red .accordion-title, .border-red .accordion-content,
:last-child>.border-red .accordion-content:last-child,
:last-child:not(.is-active)>.border-red .accordion-title {
  border-color: #e50043;
}

/* cookie consent */

.top-message-wrap {
  width: 50%;
  bottom:0;
  top:auto;
}

#pxa-cookie-bar .cookie-warning {
    border: none;
    color: white;
    padding: 0;
    background: black;
}

#pxa-cookie-bar .cookie-container .btn-close {
    text-align: center;
    min-width: 36px;
    font-size: 1.125rem;
    line-height: 26px;
    float: right;
    cursor: pointer;
    text-decoration: none;
    border: 2px solid white;
    border-radius: 0px;
    padding: .25rem .5rem;
    font-family: 'Helvetica LT Std';
    color: white;
        margin-top: .25rem;
        margin-bottom: .25rem;
}

#pxa-cookie-bar .cookie-container .btn-close:hover {
  color: #e50043;
  border-color: #e50043;
}


#pxa-cookie-bar .cookie-container {
  padding: 1rem 3.5rem 1rem 1rem;
}

#pxa-cookie-bar p {
  color: white;
  font-family: 'Helvetica LT Std';
  font-size: .875rem;
  line-height: 1.3
}

/********
  mobile *******/


/* 1. breaking-point */
@media screen and (max-width: 1320px) {

  h1 {
    font-size: 3rem;
  }

  h1.hero {
    font-size: 3rem;
  }

  h2 {
    font-size: 1.75rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
  }

  .ymo-grid--item .sub-content {
    height: 88px;
  }

  .colorbox-content-middle h1 {
    font-size: 3rem;
  }

  .arrows {
    width: 26px;
    height: 60px;
  }

  .arrows.right {
    right: 1.25rem;
  }

  .arrows.left {
    left: 1.25rem;
  }

  .hero-caption p, .klein-hoch {
    font-size: 1.25rem; line-height: 1.4;
  }

  .cell.filter {
    padding: 0 10%;
  }

  .claim {
    display: none;
  }

  .claim-mobile {
    visibility: visible;
    opacity: 1;
    transition: 250ms;
    left:0 !important;
  }

  /* header, nav and general sites */
  .logo {
    left: 1.25rem;}

  .misc-nav {
    margin-right: 0;}

  .betop-sortable-grid.grid-container {
    padding-left: 1.25rem; padding-right: 1.25rem;
  }

  .betop-sortable-grid .special-cell {
    width: calc(36% - 2.1rem);
  }

  .subbox-image {
    height: 268px;
  }

  .main-nav {
    display: none;}

  .claim {
    width: 100%; left: 0;
    text-align: center;}

  .main-nav .menu {
    justify-content: center;
    margin-right:0; width: 100%;
    position: absolute;
  }

  /* general spacing on startpage */
  .betop-grid {
    padding-top: 2.5rem;}

  .betop-grid .grid-x .large-offset-1 {
    margin-left:0;}

  .betop-grid .grid-x .large-10  {
    width: calc(100% - 2.5rem);
    margin-left: 1.25rem;}

  .middle-foot .menu .vertical a {
    font-size: 1.063rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
  }

  .middle-foot .menu.nested {
    padding: 0 .5rem 0 0;
  }

  .betop-foot .grid-x .large-10,
  .bottom-foot .grid-x .large-10 {
    width: calc(100% - 2.5rem);
    margin-left: 2.5rem;
  }

  .social-menu, .foot-menu {
    right: 2.5rem;
  }

  .hamburger-overlay {
    left: 0;
  }

  .ymo-grid--item.longbox {
    margin-bottom: 2.5rem !important;
  }

  .accordion-item .large-4 {
    width: 32%;
  }

  .accordion-item .large-8 {
    width: 68%;
  }

  .hamburger-overlay {
    padding-bottom: 5rem;
  }

}



/* some image breakingpoints */
@media screen and (max-width: 1280px) {
  .artikel-image.portrait {
    height: 506px;
  }

  .subbox-image {
    height: 208px;
  }

  .readMore--content.medium-4 {
    width: 50%;
  }

  .readMore-image {
    height: 206px;
  }

}

@media screen and (max-width: 1180px) {
  .artikel-image.portrait {
    height: 466px;
  }
  .readMore--content.medium-4 {
    width: 50%;
  }
}

@media screen and (max-width: 1080px) {
  .artikel-image.portrait {
    height: 416px;
  }
}


/* 2. breaking-point */
@media screen and (max-width: 1023px) {

  .showMobile {
    display: inline-block !important;
  }

  .hideMobile {
    display: none !important;
  }

  .readMore--content.medium-4 {
    width: 80%;
  }

  .readMore-image {
    height: 226px;
  }

  .hamburger-overlay .cell.no {
    margin-bottom:0;
  }

  .hamburger-overlay.on {
    height: 100%;
  }

  .hamburger-overlay .min-h {
    height: auto;
  }

  .hamburger-overlay .min-h .cell {
    padding-left:0; padding-right:0;
  }

  .colorbox-content-middle h1 {
    font-size: 2.25rem;
  }

  .cell.filter .menu li { margin: 0 .25rem;}
  .ymo-grid {padding-top: 2.5rem;}
  .cell.filter .menu li a {padding:.25rem 0 0 0 !important;}

  .videos .medium-offset-3 {
    padding:0;
  }

  .hero-slider.on-subpage, .on-subpage .darker, .on-subpage .hero-image, .hero-slider.on-subpage .slide, .hero-slider.on-subpage .slick-slide {
    height: 640px;
  }

  .cell.landscape {
    padding-left: 1.25rem;
    margin-bottom: 2.5rem;
  }

  .ymo-grid .cell {
    margin-bottom: 1.25rem;
  }

  .subbox-image {
    height: 268px;
  }

  .hero-caption {
    bottom: 4rem;
  }

  .menu.mobile {
    display: block;
  }

  /*.menu.desktop {
    display: none;
  }*/

  .betop-grid .cell {
    margin-bottom: 1.25rem;
  }

  .foot-menu {
    top: 77px;
  }

  .alert-box, .weird-box,
  .quote-box, .weird-box.with-quote {
    margin-top: 1.25rem;
  }

  .betop-content figcaption {
    margin-bottom: 0;
  }

  .quote-box {
    margin-bottom: 2.5rem;
  }

  .betop-content figcaption {
    font-size: 1.063rem; line-height: 1.5;
  }

  .header-content {
    position: absolute; bottom: 0px;
    text-align: center; width: 100%;
    display: inline-block; padding: 2.5rem 5rem;
  }

  .betop-content {
    padding: 1.25rem 0rem 3.25rem 0;
  }

  .article-text .large-7.medium-8 .article-image {
    width: 66.6667%;
  }

  .article-text .medium-12 .article-image {
    width: 66.6667%;
  }

  .weird-box .carousel-image {
    padding-left:0;
    max-width: 50%;
  }

  .alert-box, .weird-box {
    position: relative;
    right: 0; padding-right: 0;
    max-width: 66.6667%; left:0;
    justify-content: flex-start;
    margin-bottom: 1.25rem;
  }

  .quoteImage .large-3,
  .quote-carousel .large-3 {
    width: 16.66667%;
  }

  .darker.onlymobile {
    display: block;
  }

  .header-image {
    height: calc(100vh - 90px);
    margin-top: 90px;
  }

  .klein-hoch {
    margin-top: calc(90px + 1.25rem);
  }

  .klein-hoch .artikel-image.portrait {
    height: 528px;
  }

  .klein-hoch .cell {
    padding-left:0;
    padding-right: 0;
  }

  .klein-hoch .landscape {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
  }

  p.articleCap.caption {
    margin-bottom: 0;
  }

  .header-content p {
    font-size: 1.25rem;
  }

  .header-content .hero-hr {
    display: none;
  }

  .cell.filter {
    padding: 0;
  }

  .betop-sortable-grid {
      padding-top: 90px;
    }

  .logo {
    width: 110px; margin-top: 18px;
  }

  .claim {
    top: 40px;
  }

  .small.claim {
    left:0; top: 20px;
  }

  .claim-mobile {
    top: 40px;
  }

  .misc-nav {
    top: 28px;
  }

  .nrml {
    height: 90px;}

  .hero-image {
    height: calc(100vh - 90px);
    margin-top: 90px; /* header height */
  }

  .hero-video {
    height: calc(100vh - 90px);
    margin-top: 90px; /* header height */
  }

  .hero-slider .slick-dots {
     bottom: 1.5rem;
  }

  a.box-link:hover h1 {
    text-decoration: underline !important;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  h2.big {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  p,  h3.category {
    font-size: 1.063rem; line-height: 1.5;
  }

  h3.category {
    margin-bottom: .5rem;
  }

  .betop-grid h2 {
    margin-bottom: .75rem;
  }

  .hero-caption p {
    font-size: 1.25rem;
  }

  /* fix .cell margin for the last row in the grid */
  .betop-grid .grid-x .grid-x .cell:nth-child(3n) {
    margin-bottom: 2.5rem;;
  }

  .betop-foot .bottom-foot {
    padding-top: 30px;
  }

  .betop-grid {
    padding-top: 1.5rem;}

  .cell.augenblicke, .cell.videos {
    margin-bottom: 1.5rem;
  }

  .cell.hibox.medium-4 {
    width: calc(100% - 2.5rem);
    max-width: none;
    margin-bottom: 0;
    height: 540px;
  }

  .hero-slider .arrows.left {
    left: 1.25rem;
  }

  .hero-slider .arrows.right {
    right: 1.25rem;
  }

  .betop-sortable-grid .special-cell {
    width: 50%;
  }

  .hamburger-overlay, .search-overlay {
    top: 90px; width: 100%;
  }

  form#searching {
    width: 100%; padding: 1.25rem;
  }

  .hamburger-overlay {
    padding: 2.5rem 1.25rem 5rem 1.25rem;
  }

  .article-header {
    margin-bottom: 3.25rem;
  }

}

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

  p.orderCap a {
    display: inline-block;
  }

  .on-subpage {
    margin-top: calc(90px + 1.25rem);
    margin-bottom: 1.5rem;
  }

  .on-subpage .hero-image {
    margin-top:0;
  }

  .most-read {display: none;}

  .alert-box .inner {
    width: 66.66667%;
  }

  .alter-box.align-right {
    justify-content: flex-start;
  }

  .betop-grid .grid-x .large-10 {
    width: calc(100%);
    margin-left: 0;
  }

  .mediumbox-image, .smallbox-image {
    height: 298px;
  }

  /* fix .cell margin for the last row in the grid */
  .betop-grid .grid-x .grid-x .cell:nth-child(3n) {
    margin-bottom: 0rem;
  }

  .cell.videos, .cell.augenblicke {
    margin-bottom: 2.5rem !important;
    margin-top: 1.25rem;
  }

  .videos .vertical-header {
    left: -1rem;
  }

  .vertical-header {
    bottom: 40%;
  }

  .order-carousel .carousel-cell {
    width: 40%;
  }

  .cell.hibox.medium-4.order {
    height: auto !important;
    padding-bottom: 2.5rem;
  }

  .betop-foot .grid-x .large-10, .bottom-foot .grid-x .large-10 {
    width: calc(100%);
    margin-left: 1.25rem;
  }

  .vertical-header h2 {
    font-size: 3rem;
  }

  .betop-foot .middle-foot {
    padding-top: 3.25rem;
    padding-bottom: 1.25rem;
  }
  .menu.vertical {
    margin-bottom: 2.5rem;
  }

}

/* 3. breaking-point */
@media screen and (max-width: 768px) {

  p.orderCap a {
    font-size: .875rem;
  }

  .readMore--content.medium-4 {
    width: 80%;
  }

  .xDivide .button.right, .goBack {
    float: left; display: inline-block;
    width: 100%;
  }

  .search-overlay .input-group {
    margin: 1.25rem 1.25rem;
  }

  form.searching {
    width: calc(100% - 2.5rem);
    float: left;
  }

  .readMore-image {
    height: 169px;
  }

  .vertical-header h2 {
    font-size: 2.25rem;
  }

  .cell.videos, .cell.augenblicke {
    margin-bottom: 1.25rem !important;
    margin-top: 1.25rem;
  }

  .mediumbox-image, .smallbox-image {
    height: 198px;
  }

  .bigbox-image {
    height: 440px;
  }

  .claim-mobile {
    top: 37px;
  }

  .the-claim {
    font-size: 1.125rem;
  }

  .betop-content {
    padding: 3rem 1.25rem;
  }
  .betop-foot {
    padding: 0;
  }

  .article-header {
    height: auto;
  }

  .article-header > .cell {
    width: 100%; text-align: left;
    display: flex; padding-top: 1.25rem;
  }

  .article-header > .cell:last-child {
    padding-bottom: 1.25rem; padding-top: 1rem;
  }

}

/* 4. breaking-point */
@media screen and (max-width: 639px) {

  .augenblickCap.full {
    max-height: 110px;
    overflow-y: scroll;
  }

  .tx-indexedsearch-title a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
  }

  .foot-menu a,
  .foot-menu a:visited {
    font-size: 1rem;
  }

  .article-text .large-7.medium-8 .article-image {
    width: 100%;
  }

  .article-text .medium-12 .article-image {
    width: 100%;
  }

  .readMore--content.medium-4 {
    width: 100%;
  }

  .readMore-image {
    height: 109px;
  }

  .readMore h2 {
    font-size: 1.125rem;
  }

  .readMore-teaser h3.category {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  .betop-foot .grid-x .large-10, .bottom-foot .grid-x .large-10 {
    margin-left: 0;
  }

  .social-menu, .foot-menu {
    position: relative;
    top: 0; left: auto; right: auto;
  }

  .social-menu .menu, .foot-menu .menu {
    align-items: center;
    justify-content: center;
  }

  .social-menu .menu {
    margin-bottom: 2rem;
  }
  .foot-menu li + li {
    margin-left: 2rem;
  }

  .article-text .medium-12 .article-image {
    width: 100%;
  }

  .betop-content .slick-dots {
    margin-left: 0 !important;
  }

  .videos .vertical-header {
    left: 0rem;
  }

  .weird-box .carousel-image {
    max-width: 100%;
  }

  .hamburger-overlay .cell {
    margin-bottom: 0;
  }

  .order-carousel .carousel-cell {
    width: 100%;
  }

  .hero-slider.on-subpage, .on-subpage .darker, .on-subpage .hero-image, .hero-slider.on-subpage .slide, .hero-slider.on-subpage .slick-slide {
    height: 460px;
  }

  .on-subpage {
    margin-top: calc(80px);
  }

  .on-subpage .hero-caption {
    padding: 0 1.25rem;
    bottom: 1.25rem;
  }

  .on-subpage figcaption.cell {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xDivide .cell.auto {
    margin-top: .5rem;
    width: 100%;
    flex: auto;
  }

  .xDivide .medium-12 {
    padding-top:0 !important;
  }

  .claim-mobile { display: none;}
  .hero-caption p {font-size: 1.063rem;}

  .augenblicke, .videos {
    padding: 1.25rem;
  }

  .vertical-header {
    position: relative; left:0;
    top:0;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  .vertical-header {
    margin-bottom: 1.25rem;
  }

  .mediumbox-image, .smallbox-image, .bigbox-image {
    height: 360px;
  }

  .klein-hoch .artikel-image.portrait {
    height: 230px;
  }

  .klein-hoch {
    margin-top: calc(90px + .5rem);
  }

  .klein-hoch .large-12.cell {
    padding-left:0; padding-right:0;
  }

  .betop-grid .grid-x .grid-x .cell:nth-child(3n) {
    margin-bottom: 1.25rem;
  }

  .cell.videos, .cell.augenblicke {
    margin-top: 0 !important;
  }

  h1 {
    font-size: 2.25rem;
  }

  .hero-caption h3, h3.category, .hibox-content h3, .smallbox-content h3, .colorbox h3, .klein-hoch h3 {
    font-size: 1.063rem;
  }

  .hero-caption h1, .klein-hoch h1 {
    margin-bottom: 1rem;
  }

  .cell.videos, .cell.augenblicke {
    margin-left:0;
    margin-right:0;
    width: 100%;
  }

  .middle-foot .menu a.main {
    margin-top: 3.25rem;
  }

  .betop-content {
    padding: 1.5rem 0;
  }

  .header-content {
    padding: 1.25rem 1.25rem 2.5rem 1.25rem;
    margin-top: 0;
  }

  .header-image {
    height: calc(100vh - 60px);
    margin-top: 60px;
  }

  .darker.sub {
    height: calc(100vh - 60px);
  }

  .header-content p {
    font-size: 1.063rem;
  }

  .betop-sortable-grid {
      padding-top: 60px;
    }

  .longbox {padding:0;}
  .longbox-image {
    height: 268px;
  }

  .betop-sortable-grid .special-cell {
    width: calc(100% - 2.5rem); margin-left: 1.25rem;
    padding-top: 2.5rem; padding-bottom: 2.5rem;
  }

  .claim {
    display: none;
  }

  .cell.hibox.medium-4 {
    height: 540px;
  }

  .logo-footer {
    float: none;  width: 100%;
    text-align: center; padding-bottom: 2.5rem;
  }

  .middle-foot .grid-margin-x {
    margin: 0;
  }

  .betop-foot .foot-menu {
    float: none; width: 100%;
  }

  .betop-foot .foot-menu .menu {
    justify-content: center;
    margin-top:2.5rem; width: 100%;
  }

  .betop-foot .foot-menu li + li {
    margin: 0;
  }


  .betop-foot .foot-menu li a {
    padding: 0 .75rem !important; font-size: 1rem;
  }

  .betop-foot .middle-foot {
    padding-top: 0; padding-bottom: 3.25rem;
  }

  .logo {
    width: 84px; margin-top: 8px;
  }

  .misc-nav {
    top: 6px;
  }

  .nrml {
    height: 60px;}

  .hero-image, .hero-video {
    height: calc(100vh - 60px);
    margin-top: 60px; /* header height */
  }

  .hero-slider .slick-dots {
     bottom: 1.5rem;
  }

  .hero-caption {bottom: 4rem;}
  .hero-caption h1 {padding: 0 1.5rem;}

  .augenblicke .grid-padding-x>.cell {padding-left:0; padding-right:0;}
  figcaption {font-size: 1rem; line-height: 1.3;}

  .hamburger-overlay, .search-overlay {
    top: 60px;
  }

  .search-overlay {
    height: auto;
  }

  .augenblick-carousel .flickity-prev-next-button.previous, .bewegtbild-carousel .flickity-prev-next-button.previous, .order-carousel .flickity-prev-next-button.previous {
    left: 0;
  }

  .augenblick-carousel .flickity-prev-next-button.next, .bewegtbild-carousel .flickity-prev-next-button.next, .order-carousel .flickity-prev-next-button.next {
    right: 0;
  }

  .augenblick-carousel .carousel-cell,
  .bewegtbild-carousel .carousel-cell {
    margin-right:.75rem;
    width: 90%;
  }

  .bewegtbild-carousel p, .augenblickCap {
    font-size: .875rem;
  }

  .vertical-header h2 {
    margin-bottom: 0;
  }

}

@media screen and (max-width: 420px) {
  .mediumbox-image, .smallbox-image, .bigbox-image {
      height: 260px;
  }
}

@media all and (-ms-high-contrast:none) {
   .augenblick-carousel .carousel-cell,
   .bewegtbild-carousel .carousel-cell,
   .order-carousel .carousel-cell {
     top: 0 !important;
   }
}


.mejs__captions-button>.mejs__captions-selector, .mejs__chapters-button>.mejs__chapters-selector {
  background: white !important;}

.mejs__captions-selected, .mejs__chapters-selected {color: #202020 !important; font-weight: bold !important;}

/* Override Twitter X icons */

.fa.fa-twitter::before {
	content: "𝕏";
	font-size: 22px;
}