.elementor-701 .elementor-element.elementor-element-5c4fc47{--display:flex;--min-height:65vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;--margin-top:-88px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:128px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-701 .elementor-element.elementor-element-5c4fc47:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-5c4fc47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0E7;background-image:url("https://kreislaufkraft.winterwonderland.cloud/wp-content/uploads/2026/08/Kreislaufkraft_Erde-kaufen_blog_warum-torffreie-erde-kaufen-768x512.webp");background-position:top right;background-repeat:no-repeat;background-size:cover;}.elementor-701 .elementor-element.elementor-element-5c4fc47::before, .elementor-701 .elementor-element.elementor-element-5c4fc47 > .elementor-background-video-container::before, .elementor-701 .elementor-element.elementor-element-5c4fc47 > .e-con-inner > .elementor-background-video-container::before, .elementor-701 .elementor-element.elementor-element-5c4fc47 > .elementor-background-slideshow::before, .elementor-701 .elementor-element.elementor-element-5c4fc47 > .e-con-inner > .elementor-background-slideshow::before, .elementor-701 .elementor-element.elementor-element-5c4fc47 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F5F0E7B5 25%, #F5F0E7 66%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-701 .elementor-element.elementor-element-5f2ac61{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-701 .elementor-element.elementor-element-5f2ac61 .elementor-heading-title{font-family:var( --e-global-typography-kk_display_xl-font-family ), Sans-serif;font-size:var( --e-global-typography-kk_display_xl-font-size );font-weight:var( --e-global-typography-kk_display_xl-font-weight );line-height:var( --e-global-typography-kk_display_xl-line-height );letter-spacing:var( --e-global-typography-kk_display_xl-letter-spacing );word-spacing:var( --e-global-typography-kk_display_xl-word-spacing );color:#0a0a0a;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );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-701 .elementor-element.elementor-element-8c37b53{width:var( --container-widget-width, 75% );max-width:75%;padding:0px 0px 0px 0px;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-kk_body-font-family ), Sans-serif;font-size:var( --e-global-typography-kk_body-font-size );font-weight:var( --e-global-typography-kk_body-font-weight );line-height:var( --e-global-typography-kk_body-line-height );letter-spacing:var( --e-global-typography-kk_body-letter-spacing );word-spacing:var( --e-global-typography-kk_body-word-spacing );}.elementor-701 .elementor-element.elementor-element-3a5cef9{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-kk_lead-font-family ), Sans-serif;font-size:var( --e-global-typography-kk_lead-font-size );font-weight:var( --e-global-typography-kk_lead-font-weight );line-height:var( --e-global-typography-kk_lead-line-height );letter-spacing:var( --e-global-typography-kk_lead-letter-spacing );word-spacing:var( --e-global-typography-kk_lead-word-spacing );}.elementor-701 .elementor-element.elementor-element-ea28db2{--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;--overlay-opacity:1;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-ea28db2:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-ea28db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0E7;background-image:url("https://kreislaufkraft.winterwonderland.cloud/wp-content/uploads/2026/09/Kreislaufkraft_Bio-Erde-online-kaufen_bg-768x432.webp");}.elementor-701 .elementor-element.elementor-element-ea28db2::before, .elementor-701 .elementor-element.elementor-element-ea28db2 > .elementor-background-video-container::before, .elementor-701 .elementor-element.elementor-element-ea28db2 > .e-con-inner > .elementor-background-video-container::before, .elementor-701 .elementor-element.elementor-element-ea28db2 > .elementor-background-slideshow::before, .elementor-701 .elementor-element.elementor-element-ea28db2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-701 .elementor-element.elementor-element-ea28db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #F5F0E7E6 0%, #F5F0E7 90%);}.elementor-701 .elementor-element.elementor-element-324c5ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 48px) 0px;}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-701 .elementor-element.elementor-element-0f740dd{--grid-columns:3;--load-more—spacing:48px;--load-more-button-align:center;}.elementor-701 .elementor-element.elementor-element-06f0652{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.43;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:rgba(10,10,10,0.1);--border-color:rgba(10,10,10,0.1);--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-06f0652:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-06f0652 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kreislaufkraft.winterwonderland.cloud/wp-content/uploads/2026/08/Kreislaufkraft_Erde-kaufen_product2.jpg");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-701 .elementor-element.elementor-element-06f0652::before, .elementor-701 .elementor-element.elementor-element-06f0652 > .elementor-background-video-container::before, .elementor-701 .elementor-element.elementor-element-06f0652 > .e-con-inner > .elementor-background-video-container::before, .elementor-701 .elementor-element.elementor-element-06f0652 > .elementor-background-slideshow::before, .elementor-701 .elementor-element.elementor-element-06f0652 > .e-con-inner > .elementor-background-slideshow::before, .elementor-701 .elementor-element.elementor-element-06f0652 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#22170E;--background-overlay:'';}.elementor-701 .elementor-element.elementor-element-4c54700{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 59px -2px rgba(234.7271786389414, 246.5, 159.1532608695652, 0.5);--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-701 .elementor-element.elementor-element-4c54700:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-4c54700 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5DDD5;background-image:url("https://kreislaufkraft.winterwonderland.cloud/wp-content/uploads/2026/09/Kreislaufkraft_Bio-Erde-online-kaufen_bg-768x432.webp");}.elementor-701 .elementor-element.elementor-element-4c54700::before, .elementor-701 .elementor-element.elementor-element-4c54700 > .elementor-background-video-container::before, .elementor-701 .elementor-element.elementor-element-4c54700 > .e-con-inner > .elementor-background-video-container::before, .elementor-701 .elementor-element.elementor-element-4c54700 > .elementor-background-slideshow::before, .elementor-701 .elementor-element.elementor-element-4c54700 > .e-con-inner > .elementor-background-slideshow::before, .elementor-701 .elementor-element.elementor-element-4c54700 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #E5DDD5DE 0%, #E5DDD5 87%);}.elementor-701 .elementor-element.elementor-element-57f9941{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-701 .elementor-element.elementor-element-91ef5b6 .elementor-heading-title{font-family:var( --e-global-typography-kk_h1-font-family ), Sans-serif;font-size:var( --e-global-typography-kk_h1-font-size );font-weight:var( --e-global-typography-kk_h1-font-weight );line-height:var( --e-global-typography-kk_h1-line-height );letter-spacing:var( --e-global-typography-kk_h1-letter-spacing );word-spacing:var( --e-global-typography-kk_h1-word-spacing );color:#0a0a0a;}.elementor-701 .elementor-element.elementor-element-fac5fed{--spacer-size:15px;}.elementor-701 .elementor-element.elementor-element-998ec27{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:var( --e-global-typography-kk_lead-font-family ), Sans-serif;font-size:var( --e-global-typography-kk_lead-font-size );font-weight:var( --e-global-typography-kk_lead-font-weight );line-height:var( --e-global-typography-kk_lead-line-height );letter-spacing:var( --e-global-typography-kk_lead-letter-spacing );word-spacing:var( --e-global-typography-kk_lead-word-spacing );}.elementor-701 .elementor-element.elementor-element-06c4e78{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-701 .elementor-element.elementor-element-457fab8 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-kk_button-font-family ), Sans-serif;font-size:var( --e-global-typography-kk_button-font-size );font-weight:var( --e-global-typography-kk_button-font-weight );line-height:var( --e-global-typography-kk_button-line-height );letter-spacing:var( --e-global-typography-kk_button-letter-spacing );word-spacing:var( --e-global-typography-kk_button-word-spacing );border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-701 .elementor-element.elementor-element-457fab8 .elementor-button:hover, .elementor-701 .elementor-element.elementor-element-457fab8 .elementor-button:focus{background-color:#548A0B;box-shadow:0px 0px 16px 0px rgba(84, 138, 11, 0.43);}.elementor-701 .elementor-element.elementor-element-457fab8 .elementor-button-content-wrapper{flex-direction:row;}@media(min-width:768px){.elementor-701 .elementor-element.elementor-element-ea28db2{--content-width:1280px;}.elementor-701 .elementor-element.elementor-element-4c54700{--width:100%;}.elementor-701 .elementor-element.elementor-element-57f9941{--width:70%;}.elementor-701 .elementor-element.elementor-element-06c4e78{--width:30%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-701 .elementor-element.elementor-element-5f2ac61 .elementor-heading-title{font-size:var( --e-global-typography-kk_display_xl-font-size );line-height:var( --e-global-typography-kk_display_xl-line-height );letter-spacing:var( --e-global-typography-kk_display_xl-letter-spacing );word-spacing:var( --e-global-typography-kk_display_xl-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-701 .elementor-element.elementor-element-8c37b53{font-size:var( --e-global-typography-kk_body-font-size );line-height:var( --e-global-typography-kk_body-line-height );letter-spacing:var( --e-global-typography-kk_body-letter-spacing );word-spacing:var( --e-global-typography-kk_body-word-spacing );}.elementor-701 .elementor-element.elementor-element-3a5cef9{font-size:var( --e-global-typography-kk_lead-font-size );line-height:var( --e-global-typography-kk_lead-line-height );letter-spacing:var( --e-global-typography-kk_lead-letter-spacing );word-spacing:var( --e-global-typography-kk_lead-word-spacing );}.elementor-701 .elementor-element.elementor-element-ea28db2{--padding-top:0px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-701 .elementor-element.elementor-element-0f740dd{--grid-columns:2;}.elementor-701 .elementor-element.elementor-element-06f0652{--padding-top:0px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-701 .elementor-element.elementor-element-91ef5b6 .elementor-heading-title{font-size:var( --e-global-typography-kk_h1-font-size );line-height:var( --e-global-typography-kk_h1-line-height );letter-spacing:var( --e-global-typography-kk_h1-letter-spacing );word-spacing:var( --e-global-typography-kk_h1-word-spacing );}.elementor-701 .elementor-element.elementor-element-998ec27{font-size:var( --e-global-typography-kk_lead-font-size );line-height:var( --e-global-typography-kk_lead-line-height );letter-spacing:var( --e-global-typography-kk_lead-letter-spacing );word-spacing:var( --e-global-typography-kk_lead-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-701 .elementor-element.elementor-element-457fab8 .elementor-button{font-size:var( --e-global-typography-kk_button-font-size );line-height:var( --e-global-typography-kk_button-line-height );letter-spacing:var( --e-global-typography-kk_button-letter-spacing );word-spacing:var( --e-global-typography-kk_button-word-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-701 .elementor-element.elementor-element-5f2ac61 .elementor-heading-title{font-size:var( --e-global-typography-kk_display_xl-font-size );line-height:var( --e-global-typography-kk_display_xl-line-height );letter-spacing:var( --e-global-typography-kk_display_xl-letter-spacing );word-spacing:var( --e-global-typography-kk_display_xl-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-701 .elementor-element.elementor-element-8c37b53{font-size:var( --e-global-typography-kk_body-font-size );line-height:var( --e-global-typography-kk_body-line-height );letter-spacing:var( --e-global-typography-kk_body-letter-spacing );word-spacing:var( --e-global-typography-kk_body-word-spacing );}.elementor-701 .elementor-element.elementor-element-3a5cef9{font-size:var( --e-global-typography-kk_lead-font-size );line-height:var( --e-global-typography-kk_lead-line-height );letter-spacing:var( --e-global-typography-kk_lead-letter-spacing );word-spacing:var( --e-global-typography-kk_lead-word-spacing );}.elementor-701 .elementor-element.elementor-element-ea28db2{--padding-top:0px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-701 .elementor-element.elementor-element-0f740dd{--grid-columns:1;}.elementor-701 .elementor-element.elementor-element-06f0652{--padding-top:0px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-701 .elementor-element.elementor-element-91ef5b6 .elementor-heading-title{font-size:var( --e-global-typography-kk_h1-font-size );line-height:var( --e-global-typography-kk_h1-line-height );letter-spacing:var( --e-global-typography-kk_h1-letter-spacing );word-spacing:var( --e-global-typography-kk_h1-word-spacing );}.elementor-701 .elementor-element.elementor-element-998ec27{font-size:var( --e-global-typography-kk_lead-font-size );line-height:var( --e-global-typography-kk_lead-line-height );letter-spacing:var( --e-global-typography-kk_lead-letter-spacing );word-spacing:var( --e-global-typography-kk_lead-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-701 .elementor-element.elementor-element-457fab8 .elementor-button{font-size:var( --e-global-typography-kk_button-font-size );line-height:var( --e-global-typography-kk_button-line-height );letter-spacing:var( --e-global-typography-kk_button-letter-spacing );word-spacing:var( --e-global-typography-kk_button-word-spacing );}}/* Start custom CSS for loop-grid, class: .elementor-element-0f740dd *//* ---- Schaltflaeche "Mehr Beitraege laden" ----
   Gleiche Formensprache wie die Filter-Chips: Pillenform, Versalien,
   heller Grundzustand mit gruenem Rand, beim Ueberfahren gefuellt. */
.elementor-701 .elementor-element.elementor-element-0f740dd .e-loop__load-more{
  display:flex;
  justify-content:center;
  margin-top:48px;
}
.elementor-701 .elementor-element.elementor-element-0f740dd .e-loop__load-more .elementor-button{
  font-family:inherit;
  font-size:var(--kk-fs-meta, 12px);
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:16px 34px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--e-global-color-accent) 45%, transparent);
  background:#fff;
  color:var(--e-global-color-accent);
  text-decoration:none;
  box-shadow:none;
  transition:background .22s ease, color .22s ease, border-color .22s ease, transform .12s ease;
}
.elementor-701 .elementor-element.elementor-element-0f740dd .e-loop__load-more .elementor-button:hover,
.elementor-701 .elementor-element.elementor-element-0f740dd .e-loop__load-more .elementor-button:focus{
  background:var(--e-global-color-accent);
  border-color:var(--e-global-color-accent);
  color:#fff;
}
.elementor-701 .elementor-element.elementor-element-0f740dd .e-loop__load-more .elementor-button:focus-visible{
  outline:2px solid var(--e-global-color-accent);
  outline-offset:3px;
}
.elementor-701 .elementor-element.elementor-element-0f740dd .e-loop__load-more .elementor-button:active{transform:translateY(1px)}
.elementor-701 .elementor-element.elementor-element-0f740dd .e-loop__load-more .e-load-more-spinner svg{width:15px;height:15px;fill:currentColor}

