/* Preloader: Favicon aus dem Template statt Logo, max. 60 px
   (310-px-Datei für scharfe Darstellung auf hochauflösenden Displays;
   Pfad relativ zum CSS-Ordner, funktioniert lokal und live) */
.sp-pre-loader .sp-loader-with-logo .logo img {
	content: url("../favicon/mstile-310x310.png");
	display: block;
	width: 60px;
	height: 60px;
	object-fit: contain;
}
.sppb-addon-feature .sppb-img-container {
  background: #FFFFFF;
  box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.06);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.sppb-addon-feature .sppb-img-container img {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.sppb-addon-feature .sppb-feature-box-title,.sppb-addon-text-block .sppb-addon-title, .title-h3 h3, .title-h2 h2{
	color:#b3296e!important;
}
.feature-box-branchen {border: none!important;}
span.red-link a,.red-link a:link,.red-link a:hover {color: #8e382e!important;}

/* ==========================================================
   Branchen – Feature-Box (.feature-box-branchen) wie seconu.com
   ========================================================== */
.feature-box-branchen .sppb-media {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	overflow: visible; /* sonst wird der Schatten des Kreises abgeschnitten */
}

/* Icon: weißer Kreis 80 px mit leichtem Schatten, Icon 55 px */
.feature-box-branchen .sppb-media .pull-left {
	float: none;
	flex: 0 0 80px;
	margin: 0 20px 0 0;
}
.feature-box-branchen .sppb-img-container {
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .06);
	transition: transform .4s;
}
.feature-box-branchen .sppb-img-container img {
	display: inline-block;
	width: auto;
	height: 55px;
	vertical-align: middle;
}
.feature-box-branchen:hover .sppb-img-container {
	transform: scale(1.08);
}

/* Titel: 22 px, normal, Magenta, vertikal mittig zum Icon */
.feature-box-branchen .sppb-media-body {
	flex: 1 1 auto;
	min-width: 0;
	overflow: visible;
}
.feature-box-branchen .sppb-feature-box-title {
	display: block;
	margin: 0;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.3;
	color: #b3296e;
	overflow-wrap: break-word;
}

/* leeren Beschreibungstext der Box ausblenden */
.feature-box-branchen .sppb-addon-text {
	margin: 0;
}
.feature-box-branchen .sppb-addon-text:empty,
.feature-box-branchen .sppb-addon-text p:empty {
	display: none;
}

@media (max-width: 767px) {
	.feature-box-branchen .sppb-feature-box-title {
		font-size: 20px;
	}
}

/* ==========================================================
   Grundschrift und Überschriften wie seconu.com
   ========================================================== */
body {
	font-size: 14px;
	line-height: 1.715; /* ca. 24 px */
}
#sp-main-body {background:#ffffff;}
/* H1 – Bereichstitel (Change Process …, Branchen, …) */
#sp-main-body h1,
#sp-main-body .sppb-addon-header h1.sppb-addon-title {
	font-size: 36px;
	font-weight: 400;
	line-height: 42px;
	color: #444;
	margin: 0 0 30px;
}

/* H2 – Untertitel (Experten für praktische Implikationen …) */
#sp-main-body .sppb-addon-header h2.sppb-addon-title,
#sp-main-body .sppb-addon-text-block h2.sppb-addon-title {
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	color: #b3296e;
	margin: 0 0 30px;
}

/* H3 */
#sp-main-body h3 {
	font-size: 22px;
	font-weight: 400;
}

@media (max-width: 767px) {
	#sp-main-body h1,
	#sp-main-body .sppb-addon-header h1.sppb-addon-title {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 20px;
	}
	#sp-main-body .sppb-addon-header h2.sppb-addon-title,
	#sp-main-body .sppb-addon-text-block h2.sppb-addon-title {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 20px;
	}
}

/* ==========================================================
   Slider-Titel wie seconu.com (Revolution Slider)
   H1 (.slide-h1) = "tp-caption custom5"  · H2 (.slide-h2) = ".rev"
   ========================================================== */
#sp-main-body .sp-slider .sppb-sp-slider-title.slide-h1 {
	font-size: 33px;
	font-weight: 700;
	line-height: 46px;
	color: #444;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
#sp-main-body .sp-slider .sppb-sp-slider-title.slide-h2 {
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	color: #444;
	text-align: center;
	margin-top: 0;
	margin-bottom: 2px;
}

@media (max-width: 767px) {
	#sp-main-body .sp-slider .sppb-sp-slider-title.slide-h1 {
		font-size: 22px;
		line-height: 28px;
	}
	#sp-main-body .sp-slider .sppb-sp-slider-title.slide-h2 {
		font-size: 16px;
		line-height: 20px;
	}
}

