/*prevent nav letter spacing*/
.inner-nav ul li a {
    letter-spacing: 0px;
}
/*close gap to sub nav*/
.mn-sub {
    top: 80%;
    left: -12px;
}

.post-prev-more {
    padding-bottom: 25px;
}

.widget-title-selected {
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    border-bottom: 1px solid #ccc;
    background: #eee !important;
    padding-left: 10px !important;
}

.widget-title-sub a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    border-bottom: 1px solid #ccc;
}

.widget-link {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid #ccc !important;
}

.widget-link-selected {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    border-bottom: 1px solid #ccc !important;
    background: #eee !important;
    padding-left: 5px !important;
    padding-top: 2px !important;
}

.level-3 {
    margin-left: -30px;
}

.level-4 {
    margin-left: -30px !important;
}

.level-5 {
    margin-left: -30px;
}

.memberListe h4 {
    margin-bottom: 0;
    line-height: 1.4m;
}

.memberListe p {
    margin-bottom: 10px;
    line-height: 1.8m;
}

    .memberListe p a {
        padding-right: 20px;
    }

.pricing-item a {
    padding-right: 5px;
}


#content .sitemap {
    padding-bottom: 20px
}

    #content .sitemap li {
        color: #6d6e71;
        background: url(/images/li7.png) no-repeat 2px 13px;
        border-bottom: 1px dotted #b0b0b0;
        padding: 8px 0 7px 25px
    }

        #content .sitemap li a {
            text-decoration: none
        }

            #content .sitemap li a:hover {
                text-decoration: underline
            }

/* DocType Item Styles 
------------------------------------------------------------------*/
ul.sitemap {
    list-style-type: none;
    padding-left: 0px !important
}

li.pdf {
    color: #6d6e71;
    background: url(/images/docTypes/pdf.png) no-repeat 2px 13px;
    border-bottom: 1px dotted #b0b0b0;
    padding: 8px 0 7px 25px;
    list-style-type: none;
}

li.excel {
    color: #6d6e71;
    background: url(/images/docTypes/excel.png) no-repeat 2px 13px;
    border-bottom: 1px dotted #b0b0b0;
    padding: 8px 0 7px 25px;
    list-style-type: none;
}

li.word {
    color: #6d6e71;
    background: url(/images/docTypes/word.png) no-repeat 2px 13px;
    border-bottom: 1px dotted #b0b0b0;
    padding: 8px 0 7px 25px;
    list-style-type: none;
}

li.map {
    color: #6d6e71;
    background: url(/images/docTypes/map.png) no-repeat 2px 13px;
    border-bottom: 1px dotted #b0b0b0;
    padding: 8px 0 7px 25px;
    list-style-type: none;
}

.lottery {
    padding-bottom: 30px;
}

/* Custom Grid Boxes 
------------------------------------------------------------------*/
.boxBorder {
}
    /* .boxBorder */
    .boxBorder .column {
        min-height: 300px;
        padding: 10px;
        margin-left: -10px;
    }

        .boxBorder .column div {
            padding: 10px;
            min-height: 300px;
            border: 1px solid #999;
        }

            .boxBorder .column div p {
                min-height: 70px;
                margin: 10px 0;
            }
/* .boxBackground */
.boxBackground .column {
    min-height: 300px;
    padding: 10px;
}

    .boxBackground .column div {
        background-color: #f8f8f8;
        padding: 10px;
        min-height: 300px;
    }

        .boxBackground .column div p {
            min-height: 70px;
            margin: 10px 0;
        }
/* .boxBorderBackground */
.boxBorderBackground .column {
    min-height: 300px;
    padding: 10px;
}

    .boxBorderBackground .column div {
        background-color: #f8f8f8;
        padding: 10px;
        min-height: 300px;
        border: 1px solid #999;
    }

        .boxBorderBackground .column div p {
            min-height: 70px;
            margin: 10px 0;
        }

img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.pricing-title {
    min-height: 50px;
}

.pr-list li {
    min-height: 44px;
}


/* === Headings: mehr Zeilenabstand im Content-Bereich ===
   Passe die Container-Liste (.rte, .richtext, .article-content, .content) bei Bedarf an
   deine Projektstruktur an. So bleiben Hero/Navigation unangetastet. */

:root {
    --h1-line-height: 1.28; /* vorher oft ~1.2 */
    --h2-line-height: 1.32;
    --h3-line-height: 1.36;
    --h-margin-bottom: 0.6em; /* etwas mehr Luft unter Überschriften */
}

.rte h1, .richtext h1, .article-content h1, .content h1,
.rte .h1, .richtext .h1, .article-content .h1, .content .h1 {
    line-height: var(--h1-line-height);
    margin-bottom: var(--h-margin-bottom);
}

.rte h2, .richtext h2, .article-content h2, .content h2,
.rte .h2, .richtext .h2, .article-content .h2, .content .h2 {
    line-height: var(--h2-line-height);
    margin-bottom: var(--h-margin-bottom);
}

.rte h3, .richtext h3, .article-content h3, .content h3,
.rte .h3, .richtext .h3, .article-content .h3, .content .h3 {
    line-height: var(--h3-line-height);
    margin-bottom: var(--h-margin-bottom);
}

/* Optional: bei sehr großen Viewports etwas kompakter */
@media (min-width: 1200px) {
    :root {
        --h1-line-height: 1.25;
        --h2-line-height: 1.30;
        --h3-line-height: 1.34;
    }
}

/* Falls Bootstrap/Theme danach noch enger setzt, notfalls Entsperrhebel aktivieren:
.rte h1, .richtext h1, .article-content h1, .content h1 { line-height: var(--h1-line-height) !important; }
... gleiches für h2/h3
*/

/* Link-Button im Team-Overlay: Text & Rahmen bei Hover weiß, ohne schwarzen Fill */
.team-social-links a.btn-mod.btn-border:hover,
.team-social-links a.btn-mod.btn-border:focus {
    color: #fff !important;
}