.elementor-33227 .elementor-element.elementor-element-42a0ffd{--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:0em 4em;--row-gap:0em;--column-gap:4em;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33227 .elementor-element.elementor-element-b980e00{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:1em 0em;--row-gap:1em;--column-gap:0em;--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-33227 .elementor-element.elementor-element-7fbc7cd{width:var( --container-widget-width, 100% );max-width:100%;margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:2em 2em 2em 2em;box-shadow:11px 10px 30px -10px rgba(0,0,0,0.5);}.elementor-33227 .elementor-element.elementor-element-7fbc7cd.elementor-element{--align-self:center;}.elementor-33227 .elementor-element.elementor-element-7fbc7cd img{border-radius:1em 1em 1em 1em;}.elementor-33227 .elementor-element.elementor-element-cb4d176{--display:flex;}.elementor-33227 .elementor-element.elementor-element-944b13c{width:var( --container-widget-width, 70% );max-width:70%;margin:2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:start;}.elementor-33227 .elementor-element.elementor-element-944b13c.elementor-element{--align-self:flex-start;}.elementor-33227 .elementor-element.elementor-element-f845fcf{width:var( --container-widget-width, 89% );max-width:89%;margin:0.5em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;--container-widget-width:89%;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );}.elementor-33227 .elementor-element.elementor-element-f845fcf.elementor-element{--align-self:center;}.elementor-33227 .elementor-element.elementor-element-132bbf4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:2em;--margin-bottom:2em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33227 .elementor-element.elementor-element-ad45961 .gallery-item .gallery-caption{display:none;}.elementor-33227 .elementor-element.elementor-element-ad45961 .gallery-item{padding:0 15px 15px 0;}.elementor-33227 .elementor-element.elementor-element-ad45961 .gallery{margin:0 -15px -15px 0;}.elementor-33227 .elementor-element.elementor-element-ad45961 .gallery-item img{border-radius:0.30em 0.30em 0.30em 0.30em;}.elementor-33227 .elementor-element.elementor-element-363df924{--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;--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-33227 .elementor-element.elementor-element-75b0b47a{width:var( --container-widget-width, 70% );max-width:70%;margin:5rem 5rem calc(var(--kit-widget-spacing, 0px) + 5rem) 5rem;--container-widget-width:70%;--container-widget-flex-grow:0;z-index:5;border-radius:1rem 1rem 1rem 1rem;box-shadow:12px 20px 30px -10px rgba(0,0,0,0.5);}.elementor-33227 .elementor-element.elementor-element-75b0b47a.elementor-element{--align-self:center;}.elementor-33227 .elementor-element.elementor-element-75b0b47a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-33227 .elementor-element.elementor-element-251a908d{width:var( --container-widget-width, 70% );max-width:70%;--e-transform-translateY:-5rem;background-color:#DFD51800;--container-widget-width:70%;--container-widget-flex-grow:0;z-index:10;}.elementor-33227 .elementor-element.elementor-element-251a908d.elementor-element{--align-self:center;}.elementor-33227 .elementor-element.elementor-element-36b224cb{width:var( --container-widget-width, 100% );max-width:100%;background-color:#02010100;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-33227 .elementor-element.elementor-element-36b224cb.elementor-element{--align-self:center;}.elementor-33227 .elementor-element.elementor-element-90b62cc{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--overlay-opacity:0.6;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-33227 .elementor-element.elementor-element-90b62cc:not(.elementor-motion-effects-element-type-background), .elementor-33227 .elementor-element.elementor-element-90b62cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(158deg, #E1E1E1 0%, var( --e-global-color-primary ) 100%);}.elementor-33227 .elementor-element.elementor-element-90b62cc::before, .elementor-33227 .elementor-element.elementor-element-90b62cc > .elementor-background-video-container::before, .elementor-33227 .elementor-element.elementor-element-90b62cc > .e-con-inner > .elementor-background-video-container::before, .elementor-33227 .elementor-element.elementor-element-90b62cc > .elementor-background-slideshow::before, .elementor-33227 .elementor-element.elementor-element-90b62cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-33227 .elementor-element.elementor-element-90b62cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-33227 .elementor-element.elementor-element-90b62cc > .elementor-shape-top .elementor-shape-fill, .elementor-33227 .elementor-element.elementor-element-90b62cc > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-33227 .elementor-element.elementor-element-90b62cc > .elementor-shape-top svg, .elementor-33227 .elementor-element.elementor-element-90b62cc > .e-con-inner > .elementor-shape-top svg{height:2rem;transform:translateX(-50%) rotateY(180deg);}.elementor-33227 .elementor-element.elementor-element-6b84c07{width:100%;max-width:100%;top:-136px;text-align:center;font-family:"Alata-NEW", Sans-serif;font-size:10em;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.4em;color:#C9C4C42B;}body:not(.rtl) .elementor-33227 .elementor-element.elementor-element-6b84c07{left:0px;}body.rtl .elementor-33227 .elementor-element.elementor-element-6b84c07{right:0px;}.elementor-33227 .elementor-element.elementor-element-cb11f79{width:var( --container-widget-width, 100% );max-width:100%;margin:10rem 1rem calc(var(--kit-widget-spacing, 0px) + 10rem) 1rem;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;--image-border-color:var( --e-global-color-primary );--image-border-width:2px;--image-border-radius:0.4em;--image-transition-duration:1400ms;--content-text-align:left;--content-justify-content:flex-start;--content-padding:100px;--galleries-title-color-normal:var( --e-global-color-b58807b );--galleries-title-color-hover:var( --e-global-color-ebe6537 );--gallery-title-color-active:var( --e-global-color-2d47baf );}.elementor-33227 .elementor-element.elementor-element-cb11f79.elementor-element{--align-self:flex-start;}.elementor-33227 .elementor-element.elementor-element-cb11f79 .e-gallery-item:hover .e-gallery-image{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-33227 .elementor-element.elementor-element-cb11f79 .elementor-gallery-title{font-family:"ALATA", Sans-serif;font-size:17px;text-transform:uppercase;--space-between:15px;}.elementor-33227 .elementor-element.elementor-element-cb11f79 .elementor-gallery__titles-container{margin-bottom:3%;}@media(min-width:768px){.elementor-33227 .elementor-element.elementor-element-42a0ffd{--content-width:90%;}.elementor-33227 .elementor-element.elementor-element-b980e00{--width:40%;}.elementor-33227 .elementor-element.elementor-element-90b62cc{--content-width:80%;}}@media(max-width:1366px){.elementor-33227 .elementor-element.elementor-element-f845fcf{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1024px){.elementor-33227 .elementor-element.elementor-element-f845fcf{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-33227 .elementor-element.elementor-element-42a0ffd{--content-width:100%;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0em;--margin-bottom:3em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33227 .elementor-element.elementor-element-b980e00{--width:40%;--gap:0em 0em;--row-gap:0em;--column-gap:0em;--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-33227 .elementor-element.elementor-element-cb4d176{--width:55%;--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-33227 .elementor-element.elementor-element-f845fcf{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-33227 .elementor-element.elementor-element-90b62cc{--min-height:25vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-33227 .elementor-element.elementor-element-6b84c07{top:25px;font-size:1em;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-33227 .elementor-element.elementor-element-cb11f79{margin:1rem 1rem calc(var(--kit-widget-spacing, 0px) + 3rem) 1rem;padding:0rem 0rem 0rem 0rem;--content-padding:10px;}.elementor-33227 .elementor-element.elementor-element-cb11f79 .elementor-gallery-title{font-size:12px;}}/* Start custom CSS for container, class: .elementor-element-363df924 *//*
  Laden Sie diese Datei auf Ihren Server und verlinken Sie sie auf Ihrer Website.
  Stellen Sie sicher, dass Ihr Container die CSS-ID "mein-autoplay-video" hat.
*/

/* Container Styles */
#mein-autoplay-video {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

#mein-autoplay-video video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* Keyframe Animations */
@keyframes radiate-waves-red {
    from { transform: scale(1); opacity: 0.8; }
    to { transform: scale(1.6); opacity: 0; }
}
@keyframes radiate-waves-subtle {
    from { transform: scale(1); opacity: 0.7; }
    to { transform: scale(1.5); opacity: 0; }
}
@keyframes radiate-waves-large {
    from { transform: scale(1); opacity: 0.6; }
    to { transform: scale(1.8); opacity: 0; }
}

/* Controls Container */
#mein-autoplay-video #video-controls {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px; /* Final desktop gap */
    z-index: 10;
}

/* General styles for all control buttons */
#mein-autoplay-video .video-control-button {
    position: relative;
    width: 40px; /* Final reduced size */
    height: 40px; /* Final reduced size */
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-radius: 50% !important; 
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease, border-color 0.2s ease, width 0.2s ease, height 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    -webkit-tap-highlight-color: transparent;
    border-style: solid !important;
    border-width: 3px !important;
}

/* Specific border color for ALL buttons to ensure consistency */
#mein-autoplay-video #restart-button,
#mein-autoplay-video #play-pause-button {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

#mein-autoplay-video #audio-toggle {
    border-color: #34C759 !important; /* Default green */
}
#mein-autoplay-video #audio-toggle.muted {
    border-color: #FF3B30 !important; /* Vibrant red */
}

