/*
Theme Name: Messeknoten
Theme URI: https://messeknoten.de/
Author: adconcept & Five Tigers
Description: Maßgeschneidertes WordPress-Theme auf Basis des Messeknoten-Mockups v25. Mit animiertem Signet, Leistungs-, Impressums- und Datenschutzvorlagen sowie lokal eingebundenen Medien.
Version: 14.1.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: messeknoten
*/

/* Farbwelt und Basiswerte des finalen Messeknoten-Signets (Stand 21.09.2026) */
:root{--paper:#fbf8f4;--white:#ffffff;--ink:#3c211a;--muted:#77665f;--lime:#f29441;--coral:#f29441;--violet:#a69586;--blue:#731f0d;--line:#d9ccc4;--max:1240px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.skip-link{position:fixed;top:-60px;left:20px;background:var(--lime);padding:12px 18px;z-index:100}.skip-link:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.section-shell{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px max(32px,calc((100vw - var(--max))/2));transition:.35s}.site-header.scrolled{background:rgba(245,242,236,.9);backdrop-filter:blur(14px);padding-block:14px;border-bottom:1px solid rgba(21,35,31,.1)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:3}.site-nav{display:flex;align-items:center;gap:34px;font-size:14px}.site-nav a{text-decoration:none}.nav-cta{border:1px solid;padding:10px 16px;border-radius:99px}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px}.menu-toggle span:not(.sr-only){display:block;width:25px;height:1px;background:currentColor;margin:7px auto}.hero{min-height:100svh;padding-top:150px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700}.hero h1,.section-intro h2,.problem h2,.manifest blockquote,.cta-inner h2,.knowledge-head h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.96}.hero h1{font-size:clamp(58px,8vw,118px);max-width:1100px;margin:35px 0 30px}.hero h1 em{font-weight:400;color:var(--coral)}.hero-copy{font-size:clamp(18px,2vw,25px);max-width:760px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:40px}.button{display:inline-flex;align-items:center;gap:28px;padding:17px 24px;border-radius:99px;text-decoration:none;font-weight:700;font-size:14px;transition:.2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-light{background:var(--lime);color:var(--ink)}.text-link{text-decoration:none;border-bottom:1px solid;padding-bottom:4px}.hero-visual{position:relative;width:min(70vw,720px);margin:55px 0 30px auto}.knot{width:100%;overflow:visible}.line{stroke-width:14}.line-a{stroke:var(--coral)}.line-b{stroke:var(--violet)}.line-c{stroke:var(--blue)}.line-d{stroke:var(--lime)}.open-space{fill:var(--paper);stroke:var(--ink);stroke-width:1.2}.knot text{fill:var(--ink);font:16px var(--serif)}.orbit-label{position:absolute;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.l1{left:8%;top:27%}.l2{right:7%;top:27%}.l3{left:10%;bottom:25%}.l4{right:3%;bottom:25%}.scroll-hint{position:absolute;left:0;bottom:30px;display:flex;align-items:center;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.scroll-hint span{width:42px;height:1px;background:currentColor}.dark-section{background:var(--ink);color:white}.problem{padding:130px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.problem h2{font-size:clamp(45px,5vw,75px);margin:28px 0}.eyebrow-light{color:var(--lime)}.problem-copy{font-size:20px;color:#c8d1cd;padding-top:35px}.problem-copy strong{color:white}.disconnected{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:50px;font-family:var(--serif);font-size:clamp(24px,3.5vw,48px)}.disconnected i{height:1px;flex:1;margin:0 28px;background:repeating-linear-gradient(90deg,#67736e 0 5px,transparent 5px 12px)}.system-section,.phases,.knowledge{padding-block:150px}.section-intro{max-width:820px;margin-bottom:90px}.section-intro h2,.knowledge-head h2{font-size:clamp(48px,6vw,82px);margin:28px 0}.section-intro p,.knowledge-head p{font-size:20px;color:var(--muted);max-width:650px}.system-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.system-graphic{position:relative}.knot-system .line{stroke-width:12}.system-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);text-align:center}.system-center b{font:32px var(--serif);display:block}.system-center small{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.system-steps{list-style:none;padding:0;margin:0}.system-steps li{display:flex;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.system-steps li:last-child{border-bottom:1px solid var(--line)}.system-steps>li>span{color:var(--coral);font-size:11px}.system-steps h3{font:28px var(--serif);margin:0 0 5px}.system-steps p{margin:0;color:var(--muted)}.formula{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:100px;padding:30px 0;border-block:1px solid var(--ink);font:clamp(18px,2vw,28px) var(--serif)}.formula i{color:var(--coral)}.formula strong{font-family:var(--sans);font-size:.65em;text-transform:uppercase;letter-spacing:.08em}.soft-section{background:#e8e6df;padding:150px 0}.compact{margin-bottom:60px}.partner-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.partner-card{background:var(--paper);padding:50px;min-height:480px}.partner-no{font-size:11px;color:var(--muted)}.partner-card h3{font:clamp(40px,5vw,65px) var(--serif);margin:65px 0 8px}.partner-lead{font-size:20px;max-width:360px}.partner-card ul{list-style:none;margin:50px 0 0;padding:0}.partner-card li{padding:12px 0;border-top:1px solid var(--line)}.plus{font:60px var(--serif)}.joint-statement{text-align:center;font:clamp(28px,4vw,52px)/1.15 var(--serif);margin:100px 0 0}.phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.phase-track{height:1px;background:var(--line);margin:0 0 -39px}.phase-track span{display:block;width:25%;height:3px;background:var(--coral)}.phase b{font-size:11px;color:var(--muted)}.phase-dot{width:14px;height:14px;border:4px solid var(--paper);outline:1px solid var(--ink);background:var(--ink);border-radius:50%;margin:27px 0 45px}.phase small{color:var(--coral);text-transform:uppercase;letter-spacing:.12em}.phase h3{font:32px var(--serif);margin:18px 0}.phase p{color:var(--muted)}.phase ul{list-style:none;padding:15px 0 0}.phase li{padding:8px 0;border-top:1px solid var(--line);font-size:13px}.manifest{padding:180px 0}.manifest-inner{max-width:1100px}.manifest blockquote{font-size:clamp(52px,8vw,108px);margin:45px 0;color:var(--lime)}.manifest-inner>p{font:clamp(24px,3vw,38px)/1.35 var(--serif);max-width:900px}.manifest .manifest-end{font:16px/1.7 var(--sans);margin-top:70px;color:#b6c0bb}.manifest-end strong{color:white}.knowledge-head{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:75px}.knowledge-head>div{max-width:700px}.knowledge-head p{max-width:390px;margin-bottom:10px}.knowledge-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}.knowledge-card{border:1px solid var(--line);padding:32px;min-height:390px;display:flex;flex-direction:column}.knowledge-card.featured{background:var(--lime);border-color:var(--lime)}.knowledge-card>div{display:flex;justify-content:space-between}.tag,.read-time{text-transform:uppercase;font-size:10px;letter-spacing:.12em}.knowledge-card h3{font:clamp(27px,3vw,39px)/1.05 var(--serif);margin:75px 0 20px}.knowledge-card p{color:var(--muted)}.knowledge-card a{margin-top:auto;text-decoration:none;font-weight:700;font-size:13px}.cta-section{background:var(--coral);padding:160px 0;overflow:hidden}.cta-inner{position:relative}.cta-inner h2{font-size:clamp(55px,8vw,110px);max-width:1050px;margin:35px 0}.cta-inner>p{font-size:20px;max-width:680px;margin-bottom:38px}.cta-inner>small{display:block;margin:18px 0}.cta-knot{position:absolute;width:430px;right:-100px;top:-180px;opacity:.18}.cta-knot path{fill:none;stroke:var(--ink);stroke-width:6;stroke-linecap:round}.site-footer{padding-block:60px;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}.site-footer p{font-size:13px;color:var(--muted)}.footer-links{display:flex;gap:20px;font-size:12px}.site-footer>small{grid-column:1/-1;color:var(--muted)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.section-shell{width:min(calc(100% - 40px),var(--max))}.site-header{padding:18px 20px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:72px;left:12px;right:12px;background:var(--ink);color:white;padding:28px;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.hero{padding-top:125px}.hero-visual{width:100%;margin-top:50px}.scroll-hint{display:none}.split,.system-grid,.knowledge-head{grid-template-columns:1fr;display:grid;gap:30px}.disconnected{flex-direction:column;align-items:flex-start;gap:20px}.disconnected i{width:1px;height:35px;margin:0 0 0 10px;background:repeating-linear-gradient(#67736e 0 5px,transparent 5px 12px)}.system-grid{gap:60px}.formula{flex-wrap:wrap;justify-content:center}.partner-grid{grid-template-columns:1fr}.partner-card{min-height:auto}.plus{text-align:center}.phase-grid{grid-template-columns:1fr 1fr;gap:60px 30px}.phase-track{display:none}.knowledge-grid{grid-template-columns:1fr}.knowledge-card{min-height:330px}.site-footer{grid-template-columns:1fr}.site-footer>small{grid-column:auto}}
@media(max-width:520px){.section-shell{width:calc(100% - 32px)}.hero h1{font-size:52px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{margin-top:30px}.orbit-label{display:none}.problem,.system-section,.phases,.knowledge,.soft-section,.manifest,.cta-section{padding-block:95px}.phase-grid{grid-template-columns:1fr}.partner-card{padding:32px}.partner-card h3{margin-top:45px}.knowledge-head{gap:10px}.site-footer{padding-block:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* Signet-Feinschliff und Bedeutungs-Navigation */
.brand-mark{width:42px;height:42px;display:block;object-fit:contain;fill:initial;stroke:initial}
.hero-visual{width:min(62vw,620px)}
.knot-hero{display:block;max-height:560px;filter:drop-shadow(0 22px 36px rgba(41,39,39,.08))}
.knot-system{display:block;width:100%;max-width:540px;margin-inline:auto;filter:drop-shadow(0 18px 30px rgba(41,39,39,.06))}
.cta-knot img{display:block;width:100%;height:auto;filter:grayscale(1)}
.featured{color:var(--ink)}
@media(max-width:850px){.hero-visual{width:100%}}
.hero-visual{margin-bottom:72px}
.knot-meaning{position:absolute;left:50%;top:100%;width:min(920px,92vw);transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:26px}
.knot-meaning>div{position:relative;padding:22px 18px 0;border-right:1px solid var(--line)}
.knot-meaning>div:first-child{padding-left:0}.knot-meaning>div:last-child{border-right:0;padding-right:0}
.knot-meaning i{display:block;position:absolute;top:-3px;left:18px;width:38px;height:5px;border-radius:4px}.knot-meaning>div:first-child i{left:0}
.meaning-strategy{background:#292727}.meaning-value{background:#b76542}.meaning-energy{background:#f36c2d}.meaning-human{background:#d8b98d}
.knot-meaning span{display:block;font:clamp(20px,2.1vw,30px)/1.05 var(--serif);letter-spacing:-.025em}.knot-meaning small{display:block;margin-top:6px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:850px){.hero-visual{margin-bottom:190px}.knot-meaning{grid-template-columns:1fr 1fr;margin-top:20px}.knot-meaning>div{padding:18px 12px 20px;border-bottom:1px solid var(--line)}.knot-meaning>div:nth-child(2){border-right:0}.knot-meaning>div:nth-child(3){padding-left:0}.knot-meaning>div:nth-child(3) i{left:0}.knot-meaning>div:nth-child(3),.knot-meaning>div:nth-child(4){border-bottom:0}}
@media(max-width:520px){.hero-visual{margin-bottom:320px}.knot-meaning{grid-template-columns:1fr}.knot-meaning>div{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.knot-meaning>div:nth-child(3){border-bottom:1px solid var(--line)}.knot-meaning>div:last-child{border-bottom:0}.knot-meaning i,.knot-meaning>div:first-child i,.knot-meaning>div:nth-child(3) i{top:50%;left:auto;right:0;width:26px;height:4px}.knot-meaning small{margin-top:3px}}

/* Interaktives Signet */
.interactive-knot .knot-hero{overflow:visible}
.logo-segment{cursor:pointer;transition:opacity .3s ease,transform .3s ease,filter .3s ease;transform-box:fill-box;transform-origin:center}
.logo-segment.strategy{fill:#292727}.logo-segment.value{fill:#b76542}.logo-segment.energy{fill:#f36c2d}.logo-segment.human{fill:#d8b98d}
.logo-segment:hover,.logo-segment:focus-visible{filter:brightness(1.06) drop-shadow(0 8px 12px rgba(41,39,39,.16));transform:scale(1.025);outline:none}
.interactive-knot.has-selection .logo-segment:not(.active){opacity:.2}
.interactive-knot.has-selection .logo-segment.active{transform:scale(1.035);filter:drop-shadow(0 12px 18px rgba(41,39,39,.18))}
.knot-instruction{text-align:center;margin:2px 0 20px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.knot-meaning{top:calc(100% + 28px);margin-top:0}
.knot-meaning>button{appearance:none;-webkit-appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:inherit;font:inherit;text-align:left;position:relative;padding:22px 18px 0;cursor:pointer;transition:background .25s ease,opacity .25s ease}
.knot-meaning>button:first-child{padding-left:0}.knot-meaning>button:last-child{border-right:0;padding-right:0}
.knot-meaning>button:first-child i{left:0}
.knot-meaning>button:hover span,.knot-meaning>button:focus-visible span{color:var(--coral)}
.knot-meaning>button:focus-visible{outline:2px solid var(--coral);outline-offset:5px}
.interactive-knot.has-selection .knot-meaning>button:not(.active){opacity:.42}
.knot-meaning>button.active span{color:var(--coral)}
.knot-meaning>button.active small{color:var(--ink)}
@media(max-width:850px){.knot-meaning>button{padding:18px 12px 20px;border-bottom:1px solid var(--line)}.knot-meaning>button:nth-child(2){border-right:0}.knot-meaning>button:nth-child(3){padding-left:0}.knot-meaning>button:nth-child(3) i{left:0}.knot-meaning>button:nth-child(3),.knot-meaning>button:nth-child(4){border-bottom:0}}
@media(max-width:520px){.knot-meaning>button{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.knot-meaning>button:nth-child(3){border-bottom:1px solid var(--line)}.knot-meaning>button:last-child{border-bottom:0}.knot-meaning>button i,.knot-meaning>button:first-child i,.knot-meaning>button:nth-child(3) i{top:50%;left:auto;right:0;width:26px;height:4px}}

/* V4: zentrierte, vollständig sichtbare Chrome-Darstellung */
.hero{padding-bottom:110px}
.hero-visual{width:min(62vw,620px);margin:72px auto 0}
.knot-meaning{position:static;left:auto;top:auto;width:min(920px,92vw);margin:32px 0 0 50%;transform:translateX(-50%)}
.scroll-hint{bottom:38px}
@media(max-width:850px){.hero{padding-bottom:80px}.hero-visual{width:min(100%,620px);margin:55px auto 0}.knot-meaning{margin-top:28px}.scroll-hint{display:none}}
@media(max-width:520px){.hero{padding-bottom:65px}.hero-visual{margin:42px auto 0}.knot-meaning{width:100%;margin:24px 0 0;transform:none}}

/* WordPress-Grundelemente */
.custom-logo{display:block;width:auto;max-width:190px;height:42px}.brand .custom-logo-link{display:flex;align-items:center}
.site-nav .menu{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}.site-nav .menu-item a{text-decoration:none}
.site-nav .current-menu-item>a{box-shadow:inset 0 -1px 0 currentColor}
.content-shell{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:150px 0 100px}
.entry-title{font:clamp(48px,6vw,82px)/.98 var(--serif);letter-spacing:-.045em;margin:0 0 45px}
.entry-content{max-width:820px;font-size:18px}.entry-content h2,.entry-content h3{font-family:var(--serif);font-weight:400;line-height:1.08}
.entry-content h2{font-size:42px;margin-top:60px}.entry-content h3{font-size:30px;margin-top:45px}
.entry-content a{text-decoration-thickness:1px;text-underline-offset:3px}
.alignwide{width:min(100%,var(--max))}.alignfull{width:100vw;margin-left:calc(50% - 50vw)}
.wp-block-button__link{background:var(--ink);color:var(--white);border-radius:99px;padding:15px 24px}
.footer-links .menu{display:flex;gap:20px;list-style:none;margin:0;padding:0}.footer-links .menu a{text-decoration:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.site-nav .menu{flex-direction:column;align-items:flex-start;gap:24px}.content-shell{width:min(calc(100% - 40px),var(--max));padding-top:120px}}
@media(max-width:520px){.content-shell{width:calc(100% - 32px)}}

/* Weitere Feinabstimmungen zur finalen Farbwelt */
.site-header.scrolled{background:rgba(251,248,244,.94);border-bottom-color:rgba(60,33,26,.12)}
.skip-link,.button-light,.knowledge-card.featured{background:var(--lime)}
.soft-section{background:#efe8e2}
.problem-copy{color:#eadfd7}
.eyebrow-light{color:#f29441}
.cta-section{background:linear-gradient(120deg,#f29441 0%,#d8ad87 52%,#a69586 100%)}
.cta-section .button-light{background:#ffffff;color:var(--ink)}
.cta-knot{opacity:.22}
.cta-knot img{filter:brightness(0) invert(1)}
.meaning-strategy{background:#3c211a}
.meaning-value{background:#f29441}
.meaning-energy{background:#731f0d}
.meaning-human{background:#a69586}
.logo-segment.strategy{fill:#3c211a}
.logo-segment.value{fill:#f29441}
.logo-segment.energy{fill:#731f0d}
.logo-segment.human{fill:#a69586}
.logo-segment:hover,.logo-segment:focus-visible{filter:brightness(1.04) drop-shadow(0 8px 12px rgba(60,33,26,.16))}
.interactive-knot.has-selection .logo-segment.active{filter:drop-shadow(0 12px 18px rgba(60,33,26,.2))}
.knot-hero,.knot-system{filter:drop-shadow(0 20px 34px rgba(60,33,26,.09))}

/* V7: Die vier Bahnen verweben sich beim ersten Erscheinen zum finalen Signet. */
.interactive-knot.weave-ready .logo-segment{opacity:0;will-change:transform,opacity,filter}
.interactive-knot.is-weaving .logo-segment{animation-duration:2.55s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:forwards}
.interactive-knot.is-weaving .logo-segment.strategy{animation-name:weave-from-left;animation-delay:.10s}
.interactive-knot.is-weaving .logo-segment.value{animation-name:weave-from-top;animation-delay:.45s}
.interactive-knot.is-weaving .logo-segment.energy{animation-name:weave-from-right;animation-delay:.80s}
.interactive-knot.is-weaving .logo-segment.human{animation-name:weave-from-bottom;animation-delay:1.15s}
.interactive-knot.is-weaving .knot-hero{animation:knot-settle 4.1s cubic-bezier(.22,1,.36,1) both}

@keyframes weave-from-left{
  0%{opacity:0;transform:translate(-96px,22px) scale(.985)}
  32%{opacity:.42}
  74%{opacity:1;transform:translate(3px,-1px) scale(1.003)}
  100%{opacity:1;transform:translate(0,0) scale(1)}
}
@keyframes weave-from-top{
  0%{opacity:0;transform:translate(24px,-100px) scale(.985)}
  32%{opacity:.42}
  74%{opacity:1;transform:translate(-1px,3px) scale(1.003)}
  100%{opacity:1;transform:translate(0,0) scale(1)}
}
@keyframes weave-from-right{
  0%{opacity:0;transform:translate(100px,-20px) scale(.985)}
  32%{opacity:.42}
  74%{opacity:1;transform:translate(-3px,1px) scale(1.003)}
  100%{opacity:1;transform:translate(0,0) scale(1)}
}
@keyframes weave-from-bottom{
  0%{opacity:0;transform:translate(-22px,100px) scale(.985)}
  32%{opacity:.42}
  74%{opacity:1;transform:translate(1px,-3px) scale(1.003)}
  100%{opacity:1;transform:translate(0,0) scale(1)}
}
@keyframes knot-settle{
  0%,42%{filter:drop-shadow(0 12px 20px rgba(60,33,26,.04))}
  80%{filter:drop-shadow(0 24px 38px rgba(60,33,26,.13))}
  100%{filter:drop-shadow(0 20px 34px rgba(60,33,26,.09))}
}
@media(prefers-reduced-motion:reduce){
  .interactive-knot.weave-ready .logo-segment{opacity:1;transform:none;animation:none;will-change:auto}
  .interactive-knot.is-weaving .knot-hero{animation:none}
}

/* V10: Abstand aus Version 9 nochmals um 50 Prozent reduziert. */
.hero-visual{margin-top:18px}
@media(max-width:850px){.hero-visual{margin-top:13.75px}}
@media(max-width:520px){.hero-visual{margin-top:10.5px}}

/* V11: Beschriftungen werden auf großen Ansichten Teil der Logo-Komposition. */
@media(min-width:851px){
  .hero-visual{width:min(52vw,620px)}
  .knot-instruction{position:absolute;left:0;top:-30px;width:100%;margin:0;text-align:center}
  .knot-meaning{position:absolute;inset:0;width:100%;margin:0;transform:none;display:block;border:0;pointer-events:none}
  .knot-meaning>button{
    --meaning-color:var(--ink);
    position:absolute;
    width:220px;
    min-height:74px;
    padding:15px 16px;
    border:0;
    border-radius:3px;
    background:rgba(251,248,244,.88);
    box-shadow:0 10px 28px rgba(60,33,26,.06);
    backdrop-filter:blur(8px);
    pointer-events:auto;
  }
  .knot-meaning>button::after{content:"";position:absolute;top:50%;width:32px;height:1px;background:var(--meaning-color);opacity:.58}
  .knot-meaning>button:nth-child(1){--meaning-color:#3c211a;left:-175px;top:39%;text-align:right}
  .knot-meaning>button:nth-child(2){--meaning-color:#f29441;right:-175px;top:10%}
  .knot-meaning>button:nth-child(3){--meaning-color:#731f0d;right:-175px;top:54%}
  .knot-meaning>button:nth-child(4){--meaning-color:#a69586;left:-175px;bottom:7%;padding-right:16px;text-align:right}
  .knot-meaning>button:nth-child(4) span{font-size:27px}
  .knot-meaning>button:nth-child(1)::after,.knot-meaning>button:nth-child(4)::after{right:-32px}
  .knot-meaning>button:nth-child(2)::after,.knot-meaning>button:nth-child(3)::after{left:-32px}
  .knot-meaning>button:nth-child(1) i,.knot-meaning>button:nth-child(4) i{left:auto;right:16px}
  .knot-meaning>button span{color:var(--meaning-color)}
  .interactive-knot.has-selection .knot-meaning>button:not(.active){opacity:.28}
  .knot-meaning>button:hover,.knot-meaning>button:focus-visible{background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(60,33,26,.1)}
}

/* V15: stärkere inhaltliche Führung, Ergebnisse, Zielgruppe und Praxisbeispiele */
.system-steps small{display:block;margin:0 0 4px;color:var(--coral);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.audience{padding-block:150px}
.audience-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:start}
.audience .section-intro{margin:0}
.audience-content{padding-top:34px}
.audience-content>p{font:clamp(23px,2.5vw,34px)/1.35 var(--serif);margin:0 0 48px}
.audience-content ul{list-style:none;padding:0;margin:0}
.audience-content li{position:relative;padding:18px 0 18px 32px;border-top:1px solid var(--line)}
.audience-content li:last-child{border-bottom:1px solid var(--line)}
.audience-content li::before{content:"";position:absolute;left:2px;top:27px;width:10px;height:10px;border-radius:50%;background:var(--coral)}
.cases{padding-block:150px}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.case-card{border:1px solid var(--line);padding:46px;min-height:590px;display:flex;flex-direction:column}
.case-card>span,.case-card>small{text-transform:uppercase;font-size:10px;letter-spacing:.12em}
.case-card>span{color:var(--coral)}
.case-card h3{font:clamp(32px,3.5vw,52px)/1.05 var(--serif);font-weight:400;margin:52px 0}
.case-card dl{margin:0}
.case-card dl>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:17px 0;border-top:1px solid var(--line)}
.case-card dt{text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:700}
.case-card dd{margin:0;color:var(--muted)}
.case-card>small{margin-top:auto;padding-top:38px;color:var(--muted)}
.check-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;list-style:none;padding:0;margin:0 0 38px;max-width:760px}
.check-results li{position:relative;padding:13px 0 13px 24px;border-top:1px solid rgba(60,33,26,.22)}
.check-results li::before{content:"+";position:absolute;left:0;font-weight:700}
@media(max-width:850px){
  .audience-grid{grid-template-columns:1fr;gap:30px}
  .audience-content{padding-top:0}
  .case-grid{grid-template-columns:1fr}
  .case-card{min-height:530px}
}
@media(max-width:520px){
  .audience,.cases{padding-block:95px}
  .case-card{padding:30px;min-height:auto}
  .case-card dl>div{grid-template-columns:1fr;gap:6px}
  .case-card>small{margin-top:28px}
  .check-results{grid-template-columns:1fr}
}

/* V16: kompaktes Leistungsversprechen und eigenständige Leistungsseite */
.deliverables{padding-block:150px}
.deliverables-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px 80px;align-items:start;margin-bottom:82px}
.deliverables-head .eyebrow{grid-column:1/-1}
.deliverables-head h2{font:clamp(48px,6vw,82px)/.98 var(--serif);font-weight:400;letter-spacing:-.045em;margin:0;color:var(--lime)}
.deliverables-head p{font-size:20px;color:#d5cbc4;margin:7px 0 0;max-width:560px}
.deliverable-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.deliverable{padding:34px 28px 40px 0;border-right:1px solid rgba(255,255,255,.18)}
.deliverable:not(:first-child){padding-left:28px}.deliverable:last-child{border-right:0}
.deliverable>span{font-size:10px;color:var(--lime)}
.deliverable h3{font:34px var(--serif);font-weight:400;margin:42px 0 16px}
.deliverable p{margin:0;color:#cfc4bd;font-size:15px}
.deliverables-action{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:55px}
.deliverables-action p{font:clamp(22px,2.6vw,34px)/1.3 var(--serif);max-width:700px;margin:0}
.service-hero{padding-top:170px;padding-bottom:110px}
.service-hero h1{font:clamp(58px,8vw,112px)/.95 var(--serif);font-weight:400;letter-spacing:-.05em;max-width:1100px;margin:34px 0}
.service-hero h1 em{font-weight:400;color:var(--coral)}
.service-hero>p{font-size:clamp(19px,2vw,26px);color:var(--muted);max-width:820px}
.service-overview{padding-block:125px}
.service-overview .section-intro{margin-bottom:65px}
.offer-list{display:grid;gap:22px}
.offer-card{display:grid;grid-template-columns:110px .72fr 1.28fr;gap:34px;padding:48px 0;border-top:1px solid var(--line)}
.offer-card:last-child{border-bottom:1px solid var(--line)}
.offer-number{font-size:11px;color:var(--coral)}
.offer-card h3{font:clamp(34px,4vw,54px)/1 var(--serif);font-weight:400;margin:0}
.offer-card .offer-subtitle{font-weight:700;margin:10px 0 0}
.offer-detail>p{font-size:18px;color:var(--muted);margin:0 0 25px}
.offer-detail h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:28px 0 10px}
.offer-detail ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;list-style:none;padding:0;margin:0}
.offer-detail li{position:relative;padding-left:18px}.offer-detail li::before{content:"+";position:absolute;left:0;color:var(--coral);font-weight:700}
.offer-result{margin-top:28px;padding:22px 24px;background:#efe8e2;border-left:4px solid var(--coral)}
.offer-result strong{display:block;margin-bottom:4px}
.always-included{padding-block:130px}.included-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.included-grid h2{font:clamp(48px,6vw,82px)/.98 var(--serif);font-weight:400;letter-spacing:-.045em;margin:25px 0}.included-list{list-style:none;margin:0;padding:0}.included-list li{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.included-list li:last-child{border-bottom:1px solid var(--line)}.included-list b{color:var(--coral)}
.service-cta{background:linear-gradient(120deg,#f29441 0%,#d8ad87 52%,#a69586 100%);padding-block:140px}.service-cta h2{font:clamp(52px,7vw,96px)/.96 var(--serif);font-weight:400;letter-spacing:-.045em;max-width:980px;margin:30px 0}.service-cta p{font-size:20px;max-width:700px;margin-bottom:36px}
@media(max-width:950px){.deliverable-grid{grid-template-columns:1fr 1fr}.deliverable:nth-child(2){border-right:0}.deliverable:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}.offer-card{grid-template-columns:70px 1fr}.offer-detail{grid-column:2}.included-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){.deliverables-head{grid-template-columns:1fr;gap:24px}.deliverable-grid{grid-template-columns:1fr}.deliverable,.deliverable:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.deliverable:last-child{border-bottom:0}.deliverable h3{margin-top:24px}.deliverables-action{align-items:flex-start;flex-direction:column}.offer-card{grid-template-columns:1fr;gap:12px}.offer-detail{grid-column:auto}.offer-detail ul{grid-template-columns:1fr}.service-hero{padding-top:130px}.service-overview,.always-included,.service-cta,.deliverables{padding-block:95px}}

/* V17: Inhalte bleiben auch sichtbar, falls JavaScript nicht geladen werden kann. */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.js .reveal.visible{opacity:1;transform:none}

/* V18: Impressums-Unterseite */
.legal-hero{padding-top:170px;padding-bottom:80px;border-bottom:1px solid var(--line)}
.legal-hero h1{font:clamp(62px,9vw,118px)/.93 var(--serif);font-weight:400;letter-spacing:-.05em;margin:32px 0 24px}
.legal-hero p{font-size:20px;color:var(--muted);max-width:720px}
.legal-page{padding-block:100px}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:90px;align-items:start}
.legal-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px;padding-top:5px}
.legal-nav span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:8px}
.legal-nav a{text-decoration:none;font-size:13px}.legal-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.legal-content section{padding:0 0 55px;margin:0 0 55px;border-bottom:1px solid var(--line)}
.legal-content section:last-child{border-bottom:0;margin-bottom:0}
.legal-content h2{font:clamp(34px,4vw,52px)/1.05 var(--serif);font-weight:400;letter-spacing:-.025em;margin:0 0 26px}
.legal-content h3{font:22px/1.2 var(--serif);font-weight:400;margin:34px 0 12px}
.legal-content p{margin:0 0 13px;color:var(--muted)}
.legal-content strong{color:var(--ink)}
.legal-content a{text-underline-offset:3px}
.legal-contact{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:26px;background:#efe8e2;margin:26px 0}
.legal-contact small{display:block;text-transform:uppercase;letter-spacing:.11em;color:var(--coral);margin-bottom:6px}
@media(max-width:850px){.legal-layout{grid-template-columns:1fr;gap:50px}.legal-nav{position:static;display:grid;grid-template-columns:1fr 1fr}.legal-nav span{grid-column:1/-1}.legal-contact{grid-template-columns:1fr}}
@media(max-width:520px){.legal-hero{padding-top:130px}.legal-page{padding-block:75px}.legal-nav{grid-template-columns:1fr}}

/* V21/V22: Foto-Integration – Partner-Sektion, Phase 02 „Auf der Messe" (Five Tigers) und Besuchergewinnung & Media (adconcept / EMO Hannover) mit echtem Referenzmaterial */
.partner-photo{margin:18px 0 0}
.partner-photo-frame{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:16/10}
.partner-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.partner-photo-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(60,33,26,.26),rgba(242,148,65,.08));mix-blend-mode:multiply;pointer-events:none}
.partner-photo figcaption{margin-top:10px;font-size:11px;color:var(--muted)}
.partner-photo+h3{margin-top:28px}
.phase-gallery{margin-top:90px}
.phase-gallery-head{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.phase-gallery-head small{color:var(--coral);text-transform:uppercase;letter-spacing:.12em;font-size:11px;white-space:nowrap}
.phase-gallery-head p{margin:0;color:var(--muted);font-size:15px;max-width:640px}
.phase-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.phase-gallery-grid figure{margin:0;position:relative;overflow:hidden;border-radius:2px;aspect-ratio:4/3}
.phase-gallery-grid img{display:block;width:100%;height:100%;object-fit:cover}
.phase-gallery-grid figure::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(60,33,26,.24),rgba(242,148,65,.08));mix-blend-mode:multiply;pointer-events:none}
.phase-gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;font-size:11px;color:#fff;background:linear-gradient(0deg,rgba(60,33,26,.88),rgba(60,33,26,0))}
@media(max-width:850px){.phase-gallery-grid{grid-template-columns:1fr}.phase-gallery{margin-top:70px}}

/* V20: Datenschutz-Unterseite */
.privacy-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:34px 0 0}
.privacy-fact{background:var(--paper);padding:24px}.privacy-fact small{display:block;color:var(--coral);font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.privacy-fact strong{font:22px/1.15 var(--serif);font-weight:400}
.privacy-list{list-style:none;padding:0;margin:20px 0}.privacy-list li{position:relative;padding:12px 0 12px 24px;border-top:1px solid var(--line);color:var(--muted)}.privacy-list li:last-child{border-bottom:1px solid var(--line)}.privacy-list li::before{content:"+";position:absolute;left:0;color:var(--coral);font-weight:700}
.privacy-status{padding:22px 24px;background:#fff3e8;border-left:4px solid var(--coral);margin:28px 0}.privacy-status strong{display:block;margin-bottom:7px}.privacy-status p{color:var(--ink);margin:0}
.rights-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.rights-grid p{padding:14px 0;border-top:1px solid var(--line);margin:0}.rights-grid p:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
@media(max-width:700px){.privacy-facts,.rights-grid{grid-template-columns:1fr}.rights-grid p:nth-last-child(2){border-bottom:0}}

/* V11 Gutenberg: Core blocks inherit the exact front-end composition. */
.messeknoten-block-content>.wp-block-group{max-width:none}
.messeknoten-block-content .wp-block-group,.messeknoten-block-content .wp-block-image,.messeknoten-block-content .wp-block-buttons{margin-block-start:0;margin-block-end:0}
.messeknoten-block-content .wp-block-button__link{background:transparent;color:inherit;padding:0;border-radius:0}
.messeknoten-block-content .wp-block-button{display:inline-flex}
.messeknoten-block-content .wp-block-buttons{display:flex}
.messeknoten-block-content .button{padding:0}
.messeknoten-block-content .button .wp-block-button__link{display:inline-flex;align-items:center;gap:28px;padding:17px 24px;border-radius:99px;font-weight:700;font-size:14px}
.messeknoten-block-content .button-dark .wp-block-button__link{background:var(--ink);color:#fff}
.messeknoten-block-content .button-light .wp-block-button__link{background:var(--lime);color:var(--ink)}
.messeknoten-block-content .hero-actions>.wp-block-group__inner-container{display:contents}
.messeknoten-block-content .disconnected p,.messeknoten-block-content .formula p{margin:0}
.messeknoten-block-content .system-steps>.wp-block-group__inner-container{display:contents}
.messeknoten-block-content .system-step{display:flex;gap:25px;padding:28px 0;border-top:1px solid var(--line)}
.messeknoten-block-content .system-step:last-child{border-bottom:1px solid var(--line)}
.messeknoten-block-content .system-step .step-number{color:var(--coral);font-size:11px}
.messeknoten-block-content .system-step .step-label{display:block;margin:0 0 4px;color:var(--coral);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.messeknoten-block-content .phase-gallery-grid .wp-block-image{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:4/3}
.messeknoten-block-content .phase-gallery-grid img{width:100%;height:100%;object-fit:cover}
.messeknoten-block-content .phase-gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:14px 16px;color:#fff;background:linear-gradient(0deg,rgba(60,33,26,.88),rgba(60,33,26,0));font-size:11px}
.messeknoten-block-content .partner-photo{margin-top:18px}
.messeknoten-block-content .partner-photo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.messeknoten-block-content .partner-photo figcaption{font-size:11px;color:var(--muted)}
.messeknoten-block-content .system-graphic .knot-system{width:100%;max-width:540px;margin-inline:auto;filter:drop-shadow(0 18px 30px rgba(60,33,26,.06))}
.messeknoten-block-content .system-graphic .knot-system img{display:block;width:100%;height:auto}
.messeknoten-block-content .cta-knot .wp-block-image{width:100%}
.messeknoten-block-content .cta-knot img{display:block;width:100%;height:auto}
.messeknoten-block-content .privacy-fact p:first-child{display:block;color:var(--coral);font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 7px}
.messeknoten-block-content .privacy-fact p:last-child{margin:0;font:22px/1.15 var(--serif)}
.messeknoten-block-content .phase>p:first-child{font-size:11px;color:var(--muted)}
.messeknoten-block-content .phase>p:nth-of-type(2){color:var(--coral);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.messeknoten-block-content .case-card ul{list-style:none;padding:0;margin:0}
.messeknoten-block-content .case-card li{padding:17px 0;border-top:1px solid var(--line);color:var(--muted)}
.messeknoten-block-content .legal-content{max-width:820px;margin-inline:auto}
.messeknoten-block-content .legal-block{padding:0 0 55px;margin:0 0 55px;border-bottom:1px solid var(--line)}
.messeknoten-block-content .legal-block:last-child{border-bottom:0}
.messeknoten-block-content .legal-block h2{font:clamp(34px,4vw,52px)/1.05 var(--serif);font-weight:400;letter-spacing:-.025em;margin:0 0 26px}
.messeknoten-block-content .legal-block>p:last-child{color:var(--muted)}
.interactive-knot .knot-hero{display:block;width:100%;height:auto;overflow:visible}

/* V13: Hero-Typografie und Abstände pixelnah wie Version 10. */
body .messeknoten-block-content .hero{
  width:min(calc(100% - 64px),var(--max));
  max-width:var(--max);
  min-height:100svh;
  padding-top:150px;
  position:relative;
}
body .messeknoten-block-content .hero>.eyebrow{
  margin:0!important;
  font:700 11px/1.55 var(--sans);
  letter-spacing:.15em;
}
body .messeknoten-block-content .hero>h1.wp-block-heading{
  max-width:1100px;
  margin:35px 0 30px!important;
  font-family:var(--serif);
  font-size:clamp(58px,8vw,118px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.045em;
}
body .messeknoten-block-content .hero>h1.wp-block-heading em{
  color:var(--coral);
  font-family:inherit;
  font-weight:400;
  font-style:italic;
}
body .messeknoten-block-content .hero>.hero-copy{
  max-width:760px;
  margin:0!important;
  color:var(--muted);
  font-family:var(--sans);
  font-size:clamp(18px,2vw,25px);
  line-height:1.55;
}
body .messeknoten-block-content .hero>.hero-actions{
  display:flex;
  align-items:center;
  gap:30px;
  margin:40px 0 0!important;
}
body .messeknoten-block-content .hero-actions>p{margin:0!important}
body .messeknoten-block-content .hero>.hero-visual{
  width:min(52vw,620px);
  margin:18px auto 0!important;
}
body .messeknoten-block-content .hero .knot-meaning>button{
  font-family:var(--sans);
  line-height:1.55;
}
body .messeknoten-block-content .hero .knot-meaning>button span{
  font-family:var(--serif);
  font-weight:400;
}
@media(max-width:850px){
  body .messeknoten-block-content .hero{width:min(calc(100% - 40px),var(--max));padding-top:125px;padding-bottom:80px}
  body .messeknoten-block-content .hero>.hero-visual{width:min(100%,620px);margin-top:13.75px!important}
}
@media(max-width:520px){
  body .messeknoten-block-content .hero{width:calc(100% - 32px);padding-bottom:65px}
  body .messeknoten-block-content .hero>h1.wp-block-heading{font-size:52px}
  body .messeknoten-block-content .hero>.hero-actions{align-items:flex-start;flex-direction:column}
  body .messeknoten-block-content .hero>.hero-visual{margin-top:10.5px!important}
}