.elementor-45395 .elementor-element.elementor-element-f68b41d{--display:flex;--min-height:100vh;--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;--justify-content:center;--align-items:center;}.elementor-45395 .elementor-element.elementor-element-f68b41d:not(.elementor-motion-effects-element-type-background), .elementor-45395 .elementor-element.elementor-element-f68b41d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bf3f835 );}.elementor-45395 .elementor-element.elementor-element-cea802b{--display:flex;--min-height:313px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:30px 30px 30px 30px;box-shadow:2px 2px 12px 0px rgba(0, 0, 0, 0.1);--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-45395 .elementor-element.elementor-element-cea802b:not(.elementor-motion-effects-element-type-background), .elementor-45395 .elementor-element.elementor-element-cea802b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.andreas-roedel.de/wp-content/uploads/2026/08/Logo-Design-Webmaster.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-45395 .elementor-element.elementor-element-cea802b:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-45395 .elementor-element.elementor-element-cea802b.e-con{--align-self:center;--order:-99999 /* order start hack */;}@media(max-width:1024px){.elementor-45395 .elementor-element.elementor-element-cea802b{--min-height:152px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-45395 .elementor-element.elementor-element-cea802b{--width:27%;}}@media(max-width:1024px) and (min-width:768px){.elementor-45395 .elementor-element.elementor-element-cea802b{--width:37%;}}@media(max-width:767px){.elementor-45395 .elementor-element.elementor-element-cea802b{--width:80%;--min-height:122px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for container, class: .elementor-element-cea802b *//* ===================================== */
/* PREMIUM CARD HOVER – ANDREAS RÖDEL   */
/* ===================================== */
.elementor-45395 .elementor-element.elementor-element-cea802b:hover{
  transform: translateY(-3px);

    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}

/* ========================================== */
/* Opacity u- Weiterleitunh – ANDREAS RÖDEL   */
/* ========================================== */
.elementor-45395 .elementor-element.elementor-element-cea802b {
    opacity: 0.1;
    transform: scale(0.52);

    animation: introZoom 2.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;

    transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out;
}

@keyframes introZoom {
    0% {
        opacity: 0.1;
        transform: scale(0.52);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Nur der weiße Logo-Container verschwindet */
.elementor-45395 .elementor-element.elementor-element-cea802b.logo-ausblenden {
    opacity: 0;
    transform: scale(1.02);
}/* End custom CSS */