#mein-autoplay-video .video-control-button:hover {
    transform: scale(1.1);
    background-color: white !important;
}

#mein-autoplay-video .video-control-button:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5) !important;
}

/* Radio Wave Pseudo-elements */
#mein-autoplay-video #audio-toggle::before,
#mein-autoplay-video #audio-toggle::after {
    content: '';
    position: absolute;
    top: -3px; left: -3px; right: -3px; bottom: -3px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

/* Green waves */
#mein-autoplay-video #audio-toggle:not(.muted)::before {
    border-color: #34C759;
    animation: radiate-waves-subtle 2.5s infinite ease-out;
}
#mein-autoplay-video #audio-toggle:not(.muted)::after {
    border-color: #34C759;
    animation: radiate-waves-subtle 2.5s 1.25s infinite ease-out;
}
#mein-autoplay-video #audio-toggle:not(.muted):hover::before {
    animation-name: radiate-waves-large;
}
#mein-autoplay-video #audio-toggle:not(.muted):hover::after {
    animation-name: radiate-waves-large;
}

/* Red waves */
#mein-autoplay-video #audio-toggle.muted::before {
    border-color: #FF3B30;
    animation: radiate-waves-red 2s infinite ease-out;
}
#mein-autoplay-video #audio-toggle.muted::after {
    border-color: #FF3B30;
    animation: radiate-waves-red 2s 1s infinite ease-out;
}

