.elementor-kit-1765{--e-global-color-primary:#D58759;--e-global-color-secondary:#EBAFBD;--e-global-color-text:#000000;--e-global-color-accent:#F3F3F3;--e-global-color-d188d85:#FFFFFF;--e-global-color-ec1a1e3:#615C5A;--e-global-color-79b415a:#AAAAAA;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-size:1em;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-8cfd101-font-family:"Work Sans";--e-global-typography-8cfd101-font-size:1em;--e-global-typography-8cfd101-font-weight:700;--e-global-typography-fde4fcb-font-family:"adobe-garamond-pro";--e-global-typography-fde4fcb-font-size:var(--h1);--e-global-typography-f9ef6b1-font-family:"adobe-garamond-pro";--e-global-typography-f9ef6b1-font-size:var(--h2);--e-global-typography-595736b-font-family:"adobe-garamond-pro";--e-global-typography-595736b-font-size:var(--h3);--e-global-typography-8ffda55-font-family:"Work Sans";--e-global-typography-8ffda55-font-size:var(--h4);--e-global-typography-b1728cc-font-size:var(--h5);--e-global-typography-ac9a462-font-size:var(--h6);font-family:"Work Sans", Sans-serif;font-size:1em;}.elementor-kit-1765 button,.elementor-kit-1765 input[type="button"],.elementor-kit-1765 input[type="submit"],.elementor-kit-1765 .elementor-button{background-color:#02010100;font-family:"Work Sans", Sans-serif;font-size:1em;font-weight:700;color:var( --e-global-color-text );border-style:solid;border-width:0px 0px 2px 0px;border-radius:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-kit-1765 button:hover,.elementor-kit-1765 button:focus,.elementor-kit-1765 input[type="button"]:hover,.elementor-kit-1765 input[type="button"]:focus,.elementor-kit-1765 input[type="submit"]:hover,.elementor-kit-1765 input[type="submit"]:focus,.elementor-kit-1765 .elementor-button:hover,.elementor-kit-1765 .elementor-button:focus{background-color:#02010100;border-style:solid;border-width:0px 0px 4px 0px;border-radius:0px 0px 0px 0px;}.elementor-kit-1765 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1765 a{color:var( --e-global-color-text );text-decoration:underline;}.elementor-kit-1765 h1{font-family:"adobe-garamond-pro", Sans-serif;font-size:var(--h1);}.elementor-kit-1765 h2{font-family:"adobe-garamond-pro", Sans-serif;font-size:var(--h2);}.elementor-kit-1765 h3{font-family:"adobe-garamond-pro", Sans-serif;font-size:var(--h3);}.elementor-kit-1765 h4{font-family:"Work Sans", Sans-serif;font-size:var(--h4);}.elementor-kit-1765 h5{font-family:"Work Sans", Sans-serif;font-size:var(--h5);}.elementor-kit-1765 h6{font-family:"Work Sans", Sans-serif;font-size:var(--h6);}.elementor-kit-1765 input:not([type="button"]):not([type="submit"]),.elementor-kit-1765 textarea,.elementor-kit-1765 .elementor-field-textual{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.elementor-kit-1765 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-1765 textarea:focus,.elementor-kit-1765 .elementor-field-textual:focus{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:2em;--container-default-padding-right:2em;--container-default-padding-bottom:2em;--container-default-padding-left:2em;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.e-con{--container-default-padding-top:2em;--container-default-padding-right:4em;--container-default-padding-bottom:2em;--container-default-padding-left:4em;}}@media(max-width:767px){.e-con{--container-default-padding-top:2em;--container-default-padding-right:1em;--container-default-padding-bottom:2em;--container-default-padding-left:1em;}}/* Start custom CSS */body {
    --h1: 2.5em;
    --h2: 2em;
    --h3: 1.75em;
    --h4: 1.5em;
    --h5: 1.25em;
    --h6: 1.15em;
}
@media(min-width:1024px){
body {
    --h1: 3.4em;
    --h2: 2.4em;
    --h3: 2em;
    --h4: 1.75em;
    --h5: 1.5em;
    --h6: 1.25em;
    }
}

