/* vitalpilzratgeber.de – design layer on Enfold. Presentation only. */

@font-face { font-family: "Literata"; src: url("../fonts/literata-latin-wght-normal.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Literata"; src: url("../fonts/literata-latin-wght-italic.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("../fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --tinte: #14293b;
  --text: #24323d;
  --leise: #55626c;
  --pilzrot: #9e4044;
  --lamelle: #eef0e8;
  --linie: #cdd2c3;
  --weiss: #ffffff;
  --serif: "Literata", Georgia, serif;
  --sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
}

/* ---------- Grundlagen ---------- */
html body#top, #top #wrap_all { background: var(--weiss); }
html, html body#top { overflow-x: clip; }
#top, #top .main_color, #top .alternate_color { color: var(--text); font-family: var(--serif); font-size: 1.0625rem; line-height: 1.65; }
#top .main_color p, #top .main_color li, #top .alternate_color p { color: var(--text); }
/* Text auf Bildern und Blöcke mit eigener Farbe aus dem Seiten-Editor behalten ihre Farbe */
#top .av-image-caption-overlay p, #top .av-image-caption-overlay li, #top .av_inherit_color p, #top .av_inherit_color li { color: inherit; }
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6,
#top .main_color h1, #top .main_color h2, #top .main_color h3, #top .main_color h4, #top .main_color h5, #top .main_color h6 {
  color: var(--tinte); font-family: var(--serif); text-transform: none; letter-spacing: 0; line-height: 1.2; text-wrap: balance;
}
#top .main_color a, #top .alternate_color a { color: var(--pilzrot); text-underline-offset: .18em; }
#top .main_color a:hover, #top .alternate_color a:hover { color: var(--tinte); }
/* Links im Fließtext nicht nur über Farbe erkennbar (WCAG 1.4.1) */
#top .avia_textblock a:not(.avia-button), #top .entry-content-wrapper .entry-content a:not(.avia-button) { text-decoration: underline; text-decoration-thickness: 1px; }
#top :is(h1, h2, h3, h4) a { text-decoration: none; }
#top .main_color strong, #top .main_color b { color: inherit; }
#top :focus-visible { outline: 3px solid var(--pilzrot); outline-offset: 2px; }
#top .main_color img { border-radius: 0; }

/* ---------- Kopf ---------- */
#top #header, #top #header_main, #top .header_color .header_bg { background: var(--weiss); }
#top #header_main { border-bottom: 1px solid var(--linie); }
#top .header_color .main_menu ul:first-child > li > a,
#top #header .av-main-nav > li > a {
  color: var(--tinte); font: 500 1rem/1 var(--sans); text-transform: none; letter-spacing: 0; padding: 0 .7em;
}
#top .header_color .main_menu ul:first-child > li > a:hover,
#top .header_color .main_menu ul:first-child > li.current-menu-item > a,
#top .header_color .main_menu ul:first-child > li.current-menu-ancestor > a { color: var(--pilzrot); }
#top .header_color .avia-menu-fx, #top .header_color .avia-bullet { display: none; }
#top .header_color .main_menu .sub-menu, #top .header_color .main_menu ul ul {
  background: var(--weiss); border: 1px solid var(--linie); border-top: 2px solid var(--pilzrot); box-shadow: 0 10px 24px rgb(20 41 59 / .12); padding: .4rem 0;
}
#top .header_color .main_menu ul ul li a {
  color: var(--tinte); background: transparent; border: 0; font: 400 .9688rem/1.3 var(--sans); padding: .55rem 1rem;
}
#top .header_color .main_menu ul ul li a:hover,
#top .header_color .main_menu ul ul li.current-menu-item > a { background: var(--lamelle); color: var(--pilzrot); }
/* Kostenfreie Beratung als Knopf */
#top #header .av-main-nav > li > a[href*="/vitalpilz-beratung/"] .avia-menu-text {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 1.1rem; background: var(--pilzrot); color: var(--weiss); font-weight: 600;
}
#top #header .av-main-nav > li > a[href*="/vitalpilz-beratung/"]:hover .avia-menu-text { background: var(--tinte); }
#top #header .av-main-nav > li > a[href*="/vitalpilz-beratung/"] { color: var(--weiss); }
#top .header_color #menu-item-search > a { color: var(--tinte); }
#top .header_color #menu-item-search > a:hover { color: var(--pilzrot); }

/* Mobil-Menü (Enfold Burger) */
#top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after { background-color: var(--tinte); }
#top .av-burger-overlay-bg { background: var(--weiss); opacity: 1; }
#top #av-burger-menu-ul { font-family: var(--sans); }
html body#top #wrap_all #av-burger-menu-ul li a, html body#top #wrap_all .header_color #av-burger-menu-ul li a { color: var(--tinte); opacity: 1; font: 500 1.0625rem/1.3 var(--sans); text-transform: none; border-bottom: 1px solid var(--linie); }
html body#top #wrap_all #av-burger-menu-ul li li a { font-weight: 400; font-size: 1rem; border-bottom: 0; }
html body#top #wrap_all #av-burger-menu-ul li a:hover, html body#top #wrap_all #av-burger-menu-ul .current-menu-item > a { color: var(--pilzrot); background: var(--lamelle); }
#top .av-burger-overlay-active #header .av-hamburger-inner { background: transparent; }

/* ---------- Titelleiste ---------- */
#top .title_container.alternate_color, #top .title_container { background: var(--lamelle); border: 0; }
/* "html" prefix: Enfold's inline font CSS uses the same selector and is printed later */
html body#top .container_wrap.title_container .main-title, html body#top .container_wrap.title_container .main-title a {
  color: var(--tinte); font: 500 clamp(1.75rem, 3.6vw, 2.75rem)/1.15 var(--serif); letter-spacing: -.01em; text-transform: none; text-decoration: none;
}
#top .title_container .container { padding-block: clamp(1.5rem, 3.5vw, 2.5rem); min-height: 0; }
#top .title_container .breadcrumb { color: var(--leise); font-family: var(--sans); }
/* Wenn der Inhalt eine eigene H1 hat: Titel nur als ruhige Rubrikzeile */
#top .title_container.vpr-title-demoted .container { padding-block: .9rem; }
html body#top .container_wrap.title_container.vpr-title-demoted .main-title,
html body#top .container_wrap.title_container.vpr-title-demoted .main-title a { font: 500 .9375rem/1.3 var(--sans); color: var(--leise); letter-spacing: .01em; }

/* Startseite: Einstieg auf Logo-Blau mit großem Foto */
#top.home .title_container { position: relative; background: var(--tinte); overflow: hidden; }
#top.home .title_container .container { display: flex; align-items: center; min-height: clamp(20rem, 34vw, 32rem); padding-block: 3rem; }
html body#top.home .container_wrap.title_container .main-title { position: relative; z-index: 1; width: 46%; max-width: 16ch; color: var(--weiss); font-size: clamp(2.25rem, 4.4vw, 3.75rem); line-height: 1.08; letter-spacing: -.015em; }
html body#top.home .container_wrap.title_container .main-title a { color: var(--weiss); font: inherit; }
#top.home .title_container::after {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 52%;
  background: url("hero-reishi.jpg") center / cover no-repeat;
}

