.elementor-27966 .elementor-element.elementor-element-e1110a7{--display:flex;--min-height:55vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27966 .elementor-element.elementor-element-a758aa9{--display:flex;--min-height:55vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.35;--padding-top:0rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-27966 .elementor-element.elementor-element-a758aa9:not(.elementor-motion-effects-element-type-background), .elementor-27966 .elementor-element.elementor-element-a758aa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hochbeet-hans.de/wp-content/uploads/2025/01/20240504_155234.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-27966 .elementor-element.elementor-element-a758aa9::before, .elementor-27966 .elementor-element.elementor-element-a758aa9 > .elementor-background-video-container::before, .elementor-27966 .elementor-element.elementor-element-a758aa9 > .e-con-inner > .elementor-background-video-container::before, .elementor-27966 .elementor-element.elementor-element-a758aa9 > .elementor-background-slideshow::before, .elementor-27966 .elementor-element.elementor-element-a758aa9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-27966 .elementor-element.elementor-element-a758aa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27966 .elementor-element.elementor-element-2164e6c{text-align:start;}.elementor-27966 .elementor-element.elementor-element-2164e6c .elementor-heading-title{font-family:"komet", Sans-serif;font-size:3rem;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-27966 .elementor-element.elementor-element-2c67c4f{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-27966 .elementor-element.elementor-element-2c67c4f:not(.elementor-motion-effects-element-type-background), .elementor-27966 .elementor-element.elementor-element-2c67c4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b86c2c4 );}.elementor-27966 .elementor-element.elementor-element-6d35ee2{--display:flex;--padding-top:6rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-27966 .elementor-element.elementor-element-d88bfb3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-27966 .elementor-element.elementor-element-c3392ee{--grid-columns:4;--grid-row-gap:2rem;--grid-column-gap:2rem;}.elementor-27966 .elementor-element.elementor-element-28d6a06{--grid-columns:1;--grid-row-gap:0rem;--grid-column-gap:2rem;}.elementor-27966 .elementor-element.elementor-element-34806bb{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;text-align:start;}.elementor-27966 .elementor-element.elementor-element-34806bb .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2rem;font-weight:700;color:#432918;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-27966 .elementor-element.elementor-element-deb45f8{font-family:"komet", Sans-serif;font-weight:400;color:#404040;}.elementor-27966 .elementor-element.elementor-element-49c6a17{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;text-align:start;}.elementor-27966 .elementor-element.elementor-element-49c6a17 .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2rem;font-weight:700;color:#432918;}.elementor-27966 .elementor-element.elementor-element-890a2e8{font-family:"komet", Sans-serif;font-weight:400;color:#404040;}.elementor-27966 .elementor-element.elementor-element-127245f{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;text-align:start;}.elementor-27966 .elementor-element.elementor-element-127245f .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2rem;font-weight:700;color:#432918;}.elementor-27966 .elementor-element.elementor-element-3702615{font-family:"komet", Sans-serif;font-weight:400;color:#404040;}.elementor-27966 .elementor-element.elementor-element-56561ec{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;text-align:start;}.elementor-27966 .elementor-element.elementor-element-56561ec .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2rem;font-weight:700;color:#432918;}.elementor-27966 .elementor-element.elementor-element-a1e40fd{font-family:"komet", Sans-serif;font-weight:400;color:#404040;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-27966 .elementor-element.elementor-element-2c67c4f{--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-27966 .elementor-element.elementor-element-c3392ee{--grid-columns:2;}.elementor-27966 .elementor-element.elementor-element-c3392ee > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-27966 .elementor-element.elementor-element-28d6a06{--grid-columns:1;}.elementor-27966 .elementor-element.elementor-element-28d6a06 > .elementor-widget-container{margin:4rem 0rem 4rem 0rem;}}@media(max-width:767px){.elementor-27966 .elementor-element.elementor-element-c3392ee{--grid-columns:1;}.elementor-27966 .elementor-element.elementor-element-c3392ee > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-27966 .elementor-element.elementor-element-28d6a06{--grid-columns:1;}.elementor-27966 .elementor-element.elementor-element-28d6a06 > .elementor-widget-container{margin:4rem 0rem 4rem 0rem;}.elementor-27966 .elementor-element.elementor-element-34806bb{text-align:start;}.elementor-27966 .elementor-element.elementor-element-49c6a17{text-align:start;}.elementor-27966 .elementor-element.elementor-element-127245f{text-align:start;}.elementor-27966 .elementor-element.elementor-element-56561ec{text-align:start;}}/* Start custom CSS for shortcode, class: .elementor-element-d88bfb3 *//* In css/category-filter.css */
.category-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1em;
    background: #E2D5C5;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
}

.view-switcher {
    display: flex;
    gap: 0.5rem;
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 2px solid #405823;
}

.view-switcher-button {
    background: none;
    border: none;
    padding: 0.4em;
    cursor: pointer;
    color: #405823;
    opacity: 0.5;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-switcher-button:hover {
    opacity: 0.8;
}

.view-switcher-button.active {
    opacity: 1;
    color: white;
}

.view-switcher-button svg {
    width: 20px;
    height: 20px;
}

.category-filter-button {
    font-family: 'Komet';
    font-weight: 600;
    padding: 0.5em 1em;
    border: none;
    border-radius: 8px;
    color: white;
    background: #405823;
    cursor: pointer;
    transition: all 0.3s ease;
}

.category-filter-button:hover {
    background: #66882C;
}

.category-filter-button.active {
    background: #66882C;
    color: white;
}

/* Loading-Zustände */
.elementor-element-c235e06.loading,
.elementor-element-73bff32.loading {
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}

.loading:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid #E2D5C5;
    border-top: 4px solid #405823;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Responsive Design */
@media (max-width: 768px) {
    .category-filter-bar {
        gap: 0.5rem;
    }
    
    .category-filter-button {
        font-size: 0.9em;
        padding: 0.4em 0.8em;
    }
    
    .view-switcher {
        margin-right: 0.5rem;
        padding-right: 0.5rem;
    }
    
    .view-switcher-button svg {
        width: 18px;
        height: 18px;
    }
}

/* Ergänzung zu Ihrem bestehenden CSS */
.view-switcher-button {
    font-family: 'Komet';
    font-weight: 600;
    padding: 0.5em 1em;
    border: none;
    border-radius: 8px;
    color: white;
    background: #405823;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-switcher-button svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.view-switcher-button:hover {
    background: #66882C;
}

.view-switcher-button.active {
    background: #66882C;
    
}/* End custom CSS */