/* Icon Styles */
#mein-autoplay-video .icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
#mein-autoplay-video .icon {
    width: 18px; /* Final reduced icon size */
    height: 18px; /* Final reduced icon size */
    fill: #333;
    transition: opacity 0.2s ease-in-out;
}

/* Icon container for centered icons */
#mein-autoplay-video .icon-container {
    position: relative;
    width: 18px; /* Final reduced icon container */
    height: 18px; /* Final reduced icon container */
    transition: width 0.2s ease, height 0.2s ease;
}

#mein-autoplay-video .icon-container .icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

/* Icon Visibility */
#mein-autoplay-video #audio-toggle .icon-unmuted { opacity: 1; }
#mein-autoplay-video #audio-toggle .icon-muted { opacity: 0; }
#mein-autoplay-video #audio-toggle.muted .icon-unmuted { opacity: 0; }
#mein-autoplay-video #audio-toggle.muted .icon-muted { opacity: 1; }

#mein-autoplay-video #play-pause-button .icon-play { opacity: 0; }
#mein-autoplay-video #play-pause-button .icon-pause { opacity: 1; }
#mein-autoplay-video #play-pause-button.paused .icon-play { opacity: 1; }
#mein-autoplay-video #play-pause-button.paused .icon-pause { opacity: 0; }

/* Tooltip Styles */
#mein-autoplay-video #audio-toggle .tooltip {
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}
#mein-autoplay-video #audio-toggle:hover .tooltip {
    opacity: 1;
    visibility: visible;
}
#mein-autoplay-video #audio-toggle .tooltip.show-on-mobile {
    opacity: 1;
    visibility: visible;
}

/* Mobile Optimizations */
@media (max-width: 767px) {
    #mein-autoplay-video #video-controls {
        gap: 12px; /* Reduced gap for mobile */
    }
    #mein-autoplay-video .video-control-button {
        width: 32px; /* Final reduced mobile size */
        height: 32px; /* Final reduced mobile size */
    }
    #mein-autoplay-video .icon,
    #mein-autoplay-video .icon-container {
        width: 14px; /* Final reduced mobile icon size */
        height: 14px; /* Final reduced mobile icon size */
    }
    #mein-autoplay-video #audio-toggle:hover .tooltip {
        opacity: 0;
        visibility: hidden;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Alata-NEW';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://temp488.neptun.wpspace.me/wp-content/uploads/2025/09/Alata-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */