/* Gruender-Seite /yildirim-yildiz, FAQ-Seite /faq und Gruender-Block auf /ueber-uns (06.11.2026).
   Farben, Schriften und Rundungen kommen aus dem Webflow-Design (--heading, --accent-font, --border, --border-radius), Rot aus rf-design.css. */
.rf-gr-kopf{padding-top:11em}
.rf-gr-held{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:5vw;align-items:center;position:relative;isolation:isolate}
.rf-gr-held::before{content:"";position:absolute;left:-6%;top:50%;width:60%;height:85%;transform:translateY(-50%);z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(227,30,36,.30),rgba(227,30,36,.08) 60%,transparent);filter:blur(12px)}
.rf-gr-portrait{margin:0;position:relative;border-radius:var(--border-radius);overflow:hidden;aspect-ratio:3/4}
.rf-gr-portrait img,.rf-gr-bild img{width:100%;height:100%;object-fit:cover;display:block}
.rf-gr-portrait::after,.rf-gr-bild::after,.rf-gr-galerie figure::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.rf-gr-name{font-size:clamp(3rem,7vw,7.4rem);line-height:.92;margin:.18em 0 .32em;color:var(--heading)}
.rf-gr-lead{font-size:1.22em;line-height:1.45;max-width:30em;color:var(--heading);opacity:.85;margin:0}
.rf-gr-fakten{list-style:none;padding:0;margin:2.2em 0;display:flex;flex-wrap:wrap;gap:1.4em 3em}
.rf-gr-fakten li{display:flex;flex-direction:column}
.rf-gr-fakten b{font-size:2.3em;line-height:1;color:var(--heading);font-weight:inherit}
.rf-gr-fakten span{font-size:.92em;opacity:.7;margin-top:.4em}
.rf-gr-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:1.4em 2.2em}
.rf-gr-link,.rf-gr-portfolio a,.rf-faq-a a{color:var(--heading);text-decoration:none;box-shadow:inset 0 -1px 0 0 var(--rf-rot);transition:box-shadow .5s cubic-bezier(.19,1,.22,1),color .3s}
.rf-gr-link:hover,.rf-gr-portfolio a:hover,.rf-faq-a a:hover{box-shadow:inset 0 -1.4em 0 0 var(--rf-rot);color:#fff}

.rf-gr-abschnitt{padding-top:7em}
.rf-gr-abschnitt .block-grid{gap:.2em}
/* lange deutsche Woerter (Leidenschaft, Ausgewaehlte) passen sonst nicht in den Kasten */
.rf-gr-abschnitt .block-grid .heading{font-size:clamp(2rem,3.4vw,3.6rem);line-height:1;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;max-width:100%}
.rf-gr-abschnitt .paragraph+.paragraph{margin-top:1em}
.rf-gr-bild{margin:0;position:relative;border-radius:var(--border-radius);overflow:hidden;min-height:22em}
.rf-gr-bild--hoch{aspect-ratio:3/4;min-height:0}
.rf-gr-bild figcaption,.rf-gr-galerie figcaption{position:absolute;left:.9em;bottom:.9em;padding:.45em .9em;border-radius:10em;font-size:.82em;line-height:1.2;color:#fff;
  background:rgba(10,10,10,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* fuenf Rollen: oben drei, unten zwei breitere, keine Karte allein */
.rf-gr-rollen{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1vw;margin-top:2.4em;text-align:left}
.rf-gr-rolle{grid-column:span 2}
.rf-gr-rolle:nth-child(n+4){grid-column:span 3}
.rf-gr-rolle{padding:2.1em 1.9em;border-radius:var(--border-radius)}
.rf-gr-rolle h3{font-size:1.25em;line-height:1.2;margin:0 0 .7em;color:var(--heading)}
.rf-gr-rolle p{margin:0;opacity:.82}

/* sechs Fotos auf vier Spalten und zwei Reihen: erstes hoch, zweites breit, keine Luecke */
.rf-gr-galerie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:15vw;gap:1vw;margin-top:2.4em}
.rf-gr-galerie figure{margin:0;position:relative;border-radius:var(--border-radius);overflow:hidden}
.rf-gr-galerie figure:first-child{grid-row:span 2}
.rf-gr-galerie figure:nth-child(2){grid-column:span 2}
.rf-gr-galerie img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.19,1,.22,1)}
.rf-gr-galerie figure:hover img{transform:scale(1.045)}

