/* sedc Spektakel-Schicht für Unterseiten (18.10.2026) */

/* ---------- Fotoköpfe ---------- */
.seitenkopf.hat-kopfbild{position:relative;overflow:hidden;isolation:isolate;min-height:min(74vh,700px);display:flex;align-items:flex-end}
.seitenkopf.hat-kopfbild::before{content:"";position:absolute;inset:0;background:var(--kopfbild) center/cover;opacity:.42;z-index:-2;animation:sp-kopfzoom 20s ease-out both;filter:grayscale(1)}
.seitenkopf.hat-kopfbild::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0E0E10 0%,rgba(14,14,16,.8) 42%,rgba(14,14,16,.3) 100%),linear-gradient(0deg,#0E0E10 0%,transparent 45%)}
.seitenkopf.hat-kopfbild .stroemung{opacity:.55}
.seitenkopf.hat-kopfbild h1{font-size:clamp(3rem,7.4vw,6.6rem);letter-spacing:-.05em;line-height:.98}
@keyframes sp-kopfzoom{from{transform:scale(1.14)}to{transform:scale(1)}}

/* ---------- Über uns ---------- */
.seite-ueber-uns .sedc-team-gruppe{margin-top:0}
body.seite-ueber-uns .inhalt .sedc-about-row{position:relative;display:grid;width:100%;max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(2rem,5vw,5rem);padding:clamp(3.2rem,6vw,5.2rem) clamp(1.4rem,4vw,3.6rem)!important;margin:0!important;border:0}
.seite-ueber-uns .sedc-about-row:nth-of-type(odd){background:#0E0E10;color:#A7A7AB}
.seite-ueber-uns .sedc-about-row:nth-of-type(odd) h2{color:#fff}
.seite-ueber-uns .sedc-about-row:nth-of-type(odd) p:first-child{color:#fff}
body.seite-ueber-uns .inhalt .sedc-about-row h2.wp-block-heading{font-size:clamp(2.2rem,3.6vw,3.5rem)!important;font-weight:200!important;overflow-wrap:normal!important;word-break:normal;hyphens:manual}
.seite-ueber-uns .sedc-about-row h2{position:sticky;top:110px;align-self:start;font-size:clamp(2.6rem,5.4vw,5rem);font-weight:200;letter-spacing:-.05em;line-height:1;margin:0}
.seite-ueber-uns .sedc-about-row h2::before{content:attr(data-nr);display:block;font-size:clamp(4rem,9vw,8rem);font-weight:100;line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(224,49,79,.7);margin-bottom:.4rem}
.seite-ueber-uns .sedc-about-copy p:first-child{font-size:clamp(1.3rem,2.2vw,1.85rem);font-weight:300;line-height:1.35;letter-spacing:-.015em;color:var(--tinte,#1C1C1E)}
body.seite-ueber-uns .inhalt .sedc-about-copy{min-width:0}body.seite-ueber-uns .inhalt .sedc-about-copy>:first-child{margin-top:0}
body.seite-ueber-uns .inhalt .sedc-about-copy p{font-size:1.06rem;line-height:1.72;max-width:44rem}
body.seite-ueber-uns .inhalt .sedc-about-copy p:first-child{font-size:clamp(1.3rem,2.1vw,1.75rem);line-height:1.38}
.seite-ueber-uns .sedc-about-row:nth-of-type(odd) .sedc-about-copy p{color:#C8C8CC}
.seite-ueber-uns .sedc-about-row:nth-of-type(odd) .sedc-about-copy p:first-child{color:#fff}
.seite-ueber-uns .sedc-about-row:nth-of-type(odd) h2::before{-webkit-text-stroke-color:#E0314F}
.seite-ueber-uns .sedc-about-row{isolation:isolate}.seite-ueber-uns .sedc-about-row.ist-geschichte{overflow:hidden}
.seite-ueber-uns .sedc-about-row.ist-geschichte::after{content:"2003";position:absolute;right:-2vw;bottom:-5vw;font-size:clamp(10rem,26vw,24rem);font-weight:100;letter-spacing:-.06em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(224,49,79,.16);pointer-events:none;z-index:-1}
.seite-ueber-uns .team .person{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.seite-ueber-uns .team .person img{filter:grayscale(1);transition:filter .6s}
.seite-ueber-uns .team .person:hover img{filter:none}
.seite-ueber-uns .team .person:hover{transform:translateY(-6px)}

/* ---------- Vorlagen Generalplaner / Karriere ---------- */
.pv-reihen li{position:relative;transition:background .4s}
.pv-reihen li::before{font-size:clamp(2.2rem,3.6vw,3.2rem)!important;font-weight:100!important;letter-spacing:-.04em!important;padding-top:0!important;line-height:1}
.pv-reihen li:hover{background:linear-gradient(90deg,rgba(158,9,39,.05),transparent 70%)}
.pv-reihen b{font-size:clamp(1.3rem,2vw,1.6rem)!important;font-weight:300!important}
.pv-gross{font-size:clamp(2rem,4vw,3.6rem)!important;border-left:0!important;padding-left:0!important;position:relative;max-width:24ch!important}
.pv-gross{padding-top:.9em!important;isolation:isolate}.pv-gross::before{content:"«";position:absolute;left:-.06em;top:-.2em;font-size:3.2em;line-height:1;color:rgba(158,9,39,.14);z-index:-1}
.pv-drei>div{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.pv-drei>div:hover{transform:translateY(-6px);box-shadow:0 22px 50px -24px rgba(14,14,16,.35);z-index:1}
.pv-drei .nr{font-size:clamp(3.4rem,5vw,4.6rem)!important;font-weight:100!important;letter-spacing:-.05em!important;color:transparent!important;-webkit-text-stroke:1px #9E0927;line-height:.9}
.pv-ablauf div{border-top:0!important;padding-top:3rem!important}
.pv-ablauf::before{content:"";position:absolute;top:0;left:0;height:2px;width:100%;background:rgba(28,28,30,.15)}
.pv-ablauf::after{content:"";position:absolute;top:0;left:0;height:2px;width:var(--sp-lauf,0%);background:#9E0927;transition:width 1.8s cubic-bezier(.2,.7,.2,1)}
.pv-ablauf.an{--sp-lauf:100%}
.pv-ablauf div::before{top:-7px!important;transform:scale(0);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.pv-ablauf.an div::before{transform:scale(1)}
.pv-ablauf.an div:nth-child(2)::before{transition-delay:.45s}.pv-ablauf.an div:nth-child(3)::before{transition-delay:.9s}.pv-ablauf.an div:nth-child(4)::before{transition-delay:1.35s}
.pv-ablauf b{font-size:1.3rem!important;font-weight:300!important}
.pv-faq summary{font-size:clamp(1.15rem,1.7vw,1.4rem)!important;font-weight:300;padding:.4rem 0;transition:color .3s}
.pv-faq summary:hover{color:#9E0927}
.pv-faq details[open]{background:linear-gradient(90deg,rgba(158,9,39,.04),transparent)}
.pv-tags li,.pv-tags a{transition:background .3s,color .3s,border-color .3s}
.pv-tags li:hover{background:#0E0E10;color:#fff;border-color:#0E0E10}
.seite-karriere .team .person img,.seite-karriere .pv-team img{filter:grayscale(1);transition:filter .6s}
.seite-karriere .team .person:hover img,.seite-karriere .pv-team img:hover{filter:none}

/* ---------- News & Fachwissen ---------- */
.news.breit{gap:clamp(1rem,2vw,1.6rem)}
@media (min-width:981px){
  .news.breit>.news-karte:first-child{grid-column:span 2;grid-row:span 2}
  .news.breit>.news-karte:first-child h2,.news.breit>.news-karte:first-child h3{font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:300;letter-spacing:-.03em;line-height:1.1}
}
.news-karte{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.news-karte img{filter:grayscale(1);transition:filter .6s,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.news-karte:hover img{filter:none;transform:scale(1.04)}
.news-karte:hover{transform:translateY(-4px)}
/* Fachwissen-Kopf bleibt im ursprünglichen Stil (Lea 18.10.2026) */

/* ---------- Kontakt ---------- */
.seite-kontakt .kontakt-liste a{font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:200;letter-spacing:-.02em;transition:color .3s}
.seite-kontakt .kontakt-liste a:hover{color:#9E0927}
.seite-kontakt .f-raster input:focus,.seite-kontakt .f-raster textarea:focus{box-shadow:0 2px 0 #9E0927}

/* ---------- Header: seit «Karriere» im Menü bricht die Navigation auf mittleren Breiten (FR/IT) um ---------- */
@media (min-width:1021px) and (max-width:1280px){
  .nav ul{flex-wrap:nowrap;gap:.3rem clamp(.9rem,1.5vw,1.6rem)}
  .nav a{font-size:.95rem;white-space:nowrap}
  .sprachwahl{padding-left:clamp(.8rem,1.4vw,1.4rem)!important;margin-left:clamp(.6rem,1vw,1rem)!important}
}
/* Über uns: Teamfoto im Kopf auf Gesichtshöhe */
.seite-ueber-uns .seitenkopf.hat-kopfbild::before{background-position:center 28%}
/* Über uns: lange Einleitungsabsätze nicht als Grosstext */
body.seite-ueber-uns .inhalt .sedc-about-copy p.sp-lang:first-child{font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.55;font-weight:400}

/* ---------- allgemein: Hervorhebungen beim Scrollen ---------- */
.sp-wort{opacity:.3;transition:opacity .5s}
.sp-wort.an{opacity:1}

@media (max-width:980px){
  body.seite-ueber-uns .inhalt .sedc-about-row{grid-template-columns:1fr;padding:2.6rem 1.2rem!important}
  .seite-ueber-uns .sedc-about-row h2{position:static}
  .seitenkopf.hat-kopfbild{min-height:62vh}
}
@media (prefers-reduced-motion:reduce){
  .seitenkopf.hat-kopfbild::before{animation:none}
  .pv-ablauf::after{transition:none}.pv-ablauf div::before{transform:none;transition:none}
  .sp-wort{opacity:1}
}