/* ==========================================================
   Buttons wie seconu.com (.button)
   ========================================================== */
body .sppb-sp-slider-button {
	margin-top: 15px;
}

body .sppb-sp-slider-button .sp-slider-btn-text,
body .sppb-btn:not(.sppb-btn-link) {
	display: inline-block;
	padding: 6px 14px !important;
	border: 0 !important;
	border-radius: 4px !important;
	background: #80217e !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 21px !important;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none !important;
	transition: background-color .2s ease-out, color .2s ease-out;
}

body .sppb-sp-slider-button:hover .sp-slider-btn-text,
body .sppb-sp-slider-button:focus-visible .sp-slider-btn-text,
body .sppb-btn:not(.sppb-btn-link):hover,
body .sppb-btn:not(.sppb-btn-link):focus-visible {
	background: #b3296e !important;
	color: #fff !important;
}

body .sppb-sp-slider-button .sp-slider-btn-icon,
body .sppb-btn:not(.sppb-btn-link) > i {
	margin-right: 4px;
}

/* ==========================================================
   Flipboxen (.sppb-flipbox-front / .sppb-flipbox-back) wie seconu.com
   ========================================================== */
.sppb-addon-sppb-flibox .sppb-flipbox-front.flip-box,
.sppb-addon-sppb-flibox .sppb-flipbox-back.flip-box,
.sppb-addon-sppb-flibox .sppb-flipbox-front.flip-box::before,
.sppb-addon-sppb-flibox .sppb-flipbox-back.flip-box::before {
	border-radius: 8px;
}

.sppb-addon-sppb-flibox .sppb-flipbox-front.flip-box,
.sppb-addon-sppb-flibox .sppb-flipbox-back.flip-box {
	padding: 10px;
	align-items: center;
	text-align: center;
	color: #fff;
}

.sppb-addon-sppb-flibox .flip-box-inner {
	width: 100%;
	line-height: 20px;
}

/* Vorderseite: Titel */
#sp-main-body .sppb-addon-sppb-flibox .flip-box h2 {
	margin: 0;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
}

/* Rückseite: Titel, Text, Link */
#sp-main-body .sppb-addon-sppb-flibox .flip-box h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	color: #fff;
}
.sppb-addon-sppb-flibox .flip-box a,
.sppb-addon-sppb-flibox .flip-box a:hover,
.sppb-addon-sppb-flibox .flip-box a:focus {
	color: #fff;
	text-decoration: none;
}
.sppb-addon-sppb-flibox .flip-box p {
	margin: 20px 0;
	color: inherit;
}
.sppb-addon-sppb-flibox .flip-box-inner > a > p:first-child {
	margin: 0 0 20px;
}

/* "mehr lesen" */
.sppb-addon-sppb-flibox .featurebox-button {
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid #fff;
	border-radius: 4px;
	background: #fff;
	color: #80217e;
	font-size: 14px;
	line-height: 24px;
}

/* ==========================================================
   Liste .icons-list-studio (Studio) wie seconu.com
   – kleines Plus-Icon in Magenta statt Aufzählungspunkt
   ========================================================== */
ul.icons-list-studio {
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}
.icons-list-studio li {
	margin: 0 0 0 20px;
	line-height: 20px;
	list-style: none !important;
}
.icons-list-studio li::before {
	content: "\f067"; /* fa-plus */
	float: left;
	margin-left: -20px;
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
	font-weight: 900;
	font-size: 8px;
	color: #b3296e;
}

/* ==========================================================
   Animated Number (Zahlen: Jahre, Teilnehmer, …) wie seconu.com
   ========================================================== */
.sppb-addon-animated-number {
	text-align: center;
}
.sppb-addon-animated-number .sppb-addon-content {
	display: inline-block;
	text-align: center;
}
.sppb-addon-animated-number .sppb-addon-content .sppb-animated-number {
	display: inline-block;
	font-size: 36px;
	font-weight: 700;
	line-height: 20px;
	color: #80217e;
}
/* Das "+" hinter der Zahl */
.sppb-addon-animated-number .sppb-animated-number::after {
	font-size: 30px;
	font-weight: 400;
}
.sppb-addon-animated-number .sppb-addon-content .sppb-animated-number-title {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	color: #444;
}
/* Flaggen unter "Länder" */
.sppb-animated-number-title img {
	display: inline-block;
	padding: 2px;
	vertical-align: middle;
}

/* ==========================================================
   Accordion (.sppb-panel-faq, z. B. Disclaimer) wie seconu.com
   ========================================================== */
