/* CONTACT */
.cpage{padding-top:72px;min-height:100dvh}
.chero{background:var(--nv);padding:7rem 5rem 6rem;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.ch1{width:650px;height:650px;background:rgba(26,92,97,.35);top:-200px;right:-150px;animation-delay:-4s}
.ch2{width:350px;height:350px;background:rgba(116,199,240,.08);bottom:-100px;left:5%;animation-delay:-12s}
.cleft{position:relative;z-index:1}
.ch1t{font-family:var(--fd);font-size:clamp(2.5rem,5vw,4.2rem);font-weight:300;color:#fff;line-height:1.05;margin-bottom:1.5rem}
.ch1t em{font-style:italic;color:var(--sky)}
.cdesc{font-size:.95rem;line-height:1.85;color:rgba(255,255,255,.48);max-width:440px}
.cright{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.25rem}
.ccard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:1.75rem 2rem;display:flex;align-items:center;gap:1.5rem;transition:background .25s,border-color .25s,transform .22s;cursor:pointer;text-decoration:none}
.ccard:hover{background:rgba(255,255,255,.07);border-color:rgba(194,147,67,.35);transform:translateY(-2px)}
.ccico{width:48px;height:48px;flex-shrink:0;background:rgba(26,92,97,.4);border:1px solid rgba(116,199,240,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--sky)}
.cclbl{font-family:var(--fm);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:.3rem}
.ccval{font-size:1.05rem;color:#fff;font-family:var(--fd);font-weight:300;letter-spacing:.01em}
.ccsub{font-size:.75rem;color:rgba(255,255,255,.35);margin-top:.1rem}
/* Two-address email card: each mailto: link keeps the card's own type
   style (not the browser default blue/underline) with a hover underline
   for affordance, since the card itself is no longer a single wrapping
   anchor once a second address is present. */
.ccval a{color:inherit;text-decoration:none}
.ccval a:hover,.ccval a:focus-visible{text-decoration:underline}

/* BODY SECTION */
.cbody{padding:6rem 5rem;background:var(--ow);position:relative;overflow:hidden}
.cbb1{width:500px;height:500px;background:rgba(116,199,240,.06);top:-120px;right:-100px;animation-delay:-6s}
.cbb2{width:300px;height:300px;background:rgba(26,92,97,.05);bottom:-80px;left:10%;animation-delay:-14s}

/* ═══════════════════════════════════════════
   MANDATE CARDS - PREMIUM REDESIGN
   ═══════════════════════════════════════════ */
.mang{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:transparent;margin-top:3.5rem;position:relative;z-index:1}
.manc{background:#fff;padding:2.5rem 2.25rem;position:relative;overflow:hidden;border:1px solid rgba(26,92,97,.08);box-shadow:0 8px 30px rgba(10,26,46,.05);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .35s;min-height:240px;counter-increment:mandate}

/* Numbered sequence overlay */
.manc::before{content:counter(mandate,decimal-leading-zero);position:absolute;top:1.5rem;right:1.5rem;font-family:var(--fm);font-size:2.2rem;font-weight:500;color:rgba(26,92,97,.04);line-height:1;letter-spacing:-.02em;transition:color .4s}
.manc:hover::before{color:rgba(26,92,97,.08)}

/* Bottom accent line */
.manc::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--color-deep-sea),var(--color-frame-gold));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.manc:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(10,26,46,.1);border-color:rgba(194,147,67,.35)}
.manc:hover::after{transform:scaleX(1)}

/* Icon with animated background */
.manic{font-size:1.8rem;margin-bottom:1.2rem;color:var(--teal);line-height:1;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:rgba(26,92,97,.04);border:1px solid rgba(26,92,97,.08);transition:background .4s,border-color .4s,transform .4s}
.manc:hover .manic{background:rgba(26,92,97,.08);border-color:rgba(26,92,97,.18);transform:scale(1.1) rotate(-5deg)}

.mant{font-family:var(--fd);font-size:1.12rem;font-weight:600;color:var(--nv);margin-bottom:.55rem}
.mand{font-size:.82rem;line-height:1.78;color:var(--gr)}

/* Counter reset for the grid */
.mang{counter-reset:mandate}

/* Image integration */
.chero{background-image:linear-gradient(90deg,rgba(10,26,46,.95),rgba(10,26,46,.58)),url("../../images/Regie-_und_Moderationsbesprechung.webp");background-size:cover;background-position:center}


/* WOW refinement */
.chero{min-height:calc(100dvh - 72px);isolation:isolate;background-attachment:fixed}
.chero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(116,199,240,.18),transparent 30%);pointer-events:none;animation:contactGlow 5s ease-in-out infinite}
.ch1t{font-size:clamp(3rem,5.7vw,5.5rem);letter-spacing:-.035em;text-shadow:0 18px 50px rgba(0,0,0,.35)}
.cright{perspective:1000px}.ccard{position:relative;overflow:hidden;backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.16);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .45s}
.ccard::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.1),transparent 68%);transform:translateX(-120%);transition:transform .7s ease}
.ccard:hover{transform:translateX(-12px) rotateY(-2deg);box-shadow:0 24px 55px rgba(0,0,0,.28);border-color:rgba(194,147,67,.6)}.ccard:hover::after{transform:translateX(120%)}
.ccico{transition:transform .45s ease,box-shadow .45s ease}.ccard:hover .ccico{transform:rotate(-8deg) scale(1.12);box-shadow:0 0 28px rgba(194,147,67,.3)}
.cbody{padding-top:8rem;padding-bottom:8rem}
@keyframes contactGlow{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:900px){.chero{background-attachment:scroll}.ccard:hover{transform:translateY(-6px)}}