.bgfg-wrap{width:100%}

.bgfg-wrap a,
.bgfg-wrap a:hover,
.bgfg-wrap a:focus,
.bgfg-wrap a:active{
    text-decoration:none !important;
    background-image:none !important;
    box-shadow:none !important;
}

.bgfg-wrap .bgfg-title,
.bgfg-wrap .bgfg-title:hover,
.bgfg-wrap .bgfg-title:focus,
.bgfg-wrap .bgfg-title:active{
    text-decoration:none !important;
    background-image:none !important;
    box-shadow:none !important;
}

/** Filter */

.bgfg-filters{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:0 0 2em;
}

.bgfg-filter{
    padding:8px 14px;
    border:0 !important;
    background:var(--bgfg-filter-inactive-bg,#f5f5f5);
    color:var(--bgfg-filter-inactive-color,#000000);
    font-size:var(--bgfg-filter-inactive-size,14px);
    cursor:pointer;
    border-radius:0;
    box-shadow:none !important;
    appearance:none;
    -webkit-appearance:none;
    outline:none;
    line-height:inherit;
}

.bgfg-filter.active{
    background:var(--bgfg-filter-active-bg,#222222);
    color:var(--bgfg-filter-active-color,#ffffff);
    font-size:var(--bgfg-filter-active-size,14px);
    border:0 !important;
}

.bgfg-filter:hover{
    background:#000 !important;
    color:#fff !important;
    border:0 !important;
}

.bgfg-filter.active:hover{
    background:#000 !important;
    color:#fff !important;
    border:0 !important;
}

.bgfg-filter:focus{
    outline:none;
}

.bgfg-filter:focus:not(:focus-visible){
    outline:none !important;
    box-shadow:none !important;
}

.bgfg-filter:focus-visible,
.bgfg-more:focus-visible{
    outline:2px solid #000 !important;
    outline-offset:2px !important;
    box-shadow:none !important;
}

.bgfg-filter,
.bgfg-filter:hover,
.bgfg-filter:focus,
.bgfg-filter:active{
    box-shadow:none !important;
}

.bgfg-filter:focus:not(.active),
.bgfg-filter:active:not(.active){
    background:var(--bgfg-filter-inactive-bg,#f5f5f5) !important;
    color:var(--bgfg-filter-inactive-color,#000000) !important;
    border:0 !important;
}

/** Leistungen */

.bgfg-grid{
    display:grid;
    column-gap:var(--bgfg-grid-column-gap,20px);
    row-gap:var(--bgfg-grid-row-gap,20px);
}

.bgfg-grid.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.bgfg-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bgfg-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bgfg-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bgfg-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.bgfg-grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}

.bgfg-grid.bgfg-layout-float{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:1.5em;
}

.bgfg-grid.bgfg-layout-float .bgfg-item{
    display:flex;
    width:auto;
    max-width:100%;
    flex:0 1 auto;
    white-space:nowrap;
    align-items:center;
    gap:0.4em;
    line-height:1em;
}

.bgfg-grid.bgfg-layout-float .bgfg-item::before{
    content:"\e2e6";
    font-family:"material-symbols-outlined";
    color:var(--ast-global-color-0);
    font-size:1.5em;
    line-height:1;
    display:inline-flex;
    width:1em;
    min-width:1em;
    height:1em;
    align-items:center;
    justify-content:center;
    align-self:center;
    transform:translateY(-0.2em);
    flex:0 0 auto;
    margin:0;
    padding:0;
}

.bgfg-grid.bgfg-layout-float .bgfg-item.bgfg-dimmed .bgfg-title{
    padding-bottom:10px;
}

.bgfg-grid.bgfg-layout-float .bgfg-title,
.bgfg-grid.bgfg-layout-float .bgfg-date,
.bgfg-grid.bgfg-layout-float .bgfg-excerpt,
.bgfg-grid.bgfg-layout-float .bgfg-thumb,
.bgfg-grid.bgfg-layout-float .bgfg-thumb img{
    white-space:nowrap;
}

.bgfg-grid.bgfg-layout-float .bgfg-thumb img{
    width:auto;
    max-width:none;
}

.bgfg-grid.bgfg-layout-float .bgfg-item *{
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
}

.bgfg-item{
    transition:opacity .3s ease,filter .3s ease,transform .3s ease;
    pointer-events:none;
}

.bgfg-item.bgfg-dimmed{
    opacity:.3;
    filter:grayscale(100%);
}

.bgfg-item.bgfg-filter-hidden{
    display:none !important;
}

.bgfg-item.bgfg-hidden-initial{
    display:none;
}

.bgfg-thumb{
    overflow:hidden;
    border-radius:0;
    background:#eee;
    margin-bottom:10px;
}

.bgfg-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:0;
}

.bgfg-title{
    font-size:var(--bgfg-title-size,18px);
    color:var(--bgfg-title-color,#000000);
    font-family:"Source Sans Pro";
    margin:0;
    text-decoration:none !important;
    background-image:none !important;
    box-shadow:none !important;
}

.bgfg-title.bgfg-title-tag-p{
    margin-top:var(--bgfg-p-margin-top,0);
    margin-right:var(--bgfg-p-margin-right,0);
    margin-bottom:var(--bgfg-p-margin-bottom,0);
    margin-left:var(--bgfg-p-margin-left,0);
    padding-top:var(--bgfg-p-padding-top,0);
    padding-right:var(--bgfg-p-padding-right,0);
    padding-bottom:var(--bgfg-p-padding-bottom,0);
    padding-left:var(--bgfg-p-padding-left,0);
}

.bgfg-grid.bgfg-layout-float .bgfg-item.bgfg-dimmed .bgfg-title.bgfg-title-tag-p{
    padding-bottom:10px;
}

.bgfg-date{
    margin:0 0 8px;
    font-size:14px;
    color:#666;
}

.bgfg-excerpt{
    font-size:var(--bgfg-excerpt-size,14px);
    color:var(--bgfg-excerpt-color,#444444);
}

.bgfg-more-wrap{
    margin-top:20px;
}

.bgfg-more{
    padding:8px 14px;
    border:0 !important;
    background:var(--bgfg-load-more-bg,#f5f5f5);
    color:var(--bgfg-load-more-color,#000000);
    font-size:var(--bgfg-load-more-size,14px);
    cursor:pointer;
    border-radius:0;
    box-shadow:none !important;
    appearance:none;
    -webkit-appearance:none;
    outline:none;
}

.bgfg-more:hover{
    background:var(--bgfg-load-more-hover-bg,#000000) !important;
    color:var(--bgfg-load-more-hover-color,#ffffff) !important;
    border:0 !important;
}

.bgfg-more:focus{
    outline:none;
}

.bgfg-more:focus:not(:focus-visible){
    outline:none !important;
    box-shadow:none !important;
}

.screen-reader-text{
    border:0;
    clip:rect(1px,1px,1px,1px);
    -webkit-clip-path:inset(50%);
    clip-path:inset(50%);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    word-wrap:normal !important;
}

@media (max-width:1024px){
    .bgfg-grid.cols-4,
    .bgfg-grid.cols-5,
    .bgfg-grid.cols-6{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .bgfg-grid.bgfg-layout-float .bgfg-item{
        min-width:0;
        max-width:100%;
        white-space:normal;
        align-items:center;
        line-height:1.2em;
    }

    .bgfg-grid.bgfg-layout-float .bgfg-title,
    .bgfg-grid.bgfg-layout-float .bgfg-date,
    .bgfg-grid.bgfg-layout-float .bgfg-excerpt{
        min-width:0;
        max-width:100%;
        white-space:normal;
        overflow-wrap:anywhere !important;
        word-break:normal !important;
        hyphens:auto !important;
    }

    .bgfg-grid.bgfg-layout-float .bgfg-thumb,
    .bgfg-grid.bgfg-layout-float .bgfg-thumb img{
        max-width:100%;
        white-space:normal;
    }
}

@media (max-width:768px){
    .bgfg-grid.bgfg-layout-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:480px){
    .bgfg-grid.bgfg-layout-grid{
        grid-template-columns:repeat(1,minmax(0,1fr)) !important;
    }
}