/* Categories Images Frontend Styles */

/* Grid Layout */
.zci-taxonomy-list.zci-grid {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(var(--zci-columns, 3), 1fr);
    list-style: none;
    /* Remove bullets */
    padding: 0;
    margin: 0;
}

.zci-taxonomy-list.zci-grid .zci-item {
    text-align: center;
    list-style: none;
    /* Ensure no bullets on items */
    margin: 0;
}

.zci-taxonomy-list.zci-grid .zci-image {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    /* For hover effect */
    border-radius: 8px;
    /* Nicer corners */
}

.zci-taxonomy-list.zci-grid .zci-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    transition: transform 0.3s ease;
    /* Smooth hover */
}

.zci-taxonomy-list.zci-grid .zci-image img:hover {
    transform: scale(1.05);
    /* Subtle zoom effect */
}

/* Inline Layout */
.zci-taxonomy-list.zci-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.zci-taxonomy-list.zci-inline .zci-item {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
}

/* List Layout (Default) */
.zci-taxonomy-list.zci-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.zci-taxonomy-list.zci-list .zci-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}

/* Common */
.zci-term-name {
    display: block;
    font-weight: bold;
    margin-top: 5px;
    color: inherit;
    text-decoration: none;
}

.zci-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.zci-term-count {
    display: inline-block;
    background: #f0f0f1;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 0.8em;
    margin-left: 5px;
    vertical-align: middle;
}
.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus{outline:0}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#000;position:fixed}.sl-wrapper{z-index:1040}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:10060;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1060;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:10060;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0;width:100%;height:auto}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-image iframe{border:0}}@media (min-width:50em){.sl-wrapper .sl-image iframe{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease .2s;transition:-ms-transform ease .2s;transition:-o-transform ease .2s;transition:-webkit-transform ease .2s;transition:transform ease .2s}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map */


.slick-loading .slick-list
{
}


@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('https://wwwbebcolde52219.zapwp.com/wp-content/plugins/responsive-gallery-grid/lib/slick/fonts/slick.eot');
    src: url('https://wwwbebcolde52219.zapwp.com/wp-content/plugins/responsive-gallery-grid/lib/slick/fonts/slick.eot') format('embedded-opentype'), url('https://wwwbebcolde52219.zapwp.com/wp-content/plugins/responsive-gallery-grid/lib/slick/fonts/slick.woff') format('woff'), url('https://wwwbebcolde52219.zapwp.com/wp-content/plugins/responsive-gallery-grid/lib/slick/fonts/slick.ttf') format('truetype'), url('https://www.beb-col.de/wp-content/plugins/responsive-gallery-grid/lib/slick/fonts/slick.svg#slick') format('svg');
;font-display:swap;}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 15px;
    z-index: 1;
}
[dir='rtl'] .slick-prev
{
    right: 15px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: 15px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 15px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}


.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* reset commonly used image styles that can screw up the gallery */

.rgg-imagegrid a, .rgg-imagegrid a:hover {
    box-shadow: none;
}

.rgg-imagegrid { position: relative; clear:both; }

.rgg-imagegrid > .rgg-img {
    display:block;
    position: absolute;
    left:0;
    top:0;
    overflow: hidden; /* clip the inner <img> — e.g. when the zoom hover scales it past the tile */
    background-color:#f4f4f4; /* placeholder behind the image while it loads */
    /*border:4px solid #ffffff;*/
    /*padding: 5px;*/
    box-sizing: content-box;
}

/* Every tile is a real <img> filling the anchor box (replaces the old JS-painted CSS
   background-image and its 102%/cover background-size tricks). object-fit:cover crops to the
   tile, covering the fixed aspect-ratio (.rgg-crop) case too. transform-origin centres the
   zoom-hover scale (see Tile.zoom in main.js). */
.rgg-imagegrid > .rgg-img > .rgg-tile-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center center;
}

/* Per-image duotone (Gutenberg): filter the <img> directly so it is recolored while the caption
   span (a sibling above it) stays un-recolored. */
.rgg-imagegrid > .rgg-img.rgg-duotone > .rgg-tile-img {
    filter: var(--rgg-duotone);
}

/* Native WP lightbox tiles carry no href, so the anchor keeps the default cursor; core only puts
   cursor:zoom-in on the tile <img>. An overlay caption (a span covering the whole tile) sits above
   the image and would otherwise inherit that default cursor, hiding the magnifier. Set zoom-in on
   the whole lightbox tile so it shows over the caption too (cursor is inherited). */
.rgg-imagegrid > .rgg-img.wp-lightbox-container {
    cursor: zoom-in;
}

/* SimpleLightbox sets the caption's inline width to the exact image width; without
   border-box its 10px padding would push it 20px wider than the image. */
.sl-wrapper .sl-image .sl-caption {
    box-sizing: border-box;
}

/* built-in captions styles and effects */

.rgg-caption-container {
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    overflow: hidden;
    /*background-color: rgba(255,0,0,.5);*/
}

.rgg-caption-container .rgg-caption {
    box-sizing:border-box;
    position:absolute;
    left:0;
    bottom:0;
    /*transform: translate(0,100%);*/
    background-color: rgba(0,0,0,0.8);
    font-size: 12px;
    width: 100%;
    text-align:center;
    color: #eeeeee;
    font-weight:bold;
    padding: 10px;
}


/*
    Example 1: adding borders to the images.
    -------------------------------------------------------------------
    Copy the CSS below to your theme's style.css file and uncomment it.
    Then modify as necessary.
    - Note: you cannot add padding or margins this way. To add margins between the images set the margin parameter
            in the schortcode or globally under Dashboard > RGG Options > Margin
 */
/*
.rgg-imagegrid > .rgg-img {
    border: 4px solid #3c3c9c;
    border-bottom-width: 20px;
}
*/

/* ------------------------------------------------------------------------------------------------------------------ */

/*
     Example 2: Custom Captions CSS. (RGG Pro Only)
     ---------------------------------------------------------------------
     Copy the CSS below to your theme's style.css file and uncomment it.
     Then go to Dashboard > RGG Options, and set Captions to Custom Style.
*/
/*
.rgg-imagegrid.captions-custom .rgg-caption-container {
    background-color: rgba(0,0,0,.6);
}

.rgg-imagegrid.captions-custom .rgg-caption-container:hover {
    background-color: rgba(0,0,0,0);
}

.rgg-imagegrid.captions-custom .rgg-caption-container .rgg-caption {
    bottom:50%;
    transform: translate(0,50%);
    background-color: transparent;
    font-size: 20px;
    text-align:center;
    font-weight:bold;
    transition: all .5s ease;
}

.rgg-imagegrid.captions-custom .rgg-caption-container:hover .rgg-caption {
    transform: translate(0,50%) scale(2,2);
    opacity: 0;
}
*/

.image-above-container .slide {
    background-color: #303030;
    text-align: center;
}

