/* Choreographer profiles – namespace-scoped, no external fonts or trackers. */
:root{--cp-bg:#f4f0e8;--cp-paper:#fffdf8;--cp-deep:#111318;--cp-ink:#202124;--cp-muted:#62656a;--cp-line:#d8c7ae;--cp-gold:#b8884f;--cp-gold-dark:#7e5b32;--cp-focus:#0f5c89}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.cp-page{margin:0;background:var(--cp-bg);color:var(--cp-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
.cp-page img{max-width:100%;height:auto}
.cp-page a{color:var(--cp-gold-dark);text-underline-offset:3px}
.cp-page a:focus-visible,.cp-page button:focus-visible{outline:3px solid var(--cp-focus);outline-offset:3px}
.cp-shell{width:min(1100px,calc(100% - 2.4rem));margin-inline:auto}
.cp-skip{position:absolute;left:1rem;top:-10rem;z-index:20;padding:.85rem 1rem;background:white;color:#111!important}
.cp-skip:focus{top:1rem}
.cp-hero{padding:clamp(3.6rem,8vw,6rem) 0;background:radial-gradient(circle at 78% 18%,#5b483a55 0,transparent 40%),linear-gradient(140deg,#101317,#212024 70%,#28211b);color:#fff}
.cp-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,250px);gap:clamp(1.5rem,5vw,4rem);align-items:center}
.cp-eyebrow{margin:0 0 .8rem;color:#dcc7a8;font-size:.83rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cp-hero h1{max-width:16ch;margin:0;color:#fff;font:400 clamp(2.7rem,6.5vw,5.3rem)/1.08 Georgia,"Times New Roman",serif;text-wrap:balance}
.cp-lead{max-width:65ch;margin:1.5rem 0;font-size:clamp(1.1rem,1.6vw,1.27rem);color:#ede7dd}
.cp-status{max-width:70ch;border-left:3px solid var(--cp-gold);padding-left:1rem;color:#eee6d8;font-size:.97rem}
.cp-portrait{margin:0;justify-self:center;max-width:240px}
.cp-portrait img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center 30%;border-radius:50%;border:5px solid #e6d3b6;box-shadow:0 18px 45px #0007}
.cp-portrait figcaption{text-align:center;color:#e9e0d1;font-size:.78rem;margin-top:.7rem}
.cp-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.cp-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.63rem 1.05rem;border:1px solid currentColor;border-radius:7px;font-weight:750;text-decoration:none!important;line-height:1.35}
.cp-button-primary{background:#e4c79b;border-color:#e4c79b;color:#181512!important}
.cp-button-ghost{background:transparent;border-color:#d5c8b4;color:#fff!important}
.cp-button-primary:hover{background:#fff;border-color:#fff}
.cp-button-ghost:hover{background:#ffffff15}
.cp-nav{position:sticky;top:0;z-index:12;background:#111318f7;border-bottom:1px solid #ffffff26;color:#f4f0e8}
.cp-nav-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .85rem;padding:.5rem 0}
.cp-brand{color:#e6c799!important;font-weight:850;text-decoration:none;margin-right:auto;padding:.5rem 0;white-space:nowrap}
.cp-nav-links{display:flex;flex-wrap:wrap;gap:.15rem .25rem;margin:0;padding:0;list-style:none}
.cp-nav-links a{display:inline-block;padding:.45rem .48rem;color:#f2eee9!important;font-size:.86rem;font-weight:600;text-decoration:none;border-radius:4px}
.cp-nav-links a:hover{background:#ffffff15}
.cp-translation{background:#eae3d8;border-bottom:1px solid #d8c7ae;padding:.35rem 0;color:#494744;font-size:.86rem}
.cp-translation span{display:inline-block;margin-right:.6rem}
.cp-translation #google_translate_element{display:inline-block;min-height:1.25rem}
.cp-section{padding:clamp(2.8rem,6vw,5rem) 0;scroll-margin-top:7rem}
.cp-section:nth-of-type(even){background:#fff9}
.cp-kicker{margin:0 0 .4rem;color:var(--cp-gold-dark);text-transform:uppercase;letter-spacing:.1em;font-weight:850;font-size:.8rem}
.cp-section h2{max-width:28ch;margin:.15rem 0 1.4rem;font:400 clamp(2rem,4vw,3.2rem)/1.14 Georgia,"Times New Roman",serif;text-wrap:balance}
.cp-section h3{margin:.2rem 0 .55rem;font:500 1.34rem/1.3 Georgia,"Times New Roman",serif}
.cp-section p{max-width:87ch}
.cp-intro{max-width:83ch;font-size:1.07rem}
.cp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
.cp-card{border:1px solid var(--cp-line);border-radius:11px;background:var(--cp-paper);padding:clamp(1.1rem,2.6vw,1.6rem);box-shadow:0 6px 24px #261e160b}
.cp-card p{margin:.5rem 0 1rem}
.cp-card a{font-weight:750}
.cp-note{margin:1.5rem 0 0;padding:1rem 1.25rem;border-left:4px solid var(--cp-gold);background:#fff9}
.cp-source-list{padding-left:1.25rem;max-width:88ch}
.cp-source-list li+li{margin-top:.65rem}
.cp-work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.cp-work-list article{border:1px solid var(--cp-line);background:var(--cp-paper);border-top:4px solid var(--cp-gold);padding:1.3rem;border-radius:9px}
.cp-work-list p{margin:.5rem 0 0}
.cp-footer{background:#16191e;color:#e6e3dd;padding:2rem 0}
.cp-footer a{color:#f3d5a6!important}
.cp-footer-links{display:flex;flex-wrap:wrap;gap:.55rem 1.35rem}
.cp-footer small{display:block;margin-top:1.25rem;color:#c2c3c6}
@media(max-width:780px){.cp-hero-layout{grid-template-columns:1fr}.cp-portrait{justify-self:start;max-width:150px}.cp-grid,.cp-work-list{grid-template-columns:1fr}.cp-nav{position:static}.cp-nav-inner{display:block}.cp-nav-links{margin-top:.25rem}.cp-hero h1{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* BALLETT-WERKSEITE-DESIGN-ABGLEICH 2026-10-11 */
/* Farben, Typografie, Header und Navigation orientieren sich an vier-werke.html.
   Eigene Klassennamen vermeiden Konflikte mit der umfangreichen Werkseiten-CSS. */
body.cp-page{line-height:1.65}
.cp-shell{width:min(1180px,calc(100% - 2rem))}
.cp-hero{position:relative;overflow:hidden;padding:0;background:
  radial-gradient(circle at 18% 25%,rgba(184,136,79,.28) 0,rgba(184,136,79,0) 31%),
  radial-gradient(circle at 82% 18%,rgba(124,94,122,.22) 0,rgba(124,94,122,0) 30%),
  linear-gradient(135deg,#090b0f 0%,#1a1d22 56%,#252018 100%)}
.cp-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:72px 100%;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.cp-hero-layout{position:relative;z-index:1;min-height:720px;padding-block:clamp(4rem,8vw,7rem);
  grid-template-columns:minmax(0,1fr) minmax(220px,300px)}
.cp-eyebrow{color:#d7b98c;letter-spacing:.15em}
.cp-hero h1{max-width:850px;font-size:clamp(2.7rem,6.1vw,5.6rem);
  font-weight:500;line-height:.98;letter-spacing:-.035em}
.cp-lead{font-size:clamp(1.06rem,2vw,1.34rem);color:rgba(255,255,255,.91)}
.cp-status{padding:1.15rem 1.25rem;color:rgba(255,255,255,.93);
  background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.16);
  border-left:4px solid #d7b98c;border-radius:0 12px 12px 0}
.cp-button{min-height:46px;padding:.76rem 1.05rem;font-weight:800;line-height:1.2;
  transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.cp-button:hover{transform:translateY(-2px)}
.cp-button-primary{background:#fff;border-color:#fff;color:#17130e!important}
.cp-button-primary:hover{background:var(--cp-gold-dark);border-color:var(--cp-gold-dark);color:#fff!important}
.cp-button-ghost{border-color:rgba(255,255,255,.75)}
.cp-button-ghost:hover{background:#fff;border-color:#fff;color:#17130e!important}
.cp-nav{z-index:100;color:#fff;background:rgba(13,15,18,.97);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.cp-nav-inner{position:relative;min-height:64px;gap:1.25rem}
.cp-brand{display:inline-flex;flex:0 0 auto;align-items:center;min-height:42px;
  margin:0;padding:.65rem .8rem;background:rgba(228,199,155,.1);
  border:1px solid rgba(228,199,155,.22);border-radius:7px}
.cp-brand:hover,.cp-brand:focus-visible{background:rgba(228,199,155,.18);color:#fff!important}
.cp-nav-links{flex:1;flex-wrap:nowrap;justify-content:space-between;gap:.3rem}
.cp-nav-links li{flex:0 0 auto}
.cp-nav-links a{display:block;padding:.65rem .42rem;font-size:clamp(.72rem,.8vw,.88rem);
  font-weight:700;line-height:1.2;white-space:nowrap}
.cp-translation{padding:.65rem 0;background:#eee7dc;border-bottom:1px solid #ded1bf;color:#4d5055}
.cp-section h2{padding-bottom:.85rem;border-bottom:3px solid var(--cp-gold);
  font-size:clamp(2rem,4vw,3.25rem);font-weight:500;line-height:1.15}
.cp-mobile-menu{display:none}
@media(max-width:1100px){
  .cp-nav{position:sticky;top:0}
  .cp-nav-inner{display:flex;min-height:62px;flex-wrap:nowrap;justify-content:space-between}
  .cp-nav-links{display:none}
  .cp-mobile-menu{display:block;flex:0 0 auto;margin-left:auto}
  .cp-mobile-menu>summary{display:inline-flex;align-items:center;min-height:44px;
    padding:.62rem .78rem;color:#fff;background:transparent;
    border:1px solid rgba(255,255,255,.45);border-radius:7px;
    font-weight:800;cursor:pointer;list-style:none}
  .cp-mobile-menu>summary::-webkit-details-marker{display:none}
  .cp-mobile-menu>summary:hover{color:#17130e;background:#fff}
  .cp-mobile-menu>summary:focus-visible{outline:3px solid var(--cp-focus);outline-offset:3px}
  .cp-mobile-menu:not([open])>.cp-mobile-links{display:none}
  .cp-mobile-menu[open]>.cp-mobile-links{position:absolute;top:calc(100% + 1px);
    left:0;right:0;display:flex;flex-direction:column;gap:.2rem;
    max-height:calc(100vh - 74px);overflow-y:auto;margin:0;padding:.65rem;
    list-style:none;background:rgba(13,15,18,.99);
    border:1px solid rgba(255,255,255,.1);border-radius:0 0 10px 10px;
    box-shadow:0 18px 35px rgba(0,0,0,.28)}
  .cp-mobile-links a{display:block;min-height:44px;padding:.9rem 1rem;
    color:#fff!important;font-size:.98rem;text-decoration:none;border-radius:6px}
  .cp-mobile-links a:hover,.cp-mobile-links a:focus-visible{background:rgba(255,255,255,.1)}
}
@media(max-width:940px){
  .cp-hero-layout{grid-template-columns:1fr;min-height:0}
}
@media(max-width:720px){
  .cp-hero{text-align:center}
  .cp-status{margin-inline:auto;text-align:left}
  .cp-actions{justify-content:center}
  .cp-portrait{justify-self:center}
}
@media(prefers-reduced-motion:reduce){.cp-button{transition:none}}