/* =========================================================
   EGERT BLOG SINGLE
   ========================================================= */

#egert-blog-single,
#egert-blog-single * {
    box-sizing:border-box;
}


#egert-blog-single {
    width:100%;
    margin:0;
    padding:0;

    background:#f5f3ee;

    color:#171b18;

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


/* =========================================================
   HERO
   ========================================================= */

#egert-blog-single .egert-blog-single-hero {
    padding:
        78px
        0
        48px;
}


#egert-blog-single .egert-blog-single-container {
    width:calc(100% - 60px);
    max-width:1180px;

    margin:0 auto;
}


#egert-blog-single .egert-blog-single-back {
    display:inline-flex;
    align-items:center;

    gap:8px;

    margin-bottom:45px;

    color:#758964;

    font-size:11px;
    font-weight:700;

    letter-spacing:.5px;

    text-decoration:none;

    text-transform:uppercase;
}


#egert-blog-single .egert-blog-single-back span {
    color:#ed741b;

    font-size:17px;

    transition:
        transform .2s ease;
}


#egert-blog-single .egert-blog-single-back:hover span {
    transform:
        translateX(-4px);
}


#egert-blog-single .egert-blog-single-kicker {
    display:flex;
    align-items:center;

    gap:12px;

    margin-bottom:17px;

    color:#758964;

    font-size:10px;
    font-weight:750;

    letter-spacing:2px;

    text-transform:uppercase;
}


#egert-blog-single .egert-blog-single-kicker span {
    width:38px;
    height:2px;

    background:#ed741b;
}


#egert-blog-single .egert-blog-single-meta {
    display:flex;
    align-items:center;

    gap:10px;

    margin-bottom:17px;

    color:#929892;

    font-size:10px;
    font-weight:650;

    letter-spacing:1.2px;

    text-transform:uppercase;
}


#egert-blog-single .egert-blog-single-meta i {
    display:block;

    width:4px;
    height:4px;

    border-radius:50%;

    background:#ed741b;
}


#egert-blog-single .egert-blog-single-meta strong {
    color:#758964;

    font-weight:750;
}


#egert-blog-single h1 {
    max-width:1050px;

    margin:0;

    color:#171b18;

    font-size:
        clamp(46px,5vw,72px);

    line-height:1.02;

    letter-spacing:-3px;

    font-weight:650;
}


#egert-blog-single .egert-blog-single-lead {
    max-width:790px;

    margin:
        28px
        0
        0;

    color:#626962;

    font-size:
        clamp(17px,1.5vw,20px);

    line-height:1.7;
}


/* =========================================================
   BEITRAGSBILD
   ========================================================= */

#egert-blog-single .egert-blog-single-media {
    width:100%;

    padding:
        0
        30px;
}


#egert-blog-single .egert-blog-single-media-inner {
    width:100%;
    max-width:1350px;

    height:
        clamp(360px,48vw,620px);

    margin:0 auto;

    overflow:hidden;

    background:#e4e8e1;
}


#egert-blog-single .egert-blog-single-media img {
    display:block;

    width:100%;
    height:100%;

    margin:0;

    padding:0;

    object-fit:cover;
    object-position:center;

    border:0;
}


/* =========================================================
   CONTENT
   ========================================================= */

#egert-blog-single .egert-blog-single-body {
    padding:
        68px
        0
        90px;
}


#egert-blog-single .egert-blog-single-content {
    width:calc(100% - 60px);
    max-width:800px;

    margin:0 auto;
}


#egert-blog-single
.egert-blog-single-content
> *:first-child {
    margin-top:0 !important;
}


#egert-blog-single .egert-blog-single-content p {
    margin:
        0
        0
        25px;

    color:#555e56;

    font-size:16px;

    line-height:1.9;

    font-weight:400;
}


#egert-blog-single
.egert-blog-single-content
> p:first-child {
    color:#303832;

    font-size:18px;

    line-height:1.8;
}


#egert-blog-single .egert-blog-single-content h2 {
    margin:
        56px
        0
        20px;

    color:#263229;

    font-size:
        clamp(29px,3vw,39px);

    line-height:1.15;

    letter-spacing:-1.4px;

    font-weight:650;
}


#egert-blog-single .egert-blog-single-content h3 {
    margin:
        43px
        0
        17px;

    color:#263229;

    font-size:
        25px;

    line-height:1.25;

    letter-spacing:-.7px;

    font-weight:650;
}


#egert-blog-single .egert-blog-single-content h4 {
    margin:
        35px
        0
        15px;

    color:#263229;

    font-size:20px;
}


#egert-blog-single .egert-blog-single-content strong {
    color:#263229;
}


#egert-blog-single .egert-blog-single-content a {
    color:#596b4e;

    text-decoration:
        underline;

    text-decoration-color:
        rgba(89,107,78,.32);

    text-underline-offset:3px;
}


#egert-blog-single .egert-blog-single-content ul,
#egert-blog-single .egert-blog-single-content ol {
    margin:
        5px
        0
        30px;

    padding-left:26px;

    color:#555e56;

    font-size:16px;

    line-height:1.85;
}


#egert-blog-single .egert-blog-single-content li {
    margin-bottom:8px;
}


#egert-blog-single .egert-blog-single-content blockquote {
    margin:
        45px
        0;

    padding:
        24px
        30px;

    background:#fff;

    border-left:
        4px solid
        #ed741b;

    color:#263229;

    font-size:20px;

    line-height:1.6;

    font-weight:500;
}


