.elementor-901 .elementor-element.elementor-element-5909ce91{--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;border-style:none;--border-style:none;--border-radius:0px 0px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-901 .elementor-element.elementor-element-747af751{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-901 .elementor-element.elementor-element-747af751:not(.elementor-motion-effects-element-type-background), .elementor-901 .elementor-element.elementor-element-747af751 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://windinvert.de/wp-content/uploads/2025/09/placeholder.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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 );color:var( --e-global-color-primary );}.elementor-901 .elementor-element.elementor-element-1a800e90{text-align:center;}.elementor-901 .elementor-element.elementor-element-1a800e90 .elementor-heading-title{font-family:"Akkurat", Sans-serif;font-size:3em;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-901 .elementor-element.elementor-element-4f10762{--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;--justify-content:center;}.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 );}.elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button{background-color:#85C9F000;font-family:"mont-regular", Sans-serif;font-size:1em;font-weight:500;line-height:1.6em;fill:#FFFFFF;color:#FFFFFF;padding:18px 32px 16px 32px;}.elementor-901 .elementor-element.elementor-element-b0774f3 > .elementor-widget-container:hover{--e-transform-translateY:-5px;}.elementor-901 .elementor-element.elementor-element-b0774f3{--e-transform-transition-duration:300ms;}.elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-901 .elementor-element.elementor-element-3cea8af1{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:0px;--e-n-carousel-dots-normal-color:#FFFFFF;--e-n-carousel-dots-hover-color:#FFFFFF;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:-30px;--e-n-carousel-swiper-pagination-spacing:0px;}.elementor-901 .elementor-element.elementor-element-3cea8af1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:where( .elementor-901 .elementor-element.elementor-element-3cea8af1 .swiper-slide ) > .e-con{border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-901 .elementor-element.elementor-element-2a23c49{--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:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.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 );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-901 .elementor-element.elementor-element-8f3b517{font-family:"mont-regular", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.6em;}.elementor-901 .elementor-element.elementor-element-8cfe3e1{--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:0em;--padding-bottom:10em;--padding-left:0em;--padding-right:0em;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{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 );}.elementor-901 .elementor-element.elementor-element-f04f922.e-focus .e-search-input{background-color:#5B5B5B0F;}.elementor-901 .elementor-element.elementor-element-f04f922 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-901 .elementor-element.elementor-element-f04f922 > .elementor-widget-container{padding:0em 0em 1em 0em;}.elementor-901 .elementor-element.elementor-element-f04f922{--e-search-icon-label-color:var( --e-global-color-accent );--e-search-input-padding-block-start:1em;--e-search-input-padding-inline-start:2em;--e-search-input-padding-block-end:01em;--e-search-input-padding-inline-end:2em;--e-search-submit-margin-inline-start:20px;--e-search-icon-clear-color:var( --e-global-color-accent );--e-search-submit-color:#FFFFFF;--e-search-submit-border-radius:360px 360px 360px 360px;}.elementor-901 .elementor-element.elementor-element-f04f922 .e-search-input{border-radius:360px 360px 360px 360px;}.elementor-widget-posts .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 );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );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 );}.elementor-widget-posts .elementor-post__meta-data{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 );}.elementor-widget-posts .elementor-post__excerpt p{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 );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{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 );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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 );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .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 );}.elementor-widget-posts .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 );}.elementor-901 .elementor-element.elementor-element-05ef958{--grid-row-gap:60px;--grid-column-gap:30px;}.elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail__link{width:100%;}.elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail{border-radius:18px 18px 18px 18px;}.elementor-901 .elementor-element.elementor-element-05ef958.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-901 .elementor-element.elementor-element-05ef958.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-901 .elementor-element.elementor-element-05ef958.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__title, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__title a{font-family:"mont-heavy", Sans-serif;font-size:1.1em;font-weight:700;line-height:1.3em;}.elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__title{margin-bottom:20px;}.elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__excerpt p{font-family:"mont-regular", Sans-serif;font-size:0.9em;font-weight:400;line-height:1.6em;}.elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__excerpt{margin-bottom:12px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-901 .elementor-element.elementor-element-5909ce91{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-901 .elementor-element.elementor-element-747af751{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-901 .elementor-element.elementor-element-1a800e90 .elementor-heading-title{font-size:2.8em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button{font-size:0.9em;}.elementor-901 .elementor-element.elementor-element-3cea8af1{--e-n-carousel-swiper-slides-to-display:1;}.elementor-901 .elementor-element.elementor-element-2a23c49{--padding-top:150px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-901 .elementor-element.elementor-element-8cfe3e1{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-posts a.elementor-post__read-more{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-901 .elementor-element.elementor-element-5909ce91{--min-height:0vh;}.elementor-901 .elementor-element.elementor-element-747af751{--min-height:90vh;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-901 .elementor-element.elementor-element-1a800e90 .elementor-heading-title{font-size:2em;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button{font-size:0.8em;}.elementor-901 .elementor-element.elementor-element-3cea8af1{--e-n-carousel-swiper-slides-to-display:1;}.elementor-901 .elementor-element.elementor-element-2a23c49{--padding-top:130px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-901 .elementor-element.elementor-element-f04f922 .e-search-input{border-radius:360px 360px 360px 360px;}.elementor-901 .elementor-element.elementor-element-f04f922{--e-search-input-padding-block-start:1em;--e-search-input-padding-inline-start:2em;--e-search-input-padding-block-end:1em;--e-search-input-padding-inline-end:2em;--e-search-submit-margin-inline-start:5px;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-posts a.elementor-post__read-more{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-posts .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail__link{width:100%;}.elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__title, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__title a{font-size:17px;}}/* Start custom CSS for button, class: .elementor-element-b0774f3 *//* ===== Button 2: Nur Outline (innen), Hover = filled ===== */ .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; background-color: transparent; /* kein Fill im Default */ /* Wenn du trotz Transparenz leichten Blur willst, kannst du das aktivieren: background-color: rgba(255,255,255,0.001); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); */ border: none; border-radius: 9999px; /* Innere weiße Outline */ box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.9); color: #ffffff; text-shadow: 0 0 1px rgba(0,0,0,0.15); /* Padding: oben 18 / rechts 32 / unten 16 / links 32 */ padding: 18px 32px 16px 32px; transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .12s ease, backdrop-filter .25s ease, -webkit-backdrop-filter .25s ease; } /* Hover/Focus: filled + Glow, innere Outline bleibt bestehen */ .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button:hover, .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button:focus, .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button:active { background-color: #1E5A87; /* filled im Hover */ color: #ffffff; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.9), 0 8px 22px rgba(30, 90, 135, 0.35); transform: translateY(-1px); outline: none; } /* Tastatur-Fokus sichtbar */ .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button:focus-visible { box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.9), 0 0 0 3px rgba(133,201,240,0.45), 0 8px 22px rgba(30,90,135,0.35); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b0774f3 *//* ===== Button 2: Nur Outline (innen), Hover = filled ===== */ .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; background-color: transparent; /* kein Fill im Default */ /* Wenn du trotz Transparenz leichten Blur willst, kannst du das aktivieren: background-color: rgba(255,255,255,0.001); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); */ border: none; border-radius: 9999px; /* Innere weiße Outline */ box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.9); color: #ffffff; text-shadow: 0 0 1px rgba(0,0,0,0.15); /* Padding: oben 18 / rechts 32 / unten 16 / links 32 */ padding: 18px 32px 16px 32px; transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .12s ease, backdrop-filter .25s ease, -webkit-backdrop-filter .25s ease; } /* Hover/Focus: filled + Glow, innere Outline bleibt bestehen */ .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button:hover, .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button:focus, .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button:active { background-color: #1E5A87; /* filled im Hover */ color: #ffffff; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.9), 0 8px 22px rgba(30, 90, 135, 0.35); transform: translateY(-1px); outline: none; } /* Tastatur-Fokus sichtbar */ .elementor-901 .elementor-element.elementor-element-b0774f3 .elementor-button:focus-visible { box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.9), 0 0 0 3px rgba(133,201,240,0.45), 0 8px 22px rgba(30,90,135,0.35); }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-3cea8af1 *//* ─────────────────────────────── 1. Basis-Bullet ⇒ schmale Linie ─────────────────────────────── */ .elementor-901 .elementor-element.elementor-element-3cea8af1 .swiper-pagination-bullet{ width: 48px !important; /* ► Linienlänge */ height: 4px !important; /* ► Liniendicke */ border-radius: 9999px !important; /* Enden abrunden */ background: rgba(255,255,255,.35) !important; margin: 0 6px !important; /* Abstand zw. Linien */ opacity: 1 !important; /* Swiper setzt sonst .2 */ } /* ─────────────────────────────── 2. Aktive Linie ─────────────────────────────── */ .elementor-901 .elementor-element.elementor-element-3cea8af1 .swiper-pagination-bullet-active{ background:#ffffff !important; /* Farbe CI-konform */ } /* ─────────────────────────────── 3. Optionale Hover-Verstärkung ─────────────────────────────── */ .elementor-901 .elementor-element.elementor-element-3cea8af1 .swiper-pagination-bullet:hover{ background:rgba(255,255,255,.55) !important; } /* ─────────────────────────────── 4. Mobile kürzer (optional) ─────────────────────────────── */ @media(max-width:768px){ .elementor-901 .elementor-element.elementor-element-3cea8af1 .swiper-pagination-bullet{ width:32px !important; } } /* 1) Ausgangslängen definieren */ .elementor-901 .elementor-element.elementor-element-3cea8af1 .swiper-pagination-bullet{ width:20px !important; /* passiv kurz */ transition:width .35s cubic-bezier(.22,.61,.36,1); } /* 2) Aktive Bullet wird zur langen Linie */ .elementor-901 .elementor-element.elementor-element-3cea8af1 .swiper-pagination-bullet-active{ width:48px !important; /* aktiv lang */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5909ce91 *//* == Hero-Slider: nur unten 40px Rundung, ohne Swiper zu killen == */ .elementor-901 .elementor-element.elementor-element-5909ce91{ --hero-r: 32px; position: relative; border-radius: 0 0 var(--hero-r) var(--hero-r); overflow: hidden; /* Clipping am äußeren Container */ } /* Innerer Container & Overlay übernehmen die Rundung */ .elementor-901 .elementor-element.elementor-element-5909ce91 > .e-con-inner, .elementor-901 .elementor-element.elementor-element-5909ce91 .elementor-background-overlay, .elementor-901 .elementor-element.elementor-element-5909ce91 .swiper{ border-radius: inherit; overflow: hidden; /* nur hier OK */ } /* WICHTIG: Wrapper/Slides NICHT clippen, sonst verschwindet's live */ .elementor-901 .elementor-element.elementor-element-5909ce91 .swiper-wrapper, .elementor-901 .elementor-element.elementor-element-5909ce91 .swiper-slide{ border-radius: 0 !important; overflow: visible !important; } /* Medien verhalten sich sauber im Clip */ .elementor-901 .elementor-element.elementor-element-5909ce91 .swiper-slide img, .elementor-901 .elementor-element.elementor-element-5909ce91 .swiper-slide video, .elementor-901 .elementor-element.elementor-element-5909ce91 .swiper-slide iframe{ display: block; } /* Falls ein Header mit hohem z-index drüber liegt, nicht überdecken */ .elementor-901 .elementor-element.elementor-element-5909ce91{ z-index: 0; }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-05ef958 *//* Erzwingt Mont Heavy für Post-Titel */ .elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a, h4.elementor-post__title, h4.elementor-post__title a { font-family: "mont-heavy", sans-serif !important; font-weight: 800 !important; line-height: 1.3em !important; } /* === Erzwinge abgerundete Ecken + sauberes Clipping (live-sicher) === */ .elementor-901 .elementor-element.elementor-element-05ef958 { --thumb-r: 18px; } /* <– passe hier den Radius an (z. B. 18/24/32px) */ /* 1) Container mit Radius + Clip */ .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail { border-radius: var(--thumb-r) !important; overflow: hidden !important; isolation: isolate; /* verhindert Overlay-Leaks */ } /* 2) Alle möglichen Wrapper übernehmen den Radius */ .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail__link, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail a, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail picture { display: block; border-radius: inherit !important; overflow: hidden; /* falls ein Wrapper dazwischen hängt */ } /* 3) Das Bild selbst */ .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail img { display: block; width: 100%; height: auto; border-radius: inherit !important; /* falls ein Theme den Radius nullt */ transform: scale(1) translateZ(0); transform-origin: center; transition: transform .35s ease; backface-visibility: hidden; will-change: transform; } /* 4) Hover-Zoom (5%) bleibt */ .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post:hover .elementor-post__thumbnail img, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail:hover img, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail__link:hover img, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail a:hover img { transform: scale(1.05) translateZ(0); } /* 5) Optionaler Fallback, falls ein anderes CSS overflow überschreibt */ @supports (clip-path: inset(0 round 1px)) { .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail__link, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail a, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail picture, .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail img { clip-path: inset(0 round var(--thumb-r)); } } /* Barrierearmut */ @media (prefers-reduced-motion: reduce){ .elementor-901 .elementor-element.elementor-element-05ef958 .elementor-post__thumbnail img { transition: none; } }/* End custom CSS */