.sppb-addon-accordion .sppb-panel {
	margin: 0 0 10px;
	border: 0;
}

/* Kopfzeile (zu) */
.sppb-addon-accordion .sppb-panel-heading {
	display: block;
	width: 100%;
	padding: 14px 40px 14px 20px;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	border-radius: 5px;
	background: #fcfcfc;
	box-shadow: 0 1px 1px rgba(155, 155, 155, .1);
	color: #b3296e;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	transition: background-color .3s linear, color .3s linear;
}
.sppb-addon-accordion .sppb-panel-heading .sppb-panel-title {
	color: inherit;
	font-size: 14px;
	font-weight: 700;
}

/* Kopfzeile (offen) */
.sppb-addon-accordion .sppb-panel-heading.active,
.sppb-addon-accordion .sppb-panel-heading[aria-expanded="true"] {
	background: #b3296e;
	color: #fff;
}

/* Pfeil rechts: grau, offen weiß */
.sppb-addon-accordion .sppb-toggle-direction {
	top: 50%;
	right: 15px;
	color: #ccc;
}
.sppb-addon-accordion .sppb-toggle-direction i {
	color: inherit;
}
.sppb-addon-accordion .sppb-panel-heading.active .sppb-toggle-direction,
.sppb-addon-accordion .sppb-panel-heading[aria-expanded="true"] .sppb-toggle-direction {
	color: #fff;
}

/* Inhalt */
.sppb-addon-accordion .sppb-panel-collapse {
	border: 0;
	border-radius: 0 0 5px 5px;
	background: #fcfcfc;
	box-shadow: 0 1px 1px rgba(155, 155, 155, .1);
}
.sppb-addon-accordion .sppb-panel-faq .sppb-panel-body {
	padding: 15px;
	border: 0;
	color: #444;
	line-height: 20px;
}

/* Cookies Start */
.cc-custom-revoke {cursor: pointer;}
div.cc-revoke {
  display: none!important;
}
div.cc-window, span.cc-cookie-settings-toggler {
  font-size: 12px!important;
  line-height: 18px;
}
span.cc-message-text {
  display: block!important;
} 

.cc-message-text a.cc-btn {
  background: none !important;
  color: #80217e !important;
  display: inline;
  font-weight: normal;
  font-size: 12px;
  border:none;
  padding:0px!important
}
.cc-compliance a.cc-btn {
  border-radius: 7px !important;
  padding: 10px 15px !important;
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  flex:0!important;
}
div.cc-center-xtd div.cc-checkbox-description,span.cc-cookie-settings-toggle,div.cc-cookie-category-description {
  font-size: 12px!important;line-height: 18px;
}
.cc-compliance {
  display: inline;
}
ul.cc-compliance-list {
  display: inline-flex!important;
}

div.cc-window.cc-center.cc-center-xtd.cc-window-settings-toggle-xtd {
  padding-bottom: 2em;
}
.cc-header { 
  color: #80217e !important;
}
span.cc-message-text::before {
  content: none!important;
}
span.cc-cookie-settings-toggler:not(.cc-opened) {
  margin-top: 20px !important;
}
.cc-header h4 {margin-bottom:0px;color: #80217e !important;font-size: 24px;}
.cc-allow {background:#80217e !important; color: #fff !important;}
.cc-deny {background:#c0c0c0 !important; color: #292f38!important;}
.cc-btn {font-weight:normal;font-size: 14px;}
a.cc-btn:hover {
  text-decoration: none;
}
div.cc-compliance.cc-highlight{border:none!important;padding-top:0px!important}
div.cc-center-xtd span.cc-cookie-settings-toggle {
  color: #80217e !important;
}

  /* Cookies END */
#sp-copyright {padding: 20px 0px;font-size: 12px;}
#infoleiste,#infoleiste h3,#infoleiste a,#infoleiste a:hover {color: #fff!important;}
.shadowitem { float:left; margin-left:30px;}
.shadowitem:first-child { margin-left:0;}
.shadowitem img, .shadowitem  { box-shadow:0 0 3px rgba(0,0,0,0.15);-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-kthtml-transition: all 0.3s linear;transition: all 0.3s linear;}
.shadowitem:hover img, .shadowitem:hover  { box-shadow:0 0 6px rgba(0,0,0,0.15);}


/* ==========================================================
   Page Title mit Hintergrundbild (Menü → Reiter "Page Title"):
   nur das Bild als Banner zeigen, ohne Titel und Navigationspfad
   (Seiten ohne Hintergrundbild bleiben unverändert)
   ========================================================== */
#sp-page-title .sp-page-title[style*="background-image"] {
	min-height: 120px;
	padding: 0;
	background-size: cover;
	background-position: center;
}
#sp-page-title .sp-page-title[style*="background-image"] .sp-page-title-heading,
#sp-page-title .sp-page-title[style*="background-image"] .sp-page-title-sub-heading,
#sp-page-title .sp-page-title[style*="background-image"] .mod-breadcrumbs__wrapper,
#sp-page-title .sp-page-title[style*="background-image"] .breadcrumb {
	display: none;
}

/* ==========================================================
   iframes (z. B. Google Maps im Raw-HTML-Element) ohne
   weißen Streifen darunter: Inline-iframes sitzen auf der
   Text-Grundlinie und lassen Platz für Unterlängen.
   ========================================================== */
.sppb-addon-raw-html iframe,
.sppb-addon-gmap iframe {
	display: block;
	max-width: 100%;
}

/* ==========================================================
   Fußzeile #sp-fusszeile (#infoleiste) wie seconu.com
   ========================================================== */
/* Titel */
#sp-fusszeile #infoleiste .sppb-addon-title {
	display: block;
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	color: #fff;
}

