.elementor-586 .elementor-element.elementor-element-af7a9a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-af7a9a4::before, .elementor-586 .elementor-element.elementor-element-af7a9a4 > .elementor-background-video-container::before, .elementor-586 .elementor-element.elementor-element-af7a9a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-586 .elementor-element.elementor-element-af7a9a4 > .elementor-background-slideshow::before, .elementor-586 .elementor-element.elementor-element-af7a9a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-586 .elementor-element.elementor-element-af7a9a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ddk-bedachung.grantech-solutions.de/wp-content/uploads/2021/10/shape-13.png");--background-overlay:'';}.elementor-586 .elementor-element.elementor-element-c710867{--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-586 .elementor-element.elementor-element-f8abb77{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-586 .elementor-element.elementor-element-1fadb1b{--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:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-586 .elementor-element.elementor-element-aec0690{--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:12px 12px;--row-gap:12px;--column-gap:12px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);}.elementor-586 .elementor-element.elementor-element-230380f .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-ca22854{--display:flex;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-586 .elementor-element.elementor-element-e1736e9{--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:12px 12px;--row-gap:12px;--column-gap:12px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);}.elementor-586 .elementor-element.elementor-element-489a531 .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-dab77ee{--display:flex;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-586 .elementor-element.elementor-element-67d041e{--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:12px 12px;--row-gap:12px;--column-gap:12px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);}.elementor-586 .elementor-element.elementor-element-8d92726 .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-e481b87{--display:flex;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-586 .elementor-element.elementor-element-e3ae7e4{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-586 .elementor-element.elementor-element-f90a27a{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-586 .elementor-element.elementor-element-0d13d11{--display:flex;}.elementor-586 .elementor-element.elementor-element-29b9311{--display:flex;}.elementor-586 .elementor-element.elementor-element-eb84938{--display:flex;}.elementor-586 .elementor-element.elementor-element-1e7d0ac{--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;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0000000F;--border-color:#0000000F;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-586 .elementor-element.elementor-element-1e7d0ac:not(.elementor-motion-effects-element-type-background), .elementor-586 .elementor-element.elementor-element-1e7d0ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-586 .elementor-element.elementor-element-1e7d0ac::before, .elementor-586 .elementor-element.elementor-element-1e7d0ac > .elementor-background-video-container::before, .elementor-586 .elementor-element.elementor-element-1e7d0ac > .e-con-inner > .elementor-background-video-container::before, .elementor-586 .elementor-element.elementor-element-1e7d0ac > .elementor-background-slideshow::before, .elementor-586 .elementor-element.elementor-element-1e7d0ac > .e-con-inner > .elementor-background-slideshow::before, .elementor-586 .elementor-element.elementor-element-1e7d0ac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ddk-bedachung.grantech-solutions.de/wp-content/uploads/2022/03/shape-37.png");--background-overlay:'';}.elementor-586 .elementor-element.elementor-element-1e7d0ac.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-586 .elementor-element.elementor-element-d82e0e4{width:100%;max-width:100%;}.elementor-586 .elementor-element.elementor-element-75f1ee9{--display:flex;}.elementor-586 .elementor-element.elementor-element-74f7985{--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;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-586 .elementor-element.elementor-element-3224a33{--display:flex;--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;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;}.elementor-586 .elementor-element.elementor-element-17434a8{--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-586 .elementor-element.elementor-element-be42b68{--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:space-between;--flex-wrap:nowrap;}.elementor-586 .elementor-element.elementor-element-c1729c8 .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-aa1e0e7{--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;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-586 .elementor-element.elementor-element-876db60 .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-9fc4d78{--display:flex;--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;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-586 .elementor-element.elementor-element-879c8f4 .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-9db8581{--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;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-586 .elementor-element.elementor-element-7228942 .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-d7d896b{--display:flex;--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;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}.elementor-586 .elementor-element.elementor-element-4af6a84 .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-9974d1c{--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;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-586 .elementor-element.elementor-element-e4608cb .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-296ff78{width:100%;max-width:100%;}.elementor-586 .elementor-element.elementor-element-835a5ad{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-586 .elementor-element.elementor-element-70ec9f8{--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-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-586 .elementor-element.elementor-element-70ec9f8:not(.elementor-motion-effects-element-type-background), .elementor-586 .elementor-element.elementor-element-70ec9f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-586 .elementor-element.elementor-element-f6a06be{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-586 .elementor-element.elementor-element-ff469fd{text-align:start;}.elementor-586 .elementor-element.elementor-element-ff469fd .elementor-heading-title{font-size:35px;}.elementor-586 .elementor-element.elementor-element-6a9088f{--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-radius:30px 30px 30px 30px;}.elementor-586 .elementor-element.elementor-element-f489e46{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-29c301c{--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:space-between;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-f2050a7{--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:flex-start;}.elementor-586 .elementor-element.elementor-element-f2050a7.e-con{--align-self:center;}.elementor-586 .elementor-element.elementor-element-60c36b1 .elementor-icon{font-size:40px;}.elementor-586 .elementor-element.elementor-element-60c36b1 .elementor-icon svg{height:40px;}.elementor-586 .elementor-element.elementor-element-a73345d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-586 .elementor-element.elementor-element-df0eecd{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-64e9a6a{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-0a15d10{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-586 .elementor-element.elementor-element-ccfec22 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-586 .elementor-element.elementor-element-ccfec22 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-586 .elementor-element.elementor-element-ccfec22 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-586 .elementor-element.elementor-element-ccfec22 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-586 .elementor-element.elementor-element-ccfec22 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-586 .elementor-element.elementor-element-ccfec22 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-ccfec22 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-586 .elementor-element.elementor-element-ccfec22{--e-icon-list-icon-size:14px;--icon-vertical-offset:5px;}.elementor-586 .elementor-element.elementor-element-ccfec22 .elementor-icon-list-text{transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-838fa5d{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-1e41b3e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-1e41b3e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-586 .elementor-element.elementor-element-1e41b3e{--e-icon-list-icon-size:14px;--icon-vertical-offset:5px;}.elementor-586 .elementor-element.elementor-element-1e41b3e .elementor-icon-list-text{transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-fd3faac{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-985a859{--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:space-between;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-39afb5b{--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:flex-start;}.elementor-586 .elementor-element.elementor-element-43d602d .elementor-icon-wrapper{text-align:center;}.elementor-586 .elementor-element.elementor-element-43d602d .elementor-icon{font-size:40px;}.elementor-586 .elementor-element.elementor-element-43d602d .elementor-icon svg{height:40px;}.elementor-586 .elementor-element.elementor-element-c2dbfd2.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-586 .elementor-element.elementor-element-40ed2b4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-20a8820{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-8e2bdfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-586 .elementor-element.elementor-element-e9e674b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-586 .elementor-element.elementor-element-e9e674b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-586 .elementor-element.elementor-element-e9e674b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-586 .elementor-element.elementor-element-e9e674b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-586 .elementor-element.elementor-element-e9e674b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-586 .elementor-element.elementor-element-e9e674b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-e9e674b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-586 .elementor-element.elementor-element-e9e674b{--e-icon-list-icon-size:14px;--icon-vertical-offset:5px;}.elementor-586 .elementor-element.elementor-element-e9e674b .elementor-icon-list-text{transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-c7a6f9b{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-cb460a6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-cb460a6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-586 .elementor-element.elementor-element-cb460a6{--e-icon-list-icon-size:14px;--icon-vertical-offset:5px;}.elementor-586 .elementor-element.elementor-element-cb460a6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-e87d9a7{--display:flex;--justify-content:space-between;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;}.elementor-586 .elementor-element.elementor-element-a7aeb64{text-align:start;}.elementor-586 .elementor-element.elementor-element-a7aeb64 .elementor-heading-title{font-size:35px;}.elementor-586 .elementor-element.elementor-element-43318c8{text-align:start;}.elementor-586 .elementor-element.elementor-element-fbb5127{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-0ace873{--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;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-586 .elementor-element.elementor-element-08aa7ac{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-08aa7ac.e-con{--order:-99999 /* order start hack */;}.elementor-586 .elementor-element.elementor-element-7bfc309{--display:flex;}.elementor-586 .elementor-element.elementor-element-839d1de .elementor-icon{font-size:25px;}.elementor-586 .elementor-element.elementor-element-839d1de .elementor-icon svg{height:25px;}.elementor-586 .elementor-element.elementor-element-326ace0{--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;}.elementor-586 .elementor-element.elementor-element-2d7379e{--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;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-586 .elementor-element.elementor-element-3bea6b3{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-3bea6b3.e-con{--order:-99999 /* order start hack */;}.elementor-586 .elementor-element.elementor-element-cf3f537{--display:flex;}.elementor-586 .elementor-element.elementor-element-839223b .elementor-icon{font-size:25px;}.elementor-586 .elementor-element.elementor-element-839223b .elementor-icon svg{height:25px;}.elementor-586 .elementor-element.elementor-element-7b5c656{--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;}.elementor-586 .elementor-element.elementor-element-236ae3d{--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;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-586 .elementor-element.elementor-element-0145001{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-0145001.e-con{--order:-99999 /* order start hack */;}.elementor-586 .elementor-element.elementor-element-cd70d9b{--display:flex;}.elementor-586 .elementor-element.elementor-element-3cb4ad4 .elementor-icon{font-size:25px;}.elementor-586 .elementor-element.elementor-element-3cb4ad4 .elementor-icon svg{height:25px;}.elementor-586 .elementor-element.elementor-element-48d01e0{--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;}.elementor-586 .elementor-element.elementor-element-f957622{--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;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-586 .elementor-element.elementor-element-d51c9e7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-d51c9e7.e-con{--order:-99999 /* order start hack */;}.elementor-586 .elementor-element.elementor-element-ffa1e05{--display:flex;}.elementor-586 .elementor-element.elementor-element-b7fe433 .elementor-icon{font-size:25px;}.elementor-586 .elementor-element.elementor-element-b7fe433 .elementor-icon svg{height:25px;}.elementor-586 .elementor-element.elementor-element-20e1f27{--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;}.elementor-586 .elementor-element.elementor-element-f1def94{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-586 .elementor-element.elementor-element-f1def94::before, .elementor-586 .elementor-element.elementor-element-f1def94 > .elementor-background-video-container::before, .elementor-586 .elementor-element.elementor-element-f1def94 > .e-con-inner > .elementor-background-video-container::before, .elementor-586 .elementor-element.elementor-element-f1def94 > .elementor-background-slideshow::before, .elementor-586 .elementor-element.elementor-element-f1def94 > .e-con-inner > .elementor-background-slideshow::before, .elementor-586 .elementor-element.elementor-element-f1def94 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-586 .elementor-element.elementor-element-1244f59{padding:0px 0px 0px 0px;}.elementor-586 .elementor-element.elementor-element-9db5fc9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .workig-process-home-five .sec-title .sub-title{display:show !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .working-process-home-eight .sec-title .sub-title{display:show !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .workig-process-home-five .sec-title .sub-title p{text-align:center !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .working-process-home-eight .sec-title .sub-title p{text-align:center !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .workig-process-home-five .sec-title h2{display:show !important;text-align:center !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .working-process-home-eight .sec-title h2{display:show !important;text-align:center !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .workig-process-home-five .working-block-one .inner-box{display:show !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .working-process-home-eight .working-block-two .inner-box{display:show !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .workig-process-home-five .working-block-one .inner-box .icon-box{display:show !important;text-align:center !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .working-process-home-eight .working-block-two .inner-box .icon-box{display:show !important;text-align:center !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .working-block-one .inner-box h3{display:show !important;text-align:center !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .working-block-two .inner-box h3{display:show !important;text-align:center !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .working-block-one .inner-box p{display:show !important;text-align:center !important;}.elementor-586 .elementor-element.elementor-element-9db5fc9 .working-block-two .inner-box p{display:show !important;text-align:center !important;}.elementor-586 .elementor-element.elementor-element-e5053fa{--display:flex;}.elementor-586 .elementor-element.elementor-element-e5053fa:not(.elementor-motion-effects-element-type-background), .elementor-586 .elementor-element.elementor-element-e5053fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);}.elementor-586 .elementor-element.elementor-element-d8bd544:not(.elementor-motion-effects-element-type-background), .elementor-586 .elementor-element.elementor-element-d8bd544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ddk-bedachung.grantech-solutions.de/wp-content/uploads/2021/10/shape-17.png");background-position:0px 339px;background-repeat:no-repeat;}.elementor-586 .elementor-element.elementor-element-d8bd544 > .elementor-background-overlay{background-image:url("https://ddk-bedachung.grantech-solutions.de/wp-content/uploads/2021/10/shape-18.png");background-position:1100px 300px;background-repeat:no-repeat;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-586 .elementor-element.elementor-element-d8bd544 > .elementor-container{max-width:1190px;}.elementor-586 .elementor-element.elementor-element-d8bd544{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-586 .elementor-element.elementor-element-a6e12ab .faq-style1-area.home-four.one .sec-title .sub-title{display:show !important;}.elementor-586 .elementor-element.elementor-element-a6e12ab .faq-style1-area.home-four.one .sec-title .sub-title p{text-align:left !important;}.elementor-586 .elementor-element.elementor-element-a6e12ab .faq-style1-area.home-four.one .sec-title h2{display:show !important;text-align:left !important;}.elementor-586 .elementor-element.elementor-element-a6e12ab .faq-style1__content .inner-content .text{display:show !important;text-align:left !important;}.elementor-586 .elementor-element.elementor-element-a6e12ab .accordion-box .block{display:show !important;}.elementor-bc-flex-widget .elementor-586 .elementor-element.elementor-element-5729927.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-586 .elementor-element.elementor-element-5729927.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-586 .elementor-element.elementor-element-ca47aeb{--display:flex;}@media(max-width:1024px){.elementor-586 .elementor-element.elementor-element-df0eecd{--grid-auto-flow:row;}.elementor-586 .elementor-element.elementor-element-40ed2b4{--grid-auto-flow:row;}.elementor-586 .elementor-element.elementor-element-d8bd544:not(.elementor-motion-effects-element-type-background), .elementor-586 .elementor-element.elementor-element-d8bd544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-586 .elementor-element.elementor-element-d8bd544 > .elementor-background-overlay{background-position:0px 0px;}}@media(min-width:768px){.elementor-586 .elementor-element.elementor-element-0d13d11{--width:100%;}.elementor-586 .elementor-element.elementor-element-29b9311{--width:100%;}.elementor-586 .elementor-element.elementor-element-6a9088f{--width:100%;}.elementor-586 .elementor-element.elementor-element-f489e46{--width:100%;}.elementor-586 .elementor-element.elementor-element-fd3faac{--width:100%;}.elementor-586 .elementor-element.elementor-element-0ace873{--width:100%;}.elementor-586 .elementor-element.elementor-element-2d7379e{--width:100%;}.elementor-586 .elementor-element.elementor-element-236ae3d{--width:100%;}.elementor-586 .elementor-element.elementor-element-f957622{--width:100%;}}@media(max-width:767px){.elementor-586 .elementor-element.elementor-element-df0eecd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-586 .elementor-element.elementor-element-40ed2b4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-586 .elementor-element.elementor-element-d8bd544:not(.elementor-motion-effects-element-type-background), .elementor-586 .elementor-element.elementor-element-d8bd544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-586 .elementor-element.elementor-element-d8bd544 > .elementor-background-overlay{background-position:0px 0px;}}/* Start custom CSS for html, class: .elementor-element-faca4ad *//* =========================================================
DDK ABOUT – FINAL (PATCHED)
- Content beginnt höher (weniger padding-top)
- Mobile: Bild zuerst (Reihenfolge via Flex-Order)
========================================================= */
.ddk-about.ddk-about--theme{
--ddk-accent: var(--thm-base, #e31b23);
--ddk-text: var(--thm-black, #111);
--ddk-green: #22c55e;
}
/* Block spacing */
.ddk-about.ddk-about--theme{
position: relative;
/* vorher: clamp(60px, 6vw, 110px) -> startet jetzt sichtbar früher */
padding-top: clamp(22px, 3vw, 60px);
padding-bottom: clamp(60px, 6vw, 110px);
}
.ddk-about.ddk-about--theme .ddk-about__row{ align-items: center; }
.ddk-about.ddk-about--theme .ddk-about__cta{ margin-top: 18px; }
/* Title/Text spacing */
.ddk-about.ddk-about--theme .content-box > .sec-title{
margin-bottom: 18px;
padding-bottom: 0;
}
/* Kicker/H2 starten nicht “spät” */
.ddk-about.ddk-about--theme .content-box > .sec-title .sub-title,
.ddk-about.ddk-about--theme .content-box > .sec-title h2{
margin-top: 0;
}
.ddk-about.ddk-about--theme .content-box > .sec-title h2{ margin-bottom: 0; }
.ddk-about.ddk-about--theme .content-box > .text{ margin-top: 0; padding-top: 0; }
.ddk-about.ddk-about--theme .ddk-about__list{ margin-top: 24px; }
/* Mobile-only elements hidden by default */
.ddk-about.ddk-about--theme .ddk-about__headline--mobile{ display: none; }
.ddk-about.ddk-about--theme .ddk-about__text--mobile{ display: none; }
/* Media wrapper */
.ddk-about.ddk-about--theme .ddk-about__media{
position: relative;
max-width: 560px;
margin-left: auto;
isolation: isolate;
}
/* Big image */
.ddk-about.ddk-about--theme .ddk-about__image{
position: relative;
z-index: 2;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 28px 70px rgba(18,18,18,.12);
transform: translateZ(0);
}
.ddk-about.ddk-about--theme .ddk-about__image img{
width: 100%;
height: auto;
display: block;
}
/* Checks list */
.ddk-about.ddk-about--theme .ddk-about__list li{
position: relative;
padding-left: 28px;
}
.ddk-about.ddk-about--theme .ddk-about__list li:before{
content:"✓";
position:absolute;
left:0;
top:.15em;
color: var(--ddk-accent);
font-weight: 700;
}
.ddk-about.ddk-about--theme .ddk-about__li-title{
display:block;
font-weight: 600;
line-height: 1.25;
}
/* Shapes */
.ddk-about.ddk-about--theme .ddk-shape{
position:absolute;
display:block;
pointer-events:none;
z-index:0;
}
.ddk-about.ddk-about--theme .ddk-shape--dots{
right:-26px;
top:34px;
width:140px;
height:140px;
opacity:.20;
background-image: radial-gradient(rgba(227,27,35,.55) 1.6px, transparent 1.6px);
background-size:10px 10px;
border-radius:26px;
animation: ddk-rotate 18s linear infinite;
}
.ddk-about.ddk-about--theme .ddk-shape--blob{
left:-26px;
top:22px;
width:240px;
height:240px;
background: rgba(227,27,35,.10);
border-radius:34px;
transform: rotate(14deg);
}
/* =========================================================
MINI CARD – Premium interaction
========================================================= */
.ddk-about.ddk-about--theme a.ddk-mini-card{
position:absolute;
left:-52px;
bottom:-34px;
width:315px;
z-index:3;
display:block;
color:inherit;
text-decoration:none;
cursor:pointer;
background: rgba(255,255,255,.92);
border-radius:18px;
overflow:hidden;
border:1px solid rgba(0,0,0,.05);
box-shadow: 0 22px 55px rgba(18,18,18,.16);
transform: translateZ(0);
animation: ddk-float 5.5s ease-in-out infinite;
transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.ddk-about.ddk-about--theme a.ddk-mini-card:focus{ outline:none; }
.ddk-about.ddk-about--theme a.ddk-mini-card:focus-visible{
outline: 2px solid rgba(34,197,94,.28);
outline-offset: 3px;
}
.ddk-about.ddk-about--theme a.ddk-mini-card:hover,
.ddk-about.ddk-about--theme a.ddk-mini-card:focus-visible{
transform: translate3d(0,-3px,0);
box-shadow: 0 26px 66px rgba(18,18,18,.18);
}
.ddk-about.ddk-about--theme a.ddk-mini-card:active{
transform: translate3d(0,0,0) scale(.99);
box-shadow: 0 16px 44px rgba(18,18,18,.14);
}
/* Card image */
.ddk-about.ddk-about--theme .ddk-mini-card__img{
position:relative;
height:132px;
overflow:hidden;
}
.ddk-about.ddk-about--theme .ddk-mini-card__img img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform: scale(1.02);
}
.ddk-about.ddk-about--theme .ddk-mini-card__img:after{
content:"";
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.22) 100%);
opacity:.45;
}
/* Card text */
.ddk-about.ddk-about--theme .ddk-mini-card__text{
padding: 12px 40px 14px 14px;
line-height: 1.2;
}
.ddk-about.ddk-about--theme .ddk-mini-card__title{
display:flex;
align-items:center;
gap:10px;
font-size:15px;
margin-bottom: 6px;
color: var(--ddk-text);
/* 1 Zeile Desktop */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ddk-about.ddk-about--theme .ddk-mini-card__desc{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size:13px;
opacity:.78;
color: var(--ddk-text);
}
/* Arrow */
.ddk-about.ddk-about--theme .ddk-mini-card__arrow{
position:absolute;
right:12px;
bottom:12px;
width:28px;
height:28px;
border-radius:999px;
display:grid;
place-items:center;
color: rgba(17,17,17,.70);
background: rgba(17,17,17,.04);
transition: transform .18s ease, background-color .18s ease, color .18s ease;
}
.ddk-about.ddk-about--theme a.ddk-mini-card:hover .ddk-mini-card__arrow,
.ddk-about.ddk-about--theme a.ddk-mini-card:focus-visible .ddk-mini-card__arrow{
transform: translateX(3px);
background: rgba(17,17,17,.06);
color: rgba(17,17,17,.82);
}
.ddk-about.ddk-about--theme a.ddk-mini-card:active .ddk-mini-card__arrow{
transform: translateX(1px);
}
/* Status dot (green + subtle pulse) */
.ddk-about.ddk-about--theme .ddk-status-dot{
width:8px;
height:8px;
border-radius:999px;
background: var(--ddk-green);
position:relative;
flex:0 0 auto;
}
.ddk-about.ddk-about--theme .ddk-status-dot::after{
content:"";
position:absolute;
inset:-6px;
border-radius:999px;
border: 2px solid rgba(34,197,94,.20);
opacity:.9;
animation: ddk-pulse 2.8s ease-out infinite;
}
/* =========================================================
Tablet (max 991) – (bleibt drin, aber wird durch Patch unten sauber überschrieben)
========================================================= */
@media (max-width: 991px){
.ddk-about.ddk-about--theme .ddk-about__media{
max-width: 991px;
margin: 26px auto 0;
}
.ddk-about.ddk-about--theme a.ddk-mini-card{
left: 10px;
bottom: -18px;
width: 500px;
}
}
@media (max-width: 991px){
.ddk-about.ddk-about--theme .ddk-about__list{
columns: 1 !important;
-webkit-columns: 1 !important;
}
.ddk-about.ddk-about--theme .ddk-about__list li{
width: 100% !important;
float: none !important;
break-inside: avoid;
page-break-inside: avoid;
}
}
/* =========================================================
PATCH: Tablet (768–991) wieder Desktop-Layout (2 Spalten)
========================================================= */
@media (min-width: 768px) and (max-width: 991px){
.ddk-about.ddk-about--theme .ddk-about__row{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ddk-about.ddk-about--theme .content-column,
.ddk-about.ddk-about--theme .image-column{
flex: 0 0 50%;
max-width: 50%;
}
.ddk-about.ddk-about--theme .ddk-about__media{
max-width: 560px;
margin-left: auto;
margin-top: 0 !important;
}
.ddk-about.ddk-about--theme a.ddk-mini-card{
left: -52px;
bottom: -34px;
width: 315px;
}
.ddk-about.ddk-about--theme .ddk-about__list{
columns: auto !important;
-webkit-columns: auto !important;
}
.ddk-about.ddk-about--theme .ddk-about__list li{
width: auto !important;
float: none !important;
}
}
/* =========================================================
Mobile: Bild zuerst + Mobile-first Flow – bis 767px
========================================================= */
@media (max-width: 767px){
/* Reihenfolge: Bild zuerst */
.ddk-about.ddk-about--theme .ddk-about__row{
display:flex;
flex-direction:column;
}
.ddk-about.ddk-about--theme .image-column{ order: 1; }
.ddk-about.ddk-about--theme .content-column{ order: 2; }
/* Swap Headline/Text */
.ddk-about.ddk-about--theme .ddk-about__headline--desktop{ display:none; }
.ddk-about.ddk-about--theme .ddk-about__headline--mobile{ display:block; }
.ddk-about.ddk-about--theme .ddk-about__text--desktop{ display:none; }
.ddk-about.ddk-about--theme .ddk-about__text--mobile{ display:block; }
/* CTA spacing */
.ddk-about.ddk-about--theme .ddk-about__cta{
margin-top: 18px;
margin-bottom: 12px;
}
/* Bullets 1 Spalte */
.ddk-about.ddk-about--theme .ddk-about__list{
margin-top: 18px;
columns: 1 !important;
-webkit-columns: 1 !important;
}
.ddk-about.ddk-about--theme .ddk-about__list li{
width: 100% !important;
float: none !important;
}
/* Shapes weg */
.ddk-about.ddk-about--theme .ddk-shape--dots,
.ddk-about.ddk-about--theme .ddk-shape--blob{
display:none;
}
/* Media */
.ddk-about.ddk-about--theme .ddk-about__media{
max-width:100%;
margin: 0 auto 14px; /* oben kein extra Abstand, weil jetzt oben */
}
.ddk-about.ddk-about--theme .ddk-about__image{
border-radius:18px;
}
.ddk-about.ddk-about--theme .ddk-about__image img{
aspect-ratio: 16 / 10;
object-fit: cover;
}
/* Mini-Card: Glass Panel */
.ddk-about.ddk-about--theme a.ddk-mini-card{
left: 12px;
bottom: calc(12px + env(safe-area-inset-bottom));
width: min(86%, 360px);
border-radius: 16px;
border: 1px solid rgba(255,255,255,.42);
background: rgba(255,255,255,.72);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 0 18px 46px rgba(18,18,18,.16);
animation: none; /* Mobile: kein Float */
}
.ddk-about.ddk-about--theme .ddk-mini-card__img{ display:none; }
.ddk-about.ddk-about--theme .ddk-mini-card__text{
padding: 13px 40px 13px 15px;
line-height: 1.25;
}
/* Mobile: Titel darf umbrechen */
.ddk-about.ddk-about--theme .ddk-mini-card__title{
white-space: normal;
overflow: visible;
text-overflow: clip;
font-size: 15px;
}
.ddk-about.ddk-about--theme .ddk-mini-card__desc{
-webkit-line-clamp: 2;
font-size: 13px;
opacity: .82;
}
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce){
.ddk-about.ddk-about--theme .ddk-shape--dots{ animation:none !important; }
.ddk-about.ddk-about--theme .ddk-status-dot::after{ animation:none !important; }
.ddk-about.ddk-about--theme a.ddk-mini-card{ animation:none !important; }
.ddk-about.ddk-about--theme a.ddk-mini-card,
.ddk-about.ddk-about--theme .ddk-mini-card__arrow{
transition:none !important;
}
}
/* Animations */
@keyframes ddk-rotate{
from{ transform: rotate(0deg); }
to{ transform: rotate(360deg); }
}
@keyframes ddk-float{
0%,100%{ transform: translate3d(0,0,0); }
50%{ transform: translate3d(0,-8px,0); }
}
@keyframes ddk-pulse{
0%{ transform: scale(.70); opacity:.55; }
60%{ transform: scale(1.25); opacity:.14; }
100%{ transform: scale(1.35); opacity:0; }
}
.ddk-hero-highlight{
margin-top: 14px;
padding-left: 14px;
border-left: 3px solid var(--ddk-accent);
font-weight: 600;
color: rgba(0,0,0,.75);
}
/* =========================================================
PATCH: Mobile – Bildhöhe im Hero etwas reduzieren
========================================================= */
@media (max-width: 767px){
/* flacherer Zuschnitt */
.ddk-about.ddk-about--theme .ddk-about__image img{
aspect-ratio: 16 / 9; /* vorher 16 / 10 */
max-height: 240px; /* Sicherheitsbremse für kleine Geräte */
width: 100%;
object-fit: cover;
}
}
/* =========================================================
PATCH: Mobile Abstände (Kicker näher an Titel, Checks näher an Text,
mehr Luft VOR Button)
========================================================= */
@media (max-width: 767px){
/* --- Kicker näher an den Titel --- */
.ddk-about.ddk-about--theme .content-box .sec-title{
margin-bottom: 10px !important; /* weniger Abstand nach Titelblock */
}
.ddk-about.ddk-about--theme .content-box .sec-title .sub-title{
margin-bottom: 8px !important;
padding-bottom: 0 !important;
}
.ddk-about.ddk-about--theme .content-box .sec-title .sub-title p{
margin: 0 0 6px 0 !important; /* Theme-Default killen */
line-height: 1.1 !important;
}
.ddk-about.ddk-about--theme .content-box .sec-title h2{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* --- Beschreibung näher an Checks --- */
.ddk-about.ddk-about--theme .content-box .ddk-about__text--mobile{
margin-bottom: 6px !important;
}
.ddk-about.ddk-about--theme .content-box .ddk-about__text--mobile p{
margin: 0 0 6px 0 !important; /* WICHTIG: das ist meist der Übeltäter */
}
/* Checks näher an Beschreibung + kontrollierte Abstände */
.ddk-about.ddk-about--theme .content-box ul.ddk-about__list{
margin-top: 12px !important;
margin-bottom: 25px !important; /* mehr Luft NACH Checks */
}
/* Highlight: soll nicht extra Abstand addieren */
.ddk-about.ddk-about--theme .content-box .ddk-hero-highlight{
margin-top: 0 !important;
margin-bottom: 0 !important; /* Platz kommt über CTA */
}
/* --- Button: mehr Luft nach oben (vor dem Button) --- */
.ddk-about.ddk-about--theme .content-box .ddk-about__cta{
margin-top: 22px !important; /* mehr Abstand vom Highlight zum Button */
margin-bottom: 12px !important;
}
}
/* =========================================================
PATCH: Mobile – mehr Luft NACH dem Foto
========================================================= */
@media (max-width: 767px){
/* Mehr Abstand zwischen Bild (Media) und dem Kicker/Text-Block */
.ddk-about.ddk-about--theme .ddk-about__media{
margin-bottom: 25px !important; /* z.B. 18–28px */
}
}
/* =========================================================
PATCH: Bullets – Desktop Umbruch nach Wort, Mobile kein Umbruch
========================================================= */
.ddk-about.ddk-about--theme .ddk-br{
display:block; /* Desktop: Umbruch erzwingen */
height:0;
line-height:0;
}
@media (max-width: 767px){
.ddk-about.ddk-about--theme .ddk-br{
display:inline; /* Mobile: kein Umbruch */
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fadb1b *//* =========================================================
DDK Feature Cards (Icon + Title + Mini Text)
Einsatz: unter dem SEO-Pflichtblock (3 Karten nebeneinander)
========================================================= */
/* Grid-Wrapper */
.ddk-featuregrid{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 0px;
}
/* Karte */
.ddk-featurecard{
display: flex;
align-items: center;
gap: 1px;
padding: 0px 5px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 12px;
/* optional: einheitliche Höhe */
min-height: 58px;
}
/* Icon links */
.ddk-featurecard__icon{
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* Icon-Farbe (Theme + Fallback) */
.ddk-featurecard__icon i,
.ddk-featurecard__icon svg{
font-size: 33px;
color: var(--thm-base, #e31b23);
fill: var(--thm-base, #e31b23);
}
/* Text */
.ddk-featurecard__title{
margin: 0;
color: var(--thm-black, #111);
font-family: var(--thm-font-2, inherit);
font-weight: 800;
font-size: 13.5px;
line-height: 1.1;
}
.ddk-featurecard__text{
margin: 0;
color: var(--thm-gray, #666);
font-size: 12px;
line-height: 1.25;
}
/* Falls du Texteditor nutzt: -Margin entfernen */
.ddk-featurecard__text p{
margin: 0;
}
/* Responsive */
@media (max-width: 1024px){
.ddk-featuregrid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px){
.ddk-featuregrid{
grid-template-columns: 1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31830f2 */.ddk-qc{
--qc-bg:#fff;
--qc-text:#111827;
--qc-muted:#6b7280;
--qc-border:rgba(17,24,39,.10);
--qc-shadow:0 12px 30px rgba(17,24,39,.10);
--qc-radius:18px;
--qc-red:#e11d2e;
--qc-green:#16a34a;
--qc-amber:#f59e0b;
--qc-blue:#0ea5e9;
background:var(--qc-bg);
border:1px solid var(--qc-border);
border-radius:var(--qc-radius);
box-shadow:var(--qc-shadow);
overflow:hidden;
font-family:inherit;
}
.ddk-qc__head{
padding:18px 18px 10px;
background:
radial-gradient(1000px 220px at 20% -40%, rgba(225,29,46,.18), transparent 50%),
radial-gradient(900px 240px at 80% -40%, rgba(14,165,233,.14), transparent 55%),
#fff;
}
.ddk-qc__badge{
display:inline-flex;
padding:6px 10px;
border-radius:999px;
font-size:12px;
color:rgba(17,24,39,.75);
background:rgba(17,24,39,.04);
border:1px solid var(--qc-border);
}
.ddk-qc__title{
margin:10px 0 6px;
font-size:18px;
line-height:1.2;
color:var(--qc-text);
letter-spacing:-.2px;
}
.ddk-qc__sub{
margin:0 0 6px;
font-size:13px;
line-height:1.45;
color:var(--qc-muted);
}
.ddk-qc__progress{height:8px;background:rgba(17,24,39,.06);}
.ddk-qc__bar{
height:100%;
width:0%;
background:linear-gradient(90deg, rgba(225,29,46,.95), rgba(14,165,233,.85));
transition:width .25s ease;
}
.ddk-qc__form{padding:14px 18px 18px;}
.ddk-qc__q{display:none;}
.ddk-qc__q.is-active{display:block;}
.ddk-qc__label{
display:block;
font-weight:800;
font-size:13px;
color:var(--qc-text);
margin:6px 0 10px;
}
.ddk-qc__select{
width:100%;
border:1px solid var(--qc-border);
background:#fff;
border-radius:12px;
padding:11px 12px;
font-size:14px;
outline:none;
transition:box-shadow .2s ease, border-color .2s ease;
}
.ddk-qc__select:focus{
border-color:rgba(225,29,46,.45);
box-shadow:0 0 0 4px rgba(225,29,46,.10);
}
.ddk-qc__chips{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:2px 0 6px;
}
.ddk-qc__chip{
flex:1 1 auto;
min-width:180px;
border:1px solid var(--qc-border);
background:#fff;
border-radius:14px;
padding:10px 10px;
font-size:13px;
color:rgba(17,24,39,.85);
cursor:pointer;
user-select:none;
display:flex;
gap:10px;
align-items:flex-start;
transition:transform .08s ease, border-color .2s ease, box-shadow .2s ease;
}
.ddk-qc__chip input{margin-top:2px;}
.ddk-qc__chip:hover{
transform:translateY(-1px);
box-shadow:0 10px 18px rgba(17,24,39,.08);
border-color:rgba(17,24,39,.16);
}
.ddk-qc__chip.is-selected{
border-color:rgba(225,29,46,.40);
box-shadow:0 0 0 4px rgba(225,29,46,.10);
}
.ddk-qc__hint{
margin:8px 0 0;
font-size:12px;
color:rgba(17,24,39,.62);
}
.ddk-qc__actions{
display:flex;
gap:10px;
margin-top:14px;
}
.ddk-qc__btn{
flex:1 1 0;
border-radius:14px;
padding:11px 12px;
font-size:14px;
font-weight:900;
border:1px solid transparent;
cursor:pointer;
transition:transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
.ddk-qc__btn:active{transform:translateY(1px);}
.ddk-qc__btn[disabled]{opacity:.55;cursor:not-allowed;}
.ddk-qc__btn--ghost{
background:rgba(17,24,39,.04);
border-color:var(--qc-border);
color:rgba(17,24,39,.86);
}
.ddk-qc__btn--primary{
background:linear-gradient(90deg, rgba(225,29,46,.98), rgba(225,29,46,.86));
color:#fff;
box-shadow:0 14px 26px rgba(225,29,46,.18);
}
.ddk-qc__footnote{
margin-top:10px;
font-size:11.5px;
line-height:1.35;
color:rgba(17,24,39,.52);
}
/* result */
.ddk-qc__result{
padding:16px 18px 18px;
border-top:1px solid var(--qc-border);
background:linear-gradient(180deg, rgba(17,24,39,.02), transparent 40%);
}
.ddk-qc__pill{
display:inline-flex;
padding:6px 10px;
border-radius:999px;
font-size:12px;
font-weight:900;
border:1px solid var(--qc-border);
background:#fff;
color:rgba(17,24,39,.78);
}
.ddk-qc__resultTitle{
margin:10px 0 6px;
font-size:18px;
line-height:1.2;
letter-spacing:-.2px;
color:var(--qc-text);
}
.ddk-qc__resultSub{
margin:0 0 12px;
font-size:13px;
line-height:1.45;
color:rgba(17,24,39,.70);
}
.ddk-qc__cards{display:grid;gap:12px;}
.ddk-qc__card{
border:1px solid var(--qc-border);
background:#fff;
border-radius:16px;
padding:12px;
box-shadow:0 10px 18px rgba(17,24,39,.06);
}
.ddk-qc__cardHead{
display:flex;
align-items:center;
gap:10px;
margin-bottom:8px;
color:rgba(17,24,39,.86);
font-size:13px;
}
.ddk-qc__dot{width:10px;height:10px;border-radius:999px;}
.ddk-qc__dot--ok{background:var(--qc-green);}
.ddk-qc__dot--info{background:var(--qc-blue);}
.ddk-qc__list{
margin:0;
padding-left:18px;
color:rgba(17,24,39,.78);
font-size:13px;
line-height:1.5;
}
.ddk-qc__p{
margin:0 0 10px;
color:rgba(17,24,39,.78);
font-size:13px;
line-height:1.45;
}
.ddk-qc__ctaRow{display:flex;gap:10px;flex-wrap:wrap;}
.ddk-qc__cta{
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:14px;
padding:11px 12px;
font-size:14px;
font-weight:900;
text-decoration:none;
border:1px solid transparent;
cursor:pointer;
transition:transform .08s ease, box-shadow .2s ease, opacity .2s ease;
flex:1 1 160px;
}
.ddk-qc__cta:active{transform:translateY(1px);}
.ddk-qc__cta{
background:linear-gradient(90deg, rgba(225,29,46,.98), rgba(225,29,46,.86));
color:#fff;
box-shadow:0 14px 26px rgba(225,29,46,.18);
}
.ddk-qc__cta--light{
background:rgba(17,24,39,.04);
border-color:var(--qc-border);
color:rgba(17,24,39,.86);
box-shadow:none;
}
@media (max-width:520px){
.ddk-qc__chip{min-width:100%;}
}
.ddk-qc__toggle{
margin-top:12px;
width:100%;
border-radius:14px;
padding:12px 12px;
font-size:14px;
font-weight:900;
cursor:pointer;
border:1px solid rgba(17,24,39,.12);
background:rgba(17,24,39,.04);
color:rgba(17,24,39,.86);
transition:transform .08s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.ddk-qc__toggle:hover{
transform:translateY(-1px);
box-shadow:0 10px 18px rgba(17,24,39,.08);
border-color:rgba(17,24,39,.18);
}
/* Body Animation: wir animieren max-height + opacity */
.ddk-qc__body{
overflow:hidden;
max-height:0;
opacity:0;
transition:max-height .35s ease, opacity .25s ease;
}
/* Wenn geöffnet */
.ddk-qc.is-open .ddk-qc__body{
max-height:2000px; /* groß genug, damit alles reinpasst */
opacity:1;
}
/* Optional: Toggle-Text in offenem Zustand hübscher */
.ddk-qc.is-open .ddk-qc__toggle{
background:linear-gradient(90deg, rgba(225,29,46,.98), rgba(225,29,46,.86));
color:#fff;
border-color:transparent;
box-shadow:0 14px 26px rgba(225,29,46,.18);
}
/* Wenn geöffnet: Start-Button ausblenden */
.ddk-qc.is-open .ddk-qc__toggle{
display:none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c4056d */.ddk-gbadge{
width: 100%;
box-sizing: border-box;
display: grid;
grid-template-columns: 84px 1fr;
border-radius: 14px;
border: 1px solid rgba(0,0,0,.35);
background: #fff;
overflow: hidden;
font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
color: #111;
}
.ddk-gbadge__left{
display: flex;
align-items: center;
justify-content: center;
padding: 14px;
border-right: 1px solid rgba(0,0,0,.35);
}
.ddk-gbadge__right{
padding: 12px 14px;
display: grid;
gap: 4px;
align-content: center;
min-width: 0;
}
.ddk-gbadge__top{
display: inline-flex;
align-items: center;
gap: 10px;
}
.ddk-gbadge__stars{
display: inline-flex;
gap: 3px;
align-items: center;
}
.ddk-gbadge__star{
width: 16px !important;
height: 16px !important;
display: block !important;
flex: 0 0 auto !important;
fill: #F4B400;
}
.ddk-gbadge__score{
font-size: 14px;
font-weight: 600;
color: rgba(17,24,39,.90);
white-space: nowrap;
}
.ddk-gbadge__title{
font-size: 14px;
font-weight: 700;
line-height: 1.15;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ddk-gbadge__meta{
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: rgba(17,24,39,.70);
line-height: 1.2;
}
.ddk-gbadge__num{
font-weight: 700;
color: rgba(17,24,39,.85);
}
/* Icon wrapper – stabil, kein transform-box, keine Subpixel */
.ddk-gbadge__iconbox{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
line-height: 0 !important;
font-size: 0 !important;
vertical-align: middle !important;
}
.ddk-gbadge__iconbox--g{ width: 44px !important; height: 44px !important; }
.ddk-gbadge__iconbox--check{ width: 16px !important; height: 16px !important; }
.ddk-gbadge__iconbox > svg.ddk-gbadge__svg{
width: 100% !important;
height: 100% !important;
display: block !important;
max-width: none !important;
max-height: none !important;
}
@media (max-width: 420px){
.ddk-gbadge{ grid-template-columns: 74px 1fr; }
.ddk-gbadge__iconbox--g{ width: 40px !important; height: 40px !important; }
}
.ddk-gbadge__iconbox--check svg path:first-child{
fill: #0B57D0 !important; /* dein gewünschtes Blau */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7d3e7d3 *//* Theme-Kicker für Elementor Text-Editor */
.ddk-theme-kicker p{
margin: 0 !important;
padding: 0 !important;
color: var(--thm-base);
font-family: var(--thm-font);
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 14px; /* schlank & modern */
line-height: 1.2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-04d6e22 *//* Theme-Titel für Elementor Heading */
.ddk-theme-title .elementor-heading-title{
margin: 0 !important;
color: var(--thm-black);
font-family: var(--thm-font-2);
font-weight: 800;
font-size: 20px; /* Karten-Size (nicht 44px Section-Title) */
line-height: 1.15;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d82e0e4 *//* Elementor Button -> Theme Button Look */
.ddk-theme-btn .elementor-button{
position: relative;
display: inline-block;
overflow: hidden;
border-radius: 30px;
padding: 0 28px;
line-height: 46px;
font-size: 15px;
font-weight: 600;
font-family: var(--thm-font-2);
color: #fff !important;
background: transparent !important; /* kill Elementor default */
border: none !important;
box-shadow: none !important;
}
/* Text immer oben */
.ddk-theme-btn .elementor-button *{
position: relative;
z-index: 5;
}
/* roter Hintergrund wie Theme */
.ddk-theme-btn .elementor-button:after{
content:"";
position:absolute;
inset:0;
border-radius:30px;
background: var(--thm-base);
z-index:0;
transition-duration: 800ms;
transform: scaleX(1);
}
/* schwarzer Hover-Bogen wie Theme */
.ddk-theme-btn .elementor-button:before{
content:"";
position:absolute;
top:110px;
left:-50px;
right:-50px;
height:170px;
background: var(--thm-black);
border-radius:50%;
transform: translateY(-55px);
z-index:1;
transition-duration: 800ms;
}
/* Hover */
.ddk-theme-btn .elementor-button:hover:before{
top:0%;
left:-70px;
right:-70px;
}
.ddk-theme-btn .elementor-button:hover:after{
transform: scaleX(0);
transition-duration: 1500ms;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e7d0ac *//* Karte */
.ddk-card{
background:#fff;
border:1px solid rgba(0,0,0,.06);
border-radius:16px;
padding:20px;
box-shadow:0 14px 40px rgba(0,0,0,.10);
}
/* Titelblock: Theme-Look ohne sec-title(line-height:0) */
.ddk-card__title .sub-title{ padding-bottom:3px; }
.ddk-card__title .sub-title p{
color: var(--thm-base);
font-size: 16px;
line-height: 1.2em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
margin:0;
font-family: var(--thm-font);
}
.ddk-card__title h3{
margin:0;
color: var(--thm-black);
font-weight:800;
line-height:1.2em;
font-family: var(--thm-font-2);
font-size: 28px; /* Karten-tauglich */
}
/* Text */
.ddk-card__text p{
margin:0;
color: var(--thm-gray);
font-size:14px;
line-height:18px;
font-family: var(--thm-font);
}
/* Buttons in der Karte: volle Breite + Text überlagert nicht */
.ddk-card__btn .elementor-button{
width:100%;
}
.ddk-card__btn .elementor-button .elementor-button-content-wrapper{
position: relative;
z-index: 2;
}
.ddk-card{
border: 1px solid rgba(0,0,0,.08);
}
.ddk-card{
border: 1px solid rgba(0,0,0,.08);
box-shadow: 0 14px 40px rgba(0,0,0,.10);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-296ff78 *//* Elementor Button -> Theme Button Look */
.ddk-theme-btn .elementor-button{
position: relative;
display: inline-block;
overflow: hidden;
border-radius: 30px;
padding: 0 28px;
line-height: 46px;
font-size: 15px;
font-weight: 600;
font-family: var(--thm-font-2);
color: #fff !important;
background: transparent !important; /* kill Elementor default */
border: none !important;
box-shadow: none !important;
}
/* Text immer oben */
.ddk-theme-btn .elementor-button *{
position: relative;
z-index: 5;
}
/* roter Hintergrund wie Theme */
.ddk-theme-btn .elementor-button:after{
content:"";
position:absolute;
inset:0;
border-radius:30px;
background: var(--thm-base);
z-index:0;
transition-duration: 800ms;
transform: scaleX(1);
}
/* schwarzer Hover-Bogen wie Theme */
.ddk-theme-btn .elementor-button:before{
content:"";
position:absolute;
top:110px;
left:-50px;
right:-50px;
height:170px;
background: var(--thm-black);
border-radius:50%;
transform: translateY(-55px);
z-index:1;
transition-duration: 800ms;
}
/* Hover */
.ddk-theme-btn .elementor-button:hover:before{
top:0%;
left:-70px;
right:-70px;
}
.ddk-theme-btn .elementor-button:hover:after{
transform: scaleX(0);
transition-duration: 1500ms;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74f7985 *//* Wrapper */
.ddk-nav{
background: #fff;
border: 1px solid rgba(0,0,0,.07);
border-radius: 16px;
padding: 16px;
box-shadow: 0 1px 20px rgba(0,0,0,.08);
}
/* Head */
.ddk-nav__head{
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
padding-bottom: 6px;
}
/*CHIP Navigation */
.ddk-nav__title .elementor-heading-title{
margin:0 !important;
font-family: var(--thm-font-2);
font-weight: 800;
font-size: 18px;
color: var(--thm-black);
}
.ddk-nav__chip .elementor-button{
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: rgba(0,0,0,.55) !important;
font-weight: 700;
font-size: 11px;
line-height: 1.2;
text-transform: none;
}
.ddk-nav__chip .elementor-button{
position: relative;
}
.ddk-nav__chip .elementor-button:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-6px;
height:2px;
border-radius: 2px;
background: rgba(var(--thm-base-rgb), .45);
}
.ddk-nav__chip .elementor-button:hover{
color: rgba(0,0,0,.70) !important;
}
.ddk-nav__chip .elementor-button:hover:after{
background: var(--thm-base);
}
/* List */
.ddk-nav__list{
display:flex;
flex-direction:column;
gap:10px;
}
/* Item */
.ddk-nav__item{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding: 12px 12px;
border-radius: 14px;
border: 1px solid rgba(0,0,0,.08);
background: #fff;
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.ddk-nav__item:hover{
transform: translateY(-1px);
border-color: rgba(var(--thm-base-rgb), .35);
}
/* ============ THEME ICON LOOK (like .icon .shape1:after) ============ */
/* Icon-Wrapper größer + “icon holder” */
.ddk-nav__icon{
position: relative;
width: 40px;
height: 40px;
flex: 0 0 40px;
border-radius: 16px; /* leicht squircle, wirkt moderner */
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: transparent; /* Background kommt über ::after */
}
/* Shape (entspricht .shape1::after) */
.ddk-nav__icon:after{
content:"";
position:absolute;
inset: 0;
border-radius: 16px;
background: rgba(var(--thm-base-rgb), .10); /* “theme light” */
border: 1px solid rgba(var(--thm-base-rgb), .18);
transition: all .35s ease;
z-index: 0;
}
/* Icon selbst (entspricht flaticon color/size) */
.ddk-nav__icon i,
.ddk-nav__icon svg{
position: relative;
z-index: 2;
width: 25px;
height: 25px;
font-size: 30px;
color: var(--thm-base);
transition: all .35s ease;
}
/* Hover: Shape wird kräftig (wie Theme “after”), Icon wird weiß */
.ddk-nav__item:hover .ddk-nav__icon:after{
background: var(--thm-base);
border-color: rgba(var(--thm-base-rgb), .55);
transform: translateY(-1px);
}
.ddk-nav__item:hover .ddk-nav__icon i,
.ddk-nav__item:hover .ddk-nav__icon svg{
color: #fff;
transform: scale(1.03);
}
/* Optional: sehr subtiler “Glow” wie Premium UI */
.ddk-nav__item:hover .ddk-nav__icon{
filter: drop-shadow(0 10px 18px rgba(var(--thm-base-rgb), .18));
}
/* Text */
.ddk-nav__text{
display:flex;
flex-direction:column;
gap:2px;
flex: 1;
min-width: 0;
}
.ddk-nav__item-title .elementor-heading-title{
margin:0 !important;
font-family: var(--thm-font-2);
font-weight: 800;
font-size: 15px;
color: var(--thm-black);
}
.ddk-nav__item-sub{
color: rgba(0,0,0,.60);
font-size: 13px;
line-height: 1.35;
}
.ddk-nav__item-sub p{ margin:0 !important; }
/* Arrow */
.ddk-nav__arrow{
width: 24px;
height: 24px;
flex: 0 0 50px;
border-radius: 10px;
}
.ddk-nav__arrow i,
.ddk-nav__arrow svg{
width: 13px;
height: 13px;
font-size: 28px;
}
/* Items wie Theme-Liste statt Card */
.ddk-nav__item{
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 17px 0 !important;
border-bottom: 1px solid #e5e5e5 !important;
}
/* Titel beim Hover rot */
.ddk-nav__item:hover .ddk-nav__item-title .elementor-heading-title{
color: var(--thm-base) !important;
}
/* Pfeil: Basis (damit Animation sichtbar ist) */
.ddk-nav__arrow{
transition: transform .18s ease, color .18s ease !important;
transform-origin: center;
will-change: transform;
}
/* Pfeil: Icon muss currentColor übernehmen */
.ddk-nav__arrow i,
.ddk-nav__arrow svg{
color: inherit !important;
}
.ddk-nav__arrow svg{ fill: currentColor !important; }
/* Pfeil beim Hover: rot + grow + mini-rotation */
.ddk-nav__item:hover .ddk-nav__arrow{
color: var(--thm-base) !important;
transform: scale(1.12) rotate(12deg);
}
.ddk-nav__item:hover .ddk-nav__arrow,
.ddk-nav__item:hover .ddk-nav__arrow .elementor-icon{
color: var(--thm-base) !important;
transform: scale(1.12) rotate(12deg);
}
.ddk-nav__arrow .elementor-icon svg{ fill: currentColor !important; }
/* Kein Drehen mehr – Pfeil bleibt immer nach rechts */
.ddk-nav__arrow,
.ddk-nav__arrow .elementor-icon{
transform: none !important;
rotate: 0deg !important;
animation: none !important;
}
/* Hover: rot + grow, aber ohne Rotation */
.ddk-nav__arrow,
.ddk-nav__arrow .elementor-icon{
transition: color .18s ease, transform .18s ease !important;
transform-origin: center;
}
.ddk-nav__arrow svg{ fill: currentColor !important; }
.ddk-nav__item:hover .ddk-nav__arrow,
.ddk-nav__item:hover .ddk-nav__arrow .elementor-icon{
color: var(--thm-base) !important;
transform: scale(1.12) !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-60c36b1 */.ddk-compare__title-icon{
width: 15px;
height: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1px;
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
width: 35px;
height: 35px;
color: rgba(var(--thm-base-rgb), .85);
fill: rgba(var(--thm-base-rgb), .85);
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
color: rgba(37,38,40,.7);
fill: rgba(37,38,40,.7);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6a06be *//* =========================================================
DDK Compare – Vertical (untereinander), clean & theme-like
Klassen:
- ddk-compare__grid
- ddk-compare__card (+ optional is-repair)
- ddk-compare__top
- ddk-compare__title
- ddk-compare__badge
- ddk-compare__label
- ddk-compare__list (+ is-plus / is-minus)
- ddk-compare__hint
========================================================= */
/* Karten untereinander */
.ddk-compare__grid{
display: flex;
flex-direction: column;
gap: 24px;
}
/* Card Basis (FINAL) */
.ddk-compare__card{
position: relative;
width: 100%;
background: #fff;
border-radius: 22px;
padding: 22px 22px 18px;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.07);
box-shadow: 0 8px 22px rgba(0,0,0,0.04);
transition: transform .22s ease, box-shadow .22s ease;
}
/* Hover (FINAL) */
.ddk-compare__card:hover{
transform: translateY(-1px);
box-shadow: 0 12px 30px rgba(0,0,0,0.06);
}
/* Akzentlinie oben (Default = Theme-Rot) */
.ddk-compare__card:before{
content:"";
position:absolute;
top:0; left:0;
width:100%;
height:6px;
background: rgba(var(--thm-base-rgb), 0.18);
}
/* Reparatur: grünlicher Akzent */
.ddk-compare__card.is-repair:before{
background: rgba(0, 150, 90, 0.20);
}
/* Kopfzeile: Titel + Badge */
.ddk-compare__top{
display:flex;
align-items:center;
justify-content:space-between;
gap: 14px;
margin-bottom: 10px;
}
/* Titel */
.ddk-compare__title .elementor-heading-title,
.ddk-compare__title{
margin: 0 !important;
font-family: var(--thm-font-2);
font-weight: 800;
font-size: 20px;
line-height: 1.2em;
color: var(--thm-black);
}
/* Badge (FINAL: kleiner) */
.ddk-compare__badge{
display:inline-flex;
align-items:center;
height: 26px;
padding: 0 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.02em;
white-space: nowrap;
background: rgba(0,0,0,0.04);
color: var(--thm-black);
}
/* Badge
Reset (Texteditor) */
.ddk-compare__badge p{
margin: 0 !important;
}
/* Badge Reparatur */
.ddk-compare__card.is-repair .ddk-compare__badge{
background: rgba(0, 150, 90, 0.10);
color: #0d5a3a;
}
/* Inneres 2-Spalten Raster in der Card erzwingen */
.ddk-compare__card .e-grid{
--e-con-grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
--e-con-grid-template-rows: auto !important;
column-gap: 40px !important;
row-gap: 10px !important;
}
/* Label (Sinnvoll / Nicht ausreichend) */
.ddk-compare__label .elementor-heading-title,
.ddk-compare__label{
margin: 5px 0 8px !important;
font-family: var(--thm-font-2);
font-weight: 800;
font-size: 12px;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--thm-black);
}
/* Icon-List Reset */
.ddk-compare__list .elementor-icon-list-items{
margin: 0 !important;
padding: 0 !important;
}
.ddk-compare__list .elementor-icon-list-item{
align-items:flex-start;
margin: 0 0 6px 0 !important;
}
.ddk-compare__list .elementor-icon-list-item:last-child{
margin-bottom: 0 !important;
}
/* Icon + Text Alignment */
.ddk-compare__list .elementor-icon-list-icon{
min-width: 18px;
margin-top: 2px;
}
/* Text (FINAL: dunkler als thm-gray) */
.ddk-compare__list .elementor-icon-list-text{
color: rgba(37,38,40,.75);
line-height: 1.65em;
}
/* Plus-Liste Icons (Default = Theme-Rot, Repair = Grün) */
.ddk-compare__list.is-plus .elementor-icon-list-icon i,
.ddk-compare__list.is-plus .elementor-icon-list-icon svg{
color: rgba(var(--thm-base-rgb), 0.92);
fill: rgba(var(--thm-base-rgb), 0.92);
opacity: .85;
}
.ddk-compare__card.is-repair .ddk-compare__list.is-plus .elementor-icon-list-icon i,
.ddk-compare__card.is-repair .ddk-compare__list.is-plus .elementor-icon-list-icon svg{
color: rgba(0, 150, 90, 0.92);
fill: rgba(0, 150, 90, 0.92);
opacity: .85;
}
/* Minus-Liste Icons: Theme-Rot (FINAL: etwas softer) */
.ddk-compare__list.is-minus .elementor-icon-list-icon i,
.ddk-compare__list.is-minus .elementor-icon-list-icon svg{
color: rgba(var(--thm-base-rgb), 0.92);
fill: rgba(var(--thm-base-rgb), 0.92);
opacity: .75;
}
/* Hinweis unten (kompakt) */
.ddk-compare__hint{
margin-top: 10px;
padding: 8px 12px;
border-top: none;
border-radius: 12px;
background: rgba(0,0,0,0.03);
line-height: 1.35em;
font-weight: 700;
color: var(--thm-black);
}
.ddk-compare__hint p{
margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70ec9f8 *//* Pflichtblock – Basis */
.ddk-pflichtblock{
padding: 20px 0;
}
/* Titelbereich: nutze Theme-Optik von .sec-title */
.ddk-pflichtblock .sec-title{
margin-top: 4px;
padding-bottom: 0px; /* etwas kompakter als Theme-default 50px */
line-height: 0;
}
/* Kicker wie im Theme: .sec-title .sub-title p */
.ddk-pflichtblock .sub-title{
padding-bottom: 3px;
}
.ddk-pflichtblock .sub-title .elementor-heading-title{
color: var(--thm-base);
font-size: 16px;
line-height: 1.2em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
}
/* H2 wie Theme .sec-title h2 */
.ddk-pflichtblock .ddk-pflichtblock__h2 .elementor-heading-title{
color: var(--thm-black);
font-family: var(--thm-font-2);
font-size: 44px;
line-height: 1.2em;
font-weight: 800;
text-transform: none;
}
.ddk-pflichtblock .ddk-pflichtblock__text p{
margin: 0 0 6px 0; /* statt 12 */
}
.ddk-pflichtblock .ddk-pflichtblock__text p:last-child{
margin-bottom: 0;
}
.ddk-pflichtblock .ddk-pflichtblock__text p{
margin: 0 0 12px 0;
color: var(--thm-gray);
font-size: 15px;
line-height: 26px;
}
/* Responsive */
@media (max-width: 1024px){
.ddk-pflichtblock{
padding: 60px 0;
}
.ddk-pflichtblock .ddk-pflichtblock__h2 .elementor-heading-title{
font-size: 36px;
}
.ddk-pflichtblock .ddk-pflichtblock__bullets .elementor-icon-list-items{
grid-template-columns: 1fr;
}
}
@media (max-width: 767px){
.ddk-pflichtblock{
padding: 46px 0;
}
.ddk-pflichtblock .ddk-pflichtblock__h2 .elementor-heading-title{
font-size: 30px;
}
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-839d1de */.ddk-compare__title-icon{
width: 15px;
height: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1px;
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
width: 35px;
height: 35px;
color: rgba(var(--thm-base-rgb), .85);
fill: rgba(var(--thm-base-rgb), .85);
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
color: rgba(37,38,40,.7);
fill: rgba(37,38,40,.7);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-839223b */.ddk-compare__title-icon{
width: 15px;
height: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1px;
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
width: 35px;
height: 35px;
color: rgba(var(--thm-base-rgb), .85);
fill: rgba(var(--thm-base-rgb), .85);
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
color: rgba(37,38,40,.7);
fill: rgba(37,38,40,.7);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3cb4ad4 */.ddk-compare__title-icon{
width: 15px;
height: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1px;
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
width: 35px;
height: 35px;
color: rgba(var(--thm-base-rgb), .85);
fill: rgba(var(--thm-base-rgb), .85);
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
color: rgba(37,38,40,.7);
fill: rgba(37,38,40,.7);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b7fe433 */.ddk-compare__title-icon{
width: 15px;
height: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1px;
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
width: 35px;
height: 35px;
color: rgba(var(--thm-base-rgb), .85);
fill: rgba(var(--thm-base-rgb), .85);
}
.ddk-compare__title-icon svg,
.ddk-compare__title-icon i{
color: rgba(37,38,40,.7);
fill: rgba(37,38,40,.7);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e87d9a7 *//* ==============================
CORPORATE PREMIUM (SERIOUS)
Scope: .rp-sec + .rp-grid
============================== */
/* Section: clean, no pink glow */
.rp-sec{
position: relative;
background: transparent;
}
.rp-sec::before,
.rp-sec::after{ content:none !important; }
/* Kicker: match corporate style (small, strict, dark) */
.rp-sec .sub-title p{
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
color: rgba(37,38,40,.72); /* close to --thm-black but muted */
margin: 0 0 10px;
}
/* H2: strict, heavy, no weird spacing */
.rp-sec .ddk-pflichtblock__h2 h2{
font-family: var(--thm-font-2);
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.05;
color: var(--thm-black);
margin: 0 0 14px;
}
/* Intro text: calmer and more premium */
.rp-sec .elementor-widget-text-editor p{
color: rgba(37,38,40,.78);
line-height: 1.75;
font-size: 16px;
margin: 0;
}
.rp-sec .elementor-widget-text-editor strong{
color: var(--thm-black);
font-weight: 800;
}
/* Grid */
.rp-grid{
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px !important;
margin-top: 26px;
}
@media (max-width: 1024px){
.rp-grid{ grid-template-columns: 1fr; }
}
/* Card: corporate */
.rp-symptom-card{
position: relative;
background: #fff;
border: 1px solid rgba(15,23,42,.10);
border-radius: 16px;
padding: 28px 28px 22px;
box-shadow: 0 14px 40px rgba(2,6,23,.08);
overflow: hidden;
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
/* Top accent line: subtle, not loud */
.rp-symptom-card::before{
content:"";
position:absolute;
left: 0;
right: 0;
top: 0;
height: 2px;
background: rgba(var(--thm-base-rgb), .85);
opacity: .55;
}
.rp-symptom-card:hover{
transform: translateY(-4px);
border-color: rgba(15,23,42,.16);
box-shadow: 0 22px 62px rgba(2,6,23,.12);
}
/* Head row */
.rp-symptom-head{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap: 14px !important;
margin-bottom: 18px;
}
/* Icon: neutral, corporate */
.rp-symptom-head .elementor-icon{
width: 44px;
height: 44px;
border-radius: 12px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(15,23,42,.04);
border: 1px solid rgba(15,23,42,.08);
color: rgba(15,23,42,.78);
box-shadow: none;
}
.rp-symptom-head .elementor-icon svg{
width: 18px;
height: 18px;
}
/* Title */
.rp-symptom-title h4{
font-family: var(--thm-font-2);
margin: 0 0 10px;
font-size: 22px;
line-height: 1.15;
letter-spacing: -0.015em;
color: var(--thm-black);
}
/* Text */
.rp-symptom-text{
margin: 0 0 14px 0;
color: rgba(37,38,40,.70);
font-size: 15px;
line-height: 1.7;
}
/* Note: clean and consistent */
.rp-symptom-note{
margin: 0;
padding-top: 14px;
border-top: 1px solid rgba(15,23,42,.08);
}
.rp-symptom-note p{
margin: 0;
color: rgba(37,38,40,.90);
font-weight: 700;
display:flex;
gap:10px;
align-items:flex-start;
}
.rp-symptom-note p::before{
content:"";
width: 6px;
height: 6px;
border-radius: 99px;
margin-top: 9px;
background: rgba(var(--thm-base-rgb), .95);
}
/* Badge: serious label */
.rp-badge{
display:inline-flex !important;
align-items:center !important;
gap: 10px !important;
padding: 8px 12px;
border-radius: 999px;
background: rgba(15,23,42,.03);
border: 1px solid rgba(15,23,42,.10);
box-shadow: none;
}
/* badge text */
.rp-badge p{
margin:0 !important;
font-size: 12px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
color: rgba(15,23,42,.70);
}
/* bar */
.rp-badge-bar{
width: 52px;
height: 8px;
border-radius: 999px;
background: rgba(15,23,42,.10);
position: relative;
overflow: hidden;
}
.rp-badge-bar::after{
content:"";
position:absolute;
inset:0 auto 0 0;
width: 56%; /* default mid */
border-radius: 999px;
background: rgba(var(--thm-base-rgb), .95);
}
/* LEVELS (supports your current structure too) */
.rp-badge.rp-badge--low .rp-badge-bar::after,
.rp-badge .rp-badge--low .rp-badge-bar::after{ width: 28%; opacity:.65; }
.rp-badge.rp-badge--mid .rp-badge-bar::after,
.rp-badge .rp-badge--mid .rp-badge-bar::after{ width: 56%; opacity:.85; }
.rp-badge.rp-badge--high .rp-badge-bar::after,
.rp-badge .rp-badge--high .rp-badge-bar::after{ width: 86%; opacity:1; }
/* Mobile */
@media (max-width: 767px){
.rp-symptom-card{ padding: 22px 20px 18px; border-radius: 14px; }
.rp-badge{ padding: 7px 10px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-591bca8 *//* =========================
DDK Reviews Google – FINAL
========================= */
/* Section spacing (Theme Rhythmus) */
.ddk-sec-reviews-google{ padding:90px 0; }
@media (max-width:991px){ .ddk-sec-reviews-google{ padding:70px 0; } }
@media (max-width:767px){ .ddk-sec-reviews-google{ padding:55px 0; } }
/* Reset nur innerhalb der Sektion */
.ddk-sec-reviews-google p{ margin:0; }
/* -------------------------
Title (Premium + enger)
------------------------- */
.ddk-sec-reviews-google .sec-title.centered{
text-align:center;
margin-bottom:30px; /* enger: Title + Summary zusammengehörig */
padding-bottom:0;
}
.ddk-sec-reviews-google .sec-title .sub-title{ margin:0; padding:0; }
.ddk-sec-reviews-google .sec-title .sub-title p{ margin:0 0 16px 0; }
.ddk-sec-reviews-google .sec-title h2{
margin:0 0 8px 0;
font-weight:700;
letter-spacing:-0.01em;
font-size:clamp(28px, 3.1vw, 44px);
line-height:1.12;
}
.ddk-sec-reviews-google .sec-title .text{
max-width:760px;
margin:4px auto 0;
line-height:1.6;
opacity:1;
color:rgba(17,17,17,.72);
}
/* Stars */
.ddk-sec-reviews-google .ddk-stars{ display:flex; gap:3px; line-height:1; }
.ddk-sec-reviews-google .ddk-stars span{ color:var(--thm-primary); font-size:16px; }
.ddk-sec-reviews-google .ddk-stars--sm span{ font-size:15px; }
/* -------------------------
Summary Bar
------------------------- */
.ddk-sec-reviews-google .ddk-gsum{
margin:0 auto 26px;
max-width:920px;
padding:18px 20px;
background:#fff;
border:1px solid rgba(var(--thm-base-rgb), .08);
border-radius:14px;
display:flex;
gap:18px;
justify-content:space-between;
align-items:center;
}
.ddk-sec-reviews-google .ddk-gsum__left{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.ddk-sec-reviews-google .ddk-gsum__score{ display:flex; align-items:baseline; gap:6px; font-family:var(--thm-font-2); color:var(--thm-black); }
.ddk-sec-reviews-google .ddk-gsum__num{ font-size:28px; font-weight:700; line-height:1; }
.ddk-sec-reviews-google .ddk-gsum__outof{ font-size:14px; color:var(--thm-gray); }
.ddk-sec-reviews-google .ddk-gsum__based{ color:var(--thm-gray); font-size:14px; }
.ddk-sec-reviews-google .ddk-gsum__right{ display:flex; align-items:center; gap:12px; }
.ddk-sec-reviews-google .ddk-googlemark{ display:inline-flex; align-items:center; justify-content:center; transform:translateY(1px); opacity:.95; }
.ddk-sec-reviews-google .ddk-gsum__link{
font-family:var(--thm-font);
color:var(--thm-black);
text-decoration:none;
border-bottom:1px solid rgba(var(--thm-base-rgb), .18);
transition:all .25s ease;
}
.ddk-sec-reviews-google .ddk-gsum__link:hover{ border-bottom-color:rgba(var(--thm-base-rgb), .45); }
/* Grid */
.ddk-sec-reviews-google .ddk-ggrid{ display:flex; gap:24px; flex-wrap:wrap; }
/* -------------------------
Cards (premium ambient)
------------------------- */
.ddk-sec-reviews-google .ddk-gcard{
background:#fff;
border:1px solid rgba(0,0,0,.06);
border-radius:14px;
padding:22px 22px 18px;
flex:1 1 calc(33.333% - 16px);
min-width:260px;
display:flex;
flex-direction:column;
box-shadow:
0 10px 30px rgba(17,17,17,.06),
0 2px 10px rgba(17,17,17,.03);
transition:transform .20s ease, box-shadow .20s ease, border-color .20s ease;
}
@media (hover:hover){
.ddk-sec-reviews-google .ddk-gcard:hover{
transform:translateY(-2px);
box-shadow:
0 14px 44px rgba(17,17,17,.08),
0 4px 14px rgba(17,17,17,.04);
border-color:rgba(0,0,0,.08);
}
}
/* Card header */
.ddk-sec-reviews-google .ddk-gcard__top{ display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:10px; }
.ddk-sec-reviews-google .ddk-gcard__who{ display:flex; gap:12px; align-items:center; }
.ddk-sec-reviews-google .ddk-gcard__avatar{
width:34px; height:34px; border-radius:999px;
background:rgba(227,27,35,.06);
color:var(--thm-black);
display:flex; align-items:center; justify-content:center;
font-family:var(--thm-font-2); font-weight:700;
}
.ddk-sec-reviews-google .ddk-gcard__name{ font-family:var(--thm-font-2); color:var(--thm-black); font-weight:700; font-size:16px; line-height:1.2; }
.ddk-sec-reviews-google .ddk-gcard__nameLink{ color:inherit; text-decoration:none; border-bottom:1px solid transparent; transition:all .2s ease; }
.ddk-sec-reviews-google .ddk-gcard__nameLink:hover{ border-bottom-color:rgba(var(--thm-base-rgb), .35); }
.ddk-sec-reviews-google .ddk-gcard__date{ font-size:13px; color:var(--thm-gray); }
.ddk-sec-reviews-google .ddk-gcard__badge{
width:28px; height:28px; border-radius:999px;
background:transparent;
display:flex; align-items:center; justify-content:center;
}
/* Review text (dunkler + smooth toggle) */
.ddk-sec-reviews-google .ddk-gcard .ddk-stars{ margin:6px 0 12px; }
.ddk-sec-reviews-google .ddk-gcard__text{
color:rgba(17,17,17,.78);
line-height:1.65;
font-size:15px;
margin-bottom:10px;
overflow:hidden;
max-height:6.6em; /* ~4 Zeilen */
transition:max-height .35s ease;
will-change:max-height;
}
.ddk-sec-reviews-google .ddk-gcard__text.is-open{
overflow:hidden; /* max-height wird via JS gesetzt */
}
/* Actions */
.ddk-sec-reviews-google .ddk-gcard__actions{
margin-top:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
.ddk-sec-reviews-google .ddk-gcard__more{
background:transparent;
border:0;
padding:8px 0 0;
cursor:pointer;
font-family:var(--thm-font);
color:var(--thm-black);
text-align:left;
opacity:.82;
transition:opacity .2s ease, color .2s ease;
}
.ddk-sec-reviews-google .ddk-gcard__more:hover{ opacity:1; color:var(--thm-base); }
.ddk-sec-reviews-google .ddk-gcard__more::after{ content:" →"; opacity:.75; }
.ddk-sec-reviews-google .ddk-gcard__openLink{
padding-top:8px;
font-size:12px;
line-height:1;
color:var(--thm-gray);
opacity:.75;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:6px;
transition:all .2s ease;
white-space:nowrap;
}
.ddk-sec-reviews-google .ddk-gcard__openLink::before{ content:"↗"; font-size:12px; opacity:.75; }
.ddk-sec-reviews-google .ddk-gcard__openLink:hover{ opacity:1; color:var(--thm-base); }
/* Responsive */
@media (max-width:991px){
.ddk-sec-reviews-google .ddk-gsum{ flex-direction:column; align-items:flex-start; }
.ddk-sec-reviews-google .ddk-gcard{ flex:1 1 calc(50% - 12px); }
}
@media (max-width:767px){
.ddk-sec-reviews-google .ddk-ggrid{ gap:16px; }
.ddk-sec-reviews-google .ddk-gcard{ flex:1 1 100%; }
}
/* -------------------------
Mobile Deck (Stacked Cards)
------------------------- */
.ddk-sec-reviews-google .ddk-deck-nav{ display:none; }
@media (max-width:767px){
.ddk-sec-reviews-google .ddk-ggrid{
position:relative;
display:block;
max-width:420px;
margin:0 auto;
padding-bottom:14px;
}
.ddk-sec-reviews-google .ddk-gcard{
position:absolute;
left:0; right:0;
top:0;
width:100%;
opacity:0;
transform:translateY(18px) scale(.98);
pointer-events:none;
transition:
transform .42s cubic-bezier(.2,.9,.2,1),
opacity .42s ease,
filter .42s ease;
will-change:transform, opacity;
}
.ddk-sec-reviews-google .ddk-gcard.is-active{
position:relative;
opacity:1;
transform:translateY(0) scale(1);
pointer-events:auto;
z-index:3;
will-change:transform;
transform:translateZ(0);
backface-visibility:hidden;
}
.ddk-sec-reviews-google .ddk-gcard.is-next{
opacity:1;
transform:translateY(14px) scale(.98);
z-index:2;
pointer-events:none;
filter:blur(.2px);
box-shadow:0 8px 18px rgba(0,0,0,.08);
}
.ddk-sec-reviews-google .ddk-gcard.is-next2{
opacity:1;
transform:translateY(26px) scale(.965);
z-index:1;
pointer-events:none;
filter:blur(.2px);
box-shadow:0 6px 14px rgba(0,0,0,.06);
}
.ddk-sec-reviews-google .ddk-ggrid.is-anim-next .ddk-gcard.is-active{
transform:translateX(-10px) translateY(-4px) scale(.995);
opacity:0;
}
.ddk-sec-reviews-google .ddk-ggrid.is-anim-prev .ddk-gcard.is-active{
transform:translateX(10px) translateY(-4px) scale(.995);
opacity:0;
}
.ddk-sec-reviews-google .ddk-ggrid.is-anim-next .ddk-gcard.is-next,
.ddk-sec-reviews-google .ddk-ggrid.is-anim-prev .ddk-gcard.is-next{
transform:translateY(0) scale(1);
}
.ddk-sec-reviews-google .ddk-deck-nav{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
margin-top:14px;
user-select:none;
}
.ddk-sec-reviews-google .ddk-deck-btn{
width:42px; height:42px;
border-radius:999px;
border:1px solid rgba(var(--thm-base-rgb), .10);
background:#fff;
box-shadow:0 10px 22px rgba(0,0,0,.06);
color:var(--thm-black);
font-size:20px;
line-height:1;
cursor:pointer;
transition:transform .2s ease, box-shadow .2s ease;
}
.ddk-sec-reviews-google .ddk-deck-btn:active{
transform:scale(.94);
box-shadow:0 6px 14px rgba(0,0,0,.12);
}
.ddk-sec-reviews-google .ddk-deck-ind{
font-size:13px;
color:var(--thm-gray);
min-width:70px;
text-align:center;
}
}
/* -------------------------
Trustbar (ultra-clean)
------------------------- */
.ddk-sec-reviews-google .ddk-trustbar{
margin:18px auto 16px;
max-width:920px;
display:flex;
gap:10px;
flex-wrap:wrap;
justify-content:center;
}
.ddk-sec-reviews-google .ddk-trustbar__item{
background:#fff;
border:1px solid rgba(227,27,35,.04);
border-radius:999px;
padding:6px 10px;
display:flex;
align-items:center;
gap:10px;
box-shadow:0 6px 14px rgba(0,0,0,.02);
}
.ddk-sec-reviews-google .ddk-trustbar__icon{
width:22px;
height:22px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(227,27,35,.035);
font-size:12px;
}
.ddk-sec-reviews-google .ddk-trustbar__text{
font-size:12px;
font-weight:500;
color:rgba(17,17,17,.64);
line-height:1.15;
}
/* -------------------------
CTA (clean + black hover)
------------------------- */
.ddk-sec-reviews-google .ddk-reviews-cta{
margin-top:30px;
text-align:center;
}
.ddk-sec-reviews-google .ddk-reviews-cta__btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:50px;
padding:0 28px;
border-radius:999px;
background:#fff;
color:var(--thm-black);
text-decoration:none;
font-family:var(--thm-font-2);
font-weight:650;
font-size:15px;
letter-spacing:-0.01em;
border:1px solid rgba(17,17,17,.18);
box-shadow:0 12px 30px rgba(17,17,17,.10);
transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}
.ddk-sec-reviews-google .ddk-reviews-cta__btn:hover{
transform:translateY(-1px);
background:#111;
color:#fff;
border-color:rgba(17,17,17,.55);
box-shadow:0 18px 44px rgba(17,17,17,.18);
}
.ddk-sec-reviews-google .ddk-reviews-cta__btn:active{
transform:translateY(0);
background:#0b0b0b;
color:#fff;
box-shadow:0 12px 30px rgba(17,17,17,.14);
}
.ddk-sec-reviews-google .ddk-reviews-cta__btn:focus{ outline:none; }
.ddk-sec-reviews-google .ddk-reviews-cta__btn:focus-visible{
box-shadow:0 0 0 4px rgba(17,17,17,.18), 0 12px 30px rgba(17,17,17,.10);
border-color:rgba(17,17,17,.55);
}
.ddk-sec-reviews-google .ddk-reviews-cta__hint{
margin-top:8px;
font-size:12px;
font-weight:400;
color:rgba(17,17,17,.55);
}
@media (max-width:767px){
.ddk-sec-reviews-google .ddk-reviews-cta__btn{
width:100%;
max-width:420px;
}
}
/* =========================
DDK Reviews Google – Mobile Patch
(nur max-width:767px)
========================= */
@media (max-width:767px){
/* 1) Summary kompakter: wirkt wie Info-Badge */
.ddk-sec-reviews-google .ddk-gsum{
padding:12px 14px; /* weniger vertikal */
gap:10px;
margin:0 auto 16px; /* enger zum Deck */
border-radius:12px;
}
/* links kompakter */
.ddk-sec-reviews-google .ddk-gsum__left{
gap:10px;
flex-wrap:wrap;
}
/* Score etwas kleiner */
.ddk-sec-reviews-google .ddk-gsum__num{ font-size:24px; }
.ddk-sec-reviews-google .ddk-gsum__outof{ font-size:12px; }
/* Sterne + "Basierend auf ..." in eine Zeile */
.ddk-sec-reviews-google .ddk-gsum__left .ddk-stars{
order:3;
display:inline-flex;
align-items:center;
transform:translateY(1px);
}
.ddk-sec-reviews-google .ddk-gsum__based{
order:4;
font-size:12px;
white-space:nowrap;
}
/* rechts: Google-Link kleiner, unter dem Icon */
.ddk-sec-reviews-google .ddk-gsum__right{
gap:6px;
align-items:flex-start;
}
.ddk-sec-reviews-google .ddk-googlemark svg{
width:26px; height:26px;
}
.ddk-sec-reviews-google .ddk-gsum__link{
font-size:12px;
line-height:1.2;
opacity:.85;
border-bottom-color:rgba(var(--thm-base-rgb), .14);
display:block;
margin-top:2px;
}
/* Optional: wenn es auf sehr kleinen Geräten zu eng wird */
@media (max-width:380px){
.ddk-sec-reviews-google .ddk-gsum__based{ white-space:normal; }
}
/* 3) Deck-Navigation näher an die Karten */
.ddk-sec-reviews-google .ddk-ggrid{
padding-bottom:8px; /* weniger "Boden" unterm Deck */
}
.ddk-sec-reviews-google .ddk-deck-nav{
margin-top:8px; /* war 14px */
gap:10px;
}
.ddk-sec-reviews-google .ddk-deck-btn{
width:40px; height:40px; /* minimal kompakter */
}
.ddk-sec-reviews-google .ddk-deck-ind{
font-size:12px;
min-width:62px;
}
/* 4) Trustbar auf Mobile: default ausblenden (cleaner) */
.ddk-sec-reviews-google .ddk-trustbar{
display:none;
}
/* CTA etwas näher (weil Trustbar weg ist) */
.ddk-sec-reviews-google .ddk-reviews-cta{
margin-top:18px; /* war 30px */
}
}
@media (max-width:767px){
/* Mehr Luft unter dem Deck, damit peek-cards + Schatten nicht in die Nav rutschen */
.ddk-sec-reviews-google .ddk-ggrid{
padding-bottom:34px; /* war 14px / 8px – jetzt genug Reserve */
margin-bottom:6px;
}
/* Nav etwas weiter weg von den Karten */
.ddk-sec-reviews-google .ddk-deck-nav{
margin-top:14px; /* war 14px (oder in deinem Patch 8px) – hier bewusst mehr Luft */
position:relative;
z-index:5; /* sicher über Schatten */
}
/* Optional: wenn es immer noch eng wirkt → aktive Karte minimal „anheben“ */
/* .ddk-sec-reviews-google .ddk-gcard.is-active{ margin-bottom:6px; } */
}
@media (max-width:767px){
/* Summary-Box auf Mobile weg (sonst redundant) */
.ddk-sec-reviews-google .ddk-gsum{ display:none; }
/* Mobile Google Chip */
.ddk-sec-reviews-google .ddk-gchip{
max-width:420px;
margin:6px auto 16px; /* direkt unter Subline */
padding:10px 14px;
display:flex;
align-items:center;
gap:10px;
background:#fff;
border:1px solid rgba(0,0,0,.06);
border-radius:999px;
text-decoration:none;
color:var(--thm-black);
box-shadow:0 8px 18px rgba(17,17,17,.05); /* sehr dezent */
}
.ddk-sec-reviews-google .ddk-gchip__g{
display:inline-flex;
align-items:center;
justify-content:center;
opacity:.95;
transform:translateY(1px);
flex:0 0 auto;
}
.ddk-sec-reviews-google .ddk-gchip__stars{
display:inline-flex;
gap:2px;
flex:0 0 auto;
}
.ddk-sec-reviews-google .ddk-gchip__stars span{ font-size:14px; }
.ddk-sec-reviews-google .ddk-gchip__txt{
display:flex;
align-items:baseline;
gap:8px;
min-width:0;
flex:1 1 auto;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.ddk-sec-reviews-google .ddk-gchip__score{
font-family:var(--thm-font-2);
font-weight:700;
letter-spacing:-0.01em;
}
.ddk-sec-reviews-google .ddk-gchip__sep{
opacity:.45;
}
.ddk-sec-reviews-google .ddk-gchip__count{
font-size:13px;
color:rgba(17,17,17,.70);
overflow:hidden;
text-overflow:ellipsis;
}
.ddk-sec-reviews-google .ddk-gchip__chev{
flex:0 0 auto;
font-size:18px;
opacity:.55;
transform:translateY(-1px);
}
/* Tap feel */
.ddk-sec-reviews-google .ddk-gchip:active{
transform:scale(.99);
}
}
/* Google Chip: default AUS (Desktop/Tablet) */
.ddk-sec-reviews-google .ddk-gchip{ display:none; }
@media (max-width:767px){
.ddk-sec-reviews-google .ddk-gchip{ display:flex; }
}
@media (max-width:767px){
/* noch badge-artiger */
.ddk-sec-reviews-google .ddk-gchip{
padding:8px 12px; /* war 10px 14px */
gap:8px; /* war 10px */
box-shadow:0 6px 14px rgba(17,17,17,.04); /* noch ruhiger */
}
.ddk-sec-reviews-google .ddk-gchip__count{
font-size:13px;
color:rgba(17,17,17,.68);
}
.ddk-sec-reviews-google .ddk-gchip__chev{
font-size:17px;
opacity:.5;
}
}
@media (max-width:767px){
/* Mehr Luft NACH dem Slider (Nav) Richtung CTA */
.ddk-sec-reviews-google .ddk-deck-nav{
margin-bottom:40px; /* neu: Abstand nach unten */
}
/* Falls du Trustbar auf Mobile ausgeblendet hast, CTA trotzdem nicht zu nah */
.ddk-sec-reviews-google .ddk-reviews-cta{
margin-top:26px; /* war 18px/30px – hier etwas mehr Luft */
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5053fa *//* ===== DDK Reviews: Section Spacing wie Theme ===== */
.ddk-sec-reviews-google{
padding: 90px 0;
}
@media (max-width: 991px){
.ddk-sec-reviews-google{ padding: 70px 0; }
}
@media (max-width: 767px){
.ddk-sec-reviews-google{ padding: 55px 0; }
}
/* ===== Title Spacing fix (Kicker + H2 + Text enger & zentriert) ===== */
.ddk-sec-reviews-google .sec-title.centered{
text-align: center;
margin-bottom: 34px;
}
.ddk-sec-reviews-google .sec-title .sub-title{ margin-bottom: 10px; }
.ddk-sec-reviews-google .sec-title h2{ margin-bottom: 12px; }
.ddk-sec-reviews-google .sec-title .text{
max-width: 760px;
margin: 0 auto;
}
/* ===== Typo Guardrail: erzwinge Theme-Fonts im Block ===== */
.ddk-sec-reviews-google,
.ddk-sec-reviews-google p,
.ddk-sec-reviews-google a,
.ddk-sec-reviews-google button{
font-family: var(--thm-font);
}
.ddk-sec-reviews-google h2,
.ddk-sec-reviews-google .ddk-gsum__num,
.ddk-sec-reviews-google .ddk-gcard__name{
font-family: var(--thm-font-2);
}/* End custom CSS */