.elementor-1503 .elementor-element.elementor-element-7fc39a24{--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;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1503 .elementor-element.elementor-element-7fc39a24:not(.elementor-motion-effects-element-type-background), .elementor-1503 .elementor-element.elementor-element-7fc39a24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-5d63f77{--display:flex;}.elementor-1503 .elementor-element.elementor-element-53ad70c2{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:start;}.elementor-1503 .elementor-element.elementor-element-53ad70c2 .elementor-heading-title{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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-ffffff );}.elementor-1503 .elementor-element.elementor-element-144bfc7c{--display:flex;}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta .elementor-cta__bg, .elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1503 .elementor-element.elementor-element-6042cb9{border-radius:40px 40px 40px 40px;}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__content{min-height:450px;text-align:start;padding:30px 80px 30px 30px;}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__button{color:var( --e-global-color-ffffff );background-color:var( --e-global-color-accent );border-width:0px;}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__button:hover{background-color:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-transparent );}.elementor-1503 .elementor-element.elementor-element-79218617{--display:flex;--justify-content:center;}.elementor-1503 .elementor-element.elementor-element-1d866586{width:100%;max-width:100%;text-align:start;}.elementor-1503 .elementor-element.elementor-element-1d866586.elementor-element{--align-self:center;}.elementor-1503 .elementor-element.elementor-element-1d866586 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-secondary );}.elementor-1503 .elementor-element.elementor-element-459194ba{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;}.elementor-1503 .elementor-element.elementor-element-4043c85b .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ffffff );color:var( --e-global-color-ffffff );}.elementor-1503 .elementor-element.elementor-element-4043c85b .elementor-button:hover, .elementor-1503 .elementor-element.elementor-element-4043c85b .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-4043c85b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1503 .elementor-element.elementor-element-4043c85b .elementor-button .elementor-button-content-wrapper{justify-content:space-between;}.elementor-1503 .elementor-element.elementor-element-4043c85b .elementor-button:hover svg, .elementor-1503 .elementor-element.elementor-element-4043c85b .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-50e2cdfe .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ffffff );color:var( --e-global-color-ffffff );}.elementor-1503 .elementor-element.elementor-element-50e2cdfe .elementor-button:hover, .elementor-1503 .elementor-element.elementor-element-50e2cdfe .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-50e2cdfe .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1503 .elementor-element.elementor-element-50e2cdfe .elementor-button .elementor-button-content-wrapper{justify-content:space-between;}.elementor-1503 .elementor-element.elementor-element-50e2cdfe .elementor-button:hover svg, .elementor-1503 .elementor-element.elementor-element-50e2cdfe .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-1ce72f7d .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ffffff );color:var( --e-global-color-ffffff );}.elementor-1503 .elementor-element.elementor-element-1ce72f7d .elementor-button:hover, .elementor-1503 .elementor-element.elementor-element-1ce72f7d .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-1ce72f7d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1503 .elementor-element.elementor-element-1ce72f7d .elementor-button .elementor-button-content-wrapper{justify-content:space-between;}.elementor-1503 .elementor-element.elementor-element-1ce72f7d .elementor-button:hover svg, .elementor-1503 .elementor-element.elementor-element-1ce72f7d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-4aef46f7 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ffffff );color:var( --e-global-color-ffffff );}.elementor-1503 .elementor-element.elementor-element-4aef46f7 .elementor-button:hover, .elementor-1503 .elementor-element.elementor-element-4aef46f7 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-4aef46f7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1503 .elementor-element.elementor-element-4aef46f7 .elementor-button .elementor-button-content-wrapper{justify-content:space-between;}.elementor-1503 .elementor-element.elementor-element-4aef46f7 .elementor-button:hover svg, .elementor-1503 .elementor-element.elementor-element-4aef46f7 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-5c914cb7 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ffffff );color:var( --e-global-color-ffffff );}.elementor-1503 .elementor-element.elementor-element-5c914cb7 .elementor-button:hover, .elementor-1503 .elementor-element.elementor-element-5c914cb7 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-5c914cb7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1503 .elementor-element.elementor-element-5c914cb7 .elementor-button .elementor-button-content-wrapper{justify-content:space-between;}.elementor-1503 .elementor-element.elementor-element-5c914cb7 .elementor-button:hover svg, .elementor-1503 .elementor-element.elementor-element-5c914cb7 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-14aa2758 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-ffffff );color:var( --e-global-color-ffffff );}.elementor-1503 .elementor-element.elementor-element-14aa2758 .elementor-button:hover, .elementor-1503 .elementor-element.elementor-element-14aa2758 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-14aa2758 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1503 .elementor-element.elementor-element-14aa2758 .elementor-button .elementor-button-content-wrapper{justify-content:space-between;}.elementor-1503 .elementor-element.elementor-element-14aa2758 .elementor-button:hover svg, .elementor-1503 .elementor-element.elementor-element-14aa2758 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1503 .elementor-element.elementor-element-21ca4b27{color:var( --e-global-color-ffffff );}@media(min-width:768px){.elementor-1503 .elementor-element.elementor-element-144bfc7c{--width:calc(50% - 30px);}.elementor-1503 .elementor-element.elementor-element-79218617{--width:calc(50% - 30px);}}@media(max-width:1200px) and (min-width:768px){.elementor-1503 .elementor-element.elementor-element-144bfc7c{--width:calc(40% - 30px);}.elementor-1503 .elementor-element.elementor-element-79218617{--width:calc(60% - 30px);}}@media(max-width:1024px) and (min-width:768px){.elementor-1503 .elementor-element.elementor-element-144bfc7c{--width:100%;}.elementor-1503 .elementor-element.elementor-element-79218617{--width:100%;}}@media(max-width:1200px){.elementor-1503 .elementor-element.elementor-element-53ad70c2{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-1503 .elementor-element.elementor-element-53ad70c2 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__content{min-height:calc(100vw * 0.3);}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1503 .elementor-element.elementor-element-1d866586 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1503 .elementor-element.elementor-element-459194ba{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-1503 .elementor-element.elementor-element-7fc39a24{--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-1503 .elementor-element.elementor-element-53ad70c2{--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;}.elementor-1503 .elementor-element.elementor-element-53ad70c2 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__content{min-height:calc(100vw * 0.6);}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1503 .elementor-element.elementor-element-1d866586 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1503 .elementor-element.elementor-element-459194ba{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1503 .elementor-element.elementor-element-53ad70c2{width:100%;max-width:100%;}.elementor-1503 .elementor-element.elementor-element-53ad70c2 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__content{min-height:calc(100vw * 1.1);padding:30px 30px 30px 30px;}.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1503 .elementor-element.elementor-element-1d866586{width:100%;max-width:100%;text-align:center;}.elementor-1503 .elementor-element.elementor-element-1d866586 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1503 .elementor-element.elementor-element-459194ba{--e-con-grid-template-columns:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;}.elementor-1503 .elementor-element.elementor-element-21ca4b27{text-align:center;}}/* Start custom CSS for call-to-action, class: .elementor-element-6042cb9 *//* ===== 1. Gradient Overlay für das CTA-Bild ===== */
.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__bg-overlay {
    background-image: linear-gradient(#000 0%, rgba(14, 14, 14, 0) 64.14%, #545454 100%) !important;
    opacity: 0.5 !important; /* Stellt sicher, dass das Overlay vollständig sichtbar ist */
    transition: all 0.4s ease; /* Weicher Übergang für evtl. Hover-Effekte */
}

/* ===== 2. Flexbox für den Button (Icon & Text zentrieren) ===== */
.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Abstand zwischen Icon und Text */
}

/* ===== 3. SVG über ::before als Maske laden ===== */
.elementor-1503 .elementor-element.elementor-element-6042cb9 .elementor-cta__button::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    
    /* currentColor übernimmt automatisch die definierte Textfarbe des Buttons */
    background-color: currentColor; 
    
    /* Die SVG-Datei als Maske laden */
    -webkit-mask-image: url('https://www.stadtwerke-weiden.de/wp-content/uploads/2026/08/portal-test-2.svg');
    mask-image: url('https://www.stadtwerke-weiden.de/wp-content/uploads/2026/08/portal-test-2.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4043c85b *//* Dein bestehendes CSS - ergänzt um die Transition für einen weichen Übergang */
.btn-online-service .elementor-button-icon svg {
    height: 14px;
    width: auto;
    transition: transform 0.3s ease-in-out;
}

/* Der neue Hover-Effekt */
.btn-online-service:hover .elementor-button-icon svg {
    transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-50e2cdfe *//* Dein bestehendes CSS - ergänzt um die Transition für einen weichen Übergang */
.btn-online-service .elementor-button-icon svg {
    height: 14px;
    width: auto;
    transition: transform 0.3s ease-in-out;
}

/* Der neue Hover-Effekt */
.btn-online-service:hover .elementor-button-icon svg {
    transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1ce72f7d *//* Dein bestehendes CSS - ergänzt um die Transition für einen weichen Übergang */
.btn-online-service .elementor-button-icon svg {
    height: 14px;
    width: auto;
    transition: transform 0.3s ease-in-out;
}

/* Der neue Hover-Effekt */
.btn-online-service:hover .elementor-button-icon svg {
    transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4aef46f7 *//* Dein bestehendes CSS - ergänzt um die Transition für einen weichen Übergang */
.btn-online-service .elementor-button-icon svg {
    height: 14px;
    width: auto;
    transition: transform 0.3s ease-in-out;
}

/* Der neue Hover-Effekt */
.btn-online-service:hover .elementor-button-icon svg {
    transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5c914cb7 *//* Dein bestehendes CSS - ergänzt um die Transition für einen weichen Übergang */
.btn-online-service .elementor-button-icon svg {
    height: 14px;
    width: auto;
    transition: transform 0.3s ease-in-out;
}

/* Der neue Hover-Effekt */
.btn-online-service:hover .elementor-button-icon svg {
    transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-14aa2758 *//* Dein bestehendes CSS - ergänzt um die Transition für einen weichen Übergang */
.btn-online-service .elementor-button-icon svg {
    height: 14px;
    width: auto;
    transition: transform 0.3s ease-in-out;
}

/* Der neue Hover-Effekt */
.btn-online-service:hover .elementor-button-icon svg {
    transform: translateX(10px);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-21ca4b27 */.elementor-1503 .elementor-element.elementor-element-21ca4b27 a {
    color:var(--e-global-color-secondary);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition:0.3s;
}

.elementor-1503 .elementor-element.elementor-element-21ca4b27 a:hover {
    color:var(--e-global-color-f7fbef);
    transition:0.3s;
}/* End custom CSS */