/* Glanzfuchs – Blog (Übersicht, Beiträge, »Aus unserem Blog« auf der Startseite), 28.10.2026. Farben wie die Seite: Slate + Türkis. */
.gf-blog{background:#020617;color:#fff;padding:8.5rem 0 5rem;min-height:70vh}
.gf-blog-innen{width:100%;max-width:72rem;margin:0 auto;padding:0 1rem}
@media (min-width:768px){.gf-blog{padding-top:10rem}.gf-blog-innen{padding:0 1.5rem}}
.gf-blog-schmal{max-width:48rem}
.gf-blog-kopf{text-align:center;max-width:48rem;margin:0 auto 3rem}
.gf-blog-titel{font-size:2.5rem;line-height:1.1;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}
@media (min-width:768px){.gf-blog-titel{font-size:3.5rem}}
.gf-blog-kopf p{font-size:1.125rem;line-height:1.7;color:rgb(219 234 254/.8);font-weight:500}

/* Übersicht: Karten */
.gf-blog-raster{display:grid;grid-template-columns:1fr;gap:1.5rem}
@media (min-width:640px){.gf-blog-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.gf-blog-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gf-blog-raster:not(:empty)+.gf-blog-leer{display:none}
.gf-blog-raster:empty~.gf-blog-ki{display:none}
.gf-blog-leer{text-align:center;color:rgb(219 234 254/.8);font-size:1.125rem;padding:3rem 1rem;border:1px solid rgb(255 255 255/.1);border-radius:1rem;background:rgb(255 255 255/.03)}
.gf-karte{display:flex}
.gf-karte-link{display:flex;flex-direction:column;width:100%;border-radius:1rem;overflow:hidden;background:rgb(15 23 42/.8);border:1px solid rgb(255 255 255/.1);transition:border-color .2s,transform .2s;color:#fff;text-decoration:none}
.gf-karte-link:hover,.gf-karte-link:focus-visible{border-color:hsl(var(--turquoise)/.6);transform:translateY(-2px)}
.gf-karte-bild{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;background:#0f172a}
.gf-karte-text{display:flex;flex-direction:column;flex-grow:1;padding:1.25rem 1.25rem 1.5rem}
.gf-karte-text time{font-size:.875rem;color:rgb(148 163 184)}
.gf-karte-text h2{font-size:1.25rem;line-height:1.35;font-weight:700;margin:.5rem 0 .75rem}
.gf-karte-text p{font-size:.9375rem;line-height:1.6;color:rgb(219 234 254/.75);flex-grow:1}
.gf-karte-mehr{margin-top:1rem;font-weight:700;color:hsl(var(--turquoise))}
.gf-blog-ki{margin-top:2.5rem;font-size:.875rem;line-height:1.6;color:rgb(148 163 184);text-align:center}
.gf-blog-ki a{color:#fff;text-decoration:underline}

/* Beitrag */
.gf-brotkrumen{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:rgb(148 163 184);margin-bottom:1.5rem}
.gf-brotkrumen a{color:rgb(203 213 225);text-decoration:none}
.gf-brotkrumen a:hover{color:hsl(var(--turquoise))}
.gf-beitrag-titel{font-size:2rem;line-height:1.2;font-weight:800;letter-spacing:-.01em}
@media (min-width:768px){.gf-beitrag-titel{font-size:2.75rem}}
.gf-beitrag-datum{margin-top:.75rem;color:rgb(148 163 184);font-size:.9375rem}
.gf-beitrag-bild{margin:2rem 0;border-radius:1rem;overflow:hidden;border:1px solid rgb(255 255 255/.1);background:#0f172a}
.gf-beitrag-img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover}
.gf-beitrag-bild figcaption{font-size:.8125rem;color:rgb(148 163 184);padding:.5rem .875rem}
.gf-beitrag-text{font-size:1.0625rem;line-height:1.8;color:rgb(226 232 240)}
.gf-beitrag-text>*+*{margin-top:1.1em}
.gf-beitrag-text h2{font-size:1.5rem;line-height:1.3;font-weight:700;color:#fff;margin-top:2em}
.gf-beitrag-text h3{font-size:1.25rem;line-height:1.35;font-weight:700;color:#fff;margin-top:1.6em}
.gf-beitrag-text h4{font-size:1.0625rem;font-weight:700;color:#fff;margin-top:1.4em}
.gf-beitrag-text ul{list-style:disc;padding-left:1.4em}
.gf-beitrag-text ol{list-style:decimal;padding-left:1.4em}
.gf-beitrag-text li+li{margin-top:.4em}
.gf-beitrag-text a{color:hsl(var(--turquoise));text-decoration:underline;text-underline-offset:2px}
.gf-beitrag-text strong{color:#fff}
.gf-beitrag-text blockquote{border-left:3px solid hsl(var(--turquoise));padding-left:1rem;color:rgb(203 213 225);font-style:italic}
.gf-beitrag-text table{width:100%;border-collapse:collapse;font-size:.9375rem;display:block;overflow-x:auto}
.gf-beitrag-text th,.gf-beitrag-text td{border:1px solid rgb(255 255 255/.15);padding:.5rem .75rem;text-align:left;vertical-align:top}
.gf-beitrag-text th{background:rgb(255 255 255/.06);color:#fff}
.gf-beitrag-cta{margin-top:3rem;padding:1.75rem;border-radius:1rem;border:1px solid hsl(var(--turquoise)/.35);background:linear-gradient(135deg,#0f172a,#1e3a8a 60%,#0c4a6e)}
.gf-beitrag-cta h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}
.gf-beitrag-cta p{color:rgb(219 234 254/.85);line-height:1.6}
.gf-cta-knoepfe{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;align-items:center}
.gf-knopf{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;font-weight:700}
.gf-knopf-zweit{display:inline-flex;align-items:center;padding:.875rem 1.25rem;border-radius:.75rem;border:1px solid rgb(255 255 255/.3);color:#fff;font-weight:700;text-decoration:none}
.gf-knopf-zweit:hover{border-color:hsl(var(--turquoise))}
.gf-beitrag-zurueck{margin-top:2rem}
.gf-beitrag-zurueck a{color:rgb(203 213 225);text-decoration:none;font-weight:600}
.gf-beitrag-zurueck a:hover{color:hsl(var(--turquoise))}

/* Weitere Beiträge (Beitrag + Auffang-Liste der Übersicht) */
.gf-weitere{margin-top:3rem;padding-top:2rem;border-top:1px solid rgb(255 255 255/.1)}
.gf-weitere h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff}
.gf-weitere ul{display:grid;gap:.75rem}
.gf-weitere a{color:rgb(226 232 240);text-decoration:underline;text-underline-offset:2px}
.gf-weitere a:hover{color:hsl(var(--turquoise))}
.gf-blog-raster+.gf-blog-leer+.gf-weitere,.gf-blog-leer+.gf-weitere{max-width:48rem;margin-left:auto;margin-right:auto}

/* Startseite: Aus unserem Blog */
.gf-start-blog{background:#020617;color:#fff;padding:4rem 0;border-top:1px solid rgb(255 255 255/.05)}
@media (min-width:768px){.gf-start-blog{padding:5rem 0}}
.gf-start-blog h2{text-align:center;margin-bottom:2rem}
.gf-start-liste{display:grid;gap:1rem}
.gf-start-liste li{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;border-radius:.875rem;border:1px solid rgb(255 255 255/.1);background:rgb(15 23 42/.6)}
.gf-start-liste a{font-size:1.125rem;font-weight:700;color:#fff;text-decoration:none}
.gf-start-liste a:hover{color:hsl(var(--turquoise))}
.gf-start-liste time{font-size:.875rem;color:rgb(148 163 184)}
.gf-start-alle{margin-top:1.5rem;text-align:center}
.gf-start-alle a{color:hsl(var(--turquoise));font-weight:700;text-decoration:none}
.gf-start-alle a:hover{text-decoration:underline}

/* Übersicht: Hero-Bild + KI-Hinweis (Emanuel 28.10.2026) – Bild: echtes Foto aus dem Glanzfuchs-Studio (referenz-6) */
.gf-blog-hg{background-image:url(/assets/img/referenz-6-960.webp);background-position:center 55%}
@media (min-width:768px){.gf-blog-hg{background-image:url(/assets/img/referenz-6-1600.webp);background-position:center 60%}}
.gf-blog-held+.gf-blog{padding-top:3rem;min-height:0}
@media (min-width:768px){.gf-blog-held+.gf-blog{padding-top:4rem}}
.gf-blog-hinweis{max-width:48rem;margin:0 auto 2rem;text-align:center;font-size:.9375rem;line-height:1.6;color:rgb(203 213 225)}
.parallax-container.gf-blog-held{min-height:70vh;min-height:70dvh}

/* Soro-Einbettung (28.10.2026): helle Schrift auf dunklem Grund, Leertext nur ohne Beiträge */
#soro-blog,#soro-blog [class^="soro-blog"]{color:#e2e8f0!important}
#soro-blog .soro-blog-card-title,#soro-blog .soro-blog-article-title,#soro-blog .soro-blog-article-content h1,#soro-blog .soro-blog-article-content h2,#soro-blog .soro-blog-article-content h3,#soro-blog .soro-blog-article-content strong{color:#fff!important}
#soro-blog .soro-blog-card-excerpt,#soro-blog .soro-blog-card-date,#soro-blog .soro-blog-article-date{color:#cbd5e1!important}
#soro-blog a,#soro-blog .soro-blog-back{color:#5eead4!important}
#soro-blog .soro-blog-card{background:rgb(255 255 255/.04)!important;border:1px solid rgb(255 255 255/.12)!important;border-radius:1rem}
#soro-blog .soro-blog-article-content{color:#e2e8f0!important}
.gf-blog-innen:has(#soro-blog .soro-blog-card,#soro-blog .soro-blog-article) .gf-blog-leer{display:none}

/* Kontaktformular unter dem Soro-Bereich – steht unter der Übersicht und unter jedem geöffneten Beitrag (Emanuel 28.10.2026) */
.gf-blog-held+.gf-blog{padding-bottom:3.5rem}
@media (min-width:768px){.gf-blog-held+.gf-blog{padding-bottom:4.5rem}}
.gf-blog-kontakt{scroll-margin-top:6rem}

/* Soro-Code + Server-Abgleich (28.10.2026 abends): Soros Skript bleibt auf /blog, damit Soro liefert; sichtbar sind nur die Karten des Server-Abgleichs (eigene Seiten /blog/<slug>) */
#soro-blog{display:none!important}
.gf-blog-innen:has(.gf-blog-raster:not(:empty)) .gf-blog-leer{display:none}