body { font: 1.16em var(--fontText); margin: 0; padding: 0; color:#444;  }
:root {
    --bdzGreen: #76b82a;/* #7ab800 */
    --bdzGreenDark: #3a5816;
    --bdzGreenNews: #6ba02b;
    --bdzGreenTitle: #4d6d28;
    --fontAwesome: FontAwesome-6-Pro, FontAwesome-6-Brands, FontAwesome-6-Duo, FontAwesome-6-Sharp;
    --fontText: D-Din, Arial, Helvetica, sans-serif;
    --fontTextCond: D-Din-Condensed, Arial, sans-serif;
    --fontHeadline: Arsenal-Regular, Arial, Helvetica, serif;
    --fontNav: D-Din, Arial, Helvetica, sans-serif;
    --gapContent: clamp(2.5em,3vw,3.5em);
}

h1, h2, h3, h4, h5 { font-family: var(--fontHeadline); font-weight: normal; margin:0; hyphens: auto;}
h1 { font-size: clamp(1.5em,2vw,2.25em); margin-bottom: 1em; }
h2 { font-size: clamp(1.25em,1.7vw,1.67em); }


a { color: var(--bdzGreen); outline: none; text-decoration: none; }
a:hover { color: var(--bdzGreenDark); transition: color 450ms; }
a::before, a::after { font-family: var(--fontAwesome); font-weight: 300; }
a.pdf::before { content: '\f1c1'; padding-right: 6px; }
a.arrow::before { content: '\f054'; padding-right: 6px; }
a[class*=popup-pdf]::before {content: '\f1c1'; padding-right: .5em;}
a.internal::before {content: '\f15b'; padding-right: .44em;}
a.external::before, a.external-link::before {content: '\f08e'; padding-right: 6px;}
a.phone::before { content: '\f095'; padding-right: 6px; }
a.email::before { content: '\f0e0'; padding-right: 6px; }

/* Grid */
.container {padding: 0 20px;}
main>.container { margin-top: var(--gapContent); }
aside { background-color: #f3f3f3; }

/*Overlay Seite versenden */
.container.overlay { background-color: #fff; padding: 30px; }

/* Header */
.logo a { background: url("../images/logo_bdz.svg")no-repeat; margin: 14px 0 12px; width: 188px; height: 75px;display: block; }


/* Zwischentitel, Kommentar */
.zw-titel { font-family: var(--fontHeadline); font-size: clamp(1.3em,1.4vw,1.46em); color: var(--bdzGreenTitle); }
.comment { font-size: 12px; margin-top: 6px; }

/* Textliste */
.container>.content>ul { display: flex; flex-direction: column; gap: .9em;}

/* Nach-oben-Button Seite */
a.page-top { position:fixed; right:0; bottom: 22px; color:#fff;  z-index:5; background-color: var(--bdzGreen); padding: 14px 15px; }
a.page-top::before { font: 300 1.2em var(--fontAwesome); content: '\f077'; padding-right: 0; }

/* BildIcons*/
.ce-gallery figure a {position: relative; display: block;}
.media-icon { position: absolute; bottom: 8px; left: 8px; font: 200 2em var(--fontAwesome); color: #fff; }
.ce-gallery figure a:hover .media-icon, .media-icon:hover { color: var(--bdzGreen);}
.media-icon.magnifier::before {content: '\f00e';  transform: perspective(500px) rotate(90deg); }
.media-icon.gallery::before {content: '\f302'; }
.media-icon.video::before {content: '\f144'; }


/* Seite Termine */
.date-box .single, .date-box .period { color: var(--bdzGreenDark); }
.container>.content>ul.appointment { flex-direction: row;}

/* fe_login */
aside .tx-felogin-pi1 { padding: 1.616em; }
aside .tx-felogin-pi1 .btn { background-color:#fff; border: 1px solid #ccc; }
/*
ul.news-img li a:hover .media-icon::before, .ce-gallery figure:hover .media-icon::before{ color:#fff; }
ul.news-img li a:hover .media-icon.video, .ce-gallery figure:hover .media-icon.video {border-color: #fff;}
ul.news-img li a:hover .media-icon.video::before, .ce-gallery figure:hover .media-icon.video::before { border-color: transparent transparent transparent #fff; }

 */

/* fsc */
.ce-uploads li { margin:0;}
.ce-uploads span.file { padding-right: 6px;}

body.member .content .ce-textpic>.ce-bodytext>ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1em; }
body.member .content .ce-textpic>.ce-bodytext>ul li { text-indent: -1.1em; margin-left: 1.1em;  }
body.member .content .ce-textpic>.ce-bodytext>ul li::before { font-family: var(--fontAwesome); content: '\f054'; padding-right: .5em; font-weight: 200;}
body.member h1 { text-transform: uppercase; font-size: 2em;}


/* Keine Nachrichten verfügbar für BV Hessen temp. ausgeblendet */
.hessen .no-news-found {display: none; }

@media (min-width: 768px) {

    /* Grid */
    aside { display: flex; flex-wrap: wrap; }
    aside>a { display: none; }

    /* Header */
    header { border-top: 6px solid var(--bdzGreen); }
    .logo a { width: 211px; height: 71px; }

}

@media (min-width: 992px) {

    /* Grid */
    main .container { display: flex; gap: 5.239%;  }
    .content { width: 65%; }
    aside { width: 35%; max-width: 500px; flex-direction: column}

    /* Header */
    .logo a { width: 230px; height: 78px; }


}

@media (min-width: 1680px) {

    /* Grid */
   .container { width: 1680px; padding:0; }

    /* Header */
    .logo a { width: 338px; height: 115px; }

}