/* Startseite: Galerie aller Arten direkt unter dem Einstieg */
#top .vpr-galerie-wrap { border: 0; }
#top .vpr-galerie { padding-block: clamp(2.25rem, 5vw, 3.75rem) clamp(1.5rem, 3vw, 2.5rem); border-bottom: 1px solid var(--linie); }
#top .vpr-galerie h2 { margin: 0; font-size: clamp(1.625rem, 3vw, 2.25rem); font-weight: 500; letter-spacing: -.01em; }
#top .vpr-galerie-unter { margin: .4rem 0 0; color: var(--leise); font-family: var(--sans); font-size: 1rem; }
#top .vpr-galerie-liste { list-style: none; margin: 1.75rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.75rem clamp(1rem, 2vw, 1.5rem); }
#top .vpr-galerie-liste li { margin: 0; padding: 0; }
#top .vpr-galerie-liste li::before { content: none; }
#top .vpr-galerie-liste a { display: block; color: var(--tinte); text-decoration: none; }
#top .vpr-galerie-bild { display: block; overflow: hidden; border-radius: 6px; background: var(--lamelle); }
#top .vpr-galerie-bild img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0; transition: transform .35s ease; }
@media (hover: hover) { #top .vpr-galerie-liste a:hover .vpr-galerie-bild img { transform: scale(1.04); } }
#top .vpr-galerie-liste strong { display: block; margin-top: .65rem; color: inherit; font: 600 1.1875rem/1.25 var(--serif); overflow-wrap: break-word; hyphens: manual; }
#top .vpr-galerie-liste a:hover strong { color: var(--pilzrot); }
#top .vpr-galerie-mehr { margin: 2rem 0 0; }

/* ---------- Inhalt ---------- */
#top .container_wrap { border-color: var(--linie); }
#top .content { padding-top: clamp(2rem, 4vw, 3rem); padding-bottom: clamp(2.5rem, 5vw, 4rem); }
#top .avia_textblock { font-size: 1.0938rem; line-height: 1.75; }
#top .avia_textblock p { margin-bottom: 1em; }
#top .avia_textblock h2, #top .entry-content-wrapper h2 { font-size: clamp(1.4rem, 2.4vw, 1.75rem); font-weight: 600; margin: 1.6em 0 .6em; }
#top .avia_textblock h3, #top .entry-content-wrapper h3 { font-size: 1.25rem; font-weight: 600; margin: 1.4em 0 .5em; }
#top .avia_textblock > :first-child { margin-top: 0; }
#top .avia_textblock ul, #top .avia_textblock ol { margin-left: 1.25rem; }
#top .avia_textblock li { margin-bottom: .35rem; }
#top .avia_textblock blockquote { border-left: 3px solid var(--pilzrot); color: var(--tinte); font-style: italic; padding-left: 1.1rem; }

/* Überschriften-Bausteine */
#top .av-special-heading { margin-bottom: 1rem; display: flow-root; }
#top .av-special-heading .av-special-heading-tag { color: var(--tinte); font-family: var(--serif); font-weight: 500; text-transform: none; letter-spacing: -.01em; }
#top .av-special-heading.av-special-heading-h1 .av-special-heading-tag { font-size: clamp(2rem, 4.4vw, 3.25rem); line-height: 1.12; }
#top .av-special-heading.av-special-heading-h2 .av-special-heading-tag { font-size: clamp(1.625rem, 3vw, 2.25rem); line-height: 1.18; }
#top .av-special-heading.av-special-heading-h3 .av-special-heading-tag { font-size: 1.375rem; font-weight: 600; }
#top .av-special-heading .special-heading-border { display: none; }
#top .av-special-heading.av-special-heading-h1 { padding-bottom: 1.25rem; border-bottom: 2px solid var(--tinte); margin-bottom: 1.75rem; }
#top .modern-quote .av-special-heading-tag { font-style: normal; }
#top .av-subheading, #top .av-subheading p { color: var(--leise); font-family: var(--sans); font-size: 1rem; }

/* Bilder */
#top .avia-image-container .avia_image, #top .avia-image-container img { border-radius: 6px; }
#top .avia-image-container.av-styling-circle .avia_image,
#top .avia-image-container.av-styling-circle img { border-radius: 50%; }
#top .avia-image-container .av-image-caption-overlay { border-radius: 6px; }
#top .av-image-caption-overlay .av-caption-image-overlay-bg { background-color: rgb(20 41 59 / .55); }
#top .avia-image-container a:hover img { opacity: .92; }
#top .wp-caption-text, #top figcaption { color: var(--leise); font: 400 .875rem/1.35 var(--sans); }

/* Trennlinien ruhiger */
#top .hr .hr-inner { border-color: var(--linie); }

/* Knöpfe */
#top .avia-button, #top .avia-button.avia-color-theme-color, #top .main_color .avia-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 46px;
  background: var(--pilzrot); border: 0; border-radius: 0; color: var(--weiss);
  font: 600 1rem/1.2 var(--sans); text-transform: none; letter-spacing: 0; padding: .7rem 1.25rem; opacity: 1;
}
#top .avia-button:hover, #top .main_color a.avia-button:hover, #top .alternate_color a.avia-button:hover { background: var(--tinte); color: var(--weiss); }
#top .avia-button .avia_iconbox_title { color: inherit; }

