@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@300;400;500&display=swap');
:root{--bg:#09232b;--bg2:#071b22;--ink:#f2eee7;--soft:#d7d2c9;--gold:#c69a61;--line:rgba(255,255,255,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-weight:300;line-height:1.65}.nav{height:72px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;width:100%;background:linear-gradient(180deg,rgba(4,19,24,.72),transparent)}.nav a{color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.brand{font-weight:500}.nav nav{display:flex;gap:30px}.hero{min-height:720px;height:100vh;display:grid;grid-template-columns:50% 50%;background:radial-gradient(circle at 35% 30%,#173b45 0,#09232b 48%,#06191f 100%)}.heroText{padding:16vh 4vw 8vh 8vw;display:flex;justify-content:center;flex-direction:column;z-index:2}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.28em;font-size:10px;font-weight:500}.hero h1,.panel h2,.feature h2,.interview h2,.contact h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}.hero h1{font-size:clamp(68px,7.6vw,118px);line-height:.88;letter-spacing:-.035em;margin:18px 0 18px;white-space:nowrap}.position{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,2.4vw,37px);line-height:1.22;margin:0}.goldline{width:65px;border-top:2px solid var(--gold);margin:30px 0}.motto{font-family:'Cormorant Garamond',Georgia,serif;color:var(--soft);font-size:22px;line-height:1.35;margin:0}.heroImage{margin:0;overflow:hidden;position:relative}.heroImage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0,transparent 25%)}.heroImage img{width:100%;height:100%;object-fit:cover;object-position:52% 30%;filter:saturate(.82) contrast(1.04)}.split{display:grid;grid-template-columns:50% 50%;min-height:600px;border-top:1px solid rgba(255,255,255,.05)}.split figure{margin:0;overflow:hidden}.split figure img{width:100%;height:100%;min-height:600px;object-fit:cover;filter:saturate(.76) contrast(1.05)}.portraitLeft figure img{object-position:center 35%}.panel{padding:9vw 8vw 8vw 7vw;display:flex;justify-content:center;flex-direction:column;background:linear-gradient(120deg,#0b2a33,#071d24)}.panel h2,.feature h2,.interview h2{font-size:clamp(42px,4.6vw,70px);line-height:1.02;margin:15px 0 25px}.panel p,.featureText p,.interview p{max-width:660px;font-size:15px;color:var(--soft)}.feature{min-height:570px;display:grid;grid-template-columns:58% 42%;background:linear-gradient(110deg,#071c23 0,#0d3039 65%,#0b242b 100%);border-top:1px solid var(--line)}.featureText{padding:8vw;display:flex;justify-content:center;flex-direction:column}.abstract{position:relative;overflow:hidden;background:linear-gradient(135deg,#173841,#06161b)}.abstract:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(198,154,97,.28);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.abstract:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.12);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.abstract span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:'Cormorant Garamond',serif;font-size:90px;letter-spacing:.18em;color:rgba(255,255,255,.08)}.vita figure img{object-position:center 25%}.interview{display:grid;grid-template-columns:55% 45%;background:#071a20;border-top:1px solid var(--line)}.interview>div{padding:8vw}.button{display:inline-block;margin-top:18px;border:1px solid rgba(255,255,255,.6);padding:13px 22px;color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.quote{display:flex;align-items:center;background:linear-gradient(145deg,#12323a,#0a242b)}blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,3vw,46px);line-height:1.25;margin:0;color:var(--soft)}.contact{text-align:center;padding:120px 8vw;background:radial-gradient(circle at 50% 30%,#12333c,#061a20)}.contact h2{font-size:clamp(65px,8vw,115px);line-height:1;margin:20px 0}.contact p{color:var(--soft)}.contact a{display:inline-block;color:var(--ink);font-family:'Cormorant Garamond',serif;font-size:28px;margin-top:22px;text-underline-offset:7px}footer{padding:28px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--soft)}footer a{color:inherit;text-decoration:none}@media(max-width:820px){.nav{position:relative;height:64px;background:#071b22}.nav nav{display:none}.hero{height:auto;min-height:0;grid-template-columns:1fr}.heroText{padding:70px 8vw 55px}.hero h1{white-space:normal;font-size:64px}.heroImage{height:68vh;min-height:480px}.heroImage:after{background:linear-gradient(180deg,var(--bg) 0,transparent 18%)}.split,.feature,.interview{grid-template-columns:1fr}.split figure img{min-height:0;height:65vh}.panel,.featureText,.interview>div{padding:70px 8vw}.abstract{height:280px}.abstract span{font-size:60px}.contact{padding:90px 8vw}footer{flex-direction:column;text-align:center}}


/* Feinabstimmung 2026 */
@media (min-width:821px){
  .nav{height:76px}
  .nav a{font-size:10.5px}
  .nav nav{gap:34px}
  .heroText{padding-top:12vh}
  .hero h1{font-size:clamp(64px,7vw,108px)}
  .panel p,.featureText p,.interview p{font-size:16px;line-height:1.72}
  .contact h2{font-size:clamp(60px,7vw,100px)}
}
.teaching{border-top:1px solid var(--line)}
@media(max-width:820px){
  .panel p,.featureText p,.interview p{font-size:16px}
}

.teachingImage{margin:0;overflow:hidden;min-height:570px}.teachingImage img{width:100%;height:100%;min-height:570px;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.04)}.vita .panel{justify-content:flex-start;padding-top:7vw;padding-bottom:7vw}.vita .panel p{max-width:760px}.vita .panel strong{font-weight:500;color:var(--ink)}@media(max-width:820px){.teachingImage{min-height:0;height:52vh}.teachingImage img{min-height:0;height:100%}.vita .panel{padding-top:70px;padding-bottom:70px}}

