/* 
	braun: b08f70 rgb(176 143 112)
	rosa: BF9CA6  rgb(191 156 166)
*/

:root {
	  --cnvs-header-height:	150px;
	--cnvs-link-hover-color: var(--cnvs-link-color);
	
	--color-braun: #b08f70;
	--color-braun-rgb: 176, 143, 112;	

	--color-rosa: #BF9CA6;
	--color-rosa-rgb: 191, 156, 166;

	/* rosa */
	--cnvs-themecolor: var(--color-rosa);
	--cnvs-themecolor-rgb: var(--color-rosa-rgb);
}

.heading-block::after {
	border-image: linear-gradient(to right, var(--color-braun), var(--color-rosa)) 1;
}


#header #logo-mobile img {
	transform: scale(1);
	max-height:150px;
}

#header.sticky-header #logo-mobile img {
	height:100px;
	
}


.heading-block {
    --cnvs-heading-block-font-transform: uppercase;
}

#top-bar,
.is-expanded-menu .sticky-header #header-wrap {
	box-shadow: #b08f7045 0px 10px 20px;
}
/* -------------- Tiny MCE -------- */

.tox-editor-header {
	z-index: 500 !important;
	left: 100px !important;
}

.tox .tox-editor-header {
	z-index: 500 !important;
}
/* -------------------------------- */

#footer {
	z-index:0;
}

#wrapper
#top-bar,
#header {
	z-index:3;
}

#content {
	box-shadow: 0px 20px 20px var(--cnvs-themecolor);
}

.nowrap {
	white-space: nowrap;
}

@media (max-width: 768px) {
	H2.h2-text-rotator {
		display: flex;
		align-items: flex-end;
		height:6rem;
		justify-content:center;
		text-align:center;
	}
}

@media (max-width: 768px) {
	.shape-divider svg {
		height:30px !important;
	}
}


.btn-link {
	text-decoration: none;
	cursor: pointer;
}

.btn-link:hover,
.btn-link:active {
    color: var(--cnvs-link-color);
}

a:hover {
	text-decoration:underline;
}

.btn-link {
	position: relative;
	text-decoration: none !important;
}

.btn-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: var(--cnvs-link-color);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}

.btn-link:hover::after,
.btn-link:focus::after {
	transform: scaleX(1);
}


.rotate-reset {
    transform: none !important;
}

.noborder {
	border: 0 !important;
}


.iconlist-checkmark li:before {
	content: '\e658';
	font-family: "font-icons";
	margin-right: 12px;
}


.iconlist-plus li:before {
	content: '\eb1f';
	font-family: "font-icons";
	margin-right: 12px;
}

ul.ticked {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

ul.ticked li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 8px;
}

ul.ticked li::before {
    content: "\e9c3"; /* Unicode für uil-check */
    font-family: "unicons-line";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 18px;
	font-weight:600;
    color: #C06C6C; /* warmes altrosa */
}



.menu-type-secondary > .menu-item > .menu-link {
	color: #777;
}

.menu-type-secondary > .menu-item:hover > .menu-link,
.menu-type-secondary > .menu-item.current > .menu-link {
	color: var(--cnvs-themecolor);
}

@media (min-width: 1000px) {
	
.primary-menu > ul > li > .menu-link > div {
	border-radius: 10px;
    padding: 10px 15px;
}

.primary-menu > ul > .current > .menu-link > div {
	border: 1px solid var(--cnvs-themecolor);
}

.primary-menu > ul >  li > .menu-link > div:hover {
	background-color: rgba(176, 143, 112, 0.1);
}

}



.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--cnvs-themecolor);
    --bs-btn-border-color: var(--cnvs-themecolor);
}



#header {
	--cnvs-header-border-color: transparent;
	--cnvs-primary-menu-submenu-border: 1px solid var(--cnvs-contrast-200);
	--cnvs-primary-menu-submenu-hover-bg: transparent;
	--cnvs-primary-menu-submenu-padding-y: 10px;
}

.is-expanded-menu .sub-menu-container,
.is-expanded-menu .mega-menu-content {
	border-top: var(--cnvs-primary-menu-submenu-border);
	border-top-color: var(--cnvs-themecolor);
	border-top-width: 2px;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.04);
	border-radius: 10px;
	padding: 10px;
}

.is-expanded-menu .mega-menu-column .sub-menu-container {
	padding: 0;
}

.is-expanded-menu .sub-menu-container .menu-item > .menu-link,
.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link {
	border-radius: 4px;
}

.is-expanded-menu .mega-menu-content .sub-menu-container + .sub-menu-container {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
		
		
		
		/*
		#wrapper::after {
			content: "";
			opacity: 0;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: transparent;
			transition: opacity 0.3s, background-color 0.2s ease;
		}
		*/
		
		
		.floating-btn-open #wrapper::after {
			opacity: 1;
			background-color: rgba(0, 0, 0, 0.75);
		}

		.floating-btn-wrap {
			--cnvs-floating-btn-size: 4rem;
			--cnvs-floating-btn-pos-right: var(--cnvs-floating-btn-size);
			--cnvs-floating-btn-pos-bottom: var(--cnvs-floating-btn-size);
			--cnvs-floating-btn-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			--cnvs-floating-btn-bg-color: var(--cnvs-themecolor);
			--cnvs-floating-btn-icon-color: #FFF;
			--cnvs-floating-btn-bg-active-color: var(--bs-dark);
			--cnvs-floating-btn-box-width: 25rem;
			--cnvs-floating-btn-box-padding: 2rem;
			--cnvs-floating-btn-box-radius: .3rem;
			--cnvs-floating-btn-box-bg: #FFF;
			--cnvs-floating-btn-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.07);
			
			position: fixed;
			right: var(--cnvs-floating-btn-pos-right);
			bottom: var(--cnvs-floating-btn-pos-bottom);
			z-index: 199;
		}

		.floating-btn-wrap .floating-btn {
			position: absolute;
			left: 0;
			top: 0;
			width: var(--cnvs-floating-btn-size);
			height: var(--cnvs-floating-btn-size);
			border-radius: var(--cnvs-floating-btn-size);
			background-color: var(--cnvs-floating-btn-bg-color);
			color: var(--cnvs-floating-btn-icon-color);
			cursor: pointer;
			z-index: 3;
			transform: translate(-50%, -50%);
			transition: transform .3s ease;
		}

		.floating-btn-wrap .floating-btn:hover,
		.floating-btn-open .floating-btn-wrap .floating-btn {
			transform: translate(-50%, -50%) scale(1.1);
			background-color: var(--cnvs-floating-btn-bg-active-color);
		}

		.floating-btn-wrap .floating-btn .floating-btn-icon {
			position: absolute;
			top: 50%;
			left: 50%;
			font-size: calc(var(--cnvs-floating-btn-size) * .5);
			-webkit-transition: var(--cnvs-floating-btn-transition);
			transition: var(--cnvs-floating-btn-transition);
			-webkit-transition-property: opacity, -webkit-transform;
			transition-property: opacity, transform;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			-webkit-backface-visibility: hidden;
		}

		.floating-btn-wrap .floating-btn .floating-btn-icon.btn-active,
		.floating-btn-open .floating-btn-wrap .floating-btn .floating-btn-icon {
			opacity: 0;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}

		.floating-btn-open .floating-btn-wrap .floating-btn .floating-btn-icon.btn-active {
			opacity: 1;
			-webkit-transform: translate(-50%, -50%) rotate(-45deg);
			transform: translate(-50%, -50%) rotate(-45deg);
		}

		.floating-btn-wrap .floating-btn-box {
			opacity: 0;
			position: absolute;
			right: 0;
			bottom: 0;
			width: var(--cnvs-floating-btn-box-width);
			background-color: var(--cnvs-floating-btn-box-bg);
			border-radius: var(--cnvs-floating-btn-box-radius);
			z-index: 1;
			padding: var(--cnvs-floating-btn-box-padding);
			-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
			box-shadow: var(--cnvs-floating-btn-box-shadow);
			-webkit-transform: scale(.01);
			transform: scale(.01);
			-webkit-transition: all var(--cnvs-floating-btn-transition);
			transition: all var(--cnvs-floating-btn-transition);
			-webkit-backface-visibility: hidden;
		}

		.floating-btn-open .floating-btn-wrap .floating-btn-box {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		.floating-btn-wrap + #gotoTop {
			left: 40px;
			right: auto;
		}
		
	
		
		
		
		
		.feature-box-border-vertical .feature-box { position: relative; }

		.feature-box-border-vertical .feature-box:not(.noborder)::before,
		.feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
			content: "";
			position: absolute;
			top: 0;
			left: 35px;
			width: 3px;
			height: 100%;
			background-color: var(--bs-gray-200);
		}

		.feature-box-border-vertical .fbox-icon i,
		.feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
            position: relative;
			z-index: 5;
			text-align: center;
            box-shadow: 0 0 0 6px #FFF;
			border: 1px solid #EEE;
            background-color: #FFF !important;
		}

        .feature-box-border-vertical .fbox-active.feature-box .fbox-icon i,
		.feature-box-border-vertical .fbox-active.feature-box .fbox-border.fbox-light .fbox-icon i,
        .feature-box-border-vertical .fbox-active.feature-box:not(.noborder)::after {
            background-color: var(--cnvs-themecolor) !important;
			border-color: transparent !important;
			color:#FFF;
        }
		
		
	
	
	
	
	/* SKW: farbige UL */
	
	UL.custom {
	  list-style: none;
	  padding-left: 1.5em;
	}

	UL.custom li {
	  position: relative;
	  margin-bottom: 0.5em;
	}

	UL.custom li::before {
	  content: "";
	  position: absolute;
	  left: -1.3em;
	  top: 0.5em;
	  width: 0.7em;
	  height: 0.7em;
	  background: #ccc;
	  border-radius: 55% 45% 60% 40%;
	}

	/* 10 Rot–Braun–Violett Pastelltöne mit Kontrast */
	.custom li:nth-child(10n+1)::before {
	  background: #C06C6C; /* warmes Altrosa */
	  border-radius: 60% 40% 55% 45%;
	}

	.custom li:nth-child(10n+2)::before {
	  background: #B56576; /* gedecktes Rosé */
	  border-radius: 45% 55% 40% 60%;
	}

	.custom li:nth-child(10n+3)::before {
	  background: #A75D5D; /* rötliches Braun */
	  border-radius: 65% 35% 50% 50%;
	}

	.custom li:nth-child(10n+4)::before {
	  background: #8D5A5A; /* erdiges Braunrot */
	  border-radius: 40% 60% 45% 55%;
	}

	.custom li:nth-child(10n+5)::before {
	  background: #9A6A8A; /* staubiges Violett */
	  border-radius: 55% 45% 65% 35%;
	}

	.custom li:nth-child(10n+6)::before {
	  background: #7F4F6C; /* dunkleres Mauve */
	  border-radius: 50% 50% 40% 60%;
	}

	.custom li:nth-child(10n+7)::before {
	  background: #C38EB4; /* helles Pastellviolett */
	  border-radius: 60% 40% 45% 55%;
	}

	.custom li:nth-child(10n+8)::before {
	  background: #A26769; /* warmes Ziegelrot */
	  border-radius: 45% 55% 60% 40%;
	}

	.custom li:nth-child(10n+9)::before {
	  background: #8B5E83; /* gedecktes Beerenviolett */
	  border-radius: 55% 45% 40% 60%;
	}

	.custom li:nth-child(10n+10)::before {
	  background: #6F4E37; /* weiches Braun (noch pastellig) */
	  border-radius: 65% 35% 55% 45%;
	}



/* 10 Rot–Braun–Violett Pastelltöne mit Kontrast */
	.custom-colored li:nth-child(10n+1) {
	  color: #C06C6C; /* warmes Altrosa */
	}

	.custom-colored li:nth-child(10n+2) {
	  color: #B56576; /* gedecktes Rosé */
	}

	.custom-colored li:nth-child(10n+3) {
	  color: #A75D5D; /* rötliches Braun */
	}

	.custom-colored li:nth-child(10n+4) {
	  color: #8D5A5A; /* erdiges Braunrot */
	}

	.custom-colored li:nth-child(10n+5) {
	  color: #9A6A8A; /* staubiges Violett */
	}

	.custom-colored li:nth-child(10n+6) {
	  color: #7F4F6C; /* dunkleres Mauve */
	}

	.custom-colored li:nth-child(10n+7) {
	  color: #C38EB4; /* helles Pastellviolett */
	}

	.custom-colored li:nth-child(10n+8) {
	  color: #A26769; /* warmes Ziegelrot */
	}

	.custom-colored li:nth-child(10n+9) {
	  color: #8B5E83; /* gedecktes Beerenviolett */
	}

	.custom-colored li:nth-child(10n+10) {
	  color: #6F4E37; /* weiches Braun (noch pastellig) */
	}
	
	
	
	
	
	/* Link mit Animation */
	
	.d-grid-item {
		display: flex;
	}

	/* Links */
	.link {
		position: relative;
		cursor: pointer;
		white-space: nowrap;
		color: var(--cnvs-themecolor);
	}

	.link::before,
	.link::after {
		position: absolute;
		width: 100%;
		height: 1px;
		background: var(--cnvs-themecolor);
		top: 100%;
		left: 0;
		pointer-events: none;
	}

	.link::before {
		content: '';
		/* show by default */
	}
	
	/* Link 12 */
	.link-12 {
		overflow: hidden;
		padding: 7px 0;
	}

	.link__graphic {
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
		fill: none;
		stroke: var(--cnvs-themecolor);
		stroke-width: 1px;
	}

	.link__graphic--slide {
		top: -3px;
		stroke-width: 2px;
		transition: transform 0.7s;
		transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
	}

	.link:hover .link__graphic--slide {
		transform: translate3d(-66.6%, 0, 0);
	}