/*
 * Custom Stylesheet
 *
 * @copyright Copyright (c) 2012 rocksolidthemes.com
 * @license   https://rocksolidthemes.com/agb   No free usage allowed
 */
/* ===========================================
 * # Index: The structure of this stylesheet
 *
 * - Feature Box
		weisse Schrift
 * - Fonts
 * - Basic settings (Sass only)
 * - Colors (Sass only)
 * - General
 * - Buttons
 * - Wrapper elements
 * - Layout in order of appearance in HTML
 * - Content
 * - Forms
 * - Content elements
 * - Modules (Search, FAQ, News, Events, Comments)
 * - Sidebar / Widgets
 * - Footer
 * - Slider
 * - Grid (design + production helper)
 * ======================================== */
.main-content h1.artikel_h1_ueberschrift{
  font-weight: 400;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  margin: 4px 0 0;
  color: #141e00;

  display: block;
  width: 100%;
  text-align: center;

  padding-bottom: 14px;
}

.main-content h1.artikel_h1_ueberschrift::after{
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  margin: 12px auto 0;   /* centers the line */
  background: #86a800;
}

 /* 1. The parent wrapper of the two columns */
.offer-hero {
  display: flex;
  align-items: center; /* vertically center children */
  gap: 2rem;           /* space between image and text */
}

/* 2. Keep text block flexible and nicely aligned */
.offer-hero__text.content-text p {
  font-size: 18px;
  line-height: 27px;
  margin: 0px;
  padding-top: 0; /* remove the manual padding */
}

@media (max-width: 599px) {
  .offer-hero {
    flex-direction: column;
    align-items: flex-start;
  }
}

.offer-hero__custom_link_col a {
  color: #ffffff;  /* oder deine Wunschfarbe */
}

.offer-hero__custom_link_col a:hover {
  color: #e5e5e5;  /* Hover-Farbe */
}

.weniger-spalten-abstand .rs-column { 
  margin-top: 0px ;   /* oder 5px, je nach Geschmack */
}

.kein-h2-abstand h2:first-child {
  margin-top: 0;     /* Standardabstand entfernen */
}


.desktop-only {
  display: block;      /* normal anzeigen auf Desktop */
}

@media screen and (max-width: 599px) {
  .desktop-only {
    display: none;   /* auf Handy ausblenden */
  }
}

/* Basis-Layout nur für diese Boxengruppe -saison  */
.icon-boxes--saison {
  display: flex;
  align-items: stretch; /* alle Boxen gleich hoch */
  gap: 16px;            /* Abstand zwischen den Boxen */
  flex-wrap: wrap;      /* erlaubt Umbruch */
}


.icon-boxes--saison .icon-boxes-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #cdcecd;
  padding: 16px;
  border: 1px solid #e1e3e8;
  border-radius: 8px;
}

/* Button-Styling */
.icon-boxes--saison .icon-boxes-item-link.button {
  margin-top: auto;       /* schiebt den Button nach unten */
  display: inline-block;  /* nur so breit wie nötig */
  width: 120px;           /* feste Breite für Einheitlichkeit */
  padding: 8px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;  /* falls <a> verwendet wird */
  font-weight: 600;
  transition: background 0.2s ease;
}

.icon-boxes--saison .icon-boxes-item-link.button:hover {
  background: #216a14;
}

/* Tablet: 2 Spalten */
@media (max-width: 900px) {
  .icon-boxes--saison {
    flex-direction: row;
  }
  .icon-boxes--saison .icon-boxes-item {
    flex: 1 1 calc(50% - 16px); /* zwei Spalten */
  }
}

/* Smartphone: 1 Spalte */
@media (max-width: 600px) {
  .icon-boxes--saison {
    flex-direction: column;
  }
  .icon-boxes--saison .icon-boxes-item {
    flex: 1 1 100%; /* volle Breite */
  }
}

/* Container  Link Grün*/
/* Container */

.teaser-boxes.beratung {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* Jede Box */
.teaser-boxes.beratung > .teaser-boxes-item {
  display: flex;
  flex-direction: column;
}

/* Inhalt */
.teaser-boxes.beratung .teaser-boxes-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 16px;
  color: #fff;
  background: #96a696;
}

/* Link unten, als normaler Text-Link */
.teaser-boxes.beratung .teaser-boxes-content .button.-tertiary {
  margin-top: auto;
  display: block;              /* wichtig für auto-margin */
  background: none;
  padding: 0;
  border: none;
  color: #fff;
  text-decoration: underline;
  font-weight: inherit;
  cursor: pointer;
}

/* Hover-Effekt */
.teaser-boxes.beratung .teaser-boxes-content .button.-tertiary:hover {
  text-decoration: underline;
}

/* Tablet: 2 Spalten */
@media (max-width: 900px) {
  .teaser-boxes.beratung > .teaser-boxes-item {
    flex: 1 1 calc(50% - 16px);
  }
}

/* Smartphone: 1 Spalte */
@media (max-width: 600px) {
  .teaser-boxes.beratung {
    flex-direction: column;
  }

  .teaser-boxes.beratung > .teaser-boxes-item {
    flex: 1 1 100%;
  }
}



/* Smartphone: kleinere Headline */
@media screen and (max-width: 600px) {
    .headline-box.kleiner h2.-large {
        font-size: 1.9em;
    }
    
    .headline-box.kleiner h3.-large {
        font-size: 0.7em;
    }
}
/* groessere Üeberschrift für subheadline */
.ce_rsce_oneo_headline_box.groessere  h1 {
  margin: 0.11111em 0;
  font-size: 2.4em;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: inherit;
  text-transform: uppercase;
}



/* schmalere Breadcrumbleiste */
.breadcrumbs-wrapper {
  padding-bottom: 1em;
}  

/* Insektengalerie = insektgl ( /stauden-und-insekten ) grüner Rand */

/*.centered-wrapper .ce_rsce_oneo_centered_wrapper_start .insektgl {
    padding-left: 20px;
    padding-right: 20px;
    
    .centered-wrapper #insektgl {
 padding: 0 5.545% 1.545% 5.545% !important;
}
}*/