/*nav.css*/
/*Mobile*/
.mobileMenu
{
	display: none;
	font-family:var(--fontheader);
}
.mobile_menu_trigger .material-icons
{
	font-size: 2.4rem;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	justify-content: flex-end;
}
.mobile_menu_trigger:hover
{
	cursor: pointer;
}
.mobile_menu .inner
{
	background: linear-gradient(180deg, var(--creme) 0%, var(--creme-warm) 100%);
	padding: 5% 5% 2rem 5%;
	font-weight: normal;
}
.mobile_menu .logo
{
	max-width: 200px;
	margin-bottom: 1rem;
}
.mobile_menu
{
	line-height: 1.333;
	font-size: 1rem;
	font-style: normal;
}
.mobile_menu .level_1
{
	margin-top: 1rem;
}
.mobile_menu .level_1 LI
{
	padding: 0.5rem 0;
	font-family:var(--fontheader);
	font-weight: 800;
}
.mobile_menu LI A:hover
{
	color: var(--dunkelrot);
}
.mobile_menu .level_1 A, .mobile_menu .level_1 STRONG.active
{
	font-size: 1rem;
}
.mobile_menu .level_2 A, .mobile_menu .level_2 STRONG.active
{
	text-transform: none;
	font-size: 1rem;
}
.mobile_menu UL.level_2
{
	margin-top: 1rem;
	margin-bottom: 1.333rem;
}
.mobile_menu .level_2 LI
{
	padding: 0.5rem 1rem;
}
.mobile_menu STRONG.active
{
	color:var(--dunkelrot);
}
.mobile_menu A.brand
{
	border-bottom: none;
}
.mobile_menu .contakt
{
	line-height: 3;
	font-size: 80%;
	margin-top: 2rem;
}
.mobile_menu .contakt A
{
	border-bottom: none;
}

/*Navigation*/
/*MainMenu*/
#mainmenu
{
	display: table;
	line-height: 0;
	width: 100%;
	font-weight: normal;
	font-family:var(--fontheader);
}
#mainmenu UL.level_1
{
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: flex-end;
}
#mainmenu UL.level_2
{
	display: block;
	position: absolute;
	top: auto;
}
#mainmenu LI
{
	line-height: 0;
}
#mainmenu A, #mainmenu STRONG
{
	display: block;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
	color: var(--text-dark);
	line-height: 1.5;
	padding: 0.5rem 1rem;
	font-weight: 800;
}
#mainmenu .level_1 A, #mainmenu .level_1 STRONG
{
	font-style: normal;
}
#mainmenu .level_2 A, #mainmenu .level_2 STRONG
{
	text-transform: none;
	font-size: 0.975rem;
	min-width: auto;
	max-width: none;
}
#mainmenu A:hover
{
	color: var(--dunkelrot);
}
#mainmenu .level_1 .active STRONG, #mainmenu .level_1 .trail
{
	color: var(--dunkelrot-hover);
	border: 1px solid var(--dunkelrot-hover);
	/*+border-radius:var(--r-md);*/
	-moz-border-radius: var(--r-md);
	-webkit-border-radius: var(--r-md);
	-khtml-border-radius: var(--r-md);
	border-radius:var(--r-md);
}
#mainmenu .level_2 LI.first A, #mainmenu .level_2 LI.first STRONG
{
	/*+border-radius:var(--r-md) var(--r-md) 0 0;*/
	-moz-border-radius: var(--r-md) var(--r-md) 0 0;
	-webkit-border-radius: var(--r-md) var(--r-md) 0 0;
	-khtml-border-radius: var(--r-md) var(--r-md) 0 0;
	border-radius:var(--r-md) var(--r-md) 0 0;
	padding-top: 1rem;
}
#mainmenu .level_2 LI.last A, #mainmenu .level_2 LI.last STRONG
{
	/*+border-radius:0 0 var(--r-md) var(--r-md);*/
	-moz-border-radius: 0 0 var(--r-md) var(--r-md);
	-webkit-border-radius: 0 0 var(--r-md) var(--r-md);
	-khtml-border-radius: 0 0 var(--r-md) var(--r-md);
	border-radius:0 0 var(--r-md) var(--r-md);
	padding-bottom: 1rem;
}
@media (max-width: 1099px)
{
	#mainmenu LI
	{
		width: auto;
	}
}
#mainmenu .kontakt A, #mainmenu .kontakt STRONG
{
	background-color:var(--dunkelrot);
	color:var(--weiss);
	/*+border-radius:var(--r-md);*/
	-moz-border-radius: var(--r-md);
	-webkit-border-radius: var(--r-md);
	-khtml-border-radius: var(--r-md);
	border-radius:var(--r-md);
	border: none;
}
#mainmenu .kontakt A:hover, #mainmenu .kontakt STRONG:hover
{
	background-color:var(--dunkelrot-hover);
}
#mainmenu .kontakt STRONG.active
{
	/*+border-radius:var(--r-md);*/
	-moz-border-radius: var(--r-md);
	-webkit-border-radius: var(--r-md);
	-khtml-border-radius: var(--r-md);
	border-radius:var(--r-md);
	border: none;
	background-color:var(--dunkelrot-hover);
	color:var(--weiss);
}
/*Dropdown*/
#mainmenu .level_2 LI.first
{
	position: relative;
	border-top: none;
}
#mainmenu .level_2 LI.first:before
{
	display: block;
	content: no-close-quote;
	font-size: 2em;
	line-height: 0;
	width: 0;
	height: 0;
	border-width: 0 12px 10px;
	border-color: transparent transparent #99161B transparent;
	border-style: solid;
	/*+transform: rotate(360deg);*/
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	margin: 0 auto 0 1em;
	background-color: transparent;
}
#mainmenu .level_2 LI A, #mainmenu .level_2 LI STRONG
{
	color: #FFFFFF;
	padding: 0.75rem 1.5rem;
	background-color: var(--dunkelrot);
	text-align: left;
}
#mainmenu .level_2 LI A:hover
{
	background-color: #776458;
	color: #ffffff;
}
#mainmenu .level_2 LI .active, #mainmenu .level_2 LI .forward, #mainmenu .level_2 .trail A
{
	background-color: #A48A7B;
	color: #FFFFFF;
	font-weight: normal;
}
#mainmenu .level_2
{
	position: absolute;
	left: auto;
	right: auto;
	/*+transform: translate(auto);*/
	-webkit-transform: translate(auto);
	-moz-transform: translate(auto);
	-o-transform: translate(auto);
	-ms-transform: translate(auto);
	transform: translate(auto);
	top: 0;
	z-index: 9999;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}
#mainmenu .submenu:hover .level_2
{
	opacity: 1;
	overflow: visible;
	color: #493D36;
	width: auto;
	/*+transition: 500ms ease-in-out;*/
	-webkit-transition: 500ms ease-in-out;
	-moz-transition: 500ms ease-in-out;
	-o-transition: 500ms ease-in-out;
	transition: 500ms ease-in-out;
}
#mainmenu A:focus + .level_2
{
	opacity: 1;
	max-height: 100%;
	/*+transition: opacity 500ms ease-in-out 1s, max-height;*/
	-webkit-transition: opacity 500ms ease-in-out 1s, max-height;
	-moz-transition: opacity 500ms ease-in-out 1s, max-height;
	-o-transition: opacity 500ms ease-in-out 1s, max-height;
	transition: opacity 500ms ease-in-out 1s, max-height;
}
#mainmenu UL.level_2
{
	display: block;
	width: 100%;
}
#mainmenu UL.level_2 > LI
{
	display: list-item;
	width: 100%;
	border-top: 1px solid #FFFFFF;
}
@media (max-width: 999px)
{
	#mainmenu
	{
		display: none;
	}
}

/* --- Submenu --- */
#submenu
{
	margin-top:clamp(2.5rem, 4.994vw + 0.63rem, 5rem);
}
#submenu UL
{
	display: grid;
	grid-gap:clamp(1.1rem, 1.0286rem + 0.2286vw, 1.2rem);
	grid-template-columns:repeat(auto-fit, minmax(min(100%,50ch), 1fr));
	align-items: stretch;
}
#submenu.small UL
{
	grid-template-columns:repeat(auto-fit, minmax(min(100%,33ch), 1fr));
}
#submenu LI
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 100%;
	/* WICHTIG: Das LI muss die volle Höhe der Grid-Zelle einnehmen */
}
#submenu A, #submenu STRONG
{
	text-decoration: none;
	text-align: center;
	/* WICHTIG: Damit der Button die Höhe füllt und der Text mittig bleibt: */
	display: flex;
	/* Statt block */
	height: 100%;
	/* Füllt das LI aus */
	align-items: center;
	/* Zentriert Text vertikal */
	justify-content: center;
	/* Zentriert Text horizontal */
	box-sizing: border-box;
	/* Verhindert, dass Padding die Box sprengt */
	line-height: 1.33;
	align-items: center;
	padding: clamp(0.5rem, 0.999vw + 0.126rem, 1rem) clamp(0.938rem, 1.873vw + 0.236rem, 1.875rem);
	font-size: 0.9375rem;
	font-weight: 500;
	font-variation-settings: "wght" 500, "wdth" 100;
	/*letter-spacing: 0.04em;*/
	border: 2px solid;
	border-color: var(--dunkelrot);
	border-radius: var(--r-pill);
	transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
#submenu A:hover
{
	background: var(--dunkelrot);
	color: var(--weiss);
	transform: translateY(-2px);
}

/*OnePAgeMenu*/
#onepagemenu
{
	display: table;
	width: auto;
	padding: 20px 0;
}
#onepagemenu UL
{
	display: table-row;
}
#onepagemenu LI
{
	display: table-cell;
	vertical-align: middle;
	/*+transition: all 750ms ease;*/
	-webkit-transition: all 750ms ease;
	-moz-transition: all 750ms ease;
	-o-transition: all 750ms ease;
	transition: all 750ms ease;
	width: auto;
	padding-right: 20px;
}
#onepagemenu LI.last
{
	padding-right: 0;
}
#onepagemenu A, #onepagemenu STRONG
{
	text-decoration: none;
	display: block;
	font-size: 1.2em;
	cursor: pointer;
	/*+transition: all 750ms ease;*/
	-webkit-transition: all 750ms ease;
	-moz-transition: all 750ms ease;
	-o-transition: all 750ms ease;
	transition: all 750ms ease;
}
#onepagemenu A:hover
{
}
#onepagemenu A:before
{
	font-family: FontAwesome;
	content: "\f005";
	font-weight: 400;
	font-size: 1em;
}
@media (max-width: 999px)
{
	#onepagemenu LI
	{
		width: auto;
	}
}
@media (max-width: 899px)
{
	#onepagemenu LI
	{
		display: list-item;
	}
}
/*FooterMenu*/
#footer .mod_customnav
{
	font-style: normal;
}
#footer .mod_customnav LI
{
	display: inline-block;
}
@media (max-width: 799px)
{
	#footer .mod_customnav LI
	{
		display: inherit;
	}
}
#footer .mod_customnav A, #footer .mod_customnav STRONG
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 0.5em 0 0;
	font-weight: 400;
	font-style: normal;
}
#footer .mod_customnav A:before, #footer .mod_customnav STRONG:before
{
	margin: 0 5px 0 0;
	/*+transition: all 500ms ease;*/
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	font-family: 'Material Icons';
	content: "\e5e1";
	vertical-align: middle;
}
#footer .mod_customnav A:hover, #footer .mod_customnav A:hover:before, #footer .mod_customnav STRONG, #footer .mod_customnav A.trail, #footer .mod_customnav A.active, #footer .mod_customnav STRONG:before, #footer .mod_customnav A.trail:before, #footer .mod_customnav A.active:before
{
	color:var(--dunkelrot);
}

