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

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


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


/* ----- Module Image/Text ----- */
.mod-imgtxt-item + .mod-imgtxt-item {
  padding-top: 0;
}
.mod-imgtxt-item .mod-imgtxt-content {
  flex-direction: row;
}
.mod-imgtxt-item .mod-imgtxt-content.order-reverse {
  flex-direction: row-reverse;
}
.mod-imgtxt-item .mod-imgtxt-image,
.mod-imgtxt-item .mod-imgtxt-description {
  flex-basis: 50%;
}
.mod-imgtxt-item .mod-imgtxt-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
.mod-imgtxt-item .mod-imgtxt-description .title {
  font-size: 35px;
  line-height: 37px;
}
.mod-imgtxt-item .mod-imgtxt-description .cta .btn-primary {
  width: auto;
}
/* ----- Module Image/Text ----- */


/* ----- Module History ----- */
.mod-history-row {
  flex-direction: row;
}
.mod-history-row.oriented-left {
  flex-direction: row;
}
.mod-history-row.oriented-left .mod-history-item.content-right, .mod-history-row.oriented-right .mod-history-item.content-left {
  display: block;
}
.design-history .mod-history-item.content-left, .design-history .mod-history-item.content-right {
  width: 30%;
}
.design-plastic .mod-history-item.content-left, .design-plastic .mod-history-item.content-right {
  width: 40%;
}
.mod-history-item.content-left {
  padding: 30px 20px 30px 10px;
}
.mod-history-item.content-right {
  padding: 30px 10px 30px 20px;
}
.mod-history-item .content {
  flex-direction: column;
}
.design-history .mod-history-item.content-left .title,  .design-history .mod-history-item.content-right .title,
.design-plastic .mod-history-item.content-left .title,  .design-plastic .mod-history-item.content-right .title {
  text-align: left;
}
.design-history .mod-history-item.content-left .text,  .design-history .mod-history-item.content-right .text,
.design-history .mod-history-item.content-left .text ul,  .design-history .mod-history-item.content-right .text ul {
  text-align: left;
}
.mod-history-item.line-center {
  width: 10px;
}
.mod-history-item.line-left, .mod-history-item.line-right {
  display: flex;
}
.mod-history-item.line-center .mod-history-strand {
  width: 10px;
}
/*.mod-history-row.already-played .mod-history-item.content-left .title,
.mod-history-row.already-played .mod-history-item.content-left .text,
.mod-history-row.already-played .mod-history-item.content-right .title,
.mod-history-row.already-played .mod-history-item.content-right .text {
  animation-name: showcontent;
  animation-duration: 1.0s;
}
.mod-history-row.already-played .mod-history-item.content-left .title,
.mod-history-row.already-played .mod-history-item.content-left .text{
  transform-origin: 100% 0;
}
.mod-history-row.already-played .mod-history-item.content-right .title,
.mod-history-row.already-played .mod-history-item.content-right .text {
  transform-origin: 0 0;
}*/
/* ----- Module History ----- */


/* ----- Spenden Counter ----- */
.incremental-counter .num, .counter-euro, .counter-placeholder .num-ph {
  margin: 0 3px;
  font-size: 54px;
  padding: 0 10px;
}
/* ----- Spenden Counter ----- */


/* ----- Neueröffnungen ----- */
.storeinfo-content {
  grid-template-columns: auto auto;
  grid-column-gap: 40px;
}

.storeinfo-content img {
  height: unset;
  max-width: 350px;
}
/* ----- Neueröffnungen ----- */


/* ----- Bauern Regionalität ----- */
.bauern-liste .bauer-item {
  flex-basis: 33.33%;
}
/* ----- Bauern Regionalität ----- */


/* ----- Newsletter Registration ----- */
.nl-count-1 .nl-reg-select-item {
  flex-basis: 100%;
}
.nl-count-1 .nl-reg-select-tile::before {
  padding-top: 40%;
}
.nl-count-2 .nl-reg-select-item,
.nl-count-4 .nl-reg-select-item {
  flex-basis: 50%;
}
.nl-count-2 .nl-reg-select-tile::before,
.nl-count-4 .nl-reg-select-tile::before {
  padding-top: 60%;
}
.nl-count-3 .nl-reg-select-item,
.nl-count-5 .nl-reg-select-item,
.nl-count-6 .nl-reg-select-item,
.nl-count-7 .nl-reg-select-item {
  flex-basis: 33.33%;
}
.nl-count-3 .nl-reg-select-tile::before,
.nl-count-5 .nl-reg-select-tile::before,
.nl-count-6 .nl-reg-select-tile::before {
  padding-top: 100%;
}
.nl-count-7 .nl-reg-select-tile::before {
  padding-top: 70%;
}
/* ----- Newsletter Registration ----- */


