/*!
Theme Name: Josephine Child Theme
Template: josephine
Version: 1.0.0
Theme URI: https://github.com/webmandesign/child-theme/
Author: WebMan Design
Author URI: https://www.webmandesign.eu/
License: GPL-3.0-or-later
License URI: https://www.gnu.org/licenses/gpl-3.0-standalone.html
*/

/* ================================================================
   MehrWert für Unternehmen – Startseite
   ================================================================ */

/* Grundlayout */
.is-style-page-header,
.wp-block-post-title {
  display: none;
}

html {
  background: #f8f5ef;
  background-image: none;
}

body {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  overflow-x: clip;
  background: #f8f5ef;
}

.wp-site-blocks,
main,
.entry-content {
  width: 100%;
  max-width: none;
  margin: 0;
}

/* MehrWert: automatische Silbentrennung in den vier Klarheit-Spalten */
.mw-idee-klarheit-item h3,
.mw-idee-klarheit-item p {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: normal;
  overflow-wrap: break-word;
}

/* Suchseite: Linienmotiv entsprechend dem Rechtstext-Seitenkopf */
.mw-search-hero .mw-legal-rule {
  position: relative;
  width: min(18rem, calc(100% - 0.5rem));
  height: 4px;
  border: 0;
  margin: clamp(1.5rem, 2.5vw, 2rem) 0 0 !important;
  background: #c62f3a;
}

.mw-search-hero .mw-legal-rule::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #c62f3a;
  transform: translateY(-50%);
  pointer-events: none;
}

.wp-site-blocks > header:first-child {
    margin-block-start: 0;
}

main,
.entry-content {
  padding: 0;
}

#entry-content {
  padding-block: 0 !important;
}

.entry-content > .wp-block-template-part {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}

.wp-block-template-part > .alignfull {
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

/* Header und Navigation */
.mehrwert-header {
  position: sticky;
  z-index: 9999;
  top: var(--wp-admin--admin-bar--height, 0px);
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin: 0 0 0 calc(50% - 50vw);
  border-bottom: 1px solid #e7e0d5;
  background: #fff;
  box-shadow: 0 2px 12px rgba(40, 38, 37, .07);
}

.mehrwert-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  max-width: 1320px;
  min-height: 110px;
  margin: 0 auto;
  padding: 12px 40px;
  gap: 32px;
}

.mehrwert-header__logo img {
  display: block;
  width: 320px;
  max-height: 84px;
  object-fit: contain;
  object-position: left center;
}

.mehrwert-header__nav {
  display: flex;
  align-items: center;
  gap: 32px;
}

.mehrwert-header__nav a {
  color: #282625;
  text-decoration: none;
  white-space: nowrap;
}

.mehrwert-header__nav a:hover {
  color: #c62f3a;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.mehrwert-header__nav a:focus-visible {
  outline: 3px solid #c62f3a;
  outline-offset: 4px;
}

/* Globaler CTA in der Navigation */
.wp-block-navigation .nav-erstgespraech > a,
.wp-block-navigation a.nav-erstgespraech {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .7rem 1.15rem;
  border-radius: 2px;
  background: #c62f3a;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.wp-block-navigation .nav-erstgespraech > a:hover,
.wp-block-navigation a.nav-erstgespraech:hover {
  background: #a9232d;
  color: #fff;
  text-decoration: none;
}

.wp-block-navigation .nav-erstgespraech > a:focus-visible,
.wp-block-navigation a.nav-erstgespraech:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px #282625;
}


/* Hero */
.mehrwert-hero {
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin: 0;
  background: #171717;
}

.mehrwert-hero .wp-block-cover__image-background {
  object-fit: contain;
  object-position: right center;
}

.mehrwert-hero .wp-block-cover__inner-container {
  width: min(calc(100% - 64px), 1280px);
  margin: 0 auto;
}

.mehrwert-hero__content {
  margin-right: auto;
  margin-left: 0;
}

.admin-bar .mehrwert-hero {
  min-height: calc(100svh - 142px);
}

.mehrwert-hero .wp-block-button__link.has-background {
  background-image: none;
  box-shadow: none;
}

.wp-block-button__link {
  text-transform: none;
}

.wp-block-button__link.has-primary-background-color {
  font-size: 1rem;
}

/* =========================================================
   VON DER IDEE ZUM GESCHÄFT – Hero
   Hero bewusst außerhalb des normalen 1280px-Contentrasters
   ========================================================= */

.mw-idee-hero .wp-block-cover__inner-container {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    box-sizing: border-box;
    padding-left: clamp(32px, 7vw, 120px);
    padding-right: clamp(32px, 7vw, 120px);
}

/* eigentlichen Textbereich begrenzen */
.mw-idee-hero .mw-hero-content {
    width: min(100%, 640px);
    max-width: 640px;
}

/* =========================================================
   MEHRWERT – EINHEITLICHE CONTENTBREITE
   ========================================================= */

.mw-content-width {
  box-sizing: border-box;
  width: min(calc(100% - 64px), 1280px) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 700px) {
  .mw-content-width {
    width: calc(100% - 48px) !important;
  }
}

/* FAQ auf dieselbe Contentbreite wie Hero / Über mich setzen */
.mehrwert-faq > .wp-block-group {
  box-sizing: border-box;
  width: min(calc(100% - 64px), 1280px);
  max-width: 1280px;
  margin-inline: auto;
}

@media (max-width: 700px) {
  .mehrwert-faq > .wp-block-group {
    width: calc(100% - 48px);
  }
}

/* Erfahrungsband */
.mehrwert-facts {
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: linear-gradient(115deg, #201f1e 0%, #302d2a 58%, #24352d 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.mehrwert-facts::after {
  position: absolute;
  top: -140px;
  right: -90px;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(198, 47, 58, .32);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(198, 47, 58, .035), 0 0 0 84px rgba(210, 185, 141, .025);
  content: "";
  pointer-events: none;
}

.mehrwert-facts > .mehrwert-facts__eyebrow {
  box-sizing: border-box;
  padding-top: 34px;
}

.mehrwert-facts > .wp-block-columns {
  position: relative;
  z-index: 1;
  padding-top: 28px;
  padding-bottom: 48px;
  gap: 0;
}

.mehrwert-facts .wp-block-column {
  position: relative;
  padding: 18px 32px 16px;
  border-left: 1px solid rgba(248, 245, 239, .18);
}

.mehrwert-facts .wp-block-column:first-child {
  padding-left: 0;
  border-left: 0;
}

.mehrwert-facts .wp-block-column:last-child {
  padding-right: 0;
}


/* Responsive Anpassungen fuer Header, Hero und Erfahrungsband */
@media (max-width: 900px) {
  .mehrwert-header__inner {
    padding-right: 20px;
    padding-left: 20px;
  }

  .mehrwert-facts > .wp-block-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .mehrwert-facts .wp-block-column {
    padding: 24px;
    border-top: 1px solid rgba(248, 245, 239, .18);
  }

  .mehrwert-facts .wp-block-column:nth-child(odd) {
    border-left: 0;
  }

  .mehrwert-facts .wp-block-column:first-child {
    padding: 24px;
  }
}

@media (max-width: 700px) {
  .mehrwert-hero {
    min-height: 620px;
  }

  .mehrwert-hero .wp-block-cover__inner-container {
    width: calc(100% - 48px);
  }

  .mehrwert-hero .wp-block-cover__image-background {
    object-fit: cover;
    object-position: 68% center;
  }
}

@media (max-width: 560px) {
  .mehrwert-facts > .mehrwert-facts__eyebrow {
    padding-top: 28px;
  }

  .mehrwert-facts > .wp-block-columns {
    grid-template-columns: 1fr;
    padding-top: 22px;
  }

  .mehrwert-facts .wp-block-column,
  .mehrwert-facts .wp-block-column:first-child {
    padding: 22px 0;
    border-left: 0;
  }
}

/* =========================================================
   BERATUNG – 01 / 02 / 03 / 04 sauber ausrichten
   ========================================================= */

#beratung .mw-situation-inner {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  column-gap: 0;
  align-items: stretch;
}

/* Zahl */
#beratung .mw-situation-inner > .wp-block-column:first-child {
  min-width: 0;
  width: auto !important;
  flex-basis: auto !important;
  padding-right: 1.5rem;
}

/* Text */
#beratung .mw-situation-inner > .wp-block-column:last-child {
  min-width: 0;
  width: auto !important;
  flex-basis: auto !important;

  border-left: 2px solid rgba(63, 59, 54, .24);
  padding-left: 1.5rem;
}

/* Gutenberg-Flexwerte neutralisieren */
#beratung .mw-situation-inner > .wp-block-column {
  flex-grow: 0 !important;
}

/* Mobil */
@media (max-width: 781px) {
  #beratung .mw-situation-inner {
    grid-template-columns: 5rem minmax(0, 1fr);
  }

  #beratung .mw-situation-inner > .wp-block-column:first-child {
    padding-right: 1rem;
  }

  #beratung .mw-situation-inner > .wp-block-column:last-child {
    padding-left: 1rem;
  }
}
/* =========================================================
   UEBER MICH
   ========================================================= */





@media (max-width: 781px) {

  
}

/* =========================================================
   FAQ
   ========================================================= */

/* Grundlayout */
#faq.mehrwert-faq {
  margin-block: 0;
}

#faq .mehrwert-faq__layout {
  width: 100%;
}

#faq .wp-block-heading {
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}


/* FAQ-Liste */
#faq .mehrwert-faq__items {
  border-top: 1px solid rgba(63, 59, 54, .24);
}


/* Einzelnes FAQ-Element */
#faq .mehrwert-faq__item {
  margin: 0;
  padding: 0;
  overflow: clip;

  border: 0;
  border-bottom: 1px solid rgba(63, 59, 54, .24);

  background: transparent;

  transition:
    box-shadow .2s ease,
    transform .2s ease;
}

#faq .mehrwert-faq__item:hover {
  box-shadow: 0 10px 30px rgba(17, 35, 27, .19);
  transform: translateX(4px);
}

#faq .mehrwert-faq__item[open] {
  box-shadow: 0 14px 36px rgba(17, 35, 27, .22);
}


/* Frage */
#faq .mehrwert-faq__item > summary {
  position: relative;
  display: block;
  min-height: 48px;

  padding:
    clamp(1.4rem, 2vw, 1.85rem)
    3.5rem
    clamp(1.4rem, 2vw, 1.85rem)
    0;

  color: inherit;

  font-size: clamp(1.18rem, 1.55vw, 1.48rem);
  font-weight: 500;
  line-height: 1.35;

  cursor: pointer;
  list-style: none;

  transition: color .18s ease;
}


/* Native Browser-Marker entfernen */
#faq .mehrwert-faq__item > summary::-webkit-details-marker {
  display: none;
}

#faq .mehrwert-faq__item > summary::marker {
  content: "";
}


/* Eigenes Plus-/Minus-Symbol
   inkl. vollständigem Reset des Theme-/Gutenberg-Icons */
#faq .mehrwert-faq__item > summary::after {
  content: "+";

  position: absolute;
  top: 50%;
  right: .3rem;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: none !important;
  background-image: none !important;
  box-shadow: none !important;

  transform: translateY(-50%);

  color: var(--wp--preset--color--secondary);
  font-size: 2rem;
  font-weight: 300;
  line-height: 1;
}

#faq .mehrwert-faq__item[open] > summary::after {
  content: "−";
}


/* Hover */
#faq .mehrwert-faq__item > summary:hover {
  color: var(--wp--preset--color--primary);
}


/* Tastaturfokus */
#faq .mehrwert-faq__item > summary:focus-visible {
  outline: 3px solid var(--wp--preset--color--primary);
  outline-offset: 5px;
  border-radius: 2px;
}


/* Antworttext */
#faq .mehrwert-faq__item > p {
  max-width: 43rem;
  margin: 0;
  padding: 0 4.25rem 1.9rem 0;
  font-size: 1.02rem;
  line-height: 1.72;
}

/* Mobil */
@media (max-width: 781px) {
  #faq .mehrwert-faq__item > summary {
    padding-right: 3rem;
  } 
}

/* Reduzierte Bewegung */
@media (prefers-reduced-motion: reduce) {

  #faq .mehrwert-faq__item,
  #faq .mehrwert-faq__item > summary {
    transition: none;
  } 
}
/* ---------------------------------------------------------
   Hover und Tastaturfokus
   --------------------------------------------------------- */

#faq.mehrwert-faq
details.mehrwert-faq__item
> summary:hover {
  color: var(--wp--preset--color--primary);
}

#faq.mehrwert-faq
details.mehrwert-faq__item
> summary:focus-visible {
  outline: 3px solid var(--wp--preset--color--primary);
  outline-offset: 5px;
  border-radius: 2px;
}


/* ---------------------------------------------------------
   Antworttext
   Bewusst begrenzte Lesebreite
   --------------------------------------------------------- */

#faq .mehrwert-faq__item > p {
  max-width: 43rem;
  margin: 0;
  padding: 0 4.25rem 1.9rem 0;
  font-size: 1.02rem;
  line-height: 1.72;
}


/* ---------------------------------------------------------
   Mobil
   --------------------------------------------------------- */

@media (max-width: 781px) {

  #faq .mehrwert-faq__layout {
    gap: 3.5rem;
  }

  #faq.mehrwert-faq
  details.mehrwert-faq__item
  > summary {
    padding-right: 3rem;
  }

  #faq .mehrwert-faq__item > p {
    padding-right: 1rem;
  }

  #faq .mehrwert-faq__intro {
    margin-bottom: 38px;
  }
}


/* ---------------------------------------------------------
   Barrierefreiheit: reduzierte Bewegung
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  #faq .mehrwert-faq__item {
    transition: none;
  }

  #faq .mehrwert-faq__item:hover {
    transform: none;
  }

  #faq.mehrwert-faq
  details.mehrwert-faq__item
  > summary {
    transition: none;
  }
}

/* =========================================================
   MehrWert fuer Unternehmen
   Zentrale Zusatzstyles
   ========================================================= */


/* =========================================================
   1. GEMEINSAME REDAKTIONELLE TEXTLINKS
   Wird verwendet fuer:
   - Mehr ueber mich
   - Meine Arbeitsweise kennenlernen
   - FAQ-Abschlusslink
   ========================================================= */

.mw-editorial-link a {
  color: var(--wp--preset--color--secondary);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: .35rem;
  transition: color .2s ease, border-color .2s ease;
}

.mw-editorial-link a:hover {
  color: var(--wp--preset--color--primary);
}

.mw-editorial-link a:focus-visible {
  outline: 3px solid var(--wp--preset--color--primary);
  outline-offset: 5px;
  border-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .mw-editorial-link a {
    transition: none;
  }
}


/* =========================================================
   2. ANGEBOT / LEISTUNGSNAVIGATION
   Aktuell technisch unter .mw-angebot
   ========================================================= */

.mw-angebot {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #142722;
}

.mw-angebot > * {
  position: relative;
  z-index: 1;
}

.mw-angebot::before,
.mw-angebot::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: min(58vw, 900px);
  aspect-ratio: 1;
  border: 1px solid #d2b98d;
  border-radius: 50%;
  background: #1B332C;
  pointer-events: none;
}

.mw-angebot::before {
  top: min(-38vw, -380px);
  right: min(-28vw, -280px);
}

.mw-angebot::after {
  right: min(-30vw, -300px);
  bottom: min(-43vw, -430px);
}

.mw-angebot .mw-angebot-zeile {
  display: grid;
  grid-template-columns:
    clamp(80px, 9vw, 120px)
    1px
    minmax(0, 1fr)
    clamp(42px, 5vw, 70px);
  column-gap: clamp(1.5rem, 3.5vw, 4rem);
  align-items: center;
  min-height: 190px;
  padding: clamp(2.5rem, 4vw, 4.5rem) 0;
}

.mw-angebot .mw-angebot-zeile.mw-mit-trennlinie {
  border-top: 2px solid rgba(210, 185, 141, .50);
}

.mw-angebot .mw-angebot-nummer {
  grid-column: 1;
}

.mw-angebot .mw-angebot-linie {
  display: block !important;
  grid-column: 2;
  width: 2px;
  min-height: 120px;
  padding: 0 !important;
  box-sizing: border-box;
  opacity: .65;
}

.mw-angebot .mw-angebot-inhalt {
  grid-column: 3;
  min-width: 0;
}

.mw-angebot .mw-angebot-pfeil {
  grid-column: 4;
  justify-self: end;
  transition: transform .22s ease, color .22s ease;
}

@media (max-width: 781px) {

  .mw-angebot::before,
  .mw-angebot::after {
    display: none;
  }

  .mw-angebot .mw-angebot-zeile {
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
      "nummer leer pfeil"
      "inhalt inhalt inhalt";
    column-gap: 1rem;
    row-gap: 1.75rem;
    min-height: 0;
    padding: 3rem 0;
  }

  .mw-angebot .mw-angebot-nummer {
    grid-area: nummer;
  }

  .mw-angebot .mw-angebot-linie {
    display: none !important;
  }

  .mw-angebot .mw-angebot-inhalt {
    grid-area: inhalt;
  }

  .mw-angebot .mw-angebot-pfeil {
    grid-area: pfeil;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mw-angebot .mw-angebot-pfeil {
    transition: none;
  }
}


/* =========================================================
   3. UEBER MICH
   ========================================================= */

#ueber-mich .mw-ueber-mich-bild,
#ueber-mich .mw-ueber-mich-bild figure {
  margin: 0;
}

#ueber-mich .mw-ueber-mich-bild img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 781px) {
  #ueber-mich .mw-ueber-mich-spalten {
    gap: 0;
  }

  #ueber-mich .mw-ueber-mich-bild {
    width: 100%;
  }
}


/* =========================================================
   4. GEMEINSAMER SALBEI-VERLAUF
   Fuer CTA und Arbeitsweise
   ========================================================= */

#cta.mw-cta-arbeitsweise,
#arbeitsweise.mw-arbeitsweise {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 18% 22%,
      rgba(255, 255, 255, .42) 0,
      rgba(255, 255, 255, 0) 40%
    ),
    linear-gradient(
      135deg,
      #eef1ea 0%,
      #dfe6dc 52%,
      #cfdacd 100%
    );
}

#cta.mw-cta-arbeitsweise > *,
#arbeitsweise > .wp-block-group {
  position: relative;
  z-index: 1;
}


/* CTA - dekorative Kreise */

#cta.mw-cta-arbeitsweise::before,
#cta.mw-cta-arbeitsweise::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border: 1px solid rgba(53, 89, 74, .11);
  border-radius: 50%;
}

#cta.mw-cta-arbeitsweise::before {
  width: min(42vw, 38rem);
  aspect-ratio: 1;
  top: min(-30vw, -23rem);
  right: min(-10vw, -6rem);
  background: rgba(255, 255, 255, .13);
}

#cta.mw-cta-arbeitsweise::after {
  width: min(58vw, 52rem);
  aspect-ratio: 1;
  right: min(-22vw, -15rem);
  bottom: min(-48vw, -38rem);
  background: rgba(255, 255, 255, .12);
}


/* Arbeitsweise - dekorative Kreise */

#arbeitsweise.mw-arbeitsweise::before,
#arbeitsweise.mw-arbeitsweise::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border: 1px solid rgba(53, 89, 74, .11);
  border-radius: 50%;
}

#arbeitsweise.mw-arbeitsweise::before {
  width: min(54vw, 52rem);
  aspect-ratio: 1;
  top: min(-42vw, -29rem);
  right: min(-12vw, -7rem);
  background: rgba(255, 255, 255, .13);
}

#arbeitsweise.mw-arbeitsweise::after {
  width: min(76vw, 72rem);
  aspect-ratio: 1;
  right: min(-26vw, -19rem);
  bottom: min(-62vw, -49rem);
  background: rgba(255, 255, 255, .12);
}


/* =========================================================
   5. STARTSEITE - ABSCHNITTE OHNE AUSSENABSTAND
   Bewusst etwas gezielter als die alte globale Regel
   ========================================================= */

body.home #entry-content > .wp-block-group {
  margin-top: 0;
  margin-bottom: 0;
}


/* =========================================================
   6. ARBEITSWEISE
   ========================================================= */

#arbeitsweise .mw-arbeitsweise-motiv {
  position: relative;
  overflow: hidden;
}

#arbeitsweise .mw-arbeitsweise-motiv figure {
  margin: 0;
}

#arbeitsweise .mw-arbeitsweise-motiv img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

#arbeitsweise .mw-arbeitsweise-label {
  position: absolute;
  z-index: 2;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  color: #fff;
  font-size: clamp(.9rem, 1.3vw, 1.2rem);
  font-weight: 500;
  letter-spacing: .14em;
  line-height: 1.2;
  display: none;
}

#arbeitsweise .mw-arbeitsweise-label::after {
  content: "";
  display: block;
  width: 2rem;
  height: 1px;
  margin: 1rem auto 0;
  background: currentColor;
}

#arbeitsweise .mw-arbeitsweise-nummer {
  margin: 0;
  color: color-mix(
    in srgb,
    var(--wp--preset--color--secondary) 40%,
    transparent
  );
  font-size: clamp(2.75rem, 4.2vw, 4.25rem);
  font-weight: 300;
  line-height: 1;
}

#arbeitsweise .mw-arbeitsweise-beschreibung {
  border-left: 2px solid color-mix(
    in srgb,
    var(--wp--preset--color--secondary) 40%,
    transparent
  );
  padding-left: var(--wp--preset--spacing--30);
}


/* Tablet */

@media (max-width: 980px) and (min-width: 782px) {

  #arbeitsweise .mw-arbeitsweise-schritte {
    flex-wrap: wrap;
  }

  #arbeitsweise .mw-arbeitsweise-schritt {
    flex-basis: calc(50% - 1rem) !important;
  }
}


/* Smartphone */

@media (max-width: 781px) {

  #arbeitsweise .mw-arbeitsweise-schritte {
    gap: 3.5rem;
  }

  #arbeitsweise .mw-arbeitsweise-motiv {
    display: flex;
    flex-direction: column;
    overflow: visible;
  }

  #arbeitsweise .mw-arbeitsweise-label {
    position: static;
    order: 0;
    transform: none;
    color: var(--wp--preset--color--contrast);
    font-size: .9rem;
    text-shadow: none;
    margin-bottom: 1rem;
  }

  #arbeitsweise .mw-arbeitsweise-label::after {
    display: none;
  }

  #arbeitsweise .mw-arbeitsweise-motiv figure {
    order: 1;
  }

  #arbeitsweise .mw-arbeitsweise-text {
    flex-wrap: nowrap !important;
    gap: 1rem;
  }

  #arbeitsweise .mw-arbeitsweise-text > .wp-block-column:first-child {
    flex-basis: 22% !important;
  }

  #arbeitsweise
  .mw-arbeitsweise-text
  > .mw-arbeitsweise-beschreibung {
    flex-basis: 78% !important;
  }
}


/* =========================================================
   7. GESPRAECHSABSCHLUSS
   ========================================================= */

#erst-einmal-sprechen .mw-gespraechsabschluss-zeile {
  display: block;
}

#erst-einmal-sprechen .mw-gespraechsabschluss-fortsetzung {
  display: block;
  margin-top: clamp(1.75rem, 3vw, 3.25rem);
  font-size: .7em;
  line-height: 1.12;
}

#erst-einmal-sprechen
.mw-gespraechsabschluss-button
.wp-block-button__link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#erst-einmal-sprechen
.mw-gespraechsabschluss-button
.wp-block-button__link:focus-visible {
  outline: 3px solid var(--wp--preset--color--base);
  outline-offset: 4px;
}

@media (max-width: 781px) {

  #erst-einmal-sprechen .mw-gespraechsabschluss-spalten {
    gap: 3rem;
  }

  #erst-einmal-sprechen .mw-gespraechsabschluss-zeile {
    display: inline;
  }

  #erst-einmal-sprechen .mw-gespraechsabschluss-headline {
    font-size: clamp(2.5rem, 11vw, 4rem) !important;
  }

  #erst-einmal-sprechen .mw-gespraechsabschluss-fortsetzung {
    margin-top: 1.5rem;
    font-size: .72em;
  }
}

/* Erstgespräch – Hintergrundmotiv „Ihr Anliegen“ */
.mw-anliegen {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(
      circle at 18% 22%,
      rgba(255, 255, 255, 0.42) 0,
      rgba(255, 255, 255, 0) 40%
    ),
    linear-gradient(
      135deg,
      rgb(238, 241, 234) 0%,
      rgb(223, 230, 220) 52%,
      rgb(207, 218, 205) 100%
    ) !important;
}

.mw-anliegen::before,
.mw-anliegen::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border: 1px solid rgba(53, 89, 74, 0.11);
  border-radius: 50%;
}

.mw-anliegen::before {
  width: min(54vw, 52rem);
  aspect-ratio: 1 / 1;
  top: min(-42vw, -29rem);
  right: min(-12vw, -7rem);
  background: rgba(255, 255, 255, 0.13);
}

.mw-anliegen::after {
  width: min(76vw, 72rem);
  aspect-ratio: 1 / 1;
  right: min(-26vw, -19rem);
  bottom: min(-62vw, -49rem);
  background: rgba(255, 255, 255, 0.12);
}

/* =========================================================
   8. STARTSEITEN-HERO
   ========================================================= */

.mw-home-hero {
  position: relative;
  min-height: 820px;
  overflow: hidden;
}

.mw-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(20, 31, 28, 0.96) 0%,
    rgba(20, 31, 28, 0.90) 27%,
    rgba(20, 31, 28, 0.68) 43%,
    rgba(20, 31, 28, 0.34) 58%,
    rgba(20, 31, 28, 0.10) 72%,
    rgba(20, 31, 28, 0) 84%
  );
}

.mw-home-hero > .wp-block-cover__image-background {
  object-position: 68% 50%;
}

.mw-home-hero > .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
  width: 100%;
}

.mw-home-hero-content {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  min-height: 820px;
  padding: clamp(3.5rem, 7vw, 7rem) clamp(2rem, 7vw, 7.5rem);
  align-items: flex-start !important;
  justify-content: center !important;
}

.mw-home-hero-content > * {
  width: 100%;
  max-width: 640px;
  margin-left: 0;
  margin-right: 0;
}

/* Startseiten-Hero – sehr breite Desktopansichten */
@media (min-width: 1680px) {
  .mw-home-hero.mw-home-hero-wide {
    background-color: rgb(20, 31, 28);
  }

  .mw-home-hero.mw-home-hero-wide
  > .wp-block-cover__image-background {
    object-fit: contain;
    object-position: right center;
  }

  .mw-home-hero.mw-home-hero-wide
  .mw-home-hero-content {
    padding-left: calc((100vw - 1680px) / 2 + 120px);
  }
}

/* =========================================================
   VON DER IDEE ZUM GESCHAEFT – FRAGEN
   ========================================================= */

.mw-idee-fragen {
  box-sizing: border-box;
  padding: clamp(3.5rem, 5vw, 4.5rem) clamp(2rem, 6vw, 5rem) var(--wp--preset--spacing--content) !important;
  color: var(--wp--preset--color--contrast);
}

.mw-idee-fragen-eyebrow {
  margin: 0;
  color: #476a57;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1.5;
}

.mw-idee-fragen-heading {
  max-width: 76rem;
  margin-top: 0.75rem !important;
  margin-bottom: 0 !important;
  font-size: clamp(3rem, 4.8vw, 5rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.08;
}

.mw-idee-fragen-intro {
  max-width: 66rem;
  margin-top: 1.75rem !important;
  margin-bottom: 0 !important;
  font-size: clamp(1.2rem, 1.6vw, 1.45rem);
  line-height: 1.6;
}

.mw-idee-fragen-liste {
  margin-top: 2.5rem !important;
}

.mw-idee-fragen .mw-idee-frage {
  display: grid;
  grid-template-columns: clamp(7rem, 10vw, 9.5rem) minmax(0, 1fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  min-height: 5.25rem;
  margin: 0;
  padding: 1.25rem 0;
  border-bottom: 2px solid rgba(116, 107, 94, 0.26);
}

.mw-idee-fragen .mw-idee-frage::after {
  content: none;
  display: none;
}

.mw-idee-fragen .mw-idee-frage-nummer {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin: 0;
  color: #cfc5b5;
  font-size: clamp(2rem, 5.1vw, 4rem);
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 1;
}

.mw-idee-fragen .mw-idee-frage-nummer::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 3rem;
  background: rgba(116, 107, 94, 0.48);
  transform: translateY(-50%);
}

.mw-idee-fragen .mw-idee-frage-text {
  max-width: 66rem;
  margin: 0;
  font-size: calc(pow(var(--theme--mod--typography_modular_scale), 1) * 1em);
  line-height: 1.4;
}

.mw-idee-fragen .mw-idee-frage-text strong {
  font-weight: 650;
}

.mw-idee-fragen-fazit {
  margin-top: 4rem !important;
  padding-left: clamp(1.75rem, 3vw, 3rem);
}

.mw-idee-fragen-fazit p {
  margin: 0;
  font-size: clamp(1.4rem, 1.8vw, 1.65rem);
  line-height: 1.45;
}

.mw-idee-fragen-fazit .mw-idee-fragen-fazit-akzent {
  color: #c62f3a;
  font-weight: 600;
}

@media (max-width: 781px) {
  .mw-idee-fragen {
    padding-inline: 1.5rem !important;
  }

  .mw-idee-fragen-heading {
    font-size: clamp(2.5rem, 11vw, 3.7rem);
  }

  .mw-idee-fragen-liste {
    margin-top: 3.5rem;
  }

  .mw-idee-fragen .mw-idee-frage {
    grid-template-columns: 4.75rem minmax(0, 1fr);
    gap: 1.25rem;
    min-height: 0;
    padding: 1.5rem 0;
  }

  .mw-idee-fragen .mw-idee-frage-nummer {
    font-size: clamp(2rem, 5.1vw, 4rem);
  }

  .mw-idee-fragen .mw-idee-frage-nummer::after {
    height: 2.5rem;
  }

  .mw-idee-fragen .mw-idee-frage-text {
    font-size: calc(pow(var(--theme--mod--typography_modular_scale), 1) * 1em);
  }

  .mw-idee-fragen-fazit {
    margin-top: 4rem;
    padding-left: 1.5rem;
  }
}


/* Einheitliches Inhaltsraster: Idee-Fragen */
.mw-idee-fragen > .mw-idee-fragen-eyebrow,
.mw-idee-fragen > .mw-idee-fragen-heading,
.mw-idee-fragen > .mw-idee-fragen-intro,
.mw-idee-fragen > .mw-idee-fragen-liste,
.mw-idee-fragen > .mw-idee-fragen-fazit {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}


/* =========================================================
   VON DER IDEE ZUM GESCHAEFT – ERST VERSTEHEN, DANN INVESTIEREN
   ========================================================= */

.mw-idee-pruefen {
  box-sizing: border-box;
  margin: 0;
  padding: var(--wp--preset--spacing--content) clamp(2rem, 6vw, 5rem) !important;
  overflow: clip;
  color: #f8f5ef;
  background: #152720;
}

.mw-idee-pruefen > .mw-idee-pruefen-content,
.mw-idee-pruefen > .mw-idee-pruefen-fazit {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.mw-idee-pruefen > .mw-idee-pruefen-content {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0;
  align-items: center;
}

.mw-idee-pruefen-content > .wp-block-column:first-child {
  grid-column: 1 / 7;
  grid-row: 1;
  min-width: 0;
  z-index: 2;
}

.mw-idee-pruefen-content > .wp-block-column:last-child {
  grid-column: 6 / 13;
  grid-row: 1;
  min-width: 0;
  z-index: 1;
}

.mw-idee-pruefen-eyebrow {
  margin: 0;
  color: #d2b98d;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1.5;
}

.mw-idee-pruefen-heading {
  max-width: 46rem;
  margin-top: 0.75rem !important;
  margin-bottom: 0 !important;
  color: #f8f5ef;
  font-size: clamp(2.8rem, 4.2vw, 4rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.mw-idee-pruefen-copy {
  max-width: 43rem;
  margin-top: clamp(2.25rem, 4vw, 3.5rem) !important;
  margin-left: 0 !important;
}

.mw-idee-pruefen-copy p {
  margin-top: 0;
  color: #f8f5ef;
  font-size: clamp(1.05rem, 1.35vw, 1.15rem);
  line-height: 1.7;
}

.mw-idee-pruefen-copy p + p {
  margin-top: 1.5rem;
}

.mw-idee-pruefen-visual {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mw-idee-pruefen-grafik {
  width: 115%;
  max-width: none;
  margin-inline: -15% 0;
}

.mw-idee-pruefen-grafik img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.mw-idee-pruefen-fazit {
  margin-top: clamp(4.5rem, 7vw, 6rem) !important;
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
}

.mw-idee-pruefen-fazit p {
  max-width: 62rem;
  margin: 0;
  color: #f8f5ef;
  font-size: clamp(1.35rem, 2vw, 1.65rem);
  line-height: 1.45;
}

.mw-idee-pruefen-fazit .mw-idee-pruefen-fazit-akzent {
  color: #c62f3a;
  font-weight: 600;
}

@media (max-width: 781px) {
  .mw-idee-pruefen {
    padding: 5rem 1.5rem 6rem !important;
  }

  .mw-idee-pruefen > .mw-idee-pruefen-content {
    display: block;
  }

  .mw-idee-pruefen-content > .wp-block-column + .wp-block-column {
    margin-top: 3.5rem;
  }

  .mw-idee-pruefen-grafik {
    width: 100%;
    margin-inline: auto;
  }

  .mw-idee-pruefen-heading {
    font-size: clamp(2.4rem, 10vw, 3.4rem);
  }

  .mw-idee-pruefen-grafik {
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
  }

  .mw-idee-pruefen-fazit {
    margin-top: 4rem !important;
    padding-left: 1.5rem;
  }
}

/* ================================================================
   Von der Idee zum Geschäft – Von der Idee zum Modell
   ================================================================ */

.mw-idee-modell {
  box-sizing: border-box;
  margin: 0;
  padding: var(--wp--preset--spacing--content) clamp(2rem, 6vw, 5rem) !important;
  color: #282625;
  background: #f8f5ef;
}

.mw-idee-modell-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

.mw-idee-modell-eyebrow {
  margin: 0;
  color: #476a57;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1.5;
}

.mw-idee-modell-heading {
  max-width: 58rem;
  margin-top: 0.75rem !important;
  margin-bottom: 0 !important;
  color: #282625;
  font-size: clamp(2.6rem, 4vw, 4rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.mw-idee-modell-akzent {
  color: #c62f3a;
}

.mw-idee-modell-einleitung {
  max-width: 58rem;
  margin-top: 1.5rem !important;
  margin-left: 0 !important;
  color: #282625;
  font-size: 1.1rem;
  line-height: 1.7;
}

.mw-idee-modell-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(3rem, 5vw, 4.5rem) !important;
  counter-reset: mw-idee-modell;
}

.mw-idee-modell-item {
  display: grid;
  grid-template-columns: clamp(5rem, 8vw, 7.5rem) minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: clamp(1.25rem, 2.5vw, 2.5rem);
  align-content: start;
  box-sizing: border-box;
  min-width: 0;
  padding: clamp(2rem, 3.5vw, 3rem) clamp(2rem, 4vw, 3.5rem);
  counter-increment: mw-idee-modell;
}

.mw-idee-modell-item:nth-child(even) {
  border-left: 2px solid rgba(210, 185, 141, 0.68);
}

.mw-idee-modell-item:nth-child(n + 3) {
  border-top: 2px solid rgba(210, 185, 141, 0.68);
}

.mw-idee-modell-item::before {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: start;
  content: counter(mw-idee-modell, decimal-leading-zero);
  color: rgba(210, 185, 141, 0.52);
  font-size: clamp(4.5rem, 7vw, 7rem);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.85;
}

.mw-idee-modell-item-heading {
  grid-column: 2;
  margin: 0 0 0.75rem !important;
  color: #282625;
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
  font-weight: 600;
  line-height: 1.25;
}

.mw-idee-modell-item > p {
  grid-column: 2;
  margin: 0;
  color: #282625;
  font-size: 1.05rem;
  line-height: 1.65;
}

.mw-idee-modell-fazit {
  max-width: 74rem;
  margin-top: clamp(3.5rem, 6vw, 5rem) !important;
  margin-left: 0 !important;
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid #c62f3a;
}

.mw-idee-modell-fazit p {
  margin: 0;
  color: #282625;
  font-size: clamp(1.3rem, 2vw, 1.65rem);
  font-weight: 600;
  line-height: 1.45;
}

@media (max-width: 781px) {
  .mw-idee-modell {
    padding: 5rem 1.5rem 6rem !important;
  }

  .mw-idee-modell-heading {
    font-size: clamp(2.35rem, 10vw, 3.25rem);
  }

  .mw-idee-modell-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3rem !important;
  }

  .mw-idee-modell-item {
    grid-template-columns: 4.5rem minmax(0, 1fr);
    column-gap: 1.25rem;
    padding: 2rem 0;
    border-left: 0 !important;
  }

  .mw-idee-modell-item:nth-child(n + 2) {
    border-top: 2px solid rgba(210, 185, 141, 0.68);
  }

  .mw-idee-modell-item::before {
    font-size: 4rem;
  }

  .mw-idee-modell-fazit {
    margin-top: 3.5rem !important;
  }
}

/* Korrektur: Von der Idee zum Modell – bündige Gutenberg-Struktur */
.mw-idee-modell-eyebrow,
.mw-idee-modell-heading,
.mw-idee-modell-einleitung,
.mw-idee-modell-item-heading,
.mw-idee-modell-item > p,
.mw-idee-modell-fazit,
.mw-idee-modell-fazit p {
  text-align: left;
}

.mw-idee-modell-heading,
.mw-idee-modell-einleitung {
  width: 100%;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.mw-idee-modell-grid {
  position: relative;
}

.mw-idee-modell-grid::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  content: "";
  background: rgba(210, 185, 141, 0.68);
  transform: translateX(-1px);
  pointer-events: none;
}

.mw-idee-modell-item {
  align-items: start;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
}

.mw-idee-modell-item:nth-child(odd) {
  padding-left: 0;
}

.mw-idee-modell-item:nth-child(even) {
  padding-right: 0;
  border-left: 0;
}

.mw-idee-modell-item-heading,
.mw-idee-modell-item > p {
  width: 100%;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mw-idee-modell-fazit {
  width: 100%;
  margin-right: 0 !important;
}

.mw-idee-modell-fazit p {
  width: 100%;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 781px) {
  .mw-idee-modell-grid::before {
    display: none;
  }

  .mw-idee-modell-item:nth-child(odd),
  .mw-idee-modell-item:nth-child(even) {
    padding-right: 0;
    padding-left: 0;
  }
}



/* Gutenberg-Editor: Modell-Block bündig und in realistischer Inhaltsbreite */
.editor-styles-wrapper .mw-idee-modell .mw-idee-modell-inner {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 1280px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.editor-styles-wrapper .mw-idee-modell .mw-idee-modell-eyebrow,
.editor-styles-wrapper .mw-idee-modell .mw-idee-modell-heading,
.editor-styles-wrapper .mw-idee-modell .mw-idee-modell-einleitung,
.editor-styles-wrapper .mw-idee-modell .mw-idee-modell-item-heading,
.editor-styles-wrapper .mw-idee-modell .mw-idee-modell-item > p,
.editor-styles-wrapper .mw-idee-modell .mw-idee-modell-fazit,
.editor-styles-wrapper .mw-idee-modell .mw-idee-modell-fazit p {
  text-align: left !important;
}


.editor-styles-wrapper .mw-idee-modell .mw-idee-modell-item {
  grid-template-columns: clamp(6rem, 10vw, 7.5rem) minmax(0, 1fr);
}


/* =========================================================
   VON DER IDEE ZUM GESCHÄFT – KLARHEIT
   ========================================================= */

.mw-idee-klarheit {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: 0 clamp(2rem, 6vw, 5rem) clamp(6rem, 8vw, 8rem) !important;
  padding-block-start: 0 !important;
  overflow: hidden;
  color: #282625;
  background: #eef1ea !important;
}

.mw-idee-klarheit-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

.mw-idee-klarheit-top {
  display: grid !important;
  grid-template-columns: minmax(0, 47fr) minmax(0, 53fr);
  align-items: center;
  gap: 0;
}

.mw-idee-klarheit-text {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  min-width: 0;
  padding-right: clamp(2.5rem, 5vw, 5rem);
}

.mw-idee-klarheit-text::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: -5rem;
  bottom: 0;
  width: 7rem;
  content: "";
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(223, 230, 220, .98) 0%,
    rgba(223, 230, 220, .74) 34%,
    rgba(223, 230, 220, .28) 68%,
    rgba(223, 230, 220, 0) 100%
  );
}

.mw-idee-klarheit-eyebrow {
  margin: 0;
  color: #536c60;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .15em;
  line-height: 1.5;
}

.mw-idee-klarheit-heading {
  max-width: 38rem;
  margin: .75rem 0 2rem !important;
  color: #282625;
  font-size: clamp(2.5rem, 3.8vw, 3.7rem);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.1;
}

.mw-idee-klarheit-akzent {
  color: #c62f3a;
}

.mw-idee-klarheit-text > p:not(.mw-idee-klarheit-eyebrow) {
  max-width: 39rem;
  margin: 0 0 1.25rem;
  color: #282625;
  font-size: 1.05rem;
  line-height: 1.7;
}

.mw-idee-klarheit-text > .mw-idee-klarheit-kernsatz {
  margin-block: 1.65rem;
  font-size: 1.15rem;
  line-height: 1.55;
}

.mw-idee-klarheit-bild {
  position: relative;
  z-index: 1;
  align-self: stretch;
  min-width: 0;
  margin: 0;
}

.mw-idee-klarheit-bild img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: right center;
}

.mw-idee-klarheit-bild figcaption {
  position: absolute;
  z-index: 2;
  bottom: .75rem;
  left: .75rem;
  margin: 0;
  padding: .25rem .5rem;
  color: #fff;
  background: rgba(40, 38, 37, .72);
  font-size: .72rem;
  letter-spacing: .04em;
  line-height: 1.3;
}

.mw-idee-klarheit-nutzen {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(4.5rem, 7vw, 7rem) !important;
}

.mw-idee-klarheit-item {
  min-width: 0;
  margin-top: 0 !important;
  padding: 0 clamp(1.5rem, 2.5vw, 2.5rem);
}

.mw-idee-klarheit-item:first-child {
  padding-left: 0;
}

.mw-idee-klarheit-item + .mw-idee-klarheit-item {
  border-left: 2px solid rgba(210, 185, 141, .78);
}

.mw-idee-klarheit-icon {
  position: relative;
  display: block !important;
  width: 4rem;
  height: 4rem;
  margin: 0 0 1.5rem !important;
  border-radius: 50%;
  background: rgba(210, 185, 141, .28);
}

.mw-idee-klarheit-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  margin: 0;
  content: "";
  transform: translate(-50%, -50%);
  background: #c62f3a;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  place-self: center;
  margin: 0;
}

.mw-idee-klarheit-icon-kompass::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15 9-2 4-4 2 2-4 4-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15 9-2 4-4 2 2-4 4-2Z'/%3E%3C/svg%3E");
}

.mw-idee-klarheit-icon-wegweiser::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V4M12 5H5l-2 3 2 3h7M12 9h7l2 3-2 3h-7'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V4M12 5H5l-2 3 2 3h7M12 9h7l2 3-2 3h-7'/%3E%3C/svg%3E");
}

.mw-idee-klarheit-icon-blatt::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4C12 4 6 8 6 14c0 3 2 5 5 5 6 0 9-7 9-15Z'/%3E%3Cpath d='M4 21c2-6 6-9 12-12'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4C12 4 6 8 6 14c0 3 2 5 5 5 6 0 9-7 9-15Z'/%3E%3Cpath d='M4 21c2-6 6-9 12-12'/%3E%3C/svg%3E");
}

.mw-idee-klarheit-icon-entwicklung::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V12h4v8M10 20V8h4v12M16 20V4h4v16M3 20h18'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V12h4v8M10 20V8h4v12M16 20V4h4v16M3 20h18'/%3E%3C/svg%3E");
}

.mw-idee-klarheit-item h3 {
  margin: 0 0 .9rem;
  color: #282625;
  font-size: clamp(1.2rem, 1.55vw, 1.45rem);
  font-weight: 600;
  line-height: 1.3;
}

.mw-idee-klarheit-item > p {
  margin: 0;
  color: #282625;
  font-size: 1rem;
  line-height: 1.65;
}

.mw-idee-klarheit-fazit {
  max-width: 72rem;
  margin: clamp(4.5rem, 7vw, 7rem) 0 0 !important;
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid #c62f3a;
}

.mw-idee-klarheit-fazit p {
  margin: 0;
  color: #282625;
  font-size: clamp(1.3rem, 2vw, 1.65rem);
  font-weight: 600;
  line-height: 1.45;
}

