/* Knoche & Vendt – Blog (Übersicht, Beiträge, »Aus unserem Blog« auf der Startseite), 06.11.2026. Muster Glanzfuchs; Farben wie die Seite: Schwarz + Rot. */
.kb-blog{background:hsl(var(--background));color:#fff;padding:8.5rem 0 5rem;min-height:70vh}
.kb-blog-innen{width:100%;max-width:72rem;margin:0 auto;padding:0 1rem}
@media (min-width:768px){.kb-blog{padding-top:10rem}.kb-blog-innen{padding:0 1.5rem}}
.kb-blog-schmal{max-width:48rem;margin-left:auto;margin-right:auto}

/* Übersicht: Hero-Foto (echtes Foto aus dem Büro, Drive Luis.Media DSC06705) */
.kb-blog-hg{background-image:url(/assets/img/lp-gutachten-kalkulation-tablet-960.webp);background-position:center 40%}
@media (min-width:1024px){.kb-blog-hg{background-image:url(/assets/img/lp-gutachten-kalkulation-tablet-1600.webp)}}
.kv-held.kb-held{min-height:60vh;min-height:60dvh;justify-content:center}
.kb-held+.kb-blog{padding-top:3rem;min-height:0}
@media (min-width:768px){.kb-held+.kb-blog{padding-top:4rem}}
.kb-blog-hinweis{max-width:48rem;margin:0 auto 2rem;text-align:center;font-size:.9375rem;line-height:1.6;color:rgb(209 213 219)}

/* Übersicht: Karten */
.kb-blog-raster{display:grid;grid-template-columns:1fr;gap:1.5rem}
@media (min-width:640px){.kb-blog-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.kb-blog-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kb-blog-raster:not(:empty)+.kb-blog-leer{display:none}
.kb-blog-leer{text-align:center;color:rgb(209 213 219);font-size:1.125rem;padding:3rem 1rem;border:1px solid hsl(var(--border));border-radius:1rem;background:rgb(255 255 255/.03)}
.kb-karte{display:flex}
.kb-karte-link{display:flex;flex-direction:column;width:100%;border-radius:1rem;overflow:hidden;background:#1f2937;border:1px solid rgb(55 65 81);transition:border-color .2s,transform .2s;color:#fff;text-decoration:none}
.kb-karte-link:hover,.kb-karte-link:focus-visible{border-color:hsl(var(--primary)/.7);transform:translateY(-2px)}
.kb-karte-bild{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;background:#111}
.kb-karte-text{display:flex;flex-direction:column;flex-grow:1;padding:1.25rem 1.25rem 1.5rem}
.kb-karte-text time{font-size:.875rem;color:rgb(156 163 175)}
.kb-karte-text h2{font-size:1.25rem;line-height:1.35;font-weight:700;margin:.5rem 0 .75rem}
.kb-karte-text p{font-size:.9375rem;line-height:1.6;color:rgb(209 213 219);flex-grow:1}
.kb-karte-mehr{margin-top:1rem;font-weight:700;color:hsl(var(--primary))}
.kb-blog-ki{margin-top:2.5rem;font-size:.875rem;line-height:1.6;color:rgb(156 163 175);text-align:center}
.kb-blog-raster:empty~.kb-blog-ki{display:none}
.kb-blog-cta-rahmen{margin-top:1rem}

/* Beitrag */
.kb-brotkrumen{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:rgb(156 163 175);margin-bottom:1.5rem}
.kb-brotkrumen a{color:rgb(209 213 219);text-decoration:none}
.kb-brotkrumen a:hover{color:hsl(var(--primary))}
.kb-beitrag-titel{font-size:2rem;line-height:1.2;font-weight:800;letter-spacing:-.01em;overflow-wrap:break-word;hyphens:auto}
@media (min-width:768px){.kb-beitrag-titel{font-size:2.75rem}}
.kb-beitrag-datum{margin-top:.75rem;color:rgb(156 163 175);font-size:.9375rem}
.kb-beitrag-bild{margin:2rem 0;border-radius:1rem;overflow:hidden;border:1px solid rgb(55 65 81);background:#111}
.kb-beitrag-img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover}
.kb-beitrag-bild figcaption{font-size:.8125rem;color:rgb(156 163 175);padding:.5rem .875rem}
.kb-beitrag-text{font-size:1.0625rem;line-height:1.8;color:rgb(229 231 235);overflow-wrap:break-word}
.kb-beitrag-text>*+*{margin-top:1.1em}
.kb-beitrag-text h2{font-size:1.5rem;line-height:1.3;font-weight:700;color:#fff;margin-top:2em}
.kb-beitrag-text h3{font-size:1.25rem;line-height:1.35;font-weight:700;color:#fff;margin-top:1.6em}
.kb-beitrag-text h4{font-size:1.0625rem;font-weight:700;color:#fff;margin-top:1.4em}
.kb-beitrag-text ul{list-style:disc;padding-left:1.4em}
.kb-beitrag-text ol{list-style:decimal;padding-left:1.4em}
.kb-beitrag-text li+li{margin-top:.4em}
.kb-beitrag-text a{color:#f87171;text-decoration:underline;text-underline-offset:2px}
.kb-beitrag-text strong{color:#fff}
.kb-beitrag-text blockquote{border-left:3px solid hsl(var(--primary));padding-left:1rem;color:rgb(209 213 219);font-style:italic}
.kb-beitrag-text table{width:100%;border-collapse:collapse;font-size:.9375rem;display:block;overflow-x:auto}
.kb-beitrag-text th,.kb-beitrag-text td{border:1px solid rgb(255 255 255/.15);padding:.5rem .75rem;text-align:left;vertical-align:top}
.kb-beitrag-text th{background:rgb(255 255 255/.06);color:#fff}
.kb-beitrag-ki{margin-top:2rem;font-size:.875rem;line-height:1.6;color:rgb(156 163 175)}
.kb-beitrag-cta{margin-top:3rem;padding:1.75rem;border-radius:1rem;border:1px solid hsl(var(--primary)/.4);background:linear-gradient(135deg,#111 0%,#1f2937 60%,#3b0d0d 100%)}
.kb-beitrag-cta h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}
.kb-beitrag-cta p{color:rgb(209 213 219);line-height:1.6}
.kb-cta-knoepfe{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;align-items:center}
.kb-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.875rem 1.75rem;border-radius:.75rem;background:hsl(var(--primary));color:#fff;font-weight:700;text-decoration:none;transition:background-color .2s}
.kb-knopf:hover{background:hsl(var(--primary)/.9)}
.kb-knopf-zweit{display:inline-flex;align-items:center;min-height:44px;padding:.875rem 1.25rem;border-radius:.75rem;border:1px solid rgb(255 255 255/.3);color:#fff;font-weight:700;text-decoration:none}
.kb-knopf-zweit:hover{border-color:hsl(var(--primary))}
.kb-beitrag-zurueck{margin-top:2rem}
.kb-beitrag-zurueck a{color:rgb(209 213 219);text-decoration:none;font-weight:600}
.kb-beitrag-zurueck a:hover{color:hsl(var(--primary))}

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

/* Startseite: Aus unserem Blog */
.kb-start-blog{background:hsl(var(--background));color:#fff;padding:4rem 0;border-top:1px solid hsl(var(--border))}
@media (min-width:768px){.kb-start-blog{padding:5rem 0}}
.kb-start-blog h2{text-align:center;margin-bottom:2rem}
.kb-start-liste{display:grid;gap:1rem}
.kb-start-liste li{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;border-radius:.875rem;border:1px solid rgb(55 65 81);background:#1f2937}
.kb-start-liste a{font-size:1.125rem;font-weight:700;color:#fff;text-decoration:none}
.kb-start-liste a:hover{color:hsl(var(--primary))}
.kb-start-liste time{font-size:.875rem;color:rgb(156 163 175)}
.kb-start-alle{margin-top:1.5rem;text-align:center}
.kb-start-alle a{color:#f87171;font-weight:700;text-decoration:none}
.kb-start-alle a:hover{text-decoration:underline}

/* Soros Einbettungscode steht nur kurz zur Freischaltung eines neuen Soro-Kontos auf /blog (blog-index.md Punkt 10) – nie sichtbar, damit nichts doppelt erscheint */
#soro-blog{display:none!important}

/* KI-Hinweis wie Klinker (11.11.2026): Link lesbar, im Beitrag linksbündig unter dem Bild */
.kb-blog-hinweis a{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:2px}.kb-blog-hinweis a:hover{opacity:.8}
.kb-beitrag .kb-blog-hinweis{max-width:none;text-align:left;margin:0 0 1.5rem;font-size:.875rem}