.vita .button{margin-top:26px}.vitaPage{padding-top:72px}.vitaPage .vita{min-height:100vh}@media(max-width:820px){.vitaPage{padding-top:0}}

/* Layout-Feinschliff v4 */
.hero{position:relative;display:block;overflow:hidden;background:#09232b}
.heroImage{position:absolute;inset:0;margin:0;z-index:0}
.heroImage img{width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.heroImage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09232b 0%,#09232b 24%,rgba(9,35,43,.96) 34%,rgba(9,35,43,.58) 47%,rgba(9,35,43,.10) 61%,transparent 72%)}
.heroText{position:relative;z-index:2;width:52%;height:100%;padding:16vh 4vw 8vh 8vw;display:flex;justify-content:center;flex-direction:column}
.heroText .eyebrow,.heroText h1{margin-left:0}
.hero h1{margin-top:18px}

.vitaCompact{background:linear-gradient(120deg,#0b2a33,#071d24);border-top:1px solid rgba(255,255,255,.05)}
.vitaCompact .panel{display:block;max-width:1180px;margin:0 auto;padding:7vw 8vw;min-height:0}
.vitaCompact .vitaThumb{float:left;width:32%;max-width:330px;margin:5px 42px 22px 0}
.vitaCompact .vitaThumb figure{margin:0;overflow:hidden}
.vitaCompact .vitaThumb img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%}
.vitaCompact .panel:after{content:"";display:block;clear:both}
.vitaCompact .panel h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(42px,4.6vw,70px);line-height:1.02;margin:15px 0 25px}
.vitaCompact .panel p{max-width:none;font-size:15px;color:var(--soft)}

.teachingHero{position:relative;min-height:650px;overflow:hidden;border-top:1px solid var(--line);background:#071c23}
.teachingBackdrop{position:absolute;inset:0;margin:0}
.teachingBackdrop img{width:100%;height:100%;object-fit:cover;object-position:62% center}
.teachingHero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071c23 0%,#071c23 26%,rgba(7,28,35,.97) 38%,rgba(7,28,35,.80) 49%,rgba(7,28,35,.30) 63%,rgba(7,28,35,.02) 78%)}
.teachingHero .featureText{position:relative;z-index:2;width:58%;min-height:650px;padding:8vw;display:flex;justify-content:center;flex-direction:column;background:transparent}
.teachingHero .featureText p{max-width:650px}

.legalPage{max-width:900px;margin:0 auto;padding:140px 8vw 100px;min-height:80vh}
.legalPage h1,.legalPage h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}
.legalPage h1{font-size:clamp(50px,7vw,82px);margin:0 0 35px}.legalPage h2{font-size:30px;margin-top:40px}.legalPage a{color:var(--ink)}
.vitaPage .vitaLong{max-width:950px;margin:0 auto;padding:140px 8vw 100px}.vitaPage .vitaLong h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(52px,7vw,82px);font-weight:400}.vitaPage .vitaLong p{color:var(--soft);font-size:16px}

@media(max-width:820px){
 .hero{min-height:0}.heroText{width:100%;height:auto;padding:70px 8vw 55px;background:#09232b}.heroImage{position:relative;height:68vh}.heroImage:after{background:linear-gradient(180deg,#09232b 0%,transparent 18%)}
 .vitaCompact .panel{padding:70px 8vw}.vitaCompact .vitaThumb{float:none;width:48%;margin:0 0 28px}.vitaCompact .panel p{font-size:16px}
 .teachingHero{min-height:760px}.teachingBackdrop img{object-position:68% center}.teachingHero:after{background:linear-gradient(180deg,#071c23 0%,rgba(7,28,35,.96) 45%,rgba(7,28,35,.35) 72%,transparent 100%)}.teachingHero .featureText{width:100%;min-height:760px;padding:70px 8vw;justify-content:flex-start}
}


/* Startseite v5: ursprüngliche Bildgröße, ruhiger nahtloser Hintergrund */
.hero{
  position:relative;
  display:grid;
  grid-template-columns:50% 50%;
  min-height:720px;
  height:100vh;
  overflow:hidden;
  background:#23373e;
}
.heroText{
  position:relative;
  z-index:2;
  width:auto;
  height:auto;
  padding:16vh 4vw 8vh 8vw;
  display:flex;
  justify-content:center;
  flex-direction:column;
  background:#23373e;
}
.heroText .eyebrow,
.heroText h1{
  margin-left:0;
}
.heroImage{
  position:relative;
  inset:auto;
  margin:0;
  overflow:hidden;
  z-index:1;
  background:#23373e;
}
.heroImage img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:52% 30%;
  filter:saturate(.82) contrast(1.04);
}
.heroImage:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    #23373e 0%,
    rgba(35,55,62,.72) 5%,
    rgba(35,55,62,.18) 12%,
    transparent 20%
  );
}

/* Kurzvita ohne zusätzliche große Zwischenüberschrift */
.vitaCompact .kicker{margin-bottom:24px}

@media(max-width:820px){
  .hero{
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
    background:#23373e;
  }
  .heroText{
    width:100%;
    height:auto;
    padding:70px 8vw 55px;
    background:#23373e;
  }
  .heroImage{
    position:relative;
    height:68vh;
    min-height:480px;
  }
  .heroImage:after{
    background:linear-gradient(180deg,#23373e 0%,rgba(35,55,62,.3) 10%,transparent 20%);
  }
}


/* Startseite v6 – frühere Anordnung, dunkler Fotohintergrund links */
.hero{
  background:#0b2730;
}
.heroText{
  background:
    radial-gradient(circle at 82% 45%, rgba(28,58,67,.42) 0%, rgba(15,42,50,.24) 38%, rgba(8,31,39,0) 67%),
    linear-gradient(90deg,#071f27 0%,#0b2932 55%,#12343d 100%);
}
.heroImage{
  background:#12343d;
}
.heroImage:after{
  background:linear-gradient(
    90deg,
    #12343d 0%,
    rgba(18,52,61,.78) 4%,
    rgba(18,52,61,.28) 10%,
    rgba(18,52,61,0) 18%
  );
}
@media(max-width:820px){
  .hero,.heroText{background:#0b2730}
  .heroImage:after{
    background:linear-gradient(180deg,#0b2730 0%,rgba(11,39,48,.32) 10%,transparent 20%);
  }
}


/* Startseite v7 – Hintergrund exakt aus dem linken Rand des Originalfotos abgeleitet.
   Das Foto bleibt in Größe und Ausschnitt unverändert. */
@media (min-width:821px){
  .hero{
    background:#19282e;
  }

  .heroText{
    position:relative;
    overflow:visible;
    background:linear-gradient(
      180deg,
      #152329 0%,
      #19272b 20%,
      #1c292f 40%,
      #1c292d 62%,
      #16242b 100%
    );
  }

  /* weiche Überblendung über die eigentliche 50/50-Kante */
  .heroText::after{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    right:-110px;
    width:112px;
    pointer-events:none;
    background:linear-gradient(
      180deg,
      #152329 0%,
      #19272b 20%,
      #1c292f 40%,
      #1c292d 62%,
      #16242b 100%
    );
    -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 22%,rgba(0,0,0,.38) 58%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 22%,rgba(0,0,0,.38) 58%,transparent 100%);
  }

  /* keine zusätzliche Farbschicht mehr direkt auf dem Foto */
  .heroImage:after{
    background:none;
  }
}


/* v8: Lehrtätigkeit vor Vita; Vita mit neuem Porträt und fließendem Übergang */
@media (min-width:821px){
  .vita{
    position:relative;
    display:block;
    min-height:760px;
    overflow:hidden;
    background:#132d35;
  }
  .vita .vitaPhoto{
    position:absolute;
    inset:0;
    margin:0;
    z-index:0;
    overflow:hidden;
    background:#132d35;
  }
  .vita .vitaPhoto img{
    width:56%;
    height:100%;
    object-fit:cover;
    object-position:center 34%;
    filter:saturate(.82) contrast(1.03);
  }
  .vita .vitaPhoto::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg,
        transparent 0%,
        transparent 31%,
        rgba(19,45,53,.12) 39%,
        rgba(19,45,53,.62) 48%,
        #132d35 57%,
        #132d35 100%);
  }
  .vita .panel{
    position:relative;
    z-index:2;
    width:52%;
    margin-left:48%;
    min-height:760px;
    padding:7vw 8vw 7vw 6vw;
    background:transparent !important;
  }
}
@media(max-width:820px){
  .vita{display:block;background:#132d35}
  .vita .vitaPhoto{height:58vh;margin:0;position:relative}
  .vita .vitaPhoto img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
  .vita .vitaPhoto::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,transparent 65%,#132d35 100%);
  }
  .vita .panel{width:100%;margin:0;background:#132d35 !important}
}

/* v9 – zweizeilige Bezeichnung Lehrtätigkeit / Gesangspädagogik */
.teaching-kicker span{display:block;line-height:1.65}

/* Kurzvita: Porträt und Text als eine fließende Fläche, ohne harte Trennkante */
@media (min-width:821px){
  .vitaCompact{position:relative;overflow:hidden;min-height:760px;background:#132d35}
  .vitaCompact .panel{position:relative;z-index:1;max-width:none;margin:0;min-height:760px;padding:7vw 8vw 7vw 54%;background:transparent}
  .vitaCompact .vitaThumb{float:none;position:absolute;inset:0;z-index:-1;width:100%;max-width:none;margin:0}
  .vitaCompact .vitaThumb figure{position:absolute;inset:0;margin:0;overflow:hidden}
  .vitaCompact .vitaThumb img{width:56%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 34%;filter:saturate(.82) contrast(1.03)}
  .vitaCompact .vitaThumb figure::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,transparent 31%,rgba(19,45,53,.12) 39%,rgba(19,45,53,.68) 48%,#132d35 57%,#132d35 100%)}
}
@media(max-width:820px){
  .teaching-kicker span{display:block}
  .vitaCompact .vitaThumb{float:none;width:100%;max-width:none;margin:0 0 28px}
  .vitaCompact .vitaThumb img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
}
.vitaLong{max-width:900px}.vitaLong p{color:var(--soft);font-size:16px}.vitaLong strong{color:var(--ink);font-weight:500}

/* v10 – Startporträt kleiner, mit mehr Luft um den Kopf */
@media (min-width:821px){
  .heroImage{
    background:#1c292f;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  .heroImage img{
    width:88%;
    height:88%;
    object-fit:contain;
    object-position:center center;
    transform:none;
  }
  .heroImage:after{
    background:linear-gradient(90deg,
      #1c292f 0%,
      rgba(28,41,47,.82) 5%,
      rgba(28,41,47,.30) 12%,
      transparent 20%);
  }
}


/* v11 – Smartphone: Lehrtext vollständig lesbar, Desktop unverändert */
@media (max-width:820px){
  .teachingHero{
    display:flex;
    flex-direction:column;
    min-height:0;
    background:#071c23;
    overflow:hidden;
  }

  .teachingHero .featureText{
    order:1;
    position:relative;
    z-index:3;
    width:100%;
    min-height:0;
    padding:64px 8vw 58px;
    background:#071c23;
  }

  .teachingHero .featureText p{
    max-width:none;
  }

  .teachingBackdrop{
    order:2;
    position:relative;
    inset:auto;
    width:100%;
    height:58vh;
    min-height:430px;
    margin:0;
    z-index:1;
  }

  .teachingBackdrop img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:68% center;
  }

  .teachingHero:after{
    content:none;
  }
}


/* v12 – Künstleragentur im Kontaktbereich */
.contact .contactMail{
  display:inline-block;
  margin-top:22px;
}
.agency{
  width:min(520px,88vw);
  margin:64px auto 0;
  padding-top:38px;
  border-top:1px solid rgba(238,234,222,.22);
}
.agencyLabel{
  margin:0 0 22px !important;
  font-size:.72rem !important;
  letter-spacing:.28em;
  text-transform:uppercase;
  opacity:.62;
}
.agencyWordmark{
  display:inline-flex;
  align-items:baseline;
  gap:.42em;
  text-decoration:none;
  color:inherit;
  margin-bottom:22px;
}
.agencyWordmark span{
  font-family:Arial,Helvetica,sans-serif;
  font-size:1.45rem;
  font-weight:600;
  letter-spacing:.16em;
}
.agencyWordmark small{
  font-family:Arial,Helvetica,sans-serif;
  font-size:.8rem;
  letter-spacing:.08em;
  opacity:.72;
}
.agency address{
  font-style:normal;
  line-height:1.8;
  opacity:.76;
}
.agencyLink{
  display:inline-block;
  margin-top:18px;
  font-size:.9rem;
  letter-spacing:.06em;
}
@media(max-width:820px){
  .agency{margin-top:48px;padding-top:32px}
  .agencyWordmark span{font-size:1.18rem}
}


/* v13 – Künstleragentur bewusst ohne Logo */
.agencyName{
  margin:0 0 18px !important;
  font-family:inherit;
  font-size:1.2rem !important;
  letter-spacing:.04em;
}
.agencyWordmark{display:none !important;}


/* v14 – Kontakt klar und gleichwertig gegliedert */
.contactV14{
  padding-left:6vw;
  padding-right:6vw;
}
.contactV14 > .kicker{
  text-align:center;
  margin-bottom:58px;
}
.contactGrid{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:start;
}
.contactBlock{
  min-width:0;
  padding:12px 7%;
  text-align:center;
}
.contactBlock + .contactBlock{
  border-left:1px solid rgba(238,234,222,.20);
}
.contactV14 .contactBlock h2{
  margin:0 0 24px;
  font-size:clamp(2.8rem,4.5vw,5rem);
  line-height:1.04;
  font-weight:400;
}
.contactMeta,
.contactV14 .agencyCompany,
.contactV14 address{
  margin:0;
  font-size:1rem;
  line-height:1.75;
  opacity:.72;
}
.contactV14 .agencyCompany{
  margin-bottom:8px;
}
.contactV14 address{
  font-style:normal;
}
.contactPrimaryLink{
  display:inline-block;
  margin-top:30px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.28rem;
  line-height:1.3;
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(238,234,222,.65);
  padding-bottom:3px;
}
.contactPrimaryLink:hover{
  opacity:.72;
}

/* alte Agentur-Darstellung aus v12/v13 ausblenden, falls gecacht */
.contactV14 .agency,
.contactV14 .agencyLabel,
.contactV14 .agencyName,
.contactV14 .agencyWordmark,
.contactV14 .agencyLink{
  display:none !important;
}

@media(max-width:820px){
  .contactV14{
    padding-left:8vw;
    padding-right:8vw;
  }
  .contactV14 > .kicker{
    margin-bottom:36px;
  }
  .contactGrid{
    grid-template-columns:1fr;
  }
  .contactBlock{
    padding:8px 0 44px;
  }
  .contactBlock + .contactBlock{
    border-left:0;
    border-top:1px solid rgba(238,234,222,.20);
    padding-top:44px;
  }
  .contactV14 .contactBlock h2{
    font-size:clamp(2.45rem,11vw,4rem);
    margin-bottom:20px;
  }
  .contactPrimaryLink{
    margin-top:24px;
    font-size:1.15rem;
  }
}


/* v15 – Bilddarstellung zurück auf rouwenhuther-homepage-komplett */

/* Startseite: wieder flächiges Originalporträt ohne verkleinerte Innenfläche */
@media (min-width:821px){
  .hero{
    position:relative;
    display:grid;
    grid-template-columns:50% 50%;
    min-height:720px;
    height:100vh;
    overflow:hidden;
  }
  .heroImage{
    margin:0;
    position:relative;
    display:block;
    width:auto;
    height:auto;
    background:transparent;
    overflow:hidden;
  }
  .heroImage img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:52% 30%;
    transform:none;
    filter:saturate(.82) contrast(1.04);
  }
  .heroImage:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:none;
  }
}

/* Vita: wieder die fließende Bild/Text-Darstellung der Komplett-Version */
@media (min-width:821px){
  .vitaCompact{
    position:relative;
    overflow:hidden;
    min-height:760px;
    background:#132d35;
  }
  .vitaCompact .panel{
    position:relative;
    z-index:1;
    max-width:none;
    margin:0;
    min-height:760px;
    padding:7vw 8vw 7vw 54%;
    background:transparent;
  }
  .vitaCompact .vitaThumb{
    float:none;
    position:absolute;
    inset:0;
    z-index:-1;
    width:100%;
    max-width:none;
    margin:0;
  }
  .vitaCompact .vitaThumb figure{
    position:absolute;
    inset:0;
    margin:0;
    overflow:hidden;
  }
  .vitaCompact .vitaThumb img{
    display:block;
    width:56%;
    height:100%;
    max-width:none;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center 34%;
    filter:saturate(.82) contrast(1.03);
  }
  .vitaCompact .vitaThumb figure::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
      90deg,
      transparent 0%,
      transparent 31%,
      rgba(19,45,53,.12) 39%,
      rgba(19,45,53,.68) 48%,
      #132d35 57%,
      #132d35 100%
    );
  }
}
@media(max-width:820px){
  .vitaCompact .vitaThumb{
    float:none;
    position:relative;
    inset:auto;
    z-index:auto;
    width:100%;
    max-width:none;
    margin:0 0 28px;
  }
  .vitaCompact .vitaThumb figure{
    position:relative;
    inset:auto;
  }
  .vitaCompact .vitaThumb img{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }
  .vitaCompact .vitaThumb figure::after{
    content:none;
  }
}

