.elementor-49250 .elementor-element.elementor-element-73d1071{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-49250 .elementor-element.elementor-element-6200f46 > .elementor-widget-container{padding:0rem 0rem 0.5rem 0rem;}.elementor-49250 .elementor-element.elementor-element-6200f46{font-family:"Hebro-Medium", Arial;font-size:25px;line-height:2.2rem;letter-spacing:1.5px;}.elementor-49250 .elementor-element.elementor-element-4c46ec2{--display:flex;}.elementor-49250 .elementor-element.elementor-element-e9c7333 > .elementor-widget-container{margin:90px 0px 0px 0px;padding:0px 0px 020px 0px;}.elementor-49250 .elementor-element.elementor-element-e43de1c{--display:flex;--margin-top:0px;--margin-bottom:10.6px;--margin-left:0px;--margin-right:0px;}.elementor-49250 .elementor-element.elementor-element-cbc2a55{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-49250 .elementor-element.elementor-element-cbc2a55 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-49250 .elementor-element.elementor-element-cbc2a55 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-49250 .elementor-element.elementor-element-cbc2a55:after{content:"1";}.elementor-49250 .elementor-element.elementor-element-cbc2a55 .elementor-post__thumbnail__link{width:100%;}.elementor-49250 .elementor-element.elementor-element-cbc2a55.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-49250 .elementor-element.elementor-element-cbc2a55.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-49250 .elementor-element.elementor-element-cbc2a55.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-49250 .elementor-element.elementor-element-cbc2a55 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-49250 .elementor-element.elementor-element-cbc2a55:after{content:"0.5";}.elementor-49250 .elementor-element.elementor-element-cbc2a55 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//* ===========================
   Blog-Artikel Gesamtstil
   =========================== */

/* --- Bilder / Grafiken --- */
.blog-article img {
    width: 768px;
    max-width: 100%;
    height: auto;
    display: block;          /* block statt inline-block */
    box-sizing: border-box;
    padding: 20px;
      box-shadow: 2px 2px 8px rgba(0,0,0,0.15), -2px -2px 8px rgba(0,0,0,0.1);
    overflow: clip;
    margin: 0;               /* kein automatischer zentrierender Margin */
}

/* --- Blockzitate --- */
.blog-article blockquote {
    width: 768px;
    padding: 20px 30px;
    margin: 20px 0;
    background: #D4EBE9;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    font-style: italic;
    font-family: "Ofpass-SemiboldItalic", serif;
    font-size: 24px;
     line-height: 1.5;  /* angepasst */
    color: #3F3F3F;
    border-left: 0px solid #000;
}

.blog-article blockquote p {
    margin: 0; /* innerer Absatz im Zitat ohne zusätzlichen Abstand */
}

/* --- Überschriften --- */
.blog-article h2 {
    font-size: 26pt;
    line-height: 1.2;
    margin-top: 60px;
     margin-bottom: 20px; /* Abstand nach unten */
}

.blog-article h3 {
    font-size: 18.5pt;
    line-height: 1.0;
    text-transform:
    none;
    
    margin-top: 20px;
    
     margin-bottom: 20px; /* Abstand nach unten */
}

/* --- Links im Blog-Artikel --- */
.blog-article a {
    color: #b3b3b3;      /* dein Standard-Grau */
    text-decoration: underline;
}

.blog-article a:hover,
.blog-article a:focus {
    color: #2a2a2a;      /* dunkleres Grau beim Hover/Fokus */
    text-decoration: underline;
}

 /* ===========================
   Inhaltsverzeichnis & Anker
   =========================== */

/* TOC-Container */
#toc {
    margin-bottom: 20px;
    padding: 10px 0;
}

#toc h2, #toc h3 {
    font-size: 24pt;
    font-weight: normal;
    margin: 30px 0 30px 0; /* oben 40px, rechts 0, unten 0, links 0 */
}

/* TOC-Links */
#toc a {
    display: block;        /* Zeilenweise Links */
    font-size: 18pt;
    line-height: 0.1;      /* lesbare Höhe */
    color: #B3B3B3;        /* Standard-Grau */
    text-decoration: none; /* keine Unterstreichung */
    margin: 5px 0;         /* Abstand zwischen Punkten */
}

/* Hover/Fokus für TOC-Links */
#toc a:hover,
#toc a:focus {
    color: #2a2a2a;        /* dunkleres Grau beim Hover/Fokus */
    text-decoration: underline;
}

/* H2-Überschriften mit Anker-ID (Offset für fixierten Header) */
.blog-article h2[id]::before {
    content: "";
    display: block;
    height: 60px;      /* Offset-Höhe */
    margin-top: -60px; /* Offset nach oben */
    visibility: hidden;
}


/* Graue Callout-Box (neu) */
.blog-article blockquote.blockquote-grey {
    width: 768px;
    padding: 20px 30px;
    margin: 20px 0;
    background: #F4F3F1; /* softes Grau */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    font-style: italic;
    font-family: "Ofpass-SemiboldItalic", serif;
    font-size: 24px;
     line-height: 1.5;  /* angepasst */
    color: #3F3F3F;
    border-left: 0px solid #000;
}

.blog-article blockquote.blockquote-grey p {
    margin: 0;
}

.blog-article h6 {
    margin-top: 10px;
    margin-bottom: 30px;
}

.blog-article h4 {
    font-size: 16pt;      /* kannst du bei Bedarf anpassen */
    line-height: 1.2;
    
    margin-top: 20px;
    margin-bottom: 20px; /* Abstand nach unten */
}
    .blog-article p {
    margin-bottom: 12px; /* etwas enger, wirkt kompakter */
    line-height: 1,4;    /* gut lesbar, nicht zu gequetscht */
}/* End custom CSS */