/* Ergänzungen für Easy Network auf dem Gerüst des Vorbilds. Masse, Farben und Radien aus vorbild.css (--primary-green,
   --light-green, --silver, 16/24 px Radien der Karten). Nur für Teile, die das Vorbild auf der Startseite nicht hat. */
.vorbild-seite { overflow-x: clip; }
.nav-logo-image { height: auto; }
.unterseite-kopf { padding-top: 10rem; padding-bottom: 3rem; position: relative; }
.unterseite-kopf .home-container { position: relative; }
.unterseite-kopf .h1-heading { max-width: 16ch; margin-left: auto; margin-right: auto; }
.bild-breit img { display: block; width: 100%; aspect-ratio: 16 / 8; object-fit: cover; border-radius: 24px; }
.platzhalter-kasten { background: var(--white); border: 2px dashed rgba(0, 109, 90, .35); border-radius: 24px;
  padding: 3.5rem 2rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.platzhalter-kasten .h3-heading { color: var(--primary-green); }
.video-rahmen { aspect-ratio: 16 / 9; background: var(--primary-green); border-radius: 24px; display: flex;
  align-items: center; justify-content: center; }
.video-rahmen p { color: var(--light-green); font-size: var(--font-size--body-text); font-weight: 600; margin: 0; padding: 1rem; text-align: center; }
.rechtstext { max-width: 46rem; margin: 0 auto; padding-bottom: 4rem; }
.rechtstext h2 { color: var(--primary-green); font-size: 1.5rem; line-height: 1.25; margin: 2.2rem 0 .6rem; }
.rechtstext p { color: var(--lighter-black); font-size: 1rem; line-height: 1.65; margin: 0 0 .8rem; }
.rechtstext a { color: var(--primary-green); text-decoration: underline; }
.luecke { background: #fff3b0; padding: 0 .25em; border-radius: 4px; }
.fliesstext { color: var(--lighter-black); }
.stimmen-einzeln { display: flex; justify-content: center; padding: 0 1rem; }
.stimmen-einzeln .review-card-container { max-width: 34rem; }
.features-grid.karten-2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 767px) {
  .unterseite-kopf { padding-top: 8rem; padding-bottom: 2rem; }
  .features-grid.karten-2 { grid-template-columns: 1fr; }
  .bild-breit img { aspect-ratio: 4 / 3; border-radius: 16px; }
}
/* Deutsch: keine englische Grossschreibung jedes Wortes (Vorbild: text-transform: capitalize). */
.h1-heading, .button.primary-green, .h2-heading.primary-green, .button-2.feature, .text-block-5 { text-transform: none; }
/* Handy: die ganze Wortmarke zeigen (beim Vorbild bleibt dort nur das Bildzeichen; ein «e» allein ist für Easy Network keine Marke). */
@media screen and (max-width: 991px) {
  .header-logo-image-wrapper .overflow-wp, .header-logo-image-wrapper .mojek-logo-nav { display: flex !important; opacity: 1 !important; transform: none !important; }
  .header-logo-image-wrapper .nav-logo-image.text { display: block !important; opacity: 1 !important; transform: none !important; }
}
/* Aufmacher-Knopf: Vorbild ist auf «Download Now» bemessen (max-width 12rem); deutscher Text braucht mehr Platz. */
@media screen and (min-width: 992px) { .primary-btn.is-hero { max-width: none; } }
.primary-btn .text-block-5, .primary-btn .text-block-6 { white-space: nowrap; }
/* Logo-Zeichen: das Vorbild dreht sein Punkte-Zeichen beim Scrollen; ein gedrehtes «e» wäre falsch. */
.header-logo-image-wrapper .mojek-logo, .header-logo-image-wrapper .mojek-logo .nav-logo-image { transform: none !important; }
/* Unterseiten-Karten: eigenes Raster (die Webflow-Rasterkennungen der Vorlage gelten nur für die Startseite). */
.features-grid.karten-1, .features-grid.karten-2 { display: grid; grid-template-areas: none; grid-template-rows: auto; gap: 1.5rem; }
.features-grid.karten-1 { grid-template-columns: minmax(0, 46rem); justify-content: center; }
.features-grid.karten-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.features-grid.karten-1 > .content, .features-grid.karten-2 > .content { grid-area: auto !important; background: none; }
.platzhalter-kasten .h3-heading, .platzhalter-kasten p { font-family: var(--font-family); }
.fliesstext { text-align: left; max-width: 46rem; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { .features-grid.karten-2 { grid-template-columns: 1fr; } }