/* Formulare (Kontaktformular, Suche) */
/* "html body" prefix: Enfold's colour CSS (.main_color input…) is printed inline and later */
html body#top input[type="text"], html body#top input[type="email"], html body#top input[type="tel"], html body#top input[type="search"], html body#top textarea, html body#top select,
html body#top .main_color input[type="text"], html body#top .main_color input[type="email"], html body#top .main_color input[type="tel"], html body#top .main_color input[type="search"], html body#top .main_color textarea, html body#top .main_color select {
  border: 1px solid var(--tinte); border-radius: 0; background: var(--weiss); color: var(--text); font: 400 1rem/1.4 var(--sans); min-height: 48px; padding: .6rem .9rem;
}
#top textarea { min-height: 9rem; }
#top ::placeholder { color: var(--leise); opacity: 1; }
#top .avia_ajax_form label, #top form label { color: var(--tinte); font: 600 .9688rem/1.3 var(--sans); }
#top input[type="submit"], #top .button, #top #searchsubmit {
  background: var(--pilzrot); border: 0; border-radius: 0; color: var(--weiss); font: 600 1rem/1.2 var(--sans); min-height: 48px; padding: 0 1.25rem; cursor: pointer;
}
#top input[type="submit"]:hover, #top .button:hover, #top #searchsubmit:hover { background: var(--tinte); }

/* Aufklappbereiche */
#top .togglecontainer, #top .toggler { border-color: var(--linie); }
#top .toggler { color: var(--tinte); background: var(--weiss); font: 600 1.0625rem/1.35 var(--sans); }
#top .toggler.activeTitle, #top .toggler:hover { color: var(--pilzrot); background: var(--lamelle); }

/* Tabellen (TablePress) */
#top .tablepress, #top .entry-content-wrapper table { font: 400 1rem/1.4 var(--sans); font-variant-numeric: tabular-nums; border-collapse: collapse; }
#top .tablepress thead th, #top .entry-content-wrapper table th { background: var(--tinte); color: var(--weiss); font-weight: 600; text-transform: none; letter-spacing: 0; }
#top .tablepress thead :focus-visible { outline-color: var(--weiss); }
#top .tablepress td, #top .tablepress th, #top .entry-content-wrapper table td { border-color: var(--linie); padding: .55rem .6rem; }
#top .tablepress tbody tr:nth-child(odd) td { background: var(--lamelle); }

/* Seitenleiste */
#top .sidebar { font-family: var(--sans); border-color: var(--linie); text-align: left; }
#top .sidebar .widgettitle { color: var(--tinte); font: 600 1rem/1.3 var(--sans); text-transform: none; letter-spacing: 0; margin-bottom: .6rem; }
#top .sidebar .widget_nav_menu ul { border-left: 2px solid var(--linie); margin: 0; }
#top .sidebar .widget_nav_menu li { border: 0; margin: 0; padding: 0; }
#top .sidebar .widget_nav_menu li::before { content: none; display: none; }
#top .sidebar .widget_nav_menu li a { display: block; padding: .4rem 0 .4rem .85rem; color: var(--text); font-size: .9688rem; line-height: 1.35; text-decoration: none; }
#top .sidebar .widget_nav_menu li a:hover { color: var(--pilzrot); }
#top .sidebar .widget_nav_menu li.current-menu-item > a { margin-left: -2px; border-left: 2px solid var(--pilzrot); color: var(--pilzrot); font-weight: 600; }
#top .sidebar .widget_nav_menu li li a { padding-left: 1.5rem; }
#top .sidebar .textwidget { font-size: .9688rem; line-height: 1.55; }
#top .widget .seperator, #top .sidebar .widget { border-color: var(--linie); }

/* Autorenblock (Simple Author Box) */
#top .saboxplugin-wrap { border: 0; border-top: 2px solid var(--tinte); background: transparent; margin-top: 2.5rem; padding-top: 1.25rem; }
#top .saboxplugin-wrap .saboxplugin-gravatar img { border-radius: 50%; }
#top .saboxplugin-wrap .saboxplugin-authorname a, #top .saboxplugin-wrap .saboxplugin-authorname { color: var(--tinte); font: 600 1.1875rem/1.3 var(--serif); }
#top .saboxplugin-wrap .saboxplugin-desc, #top .saboxplugin-wrap .saboxplugin-desc p { color: var(--text); font: 400 1rem/1.6 var(--serif); }
#top .saboxplugin-wrap .saboxplugin-web, #top .saboxplugin-wrap .saboxplugin-socials { background: transparent; border: 0; }

