/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 09.03.2021, 15:02:41
    Author     : RoeschS
*/

.screen-size::before {
  content: '1024';
}


/* ----- Top-Banner ----- */
.top-banner-container.small .title {
  font-size: 55px;
  line-height: 55px;
}
.top-banner-container.big .top-banner-description .title {
  font-size: 68px;
  line-height: 54px;
}
/* ----- Top-Banner ----- */


/* ----- Module Image/Text ----- */
.mod-imgtxt-item .mod-imgtxt-description {
  padding: 40px;
}
/* ----- Module Image/Text ----- */


/* ----- Newsletter Registration ----- */
.nl-count-4 .nl-reg-select-item {
  flex-basis: 25%;
}
.nl-count-4 .nl-reg-select-tile::before {
  padding-top: 100%;
}
/* ----- Newsletter Registration ----- */


/* ----- Newsletter Benefits ----- */
.nl-benefits-item .nl-benefits-image {
  width: 120px;
}
.nl-steps-item .nl-steps-title,
.nl-benefits-item .nl-benefits-title {
  font-size: 18px;
}
/* ----- Newsletter Benefits ----- */


/* ----- Tiles Image Text ----- */
.tiles-item {
  flex-basis: 33%;
}
.text_block_squeezed .tiles-item {
  flex-basis: 50%;
}
/* ----- Tiles Image Text ----- */

.budni_article {
  width: calc(25% - 40px);
  margin: 0 20px 40px;
}


/* ----- Countdown ----- */
.cd-number {
  font-size: 61px;
  line-height: 67px;
}
.cd-text {
  font-size: 31px;
  line-height: 35px;
}
/* ----- Countdown ----- */


/* ----- Filialfinder Simple ----- */
.store-item {
  flex-basis: 25%;
}
/* ----- Filialfinder Simple ----- */

/* ----- Teaser 4C ----- */
.teaser-4c .content-row {
  padding-right: 20px;
  padding-left: 20px;
}
.teaser-4c-item {
  flex-basis: 50%;
  display: inline-block;
}
.teaser-4c-content {
  flex-direction: column;
  flex-basis: 100%;
}
.teaser-4c-image {
  flex-basis: 100%;
  height: 150px;
}
.teaser-4c-image img {
  max-height: 100%;
  width: auto;
}
.teaser-4c-description {
  flex-basis: 100%;
}
.teaser-4c-item .teaser-4c-description .title,
.teaser-4c-item .teaser-4c-description .text {
  text-align: center;
}
.teaser-4c-item .teaser-4c-description .title {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teaser-4c-item .teaser-4c-description .text {
  display: none;
  opacity: 0;
  transition: opacity 1s ease-out;
}
.teaser-4c-item.active .teaser-4c-description .text {
  display: block;
  opacity: 1;
}

.teaser-4c-arrow {
  display: block;
}
/* ----- Teaser 4C ----- */

/* ----- NW23 Big Box Teaser ----- */
.nw23-big-box-container {
  padding: 40px 90px;
}
.nw23-big-box-alone .nw23-big-box-container,
.nw23-big-box-pair .nw23-big-box-container {
  flex-direction: row;
}
.nw23-big-box-alone .nw23-big-box-text {
  align-items: center;
  width: 60%;
}
.nw23-big-box-alone .nw23-big-box-teaser {
  width: 40%;
}
.nw23-big-box-pair .nw23-big-box-text {
  align-items: flex-end;
  width: 40%;
}
.nw23-big-box-pair .nw23-big-box-teaser {
  flex-direction: row;
  flex-wrap: nowrap;
  width: 60%;
}
/* ----- NW23 Big Box Teaser ----- */