:root{
  --blog-blue:#173a5e;
  --blog-blue-2:#244f78;
  --blog-orange:#ef7d22;
  --blog-ink:#1e2a35;
  --blog-muted:#6b7785;
  --blog-line:#dbe3ea;
  --blog-soft:#f5f8fb;
  --blog-white:#fff;
  --blog-max:1120px;
  --blog-article:820px;
  --blog-title-size-large:1.75rem;
  --blog-title-size-medium:1.375rem;
  --blog-title-size-small:1.125rem;
  --blog-title-color-standard:#1e2a35;
  --blog-title-color-blue:#173a5e;
  --blog-title-color-orange:#ef7d22;
  --blog-title-color-grey:#6b7785;
}
.blog-hero{background:#fff;color:var(--blog-ink);border-bottom:1px solid var(--blog-line)}
.blog-hero-inner{max-width:var(--blog-max);margin:0 auto;padding:132px 24px 40px}.article-hero .blog-hero-inner{padding-bottom:36px}
.blog-eyebrow{color:var(--blog-orange);letter-spacing:.02em;font-size:14px;font-weight:800;margin-bottom:8px}
.blog-hero h1{max-width:900px;margin:0;color:var(--blog-blue);font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.025em}.blog-hero p{margin:13px 0 0;color:var(--blog-muted);font-size:18px}
.blog-page{max-width:var(--blog-max);margin:0 auto;padding:28px 24px 70px}
.overview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;border-bottom:1px solid var(--blog-line);padding-bottom:20px;margin-bottom:20px}.overview-head h2{margin:0;color:var(--blog-blue);font-size:27px;white-space:nowrap}
.search-form{display:grid;grid-template-columns:minmax(250px,1fr) auto auto auto;gap:9px;align-items:end;width:min(760px,100%)}
.search-query input,.search-mode select{width:100%;height:42px;border:1px solid #cfd9e2;border-radius:6px;background:#fff;padding:8px 11px;font:inherit;color:var(--blog-ink)}
.search-mode{min-width:190px}.search-mode label{display:block;font-size:11px;color:var(--blog-muted);margin:0 0 2px 2px}
.search-button{height:42px;border:0;border-radius:6px;background:var(--blog-orange);color:#fff;padding:0 18px;font:inherit;font-weight:750;cursor:pointer}.reset-link{height:42px;display:flex;align-items:center;padding:0 5px;font-size:13px;font-weight:700}
.search-summary{color:var(--blog-muted);font-size:14px;margin:0 0 13px}
.blog-table{border:1px solid var(--blog-line);border-radius:8px;overflow:hidden}.blog-row{display:grid;grid-template-columns:1.25fr 2.7fr 1.15fr 1fr;gap:18px;padding:13px 16px;align-items:center}.blog-head{background:#eef4f8;color:var(--blog-blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sortable-head{display:flex;align-items:center;gap:7px}.sort-arrows{display:inline-flex;gap:2px;white-space:nowrap}.sort-arrows a{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:4px;color:#8294a5;font-size:15px;line-height:1;text-decoration:none}.sort-arrows a:hover{background:#dce8f1;color:var(--blog-blue);text-decoration:none}.sort-arrows a.active{background:var(--blog-blue);color:#fff}.article-row{color:var(--blog-ink);border-top:1px solid var(--blog-line);transition:background .12s ease}.article-row:hover{background:#f8fafc;text-decoration:none}.overview-title{font-weight:750;color:var(--blog-blue)}.language-badge{display:inline-block;margin-left:7px;padding:1px 6px;border-radius:999px;background:#fff3e8;border:1px solid #ffd4af;color:#a75416;font-size:10px;font-weight:800;vertical-align:1px}
.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px 0 0;font-size:14px;font-weight:700}.pagination span{color:var(--blog-muted)}
.empty-state{padding:42px 22px;text-align:center;background:var(--blog-soft);border:1px solid var(--blog-line);border-radius:8px;color:var(--blog-muted)}.empty-state h2{color:var(--blog-blue);margin-top:0}
.detail-tools{display:flex;justify-content:flex-start;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--blog-line)}.back-link{font-weight:750;color:var(--blog-blue)}
.fallback-notice{max-width:var(--blog-article);margin:24px auto 0;border-left:4px solid var(--blog-orange);background:#fff7ef;color:#684729;padding:13px 16px;border-radius:0 6px 6px 0;font-size:14px}
.article-shell{max-width:var(--blog-article);margin:30px auto 0}
.author-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:0 0 23px;border-bottom:1px solid var(--blog-line);margin-bottom:32px}.author-card.multiple{align-items:flex-start}.authors-wrap{display:flex;flex-direction:column;gap:13px}.author-entry{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center}.avatar{width:70px;height:70px;object-fit:cover;border-radius:50%;border:3px solid #e8eef4;box-shadow:0 2px 10px rgba(23,58,94,.08);background:#e7edf2}.avatar.placeholder{display:grid;place-items:center;background:var(--blog-blue);color:#fff;font-size:25px;font-weight:800}.author-name{color:var(--blog-blue);font-size:18px;font-weight:800;line-height:1.25}.author-role{color:var(--blog-muted);font-size:14px;margin-top:3px}.meta{text-align:right;font-size:13px;color:var(--blog-muted);white-space:nowrap}.meta strong{display:block;color:#3b4f63;font-size:14px}
.article-body{font-size:17px}.blog-paragraph{margin:0 0 20px}.blog-blankline{height:11px}.article-body::after,.float-clear{content:"";display:block;clear:both}
.blog-section-clear{clear:both;height:0;margin:0 0 8px;padding:0}.blog-section-separator{clear:both;border:0;border-top:1px solid var(--blog-line);margin:30px 0 24px;height:0}.blog-section-title{clear:both;margin:32px 0 13px;font-weight:800;line-height:1.25;text-align:left}.blog-title-large{font-size:var(--blog-title-size-large)}.blog-title-medium{font-size:var(--blog-title-size-medium)}.blog-title-small{font-size:var(--blog-title-size-small)}.blog-title-standard{color:var(--blog-title-color-standard)}.blog-title-blue{color:var(--blog-title-color-blue)}.blog-title-orange{color:var(--blog-title-color-orange)}.blog-title-grey{color:var(--blog-title-color-grey)}
.article-image{margin:8px 0 22px;width:var(--image-width,100%)}.article-image>img,.article-image>.image-link>img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 7px 24px rgba(23,58,94,.12)}.article-image .image-link{position:relative;display:block;border-radius:8px;text-decoration:none;cursor:pointer}.article-image .image-link>img{transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.article-image .image-link:hover>img,.article-image .image-link:focus-visible>img{transform:translateY(-2px) scale(1.01);filter:brightness(.95);box-shadow:0 0 0 3px rgba(239,125,34,.34),0 12px 30px rgba(23,58,94,.24)}.image-external-badge{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(23,58,94,.2)}.article-image .image-external-badge img{display:block;width:13px;height:13px;border-radius:0;box-shadow:none}.article-image figcaption{margin-top:7px;color:var(--blog-muted);font-size:12px;line-height:1.45}.article-image.float-right{float:right;margin-left:28px}.article-image.float-left{float:left;margin-right:28px}.article-image.centered{float:none;clear:both;margin:28px auto}
.external-link-icon{display:inline-block;width:13px;height:13px;margin-left:3px;vertical-align:-1px}
.footnote-ref{font-size:.72em;line-height:0;margin-left:2px;scroll-margin-top:180px}.footnote-ref a{font-weight:800}.footnotes{clear:both;margin-top:38px;padding-top:20px;border-top:1px solid var(--blog-line)}.footnotes h2{color:var(--blog-blue);font-size:22px;margin:0 0 13px}.footnotes ol{padding-left:24px;color:#4d5d6c;font-size:14px}.footnotes li{padding-left:4px;margin:0 0 10px}.footnote-back{font-weight:800;margin-left:5px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:20px;border-top:1px solid var(--blog-line)}.tag{background:#eef4f8;color:var(--blog-blue-2);border:1px solid #d9e5ee;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}
.article-footer{display:flex;justify-content:flex-start;gap:18px;align-items:center;margin-top:28px;padding:20px 0;border-top:1px solid var(--blog-line);border-bottom:1px solid var(--blog-line);font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.overview-head{align-items:stretch;flex-direction:column}.search-form{width:100%}}
@media(max-width:760px){.blog-hero-inner{padding:108px 18px 34px}.blog-page{padding:22px 16px 55px}.search-form{grid-template-columns:1fr}.search-mode{min-width:0}.reset-link{height:auto;padding:4px 0}.blog-table{border:0;overflow:visible}.blog-head{display:none}.blog-row.article-row{display:block;border:1px solid var(--blog-line);border-radius:8px;margin:0 0 11px;padding:14px 15px}.blog-row.article-row>div{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:3px 0}.blog-row.article-row>div::before{content:attr(data-label);color:var(--blog-muted);font-size:11px;font-weight:750}.blog-row.article-row .overview-title{font-size:16px}.author-card{align-items:flex-start;flex-direction:column}.meta{text-align:left}.article-image.float-left,.article-image.float-right,.article-image.centered{float:none;clear:both;width:var(--image-width,100%)!important}.article-image.float-left{margin:24px auto 24px 0}.article-image.float-right{margin:24px 0 24px auto}.article-image.centered{margin:24px auto}.article-footer{align-items:flex-start;flex-direction:column}}

/* Phase 3 V1.7: kontrollierte Linkdarstellung */
.blog-link{color:var(--blog-blue-2)}
.blog-link.link-standard{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.14em}
.blog-link.link-standard:hover{text-decoration-thickness:2px}
.blog-link.link-subtle{text-decoration:none}
.blog-link.link-subtle:hover{text-decoration:underline;text-underline-offset:.14em}
.blog-link.link-highlighted{display:inline;padding:.08em .32em;border-radius:4px;background:#eaf2f8;color:var(--blog-blue);text-decoration:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.blog-link.link-highlighted:hover{background:#dce9f3;text-decoration:underline;text-underline-offset:.14em}
.blog-link.link-button{display:inline-block;padding:.32em .72em;border-radius:5px;background:var(--blog-blue);color:#fff!important;text-decoration:none;font-weight:750;line-height:1.35;vertical-align:baseline}
.blog-link.link-button:hover{background:var(--blog-blue-2);text-decoration:none}
.blog-link.link-button .external-link-icon{filter:brightness(0) invert(1)}

/* Phase 3 V1.10.2: kontrollierte Inline-Textauszeichnung */
.blog-inline-code{display:inline;padding:.08em .28em;border:1px solid #d7e1e8;border-radius:4px;background:#f1f4f6;color:#243a4c;font-family:Consolas,"Courier New",monospace;font-size:.94em;white-space:normal}


/* V1.10.3: mehrzeilige Codeblöcke ohne Syntax-Highlighting */
.blog-codeblock-wrap{clear:both;margin:24px 0 26px}
.blog-code-language{font-family:Consolas,"Courier New",monospace;font-size:12px;font-weight:700;color:var(--blog-muted);margin:0 0 5px;letter-spacing:.02em}
.blog-codeblock{margin:0;padding:15px 17px;border:1px solid var(--blog-line);border-radius:6px;background:#fbfcfd;color:var(--blog-ink);overflow:auto;white-space:pre;tab-size:4;font-family:Consolas,"Courier New",monospace;font-size:.94em;line-height:1.48}
.blog-codeblock code{font:inherit;color:inherit;background:transparent;border:0;padding:0;white-space:inherit}

/* V1.10.4: Fussnoten-Ruecksprung mit mehr Textkontext oberhalb der Referenz */
@media(max-width:760px){.footnote-ref{scroll-margin-top:125px}}

/* V1_11_FULL: Versionsanzeige und Blog-Benachrichtigungen */
.notify-banner{max-width:var(--blog-article);margin:0 auto 20px;padding:12px 15px;border-left:4px solid var(--blog-orange);background:#fff7ef;color:#63472f;border-radius:0 6px 6px 0;font-size:14px}
.overview-title-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.overview-title-line h2{margin:0}
.notify-cta{display:flex;justify-content:flex-start;margin-top:18px}.article-notify-cta{margin-top:22px}
.notify-btn{border:0;border-radius:6px;background:var(--blog-orange);color:#fff;padding:10px 15px;font:inherit;font-weight:800;cursor:pointer;line-height:1.2}.notify-btn:hover{filter:brightness(.96)}.notify-btn.small{padding:8px 11px;font-size:12px}.notify-btn.secondary{background:#eef4f8;color:var(--blog-blue);border:1px solid #cbd9e4}
body.notify-modal-open{overflow:hidden}.notify-modal-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(14,35,53,.58);padding:24px;overflow:auto}.notify-modal-backdrop[hidden]{display:none}.notify-modal{width:min(720px,100%);margin:5vh auto;background:#fff;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.26);overflow:hidden}.notify-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--blog-blue);color:#fff;padding:18px 21px}.notify-modal-head h2{margin:0;color:#fff;font-size:24px}.notify-close{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.notify-modal-head .notify-close{font-size:30px;line-height:1;padding:0 3px}.notify-form{padding:22px}.notify-form>p{margin-top:0;color:#44586a}.notify-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notify-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:750;color:#334b60}.notify-grid label.full{grid-column:1/-1}.notify-grid input,.notify-grid select{width:100%;min-height:42px;border:1px solid #bdcad5;border-radius:5px;padding:8px 10px;background:#fff;color:var(--blog-ink);font:inherit}.notify-consent{display:flex;align-items:flex-start;gap:9px;margin:18px 0 0;font-size:13px;color:#435466}.notify-consent input{margin-top:4px}.notify-consent a{font-weight:800}.notify-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.notify-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.notify-standalone{max-width:720px;margin:38px auto 0;padding:24px;border:1px solid var(--blog-line);border-radius:8px;background:#fff}.notify-standalone h1{color:var(--blog-blue);margin-top:0}.notify-standalone .notify-actions{justify-content:flex-start}.notify-standalone a.notify-btn{text-decoration:none;display:inline-flex;align-items:center}
@media(max-width:760px){.notify-modal-backdrop{padding:8px}.notify-grid{grid-template-columns:1fr}.notify-grid label.full{grid-column:auto}.notify-actions{flex-wrap:wrap}.notify-actions .notify-btn{min-height:44px}.overview-title-line{align-items:flex-start}}
.notify-btn.danger{background:#a42f2f;color:#fff}.notify-result{padding:14px 16px;border-radius:6px;margin:14px 0}.notify-result.success{background:#effaf2;border:1px solid #b9dfc1;color:#215d2e}.notify-result.error{background:#fff1f1;border:1px solid #edc0c0;color:#8a2929}

/* V1_11_1_FIX: Inline-Validierung Blog-Benachrichtigungen */
.notify-field-error{display:block;min-height:1.25em;margin-top:3px;color:#a42f2f;font-size:12px;font-weight:650;line-height:1.35}.notify-grid [aria-invalid="true"]{border-color:#c84a4a;box-shadow:0 0 0 1px rgba(200,74,74,.12)}.notify-consent-error{margin:4px 0 0 28px}.notify-consent input[aria-invalid="true"]{outline:2px solid rgba(200,74,74,.35);outline-offset:2px}

/* V18.1 FIX: Blog-Inhalt unter gemeinsamem Website-Header/-Footer.
   Globale Header-/Footer-Grundregeln stammen ausschliesslich aus assets/css/style.css. */
.blog-page a{color:var(--blog-blue-2)}
.blog-page .notify-btn{color:#fff}
.blog-page .notify-btn.secondary{color:var(--blog-blue)}
.blog-hero{margin-top:0}

body.page--blog #main-content > .blog-page:first-child{padding-top:132px}
@media(max-width:760px){body.page--blog #main-content > .blog-page:first-child{padding-top:108px}}