.elementor-2266 .elementor-element.elementor-element-a3056cc{--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:-39px;--margin-left:0px;--margin-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2266 .elementor-element.elementor-element-bdfac55{--divider-border-style:solid;--divider-color:#e62f2f;--divider-border-width:1.8px;}.elementor-2266 .elementor-element.elementor-element-bdfac55 .elementor-divider-separator{width:100%;}.elementor-2266 .elementor-element.elementor-element-bdfac55 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2266 .elementor-element.elementor-element-d1b6e8e{--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;--justify-content:center;--gap:0px 76px;--row-gap:0px;--column-gap:76px;--margin-top:8px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;top:0px;bottom:auto;z-index:10;}.elementor-2266 .elementor-element.elementor-element-d1b6e8e + .wpr-hidden-header{top:0px;}.elementor-2266 .elementor-element.elementor-element-d1b6e8e + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:10;}.wpr-hidden-header-flex{z-index:10;}.elementor-2266 .elementor-element.elementor-element-fe433c9.elementor-element{--align-self:center;}.elementor-2266 .elementor-element.elementor-element-5cd4843.elementor-element{--align-self:center;}.elementor-2266 .elementor-element.elementor-element-734dbdb.elementor-element{--align-self:center;}.elementor-2266 .elementor-element.elementor-element-94f6930.elementor-element{--align-self:center;}.elementor-2266 .elementor-element.elementor-element-46df527.elementor-element{--align-self:center;}.elementor-2266 .elementor-element.elementor-element-1509208.elementor-element{--align-self:center;}.elementor-2266 .elementor-element.elementor-element-7e13a93.elementor-element{--align-self:center;}.elementor-2266 .elementor-element.elementor-element-4e63dae{--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:-39px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2266 .elementor-element.elementor-element-a559f2b{--divider-border-style:solid;--divider-color:#e62f2f;--divider-border-width:1.8px;}.elementor-2266 .elementor-element.elementor-element-a559f2b .elementor-divider-separator{width:100%;}.elementor-2266 .elementor-element.elementor-element-a559f2b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}body.elementor-page-2266:not(.elementor-motion-effects-element-type-background), body.elementor-page-2266 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-2266 .elementor-element.elementor-element-d1b6e8e{top:0px;bottom:auto;}.elementor-2266 .elementor-element.elementor-element-d1b6e8e + .wpr-hidden-header{top:0px;}.elementor-2266 .elementor-element.elementor-element-d1b6e8e + .wpr-hidden-header-flex{top:0px;}}@media(max-width:767px){.elementor-2266 .elementor-element.elementor-element-d1b6e8e{--gap:22px 22px;--row-gap:22px;--column-gap:22px;top:0px;bottom:auto;}.elementor-2266 .elementor-element.elementor-element-d1b6e8e + .wpr-hidden-header{top:0px;}.elementor-2266 .elementor-element.elementor-element-d1b6e8e + .wpr-hidden-header-flex{top:0px;}}/* Start custom CSS for html, class: .elementor-element-fe433c9 *//* Basis-Link – Text ist weiß */ .circle-link { position: relative; padding-left: 45px; display: inline-flex; align-items: center; color: #ffffff; text-decoration: none; font-size: 20px; transition: color 0.3s ease; } /* Beim Hover wird NUR der Text rot */ .circle-link:hover { color: #E62F2F; /* Rot */ } /* Ringe-Container */ .circle-link .rings { position: absolute; left: 0; width: 32px; height: 32px; display: block; } /* 3 Ringe Basis-Stil */ .circle-link .rings::before, .circle-link .rings::after, .circle-link .rings span { content: ""; position: absolute; border: 1.5px solid #E62F2F; /* Rot + dünn */ border-radius: 50%; background: transparent; opacity: 0.8; transition: 0.4s ease; clip-path: inset(0 0 25% 0); /* halb offen */ } /* Ring 1 – klein */ .circle-link .rings::before { width: 16px; height: 16px; top: 8px; left: 8px; transform: rotate(-20deg); } /* Ring 2 – medium */ .circle-link .rings::after { width: 22px; height: 22px; top: 5px; left: 5px; transform: rotate(15deg); } /* Ring 3 – groß */ .circle-link .rings span { width: 30px; height: 30px; top: 1px; left: 1px; transform: rotate(35deg); } /* Hover – Kreise schließen & drehen */ .circle-link:hover .rings::before, .circle-link:hover .rings::after, .circle-link:hover .rings span { clip-path: inset(0 0 0 0); transform: rotate(360deg); opacity: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cd4843 *//* Basis-Link – Text ist weiß */ .circle-link { position: relative; padding-left: 45px; display: inline-flex; align-items: center; color: #ffffff; text-decoration: none; font-size: 20px; transition: color 0.3s ease; } /* Beim Hover wird NUR der Text rot */ .circle-link:hover { color: #E62F2F; /* Rot */ } /* Ringe-Container */ .circle-link .rings { position: absolute; left: 0; width: 32px; height: 32px; display: block; } /* 3 Ringe Basis-Stil */ .circle-link .rings::before, .circle-link .rings::after, .circle-link .rings span { content: ""; position: absolute; border: 1.5px solid #E62F2F; /* Rot + dünn */ border-radius: 50%; background: transparent; opacity: 0.8; transition: 0.4s ease; clip-path: inset(0 0 25% 0); /* halb offen */ } /* Ring 1 – klein */ .circle-link .rings::before { width: 16px; height: 16px; top: 8px; left: 8px; transform: rotate(-20deg); } /* Ring 2 – medium */ .circle-link .rings::after { width: 22px; height: 22px; top: 5px; left: 5px; transform: rotate(15deg); } /* Ring 3 – groß */ .circle-link .rings span { width: 30px; height: 30px; top: 1px; left: 1px; transform: rotate(35deg); } /* Hover – Kreise schließen & drehen */ .circle-link:hover .rings::before, .circle-link:hover .rings::after, .circle-link:hover .rings span { clip-path: inset(0 0 0 0); transform: rotate(360deg); opacity: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-734dbdb *//* Basis-Link – Text ist weiß */ .circle-link { position: relative; padding-left: 45px; display: inline-flex; align-items: center; color: #ffffff; text-decoration: none; font-size: 20px; transition: color 0.3s ease; } /* Beim Hover wird NUR der Text rot */ .circle-link:hover { color: #E62F2F; /* Rot */ } /* Ringe-Container */ .circle-link .rings { position: absolute; left: 0; width: 32px; height: 32px; display: block; } /* 3 Ringe Basis-Stil */ .circle-link .rings::before, .circle-link .rings::after, .circle-link .rings span { content: ""; position: absolute; border: 1.5px solid #E62F2F; /* Rot + dünn */ border-radius: 50%; background: transparent; opacity: 0.8; transition: 0.4s ease; clip-path: inset(0 0 25% 0); /* halb offen */ } /* Ring 1 – klein */ .circle-link .rings::before { width: 16px; height: 16px; top: 8px; left: 8px; transform: rotate(-20deg); } /* Ring 2 – medium */ .circle-link .rings::after { width: 22px; height: 22px; top: 5px; left: 5px; transform: rotate(15deg); } /* Ring 3 – groß */ .circle-link .rings span { width: 30px; height: 30px; top: 1px; left: 1px; transform: rotate(35deg); } /* Hover – Kreise schließen & drehen */ .circle-link:hover .rings::before, .circle-link:hover .rings::after, .circle-link:hover .rings span { clip-path: inset(0 0 0 0); transform: rotate(360deg); opacity: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94f6930 *//* --- ACTIVE STATE FÜR REWE --- */

/* 1. Den Text rot färben, wenn man auf der Rewe-Seite ist */
.rewe-prospekt .link-rewe {
    color: #E62F2F !important;
}

/* 2. Die Ringe schließen und drehen, wenn man auf der Rewe-Seite ist */
.rewe-prospekt .link-rewe .rings::before,
.rewe-prospekt .link-rewe .rings::after,
.rewe-prospekt .link-rewe .rings span {
    clip-path: inset(0 0 0 0) !important; /* Kreis schließen */
    transform: rotate(360deg) !important; /* Rotation */
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46df527 *//* Basis-Link – Text ist weiß */ .circle-link { position: relative; padding-left: 45px; display: inline-flex; align-items: center; color: #ffffff; text-decoration: none; font-size: 20px; transition: color 0.3s ease; } /* Beim Hover wird NUR der Text rot */ .circle-link:hover { color: #E62F2F; /* Rot */ } /* Ringe-Container */ .circle-link .rings { position: absolute; left: 0; width: 32px; height: 32px; display: block; } /* 3 Ringe Basis-Stil */ .circle-link .rings::before, .circle-link .rings::after, .circle-link .rings span { content: ""; position: absolute; border: 1.5px solid #E62F2F; /* Rot + dünn */ border-radius: 50%; background: transparent; opacity: 0.8; transition: 0.4s ease; clip-path: inset(0 0 25% 0); /* halb offen */ } /* Ring 1 – klein */ .circle-link .rings::before { width: 16px; height: 16px; top: 8px; left: 8px; transform: rotate(-20deg); } /* Ring 2 – medium */ .circle-link .rings::after { width: 22px; height: 22px; top: 5px; left: 5px; transform: rotate(15deg); } /* Ring 3 – groß */ .circle-link .rings span { width: 30px; height: 30px; top: 1px; left: 1px; transform: rotate(35deg); } /* Hover – Kreise schließen & drehen */ .circle-link:hover .rings::before, .circle-link:hover .rings::after, .circle-link:hover .rings span { clip-path: inset(0 0 0 0); transform: rotate(360deg); opacity: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1509208 *//* Basis-Link – Text ist weiß */ .circle-link { position: relative; padding-left: 45px; display: inline-flex; align-items: center; color: #ffffff; text-decoration: none; font-size: 20px; transition: color 0.3s ease; } /* Beim Hover wird NUR der Text rot */ .circle-link:hover { color: #E62F2F; /* Rot */ } /* Ringe-Container */ .circle-link .rings { position: absolute; left: 0; width: 32px; height: 32px; display: block; } /* 3 Ringe Basis-Stil */ .circle-link .rings::before, .circle-link .rings::after, .circle-link .rings span { content: ""; position: absolute; border: 1.5px solid #E62F2F; /* Rot + dünn */ border-radius: 50%; background: transparent; opacity: 0.8; transition: 0.4s ease; clip-path: inset(0 0 25% 0); /* halb offen */ } /* Ring 1 – klein */ .circle-link .rings::before { width: 16px; height: 16px; top: 8px; left: 8px; transform: rotate(-20deg); } /* Ring 2 – medium */ .circle-link .rings::after { width: 22px; height: 22px; top: 5px; left: 5px; transform: rotate(15deg); } /* Ring 3 – groß */ .circle-link .rings span { width: 30px; height: 30px; top: 1px; left: 1px; transform: rotate(35deg); } /* Hover – Kreise schließen & drehen */ .circle-link:hover .rings::before, .circle-link:hover .rings::after, .circle-link:hover .rings span { clip-path: inset(0 0 0 0); transform: rotate(360deg); opacity: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e13a93 *//* Basis-Link – Text ist weiß */ .circle-link { position: relative; padding-left: 45px; display: inline-flex; align-items: center; color: #ffffff; text-decoration: none; font-size: 20px; transition: color 0.3s ease; } /* Beim Hover wird NUR der Text rot */ .circle-link:hover { color: #E62F2F; /* Rot */ } /* Ringe-Container */ .circle-link .rings { position: absolute; left: 0; width: 32px; height: 32px; display: block; } /* 3 Ringe Basis-Stil */ .circle-link .rings::before, .circle-link .rings::after, .circle-link .rings span { content: ""; position: absolute; border: 1.5px solid #E62F2F; /* Rot + dünn */ border-radius: 50%; background: transparent; opacity: 0.8; transition: 0.4s ease; clip-path: inset(0 0 25% 0); /* halb offen */ } /* Ring 1 – klein */ .circle-link .rings::before { width: 16px; height: 16px; top: 8px; left: 8px; transform: rotate(-20deg); } /* Ring 2 – medium */ .circle-link .rings::after { width: 22px; height: 22px; top: 5px; left: 5px; transform: rotate(15deg); } /* Ring 3 – groß */ .circle-link .rings span { width: 30px; height: 30px; top: 1px; left: 1px; transform: rotate(35deg); } /* Hover – Kreise schließen & drehen */ .circle-link:hover .rings::before, .circle-link:hover .rings::after, .circle-link:hover .rings span { clip-path: inset(0 0 0 0); transform: rotate(360deg); opacity: 1; }/* End custom CSS */