#egert-blog-single
.egert-blog-single-content
blockquote p {
    margin:0;

    color:inherit;

    font-size:inherit;

    line-height:inherit;
}


#egert-blog-single .egert-blog-single-content img {
    display:block;

    max-width:100%;
    height:auto;

    margin:
        38px
        auto;

    border:0;
}


#egert-blog-single .egert-blog-single-content figure {
    max-width:100%;

    margin:
        42px
        0;
}


#egert-blog-single .egert-blog-single-content figcaption {
    margin-top:9px;

    color:#999f99;

    font-size:11px;

    line-height:1.5;

    text-align:center;
}


#egert-blog-single .egert-blog-single-content hr {
    margin:
        50px
        0;

    border:0;

    border-top:
        1px solid
        rgba(38,50,41,.14);
}


/* =========================================================
   ABSCHLUSS
   ========================================================= */

#egert-blog-single .egert-blog-single-end {
    background:#263229;

    color:#fff;
}


#egert-blog-single .egert-blog-single-end-inner {
    width:calc(100% - 60px);
    max-width:1350px;

    margin:0 auto;

    padding:
        52px
        0;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:50px;
}


#egert-blog-single .egert-blog-single-end-kicker {
    margin-bottom:9px;

    color:#a7b59b;

    font-size:10px;

    font-weight:750;

    letter-spacing:1.8px;

    text-transform:uppercase;
}


#egert-blog-single .egert-blog-single-end h2 {
    max-width:700px;

    margin:0;

    color:#fff;

    font-size:
        clamp(28px,3vw,42px);

    line-height:1.1;

    letter-spacing:-1.5px;

    font-weight:600;
}


#egert-blog-single .egert-blog-single-end h2 span {
    color:#a7b59b;
}


#egert-blog-single .egert-blog-single-button {
    min-height:52px;

    padding:
        0
        24px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:14px;

    flex-shrink:0;

    background:#ed741b;

    color:#fff;

    font-size:11px;

    font-weight:750;

    letter-spacing:.4px;

    text-decoration:none;

    text-transform:uppercase;

    transition:
        background .2s ease,
        transform .2s ease;
}


#egert-blog-single .egert-blog-single-button:hover {
    background:#d86514;

    color:#fff;

    transform:
        translateY(-2px);
}


#egert-blog-single
.egert-blog-single-button span {
    font-size:17px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px) {

    #egert-blog-single
    .egert-blog-single-hero {
        padding:
            52px
            0
            32px;
    }


    #egert-blog-single
    .egert-blog-single-container,

    #egert-blog-single
    .egert-blog-single-content,

    #egert-blog-single
    .egert-blog-single-end-inner {
        width:
            calc(100% - 34px);
    }


    #egert-blog-single
    .egert-blog-single-back {
        margin-bottom:30px;
    }


    #egert-blog-single h1 {
        font-size:40px;

        letter-spacing:-2px;
    }


    #egert-blog-single
    .egert-blog-single-media {
        padding:
            0
            17px;
    }


    #egert-blog-single
    .egert-blog-single-media-inner {
        height:300px;
    }


    #egert-blog-single
    .egert-blog-single-body {
        padding:
            45px
            0
            60px;
    }


    #egert-blog-single
    .egert-blog-single-content p,

    #egert-blog-single
    .egert-blog-single-content ul,

    #egert-blog-single
    .egert-blog-single-content ol {
        font-size:15px;

        line-height:1.8;
    }


    #egert-blog-single
    .egert-blog-single-content
    > p:first-child {
        font-size:17px;
    }


    #egert-blog-single
    .egert-blog-single-end-inner {
        display:block;

        padding:
            40px
            0;
    }


    #egert-blog-single
    .egert-blog-single-button {
        width:100%;

        margin-top:25px;
    }

}


/* =========================================================
   EGERT BLOG SINGLE – EINHEITLICHE BREITE V2
   Kopf, Bild, Inhalt und Abschluss exakt gleiche Breite
   ========================================================= */

#egert-blog-single .egert-blog-single-container,
#egert-blog-single .egert-blog-single-content,
#egert-blog-single .egert-blog-single-end-inner {
    width:calc(100% - 60px) !important;
    max-width:1350px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* Bild exakt auf dieselbe Außenkante */

#egert-blog-single .egert-blog-single-media {
    width:100% !important;
    padding-left:30px !important;
    padding-right:30px !important;
}


#egert-blog-single .egert-blog-single-media-inner {
    width:100% !important;
    max-width:1350px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* Artikelinhalt jetzt ebenfalls volle Containerbreite */

#egert-blog-single .egert-blog-single-content {
    max-width:1350px !important;
}


/* Text etwas angenehmer halten, aber ohne versetzten Container */

#egert-blog-single .egert-blog-single-content > p,
#egert-blog-single .egert-blog-single-content > h2,
#egert-blog-single .egert-blog-single-content > h3,
#egert-blog-single .egert-blog-single-content > h4,
#egert-blog-single .egert-blog-single-content > ul,
#egert-blog-single .egert-blog-single-content > ol,
#egert-blog-single .egert-blog-single-content > blockquote,
#egert-blog-single .egert-blog-single-content > figure {
    max-width:none !important;
}


/* MOBILE */

@media(max-width:767px) {

    #egert-blog-single .egert-blog-single-container,
    #egert-blog-single .egert-blog-single-content,
    #egert-blog-single .egert-blog-single-end-inner {
        width:calc(100% - 34px) !important;
        max-width:none !important;
    }


    #egert-blog-single .egert-blog-single-media {
        padding-left:17px !important;
        padding-right:17px !important;
    }

}