/*
Theme Name:  hello-elementor-child
Template:     hello-elementor
*/



/*font awesome entfernen*/


.icon-element::before {
    content: "\f002";
    font-family: 'FontAwesome';
}

/* wird */

.icon-element::before {
    content: "";
    font-family: 'inherit';
}



/* Individuelle Schriftarten definieren */
/* Barlow (Fließtext) */
@font-face {
    font-family: "Barlow";
    src:
        url(https://kunsttherapie-hauer.de/wp-content/themes/hello-elementor/assets/fonts/barlow/barlow-regular.woff2) format('woff2'),
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Barlow Light (Headline 1) */
@font-face {
    font-family: "Barlow Light";
    src:
        url(https://kunsttherapie-hauer.de/wp-content/themes/hello-elementor/assets/fonts/barlow/barlow-light.woff2) format('woff2'),
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Cormorant Garamond (Headline 2) */
@font-face {
    font-family: "Cormorant Garamond";
    src:
        url(https://kunsttherapie-hauer.de/wp-content/themes/hello-elementor/assets/fonts/cormorant/CormorantGaramond-Medium.woff2) format('woff2'),
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Desyrel – Spezialschrift */
@font-face {
    font-family: "Desyrel";
    src:
        url(https://kunsttherapie-hauer.de/wp-content/themes/hello-elementor/assets/fonts/desyrel/desyrel.woff2) format('woff2'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.elementor-widget-text-editor,
.elementor-widget-heading {
    font-family: "Barlow", sans-serif !important;
}

.elementor-widget-heading h1 {
    font-family: "Barlow Light", sans-serif !important;
}

.elementor-widget-heading h2 {
    font-family: "Cormorant Garamond", serif !important;
}


.elementor-widget-heading h4 {
    font-family: "Desyrel", serif !important;
}




body {
    font-family: "Barlow", sans-serif !important;
}


p {
	font-family: "Barlow", sans-serif !important;
}

span
{
	font-family: "Barlow", sans-serif !important;
}


div {
	font-family: "Barlow", sans-serif !important;
}


/* Button */

span.elementor-button-text {
	font-family: "Barlow Light", sans-serif !important;
}



/* Überschriften definieren */

h1 {
	font-family: "Barlow Light", sans-serif !important;
}

h2 {
    font-family: "Cormorant Garamond", serif !important;
}

h3 {
	font-family: "Barlow Light", sans-serif !important;
}

h5 {
	font-family: "Barlow Light", sans-serif !important;
}


/* Spezial Schrift */

h4 {
    font-family: "Desyrel", serif !important;
	font-size:14px;
}




/*Header Menü */


.site-header a {
	font-family: "Barlow", sans-serif !important;
		text-decoration: none;
}

.site-header a:hover {
    color: rgb(60, 60, 30) !important;
}


/* aktive Seite */

.site-header a[aria-current="page"] {
    color: rgb(60, 60, 30) !important;
}

/* übergeordneter Menüpunkt */
.site-header li.current-menu-ancestor > a {
    color: rgb(60, 60, 30) !important;
}



/*sticky header */

.site-header {
  position: sticky !important;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
}



/*Footer Menü */

.site-footer a {
	font-family: "Barlow", sans-serif !important;
		text-decoration: none;
}

.site-footer a:hover {
    color: rgb(60, 60, 30) !important;
}


/* aktive Seite */

.site-footer a[aria-current="page"] {
    color: rgb(60, 60, 30) !important;
}

/* übergeordneter Menüpunkt */
.site-footer li.current-menu-ancestor > a {
    color: rgb(60, 60, 30) !important;
}