/* Beitragsraster (Kategorie, Blog) */
#top .avia-content-slider .slide-entry-wrap { margin-bottom: 2rem; }
#top .avia-content-slider .slide-entry { padding-top: 0; }
#top .avia-content-slider .slide-image { border-radius: 6px; overflow: hidden; margin-bottom: .75rem; }
#top .avia-content-slider .slide-entry-title, #top .avia-content-slider .slide-entry-title a {
  color: var(--tinte); font: 600 1.1875rem/1.3 var(--serif); text-transform: none; letter-spacing: 0; text-decoration: none;
}
#top .avia-content-slider .slide-entry-title a:hover { color: var(--pilzrot); }
#top .slide-meta, #top .slide-meta a, #top .slide-meta time { color: var(--leise); font: 400 .875rem/1.4 var(--sans); }
#top .slide-entry-excerpt { color: var(--text); font-size: 1rem; line-height: 1.6; }
#top .avia-content-slider .read-more-link a, #top .more-link { color: var(--pilzrot); font: 600 .9688rem/1.3 var(--sans); }
#top .pagination, #top .pagination a, #top .pagination span { font-family: var(--sans); }
#top .pagination .current { background: var(--tinte); color: var(--weiss); border-radius: 0; }
#top .pagination a { border-radius: 0; color: var(--tinte); }

/* Waagerechte Galerie */
#top .av-horizontal-gallery-img { border-radius: 6px; }
#top .avia-slideshow-arrows a, #top .avia-slideshow-dots a { border-radius: 0; }

/* ---------- Fuß ---------- */
#top #footer, #top .footer_color { background: var(--tinte); border: 0; color: #e6ebee; font-family: var(--sans); }
#top #footer .widgettitle, #top .footer_color .widgettitle, #top .footer_color h3 { color: var(--weiss); font: 600 1.0625rem/1.3 var(--sans); text-transform: none; letter-spacing: 0; margin-bottom: .5rem; }
#top #footer p, #top #footer li, #top #footer .textwidget { color: #e6ebee; font-size: 1rem; line-height: 1.55; }
#top #footer a { color: var(--weiss); text-underline-offset: .18em; }
#top #footer a:hover { color: #f1c9ca; }
#top #footer li { border: 0; padding: 0; }
#top #footer li a { display: inline-block; padding: .25rem 0; }
#top #footer :focus-visible, #top #socket :focus-visible, #top.home .title_container :focus-visible, #top #scroll-top-link:focus-visible { outline-color: var(--weiss); }
#top #footer .textwidget a, #top #socket a { text-decoration: underline; }
#top #footer .container { padding-block: 2.75rem; }
#top #socket, #top .socket_color { background: #0e1d2a; border: 0; color: #c9d1d7; font-family: var(--sans); }
#top #socket a { color: var(--weiss); }
#top #scroll-top-link { background: var(--tinte); color: var(--weiss); border-radius: 0; opacity: 1; width: 44px; height: 44px; line-height: 44px; }

/* ---------- Mobil ---------- */
@media (min-width: 990px) and (max-width: 1200px) {
  #top .header_color .main_menu ul:first-child > li > a, #top #header .av-main-nav > li > a { padding: 0 .4em; font-size: .9375rem; white-space: nowrap; }
  #top #header .av-main-nav > li > a[href*="/vitalpilz-beratung/"] .avia-menu-text { padding: 0 .8rem; white-space: nowrap; }
}
@media (max-width: 989px) {
  #top.home .title_container .container { flex-direction: column; align-items: flex-start; min-height: 0; padding-block: 15rem 2rem; }
  #top.home .title_container::after { width: 100%; bottom: auto; height: 13.5rem; background-image: url("hero-reishi-800.jpg"); }
  html body#top.home .container_wrap.title_container .main-title { width: auto; max-width: none; font-size: 2.375rem; text-wrap: balance; }
  #top .vpr-galerie-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  #top, #top .avia_textblock { font-size: 1.0625rem; }
  html body#top .container_wrap.title_container .main-title, html body#top .container_wrap.title_container .main-title a { font-size: 1.75rem; }
  html body#top.home .container_wrap.title_container .main-title { font-size: 2.125rem; }
  #top .av-special-heading.av-special-heading-h1 .av-special-heading-tag { font-size: 2rem; }
  #top .vpr-galerie-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; margin-top: 1.25rem; }
  #top .vpr-galerie-liste strong { margin-top: .5rem; font-size: 1.0625rem; }
  #top .vpr-galerie-mehr .avia-button { width: 100%; }
  #top .sidebar .widget_nav_menu li a, #top #footer li a { padding-block: .65rem; }
  #top .sidebar { padding-top: 1.5rem; border-top: 1px solid var(--linie); }
  /* Tabellen: kompakter, damit 4 Spalten ohne Seitwärtsscrollen passen */
  #top .tablepress { font-size: .875rem; }
  #top .tablepress td, #top .tablepress th { padding: .45rem .35rem; overflow-wrap: break-word; hyphens: none; }
  /* Fließtext-Bilder links/rechts: mobil nicht umfließen lassen, sonst werden Überschriften zerquetscht */
  #top .avia_textblock .alignright, #top .avia_textblock .alignleft { float: none; display: block; margin: 0 auto 1.25rem; max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #top *, #top *::before, #top *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition: none !important; }
}
@media (pointer: coarse) {
  #top .pagination a, #top .pagination span, #top .avia-slideshow-arrows a, #top .avia-slideshow-dots a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
}

