.elementor-649 .elementor-element.elementor-element-3e5e724{--display:flex;--min-height:90vh;--overlay-opacity:0.37;}.elementor-649 .elementor-element.elementor-element-3e5e724::before, .elementor-649 .elementor-element.elementor-element-3e5e724 > .elementor-background-video-container::before, .elementor-649 .elementor-element.elementor-element-3e5e724 > .e-con-inner > .elementor-background-video-container::before, .elementor-649 .elementor-element.elementor-element-3e5e724 > .elementor-background-slideshow::before, .elementor-649 .elementor-element.elementor-element-3e5e724 > .e-con-inner > .elementor-background-slideshow::before, .elementor-649 .elementor-element.elementor-element-3e5e724 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-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-649 .elementor-element.elementor-element-9b05759{text-align:center;}.elementor-649 .elementor-element.elementor-element-9b05759 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:27px;font-weight:600;}.elementor-649 .elementor-element.elementor-element-8f7c51b{text-align:center;}.elementor-649 .elementor-element.elementor-element-8f7c51b .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:43px;font-weight:600;}.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-649 .elementor-element.elementor-element-ccf8305{font-family:"Raleway", Sans-serif;font-weight:300;}.elementor-widget-button .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-649 .elementor-element.elementor-element-1ebdf62{--display:flex;--min-height:21vh;--justify-content:center;}.elementor-649 .elementor-element.elementor-element-0e35266{--display:flex;--min-height:23vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-649 .elementor-element.elementor-element-f3f3732{--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;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-649 .elementor-element.elementor-element-cc7ae56 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-cc7ae56 .elementor-icon i{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-cc7ae56 .elementor-icon svg{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-cc7ae56 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-cc7ae56 .elementor-flip-box__button{margin-inline-center:0;}.elementor-649 .elementor-element.elementor-element-16a032d{--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;}.elementor-649 .elementor-element.elementor-element-c6e75e9 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-c6e75e9 .elementor-icon i{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-c6e75e9 .elementor-icon svg{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-c6e75e9 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-c6e75e9 .elementor-flip-box__button{margin-inline-center:0;}.elementor-649 .elementor-element.elementor-element-babdc95{--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;}.elementor-649 .elementor-element.elementor-element-4328363 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-4328363 .elementor-icon i{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-4328363 .elementor-icon svg{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-4328363 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-4328363 .elementor-flip-box__button{margin-inline-center:0;}.elementor-649 .elementor-element.elementor-element-15f6493{--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;}.elementor-649 .elementor-element.elementor-element-5ea814f .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-5ea814f .elementor-icon i{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-5ea814f .elementor-icon svg{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-5ea814f .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-5ea814f .elementor-flip-box__button{margin-inline-center:0;}.elementor-649 .elementor-element.elementor-element-473624d{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.25;box-shadow:0px 0px 10px 15px rgba(0, 0, 0, 0.5);}.elementor-649 .elementor-element.elementor-element-473624d:not(.elementor-motion-effects-element-type-background), .elementor-649 .elementor-element.elementor-element-473624d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://polio.rotary-1900.de/wp-content/uploads/2026/01/phrank-2022-04-09-08050.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-649 .elementor-element.elementor-element-473624d::before, .elementor-649 .elementor-element.elementor-element-473624d > .elementor-background-video-container::before, .elementor-649 .elementor-element.elementor-element-473624d > .e-con-inner > .elementor-background-video-container::before, .elementor-649 .elementor-element.elementor-element-473624d > .elementor-background-slideshow::before, .elementor-649 .elementor-element.elementor-element-473624d > .e-con-inner > .elementor-background-slideshow::before, .elementor-649 .elementor-element.elementor-element-473624d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-649 .elementor-element.elementor-element-d3fe29c{--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;}.elementor-649 .elementor-element.elementor-element-a4e949c{--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;}.elementor-widget-price-table .elementor-price-table__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-price-table{--e-price-table-header-background-color:var( --e-global-color-secondary );}.elementor-widget-price-table .elementor-price-table__heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-price-table .elementor-price-table__subheading{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-price-table .elementor-price-table .elementor-price-table__price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-price-table .elementor-price-table__original-price{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-price-table .elementor-price-table__period{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-price-table .elementor-price-table__features-list{--e-price-table-features-list-color:var( --e-global-color-text );}.elementor-widget-price-table .elementor-price-table__features-list li{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-price-table .elementor-price-table__features-list li:before{border-top-color:var( --e-global-color-text );}.elementor-widget-price-table .elementor-price-table__additional_info{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-widget-price-table .elementor-ribbon-inner{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-649 .elementor-element.elementor-element-d903f5d{background-color:#FFFFFF00;--e-price-table-header-background-color:#20202000;}.elementor-649 .elementor-element.elementor-element-d903f5d .elementor-price-table__header{padding:0px 0px 0px 0px;}.elementor-649 .elementor-element.elementor-element-d903f5d .elementor-price-table__price{padding:0px 0px 0px 0px;}.elementor-649 .elementor-element.elementor-element-d903f5d .elementor-price-table .elementor-price-table__price{font-family:"Raleway", Sans-serif;font-size:20px;font-weight:600;}.elementor-649 .elementor-element.elementor-element-d903f5d .elementor-price-table__after-price{justify-content:flex-start;}.elementor-649 .elementor-element.elementor-element-d903f5d .elementor-price-table__features-list li:before{border-top-style:solid;border-top-color:#ddd;border-top-width:2px;margin-top:15px;margin-bottom:15px;}.elementor-649 .elementor-element.elementor-element-a56caf1{--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;}.elementor-649 .elementor-element.elementor-element-82d37eb{background-color:#FFFFFF00;--e-price-table-header-background-color:#20202000;}.elementor-649 .elementor-element.elementor-element-82d37eb .elementor-price-table__header{padding:0px 0px 0px 0px;}.elementor-649 .elementor-element.elementor-element-82d37eb .elementor-price-table__price{padding:0px 0px 0px 0px;}.elementor-649 .elementor-element.elementor-element-82d37eb .elementor-price-table .elementor-price-table__price{font-family:"Raleway", Sans-serif;font-size:20px;font-weight:600;}.elementor-649 .elementor-element.elementor-element-82d37eb .elementor-price-table__after-price{justify-content:flex-start;}.elementor-649 .elementor-element.elementor-element-82d37eb .elementor-price-table__features-list li:before{border-top-style:solid;border-top-color:#ddd;border-top-width:2px;margin-top:15px;margin-bottom:15px;}.elementor-649 .elementor-element.elementor-element-ead33ce{--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;}.elementor-649 .elementor-element.elementor-element-e89841c{background-color:#FFFFFF00;--e-price-table-header-background-color:#20202000;}.elementor-649 .elementor-element.elementor-element-e89841c .elementor-price-table__header{padding:0px 0px 0px 0px;}.elementor-649 .elementor-element.elementor-element-e89841c .elementor-price-table__price{padding:0px 0px 0px 0px;}.elementor-649 .elementor-element.elementor-element-e89841c .elementor-price-table .elementor-price-table__price{font-family:"Raleway", Sans-serif;font-size:20px;font-weight:600;}.elementor-649 .elementor-element.elementor-element-e89841c .elementor-price-table__after-price{justify-content:flex-start;}.elementor-649 .elementor-element.elementor-element-e89841c .elementor-price-table__features-list li:before{border-top-style:solid;border-top-color:#ddd;border-top-width:2px;margin-top:15px;margin-bottom:15px;}.elementor-649 .elementor-element.elementor-element-f7bc5e1{--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;}.elementor-649 .elementor-element.elementor-element-6187a6f{background-color:#FFFFFF00;--e-price-table-header-background-color:#20202000;}.elementor-649 .elementor-element.elementor-element-6187a6f .elementor-price-table__header{padding:0px 0px 0px 0px;}.elementor-649 .elementor-element.elementor-element-6187a6f .elementor-price-table__price{padding:0px 0px 0px 0px;}.elementor-649 .elementor-element.elementor-element-6187a6f .elementor-price-table .elementor-price-table__price{font-family:"Raleway", Sans-serif;font-size:20px;font-weight:600;}.elementor-649 .elementor-element.elementor-element-6187a6f .elementor-price-table__after-price{justify-content:flex-start;}.elementor-649 .elementor-element.elementor-element-6187a6f .elementor-price-table__features-list li:before{border-top-style:solid;border-top-color:#ddd;border-top-width:2px;margin-top:15px;margin-bottom:15px;}.elementor-649 .elementor-element.elementor-element-fb546aa{--display:flex;--min-height:21vh;--justify-content:center;}.elementor-649 .elementor-element.elementor-element-8c839ee{--display:flex;--min-height:40vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}.elementor-649 .elementor-element.elementor-element-69c27fb{--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;}.elementor-649 .elementor-element.elementor-element-5447a67 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-5447a67 .elementor-icon i{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-5447a67 .elementor-icon svg{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-5447a67 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-5447a67 .elementor-flip-box__button{margin-inline-center:0;}.elementor-649 .elementor-element.elementor-element-cb48fcf{--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;}.elementor-649 .elementor-element.elementor-element-c9c0e0b .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-c9c0e0b .elementor-icon i{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-c9c0e0b .elementor-icon svg{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-c9c0e0b .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-c9c0e0b .elementor-flip-box__button{margin-inline-center:0;}.elementor-649 .elementor-element.elementor-element-70131fc{--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;}.elementor-649 .elementor-element.elementor-element-43a18b9 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-43a18b9 .elementor-icon i{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-43a18b9 .elementor-icon svg{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-43a18b9 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-43a18b9 .elementor-flip-box__button{margin-inline-center:0;}.elementor-649 .elementor-element.elementor-element-42a5e13{--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;}.elementor-649 .elementor-element.elementor-element-0b4ec4b .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-0b4ec4b .elementor-icon i{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-0b4ec4b .elementor-icon svg{transform:rotate(0deg);}.elementor-649 .elementor-element.elementor-element-0b4ec4b .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-649 .elementor-element.elementor-element-0b4ec4b .elementor-flip-box__button{margin-inline-center:0;}.elementor-649 .elementor-element.elementor-element-fe025e6{--display:flex;--min-height:21vh;--justify-content:center;}.elementor-649 .elementor-element.elementor-element-6faa061{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-649 .elementor-element.elementor-element-68dc944{--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;}.elementor-649 .elementor-element.elementor-element-98ea8e4 iframe{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-649 .elementor-element.elementor-element-f70c5b1{--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;}.elementor-649 .elementor-element.elementor-element-bfcf810 iframe{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}body.elementor-page-649:not(.elementor-motion-effects-element-type-background), body.elementor-page-649 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}@media(min-width:768px){.elementor-649 .elementor-element.elementor-element-f3f3732{--width:25%;}.elementor-649 .elementor-element.elementor-element-16a032d{--width:25%;}.elementor-649 .elementor-element.elementor-element-babdc95{--width:25%;}.elementor-649 .elementor-element.elementor-element-15f6493{--width:25%;}.elementor-649 .elementor-element.elementor-element-473624d{--content-width:77%;}.elementor-649 .elementor-element.elementor-element-d3fe29c{--width:100%;}.elementor-649 .elementor-element.elementor-element-a4e949c{--width:25%;}.elementor-649 .elementor-element.elementor-element-a56caf1{--width:25%;}.elementor-649 .elementor-element.elementor-element-ead33ce{--width:25%;}.elementor-649 .elementor-element.elementor-element-f7bc5e1{--width:25%;}.elementor-649 .elementor-element.elementor-element-69c27fb{--width:25%;}.elementor-649 .elementor-element.elementor-element-cb48fcf{--width:25%;}.elementor-649 .elementor-element.elementor-element-70131fc{--width:25%;}.elementor-649 .elementor-element.elementor-element-42a5e13{--width:25%;}.elementor-649 .elementor-element.elementor-element-68dc944{--width:50%;}.elementor-649 .elementor-element.elementor-element-f70c5b1{--width:50%;}}@media(max-width:767px){.elementor-649 .elementor-element.elementor-element-9b05759 .elementor-heading-title{font-size:31px;}.elementor-649 .elementor-element.elementor-element-8f7c51b .elementor-heading-title{font-size:31px;}.elementor-649 .elementor-element.elementor-element-ccf8305{font-size:11px;}}/* Start custom CSS for flip-box, class: .elementor-element-cc7ae56 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-c6e75e9 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-4328363 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-5ea814f *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for price-table, class: .elementor-element-d903f5d *//* ==========================================
   Elementor Price Table – Dark Glass Look
   für dunklen Seitenhintergrund
   ========================================== */

.elementor-widget-price-table{
  --pt-radius: 18px;
  --pt-border: rgba(255,255,255,.14);
  --pt-shadow: 0 18px 45px rgba(0,0,0,.35);
  --pt-shadow-hover: 0 30px 80px rgba(0,0,0,.55);
  --pt-ease: cubic-bezier(.2,.8,.2,1);

  /* Glass layers */
  --pt-glass: linear-gradient(
    135deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,.03)
  );
}

/* ================= Card ================= */
.elementor-widget-price-table .elementor-price-table{
  background: var(--pt-glass) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-radius: var(--pt-radius) !important;
  border: 1px solid var(--pt-border) !important;
  box-shadow: var(--pt-shadow) !important;

  color: #f9fafb !important;
}

/* Kill ALL white backgrounds Elementor adds */
.elementor-widget-price-table .elementor-price-table,
.elementor-widget-price-table .elementor-price-table *{
  background-color: transparent !important;
}

/* Hover */
.elementor-widget-price-table .elementor-price-table:hover{
  transform: translateY(-3px);
  box-shadow: var(--pt-shadow-hover) !important;
}

/* ================= Typography ================= */
.elementor-widget-price-table .elementor-price-table__heading,
.elementor-widget-price-table .elementor-price-table__subheading{
  color: #ffffff !important;
}

.elementor-widget-price-table .elementor-price-table__currency,
.elementor-widget-price-table .elementor-price-table__integer-part{
  color: #ffffff !important;
}

.elementor-widget-price-table .elementor-price-table__period{
  color: rgba(255,255,255,.75) !important;
}

.elementor-widget-price-table .elementor-price-table__features-list li{
  color: rgba(255,255,255,.85) !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
}

/* ================= Button ================= */
.elementor-widget-price-table .elementor-price-table__button{
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-widget-price-table .elementor-price-table__button:hover{
  background: rgba(255,255,255,.18) !important;
}

/* ================= Ribbon ================= */
.elementor-widget-price-table .elementor-price-table__ribbon{
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(8px);
}

/* ================= Highlight Overlay ================= */
.elementor-widget-price-table .elementor-price-table::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(
    1200px 380px at 20% 0%,
    rgba(255,255,255,.22),
    transparent 55%
  );
  pointer-events:none;
}

/* ================= Reduced Motion ================= */
@media (prefers-reduced-motion: reduce){
  .elementor-widget-price-table .elementor-price-table{
    transition: none !important;
    transform: none !important;
  }
}
/* =========================
   Glass Look – OHNE Schatten
   ========================= */

/* Karte selbst */
.elementor-widget-price-table .elementor-price-table{
  box-shadow: none !important;
  filter: none !important;
}

/* Hover ebenfalls ohne Schatten */
.elementor-widget-price-table .elementor-price-table:hover{
  box-shadow: none !important;
  transform: translateY(-2px); /* optional – kannst du auch auf 0 setzen */
}

/* Button */
.elementor-widget-price-table .elementor-price-table__button{
  box-shadow: none !important;
}

.elementor-widget-price-table .elementor-price-table__button:hover{
  box-shadow: none !important;
}

/* Ribbon */
.elementor-widget-price-table .elementor-price-table__ribbon{
  box-shadow: none !important;
}

/* Feature Icons (falls vorhanden) */
.elementor-widget-price-table .elementor-price-table__features-list i,
.elementor-widget-price-table .elementor-price-table__features-list svg{
  filter: none !important;
}
/* =========================
   Mehr Luft / Spacing – Price Table
   ========================= */

/* Gesamte Karte etwas luftiger */
.elementor-widget-price-table .elementor-price-table{
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Header */
.elementor-widget-price-table .elementor-price-table__header{
  padding-top: 34px !important;
  padding-bottom: 26px !important;
}

/* Abstand Titel → Subtitel */
.elementor-widget-price-table .elementor-price-table__subheading{
  margin-top: 10px !important;
}

/* Preisblock */
.elementor-widget-price-table .elementor-price-table__price{
  margin-top: 18px !important;
  padding-top: 18px !important;
}

/* Abstand Preis → Featureliste */
.elementor-widget-price-table .elementor-price-table__features-list{
  margin-top: 22px !important;
  padding-top: 6px !important;
}

/* Einzelne Features weiter auseinander */
.elementor-widget-price-table .elementor-price-table__features-list li{
  padding: 14px 0 !important;
}

/* Footer */
.elementor-widget-price-table .elementor-price-table__footer{
  margin-top: 26px !important;
  padding-top: 22px !important;
  padding-bottom: 34px !important;
}

/* Abstand Button nach oben */
.elementor-widget-price-table .elementor-price-table__button{
  margin-top: 8px !important;
}/* End custom CSS */
/* Start custom CSS for price-table, class: .elementor-element-82d37eb *//* ==========================================
   Elementor Price Table – Dark Glass Look
   für dunklen Seitenhintergrund
   ========================================== */

.elementor-widget-price-table{
  --pt-radius: 18px;
  --pt-border: rgba(255,255,255,.14);
  --pt-shadow: 0 18px 45px rgba(0,0,0,.35);
  --pt-shadow-hover: 0 30px 80px rgba(0,0,0,.55);
  --pt-ease: cubic-bezier(.2,.8,.2,1);

  /* Glass layers */
  --pt-glass: linear-gradient(
    135deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,.03)
  );
}

/* ================= Card ================= */
.elementor-widget-price-table .elementor-price-table{
  background: var(--pt-glass) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-radius: var(--pt-radius) !important;
  border: 1px solid var(--pt-border) !important;
  box-shadow: var(--pt-shadow) !important;

  color: #f9fafb !important;
}

/* Kill ALL white backgrounds Elementor adds */
.elementor-widget-price-table .elementor-price-table,
.elementor-widget-price-table .elementor-price-table *{
  background-color: transparent !important;
}

/* Hover */
.elementor-widget-price-table .elementor-price-table:hover{
  transform: translateY(-3px);
  box-shadow: var(--pt-shadow-hover) !important;
}

/* ================= Typography ================= */
.elementor-widget-price-table .elementor-price-table__heading,
.elementor-widget-price-table .elementor-price-table__subheading{
  color: #ffffff !important;
}

.elementor-widget-price-table .elementor-price-table__currency,
.elementor-widget-price-table .elementor-price-table__integer-part{
  color: #ffffff !important;
}

.elementor-widget-price-table .elementor-price-table__period{
  color: rgba(255,255,255,.75) !important;
}

.elementor-widget-price-table .elementor-price-table__features-list li{
  color: rgba(255,255,255,.85) !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
}

/* ================= Button ================= */
.elementor-widget-price-table .elementor-price-table__button{
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-widget-price-table .elementor-price-table__button:hover{
  background: rgba(255,255,255,.18) !important;
}

/* ================= Ribbon ================= */
.elementor-widget-price-table .elementor-price-table__ribbon{
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(8px);
}

/* ================= Highlight Overlay ================= */
.elementor-widget-price-table .elementor-price-table::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(
    1200px 380px at 20% 0%,
    rgba(255,255,255,.22),
    transparent 55%
  );
  pointer-events:none;
}

/* ================= Reduced Motion ================= */
@media (prefers-reduced-motion: reduce){
  .elementor-widget-price-table .elementor-price-table{
    transition: none !important;
    transform: none !important;
  }
}
/* =========================
   Glass Look – OHNE Schatten
   ========================= */

/* Karte selbst */
.elementor-widget-price-table .elementor-price-table{
  box-shadow: none !important;
  filter: none !important;
}

/* Hover ebenfalls ohne Schatten */
.elementor-widget-price-table .elementor-price-table:hover{
  box-shadow: none !important;
  transform: translateY(-2px); /* optional – kannst du auch auf 0 setzen */
}

/* Button */
.elementor-widget-price-table .elementor-price-table__button{
  box-shadow: none !important;
}

.elementor-widget-price-table .elementor-price-table__button:hover{
  box-shadow: none !important;
}

/* Ribbon */
.elementor-widget-price-table .elementor-price-table__ribbon{
  box-shadow: none !important;
}

/* Feature Icons (falls vorhanden) */
.elementor-widget-price-table .elementor-price-table__features-list i,
.elementor-widget-price-table .elementor-price-table__features-list svg{
  filter: none !important;
}
/* =========================
   Mehr Luft / Spacing – Price Table
   ========================= */

/* Gesamte Karte etwas luftiger */
.elementor-widget-price-table .elementor-price-table{
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Header */
.elementor-widget-price-table .elementor-price-table__header{
  padding-top: 34px !important;
  padding-bottom: 26px !important;
}

/* Abstand Titel → Subtitel */
.elementor-widget-price-table .elementor-price-table__subheading{
  margin-top: 10px !important;
}

/* Preisblock */
.elementor-widget-price-table .elementor-price-table__price{
  margin-top: 18px !important;
  padding-top: 18px !important;
}

/* Abstand Preis → Featureliste */
.elementor-widget-price-table .elementor-price-table__features-list{
  margin-top: 22px !important;
  padding-top: 6px !important;
}

/* Einzelne Features weiter auseinander */
.elementor-widget-price-table .elementor-price-table__features-list li{
  padding: 14px 0 !important;
}

/* Footer */
.elementor-widget-price-table .elementor-price-table__footer{
  margin-top: 26px !important;
  padding-top: 22px !important;
  padding-bottom: 34px !important;
}

/* Abstand Button nach oben */
.elementor-widget-price-table .elementor-price-table__button{
  margin-top: 8px !important;
}/* End custom CSS */
/* Start custom CSS for price-table, class: .elementor-element-e89841c *//* ==========================================
   Elementor Price Table – Dark Glass Look
   für dunklen Seitenhintergrund
   ========================================== */

.elementor-widget-price-table{
  --pt-radius: 18px;
  --pt-border: rgba(255,255,255,.14);
  --pt-shadow: 0 18px 45px rgba(0,0,0,.35);
  --pt-shadow-hover: 0 30px 80px rgba(0,0,0,.55);
  --pt-ease: cubic-bezier(.2,.8,.2,1);

  /* Glass layers */
  --pt-glass: linear-gradient(
    135deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,.03)
  );
}

/* ================= Card ================= */
.elementor-widget-price-table .elementor-price-table{
  background: var(--pt-glass) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-radius: var(--pt-radius) !important;
  border: 1px solid var(--pt-border) !important;
  box-shadow: var(--pt-shadow) !important;

  color: #f9fafb !important;
}

/* Kill ALL white backgrounds Elementor adds */
.elementor-widget-price-table .elementor-price-table,
.elementor-widget-price-table .elementor-price-table *{
  background-color: transparent !important;
}

/* Hover */
.elementor-widget-price-table .elementor-price-table:hover{
  transform: translateY(-3px);
  box-shadow: var(--pt-shadow-hover) !important;
}

/* ================= Typography ================= */
.elementor-widget-price-table .elementor-price-table__heading,
.elementor-widget-price-table .elementor-price-table__subheading{
  color: #ffffff !important;
}

.elementor-widget-price-table .elementor-price-table__currency,
.elementor-widget-price-table .elementor-price-table__integer-part{
  color: #ffffff !important;
}

.elementor-widget-price-table .elementor-price-table__period{
  color: rgba(255,255,255,.75) !important;
}

.elementor-widget-price-table .elementor-price-table__features-list li{
  color: rgba(255,255,255,.85) !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
}

/* ================= Button ================= */
.elementor-widget-price-table .elementor-price-table__button{
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-widget-price-table .elementor-price-table__button:hover{
  background: rgba(255,255,255,.18) !important;
}

/* ================= Ribbon ================= */
.elementor-widget-price-table .elementor-price-table__ribbon{
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(8px);
}

/* ================= Highlight Overlay ================= */
.elementor-widget-price-table .elementor-price-table::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(
    1200px 380px at 20% 0%,
    rgba(255,255,255,.22),
    transparent 55%
  );
  pointer-events:none;
}

/* ================= Reduced Motion ================= */
@media (prefers-reduced-motion: reduce){
  .elementor-widget-price-table .elementor-price-table{
    transition: none !important;
    transform: none !important;
  }
}
/* =========================
   Glass Look – OHNE Schatten
   ========================= */

/* Karte selbst */
.elementor-widget-price-table .elementor-price-table{
  box-shadow: none !important;
  filter: none !important;
}

/* Hover ebenfalls ohne Schatten */
.elementor-widget-price-table .elementor-price-table:hover{
  box-shadow: none !important;
  transform: translateY(-2px); /* optional – kannst du auch auf 0 setzen */
}

/* Button */
.elementor-widget-price-table .elementor-price-table__button{
  box-shadow: none !important;
}

.elementor-widget-price-table .elementor-price-table__button:hover{
  box-shadow: none !important;
}

/* Ribbon */
.elementor-widget-price-table .elementor-price-table__ribbon{
  box-shadow: none !important;
}

/* Feature Icons (falls vorhanden) */
.elementor-widget-price-table .elementor-price-table__features-list i,
.elementor-widget-price-table .elementor-price-table__features-list svg{
  filter: none !important;
}
/* =========================
   Mehr Luft / Spacing – Price Table
   ========================= */

/* Gesamte Karte etwas luftiger */
.elementor-widget-price-table .elementor-price-table{
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Header */
.elementor-widget-price-table .elementor-price-table__header{
  padding-top: 34px !important;
  padding-bottom: 26px !important;
}

/* Abstand Titel → Subtitel */
.elementor-widget-price-table .elementor-price-table__subheading{
  margin-top: 10px !important;
}

/* Preisblock */
.elementor-widget-price-table .elementor-price-table__price{
  margin-top: 18px !important;
  padding-top: 18px !important;
}

/* Abstand Preis → Featureliste */
.elementor-widget-price-table .elementor-price-table__features-list{
  margin-top: 22px !important;
  padding-top: 6px !important;
}

/* Einzelne Features weiter auseinander */
.elementor-widget-price-table .elementor-price-table__features-list li{
  padding: 14px 0 !important;
}

/* Footer */
.elementor-widget-price-table .elementor-price-table__footer{
  margin-top: 26px !important;
  padding-top: 22px !important;
  padding-bottom: 34px !important;
}

/* Abstand Button nach oben */
.elementor-widget-price-table .elementor-price-table__button{
  margin-top: 8px !important;
}/* End custom CSS */
/* Start custom CSS for price-table, class: .elementor-element-6187a6f *//* ==========================================
   Elementor Price Table – Dark Glass Look
   für dunklen Seitenhintergrund
   ========================================== */

.elementor-widget-price-table{
  --pt-radius: 18px;
  --pt-border: rgba(255,255,255,.14);
  --pt-shadow: 0 18px 45px rgba(0,0,0,.35);
  --pt-shadow-hover: 0 30px 80px rgba(0,0,0,.55);
  --pt-ease: cubic-bezier(.2,.8,.2,1);

  /* Glass layers */
  --pt-glass: linear-gradient(
    135deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,.03)
  );
}

/* ================= Card ================= */
.elementor-widget-price-table .elementor-price-table{
  background: var(--pt-glass) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-radius: var(--pt-radius) !important;
  border: 1px solid var(--pt-border) !important;
  box-shadow: var(--pt-shadow) !important;

  color: #f9fafb !important;
}

/* Kill ALL white backgrounds Elementor adds */
.elementor-widget-price-table .elementor-price-table,
.elementor-widget-price-table .elementor-price-table *{
  background-color: transparent !important;
}

/* Hover */
.elementor-widget-price-table .elementor-price-table:hover{
  transform: translateY(-3px);
  box-shadow: var(--pt-shadow-hover) !important;
}

/* ================= Typography ================= */
.elementor-widget-price-table .elementor-price-table__heading,
.elementor-widget-price-table .elementor-price-table__subheading{
  color: #ffffff !important;
}

.elementor-widget-price-table .elementor-price-table__currency,
.elementor-widget-price-table .elementor-price-table__integer-part{
  color: #ffffff !important;
}

.elementor-widget-price-table .elementor-price-table__period{
  color: rgba(255,255,255,.75) !important;
}

.elementor-widget-price-table .elementor-price-table__features-list li{
  color: rgba(255,255,255,.85) !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
}

/* ================= Button ================= */
.elementor-widget-price-table .elementor-price-table__button{
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-widget-price-table .elementor-price-table__button:hover{
  background: rgba(255,255,255,.18) !important;
}

/* ================= Ribbon ================= */
.elementor-widget-price-table .elementor-price-table__ribbon{
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(8px);
}

/* ================= Highlight Overlay ================= */
.elementor-widget-price-table .elementor-price-table::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(
    1200px 380px at 20% 0%,
    rgba(255,255,255,.22),
    transparent 55%
  );
  pointer-events:none;
}

/* ================= Reduced Motion ================= */
@media (prefers-reduced-motion: reduce){
  .elementor-widget-price-table .elementor-price-table{
    transition: none !important;
    transform: none !important;
  }
}
/* =========================
   Glass Look – OHNE Schatten
   ========================= */

/* Karte selbst */
.elementor-widget-price-table .elementor-price-table{
  box-shadow: none !important;
  filter: none !important;
}

/* Hover ebenfalls ohne Schatten */
.elementor-widget-price-table .elementor-price-table:hover{
  box-shadow: none !important;
  transform: translateY(-2px); /* optional – kannst du auch auf 0 setzen */
}

/* Button */
.elementor-widget-price-table .elementor-price-table__button{
  box-shadow: none !important;
}

.elementor-widget-price-table .elementor-price-table__button:hover{
  box-shadow: none !important;
}

/* Ribbon */
.elementor-widget-price-table .elementor-price-table__ribbon{
  box-shadow: none !important;
}

/* Feature Icons (falls vorhanden) */
.elementor-widget-price-table .elementor-price-table__features-list i,
.elementor-widget-price-table .elementor-price-table__features-list svg{
  filter: none !important;
}
/* =========================
   Mehr Luft / Spacing – Price Table
   ========================= */

/* Gesamte Karte etwas luftiger */
.elementor-widget-price-table .elementor-price-table{
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Header */
.elementor-widget-price-table .elementor-price-table__header{
  padding-top: 34px !important;
  padding-bottom: 26px !important;
}

/* Abstand Titel → Subtitel */
.elementor-widget-price-table .elementor-price-table__subheading{
  margin-top: 10px !important;
}

/* Preisblock */
.elementor-widget-price-table .elementor-price-table__price{
  margin-top: 18px !important;
  padding-top: 18px !important;
}

/* Abstand Preis → Featureliste */
.elementor-widget-price-table .elementor-price-table__features-list{
  margin-top: 22px !important;
  padding-top: 6px !important;
}

/* Einzelne Features weiter auseinander */
.elementor-widget-price-table .elementor-price-table__features-list li{
  padding: 14px 0 !important;
}

/* Footer */
.elementor-widget-price-table .elementor-price-table__footer{
  margin-top: 26px !important;
  padding-top: 22px !important;
  padding-bottom: 34px !important;
}

/* Abstand Button nach oben */
.elementor-widget-price-table .elementor-price-table__button{
  margin-top: 8px !important;
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-5447a67 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-c9c0e0b *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-43a18b9 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-0b4ec4b *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */