.elementor-20234 .elementor-element.elementor-element-b4b2425{--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-20234 .elementor-element.elementor-element-7ae59c8{--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-20234 .elementor-element.elementor-element-7ae59c8:not(.elementor-motion-effects-element-type-background), .elementor-20234 .elementor-element.elementor-element-7ae59c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--wpr-bg-bab195b7-354b-48c6-b4bb-1717983f8111);background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20234 .elementor-element.elementor-element-7ae59c8::before, .elementor-20234 .elementor-element.elementor-element-7ae59c8 > .elementor-background-video-container::before, .elementor-20234 .elementor-element.elementor-element-7ae59c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-20234 .elementor-element.elementor-element-7ae59c8 > .elementor-background-slideshow::before, .elementor-20234 .elementor-element.elementor-element-7ae59c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20234 .elementor-element.elementor-element-7ae59c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 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-20234 .elementor-element.elementor-element-9b0edb4{text-align:left;}.elementor-20234 .elementor-element.elementor-element-9b0edb4 .elementor-heading-title{font-family:"komet", Sans-serif;font-size:3rem;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-20234 .elementor-element.elementor-element-36b45b0{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20234 .elementor-element.elementor-element-36b45b0:not(.elementor-motion-effects-element-type-background), .elementor-20234 .elementor-element.elementor-element-36b45b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b86c2c4 );}.elementor-20234 .elementor-element.elementor-element-769afed{--display:flex;--padding-top:6rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20234 .elementor-element.elementor-element-be20f36{text-align:center;}.elementor-20234 .elementor-element.elementor-element-be20f36 .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-d8759d3{width:100%;max-width:100%;}.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-20234 .elementor-element.elementor-element-c41004d{--grid-columns:4;--grid-row-gap:2rem;--load-more-button-align:center;--grid-column-gap:2rem;}.elementor-20234 .elementor-element.elementor-element-c41004d .elementor-button{background-color:#405823;font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:700;transition-duration:0.3s;border-radius:7px 7px 7px 7px;}.elementor-20234 .elementor-element.elementor-element-c41004d .elementor-button:hover, .elementor-20234 .elementor-element.elementor-element-c41004d .elementor-button:focus{background-color:#66882C;}.elementor-20234 .elementor-element.elementor-element-e151a8c{--grid-columns:1;--grid-row-gap:0rem;--load-more-button-align:center;--grid-column-gap:2rem;}.elementor-20234 .elementor-element.elementor-element-e151a8c .elementor-button{background-color:#405823;font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:700;border-radius:7px 7px 7px 7px;}.elementor-20234 .elementor-element.elementor-element-e151a8c .elementor-button:hover, .elementor-20234 .elementor-element.elementor-element-e151a8c .elementor-button:focus{background-color:#66882C;}.elementor-20234 .elementor-element.elementor-element-ad2b2c6{--display:flex;--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:4rem;--padding-bottom:10rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20234 .elementor-element.elementor-element-ad2b2c6:not(.elementor-motion-effects-element-type-background), .elementor-20234 .elementor-element.elementor-element-ad2b2c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EDE5;}.elementor-20234 .elementor-element.elementor-element-173f04f{text-align:left;}.elementor-20234 .elementor-element.elementor-element-173f04f .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;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-20234 .elementor-element.elementor-element-7d79cb8{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(1px/2);}.elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(1px/2);}.elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(1px/2);margin-left:calc(1px/2);}.elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-1px/2);margin-left:calc(-1px/2);}body.rtl .elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-1px/2);}body:not(.rtl) .elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-1px/2);}.elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-20234 .elementor-element.elementor-element-cf17bf4{--e-icon-list-icon-size:19px;--icon-vertical-offset:2px;}.elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-icon{padding-right:5px;}.elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-item > a{font-family:"komet", Sans-serif;font-weight:400;}.elementor-20234 .elementor-element.elementor-element-cf17bf4 .elementor-icon-list-text{color:#432918;transition:color 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20234 .elementor-element.elementor-element-3926d11{width:var( --container-widget-width, 10% );max-width:10%;--e-transform-flipX:-1;--container-widget-width:10%;--container-widget-flex-grow:0;bottom:1.5rem;}body:not(.rtl) .elementor-20234 .elementor-element.elementor-element-3926d11{right:3rem;}body.rtl .elementor-20234 .elementor-element.elementor-element-3926d11{left:3rem;}.elementor-20234 .elementor-element.elementor-element-991c7f6{text-align:center;}.elementor-20234 .elementor-element.elementor-element-991c7f6 .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-20bd64f{width:100%;max-width:100%;}.elementor-20234 .elementor-element.elementor-element-0af5c47{--grid-columns:4;--grid-row-gap:2rem;--load-more-button-align:center;--grid-column-gap:2rem;}.elementor-20234 .elementor-element.elementor-element-0af5c47 .elementor-button{background-color:#405823;font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:700;transition-duration:0.3s;border-radius:7px 7px 7px 7px;}.elementor-20234 .elementor-element.elementor-element-0af5c47 .elementor-button:hover, .elementor-20234 .elementor-element.elementor-element-0af5c47 .elementor-button:focus{background-color:#66882C;}.elementor-20234 .elementor-element.elementor-element-39ddc64{--grid-columns:1;--grid-row-gap:0rem;--load-more-button-align:center;--grid-column-gap:2rem;}.elementor-20234 .elementor-element.elementor-element-39ddc64 .elementor-button{background-color:#405823;font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:700;border-radius:7px 7px 7px 7px;}.elementor-20234 .elementor-element.elementor-element-39ddc64 .elementor-button:hover, .elementor-20234 .elementor-element.elementor-element-39ddc64 .elementor-button:focus{background-color:#66882C;}.elementor-20234 .elementor-element.elementor-element-18dbeaf{--display:flex;--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:4rem;--padding-bottom:8rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20234 .elementor-element.elementor-element-18dbeaf:not(.elementor-motion-effects-element-type-background), .elementor-20234 .elementor-element.elementor-element-18dbeaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EDE5;}.elementor-20234 .elementor-element.elementor-element-cd8064d{text-align:left;}.elementor-20234 .elementor-element.elementor-element-cd8064d .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-25c097e{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(1px/2);}.elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(1px/2);}.elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(1px/2);margin-left:calc(1px/2);}.elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-1px/2);margin-left:calc(-1px/2);}body.rtl .elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-1px/2);}body:not(.rtl) .elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-1px/2);}.elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-20234 .elementor-element.elementor-element-dd94ec6{--e-icon-list-icon-size:19px;--icon-vertical-offset:2px;}.elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-icon{padding-right:5px;}.elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-item > a{font-family:"komet", Sans-serif;font-weight:400;}.elementor-20234 .elementor-element.elementor-element-dd94ec6 .elementor-icon-list-text{color:#432918;transition:color 0.3s;}.elementor-20234 .elementor-element.elementor-element-1aff67c{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;bottom:1.5rem;}body:not(.rtl) .elementor-20234 .elementor-element.elementor-element-1aff67c{right:3rem;}body.rtl .elementor-20234 .elementor-element.elementor-element-1aff67c{left:3rem;}.elementor-20234 .elementor-element.elementor-element-e1a90ea{--display:flex;--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:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20234 .elementor-element.elementor-element-e1a90ea:not(.elementor-motion-effects-element-type-background), .elementor-20234 .elementor-element.elementor-element-e1a90ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EDE5;}.elementor-20234 .elementor-element.elementor-element-12cddc2{text-align:left;}.elementor-20234 .elementor-element.elementor-element-12cddc2 .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-e3e8971{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-20234 .elementor-element.elementor-element-8227ede{text-align:left;}.elementor-20234 .elementor-element.elementor-element-8227ede .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-0be3b1f{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-20234 .elementor-element.elementor-element-fa4ed07{text-align:left;}.elementor-20234 .elementor-element.elementor-element-fa4ed07 .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-03d6695{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-20234 .elementor-element.elementor-element-2b92667{text-align:left;}.elementor-20234 .elementor-element.elementor-element-2b92667 .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-dde3d2b{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-20234 .elementor-element.elementor-element-b64c4cb{text-align:left;}.elementor-20234 .elementor-element.elementor-element-b64c4cb .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-05f7789{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-20234 .elementor-element.elementor-element-422093e{text-align:left;}.elementor-20234 .elementor-element.elementor-element-422093e .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-7964047{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-20234 .elementor-element.elementor-element-c7881c7{text-align:left;}.elementor-20234 .elementor-element.elementor-element-c7881c7 .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-9571c63{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-20234 .elementor-element.elementor-element-54ac5c0{text-align:left;}.elementor-20234 .elementor-element.elementor-element-54ac5c0 .elementor-heading-title{font-family:"bebas-neue-by-fontfabric", Sans-serif;font-size:2.5rem;font-weight:700;color:#432918;}.elementor-20234 .elementor-element.elementor-element-8a75fc9{font-family:"komet", Sans-serif;font-size:1.1rem;font-weight:300;color:#404040;}.elementor-20234 .elementor-element.elementor-element-e35281f{width:var( --container-widget-width, 10% );max-width:10%;--e-transform-flipX:-1;--container-widget-width:10%;--container-widget-flex-grow:0;bottom:1rem;}body:not(.rtl) .elementor-20234 .elementor-element.elementor-element-e35281f{right:15rem;}body.rtl .elementor-20234 .elementor-element.elementor-element-e35281f{left:15rem;}.elementor-20234 .elementor-element.elementor-element-4d2be0c{--display:flex;--min-height:10vh;--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20234 .elementor-element.elementor-element-36b45b0{--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20234 .elementor-element.elementor-element-c41004d{--grid-columns:2;}.elementor-20234 .elementor-element.elementor-element-e151a8c{--grid-columns:2;}.elementor-20234 .elementor-element.elementor-element-0af5c47{--grid-columns:2;}.elementor-20234 .elementor-element.elementor-element-39ddc64{--grid-columns:2;}}@media(max-width:767px){.elementor-20234 .elementor-element.elementor-element-7ae59c8{--padding-top:0rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20234 .elementor-element.elementor-element-c41004d{--grid-columns:1;}.elementor-20234 .elementor-element.elementor-element-e151a8c{--grid-columns:1;}.elementor-20234 .elementor-element.elementor-element-0af5c47{--grid-columns:1;}.elementor-20234 .elementor-element.elementor-element-39ddc64{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-d8759d3 *//* 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 */ /* Start custom CSS for icon-list, class: .elementor-element-cf17bf4 */.elementor-20234 .elementor-element.elementor-element-cf17bf4 ul { list-style: none; padding: 0; margin: 0; } .elementor-20234 .elementor-element.elementor-element-cf17bf4 ul li:before { content: "✓"; position: absolute; left: 15px; top: 14px; font-family: 'bebas-neue-by-fontfabric'; } .elementor-20234 .elementor-element.elementor-element-cf17bf4 ul li { padding: 10px 20px 10px 20px; font-family: "komet" !important; font-size: 1.2rem; color: #432918; margin-bottom: 10px; position: relative; padding-left: 40px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ad2b2c6 */.elementor-20234 .elementor-element.elementor-element-ad2b2c6 a { font-weight: 400; color: inherit; transition: all 0.2s ease-in-out; } .elementor-20234 .elementor-element.elementor-element-ad2b2c6 a:hover { color: #95c11f; transition: all 0.2s ease-in-out; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-20bd64f *//* 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 */ /* Start custom CSS for icon-list, class: .elementor-element-dd94ec6 */.elementor-20234 .elementor-element.elementor-element-dd94ec6 ul { list-style: none; padding: 0; margin: 0; } .elementor-20234 .elementor-element.elementor-element-dd94ec6 ul li:before { content: "✓"; position: absolute; left: 15px; top: 14px; font-family: 'bebas-neue-by-fontfabric'; } .elementor-20234 .elementor-element.elementor-element-dd94ec6 ul li { padding: 10px 20px 10px 20px; font-family: "komet" !important; font-size: 1.2rem; color: #432918; margin-bottom: 10px; position: relative; padding-left: 40px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-18dbeaf */.elementor-20234 .elementor-element.elementor-element-18dbeaf a { font-weight: 400; color: inherit; transition: all 0.2s ease-in-out; } .elementor-20234 .elementor-element.elementor-element-18dbeaf a:hover { color: #95c11f; transition: all 0.2s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e1a90ea */.elementor-20234 .elementor-element.elementor-element-e1a90ea a { font-weight: 400; color: inherit; transition: all 0.2s ease-in-out; } .elementor-20234 .elementor-element.elementor-element-e1a90ea a:hover { color: #95c11f; transition: all 0.2s ease-in-out; }/* End custom CSS */