/* ---------- 1.2.0 ---------- */
/* Leerer Rahmen um einen Knopf, der auf dieser Bildschirmgröße ausgeblendet ist (Startseite: Streifen zwischen den Porträt-Reihen) */
@media (min-width: 990px) { #top .container_wrap:has(> .container > .content > .post-entry > .entry-content-wrapper > .avia-button-wrap.avia-builder-el-no-sibling > .avia-button.av-desktop-hide) { display: none; } }
@media (min-width: 768px) and (max-width: 989px) { #top .container_wrap:has(> .container > .content > .post-entry > .entry-content-wrapper > .avia-button-wrap.avia-builder-el-no-sibling > .avia-button.av-medium-hide) { display: none; } }
@media (min-width: 480px) and (max-width: 767px) { #top .container_wrap:has(> .container > .content > .post-entry > .entry-content-wrapper > .avia-button-wrap.avia-builder-el-no-sibling > .avia-button.av-small-hide) { display: none; } }
/* Startseite: unsichtbarer 100-px-Abstandhalter vor "Mykotherapie" */
#top.home [class*="av-eljvz-56"] { display: none; }
/* Bildtexte auf Fotos lesbar (weiße Schrift auf hellen Bildern) */
html body#top .avia-image-container .av-caption-image-overlay-bg { opacity: 1; background-color: rgb(20 41 59 / .5); }
html body#top .avia-image-container a:hover .av-caption-image-overlay-bg { opacity: 1; background-color: rgb(20 41 59 / .68); }
#top .av-image-caption-overlay p { text-shadow: 0 1px 3px rgb(0 0 0 / .45); }
/* Zwei Überschriften direkt untereinander (z. B. Herausgeber) als eine Einheit */
#top .avia_textblock h2 + h2 { margin-top: 0; }

/* ---------- 1.3.0: Weiterlesen ---------- */
#top .vpr-weiterlesen { clear: both; margin: 2.5rem 0 1rem; padding: 1.25rem 1.5rem; background: var(--lamelle); border-left: 3px solid var(--pilzrot); }
#top .vpr-weiterlesen-titel { margin: 0 0 .5rem; font-family: var(--sans); font-weight: 600; color: var(--tinte); }
#top .vpr-weiterlesen ul { margin: 0; padding: 0; list-style: none; }
#top .vpr-weiterlesen li { margin: .25rem 0; }
#top .vpr-weiterlesen a { color: var(--pilzrot); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
#top .vpr-weiterlesen a:hover { color: var(--tinte); }

/* ---------- 1.4.0 ---------- */
/* Seitenpfad im Titelbalken */
#top .vpr-brotkrumen ol { display: flex; flex-wrap: wrap; gap: .15rem 0; margin: 0; padding: 0; list-style: none; font: 500 .9375rem/1.4 var(--sans); color: var(--leise); }
#top .vpr-brotkrumen li { margin: 0; padding: 0; }
#top .vpr-brotkrumen li::before { content: none; }
#top .vpr-brotkrumen li + li::before { content: "›"; display: inline-block; margin: 0 .5rem; color: var(--linie); }
#top .vpr-brotkrumen a { color: var(--leise); text-decoration: none; }
#top .vpr-brotkrumen a:hover { color: var(--pilzrot); text-decoration: underline; }
#top .vpr-brotkrumen [aria-current] { color: var(--tinte); }
#top .title_container .vpr-brotkrumen + .main-title { margin-top: .4rem; }

/* Inhaltsverzeichnis langer Artikel */
#top .vpr-inhalt { clear: both; margin: 0 0 2rem; padding: 1.1rem 1.4rem 1.2rem; border: 1px solid var(--linie); border-left: 3px solid var(--tinte); background: var(--weiss); font-family: var(--sans); }
#top .vpr-inhalt-titel { margin: 0 0 .5rem; color: var(--tinte); font: 600 1rem/1.3 var(--sans); }
#top .vpr-inhalt ul { margin: 0; padding: 0; list-style: none; columns: 2 18rem; column-gap: 2rem; }
#top .vpr-inhalt li { margin: 0; padding: .2rem 0; break-inside: avoid; }
#top .vpr-inhalt li::before { content: none; }
#top .vpr-inhalt a { color: var(--pilzrot); font-size: .9688rem; line-height: 1.35; text-decoration: none; }
#top .vpr-inhalt a:hover { color: var(--tinte); text-decoration: underline; }
#top .content h2[id] { scroll-margin-top: 140px; }

/* Startseite: Foto bekommt mehr Fläche neben der Überschrift */
@media (min-width: 990px) {
  #top.home .title_container::after { width: 58%; }
  html body#top.home .container_wrap.title_container .main-title { width: 40%; }
}

/* Startseite: durchgehend linksbündig (vorher ab "Gesundheitsexperten" zentriert) */
#top.home .av-special-heading.modern-centered, #top.home .av-special-heading.modern-centered .av-special-heading-tag { text-align: left; }
#top.home .av_one_full .avia_textblock p[style*="center"] { text-align: left !important; }
#top.home .avia-button-wrap.avia-button-center { text-align: left; }
/* Experten: zweite Reihe im selben Raster wie die erste (4 Spalten) */
/* Experten: beide Reihen in der Inhaltsbreite und im selben 4er-Raster (vorher volle Fensterbreite, 4 + 3 verschieden breit) */
@media (min-width: 768px) {
  html body#top.home .av-layout-grid-container.av-flex-cells { display: flex; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box; max-width: 1310px; margin-inline: auto; padding-inline: 50px; }
  html body#top.home .av-layout-grid-container.av-flex-cells > .flex_cell { display: block; flex: 0 0 25%; width: 25%; box-sizing: border-box; }
}

@media (max-width: 767px) {
  /* Kleine Artikelbilder in voller Breite */
  #top .avia-image-container:has(img.vpr-bild-voll), #top .avia-image-container:has(img.vpr-bild-voll) .avia-image-container-inner, #top .avia-image-container:has(img.vpr-bild-voll) .avia-image-overlay-wrap { display: block; width: 100%; }
  #top img.vpr-bild-voll { display: block; width: 100%; height: auto; max-height: 75vh; object-fit: cover; }
  #top .vpr-inhalt { padding: 1rem 1.1rem; }
  #top .vpr-inhalt a { display: inline-block; padding: .3rem 0; }
  /* Experten: zwei nebeneinander statt einer pro Bildschirm */
  html body#top.home .av-layout-grid-container.av-flex-cells { display: flex; flex-wrap: wrap; }
  html body#top.home .av-layout-grid-container.av-flex-cells > .flex_cell { display: block; flex: 0 0 50%; width: 50%; padding: 1rem .5rem; }
  #top.home .av-layout-grid-container .avia-image-container.av-styling-circle img { max-width: 130px; }
}