/* punk-kontakt.css · Kontakt, Nächste Kurse, Workshops, Dein Zugang im Punk-Stil (Andy 03.11.2026).
   Nur was website-punk.css nicht kann. Namensräume .pu.kt (Kontakt), .pu.nk (Nächste Kurse), .pu.wk (Workshops), .pu.dz (Dein Zugang). */

/* ── gemeinsam ── */
.pu.kt [hidden],.pu.nk [hidden],.pu.wk [hidden],.pu.dz [hidden]{display:none!important}
.pu .pu-streifen a{color:inherit;text-decoration:none}

/* ═══ Kontakt .kt ═══ */
.pu.kt .kt-held{min-height:min(88svh,860px)}
.pu.kt .kt-kanal{max-width:900px}
.pu.kt .kt-kanal>li{padding:0}
.pu.kt .kt-kanal a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:21px;align-items:center;padding:18px 22px;min-height:64px}
.pu.kt .kt-kn{grid-column:1}
.pu.kt .kt-kanal small{grid-column:1;max-width:52ch}
.pu.kt .kt-go{grid-column:2;grid-row:1 / span 2;font:600 16px/1.2 var(--txt);letter-spacing:0;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;white-space:nowrap}
.pu.kt .kt-kanal a:hover .kt-go{text-decoration-thickness:3px}
.pu.kt .kt-andy{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(34px,5vw,89px);align-items:center}
.pu.kt .kt-andy-foto{--fg:var(--gold);max-width:380px}
.pu.kt .kt-andy-foto img{aspect-ratio:4/5}
.pu.kt .kt-adr{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,5vw,89px);align-items:center}
.pu.kt .kt-adr-zettel{position:relative;justify-self:start;padding:clamp(24px,3vw,40px) clamp(24px,3vw,44px);background:var(--papier);color:var(--navy);box-shadow:var(--kante);}
.pu.kt .kt-adr-zeilen{font:600 clamp(32px,min(3.6vw,5.76svh),52px)/1.02 var(--dsp);letter-spacing:-.035em;margin-bottom:18px}
.pu.kt .kt-soz{margin-top:18px}
@media (max-width:700px){
  .pu.kt .kt-andy,.pu.kt .kt-adr{grid-template-columns:1fr}
  .pu.kt .kt-andy-foto{max-width:280px}
  .pu.kt .kt-kanal a{grid-template-columns:1fr;row-gap:6px}
  .pu.kt .kt-go{grid-column:1;grid-row:auto;margin-top:6px}
}
@media (min-width:701px) and (max-width:1100px) and (min-aspect-ratio:3/2){
  .pu.kt .kt-andy,.pu.kt .kt-adr{grid-template-columns:1fr;max-width:calc(50vw - var(--rand) - 40px)}
  .pu.kt .kt-andy-foto{max-width:260px}
}

