.elementor-kit-9{--e-global-color-primary:#D01131;--e-global-color-secondary:#80081E;--e-global-color-text:#1A1A1A;--e-global-color-accent:#FFFFFF;--e-global-color-72c6a0d:#F4F5F7;--e-global-color-6f4f166:#181818;--e-global-color-9adb832:#EEEFE6;--e-global-color-45357c7:#000000;--e-global-typography-b4c915f-font-family:"SDRBau Font";--e-global-typography-b4c915f-font-size:clamp(1rem, 1.2vw, 1.125rem);--e-global-typography-b4c915f-font-weight:400;--e-global-typography-b4c915f-line-height:1.6;--e-global-typography-b4c915f-letter-spacing:0em;--e-global-typography-b1f5a65-font-family:"SDRBau Font";--e-global-typography-b1f5a65-font-size:1.125rem;--e-global-typography-b1f5a65-font-weight:800;--e-global-typography-b1f5a65-text-transform:uppercase;--e-global-typography-b1f5a65-line-height:1.2;--e-global-typography-b1f5a65-letter-spacing:0.05em;--e-global-typography-b655371-font-family:"SDRBau Font";--e-global-typography-b655371-font-size:clamp(2rem, 4vw, 3.5rem);--e-global-typography-b655371-font-weight:800;--e-global-typography-b655371-line-height:1.15;--e-global-typography-b655371-letter-spacing:-0.025em;--e-global-typography-499887f-font-family:"SDRBau Font";--e-global-typography-499887f-font-size:clamp(1.75rem, 3.5vw, 2.5rem);--e-global-typography-499887f-font-weight:700;--e-global-typography-499887f-line-height:1.2;--e-global-typography-499887f-letter-spacing:-0.02em;--e-global-typography-deaea3a-font-family:"SDRBau Font";--e-global-typography-deaea3a-font-size:clamp(1.35rem, 2.5vw, 1.85rem);--e-global-typography-deaea3a-font-weight:600;--e-global-typography-deaea3a-line-height:1.3;--e-global-typography-deaea3a-letter-spacing:-0.01em;--e-global-typography-b372e24-font-family:"SDRBau Font";--e-global-typography-b372e24-font-size:clamp(1.15rem, 1.5vw, 1.35rem);--e-global-typography-b372e24-font-weight:600;--e-global-typography-b372e24-line-height:1.35;--e-global-typography-b372e24-letter-spacing:0em;--e-global-typography-bd2b15a-font-family:"SDRBau Font";--e-global-typography-bd2b15a-font-size:0.875rem;--e-global-typography-bd2b15a-font-weight:700;--e-global-typography-bd2b15a-text-transform:uppercase;--e-global-typography-bd2b15a-line-height:1.4;--e-global-typography-bd2b15a-letter-spacing:0.08em;--e-global-typography-3cf0fdf-font-family:"SDRBau Font";--e-global-typography-3cf0fdf-font-size:0.75rem;--e-global-typography-3cf0fdf-font-weight:600;--e-global-typography-3cf0fdf-text-transform:uppercase;--e-global-typography-3cf0fdf-line-height:1.5;--e-global-typography-3cf0fdf-letter-spacing:0.05em;--e-global-typography-248a519-font-family:"SDRBau Font";--e-global-typography-248a519-font-size:1.125rem;--e-global-typography-248a519-font-weight:700;--e-global-typography-248a519-text-transform:uppercase;--e-global-typography-248a519-line-height:1.2;--e-global-typography-248a519-letter-spacing:0.01em;--e-global-typography-a99993b-font-family:"SDRBau Font";--e-global-typography-a99993b-font-size:1rem;--e-global-typography-a99993b-font-weight:600;--e-global-typography-a99993b-line-height:1.4;--e-global-typography-a99993b-letter-spacing:0em;--e-global-typography-6946cd4-font-family:"SDRBau Font";--e-global-typography-6946cd4-font-size:1.5rem;--e-global-typography-6946cd4-font-weight:800;--e-global-typography-6946cd4-line-height:1.35;--e-global-typography-6946cd4-letter-spacing:0em;--e-global-typography-237f3c9-font-family:"SDRBau Font";--e-global-typography-237f3c9-font-size:0.75rem;--e-global-typography-237f3c9-font-weight:700;--e-global-typography-237f3c9-text-transform:uppercase;--e-global-typography-237f3c9-letter-spacing:0.05em;--e-global-typography-8d6f47a-font-family:"SDRBau Font";--e-global-typography-8d6f47a-font-size:1rem;--e-global-typography-8d6f47a-font-weight:600;--e-global-typography-8d6f47a-line-height:1.5;color:var( --e-global-color-text );font-family:var( --e-global-typography-b4c915f-font-family ), Sans-serif;font-size:var( --e-global-typography-b4c915f-font-size );font-weight:var( --e-global-typography-b4c915f-font-weight );line-height:var( --e-global-typography-b4c915f-line-height );letter-spacing:var( --e-global-typography-b4c915f-letter-spacing );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-b1f5a65-font-family ), Sans-serif;font-size:var( --e-global-typography-b1f5a65-font-size );font-weight:var( --e-global-typography-b1f5a65-font-weight );text-transform:var( --e-global-typography-b1f5a65-text-transform );line-height:var( --e-global-typography-b1f5a65-line-height );letter-spacing:var( --e-global-typography-b1f5a65-letter-spacing );color:var( --e-global-color-accent );border-radius:4px 4px 4px 4px;padding:0.75rem 1.5rem 0.75rem 1.5rem;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 p{margin-block-end:1.25rem;}.elementor-kit-9 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-b655371-font-family ), Sans-serif;font-size:var( --e-global-typography-b655371-font-size );font-weight:var( --e-global-typography-b655371-font-weight );line-height:var( --e-global-typography-b655371-line-height );letter-spacing:var( --e-global-typography-b655371-letter-spacing );}.elementor-kit-9 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-499887f-font-family ), Sans-serif;font-size:var( --e-global-typography-499887f-font-size );font-weight:var( --e-global-typography-499887f-font-weight );line-height:var( --e-global-typography-499887f-line-height );letter-spacing:var( --e-global-typography-499887f-letter-spacing );}.elementor-kit-9 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-deaea3a-font-family ), Sans-serif;font-size:var( --e-global-typography-deaea3a-font-size );font-weight:var( --e-global-typography-deaea3a-font-weight );line-height:var( --e-global-typography-deaea3a-line-height );letter-spacing:var( --e-global-typography-deaea3a-letter-spacing );}.elementor-kit-9 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-b372e24-font-family ), Sans-serif;font-size:var( --e-global-typography-b372e24-font-size );font-weight:var( --e-global-typography-b372e24-font-weight );line-height:var( --e-global-typography-b372e24-line-height );letter-spacing:var( --e-global-typography-b372e24-letter-spacing );}.elementor-kit-9 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-bd2b15a-font-family ), Sans-serif;font-size:var( --e-global-typography-bd2b15a-font-size );font-weight:var( --e-global-typography-bd2b15a-font-weight );text-transform:var( --e-global-typography-bd2b15a-text-transform );line-height:var( --e-global-typography-bd2b15a-line-height );letter-spacing:var( --e-global-typography-bd2b15a-letter-spacing );}.elementor-kit-9 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-3cf0fdf-font-family ), Sans-serif;font-size:var( --e-global-typography-3cf0fdf-font-size );font-weight:var( --e-global-typography-3cf0fdf-font-weight );text-transform:var( --e-global-typography-3cf0fdf-text-transform );line-height:var( --e-global-typography-3cf0fdf-line-height );letter-spacing:var( --e-global-typography-3cf0fdf-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:1.875rem;}.elementor-element{--widgets-spacing:1.875rem 1.875rem;--widgets-spacing-row:1.875rem;--widgets-spacing-column:1.875rem;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-9{font-size:var( --e-global-typography-b4c915f-font-size );line-height:var( --e-global-typography-b4c915f-line-height );letter-spacing:var( --e-global-typography-b4c915f-letter-spacing );}.elementor-kit-9 h1{font-size:var( --e-global-typography-b655371-font-size );line-height:var( --e-global-typography-b655371-line-height );letter-spacing:var( --e-global-typography-b655371-letter-spacing );}.elementor-kit-9 h2{font-size:var( --e-global-typography-499887f-font-size );line-height:var( --e-global-typography-499887f-line-height );letter-spacing:var( --e-global-typography-499887f-letter-spacing );}.elementor-kit-9 h3{font-size:var( --e-global-typography-deaea3a-font-size );line-height:var( --e-global-typography-deaea3a-line-height );letter-spacing:var( --e-global-typography-deaea3a-letter-spacing );}.elementor-kit-9 h4{font-size:var( --e-global-typography-b372e24-font-size );line-height:var( --e-global-typography-b372e24-line-height );letter-spacing:var( --e-global-typography-b372e24-letter-spacing );}.elementor-kit-9 h5{font-size:var( --e-global-typography-bd2b15a-font-size );line-height:var( --e-global-typography-bd2b15a-line-height );letter-spacing:var( --e-global-typography-bd2b15a-letter-spacing );}.elementor-kit-9 h6{font-size:var( --e-global-typography-3cf0fdf-font-size );line-height:var( --e-global-typography-3cf0fdf-line-height );letter-spacing:var( --e-global-typography-3cf0fdf-letter-spacing );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-b1f5a65-font-size );line-height:var( --e-global-typography-b1f5a65-line-height );letter-spacing:var( --e-global-typography-b1f5a65-letter-spacing );}}@media(max-width:1200px){.elementor-kit-9{--e-global-typography-237f3c9-font-size:1.25rem;}}@media(max-width:1024px){.elementor-kit-9{font-size:var( --e-global-typography-b4c915f-font-size );line-height:var( --e-global-typography-b4c915f-line-height );letter-spacing:var( --e-global-typography-b4c915f-letter-spacing );}.elementor-kit-9 h1{font-size:var( --e-global-typography-b655371-font-size );line-height:var( --e-global-typography-b655371-line-height );letter-spacing:var( --e-global-typography-b655371-letter-spacing );}.elementor-kit-9 h2{font-size:var( --e-global-typography-499887f-font-size );line-height:var( --e-global-typography-499887f-line-height );letter-spacing:var( --e-global-typography-499887f-letter-spacing );}.elementor-kit-9 h3{font-size:var( --e-global-typography-deaea3a-font-size );line-height:var( --e-global-typography-deaea3a-line-height );letter-spacing:var( --e-global-typography-deaea3a-letter-spacing );}.elementor-kit-9 h4{font-size:var( --e-global-typography-b372e24-font-size );line-height:var( --e-global-typography-b372e24-line-height );letter-spacing:var( --e-global-typography-b372e24-letter-spacing );}.elementor-kit-9 h5{font-size:var( --e-global-typography-bd2b15a-font-size );line-height:var( --e-global-typography-bd2b15a-line-height );letter-spacing:var( --e-global-typography-bd2b15a-letter-spacing );}.elementor-kit-9 h6{font-size:var( --e-global-typography-3cf0fdf-font-size );line-height:var( --e-global-typography-3cf0fdf-line-height );letter-spacing:var( --e-global-typography-3cf0fdf-letter-spacing );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-b1f5a65-font-size );line-height:var( --e-global-typography-b1f5a65-line-height );letter-spacing:var( --e-global-typography-b1f5a65-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{font-size:var( --e-global-typography-b4c915f-font-size );line-height:var( --e-global-typography-b4c915f-line-height );letter-spacing:var( --e-global-typography-b4c915f-letter-spacing );}.elementor-kit-9 h1{font-size:var( --e-global-typography-b655371-font-size );line-height:var( --e-global-typography-b655371-line-height );letter-spacing:var( --e-global-typography-b655371-letter-spacing );}.elementor-kit-9 h2{font-size:var( --e-global-typography-499887f-font-size );line-height:var( --e-global-typography-499887f-line-height );letter-spacing:var( --e-global-typography-499887f-letter-spacing );}.elementor-kit-9 h3{font-size:var( --e-global-typography-deaea3a-font-size );line-height:var( --e-global-typography-deaea3a-line-height );letter-spacing:var( --e-global-typography-deaea3a-letter-spacing );}.elementor-kit-9 h4{font-size:var( --e-global-typography-b372e24-font-size );line-height:var( --e-global-typography-b372e24-line-height );letter-spacing:var( --e-global-typography-b372e24-letter-spacing );}.elementor-kit-9 h5{font-size:var( --e-global-typography-bd2b15a-font-size );line-height:var( --e-global-typography-bd2b15a-line-height );letter-spacing:var( --e-global-typography-bd2b15a-letter-spacing );}.elementor-kit-9 h6{font-size:var( --e-global-typography-3cf0fdf-font-size );line-height:var( --e-global-typography-3cf0fdf-line-height );letter-spacing:var( --e-global-typography-3cf0fdf-letter-spacing );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-b1f5a65-font-size );line-height:var( --e-global-typography-b1f5a65-line-height );letter-spacing:var( --e-global-typography-b1f5a65-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:2400px){.elementor-kit-9{font-size:var( --e-global-typography-b4c915f-font-size );line-height:var( --e-global-typography-b4c915f-line-height );letter-spacing:var( --e-global-typography-b4c915f-letter-spacing );}.elementor-kit-9 h1{font-size:var( --e-global-typography-b655371-font-size );line-height:var( --e-global-typography-b655371-line-height );letter-spacing:var( --e-global-typography-b655371-letter-spacing );}.elementor-kit-9 h2{font-size:var( --e-global-typography-499887f-font-size );line-height:var( --e-global-typography-499887f-line-height );letter-spacing:var( --e-global-typography-499887f-letter-spacing );}.elementor-kit-9 h3{font-size:var( --e-global-typography-deaea3a-font-size );line-height:var( --e-global-typography-deaea3a-line-height );letter-spacing:var( --e-global-typography-deaea3a-letter-spacing );}.elementor-kit-9 h4{font-size:var( --e-global-typography-b372e24-font-size );line-height:var( --e-global-typography-b372e24-line-height );letter-spacing:var( --e-global-typography-b372e24-letter-spacing );}.elementor-kit-9 h5{font-size:var( --e-global-typography-bd2b15a-font-size );line-height:var( --e-global-typography-bd2b15a-line-height );letter-spacing:var( --e-global-typography-bd2b15a-letter-spacing );}.elementor-kit-9 h6{font-size:var( --e-global-typography-3cf0fdf-font-size );line-height:var( --e-global-typography-3cf0fdf-line-height );letter-spacing:var( --e-global-typography-3cf0fdf-letter-spacing );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-b1f5a65-font-size );line-height:var( --e-global-typography-b1f5a65-line-height );letter-spacing:var( --e-global-typography-b1f5a65-letter-spacing );}} /* Start custom CSS *//* Target ONLY the inner icon (svg or i) inside your widget */ .phoneRinging svg, .phoneRinging i { animation: phoneRinging 1.5s infinite ease-in-out; display: inline-block; transform-origin: center; } /* Define exactly how the animation moves (This stays the same!) */ @keyframes phoneRinging { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-15deg); } 20%, 40% { transform: rotate(15deg); } 60% { transform: rotate(0deg); /* Pauses the ringing briefly before repeating */ } } /* Create the dark circular background for the icon */ .sdr-animated-btn .elementor-button-icon { background-color: #1A1A1A; /* Solid dark color */ border-radius: 50%; /* Makes it a perfect circle */ width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin-left: 15px !important; /* Spacing between text and circle */ overflow: hidden; /* Keeps the arrow inside the circle during animation */ flex-shrink: 0 !important; /* Fix: Prevents the circle from squishing or stretching */ align-self: center !important; /* Fix: Keeps the icon perfectly centered vertically */ } /* Ensure the icon itself is white and centered */ .sdr-animated-btn .elementor-button-icon i, .sdr-animated-btn .elementor-button-icon svg { color: #FFFFFF; fill: #FFFFFF; font-size: 24px; width: 1em; /* Fixes svg alignment */ } /* Trigger the animation when the entire button is hovered */ .sdr-animated-btn .elementor-button:hover .elementor-button-icon i, .sdr-animated-btn .elementor-button:hover .elementor-button-icon svg { animation: arrowFlyOutIn 0.4s ease-in-out forwards; } /* The custom 'Fly out top-right, fly in bottom-left' keyframe */ @keyframes arrowFlyOutIn { 0% { transform: translate(0, 0); } 40% { transform: translate(150%, -150%); opacity: 0; } 41% { transform: translate(-150%, 150%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Force perfect vertical centering for the text and icon */ .sdr-animated-btn .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; } /* Strip any hidden line-height spacing from the text */ .sdr-animated-btn .elementor-button-text { line-height: 1.2 !important; /* Fix: Updated for better 2-line readability */ } /* SDR Global Glass Panel */ .sdr-glass-panel { background: rgba(15, 15, 15, 0.55) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-top: 1px solid rgba(255, 255, 255, 0.2) !important; padding: 25px 20px !important; width: 100% !important; transition: all 0.3s ease !important; } .sdr-glass-panel:hover { background: rgba(15, 15, 15, 0.75) !important; } /* 1. Smooth Hover Transition for the Whole Card */ .sdr-split-card { transition: border-color 0.3s ease, transform 0.3s ease !important; } .sdr-split-card:hover { border-color: #555555 !important; transform: translateY(-5px); } /* 2. Image Zoom Effect */ .sdr-card-image img { transition: transform 0.6s ease !important; } .sdr-split-card:hover .sdr-card-image img { transform: scale(1.08); } /* 3. Slide the Native Button Icon (Arrow) on Hover */ .sdr-card-link .elementor-button-icon { transition: transform 0.3s ease !important; } .sdr-split-card:hover .sdr-card-link .elementor-button-icon { transform: translateX(6px) !important; } /* Premium Glossy Red Glass Effect */ .sdr-glossy-cta { /* Semi-transparent red - adjust RGB to match SDR Bau's exact brand red */ background: rgba(210, 30, 45, 0.75) !important; /* The blur effect that creates the "glass" look */ backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); /* A subtle, semi-transparent white border for the glass edge reflection */ border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 12px; /* Smooth, modern corners */ /* Deep shadow to lift it off the background image */ box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.4) !important; /* Smooth transition for hover effects */ transition: all 0.4s ease-in-out; } /* Subtle glow effect when hovering over the container */ .sdr-glossy-cta:hover { background: rgba(210, 30, 45, 0.85) !important; border: 1px solid rgba(255, 255, 255, 0.4) !important; box-shadow: 0 16px 50px 0 rgba(0, 0, 0, 0.5) !important; } /* ========================================================= AI WATERMARK PILLS (FLUSH, CLEAN & HIGH-CONTRAST) ========================================================= */ /* 1. Target the main Elementor widget wrapper */ .elementor-element.ai-pill-dark, .elementor-element.ai-pill-light { position: relative !important; } /* 2. Base styles for the Pill Shape & Typography */ .elementor-element.ai-pill-dark::after, .elementor-element.ai-pill-light::after { content: 'KI-generiert' !important; position: absolute !important; bottom: 15px !important; right: 15px !important; padding: 3px 5px !important; border-radius: 30px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 8px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0.1px !important; pointer-events: none !important; z-index: 2 !important; display: block !important; /* Remove all borders, shadows, and outlines so it sits flush */ border: none !important; box-shadow: none !important; outline: none !important; /* Soft backdrop blur for clean edge blending */ backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; } /* 3. DARK PILL VARIANT (For Light / Bright Images) */ .elementor-element.ai-pill-dark::after { background-color: rgba(15, 15, 15, 0.50) !important; /* Low transparency for high text readability */ color: #ffffff !important; } /* 4. LIGHT PILL VARIANT (For Dark / Moody Images) */ .elementor-element.ai-pill-light::after { background-color: rgba(255, 255, 255, 0.50) !important; /* Low transparency for high text readability */ color: #111111 !important; } /* ========================================================= AI WATERMARK PILLS (TOP-RIGHT VARIANTS FOR CTA / CARDS) ========================================================= */ /* 1. Setup wrapper for Top variants */ .elementor-element.ai-pill-dark-top, .elementor-element.ai-pill-light-top { position: relative !important; } /* 2. Base styles for Top-Right Positioning */ .elementor-element.ai-pill-dark-top::after, .elementor-element.ai-pill-light-top::after { content: 'KI-generiert' !important; position: absolute !important; top: 15px !important; /* Anchored to top */ bottom: auto !important; /* Reset bottom */ right: 15px !important; padding: 3px 5px !important; border-radius: 30px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 8px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0.1px !important; pointer-events: none !important; z-index: 2 !important; display: block !important; border: none !important; box-shadow: none !important; outline: none !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; } /* 3. DARK GLASS PILL - TOP RIGHT (For Light / Bright Images) */ .elementor-element.ai-pill-dark-top::after { background-color: rgba(15, 15, 15, 0.50) !important; color: #ffffff !important; } /* 4. LIGHT GLASS PILL - TOP RIGHT (For Dark / Moody Images) */ .elementor-element.ai-pill-light-top::after { background-color: rgba(255, 255, 255, 0.50) !important; color: #111111 !important; } /* ========================================================= AI WATERMARK PILLS - EDITED IMAGES (KI-bearbeitet) ========================================================= */ /* 1. Target the main Elementor widget wrapper */ .elementor-element.ai-pill-dark-edit, .elementor-element.ai-pill-light-edit { position: relative !important; } /* 2. Base styles for the Pill Shape & Typography */ .elementor-element.ai-pill-dark-edit::after, .elementor-element.ai-pill-light-edit::after { content: 'KI-bearbeitet' !important; position: absolute !important; bottom: 15px !important; right: 15px !important; padding: 3px 5px !important; border-radius: 30px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 8px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0.1px !important; pointer-events: none !important; z-index: 2 !important; display: block !important; /* Remove all borders, shadows, and outlines so it sits flush */ border: none !important; box-shadow: none !important; outline: none !important; /* Soft backdrop blur for clean edge blending */ backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; } /* 3. DARK PILL VARIANT (For Light / Bright Images) */ .elementor-element.ai-pill-dark-edit::after { background-color: rgba(15, 15, 15, 0.50) !important; /* Low transparency for high text readability */ color: #ffffff !important; } /* 4. LIGHT PILL VARIANT (For Dark / Moody Images) */ .elementor-element.ai-pill-light-edit::after { background-color: rgba(255, 255, 255, 0.50) !important; /* Low transparency for high text readability */ color: #111111 !important; } /* ========================================================= AI WATERMARK PILLS (TOP-RIGHT) - EDITED IMAGES ========================================================= */ /* 1. Setup wrapper for Top variants */ .elementor-element.ai-pill-dark-top-edit, .elementor-element.ai-pill-light-top-edit { position: relative !important; } /* 2. Base styles for Top-Right Positioning */ .elementor-element.ai-pill-dark-top-edit::after, .elementor-element.ai-pill-light-top-edit::after { content: 'KI-bearbeitet' !important; position: absolute !important; top: 15px !important; /* Anchored to top */ bottom: auto !important; /* Reset bottom */ right: 15px !important; padding: 3px 5px !important; border-radius: 30px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 8px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0.1px !important; pointer-events: none !important; z-index: 2 !important; display: block !important; border: none !important; box-shadow: none !important; outline: none !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; } /* 3. DARK GLASS PILL - TOP RIGHT (For Light / Bright Images) */ .elementor-element.ai-pill-dark-top-edit::after { background-color: rgba(15, 15, 15, 0.50) !important; color: #ffffff !important; } /* 4. LIGHT GLASS PILL - TOP RIGHT (For Dark / Moody Images) */ .elementor-element.ai-pill-light-top-edit::after { background-color: rgba(255, 255, 255, 0.50) !important; color: #111111 !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'SDRBau Font'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://sdrbau.domstadt.digital/wp-content/uploads/2026/07/manrope-v20-latin-regular.woff2') format('woff2'); } @font-face { font-family: 'SDRBau Font'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://sdrbau.domstadt.digital/wp-content/uploads/2026/07/manrope-v20-latin-500.woff2') format('woff2'); } @font-face { font-family: 'SDRBau Font'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://sdrbau.domstadt.digital/wp-content/uploads/2026/07/manrope-v20-latin-600.woff2') format('woff2'); } @font-face { font-family: 'SDRBau Font'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://sdrbau.domstadt.digital/wp-content/uploads/2026/07/manrope-v20-latin-700.woff2') format('woff2'); } @font-face { font-family: 'SDRBau Font'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://sdrbau.domstadt.digital/wp-content/uploads/2026/07/manrope-v20-latin-800.woff2') format('woff2'); } /* End Custom Fonts CSS */