.elementor-2719 .elementor-element.elementor-element-9b55af0{--display:flex;--min-height:434px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.83;--padding-top:55px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-2719 .elementor-element.elementor-element-9b55af0:not(.elementor-motion-effects-element-type-background), .elementor-2719 .elementor-element.elementor-element-9b55af0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aa.webdesign030-berlin.de/wp-content/uploads/2026/04/berliner-brandenburger-tor-stripshow.jpg");background-position:center center;background-size:cover;}.elementor-2719 .elementor-element.elementor-element-9b55af0::before, .elementor-2719 .elementor-element.elementor-element-9b55af0 > .elementor-background-video-container::before, .elementor-2719 .elementor-element.elementor-element-9b55af0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2719 .elementor-element.elementor-element-9b55af0 > .elementor-background-slideshow::before, .elementor-2719 .elementor-element.elementor-element-9b55af0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2719 .elementor-element.elementor-element-9b55af0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2719 .elementor-element.elementor-element-7faf92a3{--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-2719 .elementor-element.elementor-element-52acb532 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2719 .elementor-element.elementor-element-52acb532{text-align:center;}.elementor-2719 .elementor-element.elementor-element-52acb532 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:56px;font-weight:700;color:#FFFFFF;}.elementor-2719 .elementor-element.elementor-element-7c4c1a53 .elementor-button{background-color:#9B8D58;font-family:"Lato", Sans-serif;font-size:22px;font-weight:500;padding:20px 40px 20px 40px;}.elementor-2719 .elementor-element.elementor-element-7c4c1a53 > .elementor-widget-container{padding:25px 0px 0px 0px;}.elementor-2719 .elementor-element.elementor-element-2c79e519 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2719 .elementor-element.elementor-element-2c79e519{text-align:center;}.elementor-2719 .elementor-element.elementor-element-2c79e519 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:16px;font-weight:300;color:#BEAF90;}.elementor-2719 .elementor-element.elementor-element-fa82636{--display:flex;--min-height:700px;--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-2719 .elementor-element.elementor-element-fa82636:not(.elementor-motion-effects-element-type-background), .elementor-2719 .elementor-element.elementor-element-fa82636 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8D0000;}.elementor-2719 .elementor-element.elementor-element-a3015d6{--szw-accent:#ef2b2d;--szw-accent-2:#f3c64c;--szw-card-bg:#ffffff;--szw-radius:24px;}.elementor-2719 .elementor-element.elementor-element-a3015d6 .szw-grid{gap:34px;}.elementor-2719 .elementor-element.elementor-element-a3015d6 .szw-title{color:#1f2430;font-family:"Nunito", Sans-serif;font-size:48px;}.elementor-2719 .elementor-element.elementor-element-a3015d6 .szw-subline, .elementor-2719 .elementor-element.elementor-element-a3015d6 .szw-copy, .elementor-2719 .elementor-element.elementor-element-a3015d6 .szw-price-note-under, .elementor-2719 .elementor-element.elementor-element-a3015d6 .szw-bullets li{color:#4e5562;}.elementor-2719 .elementor-element.elementor-element-a3015d6 .szw-button{background:#ef2b2d;color:#ffffff;}.elementor-2719 .elementor-element.elementor-element-ca39e04{--display:flex;--min-height:434px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.83;--padding-top:55px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-2719 .elementor-element.elementor-element-ca39e04:not(.elementor-motion-effects-element-type-background), .elementor-2719 .elementor-element.elementor-element-ca39e04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aa.webdesign030-berlin.de/wp-content/uploads/2026/04/berliner-brandenburger-tor-stripshow.jpg");background-position:center center;background-size:cover;}.elementor-2719 .elementor-element.elementor-element-ca39e04::before, .elementor-2719 .elementor-element.elementor-element-ca39e04 > .elementor-background-video-container::before, .elementor-2719 .elementor-element.elementor-element-ca39e04 > .e-con-inner > .elementor-background-video-container::before, .elementor-2719 .elementor-element.elementor-element-ca39e04 > .elementor-background-slideshow::before, .elementor-2719 .elementor-element.elementor-element-ca39e04 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2719 .elementor-element.elementor-element-ca39e04 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2719 .elementor-element.elementor-element-64c7cc7{--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-2719 .elementor-element.elementor-element-3725c14 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2719 .elementor-element.elementor-element-3725c14{text-align:center;}.elementor-2719 .elementor-element.elementor-element-3725c14 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:56px;font-weight:700;color:#FFFFFF;}.elementor-2719 .elementor-element.elementor-element-4dbf088 .elementor-button{background-color:#9B8D58;font-family:"Lato", Sans-serif;font-size:22px;font-weight:500;padding:20px 40px 20px 40px;}.elementor-2719 .elementor-element.elementor-element-4dbf088 > .elementor-widget-container{padding:25px 0px 0px 0px;}.elementor-2719 .elementor-element.elementor-element-ffee0b0 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2719 .elementor-element.elementor-element-ffee0b0{text-align:center;}.elementor-2719 .elementor-element.elementor-element-ffee0b0 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:16px;font-weight:300;color:#BEAF90;}@media(max-width:1024px){.elementor-2719 .elementor-element.elementor-element-a3015d6 .szw-title{font-size:40px;}}@media(min-width:768px){.elementor-2719 .elementor-element.elementor-element-9b55af0{--content-width:1400px;}.elementor-2719 .elementor-element.elementor-element-7faf92a3{--width:100%;}.elementor-2719 .elementor-element.elementor-element-ca39e04{--content-width:1400px;}.elementor-2719 .elementor-element.elementor-element-64c7cc7{--width:100%;}}@media(max-width:767px){.elementor-2719 .elementor-element.elementor-element-9b55af0{--min-height:659px;--padding-top:44px;--padding-bottom:99px;--padding-left:10px;--padding-right:10px;}.elementor-2719 .elementor-element.elementor-element-52acb532 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:9px 0px 5px 0px;}.elementor-2719 .elementor-element.elementor-element-52acb532 .elementor-heading-title{font-size:23px;}.elementor-2719 .elementor-element.elementor-element-48438b34 > .elementor-widget-container{margin:-41px 0px 0px 0px;}.elementor-2719 .elementor-element.elementor-element-7c4c1a53 .elementor-button{padding:10px 10px 10px 10px;}.elementor-2719 .elementor-element.elementor-element-2c79e519 .elementor-heading-title{font-size:14px;}.elementor-2719 .elementor-element.elementor-element-a3015d6 .szw-title{font-size:30px;}.elementor-2719 .elementor-element.elementor-element-ca39e04{--min-height:659px;--padding-top:44px;--padding-bottom:99px;--padding-left:10px;--padding-right:10px;}.elementor-2719 .elementor-element.elementor-element-3725c14 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:9px 0px 5px 0px;}.elementor-2719 .elementor-element.elementor-element-3725c14 .elementor-heading-title{font-size:23px;}.elementor-2719 .elementor-element.elementor-element-cd50a40 > .elementor-widget-container{margin:-41px 0px 0px 0px;}.elementor-2719 .elementor-element.elementor-element-4dbf088 .elementor-button{padding:10px 10px 10px 10px;}.elementor-2719 .elementor-element.elementor-element-ffee0b0 .elementor-heading-title{font-size:14px;}}/* Start custom CSS for heading, class: .elementor-element-52acb532 */.elementor-2719 .elementor-element.elementor-element-52acb532 { background: linear-gradient( 180deg, #f8e7b0 0%, #e2c27a 40%, #c9a24d 60%, #a87c2c 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 2px 10px rgba(255,215,120,0.15), 0 0 20px rgba(255,200,100,0.1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b55af0 *//* Smooth Dauer-Zoom direkt auf das Elementor-Background-Element */ .elementor-section.kenburns-zoom{ position: relative; overflow: hidden; /* schneidet den Zoom sauber ab */ z-index: 0; } /* Inhalt darüber lassen (optional, aber sauber) */ .elementor-section.kenburns-zoom > .elementor-container{ position: relative; z-index: 2; } /* Overlay bleibt oben drüber (falls benutzt) */ .elementor-section.kenburns-zoom > .elementor-background-overlay{ position: absolute; inset: 0; z-index: 3; pointer-events: none; } /* >>> Das eigentliche Zoom-Layer: Elementor erzeugt dieses Div automatisch */ .elementor-section.kenburns-zoom > .elementor-background{ will-change: transform; transform-origin: 50% 50%; backface-visibility: hidden; animation: kb_zoom 60s linear infinite; /* Dauer & Tempo */ } /* Keyframes: kontinuierlicher, gleichmäßiger Zoom */ @keyframes kb_zoom{ 0% { transform: scale(1); } 100% { transform: scale(1.3); } /* Endgröße – Loop startet wieder bei 1 */ } /* Varianten: einfach Klasse zusätzlich setzen */ .elementor-section.kenburns-zoom.kb-slow > .elementor-background{ animation-duration: 90s; } .elementor-section.kenburns-zoom.kb-fast > .elementor-background{ animation-duration: 30s; } .elementor-section.kenburns-zoom.kb-ease > .elementor-background{ animation-timing-function: ease-in-out; } .elementor-section.kenburns-zoom.kb-pause-on-hover:hover > .elementor-background{ animation-play-state: paused; } /* Mobile etwas gemächlicher (optional) */ @media (max-width: 767px){ .elementor-section.kenburns-zoom > .elementor-background{ animation-duration: 80s; } } /* Bewegungsreduktion respektieren */ @media (prefers-reduced-motion: reduce){ .elementor-section.kenburns-zoom > .elementor-background{ animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3725c14 */.elementor-2719 .elementor-element.elementor-element-3725c14 { background: linear-gradient( 180deg, #f8e7b0 0%, #e2c27a 40%, #c9a24d 60%, #a87c2c 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 2px 10px rgba(255,215,120,0.15), 0 0 20px rgba(255,200,100,0.1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ca39e04 *//* Smooth Dauer-Zoom direkt auf das Elementor-Background-Element */ .elementor-section.kenburns-zoom{ position: relative; overflow: hidden; /* schneidet den Zoom sauber ab */ z-index: 0; } /* Inhalt darüber lassen (optional, aber sauber) */ .elementor-section.kenburns-zoom > .elementor-container{ position: relative; z-index: 2; } /* Overlay bleibt oben drüber (falls benutzt) */ .elementor-section.kenburns-zoom > .elementor-background-overlay{ position: absolute; inset: 0; z-index: 3; pointer-events: none; } /* >>> Das eigentliche Zoom-Layer: Elementor erzeugt dieses Div automatisch */ .elementor-section.kenburns-zoom > .elementor-background{ will-change: transform; transform-origin: 50% 50%; backface-visibility: hidden; animation: kb_zoom 60s linear infinite; /* Dauer & Tempo */ } /* Keyframes: kontinuierlicher, gleichmäßiger Zoom */ @keyframes kb_zoom{ 0% { transform: scale(1); } 100% { transform: scale(1.3); } /* Endgröße – Loop startet wieder bei 1 */ } /* Varianten: einfach Klasse zusätzlich setzen */ .elementor-section.kenburns-zoom.kb-slow > .elementor-background{ animation-duration: 90s; } .elementor-section.kenburns-zoom.kb-fast > .elementor-background{ animation-duration: 30s; } .elementor-section.kenburns-zoom.kb-ease > .elementor-background{ animation-timing-function: ease-in-out; } .elementor-section.kenburns-zoom.kb-pause-on-hover:hover > .elementor-background{ animation-play-state: paused; } /* Mobile etwas gemächlicher (optional) */ @media (max-width: 767px){ .elementor-section.kenburns-zoom > .elementor-background{ animation-duration: 80s; } } /* Bewegungsreduktion respektieren */ @media (prefers-reduced-motion: reduce){ .elementor-section.kenburns-zoom > .elementor-background{ animation: none; } }/* End custom CSS */