@charset "UTF-8";
/**
 *   Farbengrundtöne
 */
/*
  * Farben verwendung
  */
/**
  *   Schriften
  */
/**
  *  Schriftgrößen
  */
/**
  * grid
  */
/**
 *   alle stile die im editor angezeigt werden
 */
.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

*[class*="headline"]:last-child {
  margin-bottom: 0; }

.headline1 {
  font-size: 30px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.8rem;
  font-size: clamp(1.5rem, 2.8vw, 30px);
  margin-bottom: 2.5rem; }
  .headline1:last-child {
    margin-bottom: 0; }
  .headline1:not(:first-child) {
    margin-top: 3.5rem; }

.headline2 {
  font-size: 31px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.86rem;
  font-size: clamp(2rem, 3vw, 31px);
  line-height: 125%;
  margin-bottom: 2rem;
  color: var(--cifarbe1);
  text-align: center;
  break-inside: avoid; }
  .headline2:last-child {
    margin-bottom: 0; }
  .headline2:after {
    content: "";
    display: block;
    width: 4rem;
    margin: 0.1rem auto 0;
    height: 1px;
    background: var(--cifarbe1); }
  .headline2:not(:first-child) {
    margin-top: 3.5rem; }

.text-weiss .headline2 {
  color: #fff; }
  .text-weiss .headline2:after {
    background-color: white; }

.headline3 {
  font-size: 26px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.56rem;
  font-size: clamp(1.5rem, 2.5vw, 26px);
  line-height: 125%;
  margin-bottom: 1rem; }
  @media (max-width: 47.95rem) {
    .headline3 {
      font-size: 23px;
      /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
      font-size: 1.38rem; } }
  .headline3:not(:first-child) {
    margin-top: 3.5rem; }
  .headline3:last-child {
    margin-bottom: 0; }

.headline4 {
  font-size: 23px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.38rem;
  font-size: clamp(1.25rem, 1.5vw, 23px);
  line-height: 125%;
  margin-bottom: 1rem; }
  @media (max-width: 47.95rem) {
    .headline4 {
      font-size: 23px;
      /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
      font-size: 1.38rem; } }
  .headline4:not(:first-child) {
    margin-top: 3.5rem; }
  .headline4:last-child {
    margin-bottom: 0; }

.lauftext, .teasertextgross, .liste {
  font-size: 18px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.08rem;
  font-size: clamp(1.3rem, 3.4vw, 22px);
  line-height: 160%;
  letter-spacing: -1px;
  margin-bottom: 1.5rem; }
  .lauftext:last-child, .teasertextgross:last-child, .liste:last-child {
    margin-bottom: 0; }
  .lauftext a, .teasertextgross a, .liste a {
    text-decoration: none;
    box-shadow: inset 0 -2px 0 #0d4411;
    color: #0d4411;
    padding: 0.2rem 0.2rem 0;
    transition: all 400ms;
    color: #000; }
    .lauftext a:hover, .lauftext a:focus, .teasertextgross a:hover, .teasertextgross a:focus, .liste a:hover, .liste a:focus {
      box-shadow: inset 0 -40px 0 var(--cifarbe1);
      color: #fff;
      outline-color: var(--cifarbe1);
      outline-style: solid;
      outline-offset: 0; }
    .lauftext a .zeichenbild, .teasertextgross a .zeichenbild, .liste a .zeichenbild {
      transition: border-color 400ms; }
      .lauftext a .zeichenbild path, .teasertextgross a .zeichenbild path, .liste a .zeichenbild path {
        transition: fill 400ms; }
    .lauftext a:hover .zeichenbild, .lauftext a:focus .zeichenbild, .teasertextgross a:hover .zeichenbild, .teasertextgross a:focus .zeichenbild, .liste a:hover .zeichenbild, .liste a:focus .zeichenbild {
      border-bottom-color: #1d9a26; }
      .lauftext a:hover .zeichenbild path, .lauftext a:focus .zeichenbild path, .teasertextgross a:hover .zeichenbild path, .teasertextgross a:focus .zeichenbild path, .liste a:hover .zeichenbild path, .liste a:focus .zeichenbild path {
        fill: #1d9a26; }

.teasertextgross {
  font-size: 24px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.44rem;
  font-size: clamp(1.44rem, 4vw, 24px);
  margin-bottom: 2.5rem; }
  .teasertextgross a .zeichenbild {
    height: 19px; }

.kleinertext {
  font-size: 16px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 0.96rem;
  line-height: 120%; }
  .kleinertext a {
    text-decoration: none;
    box-shadow: inset 0 -2px 0 #0d4411;
    color: #0d4411;
    padding: 0.2rem 0.2rem 0;
    transition: all 400ms;
    color: #000; }
    .kleinertext a:hover, .kleinertext a:focus {
      box-shadow: inset 0 -40px 0 var(--cifarbe1);
      color: #fff;
      outline-color: var(--cifarbe1);
      outline-style: solid;
      outline-offset: 0; }

*[class*="headline2"] + .text-column {
  margin-top: 3.5rem; }

.btn, .btnvollfaechig, .buttonlink {
  padding: 0.8rem 1rem;
  font-size: 19px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.14rem;
  line-height: 130%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  text-decoration: none;
  border: 1px solid var(--cifarbe1);
  color: #fff;
  transition: all 100ms ease-in;
  box-shadow: inset 0px 0px 0px 80px var(--cifarbe1); }
  .btn ~ .btn, .btn ~ .btnvollfaechig, .btnvollfaechig ~ .btn, .btnvollfaechig ~ .btnvollfaechig, .buttonlink ~ .btn, .buttonlink ~ .btnvollfaechig {
    margin-left: 1rem; }
  .btn:hover, .btn:focus, .btnvollfaechig:hover, .btnvollfaechig:focus, .buttonlink:hover, .buttonlink:focus {
    background: #d0dad0;
    background: #fff;
    box-shadow: inset 0px 0px 0px 3px var(--cifarbe1);
    color: #0d4411;
    transition: all 400ms ease-in-out;
    outline-color: var(--cifarbe1);
    outline-style: solid;
    outline-offset: 0; }

.btn {
  background: #f1fcf2; }
  .btn:hover, .btn:focus {
    background: var(--cifarbe1);
    color: #fff; }

.btnvollfaechig {
  background: var(--cifarbe1);
  color: #fff; }
  .btnvollfaechig:hover, .btnvollfaechig:focus {
    border-color: var(--cifarbe1);
    background: #fff;
    color: var(--cifarbe1); }

.liste {
  margin-bottom: 2rem;
  page-break-inside: avoid;
  break-inside: avoid-column;
  line-height: 130%;
  /**für rezepte**/
  display: inline-block; }
  @media (min-width: 60.063em) {
    .liste {
      column-count: 2;
      column-gap: 2.9rem; } }
  .liste:last-child {
    margin-bottom: 0; }
  .liste > li {
    display: flex;
    align-items: stretch;
    margin-bottom: 1.25rem; }
    .liste > li:before {
      content: "";
      display: block;
      width: 0.4rem;
      height: 0.4rem;
      background: var(--cifarbe1);
      transform: skew(-20deg);
      margin-right: 0.5rem;
      position: relative;
      top: 0.55rem; }

@media (min-width: 87.55rem) {
  .layout--two-col {
    column-count: 2;
    column-gap: 2.9rem; }
    .layout--two-col p {
      break-inside: avoid; } }
.layout--two-col *[class*="headline"] {
  break-after: avoid; }
.layout--two-col ~ .layout--two-col {
  margin-top: 1.5rem; }

h1 ~ .layout--two-col, h2 ~ .layout--two-col, h3 ~ .layout--two-col, h4 ~ .layout--two-col, h5 ~ .layout--two-col, h6 ~ .layout--two-col {
  margin-top: 3.5rem; }

/*# sourceMappingURL=rtefinal.css.map */