/* Pepswerk 2.21: Kontaktbereich. Dunkles Band mit langsam wandernden Violett-Lichtern,
   Karo-Raster als Echo der Seite, WhatsApp zuerst (Hauptweg), Discord daneben. */
.pwh section.pwh-connect{
 position:relative;isolation:isolate;overflow:hidden;margin:0!important;padding:clamp(48px,6vw,88px) 0!important;text-align:left;
 background:#110d17!important;color:#f6f1fc;border:0;
}
/* Raster wie auf der restlichen Seite, zu den Rändern ausgeblendet */
.pwh section.pwh-connect:before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);
 background-size:var(--pwh-c,80px) var(--pwh-c,80px);background-position:center top;
 -webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 90% at 50% 40%,#000 20%,transparent 75%);
}
/* Zwei Lichtflächen, die sich langsam gegeneinander bewegen */
.pwh section.pwh-connect:after{
 content:"";position:absolute;z-index:-2;pointer-events:none;left:-15%;top:-40%;width:130%;height:180%;
 background:
  radial-gradient(38% 34% at 22% 62%,#6d22b8a6 0%,transparent 70%),
  radial-gradient(30% 30% at 78% 30%,#9440d966 0%,transparent 70%),
  radial-gradient(26% 24% at 60% 90%,#3d127066 0%,transparent 70%);
 filter:blur(18px);animation:pwConnectDrift 18s ease-in-out infinite alternate;
}
@keyframes pwConnectDrift{
 0%{transform:translate3d(-3%,2%,0) rotate(0deg) scale(1)}
 50%{transform:translate3d(3%,-3%,0) rotate(4deg) scale(1.06)}
 100%{transform:translate3d(-1%,4%,0) rotate(-3deg) scale(.98)}
}
.pwh .pwh-connect__inner{
 width:min(1320px,calc(100% - clamp(32px,6vw,96px)));max-width:none;margin:0 auto;
 display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);align-items:center;gap:clamp(28px,4.5vw,72px);
}
.pwh .pwh-connect__intro{min-width:0}
.pwh .pwh-connect h2{
 margin:0 0 14px;color:#fbf8ff;text-transform:none;
 font:500 clamp(34px,3.6vw,54px)/1.08 "PW Serif",Georgia,"Times New Roman",serif;letter-spacing:-.025em;
}
.pwh .pwh-connect h2 em{font-style:italic;font-weight:600;color:#c48cff;padding-right:.06em;padding-bottom:.08em}
@supports((-webkit-background-clip:text) or (background-clip:text)){
 .pwh .pwh-connect h2 em{background:linear-gradient(100deg,#b77aff 0%,#dcb6ff 55%,#a35cf0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
}
.pwh .pwh-connect__intro p{margin:0;max-width:30ch;color:#b9adc6;font-size:16px;line-height:1.55}

.pwh .pwh-connect__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:16px;min-width:0;align-items:stretch}
.pwh .pwh-connect__card{
 --mx:50%;--my:0%;
 position:relative;isolation:isolate;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:flex-start;
 margin:0;padding:clamp(22px,2.2vw,30px);border:1px solid #ffffff17;border-radius:22px;
 background:linear-gradient(160deg,#ffffff12,#ffffff05 60%);
 box-shadow:inset 0 1px 0 #ffffff14,0 24px 50px -30px #000000b3;
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
 transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s,box-shadow .5s;
}
/* Licht folgt dem Mauszeiger (Variablen setzt home-2.21.0.js) */
.pwh .pwh-connect__card:before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;
 background:radial-gradient(420px circle at var(--mx) var(--my),#a457ff2e,transparent 60%);
}
.pwh .pwh-connect__card--whatsapp{background:linear-gradient(160deg,#ffffff17,#ffffff06 65%)}
.pwh .pwh-connect__card:last-child{padding-right:clamp(22px,2.2vw,30px)}
.pwh .pwh-connect__heading{display:flex;align-items:center;gap:16px;min-width:0}
.pwh .pwh-connect__heading>div{min-width:0}
.pwh .pwh-connect__icon{flex:none;width:56px;height:56px;display:grid;place-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.pwh .pwh-connect__icon img{display:block;max-width:100%;object-fit:contain;margin:0;border:0;box-shadow:none}
.pwh .pwh-connect__icon--whatsapp{border-radius:50%;background:#fff;overflow:hidden;box-shadow:0 0 0 4px #ffffff10,0 10px 24px -8px #25d36666}
.pwh .pwh-connect__icon--whatsapp img{width:56px;height:56px;border-radius:50%}
.pwh .pwh-connect__icon--discord{background:#5b1fa0;border:1px solid #9a5ddc;border-radius:16px;box-shadow:0 0 0 4px #ffffff0a,0 10px 24px -8px #8a3be080,inset 0 1px 0 #ffffff30}
.pwh .pwh-connect__icon--discord img{width:30px;height:30px;filter:invert(1)}
.pwh .pwh-connect__eyebrow{display:block;margin:0 0 4px;color:#b9a6cc;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.01em;text-transform:none}
.pwh .pwh-connect h3{margin:0;color:#fbf8ff;font-family:inherit;font-size:clamp(20px,1.6vw,24px);font-weight:700;line-height:1.2;letter-spacing:-.025em}
.pwh .pwh-connect__card p{margin:16px 0 0;max-width:42ch;color:#c9bfd3;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5}
.pwh .pwh-connect__meta{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;color:#9fd8b6;font-size:13px;font-weight:600;line-height:1.35}
.pwh .pwh-connect__meta:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#3ccb7f;box-shadow:0 0 0 3px #3ccb7f2e;animation:pwConnectLive 2.6s ease-in-out infinite}
@keyframes pwConnectLive{0%,100%{box-shadow:0 0 0 3px #3ccb7f2e}50%{box-shadow:0 0 0 6px #3ccb7f0a}}

.pwh .pwh-connect__button{
 position:static;display:inline-flex;align-items:center;justify-content:center;gap:12px;
 max-width:100%;min-height:48px;margin-top:auto;padding:12px 18px 12px 22px;
 border:1px solid #ffffff38;border-radius:14px 5px 14px 5px;background:#ffffff0a;box-shadow:inset 0 1px 0 #ffffff14;
 color:#fbf8ff!important;text-decoration:none!important;font-family:inherit;font-size:15px;font-weight:650;line-height:1.3;letter-spacing:0;
 transition:background .35s cubic-bezier(.16,1,.3,1),border-color .35s,transform .35s cubic-bezier(.16,1,.3,1),color .35s;
}
.pwh .pwh-connect__card .pwh-connect__button{margin-top:auto}
.pwh .pwh-connect__card>*:nth-last-child(2){margin-bottom:24px}
/* ganze Karte klickbar */
.pwh .pwh-connect__button:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}
.pwh .pwh-connect__card{border-radius:22px}
.pwh .pwh-connect__card{cursor:pointer}
.pwh .pwh-connect__button--primary{background:#fbf8ff;border-color:#fbf8ff;color:#17131c!important;box-shadow:0 10px 26px -12px #c48cff99}
.pwh .pwh-connect__arrow{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff1a;font-size:15px;line-height:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.pwh .pwh-connect__button--primary .pwh-connect__arrow{background:#17131c;color:#fbf8ff}
.pwh .pwh-connect__button:focus-visible{outline:3px solid #c48cff;outline-offset:4px}
.pwh .pwh-connect__button:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){
 .pwh .pwh-connect__card:hover{transform:translateY(-4px);border-color:#c48cff55;box-shadow:inset 0 1px 0 #ffffff1f,0 34px 60px -30px #000}
 .pwh .pwh-connect__card:hover:before{opacity:1}
 .pwh .pwh-connect__card:hover .pwh-connect__icon{transform:rotate(-6deg) scale(1.05)}
 .pwh .pwh-connect__card:hover .pwh-connect__arrow{transform:translateX(4px)}
 .pwh .pwh-connect__card:hover .pwh-connect__button{border-color:#ffffff70;background:#ffffff14}
 .pwh .pwh-connect__card:hover .pwh-connect__button--primary{background:#fff;border-color:#fff}
}
@media(max-width:1050px){
 .pwh .pwh-connect__inner{grid-template-columns:minmax(0,1fr);gap:26px}
 .pwh .pwh-connect__intro p{max-width:48ch}
}
@media(max-width:640px){
 .pwh section.pwh-connect{padding:44px 0 48px!important}
 .pwh .pwh-connect__inner{width:calc(100% - 28px);gap:22px}
 .pwh .pwh-connect h2{font-size:clamp(32px,9vw,40px)}
 .pwh .pwh-connect__grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .pwh .pwh-connect__card,.pwh .pwh-connect__card:last-child{padding:20px;border-radius:20px}
 .pwh .pwh-connect__icon{width:50px;height:50px}
 .pwh .pwh-connect__icon--whatsapp img{width:50px;height:50px}
 .pwh .pwh-connect__card p{margin-top:14px;font-size:15px}
 .pwh .pwh-connect__card>*:nth-last-child(2){margin-bottom:18px}
 .pwh .pwh-connect__button{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
 .pwh section.pwh-connect:after,.pwh .pwh-connect__meta:before{animation:none}
 .pwh .pwh-connect__card,.pwh .pwh-connect__button,.pwh .pwh-connect__icon,.pwh .pwh-connect__arrow{transition:none}
 .pwh .pwh-connect__card:hover,.pwh .pwh-connect__card:hover .pwh-connect__icon{transform:none}
}
@media(prefers-reduced-transparency:reduce){.pwh .pwh-connect__card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1d1726}}

/* 2.22: kompaktere Fassung (weniger Höhe, kleinere Schrift, Karten und Icons) */
.pwh section.pwh-connect{padding:clamp(28px,3.2vw,44px) 0!important}
.pwh .pwh-connect__inner{width:min(1180px,calc(100% - clamp(32px,6vw,96px)));gap:clamp(20px,3.5vw,52px)}
.pwh .pwh-connect h2{margin:0 0 8px;font-size:clamp(26px,2.5vw,36px)}
.pwh .pwh-connect__intro p{font-size:14.5px;line-height:1.5;max-width:28ch}
.pwh .pwh-connect__grid{gap:12px}
.pwh .pwh-connect__card,.pwh .pwh-connect__card:last-child{padding:18px 20px;border-radius:18px}
.pwh .pwh-connect__heading{gap:12px}
.pwh .pwh-connect__icon{width:42px;height:42px}
.pwh .pwh-connect__icon--whatsapp img{width:42px;height:42px}
.pwh .pwh-connect__icon--discord{border-radius:12px}
.pwh .pwh-connect__icon--discord img{width:23px;height:23px}
.pwh .pwh-connect__eyebrow{font-size:12px;margin-bottom:2px}
.pwh .pwh-connect h3{font-size:clamp(17px,1.3vw,19px)}
.pwh .pwh-connect__card p{margin-top:10px;font-size:14.5px;line-height:1.45}
.pwh .pwh-connect__meta{margin-top:8px;font-size:12px}
.pwh .pwh-connect__card>*:nth-last-child(2){margin-bottom:16px}
.pwh .pwh-connect__button{min-height:40px;padding:8px 12px 8px 16px;gap:10px;font-size:14px;border-radius:12px 4px 12px 4px}
.pwh .pwh-connect__arrow{width:22px;height:22px;font-size:13px}
@media(max-width:1050px){.pwh .pwh-connect__inner{gap:18px}}
@media(max-width:640px){
 .pwh section.pwh-connect{padding:30px 0 32px!important}
 .pwh .pwh-connect__inner{gap:16px}
 .pwh .pwh-connect h2{font-size:clamp(26px,7.5vw,32px)}
 .pwh .pwh-connect__intro p{max-width:40ch}
 .pwh .pwh-connect__grid{gap:10px}
 .pwh .pwh-connect__card,.pwh .pwh-connect__card:last-child{padding:16px;border-radius:16px}
 .pwh .pwh-connect__icon{width:40px;height:40px}
 .pwh .pwh-connect__icon--whatsapp img{width:40px;height:40px}
 .pwh .pwh-connect__card p{margin-top:10px;font-size:14px}
 .pwh .pwh-connect__card>*:nth-last-child(2){margin-bottom:14px}
}