/* Menü: ohne Punkte, weiße Trennlinien */
#sp-fusszeile #infoleiste ul.menu {
	margin: -8px 0 0;
	padding: 0;
	list-style: none;
}
#sp-fusszeile #infoleiste ul.menu li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	list-style: none;
}
#sp-fusszeile #infoleiste ul.menu li:first-child {
	border-top: 0;
}
#sp-fusszeile #infoleiste ul.menu li a {
	display: block;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
	transition: opacity .4s ease-in-out;
}
#sp-fusszeile #infoleiste ul.menu li a:hover {
	color: #fff;
	opacity: .8;
}
#sp-fusszeile #infoleiste ul.menu li a .fa,
#sp-fusszeile #infoleiste ul.menu li a .fab {
	padding: 0 5px 0 1px !important;
}

/* "Jetzt anfragen": weißer Button mit lila Schrift */
#sp-fusszeile #infoleiste .sppb-btn {
	padding: 6px 14px !important;
	border: 1px solid transparent !important;
	border-radius: 4px !important;
	background: #fff !important;
	color: #80217e !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 21px !important;
	text-transform: none;
}
#sp-fusszeile #infoleiste .sppb-btn:hover,
#sp-fusszeile #infoleiste .sppb-btn:focus-visible {
	background: #fff !important;
	color: #b3296e !important;
}

/* ==========================================================
   Off-Canvas-Menü (mobil): Aufbau wie CERA-Testseite,
   Schrift, Farben und Linien wie seconu.com
   ========================================================== */
#offcanvas-toggler {
  font-size: 14px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li {
	overflow: visible;
	border-bottom: 1px solid #b3296e;
	font-weight: 400;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
	padding: 10px 40px 10px 0;
	color: #80217e;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li > a:focus {
	color: #b3296e;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu > li.current > a {
	color: #b3296e;
}

/* Menu-Toggler (+ / −) */
body .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
body .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler,
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
	top: 5px;
	right: 0;
	width: 30px;
	height: 30px;
	padding: 0;
	border-radius: 3px;
	background: #e2e6e7;
	color: #80217e;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	transform: none;
	transition: background-color .3s, color .3s;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {
	content: "+";
	font-family: Arial, sans-serif;
	font-weight: 400;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler {
	background: #80217e;
	color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
	content: "\2212";
	font-family: Arial, sans-serif;
	font-weight: 400;
}

/* Untermenü */
.offcanvas-menu .offcanvas-inner ul.menu > li > ul.menu-child {
	margin: 0 0 15px 10px;
	padding: 0;
}
.offcanvas-menu .offcanvas-inner ul.menu > li:last-child {
  border-bottom: none;
}
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child > li {
	border: 0;
}
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child > li > a {
	display: inline-block;
	padding: 10px 0;
	color: #80217e;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	text-transform: none;
	opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child > li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu ul.menu-child > li.active > a {
	color: #b3296e;
}

/* ==========================================================
   Header mobil/Tablet: Logo und Burger-Button mittig im weißen
   Balken (Helix setzt #sp-header auf 50 px bzw. 40 px, die
   inneren Elemente blieben wegen --header_height zu hoch)
   ========================================================== */
@media (max-width: 991.98px) {
	#sp-header .container,
	#sp-header .container-inner,
	#sp-header .container-inner > .row,
	#sp-header #sp-logo,
	#sp-header #sp-menu,
	#sp-header .sp-column,
	#sp-header .logo,
	#sp-header #offcanvas-toggler {
		height: 100%;
	}
	#sp-header #offcanvas-toggler {
		line-height: normal;
		align-items: center;
	}
	#sp-header .logo-image-phone {
		width: auto;
		height: 25px;
	}
}
@media (max-width: 575.98px) {
	#sp-header .logo-image-phone {
		height: 25px;
	}
}
/* SVG ohne eigene Größe: Breite aus Seitenverhältnis 83,4 : 18 */
	#sp-header .logo-image-phone {
		width: 148px;
		height: 25px;
	}
}
@media (max-width: 575.98px) {
	#sp-header .logo-image-phone {
		width: 130px;
		height: 25px;
	}
}
.sp-megamenu-parent .sp-mega-group > li > a {
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
}
/* ==========================================================
   Off-Canvas: Kundenservice (Custom-Modul) wie seconu.com
   ========================================================== */
