/*
Theme Name: PODCAST.EINS
Theme URI: https://podcast-eins.de
Author: Sebastian Mekas
Description: Schlankes Block-Theme für PODCAST.EINS: CI: Grün, Schwarz, Anthrazit, Weiß. Manrope selbst gehostet, Light/Dark-Umschalter, v3-Designsprache (Glass, Bento, Skyline). Ohne Page-Builder.
Version: 0.9.94
Requires at least: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: podcast-eins
*/
@font-face {
  font-family: 'PE Mono';
  src: url(assets/fonts/jetbrains-mono-latin-wght.woff2) format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap
}

:root {
  --pe-green: #2ef231;
  --pe-bg: #fafbfa;
  --pe-panel: rgba(255,255,255,.66);
  --pe-panel-solid: #ffffff;
  --pe-stroke: rgba(255,255,255,.8);
  --pe-stroke2: rgba(8,8,8,.08);
  --pe-ink: #080808;
  --pe-ink2: #1f1e1e;
  --pe-ink3: #5e625e;
  --pe-glow1: rgba(46,242,49,.14);
  --pe-glow2: rgba(8,8,8,.04);
  --pe-shadow: 0 24px 64px -24px rgba(8,8,8,.25);
  --pe-r-lg: 24px;
  --pe-r-md: 16px
}
html[data-theme=dark] {
  --pe-bg: #0a0a0a;
  --pe-panel: rgba(31,30,30,.55);
  --pe-panel-solid: #161616;
  --pe-stroke: rgba(255,255,255,.12);
  --pe-stroke2: rgba(255,255,255,.08);
  --pe-ink: #ffffff;
  --pe-ink2: #e8e8e8;
  --pe-ink3: #9a9d9a;
  --pe-glow1: rgba(46,242,49,.12);
  --pe-glow2: rgba(46,242,49,.04);
  --pe-shadow: 0 28px 72px -24px rgba(0,0,0,.7)
}
html {
  scroll-behavior: smooth
}
body {
  background: var(--pe-bg);
  color: var(--pe-ink);
  transition: background .4s,color .4s;
  overflow-x: hidden
}
html[data-theme=dark] body {
  background: var(--pe-bg)!important;
  color: var(--pe-ink)
}
html[data-theme=dark] .wp-block-post-title,
html[data-theme=dark] .wp-block-site-title a,
html[data-theme=dark] h1,
html[data-theme=dark] h2,
html[data-theme=dark] h3,
html[data-theme=dark] h4,
html[data-theme=dark] p {
  color: var(--pe-ink)
}
/* Grüner Lichtschein oben rechts (body::before) am 14.10.2026 auf Wunsch entfernt */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: .035;
  pointer-events: none;
  background-image: url(assets/img/korn.svg)
}
.pe-glass {
  background: var(--pe-panel);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid var(--pe-stroke);
  border-radius: var(--pe-r-lg);
  box-shadow: var(--pe-shadow)
}
@supports not (backdrop-filter:blur(1px)) {
  .pe-glass {
    background: var(--pe-panel-solid)
  }
}
.pe-header {
  position: sticky;
  top: 16px;
  z-index: 50;
  margin: 16px auto 0;
  max-width: 1200px;
  padding: 0 24px
}
.pe-nav {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px 12px 10px 22px;
  flex-wrap: nowrap
}
.pe-nav .wp-block-site-title {
  margin: 0;
  font-size: 19px
}
.pe-nav .wp-block-site-title a {
  font-weight: 800;
  letter-spacing: -.4px;
  text-decoration: none;
  color: var(--pe-ink);
  white-space: nowrap
}
.pe-nav .wp-block-navigation {
  flex: 1
}
.pe-nav .wp-block-navigation .wp-block-navigation__container {
  flex-wrap: nowrap;
  gap: 18px
}
.pe-nav .wp-block-navigation a {
  color: var(--pe-ink2);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none
}
.pe-nav .wp-block-navigation a:hover {
  color: var(--pe-ink);
  text-decoration: underline;
  text-decoration-color: var(--pe-green);
  text-decoration-thickness: 2px;
  text-underline-offset: 5px
}
.pe-toggle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid var(--pe-stroke2);
  background: 0 0;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: var(--pe-ink);
  flex-shrink: 0
}
.pe-toggle svg {
  width: 18px;
  height: 18px
}
.wp-block-button__link {
  font-weight: 600!important;
  font-size: 13px!important;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 14px!important;
  padding: 13px 22px!important;
  transition: transform .2s,box-shadow .2s;
  white-space: nowrap
}
.pe-btn-cta .wp-block-button__link {
  background: var(--pe-green)!important;
  color: #080808!important;
  box-shadow: 0 10px 28px -10px rgba(46,242,49,.5)
}
.pe-btn-cta .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px -10px rgba(46,242,49,.65)
}
.pe-btn-ghost .wp-block-button__link {
  background: var(--pe-panel)!important;
  border: 1px solid var(--pe-stroke2)!important;
  color: var(--pe-ink)!important
}
.pe-hero {
  position: relative;
  overflow: hidden;
  text-align: center
}
.pe-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  color: var(--pe-ink2)
}
.pe-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--pe-green);
  box-shadow: 0 0 0 0 rgba(46,242,49,.6);
  animation: 2s infinite pe-pulse;
  display: inline-block
}
@keyframes pe-pulse {
  70% {
    box-shadow: 0 0 0 8px rgba(46,242,49,0)
  }
  100% {
    box-shadow: 0 0 0 0 rgba(46,242,49,0)
  }
}
.pe-hero h1 {
  letter-spacing: -2px
}
.pe-hl {
  position: relative;
  display: inline-block
}
html:not([data-theme=dark]) .pe-hl::after {
  content: "";
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 4px;
  height: .32em;
  background: var(--pe-green);
  opacity: .55;
  z-index: -1;
  border-radius: 5px
}
html[data-theme=dark] .pe-hl {
  color: var(--pe-green)
}
.pe-hero .pe-sub {
  color: var(--pe-ink3);
  font-size: clamp(16px,1.8vw,19px);
  max-width: 34em;
  margin-left: auto;
  margin-right: auto
}
.pe-hero > :not(.pe-skyline) {
  position: relative;
  z-index: 1
}
svg.pe-skyline {
  position: absolute!important;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
  top: auto;
  width: 100vw;
  max-width: none!important;
  height: 170px;
  opacity: .06;
  pointer-events: none;
  color: var(--pe-ink);
  z-index: 0;
  margin: 0
}
html[data-theme=dark] svg.pe-skyline {
  opacity: .13
}
.pe-scard {
  position: relative;
  flex: 1 1 210px;
  max-width: 255px;
  padding: 22px 22px 22px 32px!important;
  text-align: left;
  transition: transform .45s cubic-bezier(.2,.8,.2,1)
}
.pe-scard::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 30px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--pe-green);
  box-shadow: 0 0 10px var(--pe-green)
}
.pe-scard:first-child {
  transform: rotate(-1.6deg) translateY(6px)
}
.pe-scard:nth-child(2) {
  transform: rotate(1deg) translateY(-4px)
}
.pe-scard:nth-child(3) {
  transform: rotate(-.8deg) translateY(8px)
}
.pe-scard:nth-child(4) {
  transform: rotate(1.4deg) translateY(-2px)
}
.pe-scard:hover {
  transform: rotate(0) translateY(-8px) scale(1.03);
  z-index: 5
}
.pe-scard h4 {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.3px;
  margin: 0 0 2px
}
.pe-scard p {
  font-size: 13.5px;
  color: var(--pe-ink3);
  margin: 0
}
.pe-tag {
  font-size: 12.5px;
  color: var(--pe-ink2);
  letter-spacing: 1.4px;
  text-transform: uppercase
}
html[data-theme=dark] .pe-tag {
  color: var(--pe-green)
}
.pe-section h2 {
  font-size: clamp(30px,3.8vw,48px)!important;
  letter-spacing: -1.2px
}
.pe-card {
  border-radius: var(--pe-r-lg);
  padding: 30px!important;
  transition: transform .3s,border-color .3s;
  position: relative;
  overflow: hidden
}
.pe-card:hover {
  transform: translateY(-5px)
}
html[data-theme=dark] .pe-num {
  color: var(--pe-green)
}
.pe-card h3 {
  font-size: 21px;
  letter-spacing: -.3px;
  margin-top: 12px
}
.pe-card p {
  color: var(--pe-ink3);
  font-size: 15px
}
.pe-statnum {
  font-weight: 800;
  font-size: clamp(36px,4vw,52px);
  line-height: 1;
  color: var(--pe-ink)
}
html[data-theme=dark] .pe-statnum {
  color: var(--pe-green)
}
.pe-more {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--pe-ink);
  text-decoration: none;
  border-bottom: 2px solid var(--pe-green);
  padding-bottom: 3px
}
.pe-more:hover {
  color: var(--pe-ink2)
}
.pe-steps {
  counter-reset: pe-step
}
.pe-step {
  counter-increment: pe-step
}
.pe-step::before {
  content: "0" counter(pe-step);
  font-weight: 800;
  font-size: 44px;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--pe-ink2);
  display: block;
  margin-bottom: 14px;
  opacity: .85
}
html[data-theme=dark] .pe-step::before {
  -webkit-text-stroke-color: var(--pe-green)
}
.pe-step h4 {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 6px
}
.pe-step p {
  font-size: 14px;
  color: var(--pe-ink3);
  margin: 0
}
.wp-block-details {
  border-radius: var(--pe-r-md);
  border: 1px solid var(--pe-stroke2);
  background: var(--pe-panel);
  padding: 18px 24px!important;
  margin-bottom: 12px
}
.wp-block-details summary {
  font-weight: 700;
  cursor: pointer;
  font-size: 17px;
  list-style: none;
  position: relative;
  padding-right: 34px
}
.wp-block-details summary::-webkit-details-marker {
  display: none
}
.wp-block-details summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--pe-ink2);
  font-size: 24px;
  font-weight: 400;
  transition: transform .3s
}
html[data-theme=dark] .wp-block-details summary::after {
  color: var(--pe-green)
}
.wp-block-details[open] summary::after {
  transform: translateY(-50%) rotate(45deg)
}
.wp-block-details p {
  color: var(--pe-ink3);
  font-size: 15px
}
.pe-ctaband {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 64px 32px!important;
  margin-top: 88px!important
}
.pe-ctaband::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(640px 220px at 50% 0,rgba(46,242,49,.16),transparent);
  pointer-events: none
}
.pe-ctaband > * {
  position: relative
}
.pe-persongrid .wp-block-post-featured-image img {
  border-radius: var(--pe-r-md);
  filter: grayscale(1);
  transition: filter .3s
}
.pe-persongrid .wp-block-group:hover .wp-block-post-featured-image img {
  filter: grayscale(0)
}
.pe-persongrid .wp-block-post-title {
  font-size: 19px;
  letter-spacing: -.3px;
  margin-top: 14px
}
.pe-persongrid .wp-block-post-title a {
  text-decoration: none;
  color: var(--pe-ink)
}
.pe-person-rolle {
  color: var(--pe-ink3);
  font-size: 14px;
  margin: 4px 0 0
}
.pe-refgrid .wp-block-post-featured-image img {
  border-radius: var(--pe-r-md);
  transition: transform .3s
}
.pe-refgrid .wp-block-group:hover .wp-block-post-featured-image img {
  transform: scale(1.03)
}
.pe-refgrid .wp-block-post-title {
  font-size: 19px;
  letter-spacing: -.3px;
  margin-top: 14px
}
.pe-refgrid .wp-block-post-title a {
  text-decoration: none;
  color: var(--pe-ink)
}
.pe-ref-embed iframe {
  border-radius: var(--pe-r-md)
}
.pe-plattform .wp-block-button__link {
  font-size: 12px!important;
  padding: 10px 16px!important;
  background: var(--pe-panel)!important;
  border: 1px solid var(--pe-stroke2)!important;
  color: var(--pe-ink)!important
}
.pe-plattform .wp-block-button__link:hover {
  border-color: var(--pe-green)!important
}
.pe-audio {
  margin-top: 18px
}
.pe-audio p {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--pe-ink3);
  margin: 0 0 8px
}
.pe-audio audio {
  width: 100%;
  border-radius: 100px
}
.pe-footer {
  border-top: 1px solid var(--pe-stroke2);
  margin-top: 88px;
  color: var(--pe-ink3);
  font-size: 14px
}
.pe-footer a {
  color: var(--pe-ink2);
  text-decoration: none
}
.pe-footer a:hover {
  color: var(--pe-ink)
}
.pe-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .55s ease-out,transform .55s ease-out
}
.pe-reveal.pe-in {
  opacity: 1;
  transform: none
}
@media (prefers-reduced-motion:reduce) {
  .pe-reveal {
    opacity: 1;
    transform: none;
    transition: none
  }
  .pe-pulse {
    animation: none
  }
  .pe-scard {
    transform: none!important
  }
  .pe-slider {
    scroll-behavior: auto
  }
}
@media (max-width:900px) {
  .pe-hero {
    padding-top: 64px!important
  }
}
.pe-nav {
  justify-content: space-between
}
.pe-nav .wp-block-navigation {
  flex: 1;
  min-width: 0;
  justify-content: center
}
.pe-nav .wp-block-navigation .wp-block-navigation__container {
  justify-content: center
}
.pe-logo-img {
  height: 22px;
  width: auto;
  display: block;
  filter: none!important
}
html:not([data-theme=dark]) .pe-logo-img {
  filter: invert(1) hue-rotate(180deg)
}
.pe-nav .wp-block-navigation__submenu-container {
  background: var(--pe-panel-solid)!important;
  border: 1px solid var(--pe-stroke2)!important;
  border-radius: 16px!important;
  box-shadow: var(--pe-shadow)!important;
  padding: 8px!important;
  margin-top: 0!important;
  min-width: 250px;
  top: calc(100% + 10px)
}
.pe-nav .wp-block-navigation__container > .has-child {
  position: relative
}
.pe-nav .wp-block-navigation__submenu-container a {
  color: var(--pe-ink2)!important;
  border-radius: 10px;
  padding: 10px 14px!important;
  font-size: 14px
}
.pe-nav .wp-block-navigation__submenu-container a:hover {
  background: rgba(46,242,49,.12)!important;
  color: var(--pe-ink)!important;
  text-decoration: none
}
.pe-nav .wp-block-navigation__submenu-icon {
  color: var(--pe-ink3)
}
html[data-theme=dark] .pe-mtrack img {
  filter: brightness(0) invert(1)
}
.pe-grid {
  display: grid;
  gap: 16px;
  align-items: stretch
}
.pe-grid-3 {
  grid-template-columns: repeat(3,1fr)
}
@media(max-width:900px) {
  .pe-grid-3 {
    grid-template-columns: repeat(2,1fr)
  }
}
@media(max-width:560px) {
  .pe-grid-3 {
    grid-template-columns: 1fr
  }
}
.pe-personcard {
  display: flex;
  flex-direction: column
}
.pe-personcard h3 {
  letter-spacing: -.3px;
  margin: 14px 0 0
}
.pe-personfoto {
  position: relative;
  border-radius: var(--pe-r-md);
  overflow: hidden;
  aspect-ratio: 1
}
.pe-personfoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter .35s,transform .6s cubic-bezier(.25,.46,.45,.94)
}
.pe-personcard:hover .pe-personfoto img {
  filter: grayscale(0);
  transform: scale(1.05)
}
.pe-play {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--pe-green);
  border: none;
  display: grid;
  place-items: center;
  color: #080808;
  cursor: pointer;
  box-shadow: 0 8px 24px -8px rgba(8,8,8,.5);
  transition: transform .2s
}
.pe-play:hover {
  transform: scale(1.08)
}
.pe-play.is-playing svg {
  display: none
}
.pe-play.is-playing::after {
  content: "";
  width: 16px;
  height: 16px;
  background: #080808;
  border-radius: 3px
}
.pe-covergrid {
  gap: 20px
}
.pe-cover {
  display: block;
  border-radius: var(--pe-r-md);
  overflow: hidden;
  aspect-ratio: 1
}
.pe-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94)
}
.pe-cover:hover {
  transform: translateY(-6px) scale(1.02);
  transform: translateY(-5px)
}
.pe-cover.is-hidden {
  display: none
}
.pe-filter {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap
}
.pe-fbtn {
  padding: 10px 18px;
  border-radius: 100px;
  border: 1px solid var(--pe-stroke2);
  background: var(--pe-panel);
  color: var(--pe-ink2);
  font-weight: 600;
  font-size: 13.5px;
  cursor: pointer
}
.pe-fbtn.is-active {
  background: var(--pe-green);
  color: #080808;
  border-color: transparent
}
.pe-refgrid .wp-block-post,
.pe-refgrid li {
  height: 100%
}
.pe-refgrid .pe-card {
  height: 100%;
  display: flex;
  flex-direction: column
}
.pe-blogfeatured {
  margin-bottom: 24px
}
.pe-blogfeatured .pe-card {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 32px;
  align-items: center
}
.pe-blogfeatured .wp-block-post-featured-image img {
  border-radius: var(--pe-r-md)
}
.pe-blogfeatured .wp-block-post-title {
  letter-spacing: -.8px
}
@media(max-width:800px) {
  .pe-blogfeatured .pe-card {
    grid-template-columns: 1fr
  }
}
.pe-toc {
  padding: 22px 26px;
  margin: 28px 0
}
.pe-toc p {
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--pe-ink3);
  margin: 0 0 10px
}
.pe-toc ol {
  margin: 0;
  padding-left: 18px
}
.pe-toc li {
  margin: 6px 0
}
.pe-toc a {
  color: var(--pe-ink2);
  text-decoration: none
}
.pe-toc a:hover {
  color: var(--pe-ink);
  text-decoration: underline;
  text-decoration-color: var(--pe-green);
  text-decoration-thickness: 2px
}
.pe-footer {
  padding: 56px 0 32px
}
.pe-footer .pe-footgrid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 32px;
  margin: 0 auto;
  padding: 0 24px
}
.pe-footer h5 {
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--pe-ink3);
  margin: 0 0 14px;
  font-weight: 700
}
.pe-footer a,
.pe-footer p {
  font-size: 14.5px
}
.pe-footer .pe-copy {
  text-align: center;
  color: var(--pe-ink3);
  font-size: 13px;
  margin-top: 32px;
  padding-top: 22px;
  border-top: 1px solid var(--pe-stroke2)
}
html[data-theme=dark] .pe-blogfeatured .wp-block-post-title a,
html[data-theme=dark] .pe-card a,
html[data-theme=dark] .wp-block-post-title a {
  color: var(--pe-ink)!important
}
html[data-theme=dark] .wp-block-post-excerpt__more-link {
  color: var(--pe-ink3)
}
.pe-sliderwrap {
  position: relative
}
.pe-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 8px 4px 16px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none
}
.pe-slider::-webkit-scrollbar {
  display: none
}
.pe-slider .pe-cover {
  flex: 0 0 min(300px,72vw);
  scroll-snap-align: start
}
.pe-snav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--pe-stroke2);
  background: var(--pe-panel-solid);
  color: var(--pe-ink);
  cursor: pointer;
  display: grid;
  place-items: center;
  z-index: 5;
  box-shadow: var(--pe-shadow)
}
.pe-snav:hover {
  border-color: var(--pe-green)
}
.pe-snav-prev {
  left: -12px
}
.pe-snav-next {
  right: -12px
}
.pe-section {
  padding-top: 112px!important
}
.pe-hero {
  padding-top: 104px!important;
  padding-bottom: 88px!important
}
.pe-hero h1 {
  font-size: clamp(2.9rem,6.5vw + 1rem,5.8rem)!important;
  letter-spacing: -.04em!important;
  line-height: 1.02!important
}
.pe-ctaband h2,
.pe-section h2 {
  font-weight: 500!important;
  letter-spacing: -.03em!important;
  line-height: 1.06!important
}
.pe-card h3 {
  font-weight: 600
}
.pe-mlabel,
.pe-tag,
.pe-toc p {
  font-family: 'PE Mono',ui-monospace,'SF Mono',Menlo,monospace!important;
  letter-spacing: .12em!important;
  font-weight: 600!important
}
.pe-card,
.pe-glass {
  box-shadow: none!important
}
.pe-card {
  border: 1px solid var(--pe-stroke2)!important;
  background: var(--pe-panel-solid)
}
html[data-theme=dark] .pe-card {
  background: #1a1a1a;
  border-color: rgba(255,255,255,.09)!important
}
.pe-card:hover {
  border-color: rgba(46,242,49,.5)!important
}
.pe-eyebrow.pe-glass,
.pe-nav.pe-glass {
  box-shadow: var(--pe-shadow)!important
}
html:not([data-theme=dark]) .pe-ctaband {
  border-color: rgba(255,255,255,.1)!important
}
html:not([data-theme=dark]) .pe-ctaband h2 {
  color: #fff
}
html[data-theme=dark] .pe-ctaband {
  background: #161616!important
}
@view-transition {
  navigation: auto
}
::view-transition-new(root),
::view-transition-old(root) {
  animation-duration: 220ms
}
html:not([data-theme=dark]) .pe-logo-dark,
html[data-theme=dark] .pe-logo-light {
  display: none
}
.pe-refhero {
  position: relative;
  overflow: hidden;
  padding-top: 120px!important;
  padding-bottom: 72px!important
}
.pe-refhero .pe-refbackdrop {
  position: absolute;
  inset: 0 -5% -10%;
  z-index: 0;
  margin: 0!important;
  pointer-events: none;
  max-width: none!important;
  width: auto!important;
  mask: linear-gradient(180deg,transparent 0,#000 26% 55%,transparent 88%);
  -webkit-mask: linear-gradient(180deg,transparent 0,#000 26% 55%,transparent 88%)
}
.pe-refhero .pe-refbackdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(90px) saturate(1.5);
  opacity: .35;
  transform: scale(1.2)
}
html[data-theme=dark] .pe-refhero .pe-refbackdrop img {
  opacity: .3
}
.pe-refhero > :not(.pe-refbackdrop) {
  position: relative;
  z-index: 2
}
.pe-refhero .pe-refcover img {
  border-radius: var(--pe-r-lg);
  box-shadow: 0 40px 90px -30px rgba(0,0,0,.55)
}
.pe-refhero .wp-block-post-title,
.pe-refhero h1 {
  font-size: clamp(2.4rem,4.6vw + .8rem,4.4rem)!important;
  font-weight: 500!important;
  letter-spacing: -.035em!important;
  line-height: 1.02!important;
  margin-top: 10px
}
.pe-refhero .wp-block-post-excerpt {
  color: var(--pe-ink3);
  font-size: clamp(16px,1.6vw,19px);
  max-width: 38em
}
.pe-refhero .pe-tag a {
  color: inherit;
  text-decoration: none
}
.pe-refplayer {
  padding: 28px!important;
  margin-top: 56px
}
.pe-refplayer .pe-tag {
  margin: 0 0 16px
}
.pe-ref-embed iframe {
  width: 100%;
  border: 0;
  border-radius: var(--pe-r-md);
  display: block
}
.pe-lgrid {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 18px
}
.pe-lchip {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 26px;
  border-radius: var(--pe-r-md);
  background: #131313;
  border: 1px solid rgba(255,255,255,.1);
  transition: transform .3s cubic-bezier(.25,.46,.45,.94),border-color .3s
}
.pe-lchip:hover {
  transform: translateY(-5px);
  border-color: var(--pe-green)
}
.pe-lchip img {
  height: 30px;
  width: auto;
  display: block
}
.pe-lchip .pe-ltext {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .01em;
  line-height: 30px
}
@media(max-width:600px) {
  .pe-lchip {
    padding: 12px 18px
  }
  .pe-lchip img {
    height: 24px
  }
  .pe-lchip .pe-ltext {
    font-size: 14px;
    line-height: 24px
  }
}
.pe-playerbox {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 24px;
  border-radius: var(--pe-r-md);
  background: #131313;
  border: 1px solid rgba(255,255,255,.1);
  margin-top: 10px
}
.pe-playerbox .pe-pbtn {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: var(--pe-green);
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: #080808;
  flex-shrink: 0;
  transition: transform .2s
}
.pe-playerbox .pe-pbtn:hover {
  transform: scale(1.07)
}
.pe-playerbox .pe-pbar {
  flex: 1;
  height: 6px;
  border-radius: 100px;
  background: rgba(255,255,255,.14);
  cursor: pointer;
  position: relative
}
.pe-playerbox .pe-pfill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  border-radius: 100px;
  background: var(--pe-green);
  box-shadow: 0 0 12px rgba(46,242,49,.5)
}
.pe-playerbox .pe-ptime {
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
  color: rgba(255,255,255,.75);
  flex-shrink: 0;
  font-family: 'PE Mono',ui-monospace,'SF Mono',Menlo,monospace
}
.pe-audio p {
  margin-bottom: 10px
}
.pe-refmain .wp-block-post-content > h2 {
  margin-top: 72px
}
.pe-refmain .wp-block-post-content > p {
  color: var(--pe-ink2);
  font-size: 17px;
  line-height: 1.75
}
.pe-refmain .wp-block-post-content > p + p {
  margin-top: 22px
}
.pe-grid {
  gap: 28px
}
.pe-personcard {
  padding: 0!important;
  border: none!important;
  background: 0 0!important
}
.pe-personcard h3 {
  font-size: 22px;
  margin-top: 18px
}
.pe-personcard .pe-person-rolle {
  font-size: 15px
}
.pe-personfoto {
  border-radius: var(--pe-r-lg)
}
.pe-covergrid {
  gap: 26px
}
.pe-reveal {
  transition-delay: var(--pe-d,0s)
}
.pe-section .pe-tag + h2 {
  margin-top: 14px
}
.pe-section h2 + .pe-filter,
.pe-section h2 + .pe-grid,
.pe-section h2 + .pe-sliderwrap,
.pe-section h2 + .wp-block-columns {
  margin-top: 44px
}
.wp-block-columns {
  gap: 28px
}
.pe-teamsection {
  padding-top: 40px!important
}
.pe-hero:has(.pe-herobg) {
  overflow: visible
}
.pe-hero > .pe-herobg {
  position: absolute!important;
  top: -170px;
  bottom: -190px;
  left: 0;
  right: 0;
  z-index: 0!important;
  pointer-events: none;
  margin: 0!important;
  max-width: none!important;
  width: auto!important;
  mask: linear-gradient(180deg,#000 0 58%,transparent 97%);
  -webkit-mask: linear-gradient(180deg,#000 0 58%,transparent 97%)
}
.pe-herobg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 72%
}
html[data-theme=dark] .pe-herobg img {
  opacity: .42;
  filter: grayscale(1)
}
html:not([data-theme=dark]) .pe-herobg img {
  opacity: .3;
  filter: grayscale(1)
}
.pe-herobg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,color-mix(in srgb,var(--pe-bg) 55%,transparent) 0,color-mix(in srgb,var(--pe-bg) 16%,transparent) 45%,color-mix(in srgb,var(--pe-bg) 45%,transparent) 100%)
}
@supports not (background:color-mix(in srgb,red 50%,transparent)) {
  .pe-herobg::after {
    background: linear-gradient(180deg,var(--pe-bg) 0,transparent 45%,var(--pe-bg) 100%);
    opacity: .8
  }
}
.pe-hero:has(.pe-herobg) svg.pe-skyline {
  display: none
}
html[data-theme=dark] .pe-hero:has(.pe-herobg) .pe-sub {
  color: var(--pe-ink2);
  text-shadow: 0 1px 14px rgba(0,0,0,.45)
}
html:not([data-theme=dark]) .pe-hero:has(.pe-herobg) .pe-sub {
  color: #3a3d3a;
  text-shadow: 0 1px 14px rgba(255,255,255,.5)
}
.pe-refwo-top {
  text-align: center;
  margin-top: -16px
}
.pe-refwo-top .pe-tag {
  font-size: 11px!important;
  opacity: .65;
  margin: 0 0 14px
}
.pe-refwo-top .pe-lgrid {
  justify-content: center;
  margin-top: 0
}
.pe-refwo-top .pe-lchip {
  padding: 12px 20px
}
.pe-refwo-top .pe-lchip img {
  height: 24px
}
.pe-slider {
  mask: linear-gradient(90deg,transparent,#000 5% 95%,transparent);
  -webkit-mask: linear-gradient(90deg,transparent,#000 5% 95%,transparent);
  padding-left: 12px;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  overflow-y: hidden
}
.pe-cover {
  transition: transform .18s ease-out
}
/* Kein Zoom auf Cover-Bildern: Schrift und feine Wellenformen (Werbespot-/Sounddesign-Cover)
 * wurden beim Skalieren unscharf (Kundenfeedback 13.10.2026). Die Kachel hebt sich weiter an. */
.pe-refweitere {
  margin-top: 88px
}
.pe-refweitere .pe-tag {
  text-align: center;
  margin-bottom: 8px
}
.pe-refweitere h2 {
  text-align: center;
  margin-bottom: 36px
}
.pe-refsub {
  font-size: clamp(17px,1.8vw,21px);
  font-weight: 600;
  color: var(--pe-ink2);
  margin: 2px 0 10px;
  letter-spacing: -.01em
}
.pe-refkunde {
  margin-top: 22px
}
.pe-refkunde img {
  height: 34px;
  width: auto;
  display: inline-block;
  background: #fff;
  padding: 9px 16px;
  border-radius: 12px;
  box-sizing: content-box;
  border: 1px solid rgba(255,255,255,.14)
}
.pe-refkunde-hoch img {
  height: 64px;
  padding: 8px 12px
}
html:not([data-theme=dark]) .pe-refkunde img {
  border-color: var(--pe-stroke2)
}
.pe-eigenbadge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  padding: 8px 14px;
  border-radius: 100px;
  border: 1px solid var(--pe-stroke2);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pe-ink3);
  font-family: 'PE Mono',ui-monospace,'SF Mono',Menlo,monospace
}
.pe-eigenbadge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pe-green)
}
.wp-block-navigation__responsive-container.is-menu-open {
  background: var(--pe-bg)!important;
  padding: 96px 32px 32px
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  gap: 18px
}
.wp-block-navigation__responsive-container.is-menu-open a {
  color: var(--pe-ink)!important;
  font-size: 22px!important;
  font-weight: 600
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a {
  font-size: 16px!important;
  color: var(--pe-ink3)!important
}
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  color: var(--pe-ink)!important
}
@media (max-width:640px) {
  .pe-header {
    top: 10px;
    padding: 0 12px;
    margin-top: 10px
  }
  .pe-nav {
    gap: 10px;
    padding: 8px 10px 8px 14px
  }
  .pe-logo-img {
    height: 17px
  }
  .pe-toggle {
    width: 36px;
    height: 36px
  }
  .pe-header .wp-block-button__link {
    padding: 10px 14px!important;
    font-size: 11.5px!important
  }
  .pe-snav {
    width: 40px;
    height: 40px
  }
  .pe-snav-prev {
    left: 4px
  }
  .pe-snav-next {
    right: 4px
  }
  .pe-lgrid {
    gap: 10px
  }
  .pe-blogfeatured .pe-card {
    gap: 18px
  }
}
@media (max-width:781px) {
  .pe-refhero {
    padding-top: 64px!important;
    padding-bottom: 40px!important
  }
  .pe-refhero .pe-refcover {
    max-width: 320px;
    margin: 0 auto
  }
  .pe-refhero .wp-block-post-title,
  .pe-refhero h1 {
    font-size: clamp(2rem,9vw,2.6rem)!important
  }
  .pe-refwo-top {
    margin-top: 0
  }
  .pe-refplayer {
    padding: 18px!important;
    margin-top: 32px
  }
  .pe-section {
    padding-top: 64px!important
  }
  .pe-refweitere {
    margin-top: 56px
  }
  .pe-refmain .wp-block-post-content > h2 {
    margin-top: 48px
  }
}
@media (prefers-reduced-motion:reduce) {
  .pe-lchip,
  .pe-personfoto img,
  .pe-playerbox .pe-pbtn {
    transition: none
  }
}
.pe-rows {
  border-top: 1px solid var(--pe-stroke2);
  margin-top: 40px
}
.pe-row {
  display: grid;
  grid-template-columns: 80px minmax(0,1fr) minmax(0,1.35fr);
  gap: 32px;
  padding: 34px 4px;
  border-bottom: 1px solid var(--pe-stroke2);
  align-items: start;
  transition: background .3s
}
.pe-row:hover {
  background: linear-gradient(90deg,rgba(46,242,49,.05),transparent 70%)
}
.pe-row > * {
  margin: 0!important
}
.pe-row .pe-rnum {
  font-family: 'PE Mono',ui-monospace,'SF Mono',Menlo,monospace;
  font-size: 13px;
  letter-spacing: .14em;
  color: var(--pe-ink3);
  padding-top: 9px
}
html[data-theme=dark] .pe-row .pe-rnum {
  color: var(--pe-green)
}
.pe-row h3 {
  font-size: clamp(22px,2.1vw,30px)!important;
  font-weight: 500!important;
  letter-spacing: -.02em;
  line-height: 1.15
}
.pe-row p {
  color: var(--pe-ink3);
  font-size: 16.5px;
  line-height: 1.7
}
.pe-card p a,
.pe-prose a,
.pe-row a {
  color: var(--pe-ink);
  text-decoration: underline;
  text-decoration-color: var(--pe-green);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px
}
@media(max-width:800px) {
  .pe-footer .pe-footgrid {
    grid-template-columns: 1fr 1fr
  }
  .pe-row {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 26px 0
  }
}
.pe-stats {
  display: grid!important;
  grid-template-columns: repeat(4,1fr);
  gap: 0;
  border: 1px solid var(--pe-stroke2);
  border-radius: var(--pe-r-lg);
  overflow: hidden;
  margin-top: 48px
}
.pe-stats > .pe-stat {
  padding: 30px 26px;
  border-right: 1px solid var(--pe-stroke2);
  margin: 0!important
}
.pe-stats > .pe-stat:last-child {
  border-right: 0
}
.pe-stat .pe-statnum {
  display: block;
  font-weight: 500!important;
  letter-spacing: -.03em;
  margin: 0 0 10px
}
.pe-stat p {
  margin: 0;
  color: var(--pe-ink3);
  font-size: 14.5px;
  line-height: 1.5
}
@media(max-width:900px) {
  .pe-stats {
    grid-template-columns: repeat(2,1fr)
  }
  .pe-stats > .pe-stat:nth-child(2) {
    border-right: 0
  }
  .pe-stats > .pe-stat:nth-child(-n+2) {
    border-bottom: 1px solid var(--pe-stroke2)
  }
}
.pe-prose h2 {
  margin-bottom: 22px
}
.pe-prose p {
  color: var(--pe-ink2);
  font-size: 17.5px;
  line-height: 1.75
}
.pe-prose p + p {
  margin-top: 18px
}
.pe-cards {
  display: grid!important;
  grid-template-columns: repeat(2,1fr);
  gap: 22px;
  margin-top: 40px
}
.pe-cards > .pe-card {
  margin: 0!important
}
.pe-cards .pe-card h3 {
  margin-top: 0
}
@media(max-width:800px) {
  .pe-cards {
    grid-template-columns: 1fr
  }
}
.pe-trustline {
  margin-top: 26px!important;
  font-family: 'PE Mono',ui-monospace,'SF Mono',Menlo,monospace;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--pe-ink3)
}
.pe-stat p.pe-statnum {
  font-size: clamp(42px,4.6vw,64px)!important;
  line-height: 1!important;
  color: var(--pe-ink)!important;
  font-weight: 500!important;
  letter-spacing: -.04em
}
html[data-theme=dark] .pe-stat p.pe-statnum {
  color: var(--pe-green)!important
}
@media (max-width:520px) {
  .pe-nav .pe-btn-cta {
    display: none
  }
}
.pe-card.pe-personcard {
  overflow: visible!important;
  border-radius: 0!important
}
.pe-filter {
  margin: 40px auto 44px!important
}
.pe-row .pe-rowbody {
  display: flex;
  flex-direction: column;
  gap: 18px
}
.pe-row .pe-rowbody .wp-block-buttons {
  margin: 0
}
.pe-row .pe-rowbody .wp-block-button__link {
  padding: 10px 18px!important;
  font-size: 12px!important
}
html:not([data-theme=dark]) .pe-playerbox {
  background: #fff;
  border-color: rgba(8,8,8,.1)
}
html:not([data-theme=dark]) .pe-playerbox .pe-pbar {
  background: rgba(8,8,8,.1)
}
html:not([data-theme=dark]) .pe-playerbox .pe-ptime {
  color: var(--pe-ink3)
}
html:not([data-theme=dark]) .pe-playerbox .pe-pbtn {
  box-shadow: 0 8px 20px -8px rgba(46,242,49,.7)
}
html[data-theme=dark] .pe-mtrack .pe-chip img {
  filter: grayscale(1) brightness(0) invert(1)
}
html:not([data-theme=dark]) .pe-mtrack .pe-chip img {
  filter: grayscale(1)
}
html[data-theme=dark] .pe-mtrack .pe-chip-flat img {
  filter: grayscale(1)!important;
  opacity: .6
}
.pe-split {
  gap: clamp(32px,5vw,80px)!important;
  align-items: center
}
.pe-split .wp-block-column {
  margin: 0!important
}
.pe-galimg,
.pe-splitimg {
  margin: 0!important;
  border-radius: var(--pe-r-lg);
  overflow: hidden;
  position: relative
}
.pe-galimg img,
.pe-splitimg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s cubic-bezier(.25,.46,.45,.94)
}
.pe-splitimg img {
  max-height: 640px;
  max-height: none;
  aspect-ratio: 1/1
}
.pe-galimg:hover img,
.pe-splitimg:hover img {
  transform: scale(1.04)
}
.pe-galimg::after,
.pe-splitimg::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  pointer-events: none
}
@media(min-width:782px) {
  .pe-split-rev > .wp-block-column:first-child {
    order: 2
  }
}
.pe-gallery {
  display: grid!important;
  grid-template-columns: 1.4fr 1fr 1.4fr;
  gap: 20px
}
.pe-gallery .pe-galimg {
  aspect-ratio: 4/3
}
.pe-gallery .pe-galimg:nth-child(2) {
  aspect-ratio: auto
}
@media(max-width:700px) {
  .pe-gallery {
    grid-template-columns: 1fr 1fr
  }
  .pe-gallery .pe-galimg:nth-child(3) {
    grid-column: 1/-1
  }
}
.pe-splitsec + .pe-splitsec {
  padding-top: 72px!important
}
.pe-form {
  display: grid;
  gap: 18px
}
.pe-form *,
.pe-form ::after,
.pe-form ::before {
  box-sizing: border-box
}
.pe-form label {
  min-width: 0;
  display: grid;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--pe-ink2)
}
.pe-form input[type=email],
.pe-form input[type=tel],
.pe-form input[type=text],
.pe-form select,
.pe-form textarea {
  font: inherit;
  font-size: 16px;
  font-weight: 400;
  color: var(--pe-ink);
  background: var(--pe-panel-solid);
  border: 1px solid var(--pe-stroke2);
  border-radius: 14px;
  padding: 14px 16px;
  transition: border-color .2s,box-shadow .2s;
  width: 100%
}
.pe-form input:focus,
.pe-form select:focus,
.pe-form textarea:focus {
  outline: 0;
  border-color: var(--pe-green);
  box-shadow: 0 0 0 3px rgba(46,242,49,.18)
}
.pe-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px
}
@media(max-width:640px) {
  .pe-form-row {
    grid-template-columns: 1fr
  }
}
.pe-form .pe-check {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-weight: 400;
  font-size: 14px;
  color: var(--pe-ink3);
  line-height: 1.5
}
.pe-form .pe-check input {
  margin-top: 3px;
  accent-color: var(--pe-green);
  width: 18px;
  height: 18px;
  flex-shrink: 0
}
.pe-form .pe-check a {
  color: var(--pe-ink);
  text-decoration: underline;
  text-decoration-color: var(--pe-green)
}
.pe-hp {
  position: absolute!important;
  left: -9999px!important;
  width: 1px;
  height: 1px;
  overflow: hidden
}
.pe-form button {
  border: 0;
  cursor: pointer
}
.pe-form-msg {
  padding: 14px 18px;
  border-radius: 14px;
  font-size: 15px;
  margin: 0
}
.pe-form-ok {
  background: rgba(46,242,49,.12);
  border: 1px solid rgba(46,242,49,.4)
}
.pe-form-err {
  background: rgba(255,80,80,.1);
  border: 1px solid rgba(255,80,80,.4)
}
.pe-karte {
  position: relative;
  border-radius: var(--pe-r-lg);
  overflow: hidden;
  min-height: 360px;
  border: 1px solid var(--pe-stroke2);
  background: radial-gradient(circle at 30% 40%,rgba(46,242,49,.12),transparent 55%),repeating-linear-gradient(45deg,transparent 0 22px,rgba(127,127,127,.06) 22px 23px),var(--pe-panel-solid)
}
.pe-karte-hinweis {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  gap: 10px
}
.pe-karte-hinweis p {
  margin: 0
}
/* Standort-Box wie die übrigen Kontakt-Kacheln (Kundenfeedback 13.10.2026): oben ausgerichtet, gleiche Schriftgrößen */
.pe-karte-hinweis {
  justify-content: flex-start;
  padding: 30px;
  gap: 0
}
.pe-karte-hinweis .pe-tag {
  font-size: 15px;
  line-height: 24px
}
.pe-karte-hinweis .pe-karte-name {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -.3px;
  margin: 12px 0 0
}
.pe-karte-hinweis .pe-karte-adresse {
  font-size: 15px;
  line-height: 24px;
  margin-top: 24px
}
.pe-karte-hinweis .pe-karte-btn {
  margin-top: 24px
}
.pe-karte-hinweis .pe-karte-klein {
  margin-top: 14px
}
.pe-karte-btn {
  background: var(--pe-green);
  color: #080808;
  border: 0;
  border-radius: 14px;
  padding: 12px 20px;
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 6px
}
.pe-karte-klein {
  font-size: 12.5px;
  color: var(--pe-ink3);
  max-width: 34em
}
.pe-karte-klein a {
  color: var(--pe-ink)
}
.pe-karte iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0
}
html[data-theme=dark] .pe-karte.is-geladen iframe {
  filter: invert(.92) hue-rotate(180deg) saturate(.6)
}
.pe-kontaktgrid {
  display: grid!important;
  grid-template-columns: 1.25fr 1fr;
  gap: clamp(28px,4vw,56px);
  align-items: start
}
@media(max-width:900px) {
  .pe-kontaktgrid {
    grid-template-columns: 1fr
  }
}
.pe-kontaktinfo {
  display: grid;
  gap: 22px
}
.pe-refgrid .wp-block-post-excerpt {
  margin-top: 14px!important
}
.pe-refgrid .pe-card .wp-block-post-title {
  margin: 18px 0 0!important;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.pe-refgrid .wp-block-post-excerpt__excerpt {
  margin: 0;
  color: var(--pe-ink3);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.pe-blogfeatured .pe-card {
  grid-template-columns: 1.25fr 1fr!important;
  gap: clamp(24px,3.5vw,48px)!important;
  padding: clamp(18px,2vw,28px)!important
}
.pe-blogfeatured .wp-block-post-title {
  font-size: clamp(24px,2.3vw,32px)!important;
  line-height: 1.18!important;
  margin: 10px 0 14px!important
}
.pe-blogfeatured .wp-block-post-excerpt {
  margin-top: 0!important
}
.pe-blogfeatured .wp-block-post-excerpt__excerpt {
  -webkit-line-clamp: 4
}
@media(max-width:800px) {
  .pe-blogfeatured .pe-card {
    grid-template-columns: 1fr!important
  }
}
main.pe-postmain {
  padding-top: clamp(28px,4vw,56px)!important
}
.pe-postmeta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  font-size: 13px;
  color: var(--pe-ink3);
  margin: 0 auto 14px!important
}
.pe-postmeta span:first-child {
  color: var(--pe-green);
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11.5px;
  align-self: center
}
html:not([data-theme=dark]) .pe-postmeta span:first-child {
  color: var(--pe-ink)
}
.pe-postmain .wp-block-post-title {
  margin-bottom: 28px!important
}
.pe-postcta {
  margin-top: 56px!important;
  text-align: center
}
.pe-postmore {
  margin-top: 72px!important
}
.pe-postmore .wp-block-post-template {
  display: grid!important;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  list-style: none;
  padding: 0;
  gap: 22px!important
}
@media(max-width:800px) {
  .pe-postmore .wp-block-post-template {
    grid-template-columns: 1fr
  }
}
.pe-ctaband .pe-sub a,
.pe-prose a:not(.wp-block-button__link),
.wp-block-post-content a:not(.wp-block-button__link) {
  color: var(--pe-ink)!important;
  text-decoration: underline;
  text-decoration-color: var(--pe-green);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px
}
.pe-hoerproben {
  display: grid!important;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  margin-top: 36px
}
@media(max-width:900px) {
  .pe-hoerproben {
    grid-template-columns: 1fr
  }
}
.pe-hoerprobe {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.pe-hoerprobe h3 {
  font-size: 19px;
  margin: 0
}
.pe-hoerprobe p {
  margin: 0
}
.pe-hp-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  background: var(--pe-green);
  color: #080808;
  border: 0;
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: auto
}
.pe-hoerprobe iframe {
  margin-top: 6px
}
.wp-block-button__link {
  display: inline-flex!important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1.1!important;
  min-height: 44px;
  box-sizing: border-box
}
.pe-pagehero {
  padding-bottom: 48px!important
}
main :is(p,li,details,figcaption) a:not(.wp-block-button__link):not(.pe-more):not([class*=pe-]) {
  color: var(--pe-ink)!important;
  text-decoration: underline;
  text-decoration-color: var(--pe-green);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  transition: text-decoration-color .2s,color .2s
}
main :is(p,li,details,figcaption) a:not(.wp-block-button__link):not(.pe-more):not([class*=pe-]):hover {
  text-decoration-color: currentColor
}
html:not([data-theme=dark]) main :is(p,li,details,figcaption) a:not(.wp-block-button__link):not(.pe-more):not([class*=pe-]) {
  text-decoration-color: #1fb322
}
.pe-logosec {
  padding-top: clamp(40px,5vw,72px)!important;
  padding-bottom: clamp(40px,5vw,72px)!important
}
.pe-logogrid {
  list-style: none;
  margin: 28px auto 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  border-top: 1px solid var(--pe-stroke2);
  border-left: 1px solid var(--pe-stroke2);
  border-radius: var(--pe-r-lg)
}
.pe-logocell {
  position: relative;
  aspect-ratio: 12/5;
  border-right: 1px solid var(--pe-stroke2);
  border-bottom: 1px solid var(--pe-stroke2);
  margin: 0!important;
  transition: background-color .35s
}
.pe-logocell .pe-logo-mono {
  opacity: .72
}
.pe-logocell .pe-logo-farbig,
.pe-logocell:hover .pe-logo-mono {
  opacity: 0
}
.pe-logocell:hover .pe-logo-farbig {
  opacity: 1
}
.pe-logocell:hover img {
  transform: scale(1.04);
  transform: none
}
html[data-theme=dark] .pe-logocell .pe-logo-mono {
  filter: invert(1);
  opacity: .62;
  opacity: .6
}
html:not([data-theme=dark]) .pe-logocell:hover {
  background: var(--pe-panel)
}
@media(max-width:1000px) {
  .pe-logogrid {
    grid-template-columns: repeat(4,1fr)
  }
}
@media(max-width:640px) {
  .pe-logogrid {
    grid-template-columns: repeat(2,1fr)
  }
  .pe-logocell img {
    padding: 10% 12%
  }
}
.pe-splitimg {
  aspect-ratio: 1/1;
  max-width: 560px;
  margin-inline: auto!important
}
.pe-gallery {
  grid-template-columns: repeat(3,1fr)!important
}
.pe-gallery .pe-galimg,
.pe-gallery .pe-galimg:nth-child(2) {
  aspect-ratio: 1/1
}
@media(max-width:700px) {
  .pe-gallery {
    grid-template-columns: 1fr 1fr!important
  }
  .pe-gallery .pe-galimg:nth-child(3) {
    display: none
  }
}
.pe-blogfilter {
  margin: 28px auto 36px!important
}
.pe-blogfeatured .wp-block-post-terms,
.pe-refgrid .wp-block-post-terms {
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 16px 0 0
}
.pe-blogfeatured .wp-block-post-terms a,
.pe-refgrid .wp-block-post-terms a {
  color: var(--pe-green)!important;
  text-decoration: none;
  pointer-events: none
}
html:not([data-theme=dark]) .pe-blogfeatured .wp-block-post-terms a,
html:not([data-theme=dark]) .pe-refgrid .wp-block-post-terms a {
  color: #168a18!important
}
.pe-refgrid .pe-card .wp-block-post-terms + .wp-block-post-title {
  margin-top: 6px!important
}
.pe-autorbox {
  box-sizing: border-box;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin-top: 56px!important;
  padding: 26px 28px!important
}
.pe-autorbox-icon {
  border-radius: 14px;
  flex-shrink: 0
}
.pe-autorbox p {
  margin: 0 0 8px
}
.pe-autorbox .pe-tag {
  margin-bottom: 2px
}
.pe-autorbox-name {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.3px
}
.pe-autorbox p:last-child {
  margin: 0;
  font-size: 14px
}
@media(max-width:600px) {
  .pe-autorbox {
    flex-direction: column
  }
}
.pe-postmore {
  max-width: 1180px!important;
  margin-left: auto!important;
  margin-right: auto!important;
  width: 100%
}
.pe-postmore .pe-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px!important
}
.pe-postmore .wp-block-post-title {
  font-size: 18px!important;
  line-height: 1.3!important;
  margin: 16px 4px 6px!important
}
.pe-postmore .wp-block-post-title a {
  text-decoration: none
}
main .pe-cover a,
main .wp-block-post-featured-image a,
main .wp-block-post-terms a,
main .wp-block-post-title a {
  text-decoration: none!important
}
main .wp-block-post-title a:hover {
  color: var(--pe-green)!important
}
.pe-postmore .wp-block-post {
  height: 100%
}
.wp-block-post-content .pe-postimg {
  margin: 40px 0!important;
  border-radius: var(--pe-r-lg);
  overflow: hidden
}
.wp-block-post-content .pe-postimg img {
  width: 100%;
  height: auto;
  display: block
}
.pe-weiterlesen {
  margin-top: 40px!important;
  padding-top: 22px;
  border-top: 1px solid var(--pe-stroke2);
  font-size: 15px
}
.wp-block-post-content > h2 {
  margin-top: clamp(40px,5vw,56px)!important;
  margin-bottom: 14px!important
}
.wp-block-post-content > h3 {
  margin-top: 32px!important;
  margin-bottom: 10px!important
}
.wp-block-post-content > p + p {
  margin-top: 14px
}
.pe-hero h1,
.pe-section h2,
.wp-block-post-title,
h1,
h2 {
  font-weight: 500!important
}
h1:not(.pe-hero h1) {
  letter-spacing: -.03em
}
html:not([data-theme=dark]) {
  --pe-bg: #f4f5f2;
  --pe-panel: #ffffff;
  --pe-stroke2: rgba(8,8,8,.07);
  --pe-accent-ink: #0f7312
}
html:not([data-theme=dark]) body {
  background: var(--pe-bg)
}
html:not([data-theme=dark]) :is(.pe-card,.pe-glass,.pe-step,.pe-autorbox,.pe-hoerprobe,.wp-block-details):not(.pe-ctaband) {
  background: #fff!important;
  border-color: rgba(8,8,8,.06)!important;
  box-shadow: 0 1px 2px rgba(8,8,8,.04),0 12px 32px -18px rgba(8,8,8,.18)
}
html:not([data-theme=dark]) .pe-stats {
  background: #fff;
  box-shadow: 0 1px 2px rgba(8,8,8,.04),0 16px 40px -24px rgba(8,8,8,.2);
  border-color: rgba(8,8,8,.06)
}
html:not([data-theme=dark]) .pe-stat p.pe-statnum {
  color: var(--pe-accent-ink)!important
}
html:not([data-theme=dark]) .pe-tag {
  color: var(--pe-accent-ink)
}
html:not([data-theme=dark]) .pe-row {
  border-color: rgba(8,8,8,.08)!important
}
html:not([data-theme=dark]) .pe-rnum {
  color: var(--pe-accent-ink)!important
}
html:not([data-theme=dark]) .pe-logocell,
html:not([data-theme=dark]) .pe-logogrid {
  border-color: rgba(8,8,8,.07)
}
html:not([data-theme=dark]) .pe-logogrid {
  background: #fff;
  box-shadow: 0 16px 40px -28px rgba(8,8,8,.2)
}
html:not([data-theme=dark]) .pe-galimg,
html:not([data-theme=dark]) .pe-postimg,
html:not([data-theme=dark]) .pe-splitimg {
  box-shadow: 0 24px 48px -28px rgba(8,8,8,.35)
}
html:not([data-theme=dark]) .pe-btn-ghost .wp-block-button__link {
  box-shadow: 0 1px 2px rgba(8,8,8,.05)
}
html:not([data-theme=dark]) .pe-fbtn:not(.is-active) {
  background: #fff;
  border-color: rgba(8,8,8,.1)
}
html:not([data-theme=dark]) .pe-form :is(input,select,textarea) {
  background: #fafbfa
}
html:not([data-theme=dark]) .pe-steps {
  background: linear-gradient(180deg,transparent,rgba(46,242,49,.05) 40%,transparent)
}
.pe-logogrid {
  border: 0!important;
  border-radius: 0!important;
  overflow: visible!important;
  background: 0 0!important;
  box-shadow: none!important;
  gap: 6px 10px;
  max-width: 1120px
}
.pe-logocell {
  border: 0!important;
  border-radius: 16px;
  aspect-ratio: 12/5
}
.pe-logocell img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity .35s,transform .35s;
  padding: 0!important
}
html[data-theme=dark] .pe-logocell:hover {
  background: #fff
}
html:not([data-theme=dark]) .pe-logocell:hover {
  background: #fff;
  box-shadow: 0 10px 28px -18px rgba(8,8,8,.25)
}
html:not([data-theme=dark]) .pe-logocell .pe-logo-mono {
  opacity: .62
}
@media(max-width:1000px) {
  .pe-logogrid {
    grid-template-columns: repeat(5,1fr)
  }
}
@media(max-width:760px) {
  .pe-logogrid {
    grid-template-columns: repeat(3,1fr)
  }
}
@media(max-width:480px) {
  .pe-logogrid {
    grid-template-columns: repeat(2,1fr)
  }
  .pe-logocell:nth-child(n+13) {
    display: none
  }
}
.pe-refweitere:not(:has(.pe-cover)) {
  display: none
}
.pe-footer .pe-footgrid {
  grid-template-columns: 1.6fr repeat(4,1fr)!important;
  max-width: 1240px
}
@media(max-width:1000px) {
  .pe-footer .pe-footgrid {
    grid-template-columns: repeat(3,1fr)!important
  }
  .pe-footer .pe-footgrid > div:first-child {
    grid-column: 1/-1
  }
}
@media(max-width:600px) {
  .pe-footer .pe-footgrid {
    grid-template-columns: 1fr 1fr!important
  }
}
.pe-footer a {
  transition: color .2s
}
.pe-footer a:hover {
  color: var(--pe-green)!important
}
html:not([data-theme=dark]) .pe-footer a:hover {
  color: #0f7312!important
}
.pe-nav .wp-block-navigation .has-child > .wp-block-navigation__submenu-container {
  top: calc(100% + 16px)!important
}
.pe-nav .has-child::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 20px
}
html:not([data-theme=dark]) .pe-ctaband {
  background: #131313!important;
  box-shadow: 0 24px 60px -30px rgba(8,8,8,.45)
}
html:not([data-theme=dark]) .pe-ctaband :is(h2,h3,p) {
  color: #fff
}
html:not([data-theme=dark]) .pe-ctaband .pe-sub {
  color: rgba(255,255,255,.72)
}
html:not([data-theme=dark]) .pe-ctaband .pe-sub a {
  color: #fff!important;
  text-decoration-color: var(--pe-green)
}
.pe-btn-ghost .wp-block-button__link,
html:not([data-theme=dark]) .pe-btn-ghost .wp-block-button__link {
  background: 0 0!important;
  border: 0!important;
  border-bottom: 2px solid var(--pe-green)!important;
  border-radius: 0!important;
  box-shadow: none!important;
  padding: 4px 0 3px!important;
  min-height: 0!important;
  color: var(--pe-ink)!important;
  font-size: 12.5px!important;
  font-weight: 700!important;
  letter-spacing: .8px
}
.pe-btn-ghost .wp-block-button__link:hover {
  color: var(--pe-ink2)!important;
  transform: none
}
.wp-block-buttons:has(.pe-btn-ghost) {
  align-items: center;
  column-gap: 28px
}
/* ===== v0.9.37: dunkle CTA-Box (in beiden Modi dunkel): Links und Zweitbutton immer hell; Weitere Beitraege buendig ===== */
html .pe-ctaband :is(p,li) a:not(.wp-block-button__link):not(.pe-more):not([class*="pe-"]){color:#fff!important;text-decoration-color:var(--pe-green)!important}
html .pe-ctaband .pe-btn-ghost .wp-block-button__link,html:not([data-theme="dark"]) .pe-ctaband .pe-btn-ghost .wp-block-button__link{color:#fff!important}
html .pe-ctaband .pe-btn-ghost .wp-block-button__link:hover{color:rgba(255,255,255,.75)!important}
html .pe-ctaband .pe-more{color:#fff}
.pe-postmore .wp-block-post-template > li{margin:0!important}
.pe-postmore .wp-block-post-template{align-items:stretch}
/* Sounddesign-Seiten: Kopf = H1 + Kontext-Unterzeile, kein zusaetzlicher Kurztext (sonst doppelt) */
.pe-bereich-sounddesign .wp-block-post-excerpt{display:none}
/* Blog: Podcast-Cover im Text, schmal und mittig im Textraster */
.wp-block-post-content .pe-postcover{max-width:340px;margin:36px auto!important}
.wp-block-post-content .pe-postcover img{border-radius:var(--pe-r-lg);width:100%;height:auto;display:block;box-shadow:var(--pe-shadow)}
.wp-block-post-content .pe-postcover figcaption{text-align:center;font-size:13px;color:var(--pe-ink3);margin-top:10px}
.wp-block-post-content .pe-postcover a{text-decoration:none!important}
@media (min-width:600px) and (max-width:900px) {
  .pe-refwo-top .pe-lgrid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    max-width: 620px;
    margin-inline: auto
  }
  .pe-refwo-top .pe-lchip {
    justify-content: center
  }
  .pe-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex
  }
  .pe-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none
  }
}
.pe-nav:has(.is-menu-open) {
  backdrop-filter: none;
  -webkit-backdrop-filter: none
}
.pe-form select {
  -webkit-appearance: none;
  appearance: none;
  background: var(--pe-panel-solid) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%239a9e9a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center/14px 8px;
  padding-right: 46px;
  cursor: pointer
}
html:not([data-theme=dark]) .pe-form select {
  background: #fafbfa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%235c615c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center/14px 8px
}
:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible {
  outline: 2px solid var(--pe-green);
  outline-offset: 3px
}
html:not([data-theme=dark]) :where(a,button,summary,input,select,textarea,[tabindex]):focus-visible {
  outline-color: var(--pe-accent-ink)
}
.wp-block-table {
  margin: 32px 0;
  overflow-x: auto;
  border: 1px solid var(--pe-stroke2);
  border-radius: var(--pe-r-md);
  background: var(--pe-panel)
}
.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.45
}
.wp-block-table :is(th,td) {
  border: 0;
  border-bottom: 1px solid var(--pe-stroke2);
  padding: 12px 16px;
  text-align: left;
  vertical-align: top
}
.wp-block-table tr:last-child td {
  border-bottom: 0
}
.wp-block-table thead th {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--pe-ink3);
  border-bottom: 1px solid var(--pe-stroke)
}
.wp-block-table td:first-child {
  font-weight: 600;
  color: var(--pe-ink)
}
html[data-theme=dark] .wp-block-table thead th {
  border-bottom-color: rgba(255,255,255,.14)
}
@media (max-width:640px) {
  .wp-block-table table {
    min-width: 560px;
    font-size: 14px
  }
}
/* Feedback 14.10.2026: Hero mobil höher, Logos auf Touch-Geräten schwarz-weiß wie am Desktop (farbig erst beim Antippen), Hinweis „und viele mehr“ unter den 12 mobilen Logos */
@media(hover:none) {
  .pe-logocell {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
  }
  .pe-logocell:hover:not(.is-aktiv) {
    background: none!important;
    box-shadow: none!important
  }
  .pe-logocell:hover:not(.is-aktiv) .pe-logo-farbig {
    opacity: 0
  }
  html[data-theme=dark] .pe-logocell:hover:not(.is-aktiv) .pe-logo-mono {
    opacity: .6
  }
  html:not([data-theme=dark]) .pe-logocell:hover:not(.is-aktiv) .pe-logo-mono {
    opacity: .62
  }
  .pe-logocell.is-aktiv {
    background: #fff!important
  }
  html .pe-logocell.is-aktiv .pe-logo-mono {
    opacity: 0!important
  }
  html .pe-logocell.is-aktiv .pe-logo-farbig {
    opacity: 1!important
  }
}
.pe-logomehr {
  display: none
}
@media(max-width:480px) {
  .pe-logomehr {
    display: block;
    margin: 18px 0 0!important;
    text-align: center;
    font-size: 14px;
    color: var(--pe-ink3)!important
  }
}
/* Einheitliche Hero-Abstände (Feedback 14.10.2026): Kopfleiste bis erster Inhalt 72 px Desktop, 40 px Handy.
 * Rechnung: 24 px Blockabstand unter der Kopfleiste + Innenabstand oben; erster Inhalt ohne eigenen Abstand. */
.pe-hero,
.pe-refhero,
main.pe-section {
  padding-top: 48px!important
}
.pe-hero > :is(.pe-herobg,.pe-skyline) + *,
.pe-refhero > .pe-refbackdrop + * {
  margin-top: 0!important
}
.wp-site-blocks > .wp-block-post-content:not(:has(.pe-hero,.pe-refhero)) {
  padding-top: 48px
}
@media (max-width:600px) {
  .pe-hero,
  .pe-refhero,
  main.pe-section {
    padding-top: 16px!important
  }
  .wp-site-blocks > .wp-block-post-content:not(:has(.pe-hero,.pe-refhero)) {
    padding-top: 16px
  }
  /* Referenz-Übersichten: weniger Luft zwischen Kopf und Kacheln, zwei Kacheln nebeneinander */
  .tax-referenzbereich .pe-hero {
    padding-bottom: 16px!important
  }
  .tax-referenzbereich .pe-teamsection {
    padding-top: 0!important
  }
  .tax-referenzbereich .pe-filter {
    margin-top: 16px!important
  }
  .pe-covergrid {
    grid-template-columns: repeat(2,1fr)!important;
    gap: 12px!important
  }
  /* Referenz-Detailseite: Cover auf volle Breite, bündig mit dem Text */
  .pe-refhero .pe-refcover {
    max-width: none;
    margin: 0
  }
}
/* Mobile Kopfleiste: symmetrische Innenabstände, kein Leerraum für den Desktop-Button */
@media (max-width:640px) {
  .pe-nav {
    padding: 8px 14px!important
  }
  .pe-header .wp-block-buttons {
    display: none!important
  }
}
/* Vollbild-Menü (Handy/Tablet): linksbündig, kompakt, Unterpunkte als Liste, grüner Kontakt-Button */
.wp-block-navigation__responsive-container.is-menu-open {
  --navigation-layout-justification-setting: flex-start;
  --navigation-layout-justify: flex-start;
  --navigation-layout-align: flex-start;
  padding: 18px 24px 28px!important
}
.wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation__responsive-container-content,.wp-block-navigation__container,.wp-block-navigation-item) {
  align-items: flex-start!important;
  text-align: left!important
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  gap: 2px!important;
  width: 100%
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a {
  font-size: 20px!important;
  padding: 8px 0!important
}
.pe-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
  position: static!important;
  background: none!important;
  border: 0!important;
  border-left: 2px solid var(--pe-green)!important;
  border-radius: 0!important;
  box-shadow: none!important;
  min-width: 0;
  padding: 0 0 0 14px!important;
  margin: 2px 0 10px 2px!important;
  gap: 0!important
}
.pe-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a {
  font-size: 16px!important;
  font-weight: 500;
  padding: 6px 0!important;
  color: var(--pe-ink3)!important;
  background: none!important
}
.pe-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
  display: none
}
.pe-nav-cta {
  display: none!important
}
.wp-block-navigation__responsive-container.is-menu-open .pe-nav-cta {
  display: block!important;
  margin-top: 22px
}
.wp-block-navigation__responsive-container.is-menu-open .pe-nav-cta > a {
  display: inline-block;
  background: var(--pe-green);
  color: #080808!important;
  border-radius: 14px;
  padding: 14px 22px!important;
  font-size: 13.5px!important;
  font-weight: 600;
  letter-spacing: .8px;
  text-transform: uppercase
}
/* Silbentrennung (Feedback 14.10.2026): lange deutsche Wörter wie „Datenschutzerklärung“ dürfen nie seitlich überlaufen.
 * Getrennt werden nur Wörter ab 12 Zeichen, mindestens 5 Zeichen vor und nach der Trennung. */
