.elementor-1322 .elementor-element.elementor-element-d04785d{--display:flex;--min-height:100vh;--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;--padding-top:10rem;--padding-bottom:6rem;--padding-left:1rem;--padding-right:1rem;}.elementor-1322 .elementor-element.elementor-element-a04e9ca{--display:flex;--justify-content:center;--border-radius:50px 50px 50px 50px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;--z-index:99;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1322 .elementor-element.elementor-element-be4f90b .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-size:4rem;font-weight:600;font-style:italic;letter-spacing:0px;color:var( --e-global-color-a0d5aff );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1322 .elementor-element.elementor-element-0171f84{font-family:"Montserrat", Sans-serif;font-size:1.3rem;font-weight:400;color:var( --e-global-color-3f067fa );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1322 .elementor-element.elementor-element-6dcb359 .elementor-button{background-color:#FFBF00;font-family:"Montserrat", Sans-serif;font-size:1.2rem;font-weight:600;border-radius:50px 50px 50px 50px;}.elementor-1322 .elementor-element.elementor-element-6dcb359.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-1322 .elementor-element.elementor-element-b01257a{--display:flex;--position:absolute;--justify-content:center;bottom:20%;}body:not(.rtl) .elementor-1322 .elementor-element.elementor-element-b01257a{right:7%;}body.rtl .elementor-1322 .elementor-element.elementor-element-b01257a{left:7%;}.elementor-1322 .elementor-element.elementor-element-3ba7fe5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:2;}.elementor-1322 .elementor-element.elementor-element-3ba7fe5 > .elementor-widget-container{--e-transform-rotateZ:2deg;margin:0rem 0rem 0rem 0rem;}.elementor-1322 .elementor-element.elementor-element-3ba7fe5 > .elementor-widget-container:hover{--e-transform-rotateZ:0deg;--e-transform-scale:1.1;}.elementor-1322 .elementor-element.elementor-element-3ba7fe5.elementor-element{--align-self:center;}.elementor-1322 .elementor-element.elementor-element-3ba7fe5 img{width:100%;border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-1322 .elementor-element.elementor-element-d07d112{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5rem;--padding-bottom:5rem;--padding-left:02rem;--padding-right:02rem;}.elementor-1322 .elementor-element.elementor-element-d07d112:not(.elementor-motion-effects-element-type-background), .elementor-1322 .elementor-element.elementor-element-d07d112 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1322 .elementor-element.elementor-element-2842d83 > .elementor-widget-container{margin:0rem 0rem 3rem 0rem;}.elementor-1322 .elementor-element.elementor-element-2842d83{text-align:center;}.elementor-1322 .elementor-element.elementor-element-2842d83 .elementor-heading-title{font-family:var( --e-global-typography-5e6d1b8-font-family ), Sans-serif;font-size:var( --e-global-typography-5e6d1b8-font-size );font-weight:var( --e-global-typography-5e6d1b8-font-weight );color:var( --e-global-color-a0d5aff );}.elementor-1322 .elementor-element.elementor-element-2c4bada{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1322 .elementor-element.elementor-element-327561f{--display:flex;}.elementor-1322 .elementor-element.elementor-element-57b4aad .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-3f067fa );}.elementor-1322 .elementor-element.elementor-element-1bc84e1{font-family:"Montserrat", Sans-serif;font-size:1.3rem;font-weight:400;color:var( --e-global-color-3f067fa );}.elementor-1322 .elementor-element.elementor-element-750de09{--display:flex;}.elementor-1322 .elementor-element.elementor-element-8df6bb1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-3f067fa );}.elementor-1322 .elementor-element.elementor-element-1020224{font-family:"Montserrat", Sans-serif;font-size:1.3rem;font-weight:400;color:var( --e-global-color-3f067fa );}.elementor-1322 .elementor-element.elementor-element-53b3d1d{--display:flex;}.elementor-1322 .elementor-element.elementor-element-886cb0d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5rem;font-weight:700;color:var( --e-global-color-3f067fa );}.elementor-1322 .elementor-element.elementor-element-9c75ba9{font-family:"Montserrat", Sans-serif;font-size:1.3rem;font-weight:400;color:var( --e-global-color-3f067fa );}.elementor-1322 .elementor-element.elementor-element-07162f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5rem;--padding-bottom:5rem;--padding-left:5rem;--padding-right:5rem;}.elementor-1322 .elementor-element.elementor-element-07162f7:not(.elementor-motion-effects-element-type-background), .elementor-1322 .elementor-element.elementor-element-07162f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-df86a4b );}.elementor-widget-blockquote .elementor-blockquote__content{color:var( --e-global-color-text );}.elementor-widget-blockquote .elementor-blockquote__author{color:var( --e-global-color-secondary );}.elementor-1322 .elementor-element.elementor-element-3c2a05e .elementor-blockquote__content{color:var( --e-global-color-a0d5aff );font-family:"Great Vibes", Sans-serif;font-size:4rem;font-weight:700;}.elementor-1322 .elementor-element.elementor-element-3c2a05e .elementor-blockquote__author{color:var( --e-global-color-3f067fa );font-family:"Montserrat", Sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:1px;}.elementor-1322 .elementor-element.elementor-element-3c2a05e .elementor-blockquote:before{color:var( --e-global-color-343d76e );font-size:calc(1.3px * 100);}.elementor-1322 .elementor-element.elementor-element-0c8aa08{--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;--padding-top:5rem;--padding-bottom:5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-1322 .elementor-element.elementor-element-b071531{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1322 .elementor-element.elementor-element-a947851 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-3f067fa );}.elementor-1322 .elementor-element.elementor-element-c8f7aee .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-size:4rem;font-weight:700;color:var( --e-global-color-a0d5aff );}.elementor-1322 .elementor-element.elementor-element-a35347c{font-family:"Montserrat", Sans-serif;font-size:1.3rem;font-weight:400;color:var( --e-global-color-3f067fa );}.elementor-1322 .elementor-element.elementor-element-e2e1ab7 .elementor-button{background-color:#FFBF00;font-family:"Montserrat", Sans-serif;font-size:1.2rem;font-weight:600;border-radius:50px 50px 50px 50px;}.elementor-1322 .elementor-element.elementor-element-e2e1ab7.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-1322 .elementor-element.elementor-element-62b6ca7 img{border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-1322 .elementor-element.elementor-element-deffcb1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5rem;--padding-bottom:5rem;--padding-left:5rem;--padding-right:5rem;}.elementor-1322 .elementor-element.elementor-element-deffcb1:not(.elementor-motion-effects-element-type-background), .elementor-1322 .elementor-element.elementor-element-deffcb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-df86a4b );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1322 .elementor-element.elementor-element-2842d83 .elementor-heading-title{font-size:var( --e-global-typography-5e6d1b8-font-size );}.elementor-1322 .elementor-element.elementor-element-2c4bada{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1322 .elementor-element.elementor-element-d04785d{--content-width:1400px;}.elementor-1322 .elementor-element.elementor-element-a04e9ca{--width:50%;}.elementor-1322 .elementor-element.elementor-element-b01257a{--width:72%;}}@media(max-width:767px){.elementor-1322 .elementor-element.elementor-element-d04785d{--padding-top:7rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-1322 .elementor-element.elementor-element-a04e9ca{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1322 .elementor-element.elementor-element-be4f90b .elementor-heading-title{font-size:3rem;}.elementor-1322 .elementor-element.elementor-element-5e0d38d img{border-radius:50px 50px 50px 50px;}.elementor-1322 .elementor-element.elementor-element-0171f84{font-size:1rem;}.elementor-1322 .elementor-element.elementor-element-3ba7fe5{width:100%;max-width:100%;}.elementor-1322 .elementor-element.elementor-element-d07d112{--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-1322 .elementor-element.elementor-element-2842d83 .elementor-heading-title{font-size:var( --e-global-typography-5e6d1b8-font-size );}.elementor-1322 .elementor-element.elementor-element-2c4bada{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1322 .elementor-element.elementor-element-07162f7{--padding-top:5rem;--padding-bottom:5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-1322 .elementor-element.elementor-element-3c2a05e .elementor-blockquote__content{font-size:2rem;}.elementor-1322 .elementor-element.elementor-element-deffcb1{--padding-top:5rem;--padding-bottom:5rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for container, class: .elementor-element-a04e9ca */.hero-text { background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.7); box-shadow: 0 25px 50px rgba(0,0,0,0.05), inset 0 0 20px rgba(255,255,255,0.8); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d04785d *//* ===================================================== HERO – Goldener Glitter-Ozean ===================================================== */ .hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; /* Sanfter Verlauf von hellem Cremeweiß oben zu warmem Gelb unten */ background: linear-gradient(180deg, #fffef9 0%, #fffaea 25%, #fff3c4 55%, #ffe680 80%, #ffd84d 100%); overflow: hidden; isolation: isolate; } /* --------------------------------------------------- 1) Zentrale Lichtquelle – diffuser, weicher Glow --------------------------------------------------- */ .light-source { position: absolute; top: 38%; left: 50%; width: 1100px; height: 800px; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.95) 0%, rgba(255, 252, 220, 0.55) 22%, rgba(255, 235, 140, 0.25) 48%, rgba(255, 220, 100, 0.08) 70%, transparent 85%); filter: blur(30px); z-index: 1; pointer-events: none; animation: lightPulse 9s ease-in-out infinite; } @keyframes lightPulse { 0%, 100% { opacity: 0.85; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.06); } } /* --------------------------------------------------- 2) Glitter-Ozean – schimmernde Partikelwellen --------------------------------------------------- */ .glitter-ocean { position: absolute; inset: 0; z-index: 2; pointer-events: none; /* Maske: oben transparent, nach unten voll sichtbar => Glitzer „erhebt" sich aus dem unteren Bereich */ -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.08) 22%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.75) 58%, #000 75%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.08) 22%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.75) 58%, #000 75%, #000 100%); } .glitter-layer { position: absolute; inset: -30% -25%; width: 150%; height: 160%; background-repeat: repeat; } /* Schicht 1 – kleine, dichte Glitzerpunkte */ .glitter-layer--small { background-image: radial-gradient(1px 1px at 4% 12%, #ffffff 50%, transparent 100%), radial-gradient(1.2px 1.2px at 11% 28%, #fff4b3 50%, transparent 100%), radial-gradient(1px 1px at 17% 44%, #ffffff 50%, transparent 100%), radial-gradient(1.5px 1.5px at 23% 62%, #ffd84d 50%, transparent 100%), radial-gradient(1px 1px at 29% 18%, #ffffff 50%, transparent 100%), radial-gradient(1.2px 1.2px at 35% 78%, #fff4b3 50%, transparent 100%), radial-gradient(1px 1px at 41% 34%, #ffffff 50%, transparent 100%), radial-gradient(1.5px 1.5px at 47% 52%, #ffd84d 50%, transparent 100%), radial-gradient(1px 1px at 53% 8%, #ffffff 50%, transparent 100%), radial-gradient(1.3px 1.3px at 59% 88%, #fff4b3 50%, transparent 100%), radial-gradient(1px 1px at 65% 24%, #ffffff 50%, transparent 100%), radial-gradient(1.5px 1.5px at 71% 70%, #ffd84d 50%, transparent 100%), radial-gradient(1px 1px at 77% 42%, #ffffff 50%, transparent 100%), radial-gradient(1.2px 1.2px at 83% 14%, #fff4b3 50%, transparent 100%), radial-gradient(1px 1px at 89% 56%, #ffffff 50%, transparent 100%), radial-gradient(1.3px 1.3px at 95% 82%, #ffd84d 50%, transparent 100%); background-size: 320px 280px; animation: drift1 28s linear infinite, twinkle 3.2s ease-in-out infinite; } /* Schicht 2 – winzige Lichtpunkte, schneller, langsamer Funkel-Rhythmus */ .glitter-layer--tiny { background-image: radial-gradient(0.6px 0.6px at 7% 21%, #ffffff 50%, transparent 100%), radial-gradient(0.8px 0.8px at 14% 38%, #ffe680 50%, transparent 100%), radial-gradient(0.6px 0.6px at 22% 11%, #ffffff 50%, transparent 100%), radial-gradient(1px 1px at 30% 56%, #ffd84d 50%, transparent 100%), radial-gradient(0.6px 0.6px at 38% 73%, #ffffff 50%, transparent 100%), radial-gradient(0.8px 0.8px at 46% 29%, #ffe680 50%, transparent 100%), radial-gradient(0.6px 0.6px at 54% 84%, #ffffff 50%, transparent 100%), radial-gradient(1px 1px at 62% 47%, #ffd84d 50%, transparent 100%), radial-gradient(0.6px 0.6px at 70% 16%, #ffffff 50%, transparent 100%), radial-gradient(0.8px 0.8px at 78% 91%, #ffe680 50%, transparent 100%), radial-gradient(0.6px 0.6px at 86% 33%, #ffffff 50%, transparent 100%), radial-gradient(1px 1px at 94% 65%, #ffd84d 50%, transparent 100%), radial-gradient(0.6px 0.6px at 9% 67%, #ffffff 50%, transparent 100%), radial-gradient(0.8px 0.8px at 25% 95%, #ffe680 50%, transparent 100%), radial-gradient(0.6px 0.6px at 51% 6%, #ffffff 50%, transparent 100%), radial-gradient(0.8px 0.8px at 81% 51%, #ffe680 50%, transparent 100%); background-size: 240px 220px; animation: drift2 19s linear infinite, twinkle 2.1s ease-in-out infinite; opacity: 0.85; } /* Schicht 3 – größere, hellere Highlights, langsamer */ .glitter-layer--bright { background-image: radial-gradient(2px 2px at 16% 48%, rgba(255, 255, 255, 0.95) 40%, transparent 100%), radial-gradient(2.5px 2.5px at 33% 72%, rgba(255, 216, 77, 0.95) 40%, transparent 100%), radial-gradient(2px 2px at 50% 30%, rgba(255, 255, 255, 0.95) 40%, transparent 100%), radial-gradient(3px 3px at 67% 81%, rgba(255, 230, 128, 0.95) 40%, transparent 100%), radial-gradient(2px 2px at 84% 54%, rgba(255, 255, 255, 0.95) 40%, transparent 100%), radial-gradient(2.5px 2.5px at 91% 22%, rgba(255, 216, 77, 0.95) 40%, transparent 100%); background-size: 480px 460px; animation: drift3 38s linear infinite, twinkle 4.5s ease-in-out infinite; } @keyframes drift1 { 0% { transform: translate(0, 0); } 100% { transform: translate(-320px, -40px); } } @keyframes drift2 { 0% { transform: translate(0, 0); } 100% { transform: translate(240px, 30px); } } @keyframes drift3 { 0% { transform: translate(0, 0); } 100% { transform: translate(-240px, 50px); } } @keyframes twinkle { 0%, 100% { filter: brightness(0.9); } 50% { filter: brightness(1.4); } } /* --------------------------------------------------- 3) Bokeh – größere, unscharfe Lichtkreise --------------------------------------------------- */ .bokeh { position: absolute; inset: 0; z-index: 3; pointer-events: none; } .bokeh__circle { position: absolute; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0%, rgba(255, 248, 200, 0.25) 45%, transparent 100%); filter: blur(2px); animation: floatBokeh 14s ease-in-out infinite; } .bokeh__circle:nth-child(1) { width: 90px; height: 90px; top: 15%; left: 8%; animation-delay: 0s; } .bokeh__circle:nth-child(2) { width: 130px; height: 130px; top: 10%; right: 12%; animation-delay: -3s; } .bokeh__circle:nth-child(3) { width: 55px; height: 55px; top: 55%; left: 18%; animation-delay: -6s; } .bokeh__circle:nth-child(4) { width: 100px; height: 100px; top: 65%; right: 6%; animation-delay: -2s; } .bokeh__circle:nth-child(5) { width: 65px; height: 65px; top: 38%; left: 60%; animation-delay: -9s; animation-duration: 18s; } .bokeh__circle:nth-child(6) { width: 110px; height: 110px; top: 78%; left: 38%; animation-delay: -5s; } .bokeh__circle:nth-child(7) { width: 40px; height: 40px; top: 22%; left: 72%; animation-delay: -7s; animation-duration: 11s; } .bokeh__circle:nth-child(8) { width: 75px; height: 75px; top: 88%; left: 78%; animation-delay: -1s; } .bokeh__circle:nth-child(9) { width: 60px; height: 60px; top: 48%; left: 4%; animation-delay: -4s; animation-duration: 16s; } .bokeh__circle:nth-child(10) { width: 85px; height: 85px; top: 4%; left: 45%; animation-delay: -10s; } .bokeh__circle:nth-child(11) { width: 45px; height: 45px; top: 70%; left: 55%; animation-delay: -8s; animation-duration: 13s; } .bokeh__circle:nth-child(12) { width: 120px; height: 120px; top: 32%; right: 30%; animation-delay: -11s; } @keyframes floatBokeh { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.55; } 50% { transform: translate(28px, -36px) scale(1.1); opacity: 0.95; } } /* Hero-Container vorbereiten – nur dort wo .hero-text drin ist */ .e-con-inner:has(.hero-text) { position: relative; } /* HTML-Widget mit den Effekten den ganzen Hero füllen lassen */ .elementor-element-87c77a7 { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 1; pointer-events: none; } .elementor-element-87c77a7 > .elementor-widget-container { position: absolute; inset: 0; width: 100%; height: 100%; } /* Sicherstellen, dass die Effekt-Layer wirklich den ganzen Bereich abdecken */ .elementor-element-87c77a7 .light-source, .elementor-element-87c77a7 .glitter-ocean, .elementor-element-87c77a7 .bokeh { position: absolute; } .elementor-element-87c77a7 .glitter-ocean, .elementor-element-87c77a7 .bokeh { inset: 0; width: 100%; height: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2c4bada */.card { background: #fff; padding: 30px; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.04); border: 1px solid #f0f0f0; transition: transform 0.3s; text-align: left; } .card:hover { transform: translateY(-10px); border-bottom: 4px solid #FFBF00; } .card img { width: 100%; height: 250px; object-fit: cover; border-radius: 15px; margin-bottom: 20px; } .card a { color: #FFBF00; font-weight: 700; }/* End custom CSS */