@media (max-width: 980px) {
  .mw-idee-klarheit-top {
    grid-template-columns: minmax(0, 1fr);
  }

  .mw-idee-klarheit-text {
    padding-right: 0;
  }

  .mw-idee-klarheit-text::after {
    display: none;
  }

  .mw-idee-klarheit-bild {
    margin-top: 3rem;
  }

  .mw-idee-klarheit-bild img {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .mw-idee-klarheit-nutzen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 3rem;
  }

  .mw-idee-klarheit-item:nth-child(3) {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 781px) {
  .mw-idee-klarheit {
    padding: 5rem 1.5rem 6rem !important;
  }

  .mw-idee-klarheit-heading {
    font-size: clamp(2.25rem, 10vw, 3.1rem);
  }

  .mw-idee-klarheit-nutzen {
    grid-template-columns: minmax(0, 1fr);
  }

  .mw-idee-klarheit-item,
  .mw-idee-klarheit-item:first-child {
    padding: 2.25rem 0 0;
    border-top: 2px solid rgba(210, 185, 141, .78);
    border-left: 0 !important;
  }

  .mw-idee-klarheit-item:first-child {
    padding-top: 0;
    border-top: 0;
  }
}

/* Gutenberg-Editor: Klarheits-Block realistisch abbilden */
.editor-styles-wrapper .mw-idee-klarheit-inner {
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

.editor-styles-wrapper .mw-idee-klarheit,
.editor-styles-wrapper .mw-idee-klarheit-text,
.editor-styles-wrapper .mw-idee-klarheit-heading,
.editor-styles-wrapper .mw-idee-klarheit-text > p,
.editor-styles-wrapper .mw-idee-klarheit-item h3,
.editor-styles-wrapper .mw-idee-klarheit-item > p,
.editor-styles-wrapper .mw-idee-klarheit-fazit,
.editor-styles-wrapper .mw-idee-klarheit-fazit p {
  text-align: left !important;
}


/* Klarheits-Block: Komposition nach freigegebenem Mock-up */
.mw-idee-klarheit-top {
  position: relative;
  isolation: isolate;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
}

.mw-idee-klarheit-top::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(
    90deg,
    #eef1ea 0%,
    rgba(238, 241, 234, .98) 32%,
    rgba(238, 241, 234, .82) 43%,
    rgba(238, 241, 234, .46) 53%,
    rgba(238, 241, 234, .12) 64%,
    rgba(238, 241, 234, 0) 74%
  );
}

.mw-idee-klarheit-text {
  z-index: 2;
  grid-area: 1 / 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 48%;
  padding: clamp(2.5rem, 4vw, 4rem) clamp(2.5rem, 5vw, 5rem) clamp(2.5rem, 4vw, 4rem) 0;
}

.mw-idee-klarheit-text::after {
  display: none;
}

.mw-idee-klarheit-bild {
  z-index: 0;
  grid-area: 1 / 1;
  align-self: auto;
  width: 100%;
  margin: 0;
}

.mw-idee-klarheit-bild img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
}

.mw-idee-klarheit-bild figcaption {
  left: calc(50% + .75rem);
}

.mw-idee-klarheit-nutzen {
  margin-top: clamp(2.5rem, 4vw, 4rem) !important;
}

.mw-idee-klarheit-fazit {
  max-width: 65rem;
}

@media (max-width: 980px) {
  .mw-idee-klarheit-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
  }

  .mw-idee-klarheit-top::before {
    display: none;
  }

  .mw-idee-klarheit-text {
    grid-area: auto;
    width: 100%;
    padding: 0;
  }

  .mw-idee-klarheit-bild {
    grid-area: auto;
    margin-top: 3rem;
  }

  .mw-idee-klarheit-bild figcaption {
    left: .75rem;
  }
}


/* Klarheits-Block: natürliches Panorama-Seitenverhältnis */
.mw-idee-klarheit-bild {
  align-self: start;
  height: auto !important;
}

.mw-idee-klarheit-bild img {
  height: auto !important;
  min-height: 0 !important;
}


/* Klarheits-Block: exaktes Seitenverhältnis des Originalbildes */
.mw-idee-klarheit-top {
  aspect-ratio: 1672 / 941;
  margin-right: calc(50% - 50vw) !important;
}

.mw-idee-klarheit-text {
  padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 2.5vw, 2.5rem);
}

.mw-idee-klarheit-heading {
  margin-bottom: 1.5rem !important;
  font-size: clamp(2.35rem, 3.4vw, 3.35rem);
}

.mw-idee-klarheit-text > p:not(.mw-idee-klarheit-eyebrow) {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  line-height: 1.65;
}

.mw-idee-klarheit-text > .mw-idee-klarheit-kernsatz {
  margin-block: 1.25rem;
  font-size: 1.1rem;
}

.mw-idee-klarheit-bild {
  align-self: stretch;
  height: 100% !important;
}

.mw-idee-klarheit-bild img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

@media (max-width: 980px) {
  .mw-idee-klarheit-top {
    aspect-ratio: auto;
    margin-right: 0 !important;
  }

  .mw-idee-klarheit-bild {
    height: auto !important;
  }

  .mw-idee-klarheit-bild img {
    height: auto !important;
    object-fit: contain;
  }
}


/* Klarheits-Block: intrinsische Grid-Mindesthöhe neutralisieren */
.mw-idee-klarheit-top,
.mw-idee-klarheit-text,
.mw-idee-klarheit-bild,
.mw-idee-klarheit-bild img {
  min-height: 0 !important;
}

.mw-idee-klarheit-top {
  overflow: hidden;
}


/* Klarheits-Block: Abschlussstatement wie im Mock-up zweizeilig */
.mw-idee-klarheit-fazit-dunkel,
.mw-idee-klarheit-fazit .mw-idee-klarheit-akzent {
  display: block;
}

/* =========================================================
   VON DER IDEE ZUM GESCHÄFT – AUS EIGENER ERFAHRUNG
   ========================================================= */

.mw-idee-erfahrung {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: var(--wp--preset--spacing--content) clamp(2rem, 6vw, 5rem) clamp(4rem, 5vw, 4.5rem) !important;
  overflow: hidden;
  color: #282625;
  background: #f8f5ef;
}

.mw-idee-erfahrung-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  align-items: center;
  gap: clamp(3rem, 5vw, 5rem);
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

.mw-idee-erfahrung-inner-2 {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  align-items: top;
  gap: clamp(3rem, 5vw, 3rem);
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

.mw-idee-erfahrung-headline,
.mw-idee-erfahrung-text {
  min-width: 0;
  margin-block-start: 0 !important;
}

.mw-idee-erfahrung-eyebrow {
  margin: 0;
  color: #476a57;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .15em;
  line-height: 1.5;
}

.mw-idee-erfahrung-heading {
  max-width: 45rem;
  margin: .75rem 0 0 !important;
  color: #282625;
  font-size: clamp(2.5rem, 3.8vw, 3.8rem);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.12;
}

.mw-idee-erfahrung-akzent {
  color: #c62f3a;
}

.mw-idee-erfahrung-text {
  padding-left: clamp(2.5rem, 4vw, 4.5rem);
  border-left: 2px solid rgba(210, 185, 141, .9);
}

.mw-idee-erfahrung-text > p {
  margin: 0;
  color: #282625;
  font-size: 1.05rem;
  line-height: 1.7;
}

.mw-idee-erfahrung-text > p + p {
  margin-top: 1.6rem;
}

.mw-idee-erfahrung-link {
  margin-top: 2rem !important;
}

.mw-idee-erfahrung-link a {
  color: var(--wp--preset--color--secondary);
  text-decoration: none;
  border-bottom: 1px solid;
  padding-bottom: .35rem;
  font-weight: 500;
  transition: color .2s, border-color .2s;
}

.mw-idee-erfahrung-link a:hover {
  color: var(--wp--preset--color--primary);
}

.mw-idee-erfahrung-link a:focus-visible {
  outline: 3px solid var(--wp--preset--color--primary);
  outline-offset: 5px;
  border-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .mw-idee-erfahrung-link a {
    transition: none;
  }
}

@media (max-width: 980px) {
  .mw-idee-erfahrung-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.75rem;
  }

  .mw-idee-erfahrung-text {
    padding-top: 2.75rem;
    padding-left: 0;
    border-top: 2px solid rgba(210, 185, 141, .9);
    border-left: 0;
  }
}

@media (max-width: 781px) {
  .mw-idee-erfahrung {
    padding: 5rem 1.5rem 6rem !important;
  }

  .mw-idee-erfahrung-heading {
    font-size: clamp(2.25rem, 10vw, 3.1rem);
  }
}

/* Gutenberg-Editor: Erfahrungsblock realistisch abbilden */
.editor-styles-wrapper .mw-idee-erfahrung,
.editor-styles-wrapper .mw-idee-erfahrung-heading,
.editor-styles-wrapper .mw-idee-erfahrung-text,
.editor-styles-wrapper .mw-idee-erfahrung-text > p,
.editor-styles-wrapper .mw-idee-erfahrung-link {
  text-align: left !important;
}


/* =========================================================
   VON DER IDEE ZUM GESCHÄFT – ZUSAMMENARBEIT
   ========================================================= */

.mw-idee-zusammenarbeit {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: var(--wp--preset--spacing--content) clamp(2rem, 6vw, 5rem) !important;
  overflow: hidden;
  color: #f8f5ef;
  background: #152720;
}

.mw-idee-zusammenarbeit-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

.mw-idee-zusammenarbeit-inner > .mw-idee-zusammenarbeit-eyebrow,
.mw-idee-zusammenarbeit-inner > .mw-idee-zusammenarbeit-intro,
.mw-idee-zusammenarbeit-inner > .mw-idee-zusammenarbeit-optionen,
.mw-idee-zusammenarbeit-inner > .mw-idee-zusammenarbeit-fazit {
  width: 100%;
  max-width: none !important;
}

.mw-idee-zusammenarbeit-eyebrow {
  margin: 0;
  color: #d2b98d;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .15em;
  line-height: 1.5;
}

.mw-idee-zusammenarbeit-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(20rem, .85fr);
  align-items: start;
  gap: clamp(3rem, 6vw, 6rem);
  margin-block-start: .75rem !important;
}

.mw-idee-zusammenarbeit-heading {
  max-width: 50rem;
  margin: 0 !important;
  color: #f8f5ef;
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.08;
}

.mw-idee-zusammenarbeit-heading span,
.mw-idee-zusammenarbeit-fazit span {
  display: block;
}

.mw-idee-zusammenarbeit-akzent {
  color: #c62f3a;
}

.mw-idee-zusammenarbeit-einleitung {
  max-width: 30rem;
  margin: 0 !important;
  color: #f8f5ef;
  font-size: 1.05rem;
  line-height: 1.7;
}

.mw-idee-zusammenarbeit-optionen {
  margin-block-start: clamp(1.5rem, 2.5vw, 1rem) !important;
}

.mw-idee-zusammenarbeit-option {
  display: grid !important;
  grid-template-columns: clamp(6.5rem, 10vw, 9.5rem) minmax(17rem, 23rem) minmax(0, 1fr);
  align-items: center;
  column-gap: clamp(2rem, 4vw, 4rem);
  min-width: 0;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 2.5vw, 2.5rem);
}

.mw-idee-zusammenarbeit-option + .mw-idee-zusammenarbeit-option {
  border-top: 2px solid rgba(210, 185, 141, .72);
}

.mw-idee-zusammenarbeit-option::before {
  grid-column: 1;
  grid-row: 1;
  color: #d2b98d;
  font-size: clamp(3.75rem, 6vw, 5.5rem);
  font-weight: 300;
  letter-spacing: -.04em;
  line-height: 1;
}

.mw-idee-zusammenarbeit-option-01::before {
  content: "01";
}

.mw-idee-zusammenarbeit-option-02::before {
  content: "02";
}

.mw-idee-zusammenarbeit-option-03::before {
  content: "03";
}

.mw-idee-zusammenarbeit-titel {
  grid-column: 2;
  grid-row: 1;
  margin: 0 !important;
  color: #f8f5ef;
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  font-weight: 600;
  line-height: 1.25;
}

.mw-idee-zusammenarbeit-text {
  grid-column: 3;
  grid-row: 1;
  align-self: stretch;
  display: flex;
  align-items: center;
  min-width: 0;
  margin: 0 !important;
  padding-left: clamp(2.5rem, 4vw, 4rem);
  border-left: 2px solid rgba(210, 185, 141, .9);
  color: #f8f5ef;
  font-size: 1.05rem;
  line-height: 1.65;
}

.mw-idee-zusammenarbeit-fazit {
  max-width: 70rem;
  margin-block-start: clamp(3.5rem, 5vw, 5rem) !important;
  padding-left: clamp(2rem, 3vw, 3rem);
}

.mw-idee-zusammenarbeit-fazit p {
  margin: 0;
  color: #f8f5ef;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.22;
}

@media (max-width: 980px) {
  .mw-idee-zusammenarbeit-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }

  .mw-idee-zusammenarbeit-einleitung {
    max-width: 46rem;
  }

  .mw-idee-zusammenarbeit-option {
    grid-template-columns: 5.5rem minmax(0, 1fr);
    row-gap: 1rem;
  }

  .mw-idee-zusammenarbeit-titel {
    grid-column: 2;
  }

  .mw-idee-zusammenarbeit-text {
    grid-column: 2;
    grid-row: 2;
    display: block;
    padding-left: 0;
    border-left: 0;
  }

  .mw-idee-zusammenarbeit-option::before {
    align-self: start;
  }
}

@media (max-width: 781px) {
  .mw-idee-zusammenarbeit {
    padding-inline: 1.5rem !important;
  }

  .mw-idee-zusammenarbeit-heading {
    font-size: clamp(2.25rem, 10vw, 3.1rem);
  }

  .mw-idee-zusammenarbeit-option {
    grid-template-columns: 4.25rem minmax(0, 1fr);
  }

  .mw-idee-zusammenarbeit-option::before {
    font-size: 3.25rem;
  }

  .mw-idee-zusammenarbeit-fazit {
    padding-left: 1.5rem;
  }
}

/* Gutenberg-Editor: Zusammenarbeitsblock realistisch abbilden */
.editor-styles-wrapper .mw-idee-zusammenarbeit,
.editor-styles-wrapper .mw-idee-zusammenarbeit-heading,
.editor-styles-wrapper .mw-idee-zusammenarbeit-einleitung,
.editor-styles-wrapper .mw-idee-zusammenarbeit-titel,
.editor-styles-wrapper .mw-idee-zusammenarbeit-text,
.editor-styles-wrapper .mw-idee-zusammenarbeit-fazit {
  text-align: left !important;
}


/* Einheitlicher Typografie-Standard für Abschlussstatements */
.mw-idee-fragen-fazit p,
.mw-idee-pruefen-fazit p,
.mw-idee-modell-fazit p,
.mw-idee-klarheit-fazit p,
.mw-idee-zusammenarbeit-fazit p {
  font-size: clamp(1.3rem, 2vw, 1.65rem);
  line-height: 1.45;
}


/* Startseite – Abschlussstatement Entscheidungswege */
.mw-home-entscheidungsfazit {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* ================================================================
   Startseite – redaktioneller Weg-/Übergangsblock
   ================================================================ */
.mw-home-weg {
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: clamp(4.5rem, 6vw, 5rem) clamp(2rem, 6vw, 5rem) clamp(3.75rem, 5vw, 5rem) !important;
	overflow: hidden;
	color: #282625;
	background: #eef1ea;
}

.mw-home-weg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 520' preserveAspectRatio='none'%3E%3Cpath d='M-20 435 C315 420 535 475 800 360 C1080 255 1205 118 1492 68' fill='none' stroke='%23d2b98d' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.mw-home-weg::after {
	content: "";
	position: absolute;
	top: calc(13.077% - 8px);
	right: calc(6.75% - 8px);
	z-index: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #c62f3a;
	pointer-events: none;
}

.mw-home-weg > .mw-home-weg-inner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1280px !important;
	margin-inline: auto !important;
}

.mw-home-weg .mw-home-weg-eyebrow {
	margin: 0 0 0.8rem;
	color: #476a57;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.15em;
	line-height: 1.5;
}

.mw-home-weg .mw-home-weg-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.75fr);
	align-items: end;
	gap: clamp(3rem, 7vw, 7rem);
	width: 100%;
	max-width: none !important;
	min-height: clamp(19rem, 25vw, 23rem);
	margin: 0 !important;
}

.mw-home-weg .mw-home-weg-text {
	align-self: start;
	max-width: 48rem;
	margin: 0 !important;
}

.mw-home-weg .mw-home-weg-heading {
	margin: 0;
	color: #282625;
	font-size: clamp(2.75rem, 4.2vw, 4.25rem);
	font-weight: 400;
	letter-spacing: -0.04em;
	line-height: 1.06;
}

.mw-home-weg .mw-home-weg-heading > span {
	display: block;
}

.mw-home-weg .mw-home-weg-aussage {
	max-width: 46rem;
	margin: clamp(2rem, 3.5vw, 3rem) 0 0;
	color: #282625;
	font-size: clamp(1.45rem, 2.05vw, 1.9rem);
	font-weight: 500;
	line-height: 1.42;
}

.mw-home-weg .mw-home-weg-akzent {
	color: #c62f3a;
}

.mw-home-weg .mw-home-weg-link-akzent {
	color: inherit;
}

.mw-home-weg .mw-home-weg-link {
	justify-self: end;
	align-self: end;
	max-width: 24rem;
	margin: 0 !important;
	font-size: 1.08rem;
	font-weight: 500;
	line-height: 1.62;
	text-align: right;
	transform: translateY(-0.5rem);
}

.mw-home-weg .mw-home-weg-link a {
	display: inline;
	padding-bottom: 0.35rem;
	color: var(--wp--preset--color--secondary);
	text-decoration: none;
	border-bottom: 1px solid;
	transition: color 0.2s, border-color 0.2s;
}

.mw-home-weg .mw-home-weg-link a:hover {
	color: #c62f3a;
}

.mw-home-weg .mw-home-weg-link a:focus-visible {
	outline: 3px solid var(--wp--preset--color--primary);
	outline-offset: 5px;
	border-color: transparent;
}

@media (max-width: 980px) {
	.mw-home-weg .mw-home-weg-layout {
		grid-template-columns: 1fr;
		gap: 4rem;
		min-height: 0;
	}

	.mw-home-weg .mw-home-weg-link {
		justify-self: start;
		max-width: 32rem;
		margin-bottom: 0 !important;
		transform: none;
	}
}

@media (max-width: 680px) {
	.mw-home-weg {
		padding: 4.5rem 1.5rem 3.75rem !important;
	}

	.mw-home-weg::before,
	.mw-home-weg::after {
		display: none;
	}

	.mw-home-weg .mw-home-weg-heading {
		font-size: clamp(2.35rem, 11vw, 3.25rem);
	}

	.mw-home-weg .mw-home-weg-aussage {
		font-size: 1.35rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mw-home-weg .mw-home-weg-link a {
		transition: none;
	}
}

/* ================================================================
   Rechtstext-Template
   ================================================================ */

.mw-legal {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: 0;
	overflow-x: clip;
	color: #282625;
	background: #f8f5ef;
}

.mw-legal .mw-legal-header,
.mw-legal .mw-legal-content {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.mw-legal .mw-legal-header {
	min-height: clamp(16.25rem, 20vw, 20rem);
	padding: clamp(4rem, 6vw, 5.5rem) 32px !important;
	background: #eef1ea;
}

.mw-legal .mw-legal-header-inner,
.mw-legal .mw-legal-content-inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1280px !important;
	margin-inline: auto !important;
}

.mw-legal .mw-legal-header-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
}

.mw-legal .mw-legal-eyebrow {
	width: 100%;
	max-width: none !important;
	margin: 0 0 0.75rem !important;
	color: #8f795d;
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1.5;
	text-transform: uppercase;
}

.mw-legal .mw-legal-title {
	display: block !important;
	max-width: 60rem;
	margin: 0 !important;
	color: #16352f;
	font-size: clamp(3rem, 5vw, 4.00rem);
	font-weight: 600;
	letter-spacing: -0.04em;
	text-transform: none;
	line-height: 1.06;
	overflow-wrap: anywhere;
}

.mw-legal .mw-legal-rule {
	position: relative;
	width: min(18rem, calc(100% - 0.5rem));
	height: 4px;
	border: 0;
	margin: clamp(1.5rem, 2.5vw, 2rem) 0 0 !important;
	background: #c62f3a;
}

.mw-legal .mw-legal-rule::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -7px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #c62f3a;
	transform: translateY(-50%);
	pointer-events: none;
}

.mw-legal .mw-legal-content {
	padding: 48px 32px clamp(4.75rem, 7vw, 7rem) !important;
	background: #f8f5ef;
}

.mw-legal .mw-legal-text {
	box-sizing: border-box;
	width: 100%;
	max-width: 1280px !important;
	margin: 0 auto !important;
	color: #282625;
	font-size: 1.125rem;
	line-height: 1.68;
	overflow-wrap: anywhere;
	word-break: normal;
}

.mw-legal .mw-legal-text > * {
	max-width: 100% !important;
}

.mw-legal .mw-legal-text > :first-child,
.mw-legal .mw-legal-text > .erecht24-legal-texts:first-child > :first-child {
	margin-top: 0;
}

.mw-legal .mw-legal-text > :last-child {
	margin-bottom: 0;
}

.mw-legal .mw-legal-text p {
	margin-top: 0;
	margin-bottom: 1.35em;
}

.mw-legal .mw-legal-text h2 {
	margin: clamp(1rem, 5vw, 1rem) 0 1rem;
	color: #16352f;
	font-size: clamp(1.75rem, 2.3vw, 2.15rem);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.22;
	overflow-wrap: anywhere;
}