:is(h1,h2,h3,h4,h5,.wp-block-post-title,main p,main li,main summary,main td,main th) {
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 12 5 5;
  -webkit-hyphenate-limit-before: 5;
  -webkit-hyphenate-limit-after: 5;
  overflow-wrap: break-word
}
/* Feedback 14.10.2026, Teil 2 */
/* Markenname nie trennen; Überschriften mit dem Namen mobil so groß, dass er in eine Zeile passt */
.pe-marke {
  white-space: nowrap;
  -webkit-hyphens: none;
  hyphens: none
}
@media (max-width:600px) {
  h1:has(.pe-marke) {
    font-size: min(46.4px, calc((100vw - 48px) / 6.6))!important
  }
}
/* Vollbild-Menü kompakt: Schließen-Kreuz oben, Liste direkt darunter */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
  top: 22px!important;
  right: 24px!important
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: 40px!important
}
/* Mobile Kopfleiste: Menü-Knopf ganz rechts, Hell/Dunkel-Schalter wandert ins Menü */
@media (max-width:900px) {
  .pe-nav .wp-block-navigation {
    margin-left: auto!important;
    flex: 0 0 auto!important;
    width: auto!important;
    justify-content: flex-end!important
  }
  .pe-header .pe-toggle {
    display: none
  }
}
@media (max-width:640px) {
  .pe-nav > .wp-block-group:last-child {
    display: none!important
  }
}
.pe-menue-modus {
  display: none
}
.wp-block-navigation__responsive-container.is-menu-open .pe-menue-modus {
  /* buendig mit den Menuepunkten */
  align-self: flex-start;
  margin-left: 26px!important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding: 10px 16px;
  border: 1px solid var(--pe-stroke2);
  border-radius: 999px;
  background: none;
  color: var(--pe-ink);
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer
}
/* Sehr schmale Geräte (320px): lange Button-Texte umbrechen statt überlaufen */
.wp-block-button {
  max-width: 100%
}
.wp-block-button__link {
  max-width: 100%;
  white-space: normal!important;
  overflow-wrap: break-word
}
/* Lange URLs und Firmennamen in Fließtexten (Impressum, Datenschutz) dürfen umbrechen */
.wp-block-post-content :is(p,li,td) {
  overflow-wrap: anywhere
}
/* Textlink-Buttons: Klickfläche mindestens 24px hoch (WCAG 2.5.8) */
.pe-btn-ghost .wp-block-button__link {
  padding-top: 5px!important;
  padding-bottom: 5px!important
}
/* Cookie-Banner (Complianz) in der CI: Schrift und Buttons wie die Website, heller und dunkler Modus */
.cmplz-cookiebanner,
.cmplz-cookiebanner .cmplz-title,
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-btn,
#cmplz-manage-consent .cmplz-manage-consent,
.cmplz-blocked-content-notice {
  font-family: Manrope,system-ui,sans-serif!important
}
.cmplz-cookiebanner {
  box-shadow: var(--pe-shadow)!important
}
.cmplz-cookiebanner .cmplz-title {
  font-size: 16px!important;
  font-weight: 600!important
}
.cmplz-cookiebanner .cmplz-btn {
  font-size: 13px!important;
  font-weight: 600!important;
  text-transform: uppercase;
  letter-spacing: .8px;
  border-radius: 14px!important
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
  box-shadow: 0 10px 28px -10px rgba(46,242,49,.5)
}
.cmplz-cookiebanner .cmplz-links a {
  text-decoration: underline!important;
  text-underline-offset: 3px
}
html[data-theme=light] .cmplz-cookiebanner {
  background: #ffffff!important;
  border-color: rgba(8,8,8,.08)!important;
  color: #1f1e1e!important
}
html[data-theme=light] .cmplz-cookiebanner .cmplz-title,
html[data-theme=light] .cmplz-cookiebanner .cmplz-message,
html[data-theme=light] .cmplz-cookiebanner .cmplz-category-title,
html[data-theme=light] .cmplz-cookiebanner .cmplz-description,
html[data-theme=light] .cmplz-cookiebanner .cmplz-close {
  color: #1f1e1e!important
}
html[data-theme=light] .cmplz-cookiebanner .cmplz-links a {
  color: var(--pe-accent-ink)!important
}
html[data-theme=light] .cmplz-cookiebanner .cmplz-btn:not(.cmplz-accept) {
  background: #f4f5f2!important;
  border-color: rgba(8,8,8,.12)!important;
  color: #080808!important
}
html[data-theme=light] .cmplz-cookiebanner .cmplz-category {
  background: #f4f5f2!important
}
/* Platzhalter für blockierte Player (Acast, Spotify) */
.cmplz-blocked-content-container {
  border-radius: var(--pe-r-md);
  overflow: hidden
}
.cmplz-blocked-content-notice {
  background: var(--pe-green)!important;
  color: #080808!important;
  border-radius: 14px!important;
  font-weight: 600!important;
  padding: 12px 18px!important;
  font-size: 14px!important
}
/* Link "Cookie-Einstellungen" im Footer als Textlink */
.pe-cookie-link {
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: left
}
.pe-cookie-link:hover {
  color: var(--pe-green)
}
.cmplz-cookiebanner .cmplz-categories {
  margin-top: 6px!important
}
.cmplz-cookiebanner .cmplz-category {
  background: #1f1e1e!important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px!important
}
.cmplz-cookiebanner .cmplz-category-title,
.cmplz-cookiebanner .cmplz-description {
  color: #e8e8e8!important
}
.cmplz-cookiebanner .cmplz-always-active {
  color: var(--pe-green)!important
}
html[data-theme=light] .cmplz-cookiebanner .cmplz-category {
  border-color: rgba(8,8,8,.08)
}
html[data-theme=light] .cmplz-cookiebanner .cmplz-always-active {
  color: var(--pe-accent-ink)!important
}
.cmplz-blocked-content-container,
.cmplz-placeholder-element {
  background-image: none!important;
  background-color: #141414!important
}
.cmplz-blocked-content-container {
  border: 1px solid rgba(255,255,255,.1);
  min-height: 180px
}
html[data-theme=light] .cmplz-blocked-content-container,
html[data-theme=light] .cmplz-placeholder-element {
  background-color: #ffffff!important;
  border-color: rgba(8,8,8,.1)
}
.cmplz-blocked-content-notice {
  max-width: min(420px, calc(100% - 32px))!important;
  line-height: 1.45!important
}
html body .cmplz-blocked-content-container.cmplz-placeholder-parent {
  background-image: none!important;
  height: auto!important
}
/* Footer-Knopf Cookie-Einstellungen: Klickfläche mindestens 24px (WCAG 2.5.8) */
.pe-cookie-link {
  min-height: 24px;
  padding: 2px 0
}
/* Überschriften-Hierarchie 14.10.2026: neue Tags, gleiche Optik wie vorher */
.pe-footer p.pe-fhead {
  font-size: 12.5px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--pe-ink3);
  margin: 0 0 14px;
  font-weight: 700;
  line-height: 1.06
}
.pe-step h3 {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.03em;
  margin: 0 0 6px
}
h2.pe-unterh {
  font-size: var(--wp--preset--font-size--large);
  font-weight: 600!important;
  letter-spacing: -.03em
}
.wp-block-post-content > h2.pe-unterh {
  margin-top: 32px!important;
  margin-bottom: 10px!important
}
.pe-sr {
  position: absolute!important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0
}
/* Footer-Links: Klickfläche 24px ohne Überlappung (Lighthouse target-size), Zeilenabstand 23,2 -> 24,7px */
.pe-footer p {
  line-height: 1.7
}
.pe-footer p a {
  padding: 2.7px 0
}
/* Cookie-Einstellungen im Footer: gleiche Farbe und Hover wie die übrigen Footer-Links */
.pe-footer .pe-cookie-link {
  color: #e8e8e8;
  transition: color .2s
}
.pe-footer .pe-cookie-link:hover {
  color: var(--pe-green)!important
}
html:not([data-theme=dark]) .pe-footer .pe-cookie-link:hover {
  color: #0f7312!important
}
/* Bildschirme ohne Retina (1x, z. B. externe Monitore): Korn ist dort doppelt so grob, große weiche Schatten
 * und dunkle Verläufe zeigen Abstufungen. Hier dezenter; Retina-Darstellung bleibt unverändert (14.10.2026). */
@media (max-resolution: 1.49dppx) {
  body::after {
    opacity: .02
  }
  .pe-nav.pe-glass {
    box-shadow: 0 12px 30px -18px rgba(0,0,0,.45)!important
  }
  .pe-refhero .pe-refcover img {
    box-shadow: 0 22px 44px -26px rgba(0,0,0,.42)
  }
  .pe-header .pe-btn-cta .wp-block-button__link,
  .pe-nav .pe-btn-cta .wp-block-button__link {
    box-shadow: 0 6px 16px -10px rgba(46,242,49,.38)!important
  }
  html[data-theme=dark] .pe-refhero .pe-refbackdrop img {
    opacity: .24
  }
}