/*
Theme Name: Salon Stieber
Author: MKB
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/



 /* Variables */

 :root {
   --special-border-radius: 50px;
	 
 }

.elementor-cta__bg-wrapper {
    aspect-ratio: 3/2 !important;
}

 /* UL Liste schöner */

 .elementor-widget-text-editor ul {
   margin-bottom: 1.5em;
   padding-left: 1.2em;
 }

 .elementor-widget-text-editor ul li {
   margin-bottom: 0.6em;
   line-height: 1.6;
   position: relative;
   list-style: none;
   padding-left: 1.8em;
 }

 .elementor-widget-text-editor ul li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0.45em;
   width: 0.65em;
   height: 0.65em;
   border-radius: 50%;
   background-color: var(--e-global-color-accent);
 }


 /* OL Liste schöner in Elementor */
 .elementor-widget-container ol {
   counter-reset: custom-counter;
   margin: 1.2em 0;
   padding-left: 0;
 }

 .elementor-widget-container ol li {
   position: relative;
   list-style: none;
   margin-bottom: 0.8em;
   line-height: 1.6;
   padding-left: 2.5em;
 }

 .elementor-widget-container ol li::before {
   counter-increment: custom-counter;
   content: counter(custom-counter);
   position: absolute;
   left: 0;
   top: 0.05em;
   background-color: var(--e-global-color-accent);
   color: #fff;
   font-weight: 600;
   font-size: 0.95em;
   line-height: 1.6;
   width: 1.8em;
   height: 1.8em;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
 }


/* Rechtstexte */

.legal h2, .legal h3 {
    margin-top: 30px !important;
    font-size: 30px !important;
	color: var(--e-global-color-primary);
	font-weight: 400;
}

.legal ul,
.legal ol {
    margin-bottom: 20px;
}

.legal ul li,
.legal ol li {
    margin-bottom: 10px;
}

.legal a {
    color: var(--e-global-color-primary);
    word-break: break-all;
}

.legal a {
    text-decoration: underline;
	text-underline-offset: 4px;
}


/* Mobile Portrait */
@media only screen and (max-width: 767px) and (min-width: 200px){
	.scroll-to-top {
		bottom: 90px !important;
	}
}