h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a  { text-decoration: none !important;}

.nolink, .nolink a { text-decoration: none !important;}

.elementor-widget-icon-list .elementor-icon-list-text a {
    display: inline;
    white-space: normal;
}

/* === Globale Variablen für den Effekt === */
:root{
  --hover-line-color: currentColor;   /* nimmt automatisch die Text-/Buttonfarbe */
  --hover-line-thickness: 2px;
  --hover-line-max: 50%;              /* Zielbreite der Linie */
  --hover-line-offset: 0px;          /* sitzt knapp unter dem Element */
  --hover-line-duration: .35s;
  --hover-line-timing: ease;
}

.elementor-field-group { position: relative; }
.elementor-field-group:has(input[type="text"]):after ,
.elementor-field-group:has(input[type="tel"]):after,
.elementor-field-group:has(input[type="email"]):after ,
.elementor-field-group:has(textarea):after 
{ content:''; position: absolute; left: 5px; bottom:0; right:100%; height: 3px; background: #000; width: auto !important; transition:right ease .3s; }
.elementor-field-group:hover:after { right: 50% !important;}


.elementor-field-group:has(input[type="text"]:not(:placeholder-shown)):after ,
.elementor-field-group:has(input[type="tel"]:not(:placeholder-shown)):after,
.elementor-field-group:has(input[type="email"]:not(:placeholder-shown)):after ,
.elementor-field-group:has(textarea:not(:placeholder-shown)):after { background-color: var(--e-global-color-secondary) !important;}

/** FORMS **/
.elementor-field-group.elementor-field-type-upload label.elementor-field-label,
.elementor-field-group.elementor-field-type-checkbox label.elementor-field-label {
    position: relative;
    transform: translateY(0) !important;
    color: inherit !important;
}

select, select option { font-size: inherit !important; }
@media(min-width: 1024px){
    select, select option { font-size: 18px !important; }

}
.elementor-field-group textarea::placeholder,
.elementor-field-group input::placeholder {
    opacity: 0 !important;

}



.elementor-field-group.elementor-field-type-posttype_select label.elementor-field-label,
.elementor-field-group.elementor-field-type-select label.elementor-field-label,
.elementor-field-group label.elementor-field-label {
    position: absolute;
    top: 50%;
    
    left: 20px;
    padding: 3px 6px !important;
    display: inline-block;
    transform: translateY(-50%);
    transition: top ease .3s;pointer-events: none !important

}
.elementor-field-group.elementor-field-type-posttype_select label.elementor-field-label,
.elementor-field-group.elementor-field-type-select label.elementor-field-label
{
    background-color: #fff;
    top: 0;
    font-size:12px; border-radius: 0px;
    z-index: 10;
}

.elementor-field-group:has(textarea:focus) textarea,
.elementor-field-group:has(input:focus) input,
.elementor-field-group:has(select:focus) select {
    border-color:#000 !important;
}
.elementor-field-group:has(select:focus) .elementor-field-label,
.elementor-field-group:has(textarea:focus) label.elementor-field-label,
.elementor-field-group:has(input:focus) label.elementor-field-label {
    background-color: #000;
    top: 0; color:#fff !important;
    font-size:12px; border-radius: 0px;
    
}

.elementor-field-group.elementor-field-type-posttype_select:not(:has(option[value="bitte wählen"]:checked)) label,
.elementor-field-group.elementor-field-type-select:not(:has(option[value="bitte wählen"]:checked)) label,
.elementor-field-group:has(textarea:not(:placeholder-shown)) .elementor-field-label,
.elementor-field-group:has(textarea:not(:placeholder-shown):valid) .elementor-field-label,
.elementor-field-group:has(input:not(:placeholder-shown)) .elementor-field-label,
.elementor-field-group:has(input:not(:placeholder-shown):valid) .elementor-field-label {
    color: #000 !important;
    top: 0;
    /*background-image: linear-gradient(0deg, var(--e-global-color-9f02609) 50%, rgba(0, 0, 0, 0) 100%);*/
    background-color: var(--e-global-color-secondary) !important;
    font-size:12px; border-radius:0px; 
}


.elementor-field-group select:not(:has(option[value="bitte wählen"]:checked)),
.elementor-field-group:has(textarea:not(:placeholder-shown)) teaxtarea,
.elementor-field-group:has(textarea:not(:placeholder-shown):valid) textarea,
.elementor-field-group:has(input:not(:placeholder-shown)) input,
.elementor-field-group:has(input:not(:placeholder-shown):valid) input {
    border-color: var(--e-global-color-secondary) !important;
}

.elementor-upload-field { padding: 15px;}

.elementor-form:has(.elementor-message-success) .elementor-field-group {
       height: 0;
    visibility: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

/** MENU **/
.mainmenu li.menu-item {
    position: relative;
    display: block;
}

.mainmenu li.menu-item:after {
    content:'';
    position: absolute; bottom:0; 
    left:0; right:100%; height: 2px; background: #000;
    transition: right ease .3s;
}

.mainmenu li.menu-item.current-menu-item:after,
.mainmenu li.menu-item.current-menu-parent:after,
.mainmenu li.menu-item.current-page-ancestor:after,
.mainmenu li.menu-item:hover:after {
    right: 66%;
    background-color:var( --e-global-color-ec1a1e3 );
}

.mainmenu li.menu-item.current-menu-item,
.mainmenu li.menu-item.current-menu-parent,
.mainmenu li.menu-item.current-page-ancestor{
    font-weight: bold;
}

/** ACCORDION **/
summary.e-n-accordion-item-title { position: relative;}
summary.e-n-accordion-item-title:after { content:''; position: absolute; left: 0; bottom:0; right: 100%; height: 2px; background: #000;
                                        transition: right ease .3s;
                                       }

 
summary.e-n-accordion-item-title[aria-expanded="true"]:after { right: 50%;}
summary.e-n-accordion-item-title:hover:after { right: 66%;}

.behandlungsgruppe { margin-bottom: 30px;}

.behandlungsitem {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.behandlungspreis {
    flex-grow: 1;
    width: auto;
    max-width: 100%;
    text-align: left;
}
.behandlungsinhalt {
    flex-grow: 1;
    width:100%;
    max-width:100%;
}
@media(min-width:768px){
.behandlungsinhalt {
    flex-grow: 1;
    max-width: 70%;
}
.behandlungspreis {
    flex-grow: 1;
    width: auto;
    max-width: 20%;
    text-align: right;
}
}

.behandlungsinhalt p:last-child { margin-bottom:0 !important;}

.hovering { position: relative}

.hovering:before {content:''; position: absolute; top: auto; left:0; right: 100%; bottom:0; height: 2px; width: auto; background-color:#000; transition: right ease .3s; z-index:1;}
.hovering:hover:before { right: 66%;}

.elementor-widget.elementor-list-item-link-full_width a {
    display: inline !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://kosmetik-walhoefer.de/wp-content/uploads/2025/09/work-sans-v24-latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://kosmetik-walhoefer.de/wp-content/uploads/2025/09/work-sans-v24-latin-300italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://kosmetik-walhoefer.de/wp-content/uploads/2025/09/work-sans-v24-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://kosmetik-walhoefer.de/wp-content/uploads/2025/09/work-sans-v24-latin-italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://kosmetik-walhoefer.de/wp-content/uploads/2025/09/work-sans-v24-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://kosmetik-walhoefer.de/wp-content/uploads/2025/09/work-sans-v24-latin-600italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://kosmetik-walhoefer.de/wp-content/uploads/2025/09/work-sans-v24-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Work Sans';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://kosmetik-walhoefer.de/wp-content/uploads/2025/09/work-sans-v24-latin-700italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */