body { font: 1.16em var(--fontText); margin: 0; padding: 0; color: var(--vbbaGrey);  }
:root {
    --vbbaMagenta: #ae005f;
    --vbbaMagentaDark: #580629;
    --vbbaGrey: #555;
    --vbbaBlue: #0063af;
    --vbbaBlueDark: #0b2033;
    --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: Montserrat-Light, Verdana, Helvetica, serif;
    --fontNav: D-Din, Arial, Helvetica, sans-serif;
    --innerGap: clamp(2.3em,3vw,3.5em);
}
/* fuer Formulare */
.clear {clear:both; margin: 0; padding: 0;}

/* fuer Magazin */
.magazin a[class*="popup-pdf"]::before {display: unset;}

/* Provisorisch für Platzhalter Vorsorgewerk */
.start .ce-image.ce-center figure.image { margin-bottom: var(--innerGap); }

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


a { color: var(--vbbaMagenta); outline: none; text-decoration: none; }
a:hover { color: var(--vbbaBlue); transition: color 450ms; }
a::before, a::after { font-family: var(--fontAwesome); font-weight: 300 !important; }
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: .7em; }
a.email::before { content: '\f0e0'; padding-right: .7em; }
a.epaper::before { content: '\e51d'; padding-right: .5em; }

hr {border-color: #adadad;}

/* Grid */
.container {padding: 0 20px;}
main>.container { margin-top: var(--innerGap); }
main>.container a::before {display: inline-block; width: 1.3em;}
aside { background-color: #f3f3f3; }
header { margin-bottom: 0px; padding-bottom: 1.35rem; z-index: 1000; top:0; position: sticky; background-color: #ffffff; }

/*Overlay Seite versenden */
.container.overlay { background-color: #fff; padding: 30px; }
.container.overlay h1 {color: var(--fontText);}
.container.overlay strong { display:block; font-weight: normal; font-size: 1.4em; margin:.9em 0 -.6em; color: var(--vbbaBlue);}
/* Header */
.logo a { background: url("../../www_vbba_de/images/vbba_logo.svg")no-repeat; margin-top: 34px; width: 188px; height: 75px;display: block; }


/* Zwischentitel, Kommentar */
.zw-titel { font-family: var(--fontHeadline); font-size: clamp(1.3em,1.4vw,1.46em); color: #444; }
.zw-titel p { margin: 1em 0 .6em;}

.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(--vbbaMagenta); 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; }
article .media-icon.video {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 4.5em; left: 0; bottom: 0; }
.ce-gallery figure a:hover .media-icon, .media-icon:hover { color: var(--vbbaMagenta);}
.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(--vbbaMagentaDark); }
.container>.content>ul.appointment { flex-direction: row !important;}

/* 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;}

/* Vorsorgewerk Widget */
h2.w_news_title { background-color: var(--vbbaBlueDark); color: #fff; padding: clamp(.8em,1.6vw,1.2em) clamp(.8em,1.6vw,1.2em) .4em; font-family: var(--fontHeadline); margin:0; float:unset;}
.w_news_underline {background-color: var(--vbbaBlueDark) !important; float: unset !important;; margin:0 !important;}
.w_col_3_row { background-color: var(--vbbaBlueDark);box-sizing: border-box; margin:0 0 var(--innerGap); padding: 2em;}
[class^=w_col_3]:not(.w_col_3_row) { float: unset; padding: 0; width: unset; margin:0; }
[class^=w_col_3] a.col_w_news_link_image { position: unset; display: block; float:unset; min-height: unset;}
[class^=w_col_3] a.col_w_news_link_image img { position: unset; transform: unset; float:unset; max-width: 100%; height: auto;}
[class^=col_w_news] h3.col_w_news_title {float: unset; font-size: .98em;}
.w_col_3 .col_w_news_wrapper {background-color: var(--vbbaBlueDark); color: #fff; float: unset; border: unset; width:unset; margin-bottom: 0; display: flex; flex-direction: column;  }
.w_col_3 .col_w_news_content_wrapper { float: unset; min-height:7em !important; padding: 0; margin: auto;}
.w_col_3 .col_w_news_link_wrapper { margin-top:auto; }
p.col_w_news_text { margin-bottom: 1.2em; font-size: .8em }
p.col_w_news_date { font-size: .7em }
.w_col_3 h3 a { color: #fff !important;}
.w_col_3 p { float: unset; width: unset; color: #fff; }
a.col_w_news_link_button {font-weight: unset; background-color: unset; float: none; text-transform: uppercase; padding: 0; font-size: .75em; letter-spacing: .05em; display: block;}
a.col_w_news_link_button img { display: none;  }
a.col_w_news_link_button::before { content: '\f08e'; padding-right: .6em;  }
a.col_w_news_link_button:hover, .col_w_news_link_button:focus, .col_w_news_link_button:visited { background: unset !important; }

/* Interner Bereich */
.tx-felogin-pi1 form[action='/anmeldung/'] .col-xs-12.col-md-6+.col-xs-12.col-md-6 {margin-top:1.6em;}
.tx-felogin-pi1 label { margin-bottom: .5em;}
.tx-felogin-pi1 input { padding: 12px;}

@media (min-width: 576px) {
    .w_col_3_row { display: flex; --gap: clamp(.8em,2.5vw,2.8em); gap: var(--gap); padding:1em var(--gap) clamp(.7em,1.2vw,1.2em);  }
    .w_col_3 .col_w_news_wrapper { font-size: clamp(.78em,1.6vw,1em); }

}

@media (min-width: 768px) {

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

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

}

@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 {
        padding-bottom: 0px; z-index: 1000; top:auto; position: relative;
    }
    /* Header */
    .logo a { width: 230px; height: 78px; }


}

@media (min-width: 1680px) {

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

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

}