.rf-gr-projekte{list-style:none;padding:0;margin:1.8em 0 0;width:100%;border-top:1px solid var(--border)}
.rf-gr-projekte a{display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding:1em 0;border-bottom:1px solid var(--border);color:var(--heading);
  text-decoration:none;font-size:1.12em;transition:color .3s,padding .6s cubic-bezier(.19,1,.22,1)}
.rf-gr-projekte a span{font-family:var(--accent-font);font-style:italic;opacity:.7;font-size:.88em;text-align:right}
.rf-gr-projekte a:hover{color:var(--rf-rot);padding-left:.5em}
.rf-gr-technik{display:grid;grid-template-columns:auto 1fr;gap:1em 1.8em;margin:1.8em 0;width:100%}
.rf-gr-technik dt{font-family:var(--accent-font);font-style:italic;color:var(--rf-rot)}
.rf-gr-technik dd{margin:0;color:var(--heading)}
.rf-gr-portfolio{margin-top:.6em}

/* FAQ */
.rf-faq-titel{max-width:none;text-align:center}
.rf-faq-lead{margin:0 auto;text-align:center}
/* .content setzt 7.4em Abstand zwischen alle Kinder, in der Liste soll nur der eigene Abstand gelten */
.rf-faq-liste.content{max-width:56em;row-gap:0;column-gap:0}
.rf-faq-liste h2{margin:2.6em 0 .6em}
.rf-faq-liste h2:first-child{margin-top:0}
.rf-faq{border-bottom:1px solid var(--border)}
.rf-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1.5em;padding:1.3em 0;font-size:1.25em;line-height:1.35;color:var(--heading)}
.rf-faq summary::-webkit-details-marker{display:none}
.rf-faq summary::after{content:"+";flex:none;color:var(--rf-rot);font-size:1.5em;line-height:1;transition:transform .5s cubic-bezier(.19,1,.22,1)}
.rf-faq[open] summary::after{transform:rotate(45deg)}
.rf-faq summary:hover{color:#fff}
.rf-faq-a{padding:0 0 1.5em;max-width:46em}
.rf-faq-a p{margin:0;opacity:.85}

@media (max-width:991px){
  .rf-gr-held{grid-template-columns:1fr;gap:3em}
  .rf-gr-portrait{max-width:30em}
  .rf-gr-galerie{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:30vw}
  .rf-gr-galerie figure:nth-child(2){grid-column:auto}
  .rf-gr-galerie figure:first-child{grid-row:auto}
  .rf-gr-rollen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rf-gr-rolle,.rf-gr-rolle:nth-child(n+4){grid-column:auto}
  .rf-gr-rolle:last-child{grid-column:span 2}
}
@media (max-width:767px){
  .rf-gr-kopf{padding-top:10em}
  .rf-gr-name{font-size:2.7rem}
  .rf-faq-titel{font-size:2.3rem}
  .rf-gr-fakten{flex-wrap:nowrap;gap:1.6em;margin:1.8em 0}
  .rf-gr-fakten b{font-size:1.8em}
  .rf-gr-fakten span{font-size:.8em}
  .rf-gr-abschnitt{padding-top:4.5em}
  .rf-gr-galerie{grid-auto-rows:44vw}
  .rf-gr-rollen{grid-template-columns:1fr}
  .rf-gr-rolle:last-child{grid-column:auto}
  .rf-gr-bild{min-height:16em}
  .rf-gr-technik{grid-template-columns:1fr;gap:.2em}
  .rf-gr-technik dd{margin-bottom:.9em}
  .rf-gr-projekte a{flex-direction:column;gap:.15em}
  .rf-gr-projekte a span{text-align:left}
}
@media (prefers-reduced-motion:reduce){.rf-gr-galerie img,.rf-gr-projekte a,.rf-faq summary::after{transition:none}}