.offcanvas-menu .offcanvas-inner .mod-custom h3 {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	color: #777;
}
/* Bild bündig mit dem Off-Canvas-Rand (Innenabstand 25 px ausgleichen) */
.offcanvas-menu .offcanvas-inner .mod-custom img {
	display: block;
	width: calc(100% + 50px);
	max-width: none;
	height: auto;
	margin: 0 -25px 20px;
}
/* Helix setzt zwischen Modulen 20 px Abstand rechts – im Off-Canvas aufheben */
.offcanvas-menu .offcanvas-inner > .sp-module,
.offcanvas-menu .offcanvas-inner > .sp-module:not(:last-child) {
	margin-right: 0;
}

/* Off-Canvas: Titel "Kundenservice" auf Höhe des Schließen-Buttons */
.offcanvas-menu > .d-flex:first-child {
	padding: 0 !important; /* leere Kopfzeile über dem Inhalt (nur X-Button, absolut positioniert) */
}
.offcanvas-menu .offcanvas-inner .header-modules:not(:has(*)) {
	display: none !important; /* leerer Container für Suche/Login */
}
.offcanvas-menu .offcanvas-inner .mod-custom h3 {
	padding-right: 40px; /* Platz für den X-Button */
}

/* Off-Canvas: Schließen-Button (X-Icon) in Lila */
.offcanvas-menu .close-offcanvas,
.offcanvas-menu .close-offcanvas .burger-icon i {
	color: #80217e;
}
.offcanvas-menu .close-offcanvas .burger-icon {
	font-size: 14px;
	line-height: 1;
	text-align: center;
}

/* ==========================================================
   Hauptmenü (#sp-menu): Untermenüs nur bei aktivem Mega-Menü
   Normale Dropdowns der 1. Ebene (ohne .sp-dropdown-mega) und
   deren Pfeil ausblenden. Off-Canvas-Menü bleibt unverändert.
   ========================================================== */
#sp-menu .sp-megamenu-parent > li > .sp-dropdown-main:not(.sp-dropdown-mega) {
	display: none !important;
}
#sp-menu .sp-megamenu-parent > li.sp-has-child:not(:has(> .sp-dropdown-mega)) > a::after,
#sp-menu .sp-megamenu-parent > li.sp-has-child:not(:has(> .sp-dropdown-mega)) > span::after {
	display: none !important;
}

/* ==========================================================
   Mega-Menü (.sp-mega-group): Links wie die normalen
   Hauptmenü-Links (.sp-menu-item) – Farbe, Hover, aktiv
   ========================================================== */
#sp-menu .sp-megamenu-parent .sp-mega-group > li > a,
#sp-menu .sp-megamenu-parent .sp-mega-group .sp-mega-group-child > li > a {
	color: #80217e;
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	transition: color .3s;
}
#sp-menu .sp-megamenu-parent .sp-mega-group > li > a:hover,
#sp-menu .sp-megamenu-parent .sp-mega-group > li > a:focus,
#sp-menu .sp-megamenu-parent .sp-mega-group .sp-mega-group-child > li > a:hover,
#sp-menu .sp-megamenu-parent .sp-mega-group .sp-mega-group-child > li > a:focus {
	color: #b3296e;
}
#sp-menu .sp-megamenu-parent .sp-mega-group > li.active > a,
#sp-menu .sp-megamenu-parent .sp-mega-group > li.current > a,
#sp-menu .sp-megamenu-parent .sp-mega-group .sp-mega-group-child > li.active > a,
#sp-menu .sp-megamenu-parent .sp-mega-group .sp-mega-group-child > li.current > a,
#sp-menu .sp-megamenu-parent .sp-mega-group a[aria-current="page"],
#sp-menu .sp-megamenu-parent .sp-mega-group a[aria-current="location"] {
	color: #b3296e;
	font-weight: 500;
}