.image-above-container .slide img {
    margin: 0 auto;
    max-width:100%;
    height: auto;
}
/*!
              - C S S -
        VERSION 1.0.0 - DATE: 2023-01-06
	@author: Krisztian Horvath ThemePunch OHG.
        - Slider Revolution 7.0 -

        GET LICENSE AT:
https://www.themepunch.com/links/slider_revolution_wordpress_regular_license

LICENSE:
Copyright (c) 2023, ThemePunch. All rights reserved.
This work is subject to the terms at https://www.themepunch.com/links/slider_revolution_wordpress_regular_license (Regular / Extended)
*/.rs-p-wp-fix{display:none!important;margin:0!important;height:0!important}body{--sr-7-css-loaded:1}.wp-block-themepunch-revslider{position:relative}.wp-block-themepunch-revslider.revslider{margin:0}canvas.sr7-pbar{z-index:500;position:absolute;pointer-events:none}sr7-module{display:block;position:relative;overflow-x:visible;-webkit-tap-highlight-color:transparent}sr7-module.sr-keepflow-force{display:inline-block}sr7-adjuster{position:relative;display:block;width:100%}sr7-content{position:absolute;top:0;height:100%;contain:size layout style;z-index:1;overflow-x:visible}sr7-carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}sr7-slide{position:absolute;width:100%;height:100%;contain:strict;top:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.sr7-overflow-force sr7-slide,sr7-carousel sr7-slide{contain:layout style}sr7-module-bg{top:0;z-index:0;position:absolute}.sr--force--untouchable,.sr--force--untouchable *{pointer-events:none!important}sr7-3dwrap{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}sr7-overlay{display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;background-repeat:repeat}sr7-glass{display:block;position:absolute;inset:0;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;border-radius:inherit;background-repeat:no-repeat;box-sizing:border-box}sr7-btn,sr7-col,sr7-content .sr7-layer,sr7-grp,sr7-img,sr7-layer,sr7-linebrk,sr7-row,sr7-shp,sr7-svg,sr7-txt,sr7-zone{user-select:none;visibility:hidden;display:none;box-sizing:border-box;backface-visibility:hidden}sr7-lb-after{display:block!important;width:100%;height:0;position:relative}sr7-col-bg.sr7-img-col-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.sr7-layer[data-subtype=slidebg],sr7bg{pointer-events:none}a.sr7-layer[data-subtype=slidebg]{pointer-events:auto!important}sr7-content .sr7-layer.sr7-withclip,sr7-content .sr7-layer.sr7-withclip .sr7-layer{backface-visibility:visible}.sr--force--overflow--hidden{overflow:hidden!important}.sr7-layernav-hide{visibility:hidden!important;pointer-events:none!important;position:absolute!important}sr7-grp.sr7-clear:after{content:"";clear:both;display:block;height:0}sr7-zone{pointer-events:none}sr7-row.sr7-layer.sr7-galign{box-sizing:border-box}.sr7-layer[data-type=svg]>svg,sr7-layer[data-type=svg]>svg{width:100%;height:100%}sr7-row-con{table-layout:fixed;font-size:0;display:table}sr7-module .sr7-layer,sr7-module sr7-layer{-webkit-font-smoothing:antialiased!important;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;font-display:swap}sr7-slide.sr7-staticslide-low{z-index:0!important}sr7-slide.sr7-staticslide-high{z-index:105!important}@-moz-document url-prefix(){sr7-slide.sr7-staticslide{transform:scale(1)}}sr7-slide a{transition:none}sr7-module.sr7-top-fixed{width:100%;height:auto!important;backface-visibility:hidden}sr7-module.sr7-top-fixed sr7-adjuster{height:auto!important}sr7-module.sr7-top-fixed sr7-content,sr7-module.sr7-top-fixed sr7-content .sr7-layer:not(.sr7-ignore-pe) *{pointer-events:none}sr7-module.sr7-bottom-sticky{width:100%;backface-visibility:hidden}sr7-sticky-spacer{display:block;width:100%;pointer-events:none}sr7-prl{top:50%;left:50%;z-index:10000;position:absolute}sr7-prl.off{display:none!important}sr7-prl.sr7-fade-in{animation:tp-fade-in 1s linear}.sr-force-hidden{display:none!important}.sr-force-nointeraction,.sr-force-nointeraction *{pointer-events:none!important}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:100}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}sr7-fonttest{width:auto;display:inline-block;white-space:nowrap;font-size:12px;color:#000}sr7-fonttest-wrap{position:absolute;contain:strict;top:-1500px;left:-1500px;width:1500px;height:1000px;pointer-events:none;opacity:0}.fn-wrap{display:flex;position:fixed;width:100px;height:50px;z-index:100;background-color:rgba(66,66,66,.2);justify-content:space-around;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}.fn-left,.fn-right{display:flex;width:40px;height:40px;justify-content:center;align-items:center;background-color:gray;color:#fff;font-weight:700;font-size:20px;cursor:pointer}.sr7-layer .materical-icons,sr7-module .material-icons,sr7-txt .material-icons{font-size:inherit;vertical-align:top;line-height:inherit}#sr-announcer{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:where(html.wpc-bgl255) /*# sourceMappingURL=slick.min.css.map */


.slick-loading .slick-list{background: #fff url('https://www.beb-col.de/wp-content/plugins/responsive-gallery-grid/lib/slick/ajax-loader.gif') center center no-repeat}