.mw-legal .mw-legal-text h3 {
	margin: clamp(1rem, 4vw, 1rem) 0 0.8rem;
	color: #16352f;
	font-size: clamp(1.3rem, 1.7vw, 1.55rem);
	font-weight: 600;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.mw-legal .mw-legal-text h4 {
	margin: clamp(1rem, 4vw, 1rem) 0 0.8rem;
	color: #16352f;
	font-size: clamp(1.3rem, 1.7vw, 1.2rem);
	font-weight: 600;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.mw-legal .mw-legal-text h5 {
	margin: clamp(1rem, 4vw, 1rem) 0 0.8rem;
	color: #16352f;
	font-size: clamp(1.3rem, 1.7vw, 1.1rem);
	font-weight: 600;
	line-height: 1.3;
	overflow-wrap: anywhere;
}
.mw-legal .mw-legal-text ul,
.mw-legal .mw-legal-text ol {
	margin-top: 0;
	margin-bottom: 1.5em;
	padding-left: 1.5em;
}

.mw-legal .mw-legal-text li + li {
	margin-top: 0.5em;3162
	
}

.mw-legal .mw-legal-text a {
	color: #c62f3a;
	text-decoration-line: underline;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 0.2em;
	overflow-wrap: anywhere;
	transition: color 0.2s, text-decoration-color 0.2s;
}

.mw-legal .mw-legal-text a:hover {
	color: #8f2029;
	text-decoration-thickness: 2px;
}

.mw-legal .mw-legal-text a:focus-visible {
	outline: 3px solid #c62f3a;
	outline-offset: 4px;
	border-radius: 2px;
	text-decoration-thickness: 2px;
}

@media (max-width: 700px) {
	.mw-legal .mw-legal-header {
		min-height: 0;
		padding: 3.5rem 24px !important;
	}

	.mw-legal .mw-legal-title {
		font-size: clamp(2.5rem, 12vw, 3.5rem);
	}

	.mw-legal .mw-legal-rule {
		width: min(14rem, calc(100% - 0.5rem));
	}

	.mw-legal .mw-legal-content {
		padding: 48px 24px 4.5rem !important;
	}

	.mw-legal .mw-legal-text {
		font-size: 1.0625rem;
		line-height: 1.65;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mw-legal .mw-legal-text a {
		transition: none;
	}
}

/* ================================================================
   MehrWert – dynamische Breadcrumb-Navigation
   ================================================================ */

.mw-breadcrumb {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0 !important;
	color: #282625;
	background: #f8f5ef;
}

.mw-breadcrumb__inner {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: min(1280px, calc(100% - clamp(2.5rem, 8vw, 8rem)));
	min-height: 3.375rem;
	margin-inline: auto;
}

.mw-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: clamp(0.85rem, 0.3vw + 0.8rem, 0.9rem);
	font-weight: 400;
	line-height: 1.45;
}

.mw-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	color: #282625;
	overflow-wrap: anywhere;
}

.mw-breadcrumb__item + .mw-breadcrumb__item::before {
	content: "›";
	flex: 0 0 auto;
	margin-inline: 0.65rem;
	color: #7a684b;
}

.mw-breadcrumb a {
	color: #16352f;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.mw-breadcrumb a:hover {
	color: #c62f3a;
	text-decoration-thickness: 2px;
}

.mw-breadcrumb a:focus-visible {
	color: #c62f3a;
	outline: 3px solid #c62f3a;
	outline-offset: 3px;
	border-radius: 2px;
	text-decoration-thickness: 2px;
}

@media (max-width: 700px) {
	.mw-breadcrumb__inner {
		width: calc(100% - 2.5rem);
		min-height: 3rem;
	}

	.mw-breadcrumb__item + .mw-breadcrumb__item::before {
		margin-inline: 0.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mw-breadcrumb a {
		transition: none;
	}
}



/* ================================================================
   MehrWert – Suchseite und wiederverwendbares Suchformular
   ================================================================ */

.mw-search-hero {
	position: relative;
	min-height: clamp(31.25rem, 38vw, 37.5rem);
	margin: 0 !important;
	overflow: hidden;
}

.mw-search-hero .wp-block-cover__image-background {
	object-position: center center;
}

.mw-search-hero .wp-block-cover__background {
	z-index: 1;
	opacity: 1 !important;
	background: linear-gradient(
		90deg,
		rgba(20, 39, 34, 0.88) 0%,
		rgba(20, 39, 34, 0.68) 32%,
		rgba(20, 39, 34, 0.25) 55%,
		rgba(20, 39, 34, 0) 75%
	) !important;
}

.mw-search-hero .wp-block-cover__inner-container {
	z-index: 2;
	width: 100%;
}

.mw-search-hero__inner {
	box-sizing: border-box;
	width: min(1280px, calc(100% - clamp(2.5rem, 8vw, 8rem)));
	margin-inline: auto !important;
	padding-block: clamp(5rem, 10vw, 8rem);
}

.mw-search-hero__inner > * {
	max-width: 620px;
	margin-left: 0 !important;
	margin-right: auto !important;
}

.mw-search-hero__eyebrow {
	margin: 0 0 0.9rem;
	color: #ffffff;
	font-size: clamp(0.82rem, 0.3vw + 0.76rem, 0.95rem);
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1.4;
}

.mw-search-hero__title {
	margin: 0;
	color: #ffffff;
	font-size: clamp(3rem, 5vw, 4.5rem);
	font-weight: 400;
	line-height: 1.05;
	text-wrap: balance;
}

.mw-search {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding-block: clamp(5rem, 8vw, 7rem);
	background: #f8f5ef;
}

.mw-search__inner {
	box-sizing: border-box;
	width: min(1280px, calc(100% - clamp(2.5rem, 8vw, 8rem)));
	margin-inline: auto !important;
}

.mw-search__content {
	width: min(100%, 930px);
	margin-left: 0 !important;
	margin-right: auto !important;
}

.mw-search__title {
	margin: 0;
	color: #282625;
	font-size: clamp(2.25rem, 3vw, 3.25rem);
	font-weight: 400;
	line-height: 1.12;
}

.mw-search__intro {
	max-width: 850px;
	margin-top: 1.5rem;
	color: #282625;
	font-size: clamp(1.05rem, 0.45vw + 0.95rem, 1.25rem);
	line-height: 1.65;
}

.mw-search-form {
	margin-top: clamp(2rem, 4vw, 3rem);
}

.mw-search-form .wp-block-search__label {
	display: block;
	margin-bottom: 0.65rem;
	color: #282625;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
}

.mw-search-form .wp-block-search__inside-wrapper {
	display: flex;
	align-items: stretch;
	gap: 0;
}

.mw-search-form .wp-block-search__input {
	box-sizing: border-box;
	min-width: 0;
	min-height: 3.75rem;
	padding: 0.9rem 1.15rem;
	border: 2px solid #7a684b;
	border-radius: 4px 0 0 4px;
	background: #ffffff;
	color: #282625;
	font: inherit;
	font-size: 1.05rem;
	line-height: 1.35;
}

.mw-search-form .wp-block-search__input::placeholder {
	color: #5e5a54;
	opacity: 1;
}

.mw-search-form .wp-block-search__input:focus-visible {
	position: relative;
	z-index: 2;
	border-color: #142722;
	outline: 3px solid #c62f3a;
	outline-offset: 3px;
}

.mw-search-form .wp-block-search__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.75rem;
	margin: 0;
	padding: 1rem 1.65rem;
	border: 2px solid #c62f3a;
	border-radius: 0 4px 4px 0;
	background: #c62f3a;
	color: #ffffff;
	font: inherit;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.mw-search-form .wp-block-search__button::after {
	content: " →";
	margin-left: 0.35em;
}

.mw-search-form .wp-block-search__button:hover {
	border-color: #8f2029;
	background: #8f2029;
}

.mw-search-form .wp-block-search__button:focus-visible {
	position: relative;
	z-index: 3;
	outline: 3px solid #d2b98d;
	outline-offset: 3px;
}

@media (max-width: 700px) {
	.mw-search-hero {
		min-height: 26.25rem;
	}

	.mw-search-hero .wp-block-cover__image-background {
		object-position: 70% center;
	}

	.mw-search-hero .wp-block-cover__background {
		background: linear-gradient(
			90deg,
			rgba(20, 39, 34, 0.9) 0%,
			rgba(20, 39, 34, 0.72) 45%,
			rgba(20, 39, 34, 0.22) 78%,
			rgba(20, 39, 34, 0) 100%
		) !important;
	}

	.mw-search-hero__inner,
	.mw-search__inner {
		width: calc(100% - 2.5rem);
	}

	.mw-search-hero__inner {
		padding-block: 4rem;
	}

	.mw-search {
		padding-block: 4rem;
	}

	.mw-search-hero__title {
		font-size: clamp(2.5rem, 12vw, 3.4rem);
	}

	.mw-search-form .wp-block-search__inside-wrapper {
		flex-direction: column;
		gap: 0.75rem;
	}

	.mw-search-form .wp-block-search__input,
	.mw-search-form .wp-block-search__button {
		width: 100%;
		border-radius: 4px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mw-search-form .wp-block-search__button {
		transition: none;
	}
}


/* Theme-Contentbreite innerhalb der Suchseite gezielt aufheben */
.mw-search__inner {
	max-width: none !important;
}

.mw-search__content {
	max-width: 930px !important;
}


.mw-search {
	padding-inline: 0 !important;
}

.mw-search__content > * {
	margin-left: 0 !important;
	margin-right: auto !important;
}

.mw-search__title,
.mw-search-form {
	max-width: 930px !important;
}


@media (max-width: 700px) {
	.mw-search-hero .wp-block-cover__image-background {
		object-position: 100% center;
	}
}


.mw-search-form .wp-block-search__button {
	box-shadow: none;
}


/* Suchseiten-H1 entspricht dem Rechtstext-H1-System */
.mw-search-hero__title {
	font-size: clamp(3rem, 5vw, 4rem);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1.06;
	text-transform: none;
}

/* Kompakterer Übergang vom Breadcrumb zum Suchinhalt */
.mw-search {
	padding-top: clamp(3.5rem, 5vw, 4rem);
}

@media (max-width: 700px) {
	.mw-search-hero__title {
		font-size: clamp(2.5rem, 12vw, 3.5rem);
	}

	.mw-search {
		padding-top: 3.5rem;
	}
}

/* ================================================================
   MehrWert – Suchergebnisse und 404 (Systemtemplates)
   ================================================================ */

.mw-search-results,
.mw-search-results-header,
.mw-search-results-body,
.mw-404 {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.mw-search-results {
	background: #f8f5ef;
	color: #282625;
}

.mw-search-results-header {
	padding: clamp(4rem, 6vw, 5.5rem) clamp(1.5rem, 5vw, 4rem) !important;
	background: #eef1ea;
}

.mw-search-results-header__inner,
.mw-search-results-body__inner,
.mw-404__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1280px !important;
	margin-inline: auto !important;
}

.mw-search-results-header__inner > * {
	margin-left: 0 !important;
	margin-right: auto !important;
}

.mw-search-results__eyebrow,
.mw-search-empty__eyebrow,
.mw-404__eyebrow {
	margin: 0 0 0.85rem;
	color: #365e54;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1.35;
	text-transform: uppercase;
}

.mw-search-results__title {
	max-width: 70rem;
	margin: 0 !important;
	color: #16352f;
	font-size: clamp(3rem, 5vw, 4rem);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1.06;
	text-transform: none;
	overflow-wrap: anywhere;
}

.mw-search-results-header .mw-search-form {
	width: 100%;
	max-width: 930px !important;
}

.mw-search-results-body {
	padding: clamp(4.75rem, 7vw, 7rem) clamp(1.5rem, 5vw, 4rem) !important;
	background: #f8f5ef;
}

.mw-search-results-list .wp-block-post-template {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: mw-search-result;
}

.mw-search-results-list .wp-block-post {
	margin: 0;
	padding: 0;
}

.mw-search-result {
	display: grid;
	grid-template-columns: clamp(4rem, 7vw, 6rem) minmax(0, 1fr);
	column-gap: clamp(1.5rem, 3vw, 3rem);
	padding: clamp(2.25rem, 4vw, 3.5rem) 0;
	border-bottom: 2px solid rgba(210, 185, 141, 0.7);
	counter-increment: mw-search-result;
}

.mw-search-result::before {
	content: counter(mw-search-result, decimal-leading-zero);
	grid-column: 1;
	grid-row: 1 / span 4;
	color: rgba(122, 104, 75, 0.42);
	font-size: clamp(2.75rem, 5vw, 4.75rem);
	font-weight: 300;
	line-height: 0.95;
}

.mw-search-result > * {
	grid-column: 2;
	min-width: 0;
	margin-left: 0 !important;
	margin-right: auto !important;
}

.mw-search-result__type {
	margin-top: 0;
	margin-bottom: 0.65rem;
	color: #365e54;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1.35;
	text-transform: uppercase;
}

.mw-search-result__title {
	margin-top: 0;
	margin-bottom: 0.85rem;
	font-size: clamp(1.65rem, 2.5vw, 2.25rem);
	font-weight: 500;
	line-height: 1.2;
}

.mw-search-pagination a:focus-visible {
	outline: 3px solid #c62f3a;
	outline-offset: 4px;
}

.mw-search-result__excerpt {
	max-width: 58rem;
	margin-top: 0;
	margin-bottom: 1.25rem;
	color: #3f3b36;
	font-size: 1.125rem;
	line-height: 1.65;
}

.mw-search-result__more {
	display: inline-block;
	margin-top: 0;
	font-weight: 600;
}

.mw-search-pagination {
	gap: 0.5rem;
	margin-top: clamp(3rem, 6vw, 5rem);
}

.mw-search-pagination a,
.mw-search-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0.5rem 0.75rem;
	color: #16352f;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.mw-search-pagination .current {
	background: #16352f;
	color: #fff;
	text-decoration: none;
}

.mw-search-empty {
	max-width: 900px !important;
	margin-left: 0 !important;
	padding: clamp(1rem, 3vw, 2rem) 0;
}

.mw-search-empty__title {
	margin: 0;
	color: #282625;
	font-size: clamp(2.25rem, 3vw, 3.25rem);
	font-weight: 500;
	line-height: 1.12;
}

.mw-search-empty__text {
	max-width: 760px;
	margin-top: 1.5rem;
	font-size: 1.125rem;
	line-height: 1.65;
}

.mw-search-empty__links,
.mw-404__links {
	gap: 1.25rem 2.25rem;
	margin-top: 2rem;
}

.mw-search-empty__links p,
.mw-404__links p {
	margin: 0;
}

.mw-search-empty__links a {
	display: inline-block;
	padding-block: 0.45rem;
	font-weight: 600;
}

/* 404 */
.mw-404 {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: clamp(38rem, 72vh, 48rem);
	padding: clamp(6rem, 9vw, 8.5rem) clamp(1.5rem, 7vw, 7.5rem) !important;
	background: #f8f5ef;
	color: #282625;
}

.mw-404::before {
	content: "404";
	position: absolute;
	z-index: -2;
	top: clamp(1rem, 3vw, 3rem);
	right: clamp(1rem, 6vw, 7rem);
	color: rgba(210, 185, 141, 0.24);
	font-size: clamp(11rem, 24vw, 24rem);
	font-weight: 600;
	letter-spacing: -0.08em;
	line-height: 0.8;
	pointer-events: none;
}

.mw-404::after {
	content: "";
	position: absolute;
	z-index: -1;
	right: -2rem;
	bottom: -1rem;
	width: min(72vw, 1050px);
	height: min(24vw, 330px);
	background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 240'%3E%3Cpath d='M10 205 C250 205 390 170 500 120 S690 40 860 50' fill='none' stroke='%23d2b98d' stroke-width='2'/%3E%3Ccircle cx='860' cy='50' r='8' fill='%23c62f3a'/%3E%3C/svg%3E");
	opacity: 0.82;
	pointer-events: none;
}

.mw-404__inner {
	position: relative;
	z-index: 1;
	margin-left: auto !important;
}

.mw-404__inner > * {
	max-width: 760px;
	margin-left: 0 !important;
	margin-right: auto !important;
}

.mw-404__title {
	margin: 0;
	color: #16352f;
	font-size: clamp(3rem, 5vw, 4rem);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1.06;
	text-transform: none;
	overflow-wrap: anywhere;
}

.mw-404__text {
	margin-top: 1.5rem;
	color: #3f3b36;
	font-size: clamp(1.1rem, 0.45vw + 1rem, 1.25rem);
	line-height: 1.65;
}

.mw-404 .mw-search-form {
	max-width: 760px;
}

@media (max-width: 700px) {
	.mw-search-results-header {
		padding-block: 3.5rem !important;
	}

	.mw-search-results__title,
	.mw-404__title {
		font-size: clamp(2.5rem, 12vw, 3.5rem);
	}

	.mw-search-results-body {
		padding-block: 3.5rem !important;
	}

	.mw-search-result {
		grid-template-columns: 3.25rem minmax(0, 1fr);
		column-gap: 1rem;
		padding-block: 2.25rem;
	}

	.mw-search-result::before {
		font-size: 2.35rem;
	}

	.mw-search-result__excerpt {
		font-size: 1rem;
	}

	.mw-search-empty__links,
	.mw-404__links {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.75rem;
	}

	.mw-404 {
		min-height: 0;
		padding-block: 5rem 8rem !important;
	}

	.mw-404::before {
		top: 1.25rem;
		right: 1rem;
		font-size: clamp(8rem, 42vw, 12rem);
	}

	.mw-404::after {
		right: -8rem;
		bottom: -1rem;
		width: 42rem;
		height: 12rem;
		opacity: 0.6;
	}
}



/* ==========================================================================
   MehrWert – Suchergebnisseite im bestehenden Designsystem
   Ausschließlich auf das aktive Search-Template begrenzt.
   ========================================================================== */

.mw-search-results--compact {
	padding-top: 0;
	background: #f8f5ef;
}

.mw-search-results--compact > .mw-breadcrumb {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background: #f8f5ef;
}

.mw-search-results--compact .mw-search-results-header {
	min-height: 0;
	padding: clamp(2.15rem, 3.5vw, 3rem) clamp(1.5rem, 5vw, 4rem) !important;
	background: #dfe6dc;
	border-top: 2px solid #d2b98d;
	border-bottom: 2px solid #d2b98d;
}

.mw-search-results--compact .mw-search-results-header__inner {
	width: 100%;
	max-width: 1280px !important;
	margin-inline: auto !important;
}

.mw-search-results--compact .mw-search-results__eyebrow {
	margin-bottom: 0.55rem;
}

.mw-search-results--compact .mw-search-results__title {
	max-width: 62rem;
	margin: 0 !important;
	font-size: clamp(2.15rem, 3.2vw, 3.35rem);
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1.1;
}

.mw-search-results--compact .mw-search-results__form {
	width: min(100%, 720px);
	max-width: 720px !important;
	margin-top: clamp(1.25rem, 2vw, 1.75rem);
}

.mw-search-results--compact .mw-search-results-body {
	padding: clamp(3.5rem, 5.5vw, 5.25rem) clamp(1.5rem, 5vw, 4rem) !important;
	background: #f8f5ef;
}

.mw-search-results--compact .mw-search-results-body__inner {
	box-sizing: border-box;
	width: min(100%, 1100px);
	max-width: 1100px !important;
	margin-left: 0 !important;
	margin-right: auto !important;
}

@media (min-width: 1409px) {
	.mw-search-results--compact .mw-search-results-body__inner {
		margin-left: calc((100% - 1280px) / 2) !important;
	}
}

.mw-search-results--compact .mw-search-result {
	display: grid;
	position: relative;
	grid-template-columns: clamp(4.5rem, 7vw, 6.5rem) 2px minmax(0, 1fr);
	column-gap: clamp(1.25rem, 2.4vw, 2rem);
	padding: clamp(2rem, 3.5vw, 3rem) 0;
	border-bottom: 2px solid rgba(210, 185, 141, 0.68);
}

.mw-search-results--compact .mw-search-result:first-child {
	padding-top: 0;
}

.mw-search-results--compact .mw-search-result::before {
	content: counter(mw-search-result, decimal-leading-zero);
	grid-column: 1;
	grid-row: 1 / span 4;
	color: #cfc5b5;
	font-size: clamp(3rem, 5vw, 4.5rem);
	font-weight: 300;
	line-height: 1;
}

.mw-search-results--compact .mw-search-result::after {
	content: "";
	grid-column: 2;
	grid-row: 1 / span 4;
	width: 2px;
	height: auto;
	margin-block: 1.4rem 0;
	background: rgba(210, 185, 141, 0.68);
	align-self: stretch;
}

.mw-search-results--compact .mw-search-result > * {
	grid-column: 3;
	min-width: 0;
	margin-left: 0 !important;
	margin-right: auto !important;
}

.mw-search-results--compact .mw-search-result__type {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-size: 0.78rem;
}


.mw-search-results--compact .wp-block-post:not(:first-child) .mw-search-result__type {
	padding-top: 1.4rem;
}
.mw-search-results--compact .mw-search-result__title {
	display: block !important;
	margin: 0 0 0.8rem !important;
	font-size: clamp(1.55rem, 2vw, 2rem);
	font-weight: 500;
	line-height: 1.22;
}

.mw-search-results--compact .mw-search-result__title.mw-editorial-link a {
	font-weight: inherit;
}

.mw-search-results--compact .mw-search-result__excerpt {
	display: block;
	max-width: 52rem;
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: hidden;
	color: #3f3b36;
	font-size: 1.0625rem;
	line-height: 1.6;
}

.mw-search-results--compact .mw-search-result__excerpt .wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.mw-search-results--compact .mw-search-result__more-wrap {
	margin-top: 0;
}

.mw-search-results--compact .mw-search-result__more-wrap .mw-search-result__more {
	display: inline-block;
	padding-block: 0.25rem;
	font-weight: 600;
}

.mw-search-results--compact .mw-search-pagination {
	margin-top: clamp(2.5rem, 4vw, 3.75rem);
}

.mw-search-results--compact .mw-search-empty {
	padding-block: 0 clamp(1rem, 3vw, 2rem);
}

@media (max-width: 700px) {
	.mw-search-results--compact .mw-search-results-header {
		padding-block: 2.5rem !important;
	}

	.mw-search-results--compact .mw-search-results__title {
		font-size: clamp(2rem, 9vw, 2.75rem);
	}

	.mw-search-results--compact .mw-search-results-body {
		padding-block: 3rem !important;
	}

	.mw-search-results--compact .mw-search-results-body__inner {
		margin-left: 0 !important;
	}

	.mw-search-results--compact .mw-search-result {
		grid-template-columns: 1fr;
		row-gap: 0.7rem;
		padding-block: 2.15rem;
	}

	.mw-search-results--compact .mw-search-result::before {
		grid-area: auto;
		font-size: 2.5rem;
	}

	.mw-search-results--compact .mw-search-result::after {
		display: none;
	}

	.mw-search-results--compact .mw-search-result > * {
		grid-column: 1;
	}

	.mw-search-results--compact .mw-search-result__excerpt {
		font-size: 1rem;
	}
}

/* Phase 1 – technische Stabilisierung, 28.09.2026.
   Keine Konsolidierung der vorhandenen CSS-Bereiche. */

/* Vorhandene Fazit-Lesebreite; linke Achse des 1280px-Rasters erhalten. */
.mw-idee-pruefen > .mw-idee-pruefen-fazit {
  max-width: 62rem;
  margin-left: max(0px, calc((100% - 1280px) / 2));
  margin-right: auto;
}

/* Phase 4B.3a | Gemeinsame Fazit-Akzentbasis.
   Breiten, Abstaende und Typografie bleiben in den bestehenden Varianten. */
.mw-idee-fragen-fazit,
.mw-idee-pruefen-fazit,
.mw-idee-zusammenarbeit-fazit {
  border-left: 4px solid #c62f3a;
}

/* Bestätigter Textkontrastfehler auf #152720: bestehende helle Textfarbe. */
.mw-idee-pruefen-fazit .mw-idee-pruefen-fazit-akzent {
  color: #f8f5ef;
}

/* Das WordPress-Farbpreset setzt color bereits mit !important. */
.mw-idee-pruefen-heading .has-primary-color {
  color: #f8f5ef !important;
}


/* Phase 2 | Globaler Header – vor den Seitenregeln | Quelle header / Block 1 */

:root{--mw-header-red:#c62f3a;--mw-header-red-hover:#a9232d;--mw-header-text:#282625;--mw-header-border:#e7e0d5}
html.has-root-background body{width:100%!important;max-width:none!important;margin-top:0!important;border-start-start-radius:0!important;border-start-end-radius:0!important;box-shadow:none!important}
body>.wp-site-blocks{width:100%!important;max-width:none!important;margin-top:0!important;margin-right:0!important;margin-left:0!important}
body.page-id-20 main#content,
body.page-id-20 .wp-block-post-content,
body.home main#content,
body.home .wp-block-post-content{width:100%!important;max-width:none!important;margin-right:0!important;margin-left:0!important}
.mehrwert-header-template{position:sticky!important;z-index:9999;top:var(--wp-admin--admin-bar--height,0px)!important;display:block;width:100%!important;max-width:none!important;margin:0!important}
.mehrwert-header-template>.mehrwert-header{position:relative!important;z-index:auto;top:auto!important;box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;border-bottom:1px solid var(--mw-header-border);background:#fff!important;box-shadow:0 2px 12px rgba(40,38,37,.07)}
.mehrwert-header-template .mehrwert-logo{flex:0 1 auto;margin:0}
.mehrwert-header-template .mehrwert-logo a{display:flex;align-items:center;min-height:44px}
.mehrwert-header-template .mehrwert-logo img{display:block;width:330px;max-width:min(330px,55vw);height:auto}
.mehrwert-header-template .mehrwert-header__nav .wp-block-navigation-item__content{display:flex;align-items:center;min-height:44px;padding:7px 2px;color:var(--mw-header-text);text-decoration:none;white-space:nowrap}
.mehrwert-header-template .mehrwert-header__nav .wp-block-navigation-item__content:hover{color:var(--mw-header-red);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.mehrwert-header-template .mehrwert-header__nav .wp-block-navigation-item__content:focus-visible,
.mehrwert-header-template .wp-block-navigation__responsive-container-open:focus-visible,
.mehrwert-header-template .wp-block-navigation__responsive-container-close:focus-visible{outline:3px solid var(--mw-header-red)!important;outline-offset:3px!important;border-radius:2px}
.mehrwert-header-template .mehrwert-header__nav .wp-block-navigation-item.mw-nav-cta > .wp-block-navigation-item__content {display: inline-flex;
 justify-content: center; min-height: 48px; padding: 11px 18px !important; border-radius: 2px; background: var(--mw-header-red) !important;
 color: #fff !important; text-decoration: none !important;}
.mehrwert-header-template .mehrwert-header__nav .wp-block-navigation-item.mw-nav-cta > .wp-block-navigation-item__content:hover {display: inline-flex; justify-content: center; min-height: 48px; padding: 11px 18px !important; border-radius: 2px; background: var(--mw-header-red) !important;
 color: #fff !important; text-decoration: underline !important; text-decoration-thickness: auto; text-decoration-thickness: 2px !important; text-underline-offset: 6px;}
.mehrwert-header-template .mehrwert-header__nav .wp-block-navigation-item:last-child>.wp-block-navigation-item__content:focus-visible{outline:3px solid #fff!important;outline-offset:2px!important;box-shadow:0 0 0 5px var(--mw-header-text)}
.mehrwert-header-template .wp-block-navigation__responsive-container-open,
.mehrwert-header-template .wp-block-navigation__responsive-container-close{align-items:center;justify-content:center;width:44px;height:44px;padding:10px}
@media (max-width:900px){
 .mehrwert-header-template>.mehrwert-header{padding-right:20px!important;padding-left:20px!important}
 .mehrwert-header-template .mehrwert-logo img{max-width:min(300px,68vw)}
 .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open{padding:1.5rem!important}
 .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:stretch!important;width:100%;gap:.5rem!important}
 .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%}
 .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{box-sizing:border-box;width:100%;min-height:48px;padding:.75rem 0}
 .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child>.wp-block-navigation-item__content{margin-top:.5rem;padding:12px 18px!important}
}
@media (max-width:480px){
 .mehrwert-header-template>.mehrwert-header{padding-top:12px!important;padding-right:16px!important;padding-bottom:12px!important;padding-left:16px!important}
 .mehrwert-header-template .mehrwert-logo img{max-width:min(250px,66vw)}
}

/* Phase 4B.3a | Gemeinsame Abschluss-CTA-Basis 608/415.
   Bestehende Selektoren, Spezifitaet und responsive Varianten erhalten. */
:where(.page-id-608) .mw-idee-abschluss,
:where(.page-id-413) .mw-idee-abschluss,
.page-id-415 .mw-idee-abschluss{box-sizing:border-box;width:100%;max-width:none;margin:0!important;padding-inline:clamp(2rem,6vw,5rem)!important}:where(.page-id-608) .mw-idee-abschluss__inner,
:where(.page-id-413) .mw-idee-abschluss__inner,
.page-id-415 .mw-idee-abschluss__inner{box-sizing:border-box;width:100%;max-width:1280px;margin-inline:auto!important}@media(max-width:700px){:where(.page-id-608) .mw-idee-abschluss,
:where(.page-id-413) .mw-idee-abschluss,
.page-id-415 .mw-idee-abschluss{padding-inline:1.5rem!important}}:where(.page-id-608) .mw-idee-abschluss__inner,
:where(.page-id-413) .mw-idee-abschluss__inner,
.page-id-415 .mw-idee-abschluss__inner{position:relative;padding-bottom:72px}:where(.page-id-608) .mw-idee-abschluss__inner::before,
:where(.page-id-413) .mw-idee-abschluss__inner::before,
.page-id-415 .mw-idee-abschluss__inner::before{content:"";position:absolute;bottom:0;left:0;right:5px;height:1px;background:#d2b98d;pointer-events:none}:where(.page-id-608) .mw-idee-abschluss__inner::after,
:where(.page-id-413) .mw-idee-abschluss__inner::after,
.page-id-415 .mw-idee-abschluss__inner::after{content:"";position:absolute;bottom:-4px;right:0;width:9px;height:9px;border-radius:50%;background:#c62f3a;pointer-events:none}@media(max-width:900px){:where(.page-id-608) .mw-idee-abschluss .wp-block-columns,
:where(.page-id-413) .mw-idee-abschluss .wp-block-columns,
.page-id-415 .mw-idee-abschluss .wp-block-columns{flex-wrap:wrap!important}:where(.page-id-608) .mw-idee-abschluss .wp-block-column,
:where(.page-id-413) .mw-idee-abschluss .wp-block-column,
.page-id-415 .mw-idee-abschluss .wp-block-column{flex-basis:100%!important}:where(.page-id-608) .mw-idee-abschluss__inner,
:where(.page-id-413) .mw-idee-abschluss__inner,
.page-id-415 .mw-idee-abschluss__inner{padding-bottom:48px}}

/* Phase 2 | Seite 415 – Seitenlayout | Quelle 415 / Block 2 */
.page-id-415 main .wp-block-post-title{display:none!important}
.page-id-415 .entry-content>section{box-sizing:border-box;width:100%;max-width:none;margin-inline:0!important;min-height:0;padding-inline:max(24px,calc((100% - 1280px)/2),6vw)!important}
.page-id-415 .entry-content>section>*,.page-id-415 .mw-home-weg-inner{max-width:1280px;margin-inline:auto!important}
.page-id-415 .entry-content h2{font-size:clamp(30px,3.2vw,44px);font-weight:400;line-height:1.15;margin-top:0!important;margin-bottom:24px!important;max-width:900px;text-transform:none}
.page-id-415 .entry-content section .mw-idee-erfahrung-eyebrow{margin:0 0 16px!important}
.page-id-415 .mw-idee-hero .mw-idee-erfahrung-eyebrow{color:#fff}
.page-id-415 #verantwortung .mw-idee-erfahrung-eyebrow{color:#d8d0c2}
.page-id-415 .entry-content section p:last-child{margin-bottom:0!important}
.page-id-415 .entry-content section h2+.wp-block-group{margin-top:0!important}
.page-id-415 #unternehmen .mw-idee-erfahrung-inner,.page-id-415 #verantwortung .mw-idee-erfahrung-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,4vw,64px)}
.page-id-415 .mw-idee-erfahrung-text{padding:0;border:0;margin:0!important}
.page-id-415 #verantwortung .mw-idee-erfahrung-text>p{color:inherit}
.page-id-415 #unternehmen .mw-idee-erfahrung-headline figure,.page-id-415 #verantwortung .mw-idee-erfahrung-headline figure{margin-top:28px;margin-bottom:0}
.page-id-415 .entry-content section figure img{display:block;width:100%;height:auto}
.page-id-415 .entry-content section .wp-block-columns{gap:32px clamp(32px,4vw,64px)!important}
.page-id-415 #artrikat .wp-block-column:first-child,.page-id-415 #persoenliches .wp-block-column:first-child{flex-basis:50%!important}
.page-id-415 #artrikat .wp-block-column:last-child,.page-id-415 #persoenliches .wp-block-column:last-child{flex-basis:50%!important}
.page-id-415 #erfahrung .mw-home-weg-inner,.page-id-415 #warum-mehrwert .mw-home-weg-inner{position:relative;padding:0}
.page-id-415 #erfahrung .mw-home-weg-inner>.wp-block-group,.page-id-415 #warum-mehrwert .mw-home-weg-inner>.wp-block-group,.page-id-415 #menschen-entscheiden>.wp-block-group{max-width:760px;margin-left:0!important;margin-right:auto!important}
.page-id-415 #menschen-entscheiden>.mw-entscheidungswege-spalten{margin-top:28px!important;margin-bottom:28px!important;align-items:start}
.page-id-415 .mw-idee-hero{box-sizing:border-box;width:100%;max-width:none;margin-inline:0!important;background-color:#142722}
.page-id-415 .mw-idee-hero>.wp-block-cover__image-background{left:auto;right:0;width:70%;object-position:50% 30%}
@media(max-width:900px){.page-id-415 #unternehmen .mw-idee-erfahrung-inner,.page-id-415 #verantwortung .mw-idee-erfahrung-inner{grid-template-columns:minmax(0,1fr)}.page-id-415 .entry-content>section{padding-top:64px!important;padding-bottom:64px!important}.page-id-415 #unternehmen .mw-idee-erfahrung-headline figure,.page-id-415 #verantwortung .mw-idee-erfahrung-headline figure{max-width:640px}}
@media(max-width:781px){.page-id-415 .entry-content>section{padding:48px 24px!important}.page-id-415 .entry-content h2{font-size:30px;line-height:1.18}.page-id-415 .mw-idee-hero>.wp-block-cover__image-background{width:100%;opacity:.3}}
.page-id-415 #menschen-entscheiden>h2{margin-left:0!important;margin-right:auto!important}.page-id-415 .mw-idee-hero>.wp-block-cover__inner-container{padding-inline:max(24px,calc((100% - 1280px)/2),6vw)!important;box-sizing:border-box}@media(max-width:781px){.page-id-415 .mw-idee-hero>.wp-block-cover__inner-container{padding-inline:24px!important}}

.page-id-415 .mw-idee-hero>.wp-block-cover__image-background{mask-image:linear-gradient(100deg,transparent 0%,rgba(0,0,0,.25) 8%,rgba(0,0,0,.7) 17%,#000 27%);-webkit-mask-image:linear-gradient(100deg,transparent 0%,rgba(0,0,0,.25) 8%,rgba(0,0,0,.7) 17%,#000 27%)}
.page-id-415 #erfahrung,.page-id-415 #warum-mehrwert{border-top:1px solid #d2b98d;border-bottom:1px solid #d2b98d}
.page-id-415 #verantwortung .mw-idee-erfahrung-headline figure{margin-top:44px}
.page-id-415 #menschen-entscheiden>.mw-entscheidungswege-spalten{gap:0!important;align-items:stretch;margin-top:32px!important;margin-bottom:40px!important}
.page-id-415 #menschen-entscheiden .mw-entscheidungsweg-links{padding:0 clamp(24px,3vw,48px) 0 0!important;border-right:2px solid #d8d0c2}
.page-id-415 #menschen-entscheiden .mw-entscheidungsweg-rechts{padding:0 0 0 clamp(24px,3vw,48px)!important}
.page-id-415 #menschen-entscheiden .mw-entscheidungsweg{height:100%;min-height:0;gap:24px;align-items:stretch}
.page-id-415 #menschen-entscheiden .mw-entscheidungsweg>div>p:last-child{margin-bottom:0!important}
.page-id-415 #kennenlernen h2{margin-top:.75rem!important;margin-bottom:0!important}
.page-id-415 #kennenlernen .mw-idee-erfahrung-eyebrow{margin:0!important}
.page-id-415 #kennenlernen .wp-block-column:nth-child(2){padding-top:calc(.9rem * 1.5 + .75rem)}
@media(max-width:900px){.page-id-415 #kennenlernen .wp-block-column:nth-child(2){padding-top:0}}
@media(max-width:781px){.page-id-415 #menschen-entscheiden>.mw-entscheidungswege-spalten{gap:32px!important}.page-id-415 #menschen-entscheiden .mw-entscheidungsweg-links,.page-id-415 #menschen-entscheiden .mw-entscheidungsweg-rechts{padding:0!important;border:0}.page-id-415 .mw-idee-hero>.wp-block-cover__image-background{mask-image:none;-webkit-mask-image:none}}

/* Geometrische MehrWert-Motive, nur Seite 415 */
.page-id-415 #erfahrung,.page-id-415 #verantwortung,.page-id-415 #warum-mehrwert{position:relative;overflow:hidden;isolation:isolate}
.page-id-415 #erfahrung::before,.page-id-415 #verantwortung::before,.page-id-415 #warum-mehrwert::before{content:"";position:absolute;z-index:-1;border-radius:50%;width:660px;height:660px;pointer-events:none;background:#e3e8de;top:-120px;right:-330px}
.page-id-415 #verantwortung::before{width:780px;height:780px;background:#1c322b;top:auto;right:auto;bottom:-470px;left:-200px}
.page-id-415 #warum-mehrwert::before{width:720px;height:720px;top:auto;bottom:-220px;right:-360px}
@media(max-width:781px){.page-id-415 #erfahrung::before{right:-450px}.page-id-415 #warum-mehrwert::before{right:-510px}}
.page-id-415 .entry-content>#unternehmen{padding-top:48px!important;padding-bottom:48px!important}
.page-id-415 #erfahrung .mw-idee-modell-fazit{margin-top:40px!important}
.page-id-415 #menschen-entscheiden>.mw-entscheidungswege-spalten{margin-bottom:64px!important}
.page-id-415 #menschen-entscheiden .mw-idee-modell-fazit{margin-top:40px!important}
.page-id-415 #menschen-entscheiden>.mw-menschen-details{max-width:1280px;width:100%}
.page-id-415 #menschen-entscheiden .mw-menschen-details>.wp-block-columns{gap:0!important}
@media(min-width:782px){.page-id-415 #menschen-entscheiden .mw-menschen-details>.wp-block-columns>.wp-block-column:first-child{padding-right:calc(clamp(24px,3vw,48px) + 2px);box-sizing:border-box}.page-id-415 #menschen-entscheiden .mw-menschen-details>.wp-block-columns>.wp-block-column:last-child{padding-left:clamp(24px,3vw,48px);box-sizing:border-box}}
@media(max-width:781px){.page-id-415 #menschen-entscheiden .mw-menschen-details>.wp-block-columns{gap:32px!important}}

/* Phase 2 | Seite 417 – Erstgespraech und Formular | Quelle 417 / Block 1 */
body.page-id-417 main#content > .is-style-page-header.wp-block-template-part{display:none!important}
body.page-id-417{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
body.page-id-417 .wp-block-post-content{margin:0!important;padding:0!important}
body.page-id-417 .wp-block-post-content>*{margin-top:0!important;margin-bottom:0!important}
body.page-id-417 .wp-block-post-content>.alignfull{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.page-id-417 .mw-erstgespraech-hero__heading{text-transform:none!important;letter-spacing:normal!important}
.page-id-417 .mw-erstgespraech-hero__columns{min-height:clamp(36rem,48vw,46rem);margin:0}
.page-id-417 .mw-erstgespraech-hero__media,
.page-id-417 .mw-erstgespraech-hero__image{height:100%;margin:0}
.page-id-417 .mw-erstgespraech-hero__image img{display:block;width:100%;height:100%;min-height:clamp(36rem,48vw,46rem);object-fit:cover;object-position:82% center}
.page-id-417 .mw-erstgespraech-schritt+.mw-erstgespraech-schritt{border-left:2px solid rgba(71,106,87,.28);padding-left:clamp(2rem,4vw,4rem)}
.page-id-417 .mw-erstgespraech-schritt__nummer{opacity:.58}
.page-id-417 .mw-erstgespraech-formular .wpcf7{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.page-id-417 .mw-erstgespraech-formular .wpcf7-form{margin:0}
.page-id-417 .mw-erstgespraech-formular .wpcf7-form label{display:block;color:var(--wp--preset--color--contrast);font-weight:500;line-height:1.45}
.page-id-417 .mw-erstgespraech-formular .wpcf7-form input:not([type=checkbox]):not([type=submit]),
.page-id-417 .mw-erstgespraech-formular .wpcf7-form select,
.page-id-417 .mw-erstgespraech-formular .wpcf7-form textarea{width:100%;min-height:3.25rem;border:1px solid rgba(40,38,37,.38);border-radius:0;background:#fff;color:var(--wp--preset--color--contrast);font:inherit;padding:.8rem .95rem}
.page-id-417 .mw-erstgespraech-formular .wpcf7-form textarea{min-height:10rem;resize:vertical}
.page-id-417 .mw-erstgespraech-formular .wpcf7-form input:focus-visible,
.page-id-417 .mw-erstgespraech-formular .wpcf7-form select:focus-visible,
.page-id-417 .mw-erstgespraech-formular .wpcf7-form textarea:focus-visible,
.page-id-417 .mw-erstgespraech-formular .wpcf7-form input[type=submit]:focus-visible{outline:3px solid var(--wp--preset--color--primary);outline-offset:3px}
.page-id-417 .mw-erstgespraech-formular .wpcf7-form input[type=checkbox]{width:1.25rem;height:1.25rem;margin-right:.55rem;vertical-align:middle}
.page-id-417 .mw-erstgespraech-formular .wpcf7-form input[type=submit]{min-height:3.25rem;border:0;border-radius:0;background:var(--wp--preset--color--primary);color:var(--wp--preset--color--base-alt);font:inherit;font-weight:600;padding:.9rem 1.6rem;cursor:pointer}
.page-id-417 .mw-erstgespraech-formular .wpcf7-form input[type=submit]:hover{filter:brightness(.92)}
.page-id-417 .mw-erstgespraech-formular .wpcf7-form a{color:var(--wp--preset--color--primary)}
.page-id-417 .mw-erstgespraech-formular__intro,
.page-id-417 .mw-erstgespraech-abschluss__text{max-width:52rem;margin-left:max(0px,calc((100% - 1180px)/2))!important;margin-right:auto!important}
@media (max-width:781px){
 .page-id-417 .mw-erstgespraech-hero__columns{min-height:0}
 .page-id-417 .mw-erstgespraech-hero__text{padding:4rem 1.5rem!important}
 .page-id-417 .mw-erstgespraech-hero__heading br{display:none}
 .page-id-417 .mw-erstgespraech-hero__image img{height:clamp(19rem,70vw,28rem);min-height:0;max-height:none;object-fit:cover;object-position:70% center}
 .page-id-417 .mw-erstgespraech-vertrauen__text{font-size:.9rem!important;letter-spacing:.08em!important}
 .page-id-417 .mw-erstgespraech-schritte{gap:3rem}
 .page-id-417 .mw-erstgespraech-schritt+.mw-erstgespraech-schritt{border-left:0;border-top:1px solid rgba(71,106,87,.28);padding-top:3rem;padding-left:0}
}

.page-id-417 .mw-erstgespraech-formular .mehrwert-contact-form{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
.page-id-417 .mw-erstgespraech-formular .mehrwert-contact-form>.formular-hinweis,
.page-id-417 .mw-erstgespraech-formular .mehrwert-contact-form>p{margin:0!important}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem clamp(1rem,2vw,1.5rem)}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-field,
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-field p{margin:0!important}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-field label{margin:0 0 .55rem!important}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-field label+br{display:none}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-field .wpcf7-form-control-wrap{display:block}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-privacy{margin:.35rem 0 0!important}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-privacy p,
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-privacy .wpcf7-list-item{margin:0!important}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-privacy label{display:flex!important;align-items:flex-start;gap:.75rem;margin:0!important;cursor:pointer}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-privacy input[type=checkbox]{appearance:auto;width:1.5rem!important;height:1.5rem!important;min-width:1.5rem;margin:.1rem 0 0!important;flex:0 0 1.5rem;cursor:pointer}
.page-id-417 .mw-erstgespraech-formular .mehrwert-form-privacy .wpcf7-list-item-label{display:block;line-height:1.55}
@media (max-width:781px){.page-id-417 .mw-erstgespraech-formular .mehrwert-form-grid{grid-template-columns:minmax(0,1fr)}}

.page-id-417 .mw-erstgespraech-hero__text,
.page-id-417 .mw-erstgespraech-hero__media{flex-basis:50%!important}
.page-id-417 .mw-erstgespraech-hero__text{align-self:stretch!important;display:flex;flex-direction:column;justify-content:center}
.page-id-417 .mw-erstgespraech-hero__media{align-self:stretch!important}
@media (max-width:781px){
 .page-id-417 .mw-erstgespraech-hero__text,
 .page-id-417 .mw-erstgespraech-hero__media{flex-basis:100%!important}
 .page-id-417 .mw-erstgespraech-hero__text{align-self:auto!important;display:block}
}

/* Arbeitsweise: sechs native Kapitel; Layout und Typografie aus MehrWert. */
.page-id-413 .mw-arbeitsweise-kapitel {
  margin-block: 0;
  font-size: 1.1rem;
  line-height: 1.7;
}
.page-id-413 .mw-arbeitsweise-kapitel :is(h1, h2, h3) {
  text-transform: none;
}
.page-id-413 .mw-arbeitsweise-kapitel .wp-block-column {
  min-width: 0;
}
.page-id-413 .mw-arbeitsweise-kapitel .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
}

/* Arbeitsweise – ausschließlich Hero. Kandidat, Frontend-QA noch offen.
   Am Ende von josephine-child/style.css ergänzen, vorhandenen Inhalt erhalten.
   Voraussetzung: erster Abschnitt hat die Klasse mw-arbeitsweise-hero.
   Keine neue Gutenberg-Struktur erforderlich. */
.page-id-413 .mw-arbeitsweise-hero {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  overflow: clip;
  background: #152720;
}

/* Überschreibt ausschließlich das bestehende !important-Padding. */
.page-id-413 .mw-arbeitsweise-hero > .mw-idee-zusammenarbeit {
  padding: 0 !important;
}

.page-id-413 .mw-arbeitsweise-hero .mw-idee-modell-inner {
  max-width: none;
}

.page-id-413 .mw-arbeitsweise-hero .wp-block-columns {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  min-height: clamp(36rem, 44.4vw, 45rem);
}

.page-id-413 .mw-arbeitsweise-hero .wp-block-columns > .wp-block-column {
  grid-area: 1 / 1;
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
}

.page-id-413 .mw-arbeitsweise-hero .wp-block-column:first-child {
  position: relative;
  z-index: 2;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 44%;
  padding: clamp(2.5rem, 4vw, 4rem) 2rem clamp(2.5rem, 4vw, 4rem) clamp(2rem, 7vw, 7.5rem);
  padding-top: clamp(72px, 8vw, 120px);
}

.page-id-413 .mw-arbeitsweise-hero .wp-block-column:first-child > .mw-idee-zusammenarbeit-eyebrow {
  margin: 0;
  font-size: .9rem;
  letter-spacing: .15em;
  line-height: 1.5;
}

.page-id-413 .mw-arbeitsweise-hero h1 {
  font-size: clamp(2.5rem, 3.5vw, 3.8rem);
  line-height: 1.12;
  text-wrap: balance;
}

.page-id-413 .mw-arbeitsweise-hero h1 > span {
  display: block;
}

.page-id-413 .mw-arbeitsweise-hero .mw-idee-modell-einleitung {
  max-width: 31rem;
  font-size: 1.1rem;
  line-height: 1.65;
}

.page-id-413 .mw-arbeitsweise-hero .mw-idee-modell-einleitung p {
  margin: 0;
}

.page-id-413 .mw-arbeitsweise-hero .mw-idee-modell-einleitung p + p {
  margin-top: 1rem;
}

/* Überschreibt ausschließlich den bestehenden Inline-Abstand von 4rem. */
.page-id-413 .mw-arbeitsweise-hero .wp-block-column:first-child > .wp-block-group:last-child {
  margin-top: 2rem !important;
}

.page-id-413 .mw-arbeitsweise-hero .wp-block-column:last-child {
  position: relative;
  z-index: 0;
  justify-self: end;
  align-self: stretch;
  width: 66%;
}

.page-id-413 .mw-arbeitsweise-hero .wp-block-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.page-id-413 .mw-arbeitsweise-hero .wp-block-image img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
  mask-image: linear-gradient(90deg, transparent, #000 25%);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 25%);
}

.page-id-413 .mw-arbeitsweise-hero > .has-background {
  border-top: 1px solid rgba(248, 245, 239, .16);
  text-align: center;
}

.page-id-413 .mw-arbeitsweise-hero > .has-background > p {
  margin: 0;
  color: #D2B98D;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .03em;
  line-height: 1.5;
}

@media (max-width: 980px) {
  .page-id-413 .mw-arbeitsweise-hero .wp-block-columns {
    min-height: 0;
  }

  .page-id-413 .mw-arbeitsweise-hero .wp-block-columns > .wp-block-column {
    grid-area: auto;
    width: 100%;
  }

  .page-id-413 .mw-arbeitsweise-hero .wp-block-column:first-child {
    padding: 3.5rem 1.5rem;
    padding-top: clamp(72px, 8vw, 120px);
  }

  .page-id-413 .mw-arbeitsweise-hero h1,
  .page-id-413 .mw-arbeitsweise-hero .mw-idee-modell-einleitung {
    max-width: 38rem;
  }

  .page-id-413 .mw-arbeitsweise-hero .wp-block-image {
    position: relative;
    inset: auto;
    height: auto;
  }

  .page-id-413 .mw-arbeitsweise-hero .wp-block-image img {
    height: auto;
    mask-image: none;
    -webkit-mask-image: none;
  }
}

/* The theme header compensation also overlaps the stacked mobile hero. */
.page-id-413 .mw-arbeitsweise-hero {
  margin-block-start: 0rem !important;
}

/* Arbeitsweise – Schritt 2: ausschließlich Entscheidungswege. */
.page-id-413 .mw-arbeitsweise-entscheidungswege {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege > .mw-idee-modell-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(3rem, 5vw, 5rem);
  grid-template-rows: 1.5rem auto auto auto auto;
  align-items: start;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-idee-modell-eyebrow {
  grid-column: 1;
  grid-row: 1;
  font-size: .9rem;
  letter-spacing: .15em;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege h2 {
  grid-column: 1;
  grid-row: 2;
  font-size: clamp(2.5rem, 3.1vw, 3.4rem);
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -.025em;
}
/* Bestehendes globales !important für den Einleitungsabstand überschreiben. */
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-idee-modell-einleitung {
  grid-column: 2;
  grid-row: 1 / 3;
  max-width: 38rem;
  margin-top: 0 !important;
  font-size: 1.1rem;
  line-height: 1.6;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-idee-modell-einleitung p {
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-idee-modell-einleitung p + p {
  margin-top: 1rem;
}
/* Bestehendes globales !important für den Fazitabstand überschreiben. */
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-idee-fragen-fazit {
  grid-column: 2;
  grid-row: 3;
  margin-top: 1.75rem !important;
  padding-left: 1.25rem;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-idee-fragen-fazit p {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.5;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .wp-block-columns {
  grid-column: 1 / -1;
  grid-row: 4;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(3rem, 5vw, 5rem);
  align-items: stretch;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .wp-block-column {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege h3 {
  font-size: clamp(1.65rem, 2.15vw, 2.15rem);
  line-height: 1.2;
  letter-spacing: -.015em;
  font-weight: 600;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-arbeitsweise-perspektive-label {
  display: block;
  margin-bottom: .65rem;
  color: #476a57;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .wp-block-column > p {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.1rem;
  line-height: 1.65;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .wp-block-column > p:last-child {
  margin-top: auto;
  padding-top: 1.25rem;
  min-height: 4.35em;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.65;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-arbeitsweise-synthese {
  grid-column: 1 / -1;
  grid-row: 5;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-arbeitsweise-synthese p:first-child {
  font-size: clamp(1.5rem, 2vw, 1.9rem);
  line-height: 1.3;
}
.page-id-413 .mw-arbeitsweise-entscheidungswege .mw-arbeitsweise-synthese p + p {
  margin-top: .6rem;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6;
}
@media (max-width: 980px) {
  .page-id-413 .mw-arbeitsweise-entscheidungswege > .mw-idee-modell-inner {
    display: block;
  }
  /* Bestehenden globalen !important-Einleitungsabstand gezielt überschreiben. */
  .page-id-413 .mw-arbeitsweise-entscheidungswege .mw-idee-modell-einleitung {
    margin-top: 2rem !important;
    max-width: 42rem;
  }
}
@media (max-width: 781px) {
  .page-id-413 .mw-arbeitsweise-entscheidungswege .wp-block-columns {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 3.5rem;
  }
}

/* Oberen Abstand zum Breadcrumb nur in diesem Abschnitt reduzieren.
   Überschreibt das vorhandene !important-Padding der Modell-Komponente. */
.page-id-413 .mw-arbeitsweise-entscheidungswege {
  padding-top: clamp(2rem, 3vw, 3rem) !important;
}


/* Block 2: Trennlinie zwischen den beiden Entscheidungswegen. */
@media (min-width: 782px) {
  .page-id-413 .mw-arbeitsweise-entscheidungswege .wp-block-columns {
    position: relative;
  }
  .page-id-413 .mw-arbeitsweise-entscheidungswege .wp-block-columns::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: #d2b98d;
    pointer-events: none;
  }
}

/* Arbeitsweise – Block 3. Komposition gemäß freigegebenem Mockup.
   Nur dieses Kapitel; vorhandene Texte und Originalfoto erhalten. */
.page-id-413 .mw-arbeitsweise-tiefe {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  /* Überschreibt ausschließlich das !important-Padding der Modell-Basis. */
  padding: 0 !important;
  border-top: 1px solid #d2b98d;
  overflow: hidden;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-buehne {
  position: relative;
  isolation: isolate;
  margin: 0;
  border-bottom: 1px solid #d2b98d;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-buehne > .mw-idee-modell-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none;
  padding: var(--wp--preset--spacing--content) 7.4vw;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-idee-modell-eyebrow {
  font-size: clamp(.75rem, 1.08vw, .9rem);
  line-height: 1.5;
  letter-spacing: .15em;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-idee-erfahrung-heading {
  max-width: none;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-buehne h2 {
  max-width: 68%;
  font-size: clamp(2rem, 2.9vw, 3rem);
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-akzent {
  color: var(--wp--preset--color--primary, #c62f3a);
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-buehne .mw-idee-modell-einleitung {
  max-width: 60%;
  font-size: clamp(1.1rem, 1.18vw, 1.15rem);
  line-height: 1.65;
  /* Die gemeinsame Einleitung besitzt bereits einen wichtigen Abstand. */
  margin-top: 1rem !important;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-idee-modell-einleitung p {
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-dreiklang {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 71%;
  gap: clamp(1.75rem, 3vw, 3.25rem);
  margin: 3rem 0 0;
  align-items: start;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-dreiklang > .wp-block-column {
  padding-left: 1.15rem;
  border-left: 2px solid var(--wp--preset--color--primary, #c62f3a);
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-dreiklang h3 {
  font-size: clamp(1.1rem, 1.5vw, 1.55rem);
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.02em;
  /* Die gemeinsame Item-Überschrift setzt ihre Margin bereits wichtig. */
  margin-bottom: .35rem !important;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-dreiklang p {
  margin: 0;
  font-size: clamp(1rem, 1.05vw, 1.05rem);
  line-height: 1.5;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-foto {
  position: absolute;
  z-index: 0;
  inset: 0 -10% 0 auto;
  width: 60%;
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-foto figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  border-radius: 0;
  mask-image: linear-gradient(90deg, transparent 0%, transparent 20%, #000 45%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 20%, #000 45%);
}
/* Die Beschriftung bleibt innerhalb des sichtbaren Fotoausschnitts. */
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-foto .mwki-bildhinweis {
  right: calc(16.6667% + .75rem);
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-haltung {
  position: relative;
  z-index: 3;
  margin: 0;
  padding: calc(var(--wp--preset--spacing--content) * .7) 7.4vw;
  background: #f8f5ef;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-haltung > .mw-idee-modell-inner {
  display: grid;
  grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
  column-gap: clamp(2rem, 4vw, 4rem);
  row-gap: 1.25rem;
  align-items: start;
  max-width: none;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-persoenlich {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-persoenlich h2 {
  font-size: clamp(1.7rem, 2.2vw, 2.5rem);
  /* Die wiederverwendete Überschrift besitzt margin-top: .75rem !important. */
  margin-top: 0 !important;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-persoenlich .mw-idee-modell-einleitung {
  max-width: none;
  font-size: clamp(1.1rem, 1.15vw, 1.1rem);
  line-height: 1.65;
  margin-top: 1.5rem !important;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-persoenlich p + p {
  margin-top: .65rem;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-aussagen {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, 3.5vw, 3rem);
  margin: .8rem 0 0;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-aussagen > .wp-block-column {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  gap: 2rem;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-aussagen p {
  margin: 0;
  align-self: start;
  padding-left: 1.4rem;
  border-left: 2px solid var(--wp--preset--color--primary, #c62f3a);
  font-size: clamp(1rem, 1.12vw, 1.1rem);
  line-height: 1.5;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-aussagen strong {
  color: var(--wp--preset--color--primary, #c62f3a);
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  font-weight: 600;
  line-height: 1.4;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-abschluss {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0;
  margin-top: calc(60px - 1.25rem);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--wp--preset--color--primary, #c62f3a);
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-abschluss p {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.6;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-abschluss p + p {
  margin-top: .6rem;
}
.page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-abschluss p:first-child {
  font-size: clamp(1.5rem, 2vw, 1.9rem);
  line-height: 1.3;
  font-weight: 600;
}
@media (max-width: 980px) {
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-buehne > .mw-idee-modell-inner {
    padding: var(--wp--preset--spacing--content) 1.5rem;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-buehne h2,
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-buehne .mw-idee-modell-einleitung,
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-dreiklang {
    max-width: 100%;
    width: 100%;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-foto {
    position: relative;
    inset: auto;
    width: 100%;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-foto .mwki-bildhinweis {
    right: .75rem;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-foto img {
    height: auto;
    mask-image: none;
    -webkit-mask-image: none;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-haltung {
    padding: calc(var(--wp--preset--spacing--content) * .7) 1.5rem;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-haltung > .mw-idee-modell-inner {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-aussagen {
    grid-column: 1;
    grid-row: 2;
    margin-top: 1rem;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-abschluss {
    grid-row: 3;
    margin-top: calc(60px - 1.25rem);
  }
}
@media (max-width: 600px) {
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-dreiklang,
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-aussagen {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-aussagen > .wp-block-column {
    grid-template-rows: auto;
    gap: 1.5rem;
  }
}


/* Arbeitsweise – Block 4: Von der Entscheidung zur Wirkung.
   Ausschliesslich Seite 413 und dieser Abschnitt. */
.page-id-413 .mw-arbeitsweise-wirkung {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding: var(--wp--preset--spacing--content) 7.4vw;
  overflow: hidden;
  color: #f8f5ef;
  background: #152720;
}
.page-id-413 .mw-arbeitsweise-wirkung > .mw-idee-modell-inner {
  max-width: none;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-spalten {
  display: grid;
  grid-template-columns: minmax(0, 49fr) minmax(0, 51fr);
  align-items: start;
  gap: clamp(3rem, 5vw, 5rem);
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-links {
  position: relative;
  isolation: isolate;
  padding-bottom: clamp(15rem, 21vw, 20rem);
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-idee-zusammenarbeit-eyebrow {
  margin: 0;
  color: #d2b98d;
  font-size: .9rem;
  letter-spacing: .15em;
  line-height: 1.5;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-heading {
  position: relative;
  z-index: 2;
  margin: .75rem 0 1.25rem;
  color: #f8f5ef;
  font-size: clamp(2.4rem, 3.4vw, 3.6rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-heading span {
  display: block;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-text {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.65;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-text p {
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-text p + p {
  margin-top: 1rem;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-foto {
  position: absolute;
  z-index: 0;
  bottom: -1rem;
  left: -7.4vw;
  width: calc(100% + 7.4vw + 2rem);
  height: clamp(21rem, 28vw, 28rem);
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-foto figure {
  height: 100%;
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 65%;
  border-radius: 0;
  mask-image: linear-gradient(180deg, transparent 0%, transparent 20%, #000 45%, #000 85%, transparent 100%), linear-gradient(90deg, #000 75%, transparent);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 20%, #000 45%, #000 85%, transparent 100%), linear-gradient(90deg, #000 75%, transparent);
  -webkit-mask-composite: source-in;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-fragen {
  margin-top: .8rem;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-frage {
  display: grid;
  grid-template-columns: 3.2rem minmax(0, 1fr);
  align-items: start;
  gap: 1.3rem;
  margin: 0;
  padding: 1.25rem 0;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-frage + .mw-arbeitsweise-wirkung-frage {
  border-top: 2px solid rgba(248, 245, 239, .35);
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-frage p {
  margin: 0;
  font-size: clamp(1.15rem, 1.5vw, 1.5rem);
  line-height: 1.4;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-frage .mw-arbeitsweise-wirkung-nummer {
  color: var(--wp--preset--color--primary, #c62f3a);
  font-size: clamp(1.8rem, 2.5vw, 2.5rem);
  font-weight: 600;
  line-height: 1.1;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-rollen {
  margin: 2.5rem 0 0;
  font-size: clamp(1.3rem, 1.8vw, 1.8rem);
  line-height: 1.4;
  letter-spacing: -.015em;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-rollen span {
  display: block;
  margin-top: .65rem;
}
.page-id-413 .mw-arbeitsweise-wirkung .mw-idee-zusammenarbeit-fazit p {
  font-size: clamp(1.3rem, 1.7vw, 1.65rem);
  line-height: 1.45;
}
.page-id-413 .mw-arbeitsweise .mw-arbeitsweise-begleitung-heading {
  position: relative;
  z-index: 2;
  margin: .75rem 0 1.25rem;
  font-size: clamp(2.4rem, 3.4vw, 3.6rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.025em;
  text-wrap: balance;
}
@media (max-width: 980px) {
  .page-id-413 .mw-arbeitsweise-wirkung {
    padding: var(--wp--preset--spacing--content) 1.5rem;
  }
  .page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-spalten {
    grid-template-columns: minmax(0, 1fr);
    gap: 3rem;
  }
  .page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-heading {
    font-size: clamp(2.1rem, 6vw, 3.2rem);
  }
  .page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-links {
    padding-bottom: 0;
  }
  .page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-foto {
    position: relative;
    bottom: auto;
    left: -1.5rem;
    width: calc(100% + 3rem);
    height: auto;
    margin-top: 1.5rem;
  }
  .page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-foto img {
    height: auto;
    mask-image: linear-gradient(180deg, transparent, #000 25%);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 25%);
  }
}

/* Arbeitsweise – Block 4: freigegebener heller Teilblock. Nur Seite 413. */
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 4rem 7.4vw 2.5rem;
  background: #f8f5ef;
  color: #282625;
  font-size: 1.1rem;
  line-height: 1.5;
}
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-spalten {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 5vw, 5rem);
  max-width: 1280px;
  margin: 0 auto;
}
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-spalte {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: clamp(1.25rem, 2.6vw, 2.5rem);
  align-items: start;
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding-left: clamp(1.5rem, 2.6vw, 2.5rem);
  border-left: 2px solid var(--wp--preset--color--primary, #c62f3a);
}
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-text {
  min-width: 0;
  margin: 0;
}
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-text p {
  max-width: 35rem;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-icon {
  width: 4rem;
  height: 4rem;
  margin: .4rem 0 0;
}
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--wp--preset--color--primary, #c62f3a);
  -webkit-mask: var(--mw-wirkung-icon) center / contain no-repeat;
  mask: var(--mw-wirkung-icon) center / contain no-repeat;
}
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-icon-team { --mw-wirkung-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2080%2080%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2728%27%20cy%3D%2724%27%20r%3D%2710.5%27%2F%3E%3Ccircle%20cx%3D%2755%27%20cy%3D%2729%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M8%2061c0-12%208-19%2020-19s20%207%2020%2019M49%2044c14-2%2023%205%2023%2017%27%2F%3E%3C%2Fsvg%3E"); }
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-icon-ziel { --mw-wirkung-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2080%2080%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M52%2014a29%2029%200%201%200%2014%2014M48%2026a18%2018%200%201%200%207%207%27%2F%3E%3Ccircle%20cx%3D%2738%27%20cy%3D%2742%27%20r%3D%275%27%2F%3E%3Cpath%20d%3D%27M38%2042%2065%2015M59%2021l1-11%208-7%201%209%208-1-9%2010-9%200%27%2F%3E%3C%2Fsvg%3E"); }
@media (max-width: 980px) {
  .page-id-413 .mw-arbeitsweise-wirkung-ergaenzung { padding-inline: 1.5rem; }
  .page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-spalten { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
}
@media (max-width: 480px) {
  .page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-spalte { grid-template-columns: 3rem minmax(0, 1fr); gap: 1rem; padding-left: 1rem; }
  .page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-icon { width: 3rem; height: 3rem; }
}

/* Leere Icon-Gruppen gezielt sichtbar halten (Josephine blendet sie sonst aus). */
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-icon { display: block; }
.page-id-413 .mw-arbeitsweise-wirkung-ergaenzung .mw-wirkung-ergaenzung-text { grid-column: 2; }

/* Block 3: rechte Aussagen am linken Absatzbeginn ausrichten. */
@media (min-width: 981px) {
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-haltung > .mw-idee-modell-inner {
    row-gap: 0;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-persoenlich {
    display: contents;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-persoenlich h2 {
    grid-column: 1;
    grid-row: 1;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-persoenlich .mw-idee-modell-einleitung {
    grid-column: 1;
    grid-row: 2;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-aussagen {
    grid-column: 2;
    grid-row: 2;
    margin-top: 1.5rem;
  }
  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-abschluss {
    grid-row: 3;
    margin-top: 60px;
  }
}

/* Arbeitsweise – Block 5: Einleitungsabsätze wie im vorherigen Wirkungsblock. */
.page-id-413 .mw-arbeitsweise .mw-arbeitsweise-begleitung-heading + p,
.page-id-413 .mw-arbeitsweise .mw-arbeitsweise-begleitung-heading + p + p {
  font-size: 1.1rem;
  letter-spacing: normal;
  line-height: 1.65;
}

/* Arbeitsweise – Block 5: obere und untere Abschlusslinie. */
.page-id-413 section.mw-arbeitsweise:has(.mw-arbeitsweise-begleitung-heading) {
  border-top: 1px solid #d2b98d;
  border-bottom: 1px solid #d2b98d;
}


/* Startseite: H2-Typografie wie auf Ueber mich, auch im Angebotseditor. */
body.home.page-id-20 .entry-content h2.wp-block-heading,
body.home.page-id-20 #erst-einmal-sprechen h2.wp-block-heading,
.mw-angebot h2.wp-block-heading {
  font-size: clamp(30px, 3.2vw, 44px) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}
@media (max-width: 781px) {
  body.home.page-id-20 .entry-content h2.wp-block-heading,
  body.home.page-id-20 #erst-einmal-sprechen h2.wp-block-heading,
  .mw-angebot h2.wp-block-heading {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }
}

/* Gutenberg verwendet die Angebotsklasse und ggf. innere Block-Container. */
.mw-angebot { color: #f8f5ef; }
.mw-angebot h2.wp-block-heading[contenteditable] { text-wrap: nowrap; }
.mw-angebot .mw-angebot-zeile:has(> .block-editor-inner-blocks) { display: block; }
.mw-angebot .mw-angebot-zeile > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: clamp(80px, 9vw, 120px) 1px minmax(0, 1fr) clamp(42px, 5vw, 70px);
  column-gap: clamp(1.5rem, 3.5vw, 4rem);
  align-items: center;
}
@media (max-width: 781px) {
  .mw-angebot .mw-angebot-zeile > .block-editor-inner-blocks > .block-editor-block-list__layout {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "nummer leer pfeil" "inhalt inhalt inhalt";
    column-gap: 1rem;
    row-gap: 1.75rem;
  }
}


/* Startseite: Abschlusslinien fuer Weg und Arbeitsweise. */
body.home.page-id-20 #cta.mw-home-weg,
body.home.page-id-20 #arbeitsweise.mw-arbeitsweise {
  border-top: 1px solid #d2b98d;
  border-bottom: 1px solid #d2b98d;
}


/* Von der Idee zum Geschaeft: H2-Typografie wie auf Ueber mich. */
.page-id-608 .entry-content h2.wp-block-heading {
  font-size: clamp(30px, 3.2vw, 44px) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}
@media (max-width: 781px) {
  .page-id-608 .entry-content h2.wp-block-heading {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }
}


/* Von der Idee zum Geschaeft: Fazit linksbuendig zur Absatzachse. */
.page-id-608 .mw-idee-pruefen > .mw-idee-pruefen-fazit {
  margin-left: max(0px, calc((100% - 1280px) / 2)) !important;
  margin-right: auto !important;
  padding-left: clamp(1.75rem, 3vw, 3rem);
  border-left: 4px solid #c62f3a;
}
@media (max-width: 781px) {
  .page-id-608 .mw-idee-pruefen > .mw-idee-pruefen-fazit {
    padding-left: 1.5rem;
  }
}


/* Websiteweit: ausschliesslich H2-Schriftgewicht vereinheitlichen. */
@layer mw-h2-weight {
  h2 {
    font-weight: 600 !important;
  }
}

/* Arbeitsweise – Block 4: Desktop-Zahlenspalte mit Platz für 01–04. */
@media (min-width: 981px) {
  .page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-frage {
    grid-template-columns: minmax(4rem, max-content) minmax(0, 1fr);
  }
  .page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-nummer {
    white-space: nowrap;
  }
}

/* Arbeitsweise: H2-Skalierung wie Startseite, Über mich und Idee zum Geschäft.
   !important entspricht der bestehenden H2-Basis und übersteuert lokale/Inline-Größen. */
.page-id-413 .entry-content h2.wp-block-heading {
  font-size: clamp(30px, 3.2vw, 44px) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}
@media (max-width: 781px) {
  .page-id-413 .entry-content h2.wp-block-heading {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }
}


/* Arbeitsweise – Block 6: H2-Abstand zum Absatz wie in den vorherigen Bloecken. */
.page-id-413 .mw-idee-abschluss .mw-idee-erfahrung-heading {
  margin-bottom: 1.25rem !important;
}


/* Idee zum Geschaeft: einheitliche erklaerende Fliesstext-Absaetze. */
.page-id-608 .mw-idee-hero p.has-white-color[style*="font-size:1.2rem"],
.page-id-608 .mw-idee-fragen-intro,
.page-id-608 .mw-idee-pruefen-copy > p,
.page-id-608 .mw-idee-modell-einleitung,
.page-id-608 .mw-idee-modell-item > p,
.page-id-608 .mw-idee-klarheit-text > p:not(.mw-idee-klarheit-eyebrow),
.page-id-608 .mw-idee-klarheit-item > p,
.page-id-608 .mw-idee-erfahrung-text > p:not(:has(> a:only-child)),
.page-id-608 .mw-idee-zusammenarbeit-einleitung,
.page-id-608 .mw-idee-zusammenarbeit-text,
.page-id-608 .mw-idee-abschluss .wp-block-column > p:not(.mw-idee-erfahrung-eyebrow) {
  font-size: 1.1rem !important;
  line-height: 1.65 !important;
}


/* Idee zum Geschaeft: Zusammenarbeit-Einleitung auf der linken Inhaltsachse. */
.page-id-608 .mw-idee-zusammenarbeit-intro {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
}
.page-id-608 .mw-idee-zusammenarbeit-einleitung {
  width: 100%;
  max-width: 58rem;
  text-align: left;
}


/* Ueber mich: normale Fliesstext-Absaetze; Sonderformate bleiben erhalten. */
.page-id-415 .entry-content p.wp-block-paragraph[style*="font-size:1.08rem"] {
  font-size: 1.1rem !important;
  line-height: 1.65 !important;
}


/* Ueber mich: Prozessfolgen in den gleich hohen Spalten unten ausrichten. */
@media (min-width: 782px) {
  .page-id-415 #menschen-entscheiden .mw-entscheidungsweg {
    justify-content: space-between;
  }
  .page-id-415 #menschen-entscheiden .mw-prozessfolge {
    margin-top: auto !important;
    min-height: 3.3em;
  }
}


/* Websiteweit: weisser Rechtspfeil mit einem Leerzeichen in roten CTA-Links. */
.wp-block-button__link.has-primary-background-color::after,
.wp-block-navigation .mw-nav-cta > .wp-block-navigation-item__content::after,
.wp-block-navigation .nav-erstgespraech > a::after,
.wp-block-navigation a.nav-erstgespraech::after {
  content: "\00a0\2192";
  color: #fff;
  white-space: pre;
}

/* Navigations-CTA: Text und Pfeil nebeneinander halten. */
.wp-block-navigation .mw-nav-cta > .wp-block-navigation-item__content,
.wp-block-navigation .nav-erstgespraech > a,
.wp-block-navigation a.nav-erstgespraech {
  flex-direction: row !important;
  align-items: center;
}


/* Arbeitsweise – CTA Block 6: H3 wie die inhaltlichen H3 und Absatzabstand. */
.page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:last-child > h3 {
  font-size: clamp(1.25rem, 1.8vw, 1.55rem) !important;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 .75rem !important;
}
/* CTA: H3 an der letzten H2-Zeile, beide Einleitungsabsaetze in derselben Zeile. */
.page-id-413 .mw-idee-abschluss__inner .mw-idee-zusammenarbeit-eyebrow {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .03em;
  line-height: 1.618;
}
.page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:first-child > h2 + p {
  margin-bottom: 1rem !important;
}
@media (min-width: 901px) {
  .page-id-413 .mw-idee-abschluss__inner > .wp-block-columns {
    display: grid;
    grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
    row-gap: 0;
    align-items: start;
  }
  .page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column {
    display: contents;
  }
  .page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:first-child > * {
    grid-column: 1;
    align-self: start;
  }
  .page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:last-child > * {
    grid-column: 2;
    align-self: start;
  }
  .page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:last-child > h3 {
    grid-row: 2;
    align-self: end;
    margin-bottom: calc(1.25rem + clamp(30px, 3.2vw, 44px) * 1.15 - clamp(1.25rem, 1.8vw, 1.55rem) * 1.25) !important;
  }
  .page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:last-child > h3 + p {
    grid-row: 3;
    margin-bottom: 1rem !important;
  }
  .page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:last-child > .wp-block-buttons {
    grid-row: 4;
    margin-top: 0;
  }
  .page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:last-child > .wp-block-group {
    grid-row: 5;
  }
}


/* Prozess- und Hinweisphrasen: einheitliche Typografie; Arbeitsweise-Hero bleibt ausgenommen. */
body.home.page-id-20 .mw-gespraechsabschluss-microcopy,
.page-id-417 .mw-erstgespraech-hero-content > p:last-child,
.page-id-608 .mw-idee-hero .wp-block-buttons + p,
.page-id-413 .mw-idee-abschluss__inner .mw-idee-zusammenarbeit-eyebrow,
:is(.page-id-20, .page-id-415) .mw-prozessfolge,
.page-id-413 .mw-arbeitsweise-entscheidungswege .wp-block-column > p.has-primary-color:last-child {
  font-size: 1rem !important;
  letter-spacing: .1em !important;
}
/* Abstand unter CTA-Buttons wie im Startseiten-Abschluss vor dem FAQ. */
.page-id-608 .mw-idee-hero .wp-block-buttons {
  margin-bottom: 0 !important;
}
.page-id-608 .mw-idee-hero .wp-block-buttons + p {
  margin-top: var(--wp--preset--spacing--30) !important;
}
.page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:last-child > .wp-block-buttons {
  margin-bottom: 0 !important;
}
.page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:last-child > .wp-block-buttons + .wp-block-group {
  margin-top: var(--wp--preset--spacing--30) !important;
}
@media (min-width: 901px) {
  .page-id-413 .mw-idee-abschluss__inner > .wp-block-columns > .wp-block-column:first-child > h2 + p + p {
    margin-bottom: 0 !important;
  }
}


/* Arbeitsweise, Block 5: Zahlen und zugehoerige Texte klar gruppieren */
.page-id-413 .mw-arbeitsweise-schritte {
  gap: 3rem !important;
}

.page-id-413 .mw-arbeitsweise-schritte .mw-arbeitsweise-text {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 0.75rem !important;
  align-items: start;
}

.page-id-413 .mw-arbeitsweise-schritte .mw-arbeitsweise-nummer {
  white-space: nowrap;
}

/* Arbeitsweise: unveroeffentlichter Wide-Screen-Pruefstand.
   Ausschliesslich horizontale Begrenzung, ab 1440px. */
@media (min-width: 1440px) {
  .page-id-413 .mw-arbeitsweise-hero .mw-idee-modell-inner,
  .page-id-413 .mw-arbeitsweise-tiefe > .mw-arbeitsweise-buehne {
    box-sizing: border-box;
    width: min(calc(100% - 64px), 1280px);
    max-width: 1280px;
    margin-inline: auto;
  }

  .page-id-413 .mw-arbeitsweise-hero .wp-block-column:first-child {
    padding-left: 0;
  }

  .page-id-413 .mw-arbeitsweise-hero > .has-background > p {
    max-width: 1280px;
    margin-inline: auto;
  }

  .page-id-413 .mw-arbeitsweise-tiefe > .mw-arbeitsweise-buehne {
    overflow: clip;
  }

  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-buehne > .mw-idee-modell-inner {
    padding-inline: 0;
  }

  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-haltung,
  .page-id-413 .mw-arbeitsweise-wirkung,
  .page-id-413 .mw-arbeitsweise-wirkung-ergaenzung {
    padding-inline: 32px;
  }

  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-haltung > .mw-idee-modell-inner,
  .page-id-413 .mw-arbeitsweise-wirkung > .mw-idee-modell-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin-inline: auto;
  }

  .page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-foto {
    left: 0;
    width: calc(100% + 2rem);
  }

  /* Bestehende !important-Aussenpaddings gezielt ueberschreiben. */
  .page-id-413 .mw-arbeitsweise-entscheidungswege,
  .page-id-413 .mw-idee-abschluss {
    padding-inline: 32px !important;
  }

  .page-id-413 #arbeitsweise.mw-arbeitsweise {
    box-sizing: border-box;
    width: 100%;
    margin-inline: 0;
    padding-inline: 32px;
  }

  .page-id-413 #arbeitsweise.mw-arbeitsweise > .wp-block-group {
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 0 !important;
  }
}

/* Arbeitsweise: Bildhintergruende full width, Text im 1280px-Raster. */
@media (min-width: 1440px) {
  .page-id-413 .mw-arbeitsweise-hero .mw-idee-modell-inner,
  .page-id-413 .mw-arbeitsweise-tiefe > .mw-arbeitsweise-buehne {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .page-id-413 .mw-arbeitsweise-hero .wp-block-columns > .wp-block-column:first-child {
    width: min(calc(100% - 64px), 1280px);
    justify-self: center;
    padding-right: calc(min(calc((100% - 64px) * 0.56), 716.8px) + 2rem);
  }

  .page-id-413 .mw-arbeitsweise-tiefe .mw-arbeitsweise-buehne > .mw-idee-modell-inner {
    width: min(calc(100% - 64px), 1280px);
    max-width: 1280px;
    margin-inline: auto;
  }

  .page-id-413 .mw-arbeitsweise-wirkung .mw-arbeitsweise-wirkung-foto {
    left: calc((1280px - 100vw) / 2);
    width: calc(100% + 2rem + (100vw - 1280px) / 2);
  }
}

/* Startseite: Hero, Inhalt 1280px, Foto randfuellend. */
@media (min-width: 1440px) {
  .page-id-20 #mehrwert {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }
  .page-id-20 #mehrwert > .mw-home-hero {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    background-image: url('https://mehrwert.kerstin-thieler.de/wp-content/uploads/2026/10/startseite-hero-panorama-v1.png');
    background-size: cover;
    background-position: 69% 31%;
  }
  .page-id-20 #mehrwert .mw-home-hero > .wp-block-cover__inner-container {
    width: min(calc(100% - 64px), 1280px);
    max-width: 1280px;
    margin-inline: auto;
  }
  .page-id-20 .mw-home-hero .mw-home-hero-content {
    padding-inline: 0;
  }
  .page-id-20 .mw-home-hero.mw-home-hero-wide > .wp-block-cover__image-background {
    visibility: hidden;
  }
}

/* Startseite: Hero-Textbereich 32px weiter nach oben. */
@media (min-width: 1440px) {
  .page-id-20 .mw-home-hero .mw-home-hero-content {
    padding-top: calc(clamp(3.5rem, 7vw, 7rem) - 32px);
    padding-bottom: calc(clamp(3.5rem, 7vw, 7rem) + 32px);
  }
}

/* Wide-Screen-Inhaltsachsen: Idee zum Geschaeft (608) und Erstgespraech (417).
   Freigegebene horizontale Korrekturen. */
@media (min-width: 1440px) {
  .page-id-608 .mw-idee-hero > .wp-block-cover__inner-container,
  .page-id-417 .mw-erstgespraech-hero > .wp-block-cover__inner-container {
    box-sizing: border-box;
    width: min(calc(100% - 64px), 1280px);
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 0;
  }

  /* Inline-Paddings wuerden bei 1440px die gemeinsame Hero-Achse verhindern. */
  .page-id-417 .mw-erstgespraech-hero {
    padding-inline: 32px !important;
  }

  .page-id-417 .mw-erstgespraech-ablauf > .mw-erstgespraech-eyebrow,
  .page-id-417 .mw-erstgespraech-ablauf > .mw-erstgespraech-section-heading,
  .page-id-417 .mw-erstgespraech-ablauf > .mw-erstgespraech-ablauf__intro,
  .page-id-417 .mw-erstgespraech-ablauf > .mw-erstgespraech-schritte,
  .page-id-417 .mw-erstgespraech-formular > .mw-erstgespraech-eyebrow,
  .page-id-417 .mw-erstgespraech-formular > .mw-erstgespraech-section-heading,
  .page-id-417 .mw-erstgespraech-formular > .wpcf7,
  .page-id-417 .mw-erstgespraech-abschluss > .wp-block-columns {
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin-inline: auto;
  }

  /* Schmale Einleitung bleibt schmal; vorhandene wichtige Achsenregel ersetzen. */
  .page-id-417 .mw-erstgespraech-formular > .mw-erstgespraech-formular__intro {
    margin-left: max(0px, calc((100% - 1280px) / 2)) !important;
  }

  /* Bestehende Fotogroesse trotz 100px breiterem Abschlussraster erhalten. */
  .page-id-417 .mw-erstgespraech-abschluss > .wp-block-columns > .wp-block-column:last-child > .wp-block-image {
    width: calc(100% - 40px);
    margin-left: auto;
  }
}

/* Erstgespraech: goldene Abschlusslinien am Kontaktformular-Block. */
.page-id-417 #anliegen.mw-erstgespraech-formular {
  border-top: 1px solid #d2b98d;
  border-bottom: 1px solid #d2b98d;
}


/* Strategisches Sparring, Entwurf 1086: Hero-Komponente der Referenzseite 608. */
.page-id-1086 .mw-sparring-hero {
  box-sizing: border-box;
  width: 100%; max-width: none; margin-inline: 0 !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.page-id-1086 .mw-sparring-hero p.has-white-color[style*="font-size:1.2rem"] {
  font-size: 1.1rem !important;
  line-height: 1.65 !important;
}
.page-id-1086 .mw-sparring-hero .wp-block-buttons { margin-bottom: 0 !important; }
.page-id-1086 .mw-sparring-hero .wp-block-buttons + p {
  margin-top: var(--wp--preset--spacing--30) !important;
  font-size: 1rem !important;
  letter-spacing: .1em !important;
}
@media (min-width: 1440px) {
  .page-id-1086 .mw-sparring-hero { padding-inline: 0 !important; }
  .page-id-1086 .mw-sparring-hero > .wp-block-cover__inner-container {
    box-sizing: border-box;
    width: min(calc(100% - 64px), 1280px);
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (max-width: 781px) {
  .page-id-1086 .mw-sparring-hero { padding-top: 64px !important; padding-bottom: 64px !important; }
}


/* Strategisches Sparring, Entwurf 409: Hero-Komponente der Referenzseite 608. */
.page-id-409 .mw-sparring-hero {
  box-sizing: border-box;
  width: 100%; max-width: none; margin-inline: 0 !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.page-id-409 .mw-sparring-hero p.has-white-color[style*="font-size:1.2rem"] {
  font-size: 1.1rem !important;
  line-height: 1.65 !important;
}
.page-id-409 .mw-sparring-hero .wp-block-buttons { margin-bottom: 0 !important; }
.page-id-409 .mw-sparring-hero .wp-block-buttons + p {
  margin-top: var(--wp--preset--spacing--30) !important;
  font-size: 1rem !important;
  letter-spacing: .1em !important;
}
@media (min-width: 1440px) {
  .page-id-409 .mw-sparring-hero { padding-inline: 0 !important; }
  .page-id-409 .mw-sparring-hero > .wp-block-cover__inner-container {
    box-sizing: border-box;
    width: min(calc(100% - 64px), 1280px);
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (max-width: 781px) {
  .page-id-409 .mw-sparring-hero { padding-top: 64px !important; padding-bottom: 64px !important; }
}


/* Strategisches Sparring – ausschließlich Block 3: Perspektivwechsel. */
.page-id-409 .mw-sparring-perspektivwechsel {
  box-sizing: border-box; width: 100%; max-width: none; margin: 0 !important;
  padding: 80px clamp(2rem, 6vw, 5rem); background: #142722; color: #f8f5ef;
}
.page-id-409 .mw-sparring-perspektivwechsel-inner {
  box-sizing: border-box; width: 100%; max-width: 1280px; margin-inline: auto;
}
.page-id-409 .mw-sparring-perspektivwechsel-heading {
  margin: .75rem 0 0; color: inherit; font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 400; letter-spacing: -.02em; line-height: 1.15; text-transform: none;
}
.page-id-409 .mw-sparring-perspektivwechsel .mw-sparring-perspektivwechsel-akzent { color: #c62f3a; }
.page-id-409 .mw-sparring-perspektivwechsel-intro {
  max-width: 66rem; margin: 1.5rem 0 0; font-size: 1.1rem; line-height: 1.65;
}
.page-id-409 .mw-sparring-perspektivwechsel-fragen {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 5vw, 5rem); align-items: start;
  margin: 2.5rem 0 0; padding: 2.5rem 0;
  border-top: 2px solid rgba(248, 245, 239, .35);
  border-bottom: 2px solid rgba(248, 245, 239, .35);	
}
.page-id-409 .mw-sparring-perspektivwechsel-fragen > .wp-block-column { min-width: 0; margin: 0; }
.page-id-409 .mw-sparring-perspektivwechsel-fragen h3 {
  margin: 1rem 0 1.5rem; color: inherit; font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  font-weight: 400; letter-spacing: -.02em; line-height: 1.2; text-transform: none;
}
.page-id-409 .mw-sparring-perspektivwechsel-fragen p:not(.mw-idee-pruefen-eyebrow) {
  margin: 0; color: inherit; font-size: 1.1rem; line-height: 1.65;
}
.page-id-409 .mw-sparring-perspektivwechsel .mw-idee-pruefen-fazit {
  box-sizing: border-box; width: 100%; max-width: 62rem;
  margin: 40px 0 0 !important; padding-left: clamp(1.75rem, 3vw, 3rem);
  border-left: 4px solid #c62f3a;
}
.page-id-409 .mw-sparring-perspektivwechsel .mw-idee-pruefen-fazit strong { display: block; font-weight: 600; }
@media (max-width: 781px) {
  .page-id-409 .mw-sparring-perspektivwechsel { padding: 64px 1.5rem; }
  .page-id-409 .mw-sparring-perspektivwechsel-fragen { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .page-id-409 .mw-sparring-perspektivwechsel .mw-idee-pruefen-fazit { padding-left: 1.5rem; }
}


/* Gutenberg: nur Block 3 des Sparring-Entwurfs 409. Frontend-Regeln bleiben unveraendert. */

.editor-styles-wrapper .mw-sparring-perspektivwechsel {
  box-sizing: border-box; width: 100%; max-width: none; margin: 0 !important;
  padding: 80px clamp(2rem, 6vw, 5rem); background: #142722; color: #f8f5ef;
}
.editor-styles-wrapper .mw-sparring-perspektivwechsel-inner {
  box-sizing: border-box; width: 100%; max-width: 1280px; margin-inline: auto;
}
.editor-styles-wrapper .mw-sparring-perspektivwechsel-heading {
  margin: .75rem 0 0; color: inherit; font-size: clamp(30px, 3.2vw, 44px);
  font-weight: 400; letter-spacing: -.02em; line-height: 1.15; text-transform: none;
}
.editor-styles-wrapper .mw-sparring-perspektivwechsel .mw-sparring-perspektivwechsel-akzent { color: #efb2a1; }
.editor-styles-wrapper .mw-sparring-perspektivwechsel-intro {
  max-width: 66rem; margin: 1.5rem 0 0; font-size: 1.1rem; line-height: 1.65;
}
.editor-styles-wrapper .mw-sparring-perspektivwechsel-fragen {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 5vw, 5rem); align-items: start;
  margin: 2.5rem 0 0; padding: 2.5rem 0;
  border-top: 2px solid rgba(116, 107, 94, .26);
  border-bottom: 2px solid rgba(116, 107, 94, .26);
}
.editor-styles-wrapper .mw-sparring-perspektivwechsel-fragen > .wp-block-column { min-width: 0; margin: 0; }
.editor-styles-wrapper .mw-sparring-perspektivwechsel-fragen h3 {
  margin: 1rem 0 1.5rem; color: inherit; font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  font-weight: 400; letter-spacing: -.02em; line-height: 1.2; text-transform: none;
}
.editor-styles-wrapper .mw-sparring-perspektivwechsel-fragen p:not(.mw-idee-pruefen-eyebrow) {
  margin: 0; color: inherit; font-size: 1.1rem; line-height: 1.65;
}
.editor-styles-wrapper .mw-sparring-perspektivwechsel .mw-idee-pruefen-fazit {
  box-sizing: border-box; width: 100%; max-width: 62rem;
  margin: 40px 0 0 !important; padding-left: clamp(1.75rem, 3vw, 3rem);
  border-left: 4px solid #c62f3a;
}
.editor-styles-wrapper .mw-sparring-perspektivwechsel .mw-idee-pruefen-fazit strong { display: block; font-weight: 600; }
@media (max-width: 781px) {
  .editor-styles-wrapper .mw-sparring-perspektivwechsel { padding: 64px 1.5rem; }
  .editor-styles-wrapper .mw-sparring-perspektivwechsel-fragen { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .editor-styles-wrapper .mw-sparring-perspektivwechsel .mw-idee-pruefen-fazit { padding-left: 1.5rem; }
}

.editor-styles-wrapper .mw-sparring-perspektivwechsel-inner { max-width: 1280px !important; margin-inline: auto !important; }
.editor-styles-wrapper .mw-sparring-perspektivwechsel .mw-idee-pruefen-eyebrow { text-align: left; }
.editor-styles-wrapper .mw-sparring-perspektivwechsel h2,
.editor-styles-wrapper .mw-sparring-perspektivwechsel h3,
.editor-styles-wrapper .mw-sparring-perspektivwechsel p { text-align: left; }


/* Strategisches Sparring – ausschließlich Block 4: Tempo und Weitblick. */
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo {
  position: relative; isolation: isolate; box-sizing: border-box;
  width: 100%; max-width: none; margin: 0 !important;
  padding-block: 80px; background: #f8f5ef; color: #282625;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo .mw-sparring-tempo-bild {
  position: absolute; z-index: -1; inset: 0 auto 0 0;
  width: calc(50% - 16px); height: 100%; margin: 0;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-bild img {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: 25% center;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-bild::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent 90%, #f8f5ef 100%); pointer-events: none;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo .mw-sparring-tempo-inner { position: relative; margin-block: 0; }
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-text {
  box-sizing: border-box; width: calc(50% - 32px); margin: 0 0 0 auto;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo .mw-sparring-tempo-eyebrow { color: var(--wp--preset--color--secondary); }
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo h2 {
  margin: 1.25rem 0 1.5rem; color: #142722;
  font-size: clamp(30px, 3.2vw, 44px); font-weight: 400; letter-spacing: -.02em; line-height: 1.15; text-transform: none;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-intro { margin: 0; font-size: 1.1rem; line-height: 1.65; }
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-nutzen {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem; margin-top: 2.5rem;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-vorteil {
  min-width: 0; margin: 0; padding-bottom: 1.5rem; border-bottom: 2px solid #d2b98d;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-vorteil h3 {
  margin: 0 0 .75rem; color: #142722; font-size: 1.25rem;
  font-weight: 600; letter-spacing: -.02em; line-height: 1.25; text-transform: none;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-vorteil p { margin: 0; font-size: 1rem; line-height: 1.65; }
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo .mw-idee-pruefen-fazit {
  box-sizing: border-box; width: 100%; margin: 40px 0 0 !important;
  padding-left: clamp(1.75rem, 3vw, 3rem);
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo .mw-idee-pruefen-fazit p { color: #142722; font-weight: 600; }
@media (min-width: 782px) and (max-width: 1100px) {
  :is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-nutzen { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
}
@media (max-width: 1100px) {
  :is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo { padding: 0 0 64px; }
  :is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo .mw-sparring-tempo-bild {
    position: relative; z-index: auto; inset: auto; width: 100%; height: auto; margin-bottom: 2.5rem;
  }
  :is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-bild img { height: auto; object-fit: contain; }
  :is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-bild::after { background: linear-gradient(0deg, #f8f5ef, transparent 18%); }
  :is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-text { width: 100%; margin: 0; }
  :is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-nutzen { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  :is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo .mw-idee-pruefen-fazit { padding-left: 1.5rem; }
}

/* Block 4: vier dekorative Linien-Icons entsprechend dem freigegebenen Mock-up. */
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-vorteil {
  display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; align-items: start;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-icon {
  display: flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; border-radius: 50%; background: #f1e6d4; color: #c62f3a;
}
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-icon svg { display: block; width: 28px; height: 28px; }
:is(.page-id-409, .editor-styles-wrapper) .mw-sparring-tempo-vorteil-text { min-width: 0; margin: 0; }

/* Strategisches Sparring – ausschließlich Block 5: Methoden & Denkwerkzeuge. */
.mw-sparring-methoden {
  border-top: 1px solid #d2b98d; border-bottom: 1px solid #d2b98d;
  box-sizing: border-box; width: 100%; max-width: none; margin: 0 !important;
  padding-block: 80px; background: #eef1ea; color: #282625;
}
.mw-sparring-methoden .mw-sparring-methoden-inner { margin-block: 0; }
.mw-sparring-methoden .mw-idee-pruefen-eyebrow { color: #476a57; }
.mw-sparring-methoden h2 {
  margin: 1.25rem 0 1.5rem; color: #142722;
  font-size: clamp(30px, 3.2vw, 44px); font-weight: 400; letter-spacing: -.02em; line-height: 1.15; text-transform: none;
}
.mw-sparring-methoden .mw-sparring-methoden-intro { max-width: 58rem; margin: 0 0 2.5rem; font-size: 1.1rem; line-height: 1.65; }
.mw-sparring-methoden .mw-sparring-methoden-raster {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin: 0; align-items: stretch;
}
.mw-sparring-methoden .mw-sparring-methode { display: flex; flex-direction: column; min-width: 0; margin: 0; }
.mw-sparring-methoden .mw-sparring-methoden-motiv { position: relative; margin: 0 0 2.25rem; }
.mw-sparring-methoden .mw-sparring-methoden-motiv figure { margin: 0; }
.mw-sparring-methoden .mw-sparring-methoden-motiv img {
  display: block; width: 100%; height: auto; aspect-ratio: 1672 / 941; object-fit: contain; object-position: center; border: 0; border-radius: 0; box-shadow: none;
}
.mw-sparring-methoden .mw-sparring-methoden-nummer {
  position: absolute; z-index: 2; left: .75rem; bottom: -1.75rem; display: grid; place-items: center;
  box-sizing: border-box; width: 3.5rem; height: 3.5rem; margin: 0; border-radius: 50%;
  background: #f1e6d4; color: #c62f3a; font-family: var(--wp--preset--font-family--headings, inherit); font-size: 1.5rem; line-height: 1;
}
.mw-sparring-methoden .mw-sparring-methode h3 {
  margin: 0; color: #142722; font-size: clamp(1.25rem, 1.8vw, 1.65rem); font-weight: 400; letter-spacing: -.02em; line-height: 1.2; text-transform: none;
}
.mw-sparring-methoden .mw-sparring-methode h3 span { display: inline-block; margin-top: .2rem; }
.mw-sparring-methoden .mw-sparring-methoden-linie { width: 100%; max-width: none; height: 2px; margin: 1rem 0; border: 0; background: #d2b98d; opacity: 1; }
.mw-sparring-methoden .mw-sparring-methoden-beschreibung { margin: 0 0 1.25rem; font-size: 1rem; line-height: 1.65; }
.mw-sparring-methoden .mw-sparring-methoden-leitfrage { display: flex; gap: .75rem; align-items: baseline; margin: auto 0 0; color: #142722; font-size: 1rem; line-height: 1.5; min-height: 3em; }
.mw-sparring-methoden .mw-sparring-methoden-pfeil { flex: 0 0 auto; color: #c62f3a; }
.mw-sparring-methoden .mw-idee-pruefen-fazit { width: 100%; max-width: 1280px; margin: 3rem 0 0 !important; }
.mw-sparring-methoden .mw-idee-pruefen-fazit p { max-width: none; color: #142722; font-weight: 600; }
.mw-sparring-methoden .has-primary-color { color: #c62f3a !important; }
@media (max-width: 1023px) {
  .mw-sparring-methoden .mw-sparring-methoden-raster { grid-template-columns: minmax(0, 1fr); gap: 3rem; }
  .mw-sparring-methoden .mw-sparring-methode h3 { font-size: 1.65rem; }
}
@media (max-width: 700px) {
  .mw-sparring-methoden { padding-block: 64px; }
  .mw-sparring-methoden .mw-sparring-methoden-intro { margin-bottom: 2rem; }
  .mw-sparring-methoden .mw-sparring-methoden-motiv img { aspect-ratio: 1672 / 941; }
}


/* Strategisches Sparring – ausschließlich Block 6: Erfahrung, die weiterdenkt. */
.mw-sparring-erfahrung {
  box-sizing: border-box; width: 100%; max-width: none; margin: 0 !important;
  padding: 0; background: #f8f5ef; color: #282625;
}
.mw-sparring-erfahrung .mw-sparring-erfahrung-inner {
  display: grid; grid-template-columns: max(32px, calc((100% - 1280px) / 2)) minmax(0, calc((min(100% - 64px, 1280px) - 32px) * .6)) 32px minmax(0, 1fr);
  width: 100% !important; max-width: none !important; margin: 0 !important;
  gap: 0; align-items: stretch;
}
.mw-sparring-erfahrung .wp-block-column { min-width: 0; margin: 0; }
.mw-sparring-erfahrung .mw-idee-pruefen-eyebrow { color: #476a57; }
.mw-sparring-erfahrung h2 {
  margin: 1.25rem 0 1.5rem; color: #142722;
  font-size: clamp(30px, 3.2vw, 44px); font-weight: 400; letter-spacing: -.02em; line-height: 1.15; text-transform: none;
}
.mw-sparring-erfahrung .mw-sparring-erfahrung-text > p:not(.mw-idee-pruefen-eyebrow) {
  margin: 0 0 1.5rem; font-size: 1.1rem; line-height: 1.65;
}
.mw-sparring-erfahrung .mw-sparring-erfahrung-linie {
  width: 100%; max-width: none; height: 2px; margin: 2rem 0; border: 0; background: #d2b98d; opacity: 1;
}
.mw-sparring-erfahrung .mw-idee-pruefen-fazit { margin: 0 !important; }
.mw-sparring-erfahrung .mw-idee-pruefen-fazit p { color: #142722; font-weight: 600; }
.mw-sparring-erfahrung .has-primary-color { color: #c62f3a !important; }
.mw-sparring-erfahrung .mw-sparring-erfahrung-text { grid-column: 2; padding-block: 80px; }
.mw-sparring-erfahrung .mw-sparring-erfahrung-portrait { grid-column: 4; position: relative; padding: 0; }
.mw-sparring-erfahrung .mw-sparring-erfahrung-portrait figure { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; }
.mw-sparring-erfahrung .mw-sparring-erfahrung-portrait img {
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: 75% center;
  border: 0; border-radius: 0; box-shadow: none;
}
@media (min-width: 1101px) {
  .mw-sparring-erfahrung .mw-sparring-erfahrung-portrait::before {
    content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0;
    width: 120px; pointer-events: none;
    background: linear-gradient(to right, #f8f5ef 0%, rgba(248, 245, 239, 0) 100%);
  }
}
@media (max-width: 1100px) {
  .mw-sparring-erfahrung .mw-sparring-erfahrung-inner { grid-template-columns: minmax(0, 1fr); }
  .mw-sparring-erfahrung .mw-sparring-erfahrung-text { grid-column: 1; padding: 80px 32px; }
  .mw-sparring-erfahrung .mw-sparring-erfahrung-portrait { grid-column: 1; }
  .mw-sparring-erfahrung .mw-sparring-erfahrung-portrait figure { position: static; height: auto; }
  .mw-sparring-erfahrung .mw-sparring-erfahrung-portrait img { height: auto; object-fit: contain; }
}
@media (max-width: 700px) {
  .mw-sparring-erfahrung .mw-sparring-erfahrung-text { padding: 64px 24px; }
}


/* Strategisches Sparring – Block 8: vorhandene Abschluss-CTA-Komponente.
   Nur dieser Block; Referenzabstaende inkl. Abschlusslinie und Punkt. */
#mw-sparring-abschluss.mw-idee-abschluss {
  box-sizing: border-box; width: 100%; max-width: none; margin: 0 !important;
  padding: 80px clamp(2rem, 6vw, 5rem) !important;
}
#mw-sparring-abschluss .mw-idee-abschluss__inner {
  box-sizing: border-box; position: relative; width: 100%; max-width: 1280px;
  margin-inline: auto !important; padding-bottom: 50px;
}
#mw-sparring-abschluss .mw-idee-abschluss__inner::before {
  content: ""; position: absolute; bottom: 0; left: 0; right: 5px;
  height: 1px; background: #d2b98d; pointer-events: none;
}
#mw-sparring-abschluss .mw-idee-abschluss__inner::after {
  content: ""; position: absolute; bottom: -4px; right: 0;
  width: 9px; height: 9px; border-radius: 50%; background: #c62f3a; pointer-events: none;
}
#mw-sparring-abschluss h2.wp-block-heading {
  font-size: clamp(30px, 3.2vw, 44px) !important; font-weight: 400 !important;
  letter-spacing: -.02em !important; line-height: 1.15 !important; text-transform: none !important;
}
#mw-sparring-abschluss .wp-block-column > p:not(.mw-idee-erfahrung-eyebrow) {
  font-size: 1.1rem !important; line-height: 1.65 !important;
}
@media (max-width: 900px) {
  #mw-sparring-abschluss .wp-block-columns { flex-wrap: wrap !important; }
  #mw-sparring-abschluss .wp-block-column { flex-basis: 100% !important; }
  #mw-sparring-abschluss .mw-idee-abschluss__inner { padding-bottom: 48px; }
}
@media (max-width: 781px) {
  #mw-sparring-abschluss.mw-idee-abschluss { padding-block: 64px !important; }
  #mw-sparring-abschluss .mw-idee-abschluss__inner { padding-bottom: 40px; }
  #mw-sparring-abschluss h2.wp-block-heading { font-size: 30px !important; line-height: 1.18 !important; }
}
@media (max-width: 700px) {
  #mw-sparring-abschluss.mw-idee-abschluss { padding-inline: 1.5rem !important; }
}


/* Responsive repair phase 1 — local candidate, not published. */
/* R01: post-content has zero padding; its direct full-width children
   must not compensate for Gutenberg's inherited 4vw root padding. */
.entry-content.has-global-padding > .alignfull {
  margin-left: 0;
  margin-right: 0;
}
/* Template parts already span their full-width parent. Avoid 100vw,
   which includes the scrollbar, and the obsolete breakout offset. */
.wp-block-template-part > .alignfull {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.page-id-608 .mw-idee-hero > .wp-block-cover__image-background {
  /* Preserve the existing photo's horizontal framing inside the cover. */
  left: calc(-1 * var(--wp--style--root--padding-left));
  width: calc(100% + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
  max-width: none;
}
@media (max-width: 1439.98px) {
  .page-id-20 #arbeitsweise > .wp-block-group {
    /* Its 80px inner padding formerly included the removed root offset.
       Preserve the existing content width, including its nowrap intro. */
    padding-left: max(0px, calc(80px - var(--wp--style--root--padding-left))) !important;
    padding-right: max(0px, calc(80px - var(--wp--style--root--padding-right))) !important;
  }
  .page-id-608 .mw-idee-hero > .wp-block-cover__inner-container {
    /* Keep its pre-existing text measure and thus its photo height.
       The cover centers this box; its own padding keeps text in view. */
    width: calc(100% + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
    max-width: none;
    flex-shrink: 0;
  }
}
/* Existing body overflow guard remains unchanged. The margin correction
   above removes R01 itself; unrelated existing text overflows are outside
   this phase and are recorded separately in the report. */

/* Preserve the approved 1280px desktop axes after removing the obsolete
   outer expansion. Only containers that shrank in the regression are
   adjusted; existing asymmetric inner grids remain untouched. */
@media (min-width: 1440px) {
  .page-id-608 .mw-idee-hero {
    padding-inline: 32px !important;
  }
  .page-id-608 .mw-idee-fragen,
  .page-id-608 .mw-idee-pruefen,
  .page-id-608 .mw-idee-modell,
  .page-id-409 .mw-idee-fragen {
    padding-inline: min(6vw, max(32px, calc((100% - 1280px) / 2))) !important;
  }
  .page-id-20 #ueber-mich {
    /* The existing .mw-content-width child supplies its own 32px gutters. */
    padding-inline: 0;
  }
  .page-id-20 #arbeitsweise > .wp-block-group {
    padding-inline: min(80px, max(32px, calc((100% - 1280px) / 2))) !important;
  }
}

/* R02: 330px logo + up to 883px navigation (active item) + 32px gap
   + 4vw side padding. 1400px leaves approximately 29px of spare room
   with a classic scrollbar and the widest observed active navigation. */
@media (max-width: 1399.98px) {
  .mehrwert-header-template nav.mehrwert-header__nav > .wp-block-navigation__responsive-container-open {
    display: flex;
  }
  .mehrwert-header-template nav.mehrwert-header__nav > .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none;
  }
  .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open {
    padding: 1.5rem !important;
  }
  .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    align-items: stretch !important;
    width: 100%;
    gap: .5rem !important;
  }
  .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100%;
  }
  .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: .75rem 0;
  }
  .mehrwert-header-template .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child > .wp-block-navigation-item__content {
    margin-top: .5rem;
    padding: 12px 18px !important;
  }
}


/* Responsive repair phase 2A: scoped text and form overflow fixes. */
@media (max-width: 1023px) {
  /* The theme block style forces nowrap with !important. */
  .page-id-20 .mw-arbeitsweise-einleitung.is-style-no-text-wrap {
    white-space: normal !important;
  }
}
@media (max-width: 781px) {
  .page-id-415 #menschen-entscheiden .mw-idee-modell-fazit p.is-style-no-text-wrap {
    white-space: normal !important;
  }
}
@media (max-width: 375px) {
  .page-id-409 .mw-idee-fragen-liste > .mw-idee-frage:nth-child(3) .mw-idee-frage-text {
    hyphens: auto;
  }
}
@media (max-width: 414px) {
  /* Approved mobile exception: keep the submit label fully visible. */
  .page-id-417 .mw-erstgespraech-formular .wpcf7-form input[type=submit] {
    font-size: 14px;
    padding-inline: 8px;
  }
}


/* Responsive repair phase 2B: image sizing and experience grid on page 608. */
@media (max-width: 980px) {
  /* Preserve the source ratio under auto-sizes image size containment. */
  .page-id-608 .mw-idee-klarheit-bild img {
    aspect-ratio: 1672 / 941;
  }
  /* This page uses the second grid variant; match the existing mobile layout. */
  .page-id-608 .mw-idee-erfahrung-inner-2 {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.75rem;
  }
}


/* Responsive repair phase 2C.1: only audited hero headings and media title. */
@media (max-width: 781px) {
  /* The cover already supplies 24px gutters; avoid a second 32px inset. */
  .page-id-409 .mw-sparring-hero > .wp-block-cover__inner-container {
    padding-inline: 0;
  }
  .page-id-608 .mw-idee-hero h1,
  .page-id-409 .mw-sparring-hero h1,
  .page-id-417 .mw-erstgespraech-hero h1 {
    font-size: clamp(2rem, 7vw, 3rem) !important;
    line-height: 1.15 !important;
    hyphens: auto;
    hyphenate-limit-chars: 10 4 4;
  }
}
@media (max-width: 700px) {
  .page-id-754 .mw-legal-title {
    font-size: clamp(2rem, 8vw, 3.5rem);
    word-break: normal;
    overflow-wrap: normal;
  }
}


/* Responsive repair phase 2C.2: natural hyphenation in two narrow text slots. */
@media (max-width: 375px) {
  .page-id-608 .mw-idee-fragen-liste > .mw-idee-frage:nth-child(3) .mw-idee-frage-text,
  .page-id-413 #arbeitsweise > .wp-block-group > p.mw-idee-modell-eyebrow {
    hyphens: auto;
    hyphenate-limit-chars: 10 5 5;
  }
}


/* Arbeitsweise: natural wrapping only for the narrow accompaniment heading. */
@media (max-width: 360px) {
  .page-id-413 #arbeitsweise h2.mw-arbeitsweise-begleitung-heading {
    overflow-wrap: normal;
    hyphens: auto;
    hyphenate-limit-chars: 8 4 4;
  }
}

/* Mobile navigation A.6 — additions only; preserve phases 1–2C.3. */
.mehrwert-header-template nav.mehrwert-header__nav .mw-nav-mobile-only { display: none !important; }
@media (width < 1400px) {
  .mehrwert-header-template nav.mehrwert-header__nav .mw-nav-mobile-only { display: flex !important; }
  .mehrwert-header-template nav.mehrwert-header__nav :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
    display: flex; align-items: center; justify-content: center;
    box-sizing: border-box; width: 56px; height: 56px; min-width: 56px; min-height: 56px;
    padding: 14px; border: 0; border-radius: 4px;
    background: #c62f3a !important; color: #fff !important; box-shadow: none;
  }
  .mehrwert-header-template nav.mehrwert-header__nav button::before,
  .mehrwert-header-template nav.mehrwert-header__nav button::after,
  .mehrwert-header-template nav.mehrwert-header__nav a::before,
  .mehrwert-header-template nav.mehrwert-header__nav a::after { content: none !important; }
  .mehrwert-header-template nav.mehrwert-header__nav :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) svg { width: 28px; height: 28px; fill: currentColor; }
  .mehrwert-header-template nav.mehrwert-header__nav .wp-block-navigation__responsive-container.is-menu-open.is-menu-open {
    box-sizing: border-box; background: #f8f5ef !important; color: #142722 !important;
    padding: 0 !important; overflow: auto; overflow-x: hidden; overscroll-behavior: contain;
    height: 100dvh; max-height: 100dvh; animation: none;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .wp-block-navigation__responsive-overlay { display: none; }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .wp-block-navigation__responsive-close { width: 100%; max-width: none; margin: 0; }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .wp-block-navigation__responsive-dialog { width: 100% !important; max-width: none !important; padding: 0; margin: 0 !important; }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .wp-block-navigation__responsive-container-close {
    position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + max(16px, env(safe-area-inset-top))); z-index: 5;
    margin: calc(var(--wp-admin--admin-bar--height, 0px) + max(16px, env(safe-area-inset-top))) 24px 16px auto; float: none;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content {
    box-sizing: border-box; display: block; padding: 0 24px max(32px, env(safe-area-inset-bottom)) !important;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .wp-block-navigation__container {
    display: flex; flex-direction: column; align-items: stretch !important;
    width: 100%; margin: 0; padding: 0; gap: 0 !important;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .wp-block-navigation-item {
    box-sizing: border-box; width: 100%; min-width: 0; margin: 0; border-bottom: 2px solid #d9d3c7;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .wp-block-navigation-item > a.wp-block-navigation-item__content {
    display: flex; box-sizing: border-box; align-items: center; width: 100%; min-width: 0;
    min-height: 56px; margin: 0 !important; padding: 12px 0 !important; color: #142722;
    font-size: 1.5rem !important; flex-direction: row !important; justify-content: flex-start; font-weight: 600; line-height: 1.4; white-space: normal;
    overflow-wrap: anywhere; text-align: left; letter-spacing: normal; text-transform: none;
  }
  /* A.6: allow inner labels to wrap within their link column. */
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .wp-block-navigation-item__label {
    white-space: normal;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .has-child {
    display: grid; grid-template-columns: minmax(0, 1fr) 56px; align-items: center; gap: 0;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .has-child > .wp-block-navigation__submenu-icon {
    display: flex; align-items: center; justify-content: center; position: static;
    box-sizing: border-box; width: 48px; min-width: 48px; height: 48px;
    margin: 0 0 0 8px; padding: 12px; border: 0; border-radius: 4px;
    background: transparent !important; color: #142722; opacity: 1;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .has-child > .wp-block-navigation__submenu-icon svg {
    display: block; visibility: visible; width: 24px; height: 24px; fill: none; stroke: currentColor; transform: none;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .has-child > .wp-block-navigation__submenu-icon[aria-expanded="true"] svg { transform: rotate(180deg); }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .has-child > .wp-block-navigation__submenu-container {
    grid-column: 1 / -1; position: static !important; box-sizing: border-box;
    display: none !important; width: 100%; min-width: 0; max-width: 100%; height: auto;
    margin: 4px 0 16px; padding: 0 0 0 16px !important; border: 0; border-left: 4px solid #c62f3a !important; border-radius: 0 !important;
    background: transparent; color: #142722; box-shadow: none; transform: none; animation: none;
    visibility: visible; opacity: 1;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .has-child > [aria-expanded="true"] + .wp-block-navigation__submenu-container { display: flex !important; }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item > a.wp-block-navigation-item__content { font-size: 1.375rem !important; font-weight: 500; }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .mw-nav-cta { margin: 24px 0; border: 0; }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .mw-nav-cta > a.wp-block-navigation-item__content {
    justify-content: center; padding: 14px 18px !important; min-height: 60px;
    border-radius: 4px; background: #c62f3a !important; color: #fff !important;
  }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .mw-nav-legal { border: 0; }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .mw-nav-legal-first { border-top: 2px solid #d9d3c7; padding-top: 16px; }
  .mehrwert-header-template nav.mehrwert-header__nav .is-menu-open.is-menu-open .mw-nav-legal > a.wp-block-navigation-item__content { font-size: 1.1875rem !important; font-weight: 500; padding: 12px 0 !important; margin: 0; }
  .mehrwert-header-template nav.mehrwert-header__nav :is(a, button):focus-visible {
    outline: 3px solid #142722 !important; outline-offset: 3px !important; box-shadow: 0 0 0 2px #f8f5ef;
  }
}

/* Desktop navigation A.7: colour, text alignment and inset separators only. */
@media (min-width: 1400px) {
  .mehrwert-header-template nav.mehrwert-header__nav .wp-block-navigation__container .has-child.has-child > .wp-block-navigation__submenu-icon {
    color: #142722;
    opacity: 1;
    top: -2px;
  }

  .mehrwert-header-template nav.mehrwert-header__nav .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content,
  .mehrwert-header-template nav.mehrwert-header__nav .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation-item__label {
    text-align: left;
  }

  .mehrwert-header-template nav.mehrwert-header__nav .wp-block-navigation__submenu-container > .wp-block-navigation-item + .wp-block-navigation-item::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: -1px;
    height: 2px;
    background: #d9d3c7;
    pointer-events: none;
  }
}