/* v16 */
.wmaTextLink{margin-top:1.15em}.wmaTextLink a{color:inherit;font:inherit;letter-spacing:inherit;text-decoration:none;opacity:inherit}.wmaTextLink a:hover{text-decoration:underline;text-underline-offset:.2em}
.contactV14 .contactBlock h2{font-size:clamp(2.25rem,3.35vw,3.8rem)}
.contactV14 .contactMeta,.contactV14 .agencyCompany,.contactV14 address{font-size:.94rem}
.contactV14 .agencyCompany{line-height:1.7}.contactV14 .contactPrimaryLink{font-size:1.05rem}.contactV14 .contactAgency address{margin-top:10px}
.interviewV16{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:620px}
.interviewV16>div{padding:8vw;display:flex;flex-direction:column;justify-content:center;min-width:0}
.interviewV16 .interviewMain{background:#061b22}.interviewV16 .trialLesson{background:#10333c}
.interviewV16 h2{margin:.3em 0 .55em}.interviewV16 p:not(.kicker){max-width:620px}.interviewV16 .button{align-self:flex-start;margin-top:24px}
@media(max-width:820px){.contactV14 .contactBlock h2{font-size:clamp(2.05rem,9vw,3rem)}.contactV14 .contactPrimaryLink{font-size:1rem}.interviewV16{grid-template-columns:1fr;min-height:0}.interviewV16>div{padding:64px 8vw;min-height:0}.interviewV16 .trialLesson{border-top:1px solid rgba(238,234,222,.16)}}


/* v18 – Feinschliff */

/* WMA-Link wie die übrigen Aktionsbuttons */
.wmaTextLink{
  margin-top:30px !important;
}
.wmaTextLink a{
  display:inline-block !important;
  padding:15px 22px !important;
  border:1px solid rgba(238,234,222,.58) !important;
  color:inherit !important;
  font-family:inherit !important;
  font-size:.72rem !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  opacity:.9 !important;
}
.wmaTextLink a:hover{
  opacity:.68 !important;
  text-decoration:none !important;
}

/* Dezente Trennung zwischen Interview und Studieninteressierten */
@media (min-width:821px){
  .interviewV16 .trialLesson{
    position:relative;
  }
  .interviewV16 .trialLesson::before{
    content:"";
    position:absolute;
    left:0;
    top:15%;
    bottom:15%;
    width:1px;
    background:rgba(238,234,222,.22);
  }
}

/* KONTAKT-Kicker exakt auf die kleinen Abschnittsüberschriften abstimmen */
.contactV14 > .kicker{
  font-size:.72rem !important;
  line-height:1.2 !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}


/* v22 – WMA-Link exakt wie die übrigen Aktionsbuttons */
.wmaTextLink{margin-top:0 !important;}
.wmaTextLink a.button{
  display:inline-block !important;
  margin-top:18px !important;
  border:1px solid rgba(255,255,255,.6) !important;
  padding:13px 22px !important;
  color:var(--ink) !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  letter-spacing:.18em !important;
  font-family:inherit !important;
  font-size:9px !important;
  line-height:1.65 !important;
  opacity:1 !important;
}

/* v23 – Telefonnummer Künstleragentur wie E-Mail-/Agenturlinks */
.contactV14 .contactAgency address{
  font-family:inherit !important;
  font-size:1.05rem !important;
  line-height:1.7 !important;
  font-weight:inherit !important;
  letter-spacing:normal !important;
  text-transform:none !important;
}

/* v24 – Telefonnummer exakt in der Typografie der Kontaktlinks */
.contactV14 .contactAgency .agencyPhone{
  display:inline-block;
  margin-top:4px;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:1.05rem !important;
  line-height:1.3 !important;
  font-weight:400 !important;
  letter-spacing:normal !important;
  opacity:1 !important;
}
@media(max-width:820px){
  .contactV14 .contactAgency .agencyPhone{
    font-size:1rem !important;
  }
}

/* v25 – Telefonnummer nutzt exakt dieselbe Klasse wie E-Mail und Agentur-Link */
.contactV14 .contactAgency .agencyPhoneLink{
  margin-top:18px !important;
}

/* v26 – Telefonnummer und Agentur-Link wieder untereinander */
.contactV14 .contactAgency .agencyPhoneLink{
  display:block !important;
  width:max-content;
  margin:18px auto 0 !important;
}
.contactV14 .contactAgency .agencyPhoneLink + .contactPrimaryLink{
  display:block !important;
  width:max-content;
  margin:18px auto 0 !important;
}

/* v27 – Porträts etwas kleiner und vollständiger sichtbar */
@media (min-width:821px){
.heroImage{background:#10262d!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important}
.heroImage img{width:94%!important;height:94%!important;object-fit:cover!important;object-position:52% 42%!important}
.vitaCompact .vitaThumb img{width:53%!important;height:94%!important;position:relative!important;top:3%!important;object-fit:cover!important;object-position:center 45%!important}
}

/* v28 – Porträts randlos und weich in den Hintergrund eingeblendet */
@media (min-width:821px){
  .heroImage{
    width:auto !important;
    height:auto !important;
    background:#10262d !important;
    overflow:hidden !important;
  }
  .heroImage img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:52% 36% !important;
  }
  .heroImage::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
      linear-gradient(90deg,#10262d 0%,rgba(16,38,45,.72) 3%,rgba(16,38,45,0) 13%),
      linear-gradient(0deg,#10262d 0%,rgba(16,38,45,0) 8%) !important;
  }

  .vitaCompact .vitaThumb figure{
    background:#132d35 !important;
  }
  .vitaCompact .vitaThumb img{
    width:56% !important;
    height:100% !important;
    top:0 !important;
    position:relative !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
  .vitaCompact .vitaThumb figure::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
      linear-gradient(90deg,rgba(19,45,53,.9) 0%,rgba(19,45,53,0) 5%,rgba(19,45,53,0) 31%,rgba(19,45,53,.18) 39%,rgba(19,45,53,.72) 48%,#132d35 57%,#132d35 100%),
      linear-gradient(0deg,#132d35 0%,rgba(19,45,53,0) 7%,rgba(19,45,53,0) 93%,#132d35 100%) !important;
  }
}
@media(max-width:820px){
  .heroImage,.vitaCompact .vitaThumb figure{background:#10262d !important;}
  .heroImage img,.vitaCompact .vitaThumb img{display:block !important;width:100% !important;height:auto !important;object-fit:contain !important;}
  .heroImage::after,.vitaCompact .vitaThumb figure::after{content:none !important;}
}

/* v29 – Vita wie Lehrtätigkeit: Bild und Text fließend ineinander */
@media (min-width:821px){
  .vitaCompact{
    position:relative !important;
    overflow:hidden !important;
    min-height:760px !important;
    background:#132d35 !important;
  }
  .vitaCompact .panel{
    position:relative !important;
    z-index:2 !important;
    max-width:none !important;
    min-height:760px !important;
    padding:7vw 8vw 7vw 54% !important;
    background:transparent !important;
  }
  .vitaCompact .vitaThumb{
    position:absolute !important;
    inset:0 !important;
    z-index:-1 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
  .vitaCompact .vitaThumb figure{
    position:absolute !important;
    inset:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#132d35 !important;
  }
  .vitaCompact .vitaThumb img{
    display:block !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    top:0 !important;
    width:61% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:47% center !important;
  }
  .vitaCompact .vitaThumb figure::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
      linear-gradient(90deg,
        rgba(19,45,53,0) 0%,
        rgba(19,45,53,0) 32%,
        rgba(19,45,53,.12) 39%,
        rgba(19,45,53,.62) 48%,
        #132d35 59%,
        #132d35 100%) !important;
  }
}
@media(max-width:820px){
  .vitaCompact .vitaThumb{
    position:relative !important;
    inset:auto !important;
    z-index:auto !important;
    width:100% !important;
    margin:0 0 28px !important;
  }
  .vitaCompact .vitaThumb figure{
    position:relative !important;
    inset:auto !important;
    overflow:hidden !important;
  }
  .vitaCompact .vitaThumb img{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .vitaCompact .vitaThumb figure::after{content:none !important;}
}

/* v30 – Telefonnummer wie zuvor: gleiche Typografie, eigene Zeile über Artista */
.contactV14 .contactAgency .agencyPhoneLink{
  display:block !important;
  width:max-content !important;
  margin:18px auto 0 !important;
}
.contactV14 .contactAgency .agencyPhoneLink + .contactPrimaryLink{
  display:block !important;
  width:max-content !important;
  margin:18px auto 0 !important;
}

/* v30 – Vita: neues Hochformat-Porträt, weicher fließender Übergang zum Text */
@media (min-width:821px){
  .vitaCompact .vitaThumb figure{
    background:#132d35 !important;
  }
  .vitaCompact .vitaThumb img{
    display:block !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:58% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:50% 43% !important;
  }
  .vitaCompact .vitaThumb figure::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
      linear-gradient(90deg,
        rgba(19,45,53,0) 0%,
        rgba(19,45,53,0) 30%,
        rgba(19,45,53,.08) 36%,
        rgba(19,45,53,.28) 42%,
        rgba(19,45,53,.70) 49%,
        #132d35 58%,
        #132d35 100%) !important;
  }
}