/* Gemeinsame Bausteine der Unterseiten: zentriertes Intro mit Logo-Signatur,
   typografischer Kicker, Abschnittskoepfe, Karten, CTA-Box (Design der Home) */
.pg-intro{position:relative;padding:calc(var(--nav-h,80px) + 2vh) 0 6vh;overflow:hidden}
.pg-intro__wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:min(62vh,86vw)}
.pg-kicker{display:block;font-family:"Manrope",sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);margin-bottom:14px}
.pg-intro h1{font-family:"Manrope",sans-serif;font-weight:800;font-size:clamp(2.3rem,5vw,4rem);line-height:1.02;letter-spacing:-.03em;color:var(--ink);margin:0 auto 18px;max-width:18ch}
.pg-intro h1 em,.pg-head h2 em,.pg-cta h2 em{font-style:normal;color:var(--pink)}
.pg-lead{margin-left:auto;margin-right:auto;text-align:center}
.pg-intro .actions{margin-top:28px}
.uu-logo{position:absolute;left:0;right:0;margin:0 auto;top:calc(var(--nav-h,80px) + 2vh);width:min(62vh,86vw);aspect-ratio:1;pointer-events:none;opacity:.42;z-index:0}
.uu-logo svg{width:100%;height:100%;overflow:visible}
.uul{fill:none;stroke-width:.5;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;transform-origin:25.5px 25px;animation:uu-draw 2.2s cubic-bezier(.2,.7,.2,1) forwards,uu-wobble 16s ease-in-out 2.4s infinite,uu-pulse 3.6s ease-in-out infinite}
.uul--0{stroke:#FD3870;animation-delay:.2s,2.4s,0s}
.uul--1{stroke:#fe6c6d;animation-delay:.9s,2.4s,.8s;animation-direction:normal,reverse,normal;animation-duration:2.2s,19s,5.2s}
.uul--2{stroke:#fe6c6d;animation:uu-draw 2.2s cubic-bezier(.2,.7,.2,1) 1.6s forwards,uu-wobble 23s ease-in-out 2.4s infinite}
@keyframes uu-draw{to{stroke-dashoffset:0}}
@keyframes uu-wobble{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.03)}}
@keyframes uu-pulse{0%,100%{stroke-opacity:.45}50%{stroke-opacity:1}}
@media (prefers-reduced-motion:reduce){.uul{animation:none;stroke-dashoffset:0}}

/* Abschnitte */
.pg-section{padding:clamp(64px,8vw,112px) 0}
.pg-section--tight{padding-top:clamp(24px,4vw,48px)}
.pg-section--soft{background:var(--pink-soft,#ffe9f0)}
.pg-section--cta{padding-top:0}
.pg-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(28px,4vw,48px)}
.pg-head h2,.pg-cta h2{font-family:"Manrope",sans-serif;font-weight:800;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin:0 auto 16px;max-width:22ch}
.pg-section .em-show{padding:0}
.actions--tight{margin-top:clamp(24px,3vw,36px)}

/* Karten (Leistungen) */
.pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pg-card{position:relative;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 26px 30px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.pg-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,11,15,.07)}
.pg-card__nr{display:block;font-family:"Manrope",sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.14em;color:var(--pink);margin-bottom:12px}
.pg-card h3{font-family:"Manrope",sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px}
.pg-card p{color:var(--muted);font-size:.98rem;line-height:1.55;margin:0}

/* CTA-Box */
.pg-cta{text-align:center;display:flex;flex-direction:column;align-items:center;background:var(--ink);color:#fff;border-radius:32px;padding:clamp(48px,6vw,80px) clamp(24px,5vw,72px)}
.pg-cta h2{color:#fff}
.pg-cta .pg-lead{color:rgba(255,255,255,.72)}
.pg-cta .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28);box-shadow:none}
.pg-cta .btn--ghost:hover{background:rgba(255,255,255,.08)}

@media (max-width:1024px){.pg-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.uu-logo{width:min(54vh,96vw);top:calc(var(--nav-h,80px) + 4vh);opacity:.32}.pg-intro__wrap{min-height:min(54vh,96vw)}}
@media (max-width:640px){.pg-grid{grid-template-columns:1fr;gap:12px}.pg-card{padding:26px 20px 24px}.pg-cta{border-radius:24px}}

/* Marketing as a Service: das Beste aus drei Welten */
.ms-best{max-width:820px;margin:32px auto 0;padding:clamp(28px,4vw,44px) clamp(22px,4vw,48px);text-align:center;background:#fff;border:1.5px solid var(--pink);border-radius:28px;box-shadow:0 24px 60px rgba(253,56,112,.10)}
.ms-best h3{font-family:var(--font-head);font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em;margin:10px 0 18px}
.ms-best ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ms-best li{font-family:var(--font-head);font-weight:700;font-size:clamp(1rem,1.5vw,1.15rem);color:var(--ink)}
.ms-best li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pink);margin-right:10px;vertical-align:middle}
.ms-best p{color:var(--muted);margin:18px auto 0;max-width:58ch}
.ms-best .actions{justify-content:center;margin-top:22px}