/* ═══ Nächste Kurse .nk ═══ */
.pu.nk .nk-held{min-height:min(100svh,940px)}
.pu.nk .nk-held-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(34px,5vw,89px);align-items:center}
.pu.nk .nk-h1{margin-top:20px;font-size:clamp(46px,min(7.4vw,11.84svh),124px);line-height:.92}
.pu.nk .nk-h1 .pu-mark{display:inline;line-height:1.04}
.pu.nk .nk-ticket{text-decoration:none;color:var(--papier);max-width:460px;justify-self:end}
.pu.nk .nk-ticket strong{font-size:clamp(36px,min(4vw,6.4svh),64px)}
.pu.nk .nk-ticket .nk-tk-fuss{grid-column:2;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.pu.nk .nk-fakten{position:relative;z-index:1;list-style:none;display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:clamp(34px,4vw,55px)}
.pu.nk .nk-fakten li{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--weiss);box-shadow:var(--kante);font:500 15px/1.35 var(--txt);max-width:300px}
.pu.nk .nk-fakten li:nth-child(even){background:var(--kamel)}
.pu.nk .nk-fakten span{font:600 13px/1 var(--txt);letter-spacing:.06em;color:var(--grau)}
.pu.nk .nk-fakten li:nth-child(even) span{color:var(--navy)}
.pu.nk .nk-fakten b{font-weight:600}
.pu.nk .nk-tafel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(34px,5vw,89px);align-items:start}
.pu.nk .nk-tafel-kopf{position:sticky;top:110px}
.pu.nk .nk-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(21px,2.4vw,34px)}
.pu.nk .ku-chip{min-height:44px;padding:0 18px;border:2px solid var(--papier);background:transparent;color:var(--papier);font:600 15px/1 var(--txt);cursor:pointer;transition:transform .12s var(--ease)}
.pu.nk .ku-chip:active{transform:scale(.97)}
.pu.nk .ku-chip.ku-on{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.pu.nk .nk-note a{color:var(--gold)}
.pu.nk .nk-monat+.nk-monat{margin-top:clamp(34px,3.4vw,55px)}
.pu.nk .nk-zeilen{margin-top:14px}
.pu.nk .nk-zeilen>a{color:var(--navy);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 18px;min-height:64px;font:500 16px/1.35 var(--txt);letter-spacing:0}
.pu.nk .nk-zd{display:flex;flex-direction:column;align-items:flex-start;min-width:4.2em}
.pu.nk .nk-zd b{font:600 clamp(32px,min(3vw,4.8svh),46px)/.9 var(--dsp);letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}
.pu.nk .nk-zd small,.pu.nk .nk-zo small{margin-top:4px;font:500 14px/1.4 var(--txt)}
.pu.nk .nk-ort{display:block;font:600 21px/1.15 var(--txt)}
.pu.nk .nk-pill{display:inline-block;margin-left:6px;padding:3px 7px;background:var(--navy);color:var(--gold);font:600 12px/1 var(--txt);letter-spacing:.04em;vertical-align:middle;}
.pu.nk .nk-zp{font:600 15px/1.2 var(--txt);white-space:nowrap}
.pu.nk .ku-empty{display:none}
.pu.nk .ku-empty.ku-show{display:block}
.pu.nk .nk-zahlen{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,55px);margin-top:clamp(28px,3vw,44px)}
.pu.nk .nk-zahlen li{font:500 16px/1.3 var(--txt)}
.pu.nk .nk-zahlen b{display:block;font:600 clamp(55px,min(7vw,11.2svh),110px)/.85 var(--dsp);letter-spacing:-.05em;color:var(--navy)}
.pu.nk .nk-stufen{--sh:40px}
.pu.nk .nk-args>li{font-size:clamp(22px,min(2.4vw,3.84svh),34px)}
.pu.nk .nk-trainer{gap:clamp(14px,1.8vw,28px)}
.pu.nk .nk-trainer .pu-foto span:not(.pu-tape){font-size:14px}
.pu.nk .pu-streifen details p a{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.pu.nk .nk-claim b{font-weight:600}
@media (max-width:1100px){.pu.nk .nk-trainer{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .pu.nk .nk-tafel{grid-template-columns:1fr}
  .pu.nk .nk-tafel-kopf{position:static}
}
@media (max-width:700px){
  .pu.nk .nk-held-grid{grid-template-columns:1fr}
  .pu.nk .nk-ticket{justify-self:start}
  .pu.nk .nk-zeilen>a{grid-template-columns:auto minmax(0,1fr);gap:8px 14px}
  .pu.nk .nk-zp{grid-column:2}
  .pu.nk .nk-trainer{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
}
@media (min-width:701px) and (max-width:1100px) and (min-aspect-ratio:3/2){
  .pu.nk .nk-held-grid,.pu.nk .nk-tafel{grid-template-columns:1fr;max-width:calc(50vw - var(--rand) - 40px)}
  .pu.nk .nk-ticket{justify-self:start}
  .pu.nk .nk-fakten{max-width:calc(50vw - var(--rand) - 40px)}
  .pu.nk .nk-trainer{grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc(50vw - var(--rand) - 40px)}
  .pu.nk .nk-zahlen{max-width:calc(50vw - var(--rand) - 40px)}
}

/* ═══ Workshops .wk ═══ */
.pu.wk .wk-held{min-height:min(100svh,940px)}
.pu.wk .wk-held-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(34px,5vw,89px);align-items:center}
.pu.wk .wk-h1{margin-top:20px;font-size:clamp(44px,min(6.6vw,10.56svh),112px);line-height:.92}
.pu.wk .wk-h1 .pu-mark{display:inline;line-height:1.04}
.pu.wk .wk-held-foto{--fg:var(--kamel);}
.pu.wk .wk-held-foto img{aspect-ratio:4/3;object-position:50% 50%}
.pu.wk .wk-fakten{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(24px,3vw,40px)}
.pu.wk .wk-fakten li{padding:8px 12px;background:var(--weiss);box-shadow:var(--kante);font:500 15px/1.3 var(--txt);}
.pu.wk .wk-fakten li:nth-child(even){background:var(--kamel);}
.pu.wk .wk-fakten b{font-weight:600}
.pu.wk .wk-frage{max-width:20ch}
.pu.wk .wk-sci{margin-top:clamp(28px,3vw,44px);grid-template-columns:1fr;}
.pu.wk .wk-sci p{font-size:clamp(17px,min(1.8vw,2.88svh),22px)}
.pu.wk .wk-zwei,.pu.wk .wk-drei{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:clamp(16px,2.4vw,34px);margin-top:clamp(28px,3vw,44px);align-items:start}

.pu.wk .wk-welt,.pu.wk .wk-bleibt{padding:clamp(20px,2.4vw,34px);color:var(--navy);box-shadow:var(--kante);}
.pu.wk .wk-welt.papier{background:var(--papier)}.pu.wk .wk-welt.gold{background:var(--gold);margin-top:28px}
.pu.wk .wk-welt ul,.pu.wk .wk-bleibt ul{list-style:none;margin-top:16px;border-top:1.5px solid var(--navy)}
.pu.wk .wk-welt li,.pu.wk .wk-bleibt li{padding:10px 0;border-bottom:1px solid rgba(21,26,49,.25);font:500 16px/1.45 var(--txt)}
.pu.wk .wk-wfuss{margin-top:16px;font:600 clamp(22px,min(2.2vw,3.52svh),32px)/1.05 var(--dsp);letter-spacing:-.025em}
.pu.wk .wk-bleibt:nth-child(1){background:var(--kamel)}.pu.wk .wk-bleibt:nth-child(2){background:var(--lila);margin-top:24px}.pu.wk .wk-bleibt:nth-child(3){background:var(--gold);}
.pu.wk .wk-quote{max-width:34ch}
.pu.wk .wk-quote b{font-weight:600}
.pu.wk .wk-moves{list-style:none;position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:clamp(28px,3vw,44px);align-items:start}
.pu.wk .wk-moves .pu-kleber{grid-template-columns:1fr;max-width:none;padding:14px 16px 18px}
.pu.wk .wk-moves .pu-kleber:nth-child(even){margin-top:22px}
.pu.wk .wk-moves .nr{grid-row:auto;font-size:clamp(56px,min(5vw,8svh),84px)}
.pu.wk .wk-moves strong{font-size:clamp(28px,min(2.4vw,3.84svh),40px)}
.pu.wk .wk-moves p{font-size:15px}
.pu.wk .wk-tage{margin-top:clamp(34px,4vw,55px);color:var(--navy)}
.pu.wk .wk-tage b{font-weight:600}
.pu.wk .wk-sits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
.pu.wk .wk-sits>li{margin-left:0;font-size:clamp(22px,min(2.4vw,3.84svh),34px)}
.pu.wk .wk-format{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin-top:clamp(28px,3vw,44px);align-items:start}
.pu.wk .wk-fk{padding:clamp(18px,2vw,26px);color:var(--navy);box-shadow:var(--kante);background:var(--kamel);font:500 15px/1.45 var(--txt)}
.pu.wk .wk-fk:nth-child(2){background:var(--papier);}.pu.wk .wk-fk:nth-child(3){background:var(--lila)}.pu.wk .wk-fk:nth-child(4){background:var(--gold);}
.pu.wk .wk-fval{margin:12px 0 10px;font:600 clamp(34px,min(3.4vw,5.44svh),55px)/.9 var(--dsp);letter-spacing:-.045em}
.pu.wk .wk-solo{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:21px;align-items:center;margin-top:clamp(34px,4vw,55px);padding:clamp(18px,2vw,26px) clamp(20px,2.4vw,34px);background:var(--weiss);color:var(--navy);text-decoration:none;box-shadow:var(--kante);max-width:1100px}
.pu.wk .wk-solo-q{font:600 clamp(32px,min(3vw,4.8svh),46px)/.95 var(--dsp);letter-spacing:-.04em}
.pu.wk .wk-solo-d{font:500 16px/1.45 var(--txt)}
.pu.wk .wk-solo-go{font:600 16px/1.2 var(--txt);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;white-space:nowrap}
.pu.wk .wk-namen,.pu.wk .wk-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.pu.wk .wk-namen li,.pu.wk .wk-chips li{font:600 14px/1 var(--txt);background:var(--kamel);color:var(--navy);padding:8px 11px;}
.pu.wk .wk-namen li:nth-child(even){background:var(--gold)}
.pu.wk .wk-chips li{background:var(--papier)}.pu.wk .wk-chips li:nth-child(even){background:var(--gold)}
.pu.wk .wk-andy{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(34px,5vw,89px);align-items:center}
.pu.wk .wk-andy-foto{--fg:var(--gold);max-width:380px;justify-self:end}
.pu.wk .wk-andy-foto img{aspect-ratio:4/5;object-position:50% 20%}
.pu.wk .wk-schluss{margin-top:20px}
.pu.wk .pu-mithand .pu-klein a{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.pu.wk .wk-claim b{font-weight:600}
@media (max-width:1100px){
  .pu.wk .wk-moves{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pu.wk .wk-format{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .pu.wk .wk-held-grid,.pu.wk .wk-zwei,.pu.wk .wk-drei,.pu.wk .wk-sits,.pu.wk .wk-format,.pu.wk .wk-andy{grid-template-columns:1fr}
  .pu.wk .wk-moves{grid-template-columns:1fr;gap:12px}
  .pu.wk .wk-moves .pu-kleber:nth-child(even),.pu.wk .wk-welt.gold,.pu.wk .wk-bleibt:nth-child(2){margin-top:0}
  .pu.wk .wk-solo{grid-template-columns:1fr;gap:10px}
  .pu.wk .wk-andy-foto{justify-self:start;max-width:280px}
}
@media (min-width:701px) and (max-width:1100px) and (min-aspect-ratio:3/2){
  .pu.wk .wk-held-grid,.pu.wk .wk-zwei,.pu.wk .wk-drei,.pu.wk .wk-sits,.pu.wk .wk-format,.pu.wk .wk-andy,.pu.wk .wk-moves,.pu.wk .wk-solo{grid-template-columns:1fr;max-width:calc(50vw - var(--rand) - 40px)}
  .pu.wk .wk-moves .pu-kleber:nth-child(even),.pu.wk .wk-welt.gold,.pu.wk .wk-bleibt:nth-child(2){margin-top:0}
  .pu.wk .wk-andy-foto{justify-self:start;max-width:260px}
  .pu.wk .wk-held-foto{max-width:320px}
}

/* ═══ Dein Zugang .dz ═══ */
.pu.dz .dz-held{min-height:min(100svh,940px)}
.pu.dz .dz-wege{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,40px);margin-top:clamp(34px,4vw,64px);align-items:start;max-width:1300px}
.pu.dz .dz-weg{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(20px,2.4vw,34px);color:var(--navy);box-shadow:var(--kante);}
.pu.dz .dz-1{background:var(--lila)}.pu.dz .dz-2{background:var(--gold);margin-top:28px}.pu.dz .dz-3{background:var(--kamel);}
.pu.dz .dz-weg h2{font:600 clamp(32px,min(3.2vw,5.12svh),52px)/.92 var(--dsp);letter-spacing:-.04em;text-wrap:balance}
.pu.dz .dz-weg p{font:500 16px/1.5 var(--txt);max-width:40ch}
.pu.dz .dz-weg .pu-knopf{margin-top:6px}
.pu.dz .dz-weg .pu-link{font-size:15px}
.pu.dz .dz-fuss .pu-satz{max-width:28ch}
.pu.dz .dz-fuss a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.pu.dz .dz-claim b{font-weight:600}
@media (max-width:900px){.pu.dz .dz-wege{grid-template-columns:1fr;max-width:560px}.pu.dz .dz-2{margin-top:0}}
@media (min-width:701px) and (max-width:1100px) and (min-aspect-ratio:3/2){.pu.dz .dz-wege{max-width:calc(50vw - var(--rand) - 40px)}}

/* Tippfläche 44 für Links mitten im Satz, ohne die Zeile zu verschieben */
.pu.nk .pu-klein a,.pu.nk .pu-streifen details p a,.pu.wk .pu-klein a,.pu.dz .dz-fuss a,.pu.kt .pu-klein a{display:inline-block;padding:11px 0;margin:-11px 0}
@media (min-width:701px) and (max-width:1100px) and (min-aspect-ratio:3/2){.pu.dz .dz-wege{grid-template-columns:1fr}.pu.dz .dz-2{margin-top:0}}
@media (max-width:700px){.pu.wk .wk-h1,.pu.nk .nk-h1{line-height:1}.pu.wk .wk-h1 .pu-mark,.pu.nk .nk-h1 .pu-mark{line-height:1.1}}