/*
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:03:22
    Author     : RoeschS
*/

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


/* ----- Top-Banner ----- */
.top-banner-container.small .title {
  font-size: 87px;
  line-height: 87px;
}
.top-banner-container.big .top-banner-description {
  left: 40px;
}
.top-banner-container.big .top-banner-description .title {
  font-size: 90px;
  line-height: 74px;
}
.top-banner-container.big .top-banner-description .text span {
  font-size: 22px;
}
/* ----- Top-Banner ----- */


/* ----- Module Image/Text ----- */
.mod-imgtxt-item .mod-imgtxt-description {
  padding: 60px;
}
.mod-imgtxt-item .mod-imgtxt-description .cta {
  padding-top: 30px;
}
/* ----- Module Image/Text ----- */


/* ----- Newsletter Registration ----- */
.nl-reg-section-a {
  display: flex;
  flex-direction: row;
}
.nl-reg-section-a .nl-reg-customer-data {
  flex-basis: 33.33%;
  padding-right: 20px;
}
.nl-reg-section-a .nl-reg-newsletter-select {
  flex-basis: 66.66%;
  padding-left: 20px;
}
.nl-count-4 .nl-reg-select-item {
  flex-basis: 50%;
}
.nl-count-4 .nl-reg-select-tile::before {
  padding-top: 50%;
}
/* ----- Newsletter Registration ----- */


/* ----- Newsletter Benefits ----- */
.nl-benefits-item {
  padding: 20px;
}
.nl-benefits-item .nl-benefits-image {
  width: 134px;
}
.nl-steps-item .nl-steps-title,
.nl-benefits-item .nl-benefits-title {
  padding-top: 20px;
  font-size: 20px;
}
/* ----- Newsletter Benefits ----- */

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


/* ----- Module Lisa Archiv Menu ----- */
.archive-menu-item {
  flex-basis: 20%;
}
/* ----- Module Lisa Archiv Menu ----- */

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


/* ----- Spenden Counter ----- */
.counter-number, .counter-euro {
  font-size: 66px;
  padding: 0 20px;
}
.counter-number {
  width: 440px;
}
/* ----- Spenden Counter ----- */


/* ----- Image Slider ----- */
section.image-slider.show-as-banderole {
  margin: 0 -80px 0 -80px;
  padding: 0 80px 0 80px;
}
section.image-slider.show-as-banderole::before,
section.image-slider.show-as-banderole::after {
  content: "";
  position: absolute;
  border-top: 40px solid #eed600;
  bottom: -40px;
  height: 40px;
  width: 40px;
}
section.image-slider.show-as-banderole::before {
  border-left: 40px solid rgba(0, 0, 0, 0);
  left: 0;
}
section.image-slider.show-as-banderole::after {
  border-right: 40px solid rgba(0, 0, 0, 0);
  right: 0;
}
/* ----- Image Slider ----- */


/* ----- Countdown ----- */
.countdown-banderole-left, .countdown-banderole-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: 40px;
}
.countdown-banderole-left {
  left: 0;
  transform: translateX(-100%);
}
.countdown-banderole-right {
  right: 0;
  transform: translateX(100%);
}

.countdown-banderole-left::after, .countdown-banderole-right::after {
  content: "";
  position: absolute;
  bottom: -40px;
  height: 40px;
  width: 40px;
}
.countdown-banderole-left::after {
  border-left: 40px solid rgba(0, 0, 0, 0);
  left: 0;
}
.countdown-banderole-right::after {
  border-right: 40px solid rgba(0, 0, 0, 0);
  right: 0;
}
/* ----- Countdown ----- */