:root {
	/* Amaris Blau: #1e3c81, (#1f478b lt. Grafikerin), , Amaris Gelb: #ffcf1e */
	/* Wege zum Erfolg: dunkel 005268, hellorange FC5B4F, dunkelorange FC5B4F, türkis 0DA7B5 */

	--logo-hell: #ffd100; /*Gelb*/
	--logo-mittel: #8e9dc0; /*Mittel*/
	--logo-dunkel: #1e3c81; /*Dunkelblau*/ 

	--bottom-bg: #ffffff;
	--bottom-textkontrast: #FC5B4F;
	--bottom-text: #1e3c81;
	--bottom-border: #1e3c81;

	--footer-bg: #1e3c81;
	--footer-text: #ffffff;

	--icon: #ffd100; /*#0DA7B5; /* Angebot */
	--icon-kontakt: #ffd100; /*#0DA7B5;*/
	--hover: #ffd100;

	--kachelfarbe: #1e3c81;/*#0DA7B512;*/
	--kacheltext: #fff;
	--text-farbe: #1e3c81;
	/*--bg-hell: #FBF8F6;*/
	--bg-hell: #fffbeb;
	--bg-grau: #a7a7a725;
	--text-kontrastfarbe: #ffffff;
}  
/* Generelles */
#sp-header.header-sticky {
	animation: textwelle 2s;
	animation-direction: alternate;
	-webkit-animation: textwelle 2s;
	-webkit-animation-direction: alternate;
}
a:hover, a:focus, a:active {
	color: var(--hover) !important;
}
@keyframes textwelle {
	0% {opacity: 0;}
	50% {opacity: 1;}
	70% {opacity: 1;}
	100% {opacity: 1;}
}

@-webkit-keyframes textwelle {
	0% {opacity: 0;}
	50% {opacity: 1;}
	70% {opacity: 1;}
	100% {opacity: 1;}
}
body {
	color: var(--text-farbe) !important;
}
.sp-megamenu-parent > li > a { 
	text-transform: capitalize!important; 
}
#sp-header {
	scroll-behavior: smooth !important;
}
#sp-header.header-sticky {
	position: fixed;
}
.view-article #sp-main-body {
	padding: 0px 0 0;
}

.view-article .article-title-wrap {
	display: none;
}
/* Schrift */
h1 {
	padding-bottom: 20px;
}

.sppb-articles-carousel-link {
	color: var(--text-farbe);
	color: var(--logo-mittel);
}


/* Header */
.offcanvas-menu {
	background-color: #ffffff;
	color: var(--logo-dunkel);
}
.menu-parent .menu-child {display: block !important;}
.menu-parent .menu-toggler {display: none !important;}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
	color: var(--logo-dunkel) !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
	font-size: 16px;
	padding: 5px 0px !important;
	line-height: 30px;
}
#sp-title {
	height: 2px;
	background: var(--logo-hell);
	display: none;
}

/* Fußbereich: Bottom, Footer */

#sp-bottom {
	background: var(--bottom-bg);
	color: var(--logo-mittel);
	color: var(--bottom-text);
/*	font-size: 18px;*/
	border-style: dotted;
  	border-color: var(--bottom-border);
  	border-width: 1px 0px 0px 0px;
}
#sp-bottom .sp-module ul > li {
	margin-bottom: 0px;
}
#sp-footer {
	background: var(--footer-bg);
	color: var(--footer-text);
/*	font-size: 20px;*/
}
#sp-footer .container-inner {
	padding: 5px 0;
}
#sp-footer a, #sp-bottom a {
	color: var(--bottom-text);	
}
.social-icons {
	color: var(--logo-mittel);
}
.fab.fa-linkedin, .fab.fa-xing {
	color: var(--logo-mittel);
}

/* Sonstiges */

.sp-scroll-up {
	color: #fff;
	background-color: var(--logo-dunkel);
}
.sp-scroll-up:hover {
	color: var(--logo-mittel);
	background-color: var(--logo-dunkel);
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: var(--logo-mittel);
}
.com-content.view-article #sp-logo img, .com-easystore.view-checkout #sp-logo img,
.sppb-articles-carousel-meta-date, 
.sppb-articles-carousel-meta-category,
.sppb-articles-carousel-img {
	display: none;
}
.com-content.view-article #sp-logo img, .com-easystore.view-checkout #sp-logo img {
	filter: none;
}
.com-content.view-article #sp-header.header-sticky, .com-easystore.view-checkout #sp-header.header-sticky {
	background-color: var(--logo-mittel);
}
.sppb-articles-ticker-heading {
	background: var(--logo-mittel);
	color: #fff;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 1;
	text-align: center;
	line-height: 1;
}
.sppb-articles-ticker-text.shape-enabled-need-extra-padding {
	background-color: var(--logo-dunkel);
}

.sppb-addon-table-main tbody tr {
	background: #ffffff;

}

.sppb-testimonial-pro .fa-quote-left {
	color: var(--logo-hell) !important
}
.sppb-testimonial-pro .sppb-carousel-indicators li.active {
	border-color: var(--logo-hell);
	background-color: var(--logo-hell);
}
.sppb-addon-testimonial-pro-client-name {
	color: var(--logo-hell);
	font-weight: bold;
}

ul li::marker, li::marker {
  color: var(--logo-hell) !important;
}