/* Echt & Verbunden Feinschliff 1.3.1
   Eigene visuelle Identität für Daniela, bewusst getrennt von AM HORIZONT. */

.evPage {
  --evf-ink: #373139;
  --evf-ink-soft: #564e59;
  --evf-paper: #fbf8f8;
  --evf-plum: #5a465f;
  --evf-plum-dark: #453449;
  --evf-mauve: #8c708d;
  --evf-rose: #d8b9c0;
  --evf-rose-soft: #eadde2;
  --evf-blue: #728392;
  --evf-blue-soft: #e8edf1;
  --evf-sage-logo: #7f946f;
  --evf-line: rgba(70, 57, 73, 0.15);
  --evf-shadow: 0 20px 54px rgba(62, 49, 66, 0.13);

  --ev-ink: var(--evf-ink) !important;
  --ev-ink-soft: var(--evf-ink-soft) !important;
  --ev-paper: var(--evf-paper) !important;
  --ev-text: #514a54 !important;
  --ev-muted: #746b76 !important;
  --ev-green: var(--evf-mauve) !important;
  --ev-green-dark: var(--evf-plum) !important;
  --ev-purple: var(--evf-plum) !important;
  --ev-purple-dark: var(--evf-plum-dark) !important;
  --ev-lilac: #efe7f0 !important;
  --ev-line: var(--evf-line) !important;
  --ev-shadow: var(--evf-shadow) !important;

  background: var(--evf-paper) !important;
  color: var(--evf-ink) !important;
  font-family: Aptos, "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif !important;
  font-size: 18px;
  line-height: 1.72;
}

.evPage *,
.evPage *::before,
.evPage *::after {
  box-sizing: border-box;
}

.evPage h1,
.evPage h2,
.evPage h3,
.evPage h4,
.evPage p,
.evPage a,
.evPage span,
.evPage strong,
.evPage summary,
.evPage label,
.evPage input,
.evPage textarea,
.evPage select,
.evPage button {
  font-family: inherit !important;
}

.evPage h1,
.evPage h2,
.evPage h3,
.evHeroTitle,
.evSectionTitle,
.evAboutCopy h2,
.evParentCopy h2,
.evContactInfo h2 {
  font-weight: 700 !important;
  letter-spacing: -0.018em !important;
  text-wrap: balance;
}

.evHeroText,
.evRecognizeCard p,
.evFocusItem p,
.evParentCopy > p,
.evAboutCopy p,
.evStep p,
.evPracticeCard p,
.evFaqAnswer,
.evContactInfo > p,
.evContactFormCard > p,
.evPracticeItem span,
.evContactLink span,
.evAudienceNote {
  font-size: 17.5px !important;
  line-height: 1.78 !important;
  letter-spacing: 0 !important;
}

.evSectionIntro {
  font-size: 19px !important;
  line-height: 1.76 !important;
}

/* Header: neutral, keine AM HORIZONT Farbwelt */
.evTopbar {
  position: sticky !important;
  top: 0 !important;
  background: rgba(255, 252, 253, 0.96) !important;
  border-top: 5px solid var(--evf-plum) !important;
  border-bottom: 1px solid rgba(72, 57, 76, 0.10) !important;
  box-shadow: 0 8px 26px rgba(60, 48, 64, 0.06) !important;
  backdrop-filter: blur(16px) saturate(115%) !important;
}

.evTopbarInner {
  min-height: 104px !important;
}

.evBrand {
  gap: 0 !important;
  color: var(--evf-ink) !important;
}

.evBrandMark {
  width: 310px !important;
  height: 94px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.evBrandText {
  display: none !important;
}

.evNav {
  gap: 28px !important;
}

.evNav a,
.evNav a.evNavCta {
  position: relative;
  min-height: auto !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #554c57 !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
}

.evNav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 5px;
  height: 3px;
  border-radius: 99px;
  background: var(--evf-rose);
  transition: right 220ms ease;
}

.evNav a:hover,
.evNav a:focus-visible,
.evNav a.is-current {
  color: var(--evf-plum-dark) !important;
}

.evNav a:hover::after,
.evNav a:focus-visible::after,
.evNav a.is-current::after {
  right: 0;
}