/* ----- Facebook Lookalike ----- */
.article-select-item {
  flex-basis: 33.33%;
  max-width: inherit;
}
.article-select-tile::before {
  padding-top: 100%;
}
/* ----- Facebook Lookalike ----- */


/* ----- Newsletter Benefits ----- */
.nl-steps-container {
  flex-direction: row;
}
.nl-steps-item {
  flex-basis: 33.33%;
  max-width: 320px;
}
.nl-steps-item .nl-steps-image {
  max-width: 214px;
}
.nl-benefits-item.item-nr-5 {
  display: flex;
}
/* ----- Newsletter Benefits ----- */


/* ----- Recall ----- */
.recall-item {
  flex-direction: row;
}
.recall-content {
  flex-basis: 66.66%;
  padding: 0 10px 0 0;
}
.recall-item.text-only .recall-content {
  flex-basis: 100%;
  padding: 0 0 0 0;
}
.recall-image {
  flex-basis: 33.33%;
  padding: 0 0 0 10px;
}
/* ----- Recall ----- */


/* ----- Headlines ----- */
h1.headline__major {
  font-size: 48px;
}
h2.headline__major, .text_block_squeezed h2 {
  font-size: 40px;
}
h3:not(.ui-accordion-header):not(.teaser-full-image-textbox__headline):not(.headline__smallest), h3.headline__major {
  font-size: 35px;
}
/* ----- Headlines ----- */


/* ----- Rezeptwelt ----- */
.recipe-detail-header {
  padding-top: 20px;
}
/* ----- Rezeptwelt ----- */


/* ----- Module Status Indicator ----- */
.status-indicator {
  flex-direction: row;
}
.step {
  flex-basis: 33.33%;
}
.status-indicator.agency .step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.status-indicator.agency .step .step-content {
  flex-basis: auto;

}

.arrow-next {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.connector {
  padding: 0 18px 0 10px;
  display: flex;
  align-items: center;
}
.status-indicator.agency .connector {
  padding: 0 13px 0 5px;
}
/* ----- Module Status Indicator ----- */


/* ----- Messages ----- */
.msg-sender {
  width: 80px;
}
.msg-box {
  padding: 0 12% 0 12%;
}
.msg-item.ours .msg-box {
  padding-left: 20px;
}
.msg-item.theirs .msg-box {
  padding-right: 20px;
}
.msg-item.ours .msg-content::before,
.msg-item.ours .msg-content::after,
.msg-item.theirs .msg-content::before,
.msg-item.theirs .msg-content::after {
  display: block;
}
/* ----- Messages ----- */


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


/* ----- Forms ----- */
.form-container {
  grid-column-gap: 20px;
  grid-template-columns: 12% 1fr 12%;
}
.form-container .form-container-inner {
  grid-column-start: 2;
}
.form-container button {
  grid-row-start: 2;
  grid-column-start: 2;
}
/* ----- Forms ----- */


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


/* ----- Image Slider Extended ----- */
.ise-container {
  position: relative;
  display: flex;
  flex-direction: row;
}
.ise-content {
  position: relative;
  width: 55%;
  padding: 0 5% 0 6%;
}
.ise-content .slider-image-subtext {

}
.ise-mood {
  position: relative;
  width: 45%;
  display: block;
  padding-left: 5%;
}
.ise-mood-bg {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
/* ----- Image Slider Extended ----- */


/* ----- Module Image Slider Text Thumb ----- */
.image-slider-tt-item-content {
  position: absolute;
  background-color: transparent;
}
.image-slider-tt-item-content .title {
  font-size: 28px;
}
.image-slider-tt-item-content .text {
  font-size: 18px;
}
/* ----- Module Image Slider Text Thumb ----- */


/* ----- Quotes ----- */
.quote-item {
  padding: 60px 40px;
}
.quote-row-quote {
  flex-direction: row;
}
.quote-text {
  padding: 20px;
  font-size: 24px;
}
/* ----- Quotes ----- */


/* ----- Vereinsspende Gewinnspiel Teaser ----- */
.vsgst-teaser {
  flex-direction: row;
}
.vsgst-teaser-item {
  flex-basis: 50%;
}
/* ----- Vereinsspende Gewinnspiel Teaser ----- */


/* ----- Vereinsspende Schritte ----- */
.vssteps-teaser {
  flex-direction: row;
}
.vssteps-teaser-item {
  padding: 10px 10px;
}
.vssteps-teaser-item-image img {
  max-width: none;
  max-height: 150px;
}
/* ----- Vereinsspende Schritte ----- */