:root {
	--logo-beige: hsl(38, 49%, 90%);
	--logo-brombeer: #8D435C;
	--logo-brombeerdunkel: #6b3849;
	--logo-pink: #B4788C;
	--kachelfarbe: #8D435C;
	--kacheltext: #F2E9D9;
	--text-farbe: #555555;
	--bg-hell: #FBF8F6;
	--text-kontrastfarbe: #ffffff;
}  
/* Generelles */
/* comfortaa-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Comfortaa';
	font-style: normal;
	font-weight: 400;
	src: url('../ownfonts/comfortaa-v45-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* comfortaa-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Comfortaa';
	font-style: normal;
	font-weight: 500;
	src: url('../ownfonts/comfortaa-v45-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
/* comfortaa-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Comfortaa';
	font-style: normal;
	font-weight: 400;
	src: url('../ownfonts/comfortaa-v45-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* comfortaa-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Comfortaa';
	font-style: normal;
	font-weight: 500;
	src: url('../ownfonts/comfortaa-v45-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* comfortaa-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Comfortaa';
	font-style: normal;
	font-weight: 700;
	src: url('../ownfonts/comfortaa-v45-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
#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-brombeer);
}

/* Top */
#sp-top-bar {
	color: var(--logo-brombeer);
	background-color: var(--text-kontrastfarbe);
}
#sp-top-bar a {
	color: var(--logo-brombeer);
}

.sp-contact-info li {
	margin: 0px 0px 0px 0px;
}
.far.fa-envelope {
	padding-left: 15px;
}

/* Header */
#sp-header, 
#sp-header.header-sticky {
	background: var(--logo-brombeer);
}
.sp-megamenu-parent > li > a,
.com-content.view-article #sp-header .sp-megamenu-parent > li > a {
	color: var(--logo-beige);
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li > a :hover {
	color: var(--text-kontrastfarbe);
}
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
	color: #ffffff;
}
#sp-title {
	height: 2px;
	background: var(--logo-beige);
	display: none;
}

/* Fußbereich: Bottom, Footer */

#sp-bottom {
	background: var(--logo-brombeer);
	color: var(--logo-beige);
}
#sp-bottom .sp-module ul > li {
	margin-bottom: 5px;
}
#sp-footer {
	background: var(--text-kontrastfarbe);
	color: var(--logo-brombeer);
	font-size: 20px;
}
.social-icons {
	color: var(--logo-brombeer);
}
.fab.fa-linkedin, .fab.fa-xing {
	color: var(--logo-brombeer);
}

/* Sonstiges */

.sp-scroll-up {
	color: #fff;
	background: rgb(141, 67, 92, 0.4);
}

.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-brombeer);
}
.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-brombeer);
}
.sppb-articles-ticker-heading {
	background: var(--logo-brombeer);
	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-pink);
}

.sppb-addon-table-main tbody tr {
	background: #ffffff;

}