/* Hero: Bild links, Text rechts. Bewusst komplett andere Komposition. */
.evHero {
  min-height: clamp(720px, 87svh, 900px) !important;
  background: linear-gradient(90deg, #e8d8df 0 48%, #58465f 48% 100%) !important;
  color: #ffffff !important;
}

.evHero::before {
  width: 480px !important;
  height: 480px !important;
  left: -250px !important;
  top: 70px !important;
  border: 2px solid rgba(90, 70, 95, 0.15) !important;
  border-radius: 50% !important;
}

.evHero::after {
  width: 560px !important;
  height: 560px !important;
  right: -330px !important;
  bottom: -260px !important;
  border: 2px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 50% !important;
}

.evHeroInner {
  min-height: clamp(720px, 87svh, 900px) !important;
  padding: 68px 0 94px !important;
  grid-template-columns: minmax(360px, 0.88fr) minmax(0, 1.12fr) !important;
  gap: clamp(56px, 5.6vw, 96px) !important;
  align-items: center !important;
}

.evHeroVisual {
  order: 1 !important;
  min-height: 650px !important;
  width: min(560px, 100%) !important;
  justify-self: start !important;
}

.evHeroCopy {
  order: 2 !important;
  max-width: 760px !important;
  padding: 10px 22px 10px 28px !important;
}

.evKicker {
  color: #eedde7 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
}

.evHeroTitle {
  color: #ffffff !important;
  font-size: clamp(42px, 4.2vw, 62px) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.evHeroTitleAccent {
  color: #f0cfd8 !important;
}

.evHeroLead {
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: clamp(19px, 1.48vw, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

.evHeroText {
  color: rgba(255, 255, 255, 0.86) !important;
}
.evHeroText {
  max-width: 620px !important;
  margin-top: 24px !important;
  font-size: 16px !important;
  line-height: 1.88 !important;
}

.evHeroActions {
  margin-top: 32px !important;
}

.evHeroMini {
  margin-top: 24px !important;
}

.evHeroMini {
  color: rgba(255, 255, 255, 0.74) !important;
}

.evHeroMini span::before {
  background: #e0b5c0 !important;
}

.evHeroPortrait {
  width: min(500px, 100%) !important;
  right: auto !important;
  left: 0 !important;
  top: 24px !important;
  border: 0 !important;
  border-radius: 52px 180px 52px 52px !important;
  background: #d8c6cd !important;
  box-shadow: 0 34px 80px rgba(62, 46, 65, 0.20) !important;
}

.evHeroPortrait img {
  aspect-ratio: 4 / 5.2 !important;
  object-position: center 18% !important;
}

.evHeroLogoCard {
  width: 315px !important;
  min-height: 96px !important;
  left: 22px !important;
  bottom: 48px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.80) !important;
  backdrop-filter: blur(9px) !important;
  box-shadow: 0 16px 38px rgba(56, 45, 59, 0.12) !important;
}

.evHeroLogoCard img {
  max-height: 88px !important;
  object-fit: contain !important;
}

.evHeroNote {
  width: 205px !important;
  right: -26px !important;
  bottom: 12px !important;
  padding: 17px 18px !important;
  border-radius: 24px 8px 24px 24px !important;
  background: #6f5a74 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  box-shadow: 0 18px 38px rgba(55, 42, 58, 0.18) !important;
}

.evButton,
.evContactForm .wpcf7-submit,
.evQuick a:not(:first-child) {
  background: #a67f8b !important;
  border-color: #a67f8b !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.evButton:hover,
.evButton:focus-visible,
.evContactForm .wpcf7-submit:hover,
.evContactForm .wpcf7-submit:focus-visible {
  background: #8d6975 !important;
  border-color: #8d6975 !important;
  color: #ffffff !important;
}

.evButtonOutline {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  color: #ffffff !important;
}

.evButtonOutline:hover,
.evButtonOutline:focus-visible {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.10) !important;
}

.evDarkButton {
  background: var(--evf-blue) !important;
  border-color: var(--evf-blue) !important;
  color: #ffffff !important;
}

.evDarkButton:hover,
.evDarkButton:focus-visible {
  background: #5d6e7d !important;
  border-color: #5d6e7d !important;
}

.evQuick {
  background: rgba(69, 52, 73, 0.93) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.evQuick a:first-child {
  background: #7a8996 !important;
  color: #ffffff !important;
}

.evQuick a:not(:first-child) {
  background: #8d708f !important;
}

/* Keine Nummernoptik */
.evCardNumber,
.evStepBadge {
  display: none !important;
}

.evRecognizeCard,
.evStep {
  min-height: 0 !important;
}

.evRecognizeCard h3,
.evStep h3 {
  margin-top: 0 !important;
}

/* Themen: offene Zweierspalten statt klassischer Dreierkarten */
.evSectionPaper {
  background: #fbf8f8 !important;
}

#themen {
  background:
    radial-gradient(circle at 90% 15%, rgba(216, 185, 192, 0.20), transparent 30%),
    #fbf8f8 !important;
}

.evRecognition {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 34px !important;
}

.evRecognizeCard {
  position: relative;
  padding: 28px 16px 30px 44px !important;
  border: 0 !important;
  border-top: 1px solid rgba(86, 70, 91, 0.16) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.evRecognizeCard::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 8px;
  top: 37px;
  border-radius: 50%;
  background: var(--evf-rose);
  box-shadow: 0 0 0 7px rgba(216, 185, 192, 0.20);
}

.evRecognizeCard:hover {
  transform: none !important;
  background: rgba(234, 221, 226, 0.28) !important;
}

.evRecognizeCard h3 {
  color: var(--evf-plum-dark) !important;
  font-size: 24px !important;
}

.evWideQuote {
  background: #6c5871 !important;
  color: #ffffff !important;
  border-radius: 34px 10px 34px 10px !important;
}

.evWideQuote strong {
  color: #ffffff !important;
}

.evWideQuote span {
  color: #f2dce5 !important;
}

/* Beratungsschwerpunkte: sanftes Mauve statt Creme Grün */
.evSectionInk {
  background: #eee6ef !important;
  color: var(--evf-ink) !important;
}

.evSectionInk .evSectionLabel {
  color: #765d7b !important;
}

.evSectionInk .evSectionTitle,
.evAboutCopy h2 {
  color: var(--evf-plum-dark) !important;
}

.evSectionInk .evSectionIntro,
.evFocusItem p,
.evAboutCopy p,
.evAboutValue span {
  color: #5e5661 !important;
}

.evFocusItem {
  border: 0 !important;
  border-bottom: 1px solid rgba(87, 70, 91, 0.15) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 24px 6px !important;
}

.evFocusItem h3 {
  color: #4b3b4f !important;
  font-size: 23px !important;
}

.evFocusMedia {
  border-radius: 100px 24px 100px 24px !important;
  box-shadow: 0 24px 54px rgba(68, 54, 72, 0.13) !important;
}

.evFocusMedia::after {
  background: linear-gradient(180deg, transparent 48%, rgba(65, 51, 69, 0.68) 100%) !important;
}

/* Systemisch, Familie, Verbundenheit */
#ansatz {
  background:
    radial-gradient(circle at 7% 85%, rgba(114, 131, 146, 0.13), transparent 30%),
    #f8f5f5 !important;
}

.evParentImage {
  border-radius: 32px 120px 32px 120px !important;
  box-shadow: 0 26px 58px rgba(63, 52, 66, 0.13) !important;
}

.evParentTag {
  background: var(--evf-blue) !important;
}

.evParentPoint {
  border-left: 0 !important;
  border-top: 1px solid rgba(78, 63, 82, 0.16) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 18px 0 !important;
}

.evfSystemVisual {
  margin: 28px 0 30px !important;
  padding: 12px 0 !important;
}

.evfSystemVisual svg {
  width: 100%;
  height: auto;
  overflow: visible;
}

.evfSystemVisual .evfLink {
  fill: none;
  stroke: #aa8996;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  transition: stroke-dashoffset 1.25s ease;
}

.evfSystemVisual.is-visible .evfLink {
  stroke-dashoffset: 0;
}

.evfSystemVisual .evfNode {
  fill: #f4e8ec;
  stroke: #8f728e;
  stroke-width: 2;
}

.evfSystemVisual .node-you {
  fill: #e8edf1;
  stroke: #728392;
}

.evfSystemVisual text {
  fill: #4b414d;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  text-anchor: middle;
}

/* Über mich, als satter eigenständiger Abschnitt */
#ueber-mich,
.evAboutSection {
  background: #59485e !important;
}

.evAboutCopy h2,
#ueber-mich .evSectionTitle {
  color: #ffffff !important;
}

.evAboutCopy p,
.evAboutValue span {
  color: rgba(255, 255, 255, 0.83) !important;
}

.evAboutValue {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.07) !important;
}

.evAboutValue strong {
  color: #ffffff !important;
}

.evAboutPhoto {
  border-radius: 34px 150px 34px 34px !important;
}

.evAboutLogo {
  background: rgba(255, 255, 255, 0.88) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 42px rgba(45, 36, 48, 0.18) !important;
}

.evAudienceNote {
  background: #efe4e8 !important;
  color: #4e444f !important;
}

/* Praxis und Online: Rauchblau */
#praxis {
  background: var(--evf-blue-soft) !important;
}

.evPracticeCard {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 18px 46px rgba(63, 74, 84, 0.09) !important;
}

.evPracticeItem strong {
  color: #65506a !important;
}

.evOnlineCard {
  background: #667786 !important;
  border-radius: 28px 90px 28px 28px !important;
}

.evOnlineCard img {
  opacity: 0.48 !important;
}

.evOnlineOverlay {
  background: linear-gradient(180deg, rgba(50, 60, 72, 0.05) 15%, rgba(56, 67, 81, 0.82) 100%) !important;
}

/* Kleiner Hinweis Gemeinschaftspraxis */
.evCommunityCard,
.evfCommunityNotice {
  margin-top: 28px !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(78, 64, 83, 0.12) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.80) !important;
  box-shadow: 0 12px 32px rgba(62, 54, 68, 0.06) !important;
}

.evfCommunityNotice a {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #413943 !important;
  text-decoration: none !important;
}

.evfCommunityNotice img {
  width: 126px;
  max-height: 64px;
  object-fit: contain;
  flex: 0 0 auto;
}

.evfCommunityNoticeText {
  display: grid;
  gap: 2px;
}

.evfCommunityNoticeText strong {
  color: #413743 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.evfCommunityNoticeText span {
  color: #746b76 !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}

/* Preise und FAQ bewusst neutral */
.evPriceCard,
.evFaq details,
.evStep,
.evContactFormCard {
  border-color: rgba(78, 64, 83, 0.12) !important;
  box-shadow: 0 14px 36px rgba(62, 52, 67, 0.06) !important;
}

.evPriceCardFeatured {
  background: #f1e4e9 !important;
  border-color: rgba(166, 127, 139, 0.34) !important;
}

.evPriceLabel {
  color: #765b7a !important;
}

/* Kontakt: Mauve, nicht AM HORIZONT Grün */
.evContactSection {
  background:
    linear-gradient(135deg, rgba(92, 73, 98, 0.92), rgba(108, 88, 113, 0.88)),
    url("https://www.echt-verbunden.at/wp-content/uploads/2026/07/echtverbunden-sonnenuntergang.webp") center / cover no-repeat !important;
  color: #ffffff !important;
}

.evContactInfo {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.evContactInfo h2,
.evContactInfo > p,
.evContactLink span {
  color: #ffffff !important;
}

.evContactLink {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.evContactLink strong {
  color: #f1dce5 !important;
}

.evContactFormCard {
  background: rgba(255, 255, 255, 0.97) !important;
}

/* Footer: sattes Pflaume */
.evFooter {
  background: #403443 !important;
}

.evFooterLogo {
  width: 140px !important;
  padding: 7px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.94) !important;
}

.evFooterText strong {
  font-size: 16px !important;
}

.evFooterText span,
.evLegalNote {
  color: rgba(255, 255, 255, 0.74) !important;
}

/* Sanfte Bewegung */
.evfReveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 620ms ease, transform 620ms ease;
}

.evfReveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.evHeroVisual.evfReveal {
  transform: translateX(-22px) scale(0.985);
}

.evHeroVisual.evfReveal.is-visible {
  transform: translateX(0) scale(1);
}

.evFocusMedia.evfReveal,
.evParentImage.evfReveal,
.evAboutPhoto.evfReveal {
  transition-duration: 760ms;
}

@media screen and (max-width: 1080px) {
  .evBrandMark {
    width: 250px !important;
    height: 84px !important;
  }

  .evHero {
    background: linear-gradient(180deg, #e8d8df 0 48%, #58465f 48% 100%) !important;
  }

  .evHeroInner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .evHeroVisual {
    order: 1 !important;
    width: min(620px, 100%) !important;
    margin: 0 auto !important;
    min-height: 590px !important;
  }

  .evHeroCopy {
    order: 2 !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 44px 0 0 !important;
  }
}

@media screen and (max-width: 820px) {
  .evBrandMark {
    width: 215px !important;
    height: 76px !important;
  }

  .evRecognition {
    grid-template-columns: 1fr !important;
  }

  .evHeroTitle {
    font-size: 46px !important;
  }
}

@media screen and (max-width: 620px) {
  .evTopbarInner {
    min-height: 78px !important;
  }

  .evBrandMark {
    width: 182px !important;
    height: 64px !important;
  }

  .evHero {
    background: linear-gradient(180deg, #e8d8df 0 45%, #58465f 45% 100%) !important;
  }

  .evHeroInner {
    padding: 36px 0 76px !important;
  }

  .evHeroVisual {
    min-height: 500px !important;
  }

  .evHeroPortrait {
    width: 92% !important;
    left: 4% !important;
    top: 12px !important;
    border-radius: 34px 120px 34px 34px !important;
  }

  .evHeroLogoCard {
    width: 230px !important;
    left: 4px !important;
    bottom: 44px !important;
  }

  .evHeroNote {
    width: 174px !important;
    right: 2px !important;
    bottom: 4px !important;
    font-size: 13px !important;
  }

  .evHeroCopy {
    padding-top: 32px !important;
  }

  .evHeroTitle {
    font-size: 40px !important;
  }

  .evHeroLead {
    font-size: 20px !important;
  }

  .evHeroText,
  .evSectionIntro,
  .evParentCopy > p,
  .evAboutCopy p,
  .evContactInfo > p,
  .evRecognizeCard p,
  .evFocusItem p,
  .evContactLink span,
  .evPracticeItem span {
    font-size: 16px !important;
  }

  .evfCommunityNotice a {
    align-items: flex-start;
    gap: 12px;
  }

  .evfCommunityNotice img {
    width: 102px;
    max-height: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .evPage *,
  .evPage *::before,
  .evPage *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }

  .evfReveal,
  .evHeroVisual.evfReveal {
    opacity: 1 !important;
    transform: none !important;
  }

  .evfSystemVisual .evfLink {
    stroke-dashoffset: 0 !important;
  }
}


/* ===== 1.3.1 Feinschliff: ruhiger Hero, weichere Typografie, sauberer Abschluss ===== */

/* Divi Restabstände und der obere Farbstreifen verschwinden */
body.home:has(.evPage) .et_pb_section:has(.evPage),
body.home:has(.evPage) .et_pb_row:has(.evPage),
body.home:has(.evPage) .et_pb_column:has(.evPage),
body.home:has(.evPage) .et_pb_code:has(.evPage),
body.home:has(.evPage) .et_pb_code_inner:has(.evPage) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}

body.home:has(.evPage) .et_pb_row:has(.evPage),
body.home:has(.evPage) .et_pb_column:has(.evPage),
body.home:has(.evPage) .et_pb_code:has(.evPage),
body.home:has(.evPage) .et_pb_code_inner:has(.evPage) {
  width: 100% !important;
  max-width: none !important;
}

.evTopbar {
  border-top: 0 !important;
}

body.admin-bar .evTopbar {
  top: 32px !important;
}

/* Kleine Schrift leichter und offener */
.evPage {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.evPage p,
.evPage span,
.evPage a,
.evPage label,
.evPage input,
.evPage textarea,
.evPage select,
.evPage button,
.evFaqAnswer,
.evPracticeItem span,
.evContactLink span,
.evFooterText span,
.evLegalNote {
  font-weight: 400 !important;
}

.evPage strong,
.evNav a,
.evSectionLabel,
.evKicker,
.evPracticeItem strong,
.evContactLink strong,
.evFooterText strong,
.evQuick a,
.evButton,
.evFaq summary {
  font-weight: 600 !important;
}

.evNav a {
  font-size: 15px !important;
}

.evSectionLabel,
.evKicker {
  letter-spacing: 0.035em !important;
}

.evHeroText,
.evRecognizeCard p,
.evFocusItem p,
.evParentCopy > p,
.evAboutCopy p,
.evStep p,
.evPracticeCard p,
.evFaqAnswer,
.evContactInfo > p,
.evContactFormCard > p,
.evPracticeItem span,
.evContactLink span,
.evAudienceNote {
  font-size: 17px !important;
  line-height: 1.75 !important;
}

/* Hero nicht mehr hart geteilt. Bild und Text werden als zusammengehörige Flächen gelesen. */
.evHero {
  min-height: auto !important;
  background:
    radial-gradient(circle at 10% 18%, rgba(130, 102, 132, 0.10), transparent 32%),
    #eadde2 !important;
  color: var(--evf-ink) !important;
}

.evHero::before {
  width: 420px !important;
  height: 420px !important;
  left: -250px !important;
  top: 60px !important;
  border-color: rgba(90, 70, 95, 0.12) !important;
}

.evHero::after {
  display: none !important;
}

.evHeroInner {
  min-height: 720px !important;
  padding: 72px 0 88px !important;
  grid-template-columns: minmax(340px, 0.90fr) minmax(0, 1.10fr) !important;
  gap: 0 !important;
  align-items: center !important;
}

.evHeroVisual {
  order: 1 !important;
  width: min(535px, 100%) !important;
  min-height: 610px !important;
  justify-self: end !important;
  z-index: 3 !important;
}

.evHeroPortrait {
  width: min(490px, 100%) !important;
  top: 20px !important;
  left: 0 !important;
  right: auto !important;
  border-radius: 48px 150px 48px 48px !important;
  box-shadow: 0 28px 68px rgba(62, 46, 65, 0.15) !important;
}

.evHeroCopy {
  order: 2 !important;
  position: relative !important;
  z-index: 2 !important;
  max-width: none !important;
  margin-left: -42px !important;
  padding: 56px 58px 58px 82px !important;
  border-radius: 58px 18px 58px 18px !important;
  background: #5b485f !important;
  box-shadow: 0 28px 70px rgba(69, 52, 73, 0.15) !important;
}

.evKicker {
  margin-bottom: 16px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 13.5px !important;
}

.evHeroTitle {
  color: #ffffff !important;
  font-size: clamp(43px, 4.2vw, 61px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.028em !important;
}

.evHeroTitleAccent {
  color: #efccd5 !important;
}

.evHeroLead {
  margin-top: 24px !important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: clamp(20px, 1.55vw, 23px) !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

.evHeroText {
  color: rgba(255, 255, 255, 0.80) !important;
}

.evHeroMini {
  color: rgba(255, 255, 255, 0.72) !important;
  font-weight: 400 !important;
}

.evHeroLogoCard {
  width: 300px !important;
  min-height: 88px !important;
  left: 16px !important;
  bottom: 54px !important;
  padding: 7px 11px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border-radius: 17px !important;
}

.evHeroLogoCard img {
  max-height: 78px !important;
}

.evHeroNote {
  width: 194px !important;
  right: -10px !important;
  bottom: 18px !important;
  padding: 15px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.52 !important;
}

/* Kontakt ohne fremdartiges Stadtbild */
.evContactSection {
  background:
    radial-gradient(circle at 12% 18%, rgba(235, 205, 216, 0.13), transparent 28%),
    linear-gradient(135deg, #7c6879 0%, #6d596f 48%, #604d65 100%) !important;
}

.evContactInfo {
  background: rgba(255, 255, 255, 0.075) !important;
}

.evFooter {
  background: #493b4d !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.evFooterText span,
.evLegalNote {
  font-weight: 400 !important;
}

@media screen and (max-width: 1080px) {
  .evHeroInner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding-top: 54px !important;
  }

  .evHeroVisual {
    width: min(600px, 100%) !important;
    justify-self: center !important;
    min-height: 590px !important;
  }

  .evHeroCopy {
    width: min(760px, 100%) !important;
    margin: -16px auto 0 !important;
    padding: 48px 50px !important;
    border-radius: 46px 16px 46px 16px !important;
  }
}

@media screen and (max-width: 782px) {
  body.admin-bar .evTopbar {
    top: 46px !important;
  }
}

@media screen and (max-width: 620px) {
  .evHeroInner {
    padding: 38px 0 64px !important;
  }

  .evHeroVisual {
    min-height: 500px !important;
  }

  .evHeroCopy {
    margin-top: -6px !important;
    padding: 34px 26px 38px !important;
    border-radius: 32px 12px 32px 12px !important;
  }

  .evHeroTitle {
    font-size: 38px !important;
  }

  .evHeroLogoCard {
    width: 220px !important;
    min-height: 76px !important;
    left: 0 !important;
    bottom: 48px !important;
  }

  .evHeroNote {
    width: 170px !important;
    right: 0 !important;
    bottom: 4px !important;
    font-size: 13px !important;
  }
}


/* ===== 1.4.0 Finaler Feinschliff ===== */

.evPage {
  font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.evPage p,
.evPage span,
.evPage a,
.evPage label,
.evPage input,
.evPage textarea,
.evPage select,
.evPage button,
.evFaqAnswer,
.evPracticeItem span,
.evContactLink span,
.evFooterText span,
.evLegalNote {
  font-weight: 400 !important;
}

.evPage h1,
.evPage h2,
.evPage h3,
.evHeroTitle,
.evSectionTitle,
.evAboutCopy h2,
.evParentCopy h2,
.evContactInfo h2 {
  font-weight: 650 !important;
}

.evPage strong,
.evNav a,
.evSectionLabel,
.evKicker,
.evPracticeItem strong,
.evContactLink strong,
.evFooterText strong,
.evQuick a,
.evButton,
.evFaq summary {
  font-weight: 600 !important;
}

.evTopbarInner {
  min-height: 116px !important;
}

.evBrandMark {
  width: 365px !important;
  height: 110px !important;
  max-width: 38vw !important;
}

.evHeroInner {
  min-height: 720px !important;
  grid-template-columns: minmax(390px, 0.92fr) minmax(0, 1.08fr) !important;
  gap: clamp(38px, 4vw, 62px) !important;
}

.evHeroVisual {
  width: min(520px, 100%) !important;
  justify-self: end !important;
}

.evHeroPortrait {
  width: min(500px, 100%) !important;
}

.evHeroCopy {
  margin-left: 0 !important;
  padding: 54px 56px 56px !important;
  border-radius: 48px 18px 48px 18px !important;
  box-shadow: 0 24px 56px rgba(69, 52, 73, 0.12) !important;
}

.evHeroLogoCard {
  width: 382px !important;
  min-height: 102px !important;
  left: 12px !important;
  bottom: 48px !important;
  padding: 2px 8px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.58), rgba(255,255,255,0.28)) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 10px 26px rgba(55, 45, 59, 0.08) !important;
}

.evHeroLogoCard img {
  width: 100% !important;
  max-height: 100px !important;
  object-fit: contain !important;
}

.evHeroNote {
  width: 178px !important;
  right: -4px !important;
  bottom: 16px !important;
  padding: 13px 14px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  border-radius: 20px 8px 20px 20px !important;
  box-shadow: 0 14px 30px rgba(55, 42, 58, 0.14) !important;
}

.evSection {
  padding: clamp(72px, 6.5vw, 96px) 0 !important;
}

.evfCommunityNotice {
  padding: 18px 22px !important;
  border-radius: 20px !important;
}

.evfCommunityNotice a {
  gap: 22px !important;
}

.evfCommunityNotice img {
  width: 194px !important;
  max-height: 92px !important;
}

.evfCommunityNoticeText strong {
  font-size: 16.5px !important;
  font-weight: 600 !important;
}

.evfCommunityNoticeText span {
  margin-top: 2px !important;
  font-size: 14px !important;
}

.evPricing {
  gap: 24px !important;
  max-width: 940px !important;
}

.evPriceCard {
  padding: 38px 40px !important;
}

.evPriceLabel {
  margin-bottom: 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
}

.evPrice {
  margin: 0 !important;
  color: #453a49 !important;
  font-size: clamp(48px, 4.4vw, 60px) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
}

.evPrice span {
  display: inline-block !important;
  margin-left: 6px !important;
  color: #68606a !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.evPriceCard h3 {
  margin-top: 24px !important;
  font-size: 23px !important;
  font-weight: 600 !important;
}

.evPriceCard > p:last-child {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

.evPriceNote {
  margin-top: 30px !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
}

.evfSystemVisual .evfLink {
  stroke-width: 2 !important;
  stroke: #b394a0 !important;
}

.evfSystemVisual .evfNode {
  stroke-width: 1.6 !important;
}

.evfSystemVisual text {
  font-size: 17px !important;
  font-weight: 600 !important;
}

.evKicker,
.evSectionLabel,
.evPriceLabel,
.evHeroMini,
.evLegalNote {
  letter-spacing: 0.025em !important;
}

@media screen and (max-width: 1080px) {
  .evTopbarInner {
    min-height: 98px !important;
  }

  .evBrandMark {
    width: 305px !important;
    height: 92px !important;
    max-width: 52vw !important;
  }

  .evHeroInner {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .evHeroCopy {
    margin: 0 auto !important;
  }

  .evHeroLogoCard {
    width: 348px !important;
  }
}

@media screen and (max-width: 820px) {
  .evBrandMark {
    width: 260px !important;
    height: 82px !important;
  }

  .evPriceCard {
    padding: 32px !important;
  }

  .evPrice {
    font-size: 52px !important;
  }
}

@media screen and (max-width: 620px) {
  .evTopbarInner {
    min-height: 82px !important;
  }

  .evBrandMark {
    width: 224px !important;
    height: 72px !important;
    max-width: 62vw !important;
  }

  .evHeroInner {
    gap: 20px !important;
  }

  .evHeroCopy {
    padding: 34px 26px 38px !important;
  }

  .evHeroLogoCard {
    width: 270px !important;
    min-height: 78px !important;
    left: 0 !important;
    bottom: 44px !important;
    padding: 2px 6px !important;
  }

  .evHeroLogoCard img {
    max-height: 76px !important;
  }

  .evHeroNote {
    width: 154px !important;
    right: 0 !important;
    bottom: 2px !important;
    font-size: 12.5px !important;
  }

  .evfCommunityNotice a {
    align-items: center !important;
    gap: 14px !important;
  }

  .evfCommunityNotice img {
    width: 132px !important;
    max-height: 70px !important;
  }

  .evfCommunityNoticeText strong {
    font-size: 14px !important;
  }

  .evfCommunityNoticeText span {
    font-size: 12.5px !important;
  }

  .evPriceCard {
    padding: 28px 24px !important;
  }

  .evPrice {
    font-size: 48px !important;
  }

  .evPrice span {
    display: block !important;
    margin: 8px 0 0 !important;
    font-size: 17px !important;
  }
}

/* ===== 1.5.0 Final Candidate ===== */

/* Einheitliche moderne Systemschrift. Keine externe Font-Abhängigkeit. */
.evPage {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.evPage p,
.evPage span,
.evPage a,
.evPage label,
.evPage input,
.evPage textarea,
.evPage select,
.evPage button,
.evFaqAnswer,
.evPracticeItem span,
.evContactLink span,
.evFooterText span,
.evLegalNote {
  font-weight: 400 !important;
}

.evPage h1,
.evPage h2,
.evPage h3,
.evHeroTitle,
.evSectionTitle,
.evAboutCopy h2,
.evParentCopy h2,
.evContactInfo h2 {
  font-weight: 650 !important;
  letter-spacing: -0.022em !important;
}

.evPage strong,
.evNav a,
.evSectionLabel,
.evKicker,
.evPracticeItem strong,
.evContactLink strong,
.evFooterText strong,
.evQuick a,
.evButton,
.evFaq summary {
  font-weight: 600 !important;
}

/* Header ruhig, Logo klar, ohne oberen Farbstreifen */
.evTopbar {
  border-top: 0 !important;
  background: rgba(255, 252, 253, 0.97) !important;
  box-shadow: 0 7px 24px rgba(62, 49, 66, 0.055) !important;
}

.evTopbarInner {
  min-height: 108px !important;
}

.evBrandMark {
  width: 380px !important;
  height: 102px !important;
  max-width: 40vw !important;
  object-position: left center !important;
}

.evNav {
  gap: 30px !important;
}

.evNav a,
.evNav a.evNavCta {
  font-size: 15.5px !important;
  font-weight: 500 !important;
  color: #514a54 !important;
}

.evNav a::after {
  height: 2px !important;
  background: #caa6b0 !important;
}

/* Hero: Daniela führt. Textfläche kleiner, leichter und klar getrennt. */
.evHero {
  min-height: auto !important;
  background:
    radial-gradient(circle at 7% 24%, rgba(113, 83, 118, 0.07), transparent 29%),
    linear-gradient(115deg, #eadce2 0%, #f0e5e8 55%, #eee2e6 100%) !important;
}

.evHeroInner {
  min-height: 680px !important;
  padding: 68px 0 82px !important;
  grid-template-columns: minmax(430px, 1.06fr) minmax(440px, 0.94fr) !important;
  gap: clamp(54px, 5.5vw, 82px) !important;
  align-items: center !important;
}

.evHeroVisual {
  width: min(570px, 100%) !important;
  min-height: 610px !important;
  justify-self: end !important;
}

.evHeroPortrait {
  width: min(540px, 100%) !important;
  top: 8px !important;
  border-radius: 48px 150px 48px 48px !important;
  box-shadow: 0 24px 62px rgba(62, 46, 65, 0.13) !important;
}

.evHeroCopy {
  width: min(560px, 100%) !important;
  max-width: 560px !important;
  justify-self: start !important;
  margin: 0 !important;
  padding: 46px 48px 48px !important;
  border-radius: 40px 16px 40px 16px !important;
  background: #624f66 !important;
  box-shadow: 0 20px 48px rgba(69, 52, 73, 0.11) !important;
}

.evKicker {
  margin-bottom: 15px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.025em !important;
  color: rgba(255, 255, 255, 0.77) !important;
}

.evHeroTitle {
  font-size: clamp(42px, 3.55vw, 55px) !important;
  line-height: 1.085 !important;
  letter-spacing: -0.027em !important;
  color: #ffffff !important;
}

.evHeroTitleAccent {
  color: #f0d1d8 !important;
}

.evHeroLead {
  margin-top: 22px !important;
  font-size: clamp(19px, 1.35vw, 21.5px) !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

.evHeroText {
  margin-top: 18px !important;
  font-size: 16.5px !important;
  line-height: 1.72 !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

.evHeroActions {
  margin-top: 24px !important;
}

.evHeroMini {
  margin-top: 18px !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Hauptlogo beim Foto groß, aber ohne weiße Kachel */
.evHeroLogoCard {
  width: 370px !important;
  min-height: 92px !important;
  left: 8px !important;
  bottom: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.evHeroLogoCard img {
  width: 100% !important;
  max-height: 98px !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: drop-shadow(0 0 7px rgba(255,255,255,0.95)) drop-shadow(0 1px 2px rgba(255,255,255,0.70));
}

.evHeroNote {
  width: 158px !important;
  right: -4px !important;
  bottom: 22px !important;
  padding: 12px 13px !important;
  border-radius: 18px 7px 18px 18px !important;
  background: rgba(113, 90, 119, 0.94) !important;
  font-size: 12.5px !important;
  line-height: 1.48 !important;
  font-weight: 500 !important;
  box-shadow: 0 12px 26px rgba(55, 42, 58, 0.12) !important;
}

/* Inhaltsrhythmus kompakter, aber nicht gedrängt */
.evSection {
  padding: clamp(68px, 5.7vw, 88px) 0 !important;
}

.evSectionHead {
  margin-bottom: 44px !important;
}

.evSectionIntro {
  font-size: 18px !important;
  line-height: 1.72 !important;
}

.evRecognizeCard p,
.evFocusItem p,
.evParentCopy > p,
.evAboutCopy p,
.evStep p,
.evPracticeCard p,
.evFaqAnswer,
.evContactInfo > p,
.evContactFormCard > p,
.evPracticeItem span,
.evContactLink span,
.evAudienceNote {
  font-size: 16.5px !important;
  line-height: 1.74 !important;
}

/* Systemische Grafik weniger Diagramm, mehr Verbindung */
.evfSystemVisual {
  margin: 26px 0 30px !important;
  padding: 12px 0 8px !important;
}

.evfSystemVisual svg {
  overflow: visible !important;
}

.evfSystemVisual .evfLink {
  fill: none !important;
  stroke: #b394a0 !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  opacity: 0.72 !important;
}

.evfSystemVisual .evfNode {
  fill: #765e78 !important;
  stroke: #ffffff !important;
  stroke-width: 4 !important;
}

.evfSystemVisual .node-you {
  fill: #667786 !important;
}

.evfSystemVisual text {
  fill: #4d414f !important;
  font-size: 16px !important;
  font-weight: 550 !important;
}

/* Gemeinschaftspraxis klar erkennbar, bleibt sekundär */
.evfCommunityNotice {
  padding: 20px 24px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.88) !important;
}

.evfCommunityNotice a {
  gap: 24px !important;
}

.evfCommunityNotice img {
  width: 225px !important;
  max-height: 104px !important;
}

.evfCommunityNoticeText strong {
  font-size: 17px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

.evfCommunityNoticeText span {
  margin-top: 4px !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
}

/* Preise sofort erfassbar */
.evPricing {
  gap: 26px !important;
  max-width: 960px !important;
}

.evPricing .evPriceCard {
  padding: 38px 40px 36px !important;
  border-radius: 26px !important;
}

.evPricing .evPriceLabel {
  margin: 0 0 16px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
}

.evPricing .evPriceCard .evPrice {
  margin: 0 !important;
  color: #433846 !important;
  font-size: clamp(54px, 4.7vw, 66px) !important;
  line-height: 0.98 !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
}

.evPricing .evPriceCard .evPrice span {
  display: block !important;
  margin: 10px 0 0 !important;
  color: #6a616b !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.evPricing .evPriceCard h3 {
  margin-top: 26px !important;
  font-size: 22px !important;
  line-height: 1.32 !important;
  font-weight: 600 !important;
}

.evPricing .evPriceCard > p:last-child {
  margin-top: 12px !important;
  font-size: 15.5px !important;
  line-height: 1.68 !important;
}

.evPriceNote {
  max-width: 760px !important;
  margin-top: 26px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Kontakt und Footer leichterer Abschluss */
.evContactSection {
  background:
    radial-gradient(circle at 12% 18%, rgba(238, 213, 221, 0.10), transparent 27%),
    linear-gradient(135deg, #806b7c 0%, #725d73 52%, #655168 100%) !important;
}

.evFooter {
  padding: 34px 0 92px !important;
  background: #564658 !important;
}

.evFooterLogo {
  width: 155px !important;
  padding: 4px !important;
  background: rgba(255,255,255,0.90) !important;
}

.evFooterText strong {
  font-size: 15.5px !important;
  font-weight: 600 !important;
}

.evFooterText span {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

.evLegalNote {
  margin-top: 20px !important;
  padding-top: 18px !important;
  font-size: 12.5px !important;
}

/* Schnellkontakt mit ausreichendem Kontrast */
.evQuick {
  background: rgba(82, 66, 85, 0.94) !important;
}

.evQuick a:first-child {
  background: #667786 !important;
  color: #ffffff !important;
}

.evQuick a:not(:first-child) {
  background: #765e78 !important;
  color: #ffffff !important;
}

/* Bewegungen minimal halten */
.evfReveal {
  transform: translateY(12px) !important;
  transition-duration: 520ms !important;
}

.evfReveal.is-visible {
  transform: translateY(0) !important;
}

.evHeroVisual.evfReveal {
  transform: translateX(-12px) scale(0.992) !important;
}

.evHeroVisual.evfReveal.is-visible {
  transform: translateX(0) scale(1) !important;
}

@media screen and (max-width: 1080px) {
  .evTopbarInner {
    min-height: 96px !important;
  }

  .evBrandMark {
    width: 320px !important;
    height: 90px !important;
    max-width: 52vw !important;
  }

  .evHeroInner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding-top: 52px !important;
  }

  .evHeroVisual {
    width: min(610px, 100%) !important;
    justify-self: center !important;
  }

  .evHeroCopy {
    width: min(680px, 100%) !important;
    max-width: 680px !important;
    justify-self: center !important;
    padding: 44px 46px 46px !important;
  }

  .evHeroLogoCard {
    width: 390px !important;
  }
}

@media screen and (max-width: 820px) {
  .evBrandMark {
    width: 270px !important;
    height: 80px !important;
  }

  .evHeroTitle {
    font-size: 43px !important;
  }

  .evPricing .evPriceCard .evPrice {
    font-size: 58px !important;
  }

  .evfCommunityNotice img {
    width: 190px !important;
  }
}

@media screen and (max-width: 620px) {
  .evTopbarInner {
    min-height: 78px !important;
  }

  .evBrandMark {
    width: 228px !important;
    height: 68px !important;
    max-width: 64vw !important;
  }

  .evHeroInner {
    min-height: auto !important;
    padding: 34px 0 58px !important;
    gap: 18px !important;
  }

  .evHeroVisual {
    min-height: 500px !important;
  }

  .evHeroPortrait {
    width: 94% !important;
  }

  .evHeroCopy {
    width: 100% !important;
    padding: 32px 24px 36px !important;
    border-radius: 28px 12px 28px 12px !important;
  }

  .evHeroTitle {
    font-size: 37px !important;
    line-height: 1.08 !important;
  }

  .evHeroLead {
    font-size: 18.5px !important;
  }

  .evHeroLogoCard {
    width: 290px !important;
    min-height: 70px !important;
    left: 0 !important;
    bottom: 38px !important;
  }

  .evHeroLogoCard img {
    max-height: 80px !important;
  }

  .evHeroNote {
    width: 146px !important;
    right: 0 !important;
    bottom: 3px !important;
    padding: 10px 11px !important;
    font-size: 11.8px !important;
  }

  .evSection {
    padding: 58px 0 !important;
  }

  .evSectionHead {
    margin-bottom: 34px !important;
  }

  .evfCommunityNotice {
    padding: 16px !important;
  }

  .evfCommunityNotice a {
    align-items: center !important;
    gap: 12px !important;
  }

  .evfCommunityNotice img {
    width: 128px !important;
    max-height: 68px !important;
  }

  .evfCommunityNoticeText strong {
    font-size: 13.5px !important;
  }

  .evfCommunityNoticeText span {
    font-size: 12px !important;
  }

  .evPricing .evPriceCard {
    padding: 28px 24px !important;
  }

  .evPricing .evPriceCard .evPrice {
    font-size: 50px !important;
  }

  .evPricing .evPriceCard .evPrice span {
    font-size: 16.5px !important;
  }

  .evFooter {
    padding-bottom: 118px !important;
  }
}

/* ===== 1.5.1 Logo clarity final ===== */
.evTopbarInner {
  min-height: 126px !important;
}

.evBrandMark {
  width: 330px !important;
  height: auto !important;
  max-width: 38vw !important;
  max-height: none !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.evHeroLogoCard {
  width: 430px !important;
  min-height: 0 !important;
  left: 0 !important;
  bottom: 20px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,0.30) !important;
  backdrop-filter: blur(4px) !important;
  box-shadow: 0 9px 24px rgba(52,44,55,0.08) !important;
}

.evHeroLogoCard img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.74)) !important;
}

.evHeroNote {
  right: -8px !important;
  bottom: 142px !important;
}

.evfCommunityNotice img {
  width: 270px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

@media screen and (max-width: 1080px) {
  .evTopbarInner {
    min-height: 116px !important;
  }

  .evBrandMark {
    width: 300px !important;
    height: auto !important;
    max-width: 48vw !important;
  }

  .evHeroLogoCard {
    width: 420px !important;
  }

  .evfCommunityNotice img {
    width: 245px !important;
  }
}

@media screen and (max-width: 820px) {
  .evTopbarInner {
    min-height: 100px !important;
  }

  .evBrandMark {
    width: 260px !important;
    max-width: 52vw !important;
  }

  .evHeroLogoCard {
    width: 360px !important;
  }

  .evHeroNote {
    bottom: 124px !important;
  }

  .evfCommunityNotice img {
    width: 210px !important;
  }
}

@media screen and (max-width: 620px) {
  .evTopbarInner {
    min-height: 82px !important;
  }

  .evBrandMark {
    width: 210px !important;
    height: auto !important;
    max-width: 63vw !important;
  }

  .evHeroLogoCard {
    width: 300px !important;
    min-height: 0 !important;
    left: 0 !important;
    bottom: 22px !important;
    padding: 5px 8px !important;
  }

  .evHeroLogoCard img {
    height: auto !important;
    max-height: none !important;
  }

  .evHeroNote {
    width: 142px !important;
    right: 0 !important;
    bottom: 118px !important;
  }

  .evfCommunityNotice img {
    width: 138px !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* ===== 1.5.2 Finaler Familien, Lokal SEO und Hero Feinschliff ===== */
/* Breiterer Hero Textkörper, dadurch ruhigere Zeilen und weniger visuelle Höhe. */
.evHero .evContainer {
  width: min(1300px, calc(100% - 64px)) !important;
}

.evHeroInner {
  grid-template-columns: minmax(470px, 0.92fr) minmax(610px, 1.08fr) !important;
  gap: clamp(68px, 5.2vw, 92px) !important;
}

.evHeroVisual {
  width: min(555px, 100%) !important;
  justify-self: end !important;
}

.evHeroCopy {
  width: min(650px, 100%) !important;
  max-width: 650px !important;
  padding: 42px 50px 44px !important;
  border-radius: 38px 14px 38px 14px !important;
}

.evHeroTitle {
  font-size: clamp(42px, 3.2vw, 53px) !important;
  line-height: 1.08 !important;
}

.evHeroLead {
  max-width: 555px !important;
}

.evHeroText {
  max-width: 555px !important;
}

/* Kleine Fachtexte etwas offener für Angehörige und Familien. */
.evRecognizeCard p,
.evFocusItem p,
.evParentCopy > p,
.evAboutCopy p,
.evStep p,
.evPracticeCard p,
.evFaqAnswer,
.evPracticeItem span,
.evAudienceNote {
  color: #5d555f !important;
}

/* Gemeinschaftspraxis lokal klar benennen, ohne Danielas Marke zu überlagern. */
.evfCommunityNotice {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.evfCommunityNoticeText strong {
  color: #493d4b !important;
}

/* Preisbereich erhält eine klare Blickachse, ohne werblich zu wirken. */
.evPricing .evPriceCard .evPrice {
  font-variant-numeric: tabular-nums !important;
}

.evPricing .evPriceCardFeatured {
  border-color: rgba(166, 127, 139, 0.30) !important;
  background: #f1e4e8 !important;
}

/* Fokuszustände sichtbar und passend zur eigenen Farbwelt. */
.evPage a:focus-visible,
.evPage summary:focus-visible,
.evPage button:focus-visible,
.evPage input:focus-visible,
.evPage select:focus-visible,
.evPage textarea:focus-visible {
  outline: 3px solid rgba(118, 94, 120, 0.34) !important;
  outline-offset: 4px !important;
}

@media screen and (max-width: 1180px) {
  .evHero .evContainer {
    width: min(1180px, calc(100% - 48px)) !important;
  }

  .evHeroInner {
    grid-template-columns: minmax(420px, 0.94fr) minmax(520px, 1.06fr) !important;
    gap: 54px !important;
  }

  .evHeroCopy {
    width: min(590px, 100%) !important;
    max-width: 590px !important;
    padding: 40px 44px 42px !important;
  }
}

@media screen and (max-width: 1080px) {
  .evHero .evContainer {
    width: min(100% - 40px, 920px) !important;
  }

  .evHeroInner {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .evHeroVisual,
  .evHeroCopy {
    justify-self: center !important;
  }

  .evHeroCopy {
    width: min(700px, 100%) !important;
    max-width: 700px !important;
  }
}

@media screen and (max-width: 620px) {
  .evHero .evContainer {
    width: min(100% - 24px, 620px) !important;
  }

  .evHeroCopy {
    width: 100% !important;
    padding: 30px 23px 34px !important;
  }

  .evHeroTitle {
    font-size: 36px !important;
  }
}


/* ===== 1.5.3 Finaler Kontrast, Logo und Verbindungsgrafik ===== */
/* Über mich: heller Text auf der satten Fläche, damit kleine Schrift ruhig lesbar bleibt. */
#ueber-mich .evAboutCopy p,
.evAboutSection .evAboutCopy p,
#ueber-mich .evAboutValue span,
.evAboutSection .evAboutValue span {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 400 !important;
}

#ueber-mich .evAboutCopy p,
.evAboutSection .evAboutCopy p {
  max-width: 680px !important;
  line-height: 1.78 !important;
}

#ueber-mich .evAboutValue,
.evAboutSection .evAboutValue {
  background: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

#ueber-mich .evAboutValue strong,
.evAboutSection .evAboutValue strong {
  color: #ffffff !important;
}

/* Logo im Portrait groß, aber ohne weiße Karte. Ein schmaler Froststreifen sorgt für Lesbarkeit. */
.evAboutLogo {
  width: min(385px, 78%) !important;
  left: -30px !important;
  bottom: 38px !important;
  padding: 7px 12px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.54), rgba(255,255,255,0.18)) !important;
  backdrop-filter: blur(3px) !important;
  box-shadow: 0 10px 28px rgba(45, 36, 48, 0.10) !important;
}

.evAboutLogo img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.82)) !important;
}

/* Verbindung statt Diagramm: drei ruhige Punkte und feine, organische Linien. */
.evfSystemVisual {
  margin: 30px 0 34px !important;
  padding: 6px 4px 4px !important;
}

.evfSystemVisual svg {
  width: 100% !important;
  height: auto !important;
  max-height: 170px !important;
  overflow: visible !important;
}

.evfSystemVisual .evfLink {
  stroke: #b998a5 !important;
  stroke-width: 1.55 !important;
  stroke-linecap: round !important;
  opacity: 0.72 !important;
}

.evfSystemVisual .evfLinkWide {
  opacity: 0.56 !important;
}

.evfSystemVisual .evfNode {
  fill: #755f78 !important;
  stroke: rgba(255,255,255,0.96) !important;
  stroke-width: 3 !important;
}

.evfSystemVisual .node-you {
  fill: #718392 !important;
}

.evfSystemVisual text {
  fill: #4d424f !important;
  font-size: 15.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

@media screen and (max-width: 820px) {
  .evAboutLogo {
    width: min(345px, 82%) !important;
    left: 10px !important;
    bottom: 28px !important;
  }

  .evfSystemVisual text {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 620px) {
  .evAboutLogo {
    width: min(300px, 88%) !important;
    left: 8px !important;
    bottom: 20px !important;
    padding: 6px 9px !important;
  }

  .evfSystemVisual {
    margin: 22px 0 26px !important;
  }

  .evfSystemVisual text {
    font-size: 14px !important;
  }
}

/* Mobile Navigation 1.5.6 */
@media screen and (max-width: 820px) {
  .evTopbar {
    position: relative !important;
    top: auto !important;
    backdrop-filter: none !important;
  }

  .evTopbar.is-scrolled {
    box-shadow: none !important;
  }

  .evHero {
    scroll-margin-top: 0 !important;
  }
}


/* Navigation und Termin CTA 1.5.7 */
.evNav a.evNavCta {
  padding: 11px 18px !important;
  border: 1px solid #8d6975 !important;
  border-radius: 999px !important;
  background: #8d6975 !important;
  color: #ffffff !important;
  font-weight: 650 !important;
  box-shadow: 0 8px 20px rgba(96, 68, 82, 0.13) !important;
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease !important;
}

.evNav a.evNavCta::after {
  display: none !important;
}

.evNav a.evNavCta:hover,
.evNav a.evNavCta:focus-visible,
.evNav a.evNavCta.is-current {
  background: #765766 !important;
  border-color: #765766 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

#themen,
#ansatz,
#ueber-mich,
#praxis,
#honorar,
#kontakt {
  scroll-margin-top: 126px !important;
}

.evfMobileJumpNav {
  display: none;
}

@media screen and (max-width: 1080px) {
  .evNav {
    gap: 20px !important;
  }

  .evNav a:not(.evNavCta) {
    display: none !important;
  }

  .evNav a.evNavCta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 820px) {
  .evTopbarInner {
    min-height: 78px !important;
  }

  .evNav a.evNavCta {
    padding: 9px 14px !important;
    font-size: 14px !important;
  }

  .evfMobileJumpNav {
    width: 100%;
    padding: 8px 14px 12px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 252, 253, 0.98);
    border-top: 1px solid rgba(94, 73, 98, 0.07);
  }

  .evfMobileJumpNav::-webkit-scrollbar {
    display: none;
  }

  .evfMobileJumpNav a {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(95, 73, 99, 0.16);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #554c57 !important;
    font-size: 13.5px !important;
    line-height: 1.2;
    font-weight: 560 !important;
    text-decoration: none !important;
    white-space: nowrap;
  }

  .evfMobileJumpNav a:focus-visible,
  .evfMobileJumpNav a:hover {
    border-color: #b88f9c;
    background: #f8eef1;
    color: #654f5c !important;
  }

  .evfMobileJumpNav a.evfMobileJumpCta {
    border-color: #8d6975;
    background: #8d6975;
    color: #ffffff !important;
    font-weight: 650 !important;
  }

  #themen,
  #ansatz,
  #ueber-mich,
  #praxis,
  #honorar,
  #kontakt {
    scroll-margin-top: 18px !important;
  }
}

@media screen and (max-width: 520px) {
  .evBrandMark {
    max-width: 58vw !important;
  }

  .evNav a.evNavCta {
    padding: 9px 12px !important;
    font-size: 13.5px !important;
  }
}


/* 1.5.8 Mobil mehr Luft zwischen Kopfbereich und Hero Bild */
@media screen and (max-width: 760px) {
  .evHero {
    padding-top: 14px !important;
  }

  .evHeroInner {
    gap: 22px !important;
  }

  .evHeroVisual {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 620px) {
  .evHero {
    padding-top: 18px !important;
  }

  .evHeroVisual {
    margin-top: 14px !important;
  }
}


/* 1.7.2 Performance: weniger Repaint und keine Scroll Animationen auf Touch Geräten */
.evTopbar {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(255, 252, 253, 0.985) !important;
}

@media screen and (max-width: 900px), (pointer: coarse) {
  html {
    scroll-behavior: auto !important;
  }

  .evfReveal,
  .evfReveal.is-visible,
  .evHeroVisual.evfReveal,
  .evHeroVisual.evfReveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .evAboutLogo,
  .evHeroLogoCard,
  .evQuick,
  .evTopbar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .evAboutLogo img,
  .evHeroLogoCard img {
    filter: none !important;
  }

  .evQuick {
    box-shadow: none !important;
  }

  .evfMobileJumpNav {
    overscroll-behavior-x: contain;
    scroll-snap-type: none !important;
  }
}


/* 1.7.3 Hero sofort sichtbar, keine LCP verzoegernde Reveal Animation */
.evHeroVisual,
.evHeroVisual.evfReveal,
.evHeroVisual.evfReveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}