.elementor-19332 .elementor-element.elementor-element-7fadc61{--display:flex;--min-height:100vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19332 .elementor-element.elementor-element-7fadc61:not(.elementor-motion-effects-element-type-background), .elementor-19332 .elementor-element.elementor-element-7fadc61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://astranoctis.com/wp-content/uploads/2025/09/Mobile_Front_Website.webp") 50% 50%;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-371a61b{--display:flex;}.elementor-19332 .elementor-element.elementor-element-b48f5ab{--display:flex;}.elementor-19332 .elementor-element.elementor-element-63e0ef6{--display:flex;}.elementor-19332 .elementor-element.elementor-element-257b699{--spacer-size:34px;}.elementor-19332 .elementor-element.elementor-element-7d363b6 img{width:100%;}.elementor-19332 .elementor-element.elementor-element-b59d348{--display:flex;}.elementor-19332 .elementor-element.elementor-element-f4ff92b{--spacer-size:7px;}.elementor-19332 .elementor-element.elementor-element-beac2a3{--display:grid;--e-con-grid-template-columns:repeat(4, 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-19332 .elementor-element.elementor-element-bbb78d5 > .elementor-widget-container{background-image:url("https://astranoctis.com/wp-content/uploads/2025/07/Women_Front_Page_New_Version.webp");padding:200px 0px 200px 00px;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-bbb78d5:hover .elementor-widget-container{background-color:#708573;}.elementor-19332 .elementor-element.elementor-element-bbb78d5{text-align:left;font-size:48px;font-weight:bold;line-height:120px;color:#000000;}.elementor-19332 .elementor-element.elementor-element-72fb3bc > .elementor-widget-container{background-image:url("https://astranoctis.com/wp-content/uploads/2025/07/Horse_Front_Page_New_Version.webp");padding:400px 0px 0px 0px;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-72fb3bc:hover .elementor-widget-container{background-color:#708573;}.elementor-19332 .elementor-element.elementor-element-72fb3bc{text-align:right;font-size:48px;font-weight:bold;line-height:120px;color:#000000;}.elementor-19332 .elementor-element.elementor-element-938901c > .elementor-widget-container{background-image:url("https://astranoctis.com/wp-content/uploads/2025/07/YS_Front_Page_New_Version.webp");padding:30px 0px 200px 0px;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-938901c:hover .elementor-widget-container{background-color:#708573;}.elementor-19332 .elementor-element.elementor-element-938901c{text-align:right;font-size:48px;font-weight:bold;line-height:48px;color:#000000;}.elementor-19332 .elementor-element.elementor-element-4bfb2dd > .elementor-widget-container{background-image:url("https://astranoctis.com/wp-content/uploads/2025/07/Accesories_Front_Page_New_Version.webp");padding:300px 0px 100px 0px;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-4bfb2dd:hover .elementor-widget-container{background-color:#708573;}.elementor-19332 .elementor-element.elementor-element-4bfb2dd{text-align:left;font-size:48px;font-weight:bold;line-height:65px;color:#000000;}.elementor-19332 .elementor-element.elementor-element-b9652fb{--display:flex;}.elementor-19332 .elementor-element.elementor-element-82d956b{--spacer-size:50px;}.elementor-19332 .elementor-element.elementor-element-6b432e5{--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;}.elementor-19332 .elementor-element.elementor-element-6b432e5:not(.elementor-motion-effects-element-type-background), .elementor-19332 .elementor-element.elementor-element-6b432e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#69796A;}.elementor-19332 .elementor-element.elementor-element-f1d4208 > .elementor-widget-container{padding:10px 0px 3px 0px;}.elementor-19332 .elementor-element.elementor-element-f1d4208 img{width:637px;height:31px;border-radius:0px 0px 0px 0px;}.elementor-19332 .elementor-element.elementor-element-8d05d55{--display:flex;}.elementor-19332 .elementor-element.elementor-element-a4ea190{font-size:60px;font-weight:bold;color:#0A0A0A;}.elementor-19332 .elementor-element.elementor-element-c052d53{--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;}.elementor-19332 .elementor-element.elementor-element-c052d53:not(.elementor-motion-effects-element-type-background), .elementor-19332 .elementor-element.elementor-element-c052d53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#708573;}.elementor-19332 .elementor-element.elementor-element-1bc65ac .goldsmith-product-name,
                    .elementor-19332 .elementor-element.elementor-element-1bc65ac .goldsmith-product-cart{color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-1bc65ac .goldsmith-price,
                    .elementor-19332 .elementor-element.elementor-element-1bc65ac .woocommerce-variation-price .price span.del>span,
                    .elementor-19332 .elementor-element.elementor-element-1bc65ac .goldsmith-price span.del>span{color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-3600fb9{--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;--margin-top:010px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19332 .elementor-element.elementor-element-3600fb9:not(.elementor-motion-effects-element-type-background), .elementor-19332 .elementor-element.elementor-element-3600fb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#262626;}.elementor-19332 .elementor-element.elementor-element-7f57dc9 .goldsmith-product-name,
                    .elementor-19332 .elementor-element.elementor-element-7f57dc9 .goldsmith-product-cart{color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-7f57dc9 .goldsmith-price,
                    .elementor-19332 .elementor-element.elementor-element-7f57dc9 .woocommerce-variation-price .price span.del>span,
                    .elementor-19332 .elementor-element.elementor-element-7f57dc9 .goldsmith-price span.del>span{color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-ae79e88{--display:flex;}.elementor-19332 .elementor-element.elementor-element-5318d50{--spacer-size:10px;}.elementor-19332 .elementor-element.elementor-element-befefb8{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19332 .elementor-element.elementor-element-83aaec2 > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/02/Black_Collection.webp");padding:140px 0px 140px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-83aaec2.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-83aaec2{font-size:45px;font-weight:bold;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-e81d777 > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/02/Lavender_Outfit_01.webp");padding:135px 0px 135px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-e81d777.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-e81d777{font-size:45px;font-weight:bold;line-height:45px;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-54044ec > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/06/Diamond_Sage_front_page.webp");padding:140px 0px 140px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-54044ec.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-54044ec{font-size:45px;font-weight:bold;line-height:35px;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-7fb249d > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2024/11/Adult_Polo_Burgundy_01.webp");padding:140px 0px 140px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-7fb249d.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-7fb249d{font-size:45px;font-weight:bold;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-be927be > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2024/11/Adult_Polo_Oceana_05.webp");padding:140px 0px 140px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-be927be.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-be927be{font-size:45px;font-weight:bold;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-021c13a > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/02/Diamond_Gold_Collection.webp");padding:135px 0px 135px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-021c13a.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-021c13a{font-size:45px;font-weight:bold;line-height:45px;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-ccee22f > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/02/Twilight_Collection-1-scaled.webp");padding:135px 0px 135px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-ccee22f.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-ccee22f{font-size:45px;font-weight:bold;line-height:45px;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-086c234 > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/02/SageWhite_BootsSaddlePad_01.webp");padding:140px 0px 140px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-086c234.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-086c234{font-size:45px;font-weight:bold;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-ac071fc > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/07/Raspberry_Thumbnail_Collections.webp");padding:135px 0px 135px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-ac071fc.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-ac071fc{font-size:45px;font-weight:bold;line-height:45px;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-7520235 > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/07/Silver_Thumbnail_Collections.webp");padding:140px 0px 140px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-7520235.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-7520235{font-size:45px;font-weight:700;line-height:45px;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-fa1adba > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/07/White_Glitter_Thumbnail_Collections.webp");padding:140px 0px 140px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-fa1adba.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-fa1adba{font-size:45px;font-weight:bold;line-height:45px;color:#FFFFFF;}.elementor-19332 .elementor-element.elementor-element-613da25 > .elementor-widget-container{background-color:#30303000;background-image:url("https://astranoctis.com/wp-content/uploads/2025/02/website_front_03.webp");padding:140px 0px 140px 0px;background-position:center center;background-size:cover;}.elementor-19332 .elementor-element.elementor-element-613da25.elementor-element{--align-self:center;}.elementor-19332 .elementor-element.elementor-element-613da25{font-size:45px;font-weight:bold;line-height:45px;color:#FFFFFF;}@media(min-width:768px){.elementor-19332 .elementor-element.elementor-element-7fadc61{--content-width:1600px;}}@media(min-width:2400px){.elementor-19332 .elementor-element.elementor-element-beac2a3{--grid-auto-flow:row;}.elementor-19332 .elementor-element.elementor-element-befefb8{--grid-auto-flow:row;}}@media(max-width:1600px){.elementor-19332 .elementor-element.elementor-element-beac2a3{--grid-auto-flow:row;}.elementor-19332 .elementor-element.elementor-element-befefb8{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-19332 .elementor-element.elementor-element-beac2a3{--grid-auto-flow:row;}.elementor-19332 .elementor-element.elementor-element-befefb8{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-19332 .elementor-element.elementor-element-beac2a3{--grid-auto-flow:row;}.elementor-19332 .elementor-element.elementor-element-befefb8{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-19332 .elementor-element.elementor-element-beac2a3{--grid-auto-flow:row;}.elementor-19332 .elementor-element.elementor-element-befefb8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-19332 .elementor-element.elementor-element-beac2a3{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-19332 .elementor-element.elementor-element-938901c > .elementor-widget-container{padding:30px 0px 400px 0px;}.elementor-19332 .elementor-element.elementor-element-a4ea190{font-size:23px;}.elementor-19332 .elementor-element.elementor-element-befefb8{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-19332 .elementor-element.elementor-element-83aaec2{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-e81d777{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-54044ec{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-7fb249d{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-be927be{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-021c13a{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-ccee22f{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-086c234{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-ac071fc{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-7520235{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-fa1adba{font-size:25px;}.elementor-19332 .elementor-element.elementor-element-613da25{font-size:25px;}}/* Start custom CSS for text-editor, class: .elementor-element-bbb78d5 *//* Overlay und Textfarbe bei Hover */

.cat-container {
    position: relative;
    overflow: hidden;
    color: inherit; /* Standardfarbe bleibt */
    transition: color 0.3s ease-in-out;
}

.cat-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #708573;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
}

.cat-container:hover::before {
    opacity: 0.7; /* Transparenz der Overlay-Farbe */
}

.text-container {
    position: relative;
    z-index: 2; /* Stellt sicher, dass der Text über dem Overlay bleibt */
    text-align: center;
    display: inline-block;
    transition: color 0.3s ease-in-out;
}

.cat-container:hover .text-container {
    color: white; /* Ändert die Textfarbe beim Hover */
}

/* Linien über und unter dem Text */
.line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px; /* Dicke der Linien */
    background-color: black; /* Standardfarbe der Linien */
    transition: background-color 0.3s ease-in-out;
}

.top {
    top: 10px; /* Abstand über dem Text */
}

.top-top {
    top: -20px;
    width:75%;
}

.middle-left {
    top:25px; 
   width:120%;
}

.middle-top {
    top:-5px; 
   width:85%;
}

.middle-right {
    top:25px; 
   width:120%;
   left:-34px;
}

.bottom {
    bottom: 20px; /* Abstand unter dem Text */
}

.bottom-bot {
    bottom: -10px;
    width:75%;
}



/* Linien werden beim Hover weiß */
.cat-container:hover .line {
    background-color: white;
}
/*END*//* End custom CSS */
/* Start custom CSS for goldsmith-woo-slider, class: .elementor-element-1bc65ac */.training .goldsmith-swiper-prev::after, .swiper-rtl, .goldsmith-swiper-prev::after{
  content: 'TRAINING' !important;
  transform: rotate(-90deg);
  transform-origin: center;
  font-size: 30px;
  background-color: #708573;
  font-family: inherit !important;
  padding: 20px 470% 20px 470%;
  font-weight: bold;

}

.training .goldsmith-swiper-next::after, .swiper-rtl, .goldsmith-swiper-next::after {content: "\f04b" !important; /* Unicode für Font Awesome 'play' Icon */
    font-family: "Font Awesome 5 Free" !important; /* Falls Font Awesome verwendet wird */
    font-weight: 900; /* Für dickere Icons */
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 5px solid black; /* Rahmen */
    border-radius: 5px; /* Optional für abgerundete Ecken */
    background-color: rgba(0, 0, 0, 0.1); /* Hintergrund */
    color: black; /* Farbe des Icons */
    text-align: center;
    padding:10px 10px;
    line-height: 60px;}
    
.training .goldsmith-nav-bg {border:none !important;background-color:transparent !important;border-radius:none !important;
}    
.training .goldsmith-nav-bg:hover {border:none !important;background-color:transparent !important;border-radius:none !important;}/* End custom CSS */
/* Start custom CSS for goldsmith-woo-slider, class: .elementor-element-7f57dc9 */.comp .goldsmith-swiper-prev::after, .swiper-rtl, .goldsmith-swiper-prev::after{
  content: 'COMPETITION' !important;
  transform: rotate(-90deg);
  transform-origin: center;
  font-size: 30px;
  background-color: #262626;
  font-family: inherit !important;
  padding: 20px 470% 20px 470%;
  font-weight: bold;

}

.comp .goldsmith-swiper-prev:hover::after {
    color: #708573 !important;
}

.comp .goldsmith-swiper-next::after, .swiper-rtl, .goldsmith-swiper-next::after {content: "\f04b" !important; /* Unicode für Font Awesome 'play' Icon */
    font-family: "Font Awesome 5 Free" !important; /* Falls Font Awesome verwendet wird */
    font-weight: 900; /* Für dickere Icons */
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 5px solid black; /* Rahmen */
    border-radius: 5px; /* Optional für abgerundete Ecken */
    background-color: rgba(0, 0, 0, 0.1); /* Hintergrund */
    color: black; /* Farbe des Icons */
    text-align: center;
    padding:10px 10px;
    line-height: 60px;}
    
.comp .goldsmith-nav-bg {border:none !important;background-color:transparent !important;border-radius:none !important;
}    
.comp .goldsmith-nav-bg:hover {border:none !important;background-color:transparent !important;border-radius:none !important;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83aaec2 *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}

.color-squares {height:350px !important;max-height:350px !important;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e81d777 *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-54044ec *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7fb249d *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-be927be *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-021c13a *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ccee22f *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-086c234 *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ac071fc *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7520235 *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fa1adba *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-613da25 *//* Das Overlay */
.color-squares::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Schwarzes Overlay mit 50% Transparenz */
    z-index: 1;
}

/* Stellt sicher, dass Inhalt über dem Overlay bleibt */
.color-squares p {
    position: relative;
    z-index: 2;
}/* End custom CSS */