/*
 * NUI NONI – Claus' finale Übergabe vom 23.10.2026 (neun Abschnitte, 13 Bilder, Desktop und Mobil freigegeben).
 * Seine vier Blöcke 1:1, in seiner Reihenfolge: Abschnitt 6 Infobox, 7 Kachelbedienung, 4 Prozesskarten, Bilder.
 * Einzige Anpassung: Im Seitenkopf setzt bilder.php die Klassen temana-heldtext / temana-heldbild /
 * temana-heldbild__img (seine Vorschau trug zusätzlich nui-noni-hero-text / -bild / -img) – die Selektoren zeigen
 * darauf, gleiche Spezifität. Nicht übernommen: Vorschau-Werkzeuge, Adminleiste, Rubik-Erzwingung (Browser-Erweiterung).
 */

/* === noni-abschnitt6-genehmigte-infobox === */
/* NUI NONI · Nur Abschnitt 6 – kompakter freigegebener Info-Block.
 * Original-HTML, Texte, Header, Footer und andere Abschnitte unverändert. */
.entry-content .temana-sektion.noni-geschmack-preview > .wp-block-group__inner-container {
  box-sizing:border-box;
  width:calc(100% - 40px);
  max-width:940px;
  margin-inline:auto;
  padding:clamp(22px,2.6vw,36px) clamp(22px,3vw,42px);
  border:1px solid #dce5d7;
  border-left:5px solid var(--temana-gruen, #2b723d);
  border-radius:14px;
  background:var(--temana-warmweiss,#fffcf7);
}
.entry-content .noni-geschmack-preview > .wp-block-group__inner-container > h2 {
  margin:0 0 18px;
}
.entry-content .noni-geschmack-preview > .wp-block-group__inner-container > p,
.entry-content .noni-geschmack-preview > .wp-block-group__inner-container > h2 + p {
  max-width:48rem;
  margin:0 0 15px;
}
.entry-content .noni-geschmack-preview > .wp-block-group__inner-container > p:last-child {
  margin-bottom:0;
}
@media(max-width:599px){
  .entry-content .temana-sektion.noni-geschmack-preview > .wp-block-group__inner-container {
    width:calc(100% - 32px);
    padding:22px 20px 24px;
    border-left-width:4px;
    border-radius:12px;
  }
  .entry-content .noni-geschmack-preview > .wp-block-group__inner-container > h2 {
    margin-bottom:16px;
  }
  .entry-content .noni-geschmack-preview > .wp-block-group__inner-container > p,
  .entry-content .noni-geschmack-preview > .wp-block-group__inner-container > h2 + p {
    margin-bottom:14px;
  }
}

/* === noni-abschnitt7-genehmigte-kachelbedienung === */
/* NUI NONI · Abschnitt 7: Nur freigegebene Karten-Bedienung & Tablet-Raster.
   Ohne neue Bilder; die vorher genehmigte Abschnitt-6-Infobox bleibt unverändert. */
.entry-content .noni-familie-preview .temana-spalten > a.noni-familienkarte {
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(43,114,61,.12);
}
.entry-content .noni-familie-preview .temana-spalten > a.noni-familienkarte h3 {
  color:var(--gruen, var(--temana-gruen, #2b723d));
  text-decoration:none;
}
.entry-content .noni-familie-preview .temana-spalten > a.noni-familienkarte:hover,
.entry-content .noni-familie-preview .temana-spalten > a.noni-familienkarte:focus-visible {
  border-color:var(--gruen, var(--temana-gruen, #2b723d));
}
.entry-content .noni-familie-preview .temana-spalten > a.noni-familienkarte:focus-visible {
  outline:2px solid var(--gruen, var(--temana-gruen, #2b723d));
  outline-offset:3px;
}
/* 700–1239 px: drei Karten oben, zwei mittig darunter – nicht 4 + 1. */
@media (min-width:700px) and (max-width:1239px){
  .entry-content .noni-familie-preview .temana-spalten {
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .entry-content .noni-familie-preview .temana-spalten > a.noni-familienkarte {
    grid-column:span 2;
    min-width:0;
  }
  .entry-content .noni-familie-preview .temana-spalten > a.noni-familienkarte:nth-child(4){grid-column:2 / span 2}
  .entry-content .noni-familie-preview .temana-spalten > a.noni-familienkarte:nth-child(5){grid-column:4 / span 2}
}
/* Bis 699 px: fünf Karten in einer Spalte; keine unschöne verwaiste Karte. */
@media(max-width:699px){
  .entry-content .noni-familie-preview .temana-spalten{grid-template-columns:minmax(0,1fr)}
}

/* === noni-abschnitt4-natuerlicher-weg-arbeitsvorschau === */
/* NUI NONI Abschnitt 4: ruhiger, naturnaher Weg der Frucht – nur Layout und dekorative Symbole.
   Freigegebene Produkt-/Sachtexte unveraendert; keine neuen Bilder oder Health Claims. */
.entry-content .noni-prozess-gefuehl-vorschau .temana-spalten {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  overflow:visible;
  margin-top:clamp(26px,3vw,34px);
  margin-bottom:clamp(22px,3vw,32px);
}
.entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte {
  position:relative;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  min-width:0;
  height:100%;
  padding:26px 21px 25px;
  background:linear-gradient(156deg,#fffefa 0%,#fbf5e7 100%);
  border:1px solid #e3e6d9;
  border-top:3px solid #9fb885;
  border-radius:16px;
  box-shadow:0 7px 22px rgba(39,76,45,.065);
  overflow:visible;
}
.entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte:nth-child(2) {border-top-color:#88aa83;}
.entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte:nth-child(3) {border-top-color:#71966e;}
.entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte:nth-child(4) {border-top-color:#4c7c50;}
.entry-content .noni-prozess-gefuehl-vorschau .noni-prozess-piktogramm {
  display:flex;
  align-items:flex-start;
  position:relative;
  height:62px;
  margin-bottom:15px;
}
.entry-content .noni-prozess-gefuehl-vorschau .noni-prozess-icon-circle {
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  flex:0 0 62px;
  border-radius:50%;
  color:#397b48;
  background:linear-gradient(150deg,#eff5e6,#e5efdd);
  border:1px solid #d5e3ce;
}
.entry-content .noni-prozess-gefuehl-vorschau .noni-prozess-icon-circle svg {
  width:42px;
  height:42px;
  display:block;
}
.entry-content .noni-prozess-gefuehl-vorschau .noni-prozess-icon-dot {
  position:absolute;
  top:5px;
  left:53px;
  width:9px;
  height:9px;
  border:2px solid #fffefa;
  background:#98ba7a;
  border-radius:50%;
}
.entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte h3 {
  font-size:clamp(1rem,1.08vw,1.12rem);
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.01em;
  margin:0 0 12px;
  color:var(--gruen,#2b723d);
}
.entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte p {
  font-size:14.5px;
  line-height:1.65;
  margin:0;
  color:var(--text-sek,#535b51);
}
/* Dezente Wegmarkierung zwischen den vier Karten auf grossen Bildschirmen. */
@media(min-width:1160px){
  .entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte:not(:last-child)::after {
    content:'\2192';
    position:absolute;
    right:-16px;
    top:44px;
    z-index:4;
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#fffefa;
    color:#609268;
    border:1px solid #d8e3d2;
    box-shadow:0 2px 6px rgba(35,65,38,.06);
    font-size:18px;
    line-height:1;
  }
}
/* Bewusst 2+2 statt der bisherigen 3+1-Ansicht auf Tablet. */
@media(min-width:660px) and (max-width:1159px){
  .entry-content .noni-prozess-gefuehl-vorschau .temana-spalten {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte {
    min-height:250px;
  }
}
@media(max-width:659px){
  .entry-content .noni-prozess-gefuehl-vorschau .temana-spalten {
    grid-template-columns:minmax(0,1fr);
    gap:22px;
    margin-top:23px;
    margin-bottom:28px;
  }
  .entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte {
    min-height:unset;
    padding:20px 20px 21px;
    border-radius:14px;
  }
  .entry-content .noni-prozess-gefuehl-vorschau .noni-prozess-piktogramm {
    height:52px;
    margin-bottom:12px;
  }
  .entry-content .noni-prozess-gefuehl-vorschau .noni-prozess-icon-circle {
    width:52px;
    height:52px;
    flex-basis:52px;
  }
  .entry-content .noni-prozess-gefuehl-vorschau .noni-prozess-icon-circle svg {width:36px;height:36px}
  .entry-content .noni-prozess-gefuehl-vorschau .noni-prozess-icon-dot {left:44px}
  .entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte h3 {
    font-size:1.03rem;
    margin-bottom:8px;
  }
  .entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte p {
    font-size:14.5px;
    line-height:1.57;
  }
  .entry-content .noni-prozess-gefuehl-vorschau .temana-spalten > .noni-prozess-karte:not(:last-child)::after {
    content:'\2193';
    position:absolute;
    z-index:4;
    bottom:-18px;
    left:30px;
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    background:#fffefa;
    color:#609268;
    border:1px solid #d8e3d2;
    border-radius:50%;
    font-size:18px;
    line-height:1;
  }
}

/* === nui-noni-freigegebene-bilder-css === */
/* TeMana Natura NUI NONI – ausschließlich freigegebene Bilder, 23.10.2026.
   Die freigegebenen Texte, Links und bisherigen Designs bleiben unverändert. */
.entry-content .nui-noni-hero-mit-bild > .wp-block-group__inner-container {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,486px);
  gap:clamp(22px,4vw,54px);align-items:center;
}
.entry-content .nui-noni-hero-mit-bild .temana-heldtext {min-width:0}
.entry-content .nui-noni-hero-mit-bild .temana-heldbild {margin:0;min-width:0}
.entry-content .nui-noni-hero-mit-bild .temana-heldbild__img {
  display:block;width:100%;height:auto;aspect-ratio:16/10;
  object-fit:cover;object-position:42% center;border-radius:14px;
  min-height:0;max-height:none;
}
@media(max-width:899px){
 .entry-content .nui-noni-hero-mit-bild > .wp-block-group__inner-container{grid-template-columns:minmax(0,1fr);gap:18px}
 .entry-content .nui-noni-hero-mit-bild .temana-heldbild__img{aspect-ratio:16/9;max-height:400px;object-position:42% center}
}
.entry-content .nui-noni-pflanzenbild {margin:clamp(20px,2.5vw,28px) 0 clamp(24px,2.7vw,34px)}
.entry-content .nui-noni-pflanzenbild-img {display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:center 47%;border-radius:12px}
@media(max-width:699px){
 .entry-content .nui-noni-pflanzenbild-img{aspect-ratio:4/3;object-position:center 48%}
}
.entry-content .nui-noni-fruechte-grid{
 list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,18px);
 margin:clamp(20px,2.5vw,28px) 0!important;padding:0!important;
}
.entry-content .nui-noni-fruechte-grid > li{
 margin:0!important;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
 text-align:center;overflow:hidden;border:1px solid #e4e5d9;border-radius:13px;background:#fffefa;
 padding:0 0 16px!important;
}
.entry-content .nui-noni-frucht-bild{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin:0 0 13px}
.entry-content .nui-noni-frucht-name{display:block;padding-inline:8px;font-size:clamp(13px,1.3vw,15px);font-weight:500;color:var(--text,#242821);line-height:1.4}
.entry-content .nui-noni-frucht-prozent{display:block;padding-inline:8px;margin-top:6px;color:var(--gruen,#2b723d);font-size:clamp(18px,2vw,24px);font-weight:700}
@media(max-width:699px){.entry-content .nui-noni-fruechte-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.entry-content .noni-familie-preview .temana-spalten > a.nui-noni-familienkarte-mit-bild{
 display:block;overflow:hidden;
}
.entry-content .noni-familie-preview .nui-noni-familienkarte-bild{
 display:block;width:calc(100% + 42px);max-width:none;height:auto;
 aspect-ratio:3/2;object-fit:cover;
 margin:-19px -21px 16px;
}
.entry-content .nui-noni-einstieg-mit-bild > .wp-block-group__inner-container{display:flow-root}
.entry-content .nui-noni-einstieg-mit-bild .nui-noni-morgenbild{
 float:right;width:46%;margin:0 0 22px clamp(20px,3vw,38px);
}
.entry-content .nui-noni-einstieg-mit-bild .nui-noni-morgenbild-img{
 display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:14px;
}
@media(max-width:899px){
 .entry-content .nui-noni-einstieg-mit-bild .nui-noni-morgenbild{float:none;width:100%;margin:20px 0 28px}
 .entry-content .nui-noni-einstieg-mit-bild .nui-noni-morgenbild-img{aspect-ratio:16/10;object-position:center 48%}
}
@media(max-width:499px){
 .entry-content .nui-noni-einstieg-mit-bild .nui-noni-morgenbild-img{aspect-ratio:5/4}
}