/*Sitemap*/
.mod_sitemap
{
	padding-bottom: 3rem;
	overflow: visible;
}
.mod_sitemap UL
{
	display: grid;
	grid-template-columns: 1fr;
}
.mod_sitemap LI
{
	/*+transition: 500ms ease-in-out;*/
	-webkit-transition: 500ms ease-in-out;
	-moz-transition: 500ms ease-in-out;
	-o-transition: 500ms ease-in-out;
	transition: 500ms ease-in-out;
}
.mod_sitemap .invisible
{
	display: none;
}
/* Jedes zweite Element (gerade) */
.mod_sitemap LI:nth-child(even)
{
	background-color: rgba(255, 255, 255, 0.200);
}
/* Optional: Jedes erste Element (ungerade) */
.mod_sitemap LI:nth-child(odd)
{
	background-color: rgba(164, 136, 124, 0.100);
}
.mod_sitemap A, .mod_sitemap STRONG
{
	padding: 0.75rem clamp(1rem, 3.074vw + .2334rem, 3rem);
	display: block;
	line-height: 1.4;
	color: var(--text-dark);
	text-align: center;
}
.mod_sitemap LI A:hover
{
	color: var(--dunkelrot-hover);
}
.mod_sitemap LI:nth-child(even):hover
{
	background-color: rgba(255, 255, 255, 0.500);
}
.mod_sitemap LI:nth-child(odd):hover
{
	background-color: rgba(255, 255, 255, 0.600);
}
/*Sitemap Content*/
.mod_sitemap A
{
	position: relative;
}
.mod_sitemap A:after
{
	display: none;
	font-size: 80%;
	opacity: 0;
	/*+transition: all 500ms ease-in-out;*/
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	position: absolute;
	top: 111%;
	left: 50%;
	/*+transform: translateX(-50%);*/
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter:blur(2rem);
	padding: 1rem;
	width: 66%;
	/*+border-radius: 1rem;*/
	-moz-border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-khtml-border-radius: 1rem;
	border-radius: 1rem;
	/*+box-shadow: 0 0 2rem -1.5rem #000000;*/
	-moz-box-shadow: 0 0 2rem -1.5rem #000000;
	-webkit-box-shadow: 0 0 2rem -1.5rem #000000;
	box-shadow: 0 0 2rem -1.5rem #000000;
	z-index: 99;
	color:var(--text-dark);
	border: 1px solid rgba(255, 255, 255, 0.60);
}
.mod_sitemap STRONG.active:after
{
}
.mod_sitemap A:hover:after
{
	display: block;
	opacity: 1;
	/*+transition: 500ms ease-in-out;*/
	-webkit-transition: 500ms ease-in-out;
	-moz-transition: 500ms ease-in-out;
	-o-transition: 500ms ease-in-out;
	transition: 500ms ease-in-out;
}
.mod_sitemap .osteopathie A:after
{
	content: "Sanfte manuelle Behandlungsform für ganzheitliche Gesundheit.";
}
.mod_sitemap .physiotherapie A:after
{
	content: "Wiederherstellung der natürlichen Bewegungsfunktionen";
}
.mod_sitemap .lymphdrainage A:after
{
	content: "Sanfte Entstauung und Aktivierung des Lymphsystems";
}
.mod_sitemap .integrativ A:after
{
	content: "Fachübergreifender Therapieansatz für die seelische Gesundheit";
}
.mod_sitemap .paarbeziehung A:after
{
	content: "Eigene Muster erkennen und Beziehungsfähigkeit stärken";
}
.mod_sitemap .business A:after
{
	content: "Klarheit, Führung und Resilienz im beruflichen Kontext";
}
.mod_sitemap .vitalbalance A:after
{
	content: "Vitalisierung durch integrative Naturheilverfahren";
}
.mod_sitemap .fremdenergien A:after
{
	content: "Das persönliche Energiefeld und energetischer Blockaden";
}
.mod_sitemap .raumqualitaet A:after
{
	content: "Harmonisierung von Wohn-, Arbeits- und Lebensbereichen";
}