/*
Theme Name: Promedia Solutions
Theme URI: https://www.promedia-solutions.de/
Author: Promedia Solutions
Description: Individuelles Premium-Block-Theme für Promedia Solutions mit integriertem Corporate Design.
Version: V1.05
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: promedia-sprint1
*/
/* 9.0.59: Selbst gehostete Markenschrift statt Google Fonts. Bisher stand "Manrope, Inter"
   zwar als Schriftfamilie in theme.json, wurde aber nirgends tatsaechlich geladen (kein
   Google-Fonts-Einbindung, keine @font-face-Regel) - Besucher sahen deshalb faktisch immer
   nur die Systemschrift ihres Geraets statt der Markenschrift. Diese @font-face-Regeln
   laden die Schrift jetzt WIRKLICH, aber aus dem eigenen Theme-Ordner statt von Googles
   Servern (fonts.googleapis.com/fonts.gstatic.com) - dadurch wird beim Seitenaufruf keine
   Verbindung zu Google aufgebaut und keine Besucher-IP an Google uebertragen (das waere ohne
   vorherige Cookie-Einwilligung ein DSGVO-Problem). "Variable"-Schriftdateien decken mit
   jeweils EINER Datei alle Schriftschnitte (normal bis fett) ab. Die beiden Dateien
   Inter-Variable.woff2 und Manrope-Variable.woff2 muessen unter assets/fonts/ liegen (siehe
   CHANGELOG); solange sie fehlen, greift automatisch und ohne Fehler die naechste Schrift in
   der Liste (system-ui usw.) - die Website bleibt in der Zwischenzeit unveraendert nutzbar. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/Inter-Variable.woff2') format('woff2-variations'),url('assets/fonts/Inter-Variable.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/fonts/Manrope-Variable.woff2') format('woff2-variations'),url('assets/fonts/Manrope-Variable.woff2') format('woff2')}
:root{--pm-black:#0a0a0a;--pm-anthracite:#1a1a1d;--pm-white:#fff;--pm-gold:#d4af37;--pm-light:#f5f5f5;--pm-muted:#707070;--pm-max:1280px;--pm-radius:9px;--pm-shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pm-black);color:#fff}a{text-underline-offset:.18em}.pm-shell{width:min(calc(100% - 48px),var(--pm-max));margin:auto}.pm-site-header{position:fixed;inset:0 0 auto;z-index:1000;transition:.28s}.pm-site-header.is-scrolled{background:rgba(12,12,12,.84);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(255,255,255,.09)}.pm-header-inner{width:min(calc(100% - 48px),var(--pm-max));min-height:104px;margin:auto;display:grid;grid-template-columns:minmax(250px,360px) 1fr auto;align-items:center;gap:34px}.pm-site-header.is-scrolled .pm-header-inner{min-height:78px}.pm-brand{display:block;width:min(100%,350px);height:72px}.pm-brand-mark{display:block;width:100%;height:100%;background:url('assets/images/promedia-standard-logo.png') left center/contain no-repeat}.pm-nav{display:flex;justify-content:center;gap:28px}.pm-nav a,.pm-header-cta{color:#fff;text-decoration:none;font-weight:750}.pm-nav a:hover{color:var(--pm-gold)}.pm-header-cta,.pm-button-primary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border-radius:var(--pm-radius);background:var(--pm-gold);color:#111;text-decoration:none;font-weight:850;border:1px solid var(--pm-gold);transition:.2s}.pm-header-cta:hover,.pm-button-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 32px rgba(199,154,45,.28)}.pm-menu-toggle{display:none}.pm-hero{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;isolation:isolate;background:#090909}.pm-hero-media,.pm-hero-media:after{position:absolute;inset:0}.pm-hero-media{z-index:-2;background-position:center;background-size:cover;transform:scale(1.025);transition:transform 9s}.pm-hero.is-ready .pm-hero-media{transform:scale(1)}.pm-hero-media video{width:100%;height:100%;object-fit:cover;object-position:var(--pm-hero-position,center center)}.pm-hero-media:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,calc(var(--pm-hero-overlay,.58) + .25)),rgba(0,0,0,var(--pm-hero-overlay,.58)) 46%,rgba(0,0,0,calc(var(--pm-hero-overlay,.58) * .4))),linear-gradient(0deg,rgba(0,0,0,calc(var(--pm-hero-overlay,.58) + .08)),transparent 55%)}.pm-hero-inner{width:min(calc(100% - 48px),var(--pm-max));margin:auto;padding:168px 0 100px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:82px;align-items:end}.pm-hero-copy,.pm-proof-grid{opacity:0;transform:translateY(24px);transition:.8s}.pm-proof-grid{transition-delay:.18s}.pm-hero.is-ready .pm-hero-copy,.pm-hero.is-ready .pm-proof-grid{opacity:1;transform:none}.pm-kicker{margin:0 0 18px;color:var(--pm-gold);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:900}.pm-hero h1{margin:0;max-width:900px;font-size:clamp(3.2rem,6vw,5.6rem);line-height:.97;letter-spacing:-.045em}.pm-hero-lead{max-width:770px;margin:30px 0 0;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.55;color:rgba(255,255,255,.88)}.pm-byline{color:rgba(255,255,255,.7)}.pm-actions{display:flex;gap:16px;margin-top:36px}.pm-button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border:1px solid rgba(255,255,255,.76);border-radius:var(--pm-radius);color:#fff;text-decoration:none;font-weight:850}.pm-proof-grid{display:grid;gap:15px}.pm-proof-card{padding:21px 24px;background:rgba(17,17,17,.6);border:1px solid rgba(255,255,255,.14);border-radius:16px;backdrop-filter:blur(16px);box-shadow:var(--pm-shadow)}.pm-proof-card strong{display:block;font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1;margin-bottom:9px}.pm-proof-card span{color:rgba(255,255,255,.72)}.pm-scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);color:#bbb;text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.pm-section{padding:120px 0}.pm-section-head{margin-bottom:52px}.pm-section-head h2,.pm-showreel h2,.pm-about h2,.pm-contact h2{margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.045em}.pm-head-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.pm-head-row>a{color:var(--pm-gold);text-decoration:none;font-weight:800}.pm-about-copy>a{display:inline-flex;align-items:center;gap:.35em;color:#111;text-decoration:none;font-weight:800;transition:color .22s ease}.pm-about-copy>a:hover,.pm-about-copy>a:focus-visible{color:var(--pm-gold)}.pm-services{background:#f5f5f5;color:#111}.pm-service-list{display:grid}.pm-service-row{display:grid;grid-template-columns:80px minmax(280px,.7fr) minmax(360px,1.3fr);gap:38px;align-items:center;padding:34px 0;border-top:1px solid #d5d5d5}.pm-service-number{font-size:1rem;color:var(--pm-gold);font-weight:900}.pm-service-copy h3{font-size:clamp(1.8rem,3vw,3rem);margin:0 0 14px;letter-spacing:-.035em}.pm-service-copy p{line-height:1.65;color:#555}.pm-service-copy a{color:#111;font-weight:800;text-decoration:none}.pm-service-media{height:290px;overflow:hidden;background:#ddd}.pm-service-media img,.pm-reference-media img,.pm-about-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pm-service-row:hover img,.pm-reference-card:hover img{transform:scale(1.035)}.pm-media-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#252525,#0c0c0c);color:#888;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.pm-references{background:#111}.pm-reference-card{background:#181818;overflow:hidden}.pm-reference-card a{color:#fff;text-decoration:none}.pm-reference-media{aspect-ratio:16/9;height:auto}.pm-reference-info{padding:22px}.pm-reference-info span{color:var(--pm-gold);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.pm-reference-info h3{margin:8px 0 0;font-size:1.45rem}.pm-showreel{min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;background:#080808}.pm-showreel-media{background:linear-gradient(135deg,#1e1e1e,#070707);background-size:cover;background-position:center}.pm-showreel-copy{padding:90px;display:flex;flex-direction:column;justify-content:center}.pm-showreel-copy p:not(.pm-kicker){color:#bbb;line-height:1.7}.pm-showreel-copy .pm-button-primary{align-self:flex-start;margin-top:22px}.pm-about{background:#fff;color:#111}.pm-about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:88px;align-items:center}.pm-about-image{height:720px;overflow:hidden;background:#eee}.pm-about-copy>p{font-size:1.12rem;line-height:1.75;color:#484848}.pm-timeline{margin:38px 0;display:grid}.pm-timeline div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px 0;border-top:1px solid #ddd}.pm-timeline strong{color:var(--pm-gold)}.pm-testimonials{background:#f5f5f5;color:#111}.pm-testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.pm-testimonial-card{margin:0;padding:38px;background:#fff;border:1px solid #e0e0e0}.pm-quote{font-size:4rem;line-height:.7;color:var(--pm-gold);font-family:serif}.pm-quote-text{font-size:1.03rem;line-height:1.72;color:#333}.pm-quote-text p{margin:12px 0 28px}.pm-testimonial-card footer{display:grid;gap:3px}.pm-testimonial-card footer span{color:#777;font-size:.9rem}.pm-contact{padding:100px 0;background:#0a0a0a}.pm-contact-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.pm-contact p:not(.pm-kicker){max-width:780px;color:#bbb;line-height:1.7}.pm-empty{padding:34px;border:1px dashed #777;color:#777}.pm-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.pm-reveal.is-visible{opacity:1;transform:none}.pm-site-footer{background:#090909;border-top:1px solid rgba(255,255,255,.08)}.pm-footer-inner{width:min(calc(100% - 48px),var(--pm-max));margin:auto;padding:72px 0 28px}.pm-footer-grid{display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(180px,.55fr) minmax(220px,.65fr);gap:72px;align-items:start}.pm-footer-brand{max-width:430px}.pm-footer-logo{display:block;width:min(100%,330px);height:76px}.pm-footer-logo-mark{display:block;width:100%;height:100%;background:url('assets/images/promedia-standard-logo.png') left center/contain no-repeat}.pm-footer-brand p{margin:20px 0 0;color:#8f8f8f;font-size:1rem;letter-spacing:.015em}.pm-footer-column{display:grid;gap:11px;align-content:start}.pm-footer-column h2{margin:0 0 10px;color:var(--pm-gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.17em}.pm-footer-column a,.pm-footer-consent{color:#fff;text-decoration:none;font-size:.98rem;line-height:1.45}.pm-footer-column a:hover,.pm-footer-consent:hover{color:var(--pm-gold)}.pm-footer-consent{appearance:none;border:0;background:none;padding:0;text-align:left;font:inherit;cursor:pointer}.pm-footer-bottom{margin-top:58px;padding-top:22px;border-top:1px solid #222;display:flex;justify-content:space-between;gap:24px;color:#777;font-size:.92rem}
@media(max-width:1050px){.pm-footer-grid{grid-template-columns:1.2fr .7fr .7fr;gap:42px}.pm-header-inner{grid-template-columns:1fr auto}.pm-menu-toggle{display:inline-flex}.pm-header-cta{display:none}.pm-nav{position:absolute;top:84px;left:24px;right:24px;display:none;flex-direction:column;background:#111;padding:20px}.pm-nav.is-open{display:flex}.pm-hero-inner{grid-template-columns:1fr}.pm-proof-grid{grid-template-columns:repeat(3,1fr)}.pm-service-row{grid-template-columns:60px 1fr}.pm-service-media{grid-column:2}.pm-showreel{grid-template-columns:1fr}.pm-showreel-media{min-height:380px}.pm-about-grid{grid-template-columns:1fr}.pm-about-image{height:580px}.pm-contact-grid{grid-template-columns:1fr}}
@media(max-width:700px){.pm-shell,.pm-header-inner,.pm-hero-inner,.pm-footer-inner{width:min(calc(100% - 32px),var(--pm-max))}.pm-brand{width:250px}.pm-hero-inner{padding-top:138px}.pm-hero h1{font-size:clamp(2.65rem,12vw,4.25rem)}.pm-proof-grid,.pm-testimonial-grid{grid-template-columns:1fr}.pm-service-row{grid-template-columns:1fr;gap:14px}.pm-service-media{grid-column:auto;height:230px}.pm-showreel-copy{padding:60px 24px}.pm-about-image{height:480px}.pm-timeline div{grid-template-columns:1fr}.pm-footer-grid{grid-template-columns:1fr;gap:42px}.pm-footer-logo{width:280px;height:66px}.pm-footer-bottom{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}.pm-reveal{opacity:1;transform:none}}

/* Sprint 3 – Hero Manager 2.0 */
.pm-hero-media{background-position:var(--pm-hero-position,center center)}
.pm-hero-media>video,.pm-youtube-background{position:absolute;inset:0;z-index:1}