/* Abschlussmeldung, wenn nichts mehr nachkommt. */
.elementor-701 .elementor-element.elementor-element-0f740dd .e-load-more-message{
  margin-top:20px;
  text-align:center;
  font-size:var(--kk-fs-meta, 12px);
  color:rgba(0,0,0,.55);
}

@media (max-width:767px){
  .elementor-701 .elementor-element.elementor-element-0f740dd .e-loop__load-more{margin-top:36px}
  .elementor-701 .elementor-element.elementor-element-0f740dd .e-loop__load-more .elementor-button{padding:14px 26px;font-size:var(--kk-fs-overline, 11px);min-height:44px}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c54700 */.elementor-701 .elementor-element.elementor-element-4c54700 {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   Magazin  ·  Gestaltung nach der Vorlage
   Uebernommen werden Flaechen, Rahmen, Rundungen und Abstaende.
   Die Schriftgroessen kommen aus den globalen Schriftstilen.
   Alles hier wirkt nur auf dieser einen Seite.
   ============================================================ */

/* --- Grundflaeche ------------------------------------------ */
/* Absichtlich leer. Die Flaechenfarben der Abschnitte stehen als
   Container-Einstellungen im Editor und lassen sich dort aendern,
   statt hier festgeschrieben zu sein.
   Werte der Vorlage zum Nachschlagen:
     Seite und Beitragsbereich  #F5F5F5
     Abschlussbereich           #E5DDD5 */

/* --- Beitragskarten ---------------------------------------- */
/* Weisse Karte, weiche Rundung, feiner Rand statt Schatten. */
body.page-id-701 .elementor-loop-container .e-loop-item > .e-con{
  background: #FFFFFF;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 24px;
  overflow: hidden;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
body.page-id-701 .elementor-loop-container .e-loop-item > .e-con:hover{
  border-color: color-mix(in srgb,var(--e-global-color-accent) 45%,transparent);
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

/* Das Bild schliesst oben buendig an, die Karte beschneidet es. */
body.page-id-701 .elementor-loop-container .e-loop-item > .e-con > .e-con:first-child{
  border-radius: 0;
}

/* Mehr Luft um den Text, die Vorlage arbeitet grosszuegiger. */
body.page-id-701 .elementor-loop-container .e-loop-item > .e-con > .e-con:nth-child(2){
  padding: 28px 28px 12px;
}
body.page-id-701 .elementor-loop-container .e-loop-item > .e-con > .e-con:last-child{
  padding: 0 28px 28px;
}

/* --- Erster Beitrag als hervorgehobener Aufmacher ----------- */
/* Die Vorlage zeigt den obersten Beitrag ueber die volle Breite,
   Bild links und Text rechts.
   Achtung beim Selektor: Elementor stellt dem Raster ein
   <style>-Element voran. :first-child traefe dieses, deshalb
   wird auf den ersten div-Nachkommen abgestellt. */
@media (min-width: 1025px){
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type{
    grid-column: 1 / -1;
  }
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con{
    flex-direction: row;
    align-items: stretch;
  }
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con > .e-con:first-child{
    flex: 0 0 58%;
    min-height: 400px;
  }
  /* Das Bildwidget bringt aus der Vorlage eine feste Hoehe von 300
     Pixeln mit. Im breiten Aufmacher ist der Kasten aber hoeher,
     darunter blieb ein heller Streifen. Die ganze Kette vom Widget
     bis zum Bild wird deshalb auf volle Hoehe gestellt. */
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con > .e-con:first-child,
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con > .e-con:first-child > .elementor-widget,
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con > .e-con:first-child .elementor-widget-container,
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con > .e-con:first-child .elementor-widget-image a{
    height: 100%;
    display: block;
  }
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con > .e-con:first-child img{
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    display: block;
  }
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con > .e-con:nth-child(2){
    flex: 1 1 auto;
    justify-content: center;
    padding: 48px 48px 16px;
  }
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con > .e-con:last-child{
    position: absolute;
    right: 48px;
    bottom: 40px;
    padding: 0;
    width: auto;
  }
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type > .e-con{
    position: relative;
  }
  /* Die Ueberschrift des Aufmachers darf groesser stehen. */
  body.page-id-701 .elementor-loop-container > div.e-loop-item:first-of-type h4{
    font-size:var(--kk-fs-h2, 32px) !important;
    line-height: 1.15 !important;
  }
}

/* --- Abschlussbereich als Hinweiskasten --------------------- */
/* Nur noch Form, keine Farbe. Der Sandton der Vorlage steht als
   Container-Einstellung im Editor. */
body.page-id-701 .elementor-element-4c54700{
  border-radius: 24px;
  padding: clamp(32px, 5vw, 64px) !important;
}

/* --- Feinheiten -------------------------------------------- */
body.page-id-701 .elementor-loop-container{ gap: 32px !important; }

@media (max-width: 767px){
  body.page-id-701 .elementor-loop-container .e-loop-item > .e-con{ border-radius: 20px; }
  body.page-id-701 .elementor-loop-container .e-loop-item > .e-con > .e-con:nth-child(2){ padding: 22px 22px 10px; }
  body.page-id-701 .elementor-loop-container .e-loop-item > .e-con > .e-con:last-child{ padding: 0 22px 22px; }
}

/* --- Gleich hohe Karten ------------------------------------ */
/* Drei Bausteine sorgen dafuer, dass die Karten einer Zeile gleich
   hoch stehen und der Knopf trotzdem sauber unten sitzt.

   1. Das Raster streckt seine Zellen. Die Karte reicht dadurch bis
      zum unteren Rand der hoechsten Karte in derselben Zeile.
   2. Innerhalb der Karte waechst der Textblock, der Knopfbereich
      wird per auto-Abstand nach unten gedrueckt.
   3. Titel und Fliesstext bekommen eine feste Zeilenzahl. Ohne das
      bestimmt der laengste Text die Hoehe aller Karten, und bei sehr
      kurzen Texten klafft eine Luecke. Ueberzaehlige Zeilen enden
      mit Auslassungspunkten. */

/* 1. Zellen strecken */
body.page-id-701 .elementor-loop-container > div.e-loop-item{ height: 100%; }
body.page-id-701 .elementor-loop-container > div.e-loop-item > .e-con{
  height: 100%;
}

/* 2. Textblock waechst, Knopf bleibt unten */
body.page-id-701 .elementor-loop-container > div.e-loop-item > .e-con > .e-con:nth-child(2){
  flex: 1 1 auto;
}
body.page-id-701 .elementor-loop-container > div.e-loop-item > .e-con > .e-con:last-child{
  margin-top: auto;
}

/* 3. Feste Zeilenzahl fuer Titel und Text.
   Gilt nicht fuer den Aufmacher, dort ist mehr Platz. */
body.page-id-701 .elementor-loop-container > div.e-loop-item:not(:first-of-type) .elementor-widget-heading h4,
body.page-id-701 .elementor-loop-container > div.e-loop-item:not(:first-of-type) .elementor-widget-heading .elementor-heading-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 1.9em;
}
body.page-id-701 .elementor-loop-container > div.e-loop-item:not(:first-of-type) .elementor-widget-text-editor,
body.page-id-701 .elementor-loop-container > div.e-loop-item:not(:first-of-type) .elementor-widget-text-editor p{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-id-701 .elementor-loop-container > div.e-loop-item:not(:first-of-type) .elementor-widget-text-editor{
  min-height: 6em;
}

/* Die Kategoriezeile ueber dem Titel soll nicht umbrechen, aber
   ohne white-space:nowrap. Der Selektor traf auch laengere
   Ueberschriften, und weil Rasterzellen von Haus aus nicht unter
   ihren Inhalt schrumpfen, zog eine einzeilige lange Zeile die
   Spalte auf 588 statt 369 Pixel auf. Eine Zeile per Zeilenbegrenzung
   erreicht dasselbe, ohne die Breite zu erzwingen. */
body.page-id-701 .elementor-loop-container > div.e-loop-item .elementor-widget-heading:first-child .elementor-heading-title{
  -webkit-line-clamp: 1;
  min-height: 0;
}

/* Rasterzellen duerfen schrumpfen. Ohne das bestimmt der breiteste
   Inhalt die Spaltenbreite. */
body.page-id-701 .elementor-loop-container > div.e-loop-item{ min-width: 0; }
body.page-id-701 .elementor-loop-container > div.e-loop-item > .e-con{ min-width: 0; }


/* ============================================================
   Responsive-Feinschliff  ·  Kreislaufkraft
   Ergaenzt die Breakpoint-Werte, die sich in Elementor nicht
   pro Element setzen lassen oder aus fremden Vorlagen stammen.
   ============================================================ */

/* --- Bedienelemente auf Fingergroesse ---------------------- */
/* Der Umschalter des Menues war 20 mal 20 Pixel gross. Fuer eine
   Fingerkuppe zu wenig, empfohlen sind mindestens 44 Pixel. Die
   Flaeche waechst, das Symbol bleibt gleich gross. */
@media (max-width: 1024px){
  .e-n-menu-toggle,
  .elementor-menu-toggle{
    min-width: 44px;
    min-height: 44px;
    display: inline-grid !important;
    place-items: center;
  }
}

/* Produkt- und Beitragskarten: die ganze Zeile wird antippbar,
   statt nur die Textzeile von 17 Pixeln Hoehe. */
@media (max-width: 1024px){
  .elementor-widget-heading a,
  .elementor-post__title a,
  .elementor-post__read-more{
    display: inline-block;
    padding-block: 6px;
  }
}

/* --- Lesbarkeit kleiner Beschriftungen --------------------- */
/* Die Eyebrow-Zeilen standen bei 10 Pixeln. Auf Telefonen ist das
   an der Grenze des Lesbaren, vor allem in Grossbuchstaben mit
   weiter Laufweite. */
@media (max-width: 767px){
  .elementor-widget-heading .elementor-heading-title[style*="letter-spacing"],
  .elementor-widget-text-editor{
    -webkit-text-size-adjust: 100%;
  }
  .kk-cy__statuslabel,
  .kk-cy__metalabel,
  .kk-calc-control__label,
  .kk-calc-card__label{ font-size:var(--kk-fs-overline, 11px) !important; }
  .kk-cy__badge{ font-size:var(--kk-fs-meta, 12px) !important; }
  .kk-cy__text,
  .kk-calc-card__note,
  .kk-calc-hint p{ font-size:var(--kk-fs-body-s, 13px) !important; }
  .kk-calc-source{ font-size:var(--kk-fs-overline, 11px) !important; }
}

/* --- Eigene Bausteine ------------------------------------- */
@media (max-width: 1024px){
  /* Knopf im Kreislauf: Flaeche auf Fingermass */
  .kk-cy__next{ min-height: 44px; padding-block: 10px; }
  /* Regler: dickere Spur und groesserer Griff fuer Touch.
     Zwei Klassen im Selektor, damit die Regel die Vorgabe aus dem
     Widget schlaegt. Dessen Stilblock steht spaeter im Dokument und
     gewinnt sonst bei gleicher Gewichtung. */
  .kk-calc-control .kk-calc-control__range{ height: 10px; }
  .kk-calc-control .kk-calc-control__range::-webkit-slider-thumb{ width: 28px; height: 28px; }
  .kk-calc-control .kk-calc-control__range::-moz-range-thumb{ width: 28px; height: 28px; }
}

/* --- Laufband ---------------------------------------------- */
/* Auf Telefonen lief die Schrift mit 28 Pixeln sehr breit und das
   Band wirkte hektisch. Etwas kleiner und ruhiger. */
@media (max-width: 767px){
  .marquee-track{ font-size:var(--kk-fs-h3, 24px) !important; }
}

/* --- Tabellen und breite Inhalte --------------------------- */
/* Falls irgendwo eine Tabelle steht, bekommt sie einen eigenen
   Scrollbereich, statt die Seite breit zu ziehen. */
@media (max-width: 1024px){
  .entry-content table,
  .elementor-widget-text-editor table{
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
}

/* --- Zu breite Baukasten-Container ------------------------- */
/* Einzelne Container tragen aus der Desktop-Gestaltung feste
   Pixelbreiten, die auf schmalen Bildschirmen ueber den Rand
   ragen. Auf "Unser Versprechen" war das ein Kasten mit 492
   Pixeln in einer 370 Pixel breiten Spalte. Statt jeden Fall
   einzeln nachzupflegen, werden verschachtelte Container hier
   generell auf die Breite ihres Elternteils begrenzt. */
@media (max-width: 1024px){
  .e-con.e-child{ max-width: 100%; min-width: 0; }
}
/* Auf Telefonen greift eine allgemeine Regel nicht durch: Elementor
   schreibt die Breite pro Element mit hoher Gewichtung heraus
   (.elementor-436 .elementor-element.elementor-element-xyz).
   Auf dieser Groesse steht ohnehin alles untereinander, deshalb ist
   volle Breite immer richtig und der Vorrang vertretbar. */
@media (max-width: 767px){
  .e-con.e-child{
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}
/* Nicht "width: 100%" verwenden. Prozentbreiten rechnen die eigenen
   Seitenraender nicht mit: ein Container mit 14 Pixel Rand links und
   rechts ragte dadurch ueber den Bildschirm hinaus, auf der Startseite
   entstand ein Querscrollen von 15 Pixeln. "auto" laesst den Container
   den Platz zwischen seinen Raendern fuellen und ueberschreibt die
   festen Pixelbreiten aus der Desktop-Gestaltung genauso zuverlaessig. */

/* --- Bilder ------------------------------------------------ */
img{ max-width: 100%; height: auto; }


/* ============================================================
   MAGAZIN · FILTER: Farben der eigenen Bedienelemente
   Auswahlfeld, Blatt-Eintraege und Schliessknopf werden zur
   Laufzeit an den <body> gehaengt und liegen damit ausserhalb
   des Filter-Widgets - ihre Farben stehen deshalb hier auf
   Seitenebene und nicht im Widget.

   Frueher stand hier zusaetzlich zu jeder Regel eine Kopie fuer
   :focus, :focus-visible und :active. Das war reine Abwehr gegen
   Hello Elementor, das jede nackte <button> bei :hover und :focus
   pink faerbte. Seit diese Themeregel zentral abgeschaltet ist
   (kk-knoepfe.css im Kindtheme), sind die Kopien weg - was hier
   steht, ist nur noch Gestaltung.
   ============================================================ */

/* ---- Auswahlfeld (mobil, auch in der eingefahrenen Leiste) ---- */
.kk-mag-trigger{
  background:#fff;
  color:rgba(0,0,0,.72);
  border-color:rgba(0,0,0,.10);
}
.kk-mag-trigger:hover{
  background:color-mix(in srgb, var(--e-global-color-accent) 8%, transparent);
  border-color:color-mix(in srgb, var(--e-global-color-accent) 35%, transparent);
  color:#3F6608;
}
/* Aktiver Filter schlaegt den Normalzustand - er steht spaeter und
   gewinnt damit den Gleichstand gegen die Hover-Regel darueber. */
.kk-mag-trigger.is-gefiltert{
  background:var(--e-global-color-accent);
  border-color:var(--e-global-color-accent);
  color:#fff;
}

/* ---- Eintraege im Blatt ---- */
.kk-magsheet__opt{
  background:transparent;
  color:#0A0A0A;
}
.kk-magsheet__opt:hover{background:rgba(0,0,0,.04);color:#0A0A0A}

/* Der gewaehlte Eintrag: dunkelgruen auf hellgruen - wie die Zahl daneben. */
.kk-magsheet__opt[aria-selected="true"]{
  background:color-mix(in srgb, var(--e-global-color-accent) 10%, transparent);
  color:#3F6608;
}
.kk-magsheet__opt[aria-selected="true"] .kk-magsheet__wort{color:#3F6608}

/* ---- Schliessen-Knopf im Blatt ---- */
.kk-magsheet__zu{
  background:rgba(0,0,0,.05);
  color:rgba(0,0,0,.6);
}
.kk-magsheet__zu:hover{background:rgba(0,0,0,.09);color:rgba(0,0,0,.75)}/* End custom CSS */