/* 9.0.62: Basisschutz gegen Bilder-Download (ergaenzt site.js) - kein Ziehen aus dem Bild,
   kein iOS-Kontextmenue bei langem Antippen. Kein Ersatz fuer echten technischen Schutz. */
img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}
.pm-youtube-background{overflow:hidden;pointer-events:none}
.pm-youtube-background iframe{position:absolute;top:50%;left:50%;width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;border:0;transform:translate(-50%,-50%) scale(1.03)}
.pm-youtube-consent{position:absolute;z-index:3;right:clamp(24px,4vw,70px);bottom:clamp(90px,12vh,150px);max-width:360px;padding:18px 20px;background:rgba(10,10,10,.76);border:1px solid rgba(255,255,255,.18);border-radius:12px;backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.pm-youtube-consent p{margin:0 0 12px;color:rgba(255,255,255,.78);font-size:.82rem;line-height:1.45}
.pm-consent-button{appearance:none;border:1px solid var(--pm-gold);background:var(--pm-gold);color:#111;border-radius:7px;padding:10px 14px;font-weight:850;cursor:pointer}
.pm-mobile-media{display:none}
@media(max-width:700px){.pm-desktop-media{display:none!important}.pm-mobile-media{display:block}.pm-hero-media{background-image:var(--pm-mobile-image,inherit)}.pm-youtube-consent{display:none}}

/* Blog archive */
.pm-blog-page{min-height:60vh;background:#111;color:#fff}.pm-blog-page .pm-kicker{color:#c79a2d;font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.pm-blog-grid{gap:32px}.pm-blog-card{padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.14)}.pm-blog-card .wp-block-post-featured-image img{border-radius:12px;object-fit:cover}.pm-blog-card .wp-block-post-title{margin:.55rem 0}.pm-blog-card .wp-block-post-title a{color:#fff;text-decoration:none}.pm-blog-card .wp-block-post-title a:hover{color:#c79a2d}.pm-post-date{color:rgba(255,255,255,.62);font-size:.86rem}.pm-blog-card .wp-block-post-excerpt{color:rgba(255,255,255,.78)}.pm-blog-card .wp-block-post-excerpt__more-link{color:#c79a2d;font-weight:700}.wp-block-query-pagination{margin-top:56px}.wp-block-query-pagination a{color:#fff}@media(max-width:900px){.pm-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){.pm-blog-grid{grid-template-columns:1fr!important}.pm-blog-page{padding-top:130px!important}}


/* Sprint 3.2 – Design System & Blog 2.0 */
:root{
  --pm-space-1:.5rem;--pm-space-2:1rem;--pm-space-3:1.5rem;--pm-space-4:2rem;
  --pm-space-5:3rem;--pm-space-6:4rem;--pm-space-7:6rem;
  --pm-border:rgba(255,255,255,.14);--pm-surface:#181818;--pm-surface-soft:#222;
  --pm-text-muted:rgba(255,255,255,.68);--pm-transition:180ms ease;
}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(199,154,45,.55);outline-offset:3px}
.pm-blog-tools{display:grid;grid-template-columns:1fr;gap:24px;margin:0 0 56px}
.pm-blog-tools .wp-block-search{width:100%;max-width:none}
.pm-blog-tools .wp-block-search__inside-wrapper{border:1px solid var(--pm-border);border-radius:var(--pm-radius);overflow:hidden;background:var(--pm-surface)}
.pm-blog-tools .wp-block-search__input{min-height:54px;border:0;background:transparent;color:#fff;padding:0 18px}
.pm-blog-tools .wp-block-search__button{margin:0;border:0;border-left:1px solid var(--pm-border);background:var(--pm-gold);color:#111;font-weight:850;padding:0 28px}






.pm-blog-card{border-radius:12px;transition:transform var(--pm-transition),background var(--pm-transition);padding:0 0 28px}
.pm-blog-card:hover{transform:translateY(-4px)}
.pm-blog-card .wp-block-post-featured-image{overflow:hidden;border-radius:12px}
.pm-blog-card .wp-block-post-featured-image img{transition:transform .45s ease}
.pm-blog-card:hover .wp-block-post-featured-image img{transform:scale(1.025)}
.pm-single-wrap{background:#111;color:#fff;padding:170px 24px 110px}
.pm-single-inner{width:min(100%,980px);margin:auto}
.pm-single-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--pm-text-muted);font-size:.92rem;margin:20px 0 34px}
.pm-single-meta a{color:var(--pm-gold);text-decoration:none}
.pm-single-content{font-size:1.12rem;line-height:1.82;color:rgba(255,255,255,.86)}
.pm-single-content :where(h2,h3,h4){margin-top:2.2em;color:#fff}
.pm-single-content img{border-radius:12px}
.pm-related{margin-top:80px;padding-top:48px;border-top:1px solid var(--pm-border)}
.pm-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pm-related-card{background:var(--pm-surface);border-radius:12px;overflow:hidden}
.pm-related-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pm-related-card__body{padding:20px}
.pm-related-card__body a{color:#fff;text-decoration:none;font-weight:800;font-size:1.1rem;line-height:1.25}
.pm-related-card__body a:hover{color:var(--pm-gold)}

@media(max-width:800px){.pm-related-grid{grid-template-columns:1fr}.pm-single-wrap{padding-top:130px}}




/* Sprint 3.2.2 – ruhigeres Blog-Archiv */
.pm-blog-page{padding-top:145px!important}
.pm-blog-page > .wp-block-group:first-child{max-width:900px;margin-bottom:38px!important}
.pm-blog-page h1{max-width:850px;font-size:clamp(3rem,6vw,5.2rem)!important;line-height:1.02;letter-spacing:-.045em}
.pm-blog-tools{grid-template-columns:minmax(0,1fr) minmax(230px,320px);align-items:end;gap:16px;margin-bottom:48px}




.pm-blog-grid{gap:48px 28px}
.pm-blog-card{padding-bottom:0;border-bottom:0}
.pm-blog-card .wp-block-post-featured-image{margin-bottom:18px!important}
.pm-blog-card .wp-block-post-title{margin:.45rem 0 .75rem;font-size:clamp(1.45rem,2.1vw,2rem)!important;line-height:1.08;letter-spacing:-.025em}
.pm-blog-card .wp-block-post-excerpt{margin-top:0;color:rgba(255,255,255,.7);font-size:.98rem;line-height:1.58}
.pm-blog-card .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pm-blog-card .wp-block-post-excerpt__more-text{margin-top:14px}
.pm-blog-card .wp-block-post-excerpt__more-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.pm-blog-card .wp-block-post-excerpt__more-link:after{content:'→';transition:transform var(--pm-transition)}
.pm-blog-card .wp-block-post-excerpt__more-link:hover:after{transform:translateX(3px)}
@media(max-width:900px){.pm-blog-tools{grid-template-columns:1fr}.pm-blog-page h1{font-size:clamp(2.8rem,9vw,4.5rem)!important}}
@media(max-width:640px){.pm-blog-page{padding-top:120px!important}.pm-blog-page h1{font-size:clamp(2.45rem,12vw,3.5rem)!important}.pm-blog-grid{gap:38px}}


/* Sprint 3.2.3 – Kategorien aus dem Blog-Archiv entfernt */
.pm-blog-tools{display:block;margin-bottom:48px}
.pm-blog-tools .wp-block-search{width:100%;max-width:none}


/* Final Release 3.3.0 */
.pm-content-page{padding-top:170px}.pm-empty-state{grid-column:1/-1;padding:52px;border:1px solid #d8d8d8;background:#fff}.pm-empty-state h3{margin:0 0 10px;font-size:1.7rem}.pm-empty-state p{margin:0;color:#666;line-height:1.65}.pm-empty-dark{background:#181818;border-color:#333}.pm-empty-dark p{color:#aaa}.pm-reference-info p{margin:10px 0 0;color:#aaa}.pm-testimonial-card footer a{margin-top:12px;color:#9b741d;text-decoration:none;font-weight:800}
@media(max-width:700px){.pm-content-page{padding-top:130px}.pm-empty-state{padding:30px}}


/* Leistungen – eigenständige Premium-Übersicht */



























/* Release 8.1.2 – finales Promedia Brand Design */
.pm-site-header{background:linear-gradient(180deg,rgba(10,10,10,.97),rgba(10,10,10,.84) 72%,transparent)}
.pm-site-header.is-scrolled{background:rgba(10,10,10,.96);border-bottom:1px solid rgba(212,175,55,.18)}
.pm-header-inner{grid-template-columns:minmax(250px,420px) 1fr auto;min-height:122px}
.pm-site-header.is-scrolled .pm-header-inner{min-height:92px}
.pm-brand{width:min(100%,410px);height:104px}
.pm-brand-mark{background-image:url('assets/images/promedia-brand-mark.svg');background-position:left center;background-size:contain;background-repeat:no-repeat;filter:none}
.pm-nav a{font-weight:650;letter-spacing:.015em;white-space:nowrap}
.pm-nav a:hover,.pm-nav a:focus-visible{color:var(--pm-gold)}
.pm-header-cta,.pm-button-primary{background:var(--pm-gold);border-color:var(--pm-gold);color:#0a0a0a;box-shadow:none}
/* 9.0.60: gleiche Ursache wie beim Nav-Umbruch (9.0.53) - der Button-Text hat KEIN
   white-space:nowrap, daher bricht "Projekt anfragen" bei mittleren Fensterbreiten
   (zwischen Desktop- und Mobil-Ansicht) in zwei Zeilen um, bevor das Menü auf das
   Hamburger-Icon umschaltet. */
.pm-header-cta{white-space:nowrap}
.pm-header-cta:hover,.pm-button-primary:hover{background:#e0bd4e;filter:none;box-shadow:0 14px 34px rgba(212,175,55,.22)}
.pm-button-secondary:hover{border-color:var(--pm-gold);color:var(--pm-gold)}
.pm-site-footer{background:#080808;border-top:1px solid rgba(212,175,55,.22)}
.pm-footer-logo{width:min(100%,440px);height:260px}
.pm-footer-logo-mark{display:block;width:100%;height:100%;background:url('assets/images/promedia-brand-mark.svg') left center/contain no-repeat;filter:none}
.pm-footer-brand>p{color:rgba(255,255,255,.66);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}
.pm-footer-column h2{color:var(--pm-gold)}
.pm-footer-bottom{border-top-color:rgba(212,175,55,.16)}
.pm-testimonial-card,.pm-reference-card{border-radius:12px}

.pm-kicker,.pm-service-number,.pm-reference-info span,.pm-quote,.pm-timeline strong{color:var(--pm-gold)}
@media(max-width:1100px){.pm-header-inner{grid-template-columns:minmax(220px,330px) 1fr auto}.pm-brand{height:90px}.pm-nav{gap:18px}}
@media(max-width:920px){.pm-header-inner{min-height:94px}.pm-brand{width:280px;height:78px}.pm-footer-logo{height:210px}}
@media(max-width:620px){.pm-brand{width:245px;height:72px}.pm-footer-logo{width:100%;height:190px}.pm-footer-brand>p{font-size:.68rem}}

/* 8.1.3 – Footer: im Logo enthaltene Claim- und Leistungszeile nicht erneut ausgeben */
.pm-footer-bottom{justify-content:flex-start}

/* 8.1.4 – reduziertes, gut lesbares Headerlogo ohne Claim und Leistungszeile */
.pm-header-inner{grid-template-columns:minmax(300px,390px) 1fr auto}
.pm-brand{width:min(100%,380px);height:76px}
.pm-brand-mark{background-image:url('assets/images/promedia-brand-mark.svg');background-position:left center;background-size:contain;background-repeat:no-repeat}
.pm-site-header.is-scrolled .pm-brand{height:66px}
@media(max-width:1100px){.pm-header-inner{grid-template-columns:minmax(270px,330px) 1fr auto}.pm-brand{width:320px;height:68px}}
@media(max-width:920px){.pm-brand{width:300px;height:64px}}
@media(max-width:620px){.pm-brand{width:255px;height:56px}}

/* 8.1.5: freigegebenes Promedia-Signet und Wortmarke im Header */
.pm-brand{width:min(100%,420px);height:84px}
.pm-brand-mark{background-image:url('assets/images/promedia-brand-mark.svg');background-position:left center;background-size:contain;background-repeat:no-repeat}
@media (max-width:900px){.pm-brand{width:290px;height:66px}}

/* 9.0.7 - etwas mehr Luft oberhalb des Header-Logos */
.pm-brand{margin-top:14px}
.pm-site-header.is-scrolled .pm-brand{margin-top:8px}
@media (max-width:900px){.pm-brand{margin-top:10px}}

/* Release 8.2.0 – dynamisches Branding */
:root{--pm-primary:var(--pm-gold);--pm-secondary:#1a1a1d;--pm-accent:var(--pm-gold);--pm-bg:#0a0a0a;--pm-dynamic-text:#fff;--pm-dynamic-muted:#b8b8b8;--pm-dynamic-radius:8px}
.pm-dynamic-footer-meta{margin-top:18px;color:var(--pm-dynamic-muted);line-height:1.7}.pm-dynamic-footer-meta a{color:inherit;text-decoration:none}.pm-dynamic-social{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.pm-dynamic-social a{color:var(--pm-primary);font-weight:700}.pm-header-cta,.pm-button-primary{background:var(--pm-primary)!important;border-color:var(--pm-primary)!important}.pm-kicker,.pm-service-number,.pm-reference-info span,.pm-quote,.pm-timeline strong{color:var(--pm-accent)!important}


/* Release 8.2.2 – Feinschliff fuer Kundenstimmen */
.pm-testimonials .pm-section-head{max-width:900px}
.pm-testimonial-grid{align-items:stretch}
.pm-testimonial-card{display:flex;flex-direction:column;min-height:100%;padding:38px;border:1px solid #dedbd3;border-radius:14px;box-shadow:0 16px 44px rgba(20,20,20,.06);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.pm-testimonial-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(20,20,20,.11);border-color:rgba(212,175,55,.72)}
.pm-testimonial-card.pm-testimonial-featured{border-color:rgba(212,175,55,.82);box-shadow:0 18px 52px rgba(212,175,55,.1)}
.pm-testimonial-head{display:flex;align-items:center;gap:22px;margin-bottom:22px}
.pm-testimonial-portrait{flex:0 0 104px;width:104px;height:104px;border-radius:50%;padding:3px;background:var(--pm-gold);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.pm-testimonial-portrait img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;filter:grayscale(1) sepia(.16) contrast(1.04);transition:transform .35s ease,filter .35s ease}
.pm-testimonial-card:hover .pm-testimonial-portrait img{transform:scale(1.035);filter:grayscale(.88) sepia(.18) contrast(1.05)}
.pm-testimonial-placeholder{display:grid;place-items:center;color:#111;font-size:2rem;font-weight:850;background:var(--pm-gold)}
.pm-testimonial-person{display:grid;gap:7px;min-width:0}
.pm-testimonial-person strong{font-size:1.18rem;line-height:1.18;color:#111;font-weight:850}
.pm-testimonial-person span{color:#777;font-size:.94rem;line-height:1.42;font-weight:500}
.pm-testimonial-stars{margin:0 0 30px;color:var(--pm-gold);font-size:1.04rem;letter-spacing:.13em;line-height:1}
.pm-testimonial-stars span{color:#c9c9c9}
.pm-testimonial-card .pm-quote{height:34px;margin:0 0 8px;font-size:4.2rem;line-height:.72}
.pm-testimonial-card .pm-quote-text{flex:1;font-size:1.03rem;line-height:1.72;color:#333}
.pm-testimonial-card .pm-quote-text p{margin:14px 0 0}
@media(max-width:700px){.pm-testimonial-card{padding:28px}.pm-testimonial-head{align-items:flex-start}.pm-testimonial-portrait{flex-basis:82px;width:82px;height:82px}}


/* Release 8.2.3 – kompaktere Abstaende in Kundenstimmen */
.pm-testimonial-person{gap:3px}
.pm-testimonial-person strong{margin:0}
.pm-testimonial-person span{margin:0;line-height:1.3}
.pm-testimonial-head{margin-bottom:18px}
.pm-testimonial-stars{margin:0 0 10px}
.pm-testimonial-card .pm-quote{height:30px;margin:0 0 2px;line-height:.72}
.pm-testimonial-card .pm-quote-text p{margin:4px 0 0}

/* 9.0.5/9.0.8/9.0.9 - Sterne stehen jetzt in derselben Zeile wie der Name
   (nicht mehr zwischen Name und Funktion zentriert), Funktion darunter. Der
   Kopfbereich bleibt immer einzeilig, damit das Zitat bei allen Karten einer
   Reihe garantiert auf gleicher Hoehe beginnt - Name und Funktion werden bei
   Platzmangel stattdessen mit Ellipsis gekuerzt. */
.pm-testimonial-head{flex-wrap:nowrap}
.pm-testimonial-person{flex:1 1 auto;min-width:0;gap:4px}
.pm-testimonial-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;min-width:0}
.pm-testimonial-name-row strong{min-width:0;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-testimonial-stars{flex:0 0 auto;margin:0}
.pm-testimonial-person span{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
.pm-testimonial-card .pm-quote{height:26px;margin:0 0 -6px;line-height:.6}
.pm-testimonial-card .pm-quote-text p{margin:0}

/* Showreel 8.2.5 */
.pm-showreel-media{position:relative;overflow:hidden;min-height:560px}
.pm-showreel-media img,.pm-showreel-media video{width:100%;height:100%;min-height:560px;display:block;object-fit:cover}
@media(max-width:1050px){.pm-showreel-media,.pm-showreel-media img,.pm-showreel-media video{min-height:380px}}


/* Release 8.3.0 – dezenter Aktuelles-Bereich */
.pm-home-news{background:#f5f5f5;color:#111;padding:92px 0 104px}
.pm-home-news-head{margin-bottom:34px;align-items:flex-end}
.pm-home-news-head>div{max-width:760px}
.pm-home-news-head h2{margin:0;font-size:clamp(2.35rem,4vw,3.75rem);line-height:1.04;letter-spacing:-.042em}
.pm-home-news-intro{max-width:650px;margin:14px 0 0;color:#666;font-size:1rem;line-height:1.6}
.pm-home-news-all{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#111!important;text-decoration:none;font-weight:800;border-bottom:1px solid rgba(212,175,55,.75);padding-bottom:4px}
.pm-home-news-all span{transition:transform .2s ease}.pm-home-news-all:hover span{transform:translateX(3px)}
.pm-home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pm-home-news-card{min-width:0;background:#fff;border:1px solid rgba(17,17,17,.09);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(20,20,20,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pm-home-news-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(20,20,20,.095);border-color:rgba(212,175,55,.42)}
.pm-home-news-card>a{display:flex;flex-direction:column;height:100%;color:#111;text-decoration:none}
.pm-home-news-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#171717}
.pm-home-news-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.pm-home-news-card:hover .pm-home-news-media img{transform:scale(1.025)}
.pm-home-news-badge{position:absolute;z-index:2;top:14px;left:14px;padding:6px 9px;border-radius:999px;background:var(--pm-gold);color:#111;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 7px 20px rgba(0,0,0,.2)}
.pm-home-news-placeholder{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 70% 25%,rgba(212,175,55,.22),transparent 34%),linear-gradient(145deg,#242424,#0c0c0c)}
.pm-home-news-placeholder span{width:52px;height:52px;border:2px solid rgba(212,175,55,.8);border-radius:50%;box-shadow:inset 0 0 0 10px rgba(212,175,55,.08)}
.pm-home-news-copy{display:flex;flex:1;flex-direction:column;padding:22px 23px 24px}
.pm-home-news-meta{display:flex;justify-content:space-between;gap:12px;color:#8a6a1c;font-size:.72rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.pm-home-news-copy h3{display:-webkit-box;min-height:2.5em;margin:12px 0 10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(1.25rem,1.7vw,1.58rem);line-height:1.2;letter-spacing:-.025em}
.pm-home-news-copy p{display:-webkit-box;margin:0 0 20px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#656565;font-size:.93rem;line-height:1.55}
.pm-home-news-more{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-weight:800;font-size:.92rem}
.pm-home-news-more b{color:var(--pm-gold);transition:transform .2s ease}.pm-home-news-card:hover .pm-home-news-more b{transform:translateX(3px)}
@media(max-width:980px){.pm-home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-home-news-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 11px)}}
@media(max-width:700px){.pm-home-news{padding:76px 0 84px}.pm-home-news-head{align-items:flex-start;flex-direction:column;gap:18px}.pm-home-news-grid{grid-template-columns:1fr}.pm-home-news-card:last-child:nth-child(odd){grid-column:auto;max-width:none}.pm-home-news-copy{padding:21px 21px 23px}.pm-home-news-meta{font-size:.68rem}}


/* Release 8.3.1 – Hover-Feinschliff und neutrale Hero-Vorgabe */
.pm-hero-media.is-empty{background-image:none;background:#090909}
.pm-home-news-card{will-change:transform;transform:translateZ(0);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease}
.pm-home-news-card:hover,.pm-home-news-card:focus-within{transform:translateY(-5px);box-shadow:0 24px 58px rgba(20,20,20,.13);border-color:rgba(212,175,55,.62)}
.pm-home-news-card>a:focus-visible{outline:2px solid var(--pm-gold);outline-offset:-2px;border-radius:18px}
.pm-home-news-more{transition:color .22s ease}
.pm-home-news-card:hover .pm-home-news-more,.pm-home-news-card:focus-within .pm-home-news-more{color:var(--pm-gold)}
.pm-home-news-card:hover .pm-home-news-more b,.pm-home-news-card:focus-within .pm-home-news-more b{transform:translateX(4px)}
.pm-home-news-all{transition:color .22s ease,border-color .22s ease}
.pm-home-news-all:hover,.pm-home-news-all:focus-visible{color:var(--pm-gold)!important;border-color:var(--pm-gold)}
@media (prefers-reduced-motion:reduce){.pm-home-news-card,.pm-home-news-media img,.pm-home-news-more,.pm-home-news-more b,.pm-home-news-all span{transition:none!important}.pm-home-news-card:hover,.pm-home-news-card:focus-within{transform:none}}

/* Release 8.3.2 – Karten-Hover fuer Leistungen auf der Startseite */
.pm-services .pm-service-list{gap:18px}
.pm-services .pm-service-row{
  position:relative;
  padding:30px 24px;
  border:1px solid rgba(17,17,17,.09);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(20,20,20,.045);
  transform:translateZ(0);
  will-change:transform;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease
}
.pm-services .pm-service-row:hover,.pm-services .pm-service-row:focus-within{
  transform:translateY(-3px);
  box-shadow:0 22px 54px rgba(20,20,20,.115);
  border-color:rgba(212,175,55,.58)
}
.pm-services .pm-service-media{border-radius:12px}
.pm-services .pm-service-copy a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  transition:color .22s ease
}
.pm-services .pm-service-copy a span{color:var(--pm-gold);transition:transform .22s ease}
.pm-services .pm-service-row:hover .pm-service-copy a,.pm-services .pm-service-row:focus-within .pm-service-copy a{color:var(--pm-gold)}
.pm-services .pm-service-row:hover .pm-service-copy a span,.pm-services .pm-service-row:focus-within .pm-service-copy a span{transform:translateX(4px)}
.pm-services .pm-service-copy a:focus-visible{outline:2px solid var(--pm-gold);outline-offset:5px;border-radius:2px}
@media(max-width:700px){.pm-services .pm-service-row{padding:22px 18px}}
@media (prefers-reduced-motion:reduce){
  .pm-services .pm-service-row,.pm-services .pm-service-media img,.pm-services .pm-service-copy a,.pm-services .pm-service-copy a span{transition:none!important}
  .pm-services .pm-service-row:hover,.pm-services .pm-service-row:focus-within{transform:none}
}

/* Release 8.3.5 – gesamte Karte über den vorhandenen CTA-Link anklickbar */
.pm-services .pm-service-row{position:relative}
.pm-services .pm-service-copy a.pm-service-more-link{position:static;display:inline-flex;align-items:center;gap:7px;font-weight:800;transition:color .22s ease}
.pm-services .pm-service-copy a.pm-service-more-link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:18px}
.pm-services .pm-service-copy a.pm-service-more-link:focus-visible{outline:none}
.pm-services .pm-service-copy a.pm-service-more-link:focus-visible::after{outline:2px solid var(--pm-gold);outline-offset:-2px}
.pm-services .pm-service-copy a.pm-service-more-link>span{color:var(--pm-gold);transition:transform .22s ease}
.pm-services .pm-service-row:hover .pm-service-more-link,.pm-services .pm-service-row:focus-within .pm-service-more-link{color:var(--pm-gold)}
.pm-services .pm-service-row:hover .pm-service-more-link>span,.pm-services .pm-service-row:focus-within .pm-service-more-link>span{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.pm-services .pm-service-more-link,.pm-services .pm-service-more-link>span{transition:none!important}}


/* 8.4.0: consistent premium contact page */
.pm-is-contact-page .wp-site-blocks>.wp-block-group{padding:0!important;max-width:none!important}
.pm-is-contact-page .wp-site-blocks>.wp-block-group>.wp-block-post-title{display:none}
.pm-is-contact-page .wp-site-blocks>.wp-block-group>.wp-block-post-content{margin:0;max-width:none}








































/* 8.4.1: contact-page grid and overflow correction */















/* Release 8.8.10: redesigned Über-uns landing page */
.pm-is-about-page .wp-site-blocks>.wp-block-group{padding:0!important;max-width:none!important}
.pm-is-about-page .wp-site-blocks>.wp-block-group>.wp-block-post-title{display:none}
.pm-is-about-page .wp-site-blocks>.wp-block-group>.wp-block-post-content{margin:0;max-width:none}
.pm-about-page,.pm-about-page *{min-width:0}
.pm-about-page{background:#0a0a0a;color:#fff;overflow-x:clip}
.pm-about-page-hero{padding:clamp(145px,14vw,195px) 0 clamp(72px,8vw,105px);background:radial-gradient(circle at 83% 12%,rgba(212,175,55,.15),transparent 31%),#0a0a0a}
.pm-about-page-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);gap:clamp(46px,6.5vw,92px);align-items:center}
.pm-about-page-intro{overflow:visible}
.pm-about-page-intro h1{max-width:780px;margin:0;font-size:clamp(3rem,5.15vw,5.25rem);line-height:1.01;letter-spacing:-.052em;overflow-wrap:anywhere;hyphens:auto}
.pm-about-page-lead{max-width:720px;margin:28px 0 0;color:rgba(255,255,255,.72);font-size:clamp(1.05rem,1.55vw,1.25rem);line-height:1.68}
.pm-about-page-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:34px}
.pm-about-page-actions .pm-button-primary{gap:10px}
.pm-about-page-actions .pm-button-primary span,.pm-about-text-link span,.pm-about-cta .pm-button-primary span{transition:transform .22s ease}
.pm-about-page-actions .pm-button-primary:hover span,.pm-about-text-link:hover span,.pm-about-cta .pm-button-primary:hover span{transform:translateX(4px)}
.pm-about-text-link{display:inline-flex;gap:9px;align-items:center;color:#fff;text-decoration:none;font-weight:800;transition:color .22s ease}
.pm-about-text-link:hover,.pm-about-text-link:focus-visible{color:var(--pm-gold)}
.pm-about-page-portrait{margin:0;position:relative;overflow:hidden;border-radius:18px;background:#181818;box-shadow:0 30px 85px rgba(0,0,0,.34)}
.pm-about-page-portrait:before{content:"";display:block;padding-top:112%}
.pm-about-page-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.86) contrast(1.03)}
.pm-about-page-portrait figcaption{position:absolute;inset:auto 18px 18px;display:grid;gap:4px;padding:17px 19px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(10,10,10,.78);backdrop-filter:blur(14px)}
.pm-about-page-portrait figcaption strong{font-size:1.05rem}.pm-about-page-portrait figcaption span{color:rgba(255,255,255,.62);font-size:.9rem}
.pm-about-profile{padding:clamp(78px,8vw,112px) 0;background:#f1f1ee;color:#111}
.pm-about-profile-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(44px,7vw,100px);align-items:start}
.pm-about-profile h2,.pm-about-competence h2,.pm-about-process h2,.pm-about-cta h2{margin:0;font-size:clamp(2.35rem,4.25vw,4.25rem);line-height:1.04;letter-spacing:-.048em}
.pm-about-profile-copy{display:grid;gap:18px;padding-top:4px}.pm-about-profile-copy p{margin:0;color:#4a4a4a;font-size:1.06rem;line-height:1.76}
.pm-about-competence{padding:clamp(86px,9vw,125px) 0;background:#151515;color:#fff}
.pm-about-section-head{max-width:900px}
.pm-about-competence .pm-section-head h2{color:#fff}
.pm-about-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pm-about-card{position:relative;padding:clamp(28px,3.6vw,44px);border:1px solid rgba(255,255,255,.10);border-radius:18px;background:#1c1c1c;box-shadow:0 18px 44px rgba(0,0,0,.14);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease}
.pm-about-card:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(0,0,0,.28);border-color:rgba(212,175,55,.58)}
.pm-about-card>span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:24px;border-radius:11px;background:rgba(212,175,55,.14);color:var(--pm-gold);font-weight:900;font-size:.85rem}
.pm-about-card h3{margin:0 0 14px;font-size:clamp(1.55rem,2.2vw,2.2rem);letter-spacing:-.035em}.pm-about-card p{margin:0;color:rgba(255,255,255,.62);line-height:1.68}
.pm-about-process{padding:clamp(86px,9vw,125px) 0;background:#f7f7f5;color:#111}
.pm-about-process-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.pm-about-process-grid:before{content:"";position:absolute;top:19px;left:11%;right:11%;height:1px;background:#d9d9d4}
.pm-about-process-card{position:relative;text-align:center;padding:0}
.pm-about-process-card>strong{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 auto 22px;border-radius:50%;background:#111;color:var(--pm-gold);font-size:.82rem;font-weight:900}
.pm-about-process-card h3{margin:0 0 8px;font-size:1.2rem;letter-spacing:-.02em}.pm-about-process-card p{margin:0;color:#5a5a5a;line-height:1.6;font-size:.92rem}
.pm-about-cta{padding:clamp(78px,8vw,110px) 0;background:#0a0a0a}
.pm-about-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;padding:clamp(34px,4.6vw,56px);border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,#181818,#0e0e0e)}
.pm-about-cta h2{max-width:850px;font-size:clamp(2.25rem,4vw,4rem)}.pm-about-cta p:not(.pm-kicker){max-width:720px;margin:18px 0 0;color:rgba(255,255,255,.64);line-height:1.7}.pm-about-cta .pm-button-primary{gap:10px;white-space:nowrap}
@media(max-width:1050px){.pm-about-page-hero-grid,.pm-about-profile-grid,.pm-about-cta-inner{grid-template-columns:1fr}.pm-about-page-portrait{max-width:620px}.pm-about-cta .pm-button-primary{justify-self:start}.pm-about-process-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}.pm-about-process-grid:before{display:none}}
@media(max-width:720px){.pm-about-page .pm-shell{width:min(calc(100% - 32px),var(--pm-max))}.pm-about-page-hero{padding-top:132px}.pm-about-page-intro h1{font-size:clamp(2.7rem,12.5vw,4rem);overflow-wrap:normal}.pm-about-card-grid,.pm-about-process-grid{grid-template-columns:1fr}.pm-about-card{border-radius:14px}.pm-about-cta-inner{padding:30px 24px}.pm-about-page-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.pm-about-card,.pm-about-process-card,.pm-about-page-actions span,.pm-about-text-link span,.pm-about-cta span{transition:none!important}.pm-about-card:hover{transform:none}}

/* Release 8.5.2: breiteres und luftigeres Kontaktseiten-Layout */










































/* Release 8.5.2: mehr Raum und ausgewogenere Proportionen auf der Kontaktseite */



























/* Release 8.6.0: klare, vollstaendige Kontaktseite auf Basis der bisherigen Kontaktdaten */










































/* Release 8.7.0: ruhige, direkte Kontaktseite im Designsystem der Website */
.pm-contact-v870{background:#0a0a0a;color:#fff;overflow:hidden}.pm-contact-v870 .pm-shell{width:min(calc(100% - 64px),1280px)}
.pm-contact-v870-hero{padding:clamp(160px,15vw,220px) 0 clamp(90px,9vw,125px);background:radial-gradient(circle at 80% 0,rgba(212,175,55,.11),transparent 34%),#0a0a0a}.pm-contact-v870-hero-inner{max-width:980px}.pm-contact-v870-hero h1{max-width:860px;margin:0;font-size:clamp(3.2rem,6.2vw,6rem);line-height:.98;letter-spacing:-.055em}.pm-contact-v870-hero p:not(.pm-kicker){max-width:760px;margin:28px 0 36px;color:rgba(255,255,255,.68);font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.72}.pm-contact-v870-hero a{gap:10px}
.pm-contact-v870-direct{padding:0 0 clamp(100px,10vw,150px)}.pm-contact-v870-card{max-width:1080px;margin:auto;padding:clamp(34px,5vw,64px);border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#181818,#111);box-shadow:0 30px 90px rgba(0,0,0,.38);transition:.3s}.pm-contact-v870-card:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.48);box-shadow:0 42px 105px rgba(0,0,0,.46)}
.pm-contact-v870-person{display:grid;grid-template-columns:112px minmax(0,1fr);gap:28px;align-items:center;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}.pm-contact-v870-person img{width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:center top;border:1px solid rgba(212,175,55,.45)}.pm-contact-v870-person span{color:var(--pm-gold);font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.pm-contact-v870-person h2{margin:8px 0 5px;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1;letter-spacing:-.045em}.pm-contact-v870-person p{margin:0;color:rgba(255,255,255,.58)}
.pm-contact-v870-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(255,255,255,.1)}.pm-contact-v870-data>a,.pm-contact-v870-data>div{position:relative;min-width:0;padding:34px 26px 34px 0;color:#fff;text-decoration:none}.pm-contact-v870-data>a:not(:last-child),.pm-contact-v870-data>div:not(:last-child){border-right:1px solid rgba(255,255,255,.1);padding-right:26px;margin-right:26px}.pm-contact-v870-data span{display:block;margin-bottom:10px;color:rgba(255,255,255,.43);font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.pm-contact-v870-data strong{font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.45;overflow-wrap:anywhere}.pm-contact-v870-data i{position:absolute;right:20px;top:32px;color:var(--pm-gold);font-style:normal}.pm-contact-v870-data a:hover strong{color:var(--pm-gold)}
.pm-contact-v870-buttons{display:flex;gap:14px;padding-top:34px}.pm-contact-v870-buttons a{min-width:190px}
.pm-contact-v870-services,.pm-contact-v870-process{padding:clamp(100px,10vw,145px) 0}.pm-contact-v870-services{background:#f5f5f3;color:#111}.pm-contact-v870-process{background:#111}.pm-contact-v870-head{margin-bottom:52px}.pm-contact-v870-head h2{max-width:900px;margin:0;font-size:clamp(2.5rem,4.8vw,4.8rem);line-height:1.02;letter-spacing:-.05em}.pm-contact-v870-head-row{display:flex;justify-content:space-between;align-items:end;gap:40px}.pm-contact-v870-head-row>a{color:var(--pm-gold);font-weight:800;text-decoration:none;white-space:nowrap}
.pm-contact-v870-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pm-contact-v870-service{position:relative;min-height:250px;padding:34px;border:1px solid #deded9;border-radius:18px;background:#fff;color:#111;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.04);transition:.3s}.pm-contact-v870-service:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.65);box-shadow:0 24px 54px rgba(0,0,0,.12)}.pm-contact-v870-service>span{color:var(--pm-gold);font-weight:900}.pm-contact-v870-service h3{margin:52px 0 12px;font-size:clamp(1.7rem,2.6vw,2.5rem);letter-spacing:-.035em}.pm-contact-v870-service p{max-width:35ch;margin:0;color:#666;line-height:1.65}.pm-contact-v870-service i{position:absolute;right:30px;bottom:28px;color:var(--pm-gold);font-size:1.25rem;font-style:normal;transition:transform .22s}.pm-contact-v870-service:hover i{transform:translateX(4px)}
.pm-contact-v870-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pm-contact-v870-step{min-height:220px;padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:#171717;transition:.3s}.pm-contact-v870-step:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.52);box-shadow:0 22px 48px rgba(0,0,0,.28)}.pm-contact-v870-step span{display:block;margin-bottom:44px;color:var(--pm-gold);font-weight:900}.pm-contact-v870-step h3{margin:0 0 12px;font-size:1.55rem}.pm-contact-v870-step p{margin:0;color:rgba(255,255,255,.58);line-height:1.65}
.pm-contact-v870-references{padding:clamp(100px,10vw,145px) 0;background:#0d0d0d}.pm-contact-v870-social{padding:clamp(90px,9vw,125px) 0;background:#f5f5f3;color:#111}.pm-contact-v870-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.pm-contact-v870-social-grid a{display:flex;align-items:center;justify-content:space-between;min-height:94px;padding:0 25px;border:1px solid #deded9;border-radius:16px;background:#fff;color:#111;text-decoration:none;font-weight:850;transition:.28s}.pm-contact-v870-social-grid a:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.65);box-shadow:0 20px 45px rgba(0,0,0,.1)}.pm-contact-v870-social-grid i{color:var(--pm-gold);font-style:normal}
.pm-contact-v870-cta{padding:clamp(100px,10vw,145px) 0;background:#0a0a0a}.pm-contact-v870-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}.pm-contact-v870-cta h2{max-width:800px;margin:0;font-size:clamp(2.6rem,4.8vw,5rem);line-height:1.02;letter-spacing:-.05em}.pm-contact-v870-cta a{gap:10px}
@media(max-width:1000px){.pm-contact-v870-data{grid-template-columns:1fr}.pm-contact-v870-data>a,.pm-contact-v870-data>div{border-right:0!important;margin-right:0!important;padding-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)}.pm-contact-v870-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-contact-v870-cta-inner{grid-template-columns:1fr}.pm-contact-v870-cta-inner>a{justify-self:start}}
@media(max-width:700px){.pm-contact-v870 .pm-shell{width:min(calc(100% - 32px),1280px)}.pm-contact-v870-hero{padding-top:138px}.pm-contact-v870-person{grid-template-columns:82px minmax(0,1fr);gap:18px}.pm-contact-v870-person img{width:82px;height:82px}.pm-contact-v870-buttons{display:grid}.pm-contact-v870-buttons a{width:100%;min-width:0}.pm-contact-v870-service-grid,.pm-contact-v870-process-grid{grid-template-columns:1fr}.pm-contact-v870-head-row{display:block}.pm-contact-v870-head-row>a{display:inline-block;margin-top:22px}.pm-contact-v870-card{padding:28px}.pm-contact-v870-service,.pm-contact-v870-step{min-height:0}}
@media(prefers-reduced-motion:reduce){.pm-contact-v870-card,.pm-contact-v870-service,.pm-contact-v870-step,.pm-contact-v870-social-grid a,.pm-contact-v870-service i{transition:none!important}}


/* Release 8.8.0 – professionelle Leistungsseite */
.pm-is-services-page .wp-site-blocks>.wp-block-group{padding:0!important;max-width:none!important}
.pm-is-services-page .wp-site-blocks>.wp-block-group>.wp-block-post-title{display:none}
.pm-is-services-page .wp-site-blocks>.wp-block-group>.wp-block-post-content{margin:0;max-width:none}








































































/* Homepage reference carousel 8.8.3 */
.pm-reference-carousel{overflow:hidden;width:100%}
.pm-reference-track{display:flex;gap:22px;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.pm-reference-carousel .pm-reference-card{flex:0 0 calc((100% - 44px)/3);min-width:0}
@media(max-width:1050px){.pm-reference-carousel .pm-reference-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:700px){.pm-reference-carousel .pm-reference-card{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.pm-reference-track{transition:none!important}}

/* 8.8.5 – About link and footer branding corrections */
.pm-about-copy>a{position:relative}
.pm-about-copy>a:hover{color:var(--pm-gold)}


/* 8.8.9: Promedia link convention for the homepage About section. */
.pm-about-copy > a,.pm-about-copy > a:visited{
  color:#111 !important;
  transition:color .22s ease;
}
.pm-about-copy > a:hover,.pm-about-copy > a:focus-visible{
  color:var(--pm-gold) !important;
}


/* 8.8.11: definitive homepage About-link state */
body .pm-about .pm-about-copy a.pm-about-more-link,body .pm-about .pm-about-copy a.pm-about-more-link:link,body .pm-about .pm-about-copy a.pm-about-more-link:visited{
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  text-decoration-color:#111 !important;
}
body .pm-about .pm-about-copy a.pm-about-more-link:hover,body .pm-about .pm-about-copy a.pm-about-more-link:focus-visible{
  color:var(--pm-gold) !important;
  -webkit-text-fill-color:var(--pm-gold) !important;
  text-decoration-color:var(--pm-gold) !important;
}

/* 8.8.12: Layoutkorrektur Leistungsseite – Nutzenbereich */





/* 9.0.18: Referenz- UND Leistungs-Detailseite teilen sich jetzt ein einziges,
   kompaktes Layout (promedia_render_compact_detail) statt vormals zwei aehnlicher,
   aber eigenstaendiger und stark aufgeladener Aufbauten. Die frueheren
   "storytelling"-Klassen (pm-reference-detail-hero/-overview/-editorial/-detail-nav/
   -detail-cta/-storytelling/-lead) sowie pm-service-detail-projects und
   pm-reference-series-head werden nirgends mehr verwendet und wurden entfernt. */
.pm-reference-detail{background:#fff;color:#111}
.pm-reference-back{display:inline-block;margin-bottom:20px;color:rgba(255,255,255,.68);text-decoration:none;font-weight:750;transition:color .2s ease}.pm-reference-back:hover{color:var(--pm-gold)}
.pm-service-detail-features{margin:0;padding:0;list-style:none;display:grid;gap:16px;align-content:start}.pm-service-detail-features li{position:relative;padding-left:34px;min-height:22px;font-weight:750;line-height:1.55;color:#222}.pm-service-detail-features li:before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.05);border:1.5px solid var(--pm-service-accent,var(--pm-gold))}.pm-service-detail-features li:after{content:"";position:absolute;left:7px;top:8px;width:8px;height:4px;border-left:2px solid var(--pm-service-accent,var(--pm-gold));border-bottom:2px solid var(--pm-service-accent,var(--pm-gold));transform:rotate(-45deg)}

.pm-refc-editbar{position:relative;padding-top:104px;background:#fff3cd;border-bottom:1px solid #e6c766}
.pm-refc-editbar .pm-shell{padding:10px 0}
.pm-refc-editbar a{display:inline-flex;align-items:center;gap:6px;color:#5c4a00;font-weight:750;font-size:.92rem;text-decoration:none}
.pm-refc-editbar a:hover{text-decoration:underline}
@media(max-width:700px){.pm-refc-editbar{padding-top:88px}}

.pm-refc-hero{padding:clamp(120px,11vw,170px) 0 clamp(50px,6vw,80px);background:#0a0a0a;color:#fff;overflow:hidden}
.pm-refc-hero-grid{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:clamp(40px,6vw,80px);align-items:center}
.pm-refc-media{min-width:0;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#171717}.pm-refc-media img{width:100%;height:100%;object-fit:cover;display:block}
.pm-refc-intro{min-width:0}
.pm-reference-detail-compact h1{margin:0;font-size:clamp(2.1rem,3.6vw,3.6rem);line-height:1.03;letter-spacing:-.03em;overflow-wrap:break-word;word-break:break-word;hyphens:auto}
.pm-refc-lead{margin:16px 0 0;max-width:600px;color:rgba(255,255,255,.72);font-size:1.05rem;line-height:1.6;overflow-wrap:break-word}
.pm-refc-meta-row{margin:28px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:20px 32px}
.pm-refc-meta-row>div{min-width:0}
.pm-refc-meta-row dt{margin:0 0 4px;color:rgba(255,255,255,.5);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:750}
.pm-refc-meta-row dd{margin:0;font-weight:750;font-size:.95rem;overflow-wrap:break-word}.pm-refc-meta-row dd a{color:#fff}.pm-refc-meta-row dd a:hover{color:var(--pm-gold)}

/* 9.0.55: Fette Zwischenueberschrift auf der Leistungs-Detailseite, zwischen dem dunklen
   Einstiegsbereich und "Worum es geht" - schliesst die dort bemaengelte optische Luecke.
   Nur bei gepflegtem Text sichtbar (siehe promedia_render_compact_detail(), Parameter
   "bridge"); ohne Text entfaellt der Bereich vollstaendig, wie zuvor. */
.pm-refc-bridge{padding:0 0 clamp(56px,7vw,92px);background:#0a0a0a}
.pm-refc-bridge-inner{max-width:680px;margin:0 auto;text-align:center}
.pm-refc-bridge h2{margin:0;color:#fff;font-weight:800;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.18;letter-spacing:-.01em;overflow-wrap:break-word}
.pm-refc-bridge-rule{width:44px;height:2px;background:var(--pm-gold);margin:22px auto 0}

.pm-refc-story{padding:clamp(48px,6vw,76px) 0;background:#f4f2ee}
.pm-refc-story-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:clamp(28px,4vw,44px)}
.pm-refc-story-strip>div{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 12px 28px rgba(20,18,12,.05);padding:24px 26px}
.pm-refc-story-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:16px;border-radius:50%;background:#f6ecd3;color:#8b6a16}
.pm-refc-story-strip h3{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:#8b6a16;font-weight:850}
.pm-refc-story-strip p{margin:0;color:#444;line-height:1.6;font-size:.95rem}
.pm-refc-story-extra,.pm-refc-story-split{background:#fff;border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 16px 36px rgba(20,18,12,.06);padding:clamp(26px,3.6vw,40px);margin-bottom:clamp(28px,4vw,44px)}
.pm-refc-story-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,56px)}
.pm-refc-story-split .pm-refc-story-copy{font-size:.98rem}
.pm-refc-story-extra-label{margin:0 0 14px;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:#8b6a16;font-weight:850}
.pm-refc-story-copy{max-width:760px;font-size:1.02rem;line-height:1.72;color:#333}
.pm-refc-story-copy>*:first-child{margin-top:0}.pm-refc-story-copy img{max-width:100%;height:auto;border-radius:10px}
.pm-refc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0}
.pm-refc-stats>div{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.pm-refc-stats strong{display:block;font-size:1.18rem;font-weight:800;color:#111;letter-spacing:-.01em}
.pm-refc-stats span{display:block;margin-top:2px;font-size:.78rem;color:#77726a}

.pm-refc-media-section{padding:clamp(48px,6vw,76px) 0;background:#0d0d0d;color:#fff}
.pm-refc-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.pm-refc-media-grid:has(.pm-refc-media-item:only-child){grid-template-columns:1fr}
.pm-refc-media-grid:has(.pm-refc-media-item:only-child) .pm-refc-media-frame{aspect-ratio:21/9}
.pm-refc-media-item{margin:0;min-width:0}
.pm-refc-media-frame{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#050505}.pm-refc-media-frame iframe,.pm-refc-media-frame video,.pm-refc-media-frame img{display:block;width:100%;height:100%;object-fit:cover;border:0}
.pm-refc-media-frame:has(>img){position:relative;--pm-media-zoom-scale:1.85;transform-origin:center;transition:transform .3s ease,box-shadow .3s ease}
.pm-refc-media-frame:has(>img):hover{transform:scale(var(--pm-media-zoom-scale));box-shadow:0 0 0 1px rgba(255,255,255,.14),0 10px 26px rgba(0,0,0,.4),0 32px 72px rgba(0,0,0,.6);z-index:5;cursor:zoom-in}
.pm-media-gate{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;padding:24px;text-align:center;background-color:#151515;background-size:cover;background-position:center}
.pm-media-gate.has-poster::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.7))}
.pm-media-gate.is-loaded{padding:0;background-image:none !important}.pm-media-gate.is-loaded::before,.pm-media-gate.is-loaded .pm-media-gate-caption,.pm-media-gate.is-loaded .pm-media-gate-play,.pm-media-gate.is-loaded .pm-media-gate-hint{display:none}
.pm-media-gate-caption{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:16px 20px;text-align:left}
.pm-media-gate-caption span{color:#fff;font-size:.95rem;font-weight:750;line-height:1.3}
.pm-media-gate-caption em{flex:0 0 auto;font-style:normal;color:rgba(255,255,255,.75);font-size:.78rem;font-weight:700;white-space:nowrap}
.pm-media-gate-play{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,.55);border:1.5px solid rgba(255,255,255,.75);color:#fff;font-size:1.05rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease}
.pm-media-gate-play span{margin-left:3px}
.pm-media-gate-play:hover{background:rgba(0,0,0,.75);transform:scale(1.06)}
.pm-media-gate-hint{position:relative;z-index:1;max-width:320px;margin:0;color:rgba(255,255,255,.8);font-size:.8rem;line-height:1.5}
.pm-media-gate noscript{position:relative;z-index:1;display:block;margin-top:4px}
.pm-refc-media-item figcaption{margin-top:10px;display:flex;flex-direction:column;gap:2px}.pm-refc-media-item figcaption strong{font-size:.92rem;font-weight:750}.pm-refc-media-item figcaption span{font-size:.85rem;color:rgba(255,255,255,.6)}

.pm-refc-footer{padding:0 0 clamp(64px,7vw,96px);background:#fff}
.pm-refc-footer-nav{display:flex;gap:28px;flex-wrap:wrap;min-width:0;padding:clamp(22px,3vw,30px) 0;border-bottom:1px solid #e3e0da}
.pm-refc-footer-nav a{color:#111;text-decoration:none;font-weight:750;font-size:.95rem;overflow-wrap:break-word}.pm-refc-footer-nav a:hover{color:var(--pm-gold)}
.pm-refc-cta{margin-top:clamp(30px,4vw,46px);background:#14171c;border-radius:20px;padding:clamp(30px,4.2vw,48px) clamp(30px,4.5vw,52px);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.pm-refc-cta .pm-kicker{color:var(--pm-gold);margin:0 0 8px}
.pm-refc-cta h2{margin:0;color:#fff;font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.15;letter-spacing:-.02em;max-width:640px}
.pm-refc-cta .pm-button-primary{white-space:nowrap;min-height:52px;padding:0 28px}

@media(max-width:980px){.pm-refc-hero-grid{grid-template-columns:1fr}.pm-refc-story-strip{grid-template-columns:1fr}.pm-refc-story-split{grid-template-columns:1fr;gap:32px}}
@media(max-width:700px){.pm-refc-hero{padding-top:110px}.pm-refc-meta-row{gap:14px 22px}.pm-refc-cta{flex-direction:column;align-items:flex-start}.pm-refc-stats{grid-template-columns:1fr 1fr}}


/* 8.8.16: protected audio presentation for reference media; 9.0.17: Frame-Klasse
   auf die neue kompakte Referenz-Detailseite (.pm-refc-media-frame) umgestellt. */
.pm-refc-media-frame:has(.pm-audio-card){aspect-ratio:auto;min-height:230px;display:flex;align-items:stretch;background:linear-gradient(145deg,#151515,#050505)}
.pm-audio-card{width:100%;padding:clamp(20px,4vw,36px);display:flex;flex-direction:column;justify-content:center;gap:16px;user-select:none}
.pm-audio-card-icon{width:48px;height:48px;border:1px solid rgba(196,151,45,.45);border-radius:50%;display:grid;place-items:center;color:var(--pm-gold);font-size:1.4rem}
.pm-audio-card audio{display:block;width:100%;accent-color:var(--pm-gold)}
.pm-audio-notice{margin:0!important;color:rgba(255,255,255,.46)!important;font-size:.75rem!important;letter-spacing:.04em;line-height:1.5!important}
@media(max-width:700px){.pm-refc-media-frame:has(.pm-audio-card){min-height:200px}.pm-audio-card{padding:20px}.pm-audio-card-icon{width:44px;height:44px}}


/* 8.8.17: Kontaktseite mit rollierenden Referenzen und lebendigerer Social-Praesentation */
.pm-contact-v870-references .pm-contact-reference-carousel{margin-top:6px}
.pm-contact-v870-references .pm-reference-card{border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.pm-contact-v870-social{position:relative;overflow:hidden;background:linear-gradient(135deg,#f4f1e9 0%,#fff 48%,#eee8dc 100%)}
.pm-contact-v870-social:before{content:"";position:absolute;right:-180px;top:-220px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.19),transparent 67%);pointer-events:none}
.pm-contact-v870-social .pm-shell{position:relative;z-index:1}
.pm-contact-v870-social-grid{gap:18px}
.pm-contact-v870-social-grid a{position:relative;min-height:132px;padding:28px 28px 24px;align-items:flex-end;overflow:hidden;border-color:rgba(17,17,17,.12);background:rgba(255,255,255,.82);box-shadow:0 14px 34px rgba(30,25,15,.06);backdrop-filter:blur(8px)}
.pm-contact-v870-social-grid a:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--pm-gold);transform:scaleX(.28);transform-origin:left;transition:transform .28s ease}
.pm-contact-v870-social-grid a:nth-child(even){background:#151515;color:#fff;border-color:#151515}
.pm-contact-v870-social-grid a:nth-child(even):hover{border-color:var(--pm-gold)}
.pm-contact-v870-social-grid a:hover:before{transform:scaleX(1)}
.pm-contact-v870-social-grid a span{font-size:clamp(1.05rem,1.5vw,1.28rem)}
.pm-contact-v870-social-grid i{position:absolute;right:24px;top:22px;font-size:1.2rem}

/* 8.8.17: Leistungsbereiche dezent farblich differenziert */










@media(max-width:700px){.pm-contact-v870-social-grid a{min-height:108px}}


/* Promedia CMS 9.0.1 – Design foundation for services, references and contact */








.pm-references-v9{background:#0b0b0b;color:#fff}
.pm-references-v9 .pm-shell{width:min(calc(100% - 48px),1280px)}
.pm-references-v9-hero{padding:clamp(160px,17vw,230px) 0 clamp(75px,9vw,120px);background:radial-gradient(circle at 82% 18%,rgba(212,175,55,.18),transparent 31%),#090909}
.pm-references-v9-hero>.pm-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end}
.pm-references-v9-hero-copy{max-width:920px}.pm-references-v9-hero h1{margin:0;font-size:clamp(3.1rem,6.5vw,6.5rem);line-height:.94;letter-spacing:-.06em}
.pm-references-v9-hero-copy>p:last-child{max-width:760px;margin:28px 0 0;color:rgba(255,255,255,.67);font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.7}
.pm-references-v9-count{padding-left:32px;border-left:1px solid rgba(255,255,255,.18)}.pm-references-v9-count strong{display:block;color:var(--pm-gold);font-size:clamp(3rem,5vw,5.8rem);line-height:.9}.pm-references-v9-count span{display:block;margin-top:12px;color:rgba(255,255,255,.52)}
.pm-references-v9-portfolio{padding:clamp(70px,8vw,115px) 0 clamp(100px,11vw,155px);background:#f3f1ec;color:#111}
.pm-references-v9-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:42px}.pm-references-v9-filter button{appearance:none;border:1px solid #d5d0c5;background:#fff;border-radius:999px;padding:11px 17px;font:inherit;font-weight:750;cursor:pointer;transition:.2s ease}.pm-references-v9-filter button:hover,.pm-references-v9-filter button.is-active{background:#111;color:#fff;border-color:#111}
.pm-references-v9-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.pm-references-v9-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px rgba(15,15,15,.08),0 22px 50px rgba(15,15,15,.13)}.pm-references-v9-card[hidden]{display:none}.pm-references-v9-card a{display:block;color:inherit;text-decoration:none}.pm-references-v9-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#181818}.pm-references-v9-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.pm-references-v9-card:hover img{transform:scale(1.045)}
/* 9.0.29: "Bilddarstellung: Vollstaendig sichtbar" - fuer Logos/Grafiken statt harten Fotozuschnitts. */
.pm-references-v9-media.is-contain,.pm-reference-media.is-contain{background:#f2f0ea}
.pm-references-v9-media.is-contain img,.pm-reference-media.is-contain img{object-fit:contain;padding:9%;transition:none}
.pm-references-v9-card:hover .pm-references-v9-media.is-contain img{transform:none}
.pm-references-v9-badge{position:absolute;top:16px;left:16px;background:rgba(17,17,17,.72);color:#f3e9ce;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:999px;backdrop-filter:blur(6px)}
.pm-references-v9-body{padding:22px 26px 26px}
.pm-references-v9-body h2{margin:0 0 8px;color:#111;font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.25;letter-spacing:-.02em}
.pm-references-v9-body p{margin:0 0 16px;color:#696969;font-size:.92rem;line-height:1.6}
.pm-references-v9-link{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:800;color:#111}
.pm-references-v9-link b{font-style:normal;color:var(--pm-gold);font-size:1rem;transition:transform .22s ease}
.pm-references-v9-card:hover .pm-references-v9-link b{transform:translate(3px,-3px)}

.pm-contact-v870-hero{background:radial-gradient(circle at 78% 15%,rgba(212,175,55,.2),transparent 28%),linear-gradient(135deg,#080808,#171717)}
.pm-contact-v870-direct{background:linear-gradient(180deg,#0d0d0d 0 40%,#f3f1ec 40%)}
.pm-contact-v870-card{box-shadow:0 36px 90px rgba(0,0,0,.28);border:1px solid rgba(212,175,55,.18)}
.pm-contact-v870-services{background:#f3f1ec}.pm-contact-v870-service:nth-child(5n+1){background:#fffaf0}.pm-contact-v870-service:nth-child(5n+2){background:#eef3f2}.pm-contact-v870-service:nth-child(5n+3){background:#f5eeee}.pm-contact-v870-service:nth-child(5n+4){background:#eff1f6}.pm-contact-v870-service:nth-child(5n){background:#f4f0e8}
.pm-contact-v870-process{background:#111;color:#fff}.pm-contact-v870-process .pm-contact-v870-head h2{color:#fff}.pm-contact-v870-step{background:#191919;border-color:rgba(255,255,255,.11)}.pm-contact-v870-step p{color:rgba(255,255,255,.62)}
.pm-contact-v870-references{background:#f3f1ec;color:#111}.pm-contact-v870-references .pm-contact-v870-head h2{color:#111}.pm-contact-v870-social{background:#fff}.pm-contact-v870-social-grid a{min-height:160px;background:#111;color:#fff;border:0}.pm-contact-v870-social-grid a:nth-child(even){background:#1d1d1d}.pm-contact-v870-social-grid a:hover{background:var(--pm-gold);color:#111}

@media(max-width:800px){.pm-references-v9-hero>.pm-shell{grid-template-columns:1fr}.pm-references-v9-count{padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}.pm-references-v9-grid{grid-template-columns:1fr}}


/* Promedia CMS 9.0.2 – vollständig neu gestaltete Leistungsseite */
.pm-services-v902{background:#fff;color:#111}
.pm-services-v902 .pm-shell{width:min(calc(100% - 48px),1280px)}
.pm-services-v902-hero{padding:clamp(165px,17vw,235px) 0 clamp(92px,10vw,140px);background:radial-gradient(circle at 82% 16%,rgba(212,175,55,.17),transparent 30%),#090909;color:#fff}
.pm-services-v902-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(48px,8vw,110px);align-items:end}
.pm-services-v902-intro h1{max-width:980px;margin:0;font-size:clamp(3.2rem,6.6vw,6.9rem);line-height:.93;letter-spacing:-.065em}
.pm-services-v902-hero-text{max-width:790px;margin:34px 0 0;color:rgba(255,255,255,.7);font-size:clamp(1.08rem,1.55vw,1.35rem);line-height:1.72}
.pm-services-v902-actions{display:flex;align-items:center;gap:26px;margin-top:44px}
.pm-services-v902-text-link{color:#fff;text-decoration:none;font-weight:800}.pm-services-v902-text-link span{display:inline-block;color:var(--pm-gold);transition:transform .2s}.pm-services-v902-text-link:hover span{transform:translateY(4px)}
.pm-services-v902-proof{display:grid;border-top:1px solid rgba(255,255,255,.16)}
.pm-services-v902-proof>div{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.pm-services-v902-proof strong{display:block;margin-bottom:7px;font-size:1.06rem}.pm-services-v902-proof span{display:block;color:rgba(255,255,255,.55);font-size:.92rem;line-height:1.55}
.pm-services-v902-list{background:#fff}
.pm-services-v902-service{position:relative;padding:clamp(90px,10vw,150px) 0;background:var(--pm-service-surface,#f5f2ec);scroll-margin-top:90px;overflow:hidden}
.pm-services-v902-service:nth-child(even){background:#fff}
.pm-services-v902-service:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--pm-service-accent,var(--pm-gold))}
.pm-services-v902-service-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(520px,42vw,760px);gap:clamp(60px,8vw,120px);align-items:center}
.pm-services-v902-service.is-reversed .pm-services-v902-copy{order:2}.pm-services-v902-service.is-reversed .pm-services-v902-visual{order:1}
/* 9.0.15: order allein vertauscht bei CSS Grid nicht nur die sichtbare Reihenfolge,
   sondern auch, in welche Spalte ("Track") ein Element bei der automatischen
   Platzierung einsortiert wird. Ohne diese Regel landete das Bild bei jeder zweiten
   ("umgekehrten") Leistung in der schmalen, flexiblen Textspalte, behielt aber seine
   eigene feste Breite - dadurch lief es über den Text. Bei umgekehrten Zeilen werden
   die Spaltenbreiten deshalb passend mitgetauscht. */
.pm-services-v902-service.is-reversed .pm-services-v902-service-grid{grid-template-columns:clamp(520px,42vw,760px) minmax(0,1fr)}
.pm-services-v902-eyebrow{display:flex;gap:14px;align-items:center;margin-bottom:28px;color:#6b6b6b;font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.pm-services-v902-eyebrow span:first-child{color:var(--pm-service-accent,var(--pm-gold))}.pm-services-v902-eyebrow span:last-child{padding-left:14px;border-left:1px solid rgba(107,107,107,.35)}
.pm-services-v902-copy{min-width:0;overflow-wrap:break-word;word-break:break-word}
.pm-services-v902-copy h2{margin:0;font-size:clamp(3rem,5.4vw,6rem);line-height:.93;letter-spacing:-.065em;overflow-wrap:break-word;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}
.pm-services-v902-lead{margin:30px 0 0;font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.45;font-weight:720}
.pm-services-v902-body{max-width:620px;margin-top:22px;color:#5e5e5e;font-size:1.04rem;line-height:1.75}.pm-services-v902-body p{margin:0 0 14px}
.pm-services-v902-copy ul{display:grid;gap:14px;margin:30px 0 0;padding:0;list-style:none}.pm-services-v902-copy li{position:relative;padding-left:34px;min-height:22px;font-weight:700;line-height:1.55}.pm-services-v902-copy li:before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.05);border:1.5px solid var(--pm-service-accent,var(--pm-gold))}.pm-services-v902-copy li:after{content:"";position:absolute;left:7px;top:8px;width:8px;height:4px;border-left:2px solid var(--pm-service-accent,var(--pm-gold));border-bottom:2px solid var(--pm-service-accent,var(--pm-gold));transform:rotate(-45deg)}
.pm-services-v902-more{display:inline-flex;align-items:center;gap:10px;margin-top:38px;padding:14px 26px;border:1.5px solid #111;border-radius:999px;color:#111;text-decoration:none;font-weight:850;transition:background .22s,color .22s}.pm-services-v902-more span{color:var(--pm-service-accent,var(--pm-gold));transition:transform .22s,color .22s}.pm-services-v902-more:hover{background:#111;color:#fff}.pm-services-v902-more:hover span{transform:translateX(7px);color:var(--pm-service-accent,var(--pm-gold))}
.pm-services-v902-visual{display:block;width:clamp(520px,42vw,760px);min-width:0;color:inherit;text-decoration:none;background:#101010;border-radius:18px;box-shadow:0 1px 3px rgba(20,18,12,.1),0 24px 55px rgba(20,18,12,.16);overflow:hidden}
.pm-services-v902-media{width:100%;aspect-ratio:16/9;overflow:hidden;background:#181818}.pm-services-v902-media img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.pm-services-v902-visual:hover .pm-services-v902-media img{transform:scale(1.045)}
.pm-services-v902-project-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:30px 32px 34px;color:#fff}
.pm-services-v902-project-caption>div{min-width:0}
.pm-services-v902-project-caption span{color:var(--pm-service-accent,var(--pm-gold));font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.pm-services-v902-project-caption h3{margin:9px 0 0;font-size:clamp(1.8rem,3vw,3.25rem);line-height:1;letter-spacing:-.045em;overflow-wrap:break-word;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}.pm-services-v902-project-caption p{max-width:590px;margin:12px 0 0;color:rgba(255,255,255,.58);line-height:1.6}.pm-services-v902-project-caption strong{white-space:nowrap;color:#fff;font-size:.9rem}.pm-services-v902-project-caption strong span{display:inline-block;font-size:1rem;transition:transform .22s}.pm-services-v902-visual:hover strong span{transform:translate(4px,-4px)}
.pm-services-v902-process{padding:clamp(105px,11vw,160px) 0;background:#f3f1ec}
.pm-services-v902-process-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(500px,1.28fr);gap:clamp(70px,9vw,130px);align-items:start}
.pm-services-v902-section-head{position:sticky;top:130px}.pm-services-v902-section-head h2{margin:0;font-size:clamp(3rem,5vw,5.6rem);line-height:.96;letter-spacing:-.06em}.pm-services-v902-section-head>p:last-child{max-width:560px;margin:28px 0 0;color:#666;font-size:1.08rem;line-height:1.7}
.pm-services-v902-timeline{margin:0;padding:0;list-style:none;border-top:1px solid #ccc4b8}.pm-services-v902-timeline li{display:grid;grid-template-columns:62px 1fr;gap:24px;padding:32px 0;border-bottom:1px solid #ccc4b8}.pm-services-v902-timeline>li>span{color:var(--pm-gold);font-size:.78rem;font-weight:900;letter-spacing:.13em}.pm-services-v902-timeline h3{margin:0;font-size:clamp(1.5rem,2.3vw,2.25rem);letter-spacing:-.035em}.pm-services-v902-timeline p{margin:10px 0 0;color:#666;line-height:1.65}
.pm-services-v902-cta{padding:clamp(105px,12vw,170px) 0;background:#090909;color:#fff}.pm-services-v902-cta>.pm-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end}.pm-services-v902-cta h2{max-width:1120px;margin:0;font-size:clamp(3.25rem,6.5vw,7rem);line-height:.93;letter-spacing:-.065em}.pm-services-v902-cta p:not(.pm-kicker){max-width:820px;margin:38px 0 0;color:rgba(255,255,255,.62);font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.72}.pm-services-v902-cta .pm-button-primary{margin-top:52px;white-space:nowrap}
@media(max-width:1000px){.pm-services-v902-hero-grid,.pm-services-v902-process-grid{grid-template-columns:1fr}.pm-services-v902-proof{grid-template-columns:repeat(3,1fr);border-left:0}.pm-services-v902-proof>div{padding:20px;border:1px solid rgba(255,255,255,.15)}.pm-services-v902-service-grid,.pm-services-v902-service.is-reversed .pm-services-v902-service-grid{grid-template-columns:1fr;gap:48px}.pm-services-v902-visual{width:100%}.pm-services-v902-service.is-reversed .pm-services-v902-copy,.pm-services-v902-service.is-reversed .pm-services-v902-visual{order:initial}.pm-services-v902-section-head{position:static}.pm-services-v902-cta>.pm-shell{grid-template-columns:1fr}.pm-services-v902-cta .pm-button-primary{justify-self:start;margin-top:0}}
@media(max-width:700px){.pm-services-v902 .pm-shell{width:min(calc(100% - 32px),1280px)}.pm-services-v902-hero{padding-top:140px}.pm-services-v902-actions{align-items:flex-start;flex-direction:column}.pm-services-v902-proof{grid-template-columns:1fr}.pm-services-v902-service{padding:78px 0}.pm-services-v902-copy h2{font-size:clamp(2.75rem,14vw,4.4rem)}.pm-services-v902-project-caption{grid-template-columns:1fr;padding:25px}.pm-services-v902-project-caption strong{margin-top:5px}.pm-services-v902-process-grid{gap:55px}.pm-services-v902-timeline li{grid-template-columns:44px 1fr;gap:14px}.pm-services-v902-cta .pm-button-primary{margin-top:44px}}