/* Farben New
orange	#E27412	226	116	18
grün	#41B576	65	181	118
blau	#1164A9	17	100	169
lila	#716CA0	113	108	160
braun	#52453F	82	69	63	
gelb	#F2E40E	242	228	14
beige	#B2AD87	178	173	135
pink	#A43387	164	51	135
*/
/* Schriftart */
@font-face {
  font-family: pacifico;
  src: url(../fonts/pacifico-v23-latin-regular.woff2);
}
/* leere Seite ausdrucken */
@media print {
	html, body {display:none !important;}
}
/* Scroll Pfeil */
.sp-scroll-up {background: rgba(17,100,169);}

/* Optimierung für Smartphone, Tablet */
@media screen and (max-width: 720px) {
	.creative_form_20 .creativecontactform_title,
	.creative_form_19 .creativecontactform_title {font-size: 18px !important;}
	.bilder-50 img {width:100% !Important;}
	.schriften-50 h3 {font-size: 18px !important;}
	.startseitentext h2 {font-size: 30px !important;}
}
@media screen and (max-width: 980px) {
	#sp-header {height: 60px; margin-top:5px;}
	img.sppb-img-responsive {width:50%;}
	.page-content.builder-container {margin-top:0px;}
	body {font-size:16px !important;}
	p.info-1, p.info-2 {padding-top:0; padding-right: 0;}
	.sp-simpleportfolio .sp-simpleportfolio-item {padding:1px !important;}
	.sp-simpleportfolio-tags-list li {font-size:14px; line-height:18px;}
	.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {font-weight:bold;}
	.bilder-50 img {width:100% !Important;}
	.schriften-50 h3 {font-size: 18px !important;}
	.creative_form_20 .creativecontactform_title,
	.creative_form_19 .creativecontactform_title {font-size: 18px !important;}
}
/* Fehlermeldung Seite */
.error-meldung {margin-top: 550px;}
.error-meldung h3 {
  font-family: 'Pacifico', sans-serif;
  padding: 0.2em 0.2em;
  border-radius: 0.3em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(146, 039, 143, 0.3),
    rgba(241, 199, 018, 1.0) 30%,
	 rgba(146, 039, 143, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.error-meldung p {font-size: 20px;font-style: bold;}

/* Startseite */
.page-content.builder-container {margin-top:20px;}
.startseitentext h2 {font-family:pacifico !important;}
.grafikmittig {display: flex; align-items:center; gap: 15px;}
.grafikmittig h4 {font-family:pacifico; font-size:30px;}
.grafikmittig h5 {font-family:pacifico; font-size:20px;}
.grafikmittig img {max-width:50px;}

/* Schicke Buttons */
.buttonsausrichtung h3 {color:#41B576; font-family:pacifico; font-size:30px; line-heigt:50px;}
.buttonsausrichtung h4 {color:#E27412; font-family:pacifico; font-size:30px; line-heigt:50px;}
.buttonsausrichtung h5 {color:#1164A9; font-family:pacifico; font-size:30px; line-heigt:50px;}
.buttonsausrichtung h6 {color:#716CA0; font-family:pacifico; font-size:30px; line-heigt:50px;}

.button-01, .button-02, .button-03 {
  font-size: 20px;
  font-weight: bold;
  font-stretch:expanded;
  padding: 10px 20px 10px !important;
  outline: 0;
  border: 3px solid #1164A9;
  cursor: pointer;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin-top:20px
}
.button-01 {color:#000000;}
.button-02 {color:#ffffff;}
.button-03 {color:#000000;}

.button-01:after, .button-02:after, .button-03:after {
  content: "";
  width: 100%;
  z-index: -1;
  position: absolute;
  height: 100%;
  top: 7px;
  left: 7px;
  transition: 0.2s;
}
.button-01:after {background-color: #F2E40E;}
.button-02:after {background-color: #1164A9;}
.button-03:after {background-color: #B2AD87;}
.button-01:hover:after, .button-02:hover:after, .button-03:hover:after {top: 0px; left: 0px;}


/* Suchen Ergebnis Fenster */
.btn-secondary {display:none !important;}
.com-finder {box-shadow:10px 10px 5px grey; border: 1px solid #CCCCCC;margin-top:20px;padding:20px;}

/* Schatten für Grafiken */
.bilder-50, .sp-slider img {box-shadow:10px 10px 5px grey; border: 1px solid #CCCCCC;margin-top:20px;padding:20px;}
.bilder-60 {box-shadow:10px 10px 5px grey; border: 1px solid #CCCCCC;margin-top:10px;padding:10px;}

/* Text umfliest Bilder mit Schatten */
.bilder-70 {display: flow-root;}
.bilder-70 img {float:left; padding-right:10px;}


/* Menü */
#sp-header {box-shadow: 10px 10px 5px grey;}

/* Balken unter Menü */
section#sp-top-bar {display:none !important;}
section#sp-page-title {display:none !important;}
#sp-page-builder.sp-page-builder.page-9 {margin-top:10px;}

/* Login */
#form-login-remember-125 {display:none !important;}
.mod-login__options.list-group {display:none !important;}
.form-check {display:none !important;}
.com-users-login__options.list-group {display:none !important;}

/* Fusszeilen */
#sp-footer, #sp-bottom {color: #000;}
#sp-footer {background: #B2AD87 !important;}
#sp-footer .container-inner {padding:0 !important; padding:1px 1px !important; border-top:none !important;}

/* Fußzeilen Infos */
.hilfen p {font-size:16px;}
.hilfen h4 {font-size:13px; font-weight:bold; text-align:center;}
.hilfen img {width:30px; height:30px;display: block; margin: auto;}
.hilfen a {color:#000000 !important; font-size:16px; font-weight:bold;}
.hilfen a:hover {color:#ffffff !important;}

/* Impressum / Datenschutz */
.impressum p {font-size:14px; line-height:18px;}
.impressum h4 {font-size:18px; font-weight:bold;}
.impressum ul {font-size:14px; line-height:18px;}

/* Leistungsangebote */
#sp-right {margin-top:20px;}
#sp-right .sp-module {border: 1px solid #CCCCCC; margin-bottom:20px;}
#sp-main-body {padding: 30px 0;}
.leistungsangebote {border:none; padding:10px !important;}
.leistungsangebote li a {padding:0px 10px !important;}
.leistungsangebote .sp-module-title {margin:0 0 10px !important;}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {background: #333; color: #fff;}
.sp-simpleportfolio .sp-simpleportfolio-meta {background:#EEEEEE;color:#000000;padding:15px; box-shadow:10px 10px 5px grey;}
.sp-simpleportfolio-client-title {padding-top:10px;}
.sp-simpleportfolio .sp-simpleportfolio-description {padding-right:20px;}
.sp-simpleportfolio .sp-simpleportfolio-description > h2 {
	font-family: 'Pacifico', sans-serif;
	color: #F69E18;
	text-align:left; 
	font-size:25px;
	font-weight:700;
	padding-left:15px;
	padding-bottom:10px;
	border-left: 4px solid #F69E18;
}
.sp-simpleportfolio .sp-simpleportfolio-item {padding:5px;}
#sp-right .sp-module ul > li {border:none;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {line-height: 20px;}
.sp-simpleportfolio-tags-list li {line-height:18px;}
	
/* Mitgliederbeschreibungen */
.portfolio {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.portfolio {margin-top:20px;}
.portfolio h3 {
	font-family: 'Pacifico', sans-serif;
	color: #F69E18;
	text-align:left; 
	font-size:20px;
	font-weight:700;
	padding-left:15px;
	padding-bottom:10px;
	border-left: 4px solid #F69E18;
}
.portfolio h4 {font-size:18px; margin:20px 0;}
.portfolio h5 {font-size:18px; text-decoration:underline; margin-bottom:15px;}
.leistung-item {border: 1px solid #ccc;margin:5px;}
.leistung-item:hover {border: 1px solid #777;}
.leistung-item img {width:250px; height:250px;}
.leistung-item .desc {
  font-family: 'Pacifico', sans-serif;
  color: #F69E18;
  text-align:left; 
  font-size:20px;
  font-weight:700;
  padding: 15px;
  text-align: center;
}
.leistung-contact img {padding:15px;}
.leistung-contact .social {
  text-align:center; 
  font-size:15px;
  padding:0 10px;	
}

/* Textbeschreibungen */
p.textbeschreibungen-1,
p.textbeschreibungen-2,
p.textbeschreibungen-3,
p.textbeschreibungen-4,
p.textbeschreibungen-5,
p.textbeschreibungen-7 {
	font-size:18px;
	line-height:35px;
	text-align:left; 
	font-weight:700;
	margin:0;
	padding-left:15px;
}
p.textbeschreibungen-6 {
	font-size:18px;
	line-height:35px;
	text-align:left; 
	font-weight:700;
	margin:0;
}
p.textbeschreibungen-8 {
	font-size:23px;
	line-height:35px;
	text-align:left; 
	font-weight:700;
	margin:0;
}
p.textbeschreibungen-9 {
	font-size:30px;
	line-height:40px;
	text-align:left; 
	font-weight:700;
	margin:0;
}

p.textbeschreibungen-1 {border-left: 4px solid #E27412;}
p.textbeschreibungen-2 {border-left: 4px solid #1164A9;}
p.textbeschreibungen-3 {border-left: 4px solid #41B576;}
p.textbeschreibungen-4 {border-left: 4px solid #F2E40E;}
p.textbeschreibungen-5 {border-left: 4px solid #716CA0;}
p.textbeschreibungen-7 {border-left: 4px solid #B2AD87;}

span.texte {font-family:'Pacifico', sans-serif; color:#52453F;}
span.texte-1 {font-family:'Pacifico', sans-serif; color:#E27412;}
span.texte-2 {font-family:'Pacifico', sans-serif; color:#52453F;}
span.texte-3 {font-family:'Pacifico', sans-serif; color:#F2E40E;}
span.texte-4 {font-family:'Pacifico', sans-serif; color:#B2AD87;}
span.texte-5 {font-family:'Pacifico', sans-serif; color:#1164A9;}
span.texte-6 {font-family:'Pacifico', sans-serif; color:#716CA0;}
span.texte-7 {font-family:'Pacifico', sans-serif; color:#41B576;}

p.info {padding-top:30px;  padding-right: 10px;}
p.info-1 {padding-top:0px; padding-right: 300px;}
p.info-2 {padding-top:0px; padding-right: 10px;}

/* Backgrounds */
.naehrstoffwerte-1 {background-color:#BFEFFF; padding:20px;}
.naehrstoffwerte-2 {background-color:#FFFFBF; padding:20px;}
.naehrstoffwerte-3 {background-color:#BFFFBF; padding:20px;}
.naehrstoffwerte-4 {background-color:#FFBFBF; padding:20px;}

/* Schriftart */
/* Auflistung Balken */
ul#zeitleiste {
	position: relative;
	margin-left: 1.7em;
	list-style-type: none;
}
ul#zeitleiste::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: -0.18em;
	top: 0;
	background: #145166;
	width: 0.4em;
}
ul#zeitleiste::after {
	position: absolute;
	content: "";
	bottom: -1.8em;
	left: -1.0em;
	width: 0;
	height: 0;
	border-width: 1em;
	border-style: solid;
	border-color: #145166 transparent transparent transparent;
}
ul#zeitleiste >li::before {
	position: absolute;
	content: "";
	width: 1em;
	height: 1em;
	left: -0.5em;
	border-radius: 50%;
	border: 0.2em solid #145166;
	background: #ED990D;
}
ul#zeitleiste >li {
	margin-bottom: 1em;
}
/* Überschriften */
.abrechnungsformular h3 {font-family: pacifico; font-size:30px;}
.abrechnungsformular h4 {font-family: pacifico; font-size:25px;}
.vita img {float: l
eft; margin-right:20px;}
ul#kultur li::marker {color:#41B576; }

/* FAQ */
.akkordion {}
.sppb-panel-title {padding-left:10px;}
#sppb-ac-content-6yn-5QEMRb5NEi0LX_WLp-key-0 {background:rgba(178,173,135,.4);}
#sppb-ac-content-V1ovneQ4CfaZC6rXwuN3e-key-0 {background:rgba(113,108,160,.1);}
#sppb-ac-content-9hj0SObiEk12Mhtiaybat-key-0 {background: rgba(82,69,63,.1);}
#sppb-ac-content-hAJz88L4fWzQGXcThyF4G-key-0 {background: rgba(17,100,169,.1);}
#sppb-ac-content-o5TyPvKmxmfQQGry_JdR9-key-0 {background: rgba(164,51,135,.1);}
#sppb-ac-content-Nh5R_DMCrPbXwusO-vvye-key-0 {background: rgba(65,181,118,.1);}
#sppb-ac-content-Z_g0ElExy22SEvoGeTjco-key-0 {background: rgba(226,116,18,.1);}
#sppb-ac-content-mapba4m-95XPXQ_g0K7k8-key-0 {background: rgba(242,228,14,.1);}
#sppb-ac-content-3Gcg1hBBKFUt0yzm9N4M8-key-0 {background: rgba(178,173,135,.4);}
#sppb-ac-content-27XThrhVP8Skc4Agj2nRw-key-0 {background: rgba(113,108,160,.1);}

/* grün - modern */
.sppb-panel-modern {border: 1px solid #41B576;}
.sppb-panel-modern > .sppb-panel-heading {color: #000000; background: rgba(65,181,118,.1);}
.sppb-panel-modern .sppb-panel-body {border-top-color: #41B576;}
/* orange - standard */
.sppb-panel-default {border: 1px solid #E27412;}
.sppb-panel-default > .sppb-panel-heading {color: #000000; background: rgba(226,116,18,.1);}
.sppb-panel-default > .sppb-panel-heading .sppb-toggle-direction {color: #000000;}
.sppb-panel-default .sppb-panel-body {border-top-color: #E27412;}
/* gelb - primär */
.sppb-panel-primary {border: 1px solid #F2E40E;}
.sppb-panel-primary > .sppb-panel-heading {color: #000000; background: rgba(242,228,14,.1);}
.sppb-panel-primary .sppb-panel-body {border-top-color: #F2E40E;}
/* braun - erfolgreich */
.sppb-panel-success {border: 1px solid #52453F;}
.sppb-panel-success > .sppb-panel-heading {color: #000000; background: rgba(82,69,63,.1);}
.sppb-panel-success .sppb-panel-body {border-top-color: #52453F;}
/* beige - information */
.sppb-panel-info {border: 1px solid #B2AD87;}
.sppb-panel-info > .sppb-panel-heading {color: #000000; background: rgba(178,173,135,.4);}
.sppb-panel-info .sppb-panel-body {border-top-color: #B2AD87;}
/* blau - warnung */
.sppb-panel-warning {border: 1px solid #1164A9;}
.sppb-panel-warning > .sppb-panel-heading {color: #000000; background: rgba(17,100,169,.1);}
.sppb-panel-warning .sppb-panel-body {border-top-color: #1164A9;}
/* lila - gefahr */
.sppb-panel-danger {border: 1px solid #716CA0;}
.sppb-panel-danger > .sppb-panel-heading {color: #000000; background: rgba(113,108,160,.1);}
.sppb-panel-danger .sppb-panel-body {border-top-color: #716CA0;}
/* pink - FAQ */
.sppb-panel-faq {border: 1px solid #A43387;}
.sppb-panel-faq > .sppb-panel-heading {color: #000000; background: rgba(164,51,135,.1);}
.sppb-panel-faq > .sppb-panel-heading .sppb-toggle-direction {color: #000000;}
.sppb-panel-faq .sppb-panel-body {border-top-color: #A43387;}

.aufbauanleitung li {
	list-style-type: "► ";
	padding-left: .5em;
}
.aufbauanleitung ::marker {
	color:#41B576;
	content: "► ";
	font-size: 1.5em;
}
.anzucht li {
	list-style-type: "► ";
	padding-left: .5em;
}
.anzucht ::marker {
	color:#1164A9;
	content: "► ";
	font-size: 1.5em;
}
.ausdruck li {
	list-style-type: "► ";
	padding-left: .5em;
}
.ausdruck ::marker {
	color:#E27412;
	content: "► ";
	font-size: 1.5em;
}
.ausdruck a:link {
	font-size:20px; 
	color:#000000; 
	background:rgba(226,116,18,.3);
	padding:10px;
}
.ausdruck a:hover {color:#ffffff; background:rgba(226,116,18,1.0);}

/* Technische Spezifikationen */
.spezifikationen-premium table,
.spezifikationen-basis table,
.spezifikationen-fragen table,
.spezifikationen-rankhilfe table,
.spezifikationen-beleuchtung table,
.spezifikationen-dwc table {
	border-collapse: separate;
	border-spacing: .2em;
	width:100%;
	box-shadow:10px 10px 5px grey; border: 1px solid #CCCCCC;
}

.spezifikationen-premium thead th {background-color:#E27412; color:#ffffff;}
.spezifikationen-basis thead th {background-color:#41B576; color:#ffffff;}
.spezifikationen-fragen thead th {background-color:#A43387; color:#ffffff;}
.spezifikationen-rankhilfe thead th {background-color:#716CA0; color:#ffffff;}
.spezifikationen-beleuchtung thead th {background-color:#F2E40E; color:#000000;}
.spezifikationen-dwc thead th {background-color:#1164A9; color:#ffffff;}

.spezifikationen-premium td,
.spezifikationen-basis td,
.spezifikationen-fragen td,
.spezifikationen-rankhilfe td,
.spezifikationen-beleuchtung td,
.spezifikationen-dwc td,
.spezifikationen-premium th,
.spezifikationen-basis th,
.spezifikationen-fragen th,
.spezifikationen-rankhilfe th,
.spezifikationen-beleuchtung th,
.spezifikationen-dwc th {
	padding:.3em .3em; 
	border-radius:.1em;
	text-align:left; 
	vertical-align:top;
}
.spezifikationen-premium tbody tr:nth-child(even) td {background: rgba(178,173,135,.4); color: #000;}
.spezifikationen-premium tbody tr:nth-child(odd) td {background: rgba(226,116,18,.1); color: #000;}
.spezifikationen-basis tbody tr:nth-child(even) td {background: rgba(178,173,135,.4); color: #000;}
.spezifikationen-basis tbody tr:nth-child(odd) td {background: rgba(65,181,118,.1); color: #000;}
.spezifikationen-fragen tbody tr:nth-child(even) td {background: rgba(178,173,135,.4); color: #000;}
.spezifikationen-fragen tbody tr:nth-child(odd) td {background: rgba(164,51,135,.1); color: #000;}
.spezifikationen-rankhilfe tbody tr:nth-child(even) td {background: rgba(178,173,135,.4); color: #000;}
.spezifikationen-rankhilfe tbody tr:nth-child(odd) td {background: rgba(113,108,160,.1); color: #000;}
.spezifikationen-beleuchtung tbody tr:nth-child(even) td {background: rgba(178,173,135,.4); color: #000;}
.spezifikationen-beleuchtung tbody tr:nth-child(odd) td {background: rgba(242,228,14,.1); color: #000;}
.spezifikationen-dwc tbody tr:nth-child(even) td {background: rgba(178,173,135,.4); color: #000;}
.spezifikationen-dwc tbody tr:nth-child(odd) td {background: rgba(17,100,169,.1); color: #000;}


/* Mega Menü Farbsteuerung */
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {line-height:40px !important; color:#ff0000 !important;}	
/* gelb */
.sp-megamenu-parent >li:nth-child(n) > a {color: #F2E40E;}
.sp-megamenu-parent >li:nth-child(n) > a:before {color: #F2E40E;}
.sp-megamenu-parent >li:nth-child(n) > a:hover {color: #000000;}
.sp-megamenu-parent >li:nth-child(n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(n) .sp-dropdown li.sp-menu-item >a:hover {color:#000000;background-color: #F2E40E;}
/* orange */
.sp-megamenu-parent >li:nth-child(2n) > a {color: #E27412;}
.sp-megamenu-parent >li:nth-child(2n) > a:before {color: #E27412;}
.sp-megamenu-parent >li:nth-child(2n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(2n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(2n) .sp-dropdown li.sp-menu-item >a:hover {background-color: #E27412;}
/* grün */
.sp-megamenu-parent >li:nth-child(3n) > a {color: #41B576;}
.sp-megamenu-parent >li:nth-child(3n) > a:before {color: #41B576;}
.sp-megamenu-parent >li:nth-child(3n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(3n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(3n) .sp-dropdown li.sp-menu-item >a:hover {color:#ffffff;background-color: #41B576;}
.sp-megamenu-parent >li:nth-child(3n) span {color: #41B576;}
/* blau */
.sp-megamenu-parent >li:nth-child(4n) > a {color: #1164A9;}
.sp-megamenu-parent >li:nth-child(4n) > a:before {color: #1164A9;}
.sp-megamenu-parent >li:nth-child(4n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(4n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(4n) .sp-dropdown li.sp-menu-item >a:hover {color:#ffffff;background-color: #1164A9;}
.sp-megamenu-parent >li:nth-child(4n) span {color: #1164A9;}
/* lila */
.sp-megamenu-parent >li:nth-child(5n) > a {color: #716CA0;}
.sp-megamenu-parent >li:nth-child(5n) > a:before {color: #716CA0;}
.sp-megamenu-parent >li:nth-child(5n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(5n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(5n) .sp-dropdown li.sp-menu-item >a:hover {color:#ffffff;background-color: #716CA0;}
.sp-megamenu-parent >li:nth-child(5n) span {color: #716CA0;}
/* braun */
.sp-megamenu-parent >li:nth-child(6n) > a {color: #52453F;}
.sp-megamenu-parent >li:nth-child(6n) > a:before {color: #52453F;}
.sp-megamenu-parent >li:nth-child(6n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(6n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(6n) .sp-dropdown li.sp-menu-item >a:hover {color:#ffffff;background-color:#52453F;}
.sp-megamenu-parent >li:nth-child(6n) span {color: #52453F;}
/* gelb */
.sp-megamenu-parent >li:nth-child(7n) > a {color: #F2E40E;}
.sp-megamenu-parent >li:nth-child(7n) > a:before {color: #F2E40E;}
.sp-megamenu-parent >li:nth-child(7n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(7n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(7n) .sp-dropdown li.sp-menu-item >a:hover {color:#000000;background-color: #F2E40E;}
.sp-megamenu-parent >li:nth-child(7n) span {color: #F2E40E;}
/* orange */
.sp-megamenu-parent >li:nth-child(8n) > a {color: #E27412;}
.sp-megamenu-parent >li:nth-child(8n) > a:before {color: #E27412;}
.sp-megamenu-parent >li:nth-child(8n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(8n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(8n) .sp-dropdown li.sp-menu-item >a:hover {background-color: #E27412;}
/* grün */
.sp-megamenu-parent >li:nth-child(9n) > a {color: #41B576;}
.sp-megamenu-parent >li:nth-child(9n) > a:before {color: #41B576;}
.sp-megamenu-parent >li:nth-child(9n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(9n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(9n) .sp-dropdown li.sp-menu-item >a:hover {background-color: #41B576;}
/* blau */
.sp-megamenu-parent >li:nth-child(10n) > a, span.sp-menu-separator {color: #1164A9;}
.sp-megamenu-parent >li:nth-child(10n) > a:before {color: #1164A9;}
.sp-megamenu-parent >li:nth-child(10n) .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title),
.sp-megamenu-parent >li:nth-child(10n) .sp-dropdown li.sp-menu-item >a:focus,
.sp-megamenu-parent >li:nth-child(10n) .sp-dropdown li.sp-menu-item >a:hover {background-color: #1164A9;}

.burger-icon {width: 34px; cursor: pointer}
.burger-icon>span {
    display: block;
    height: 3px;
    background-color: #E27412;
    margin: 5px 0;
    transition: background-color .3s ease-in,opacity .3s ease-in,transform .3s ease-in;
    border-radius: 5px
}
.burger-icon span:nth-child(2) {
    width: 70%;
 background-color: #41B576;
    margin-left: auto
}
.burger-icon span:nth-child(3) {
    width: 100%;
 background-color: #716CA0;
    margin-left: auto
}
.offcanvas-active .burger-icon>span,#modal-menu-toggler.active .burger-icon>span {background-color: #ed117d}
.offcanvas-active .burger-icon>span:nth-child(1),#modal-menu-toggler.active .burger-icon>span:nth-child(1) {transform: translate(0,7px) rotate(-45deg)}
.offcanvas-active .burger-icon>span:nth-child(2),#modal-menu-toggler.active .burger-icon>span:nth-child(2) {opacity: 0}
.offcanvas-active .burger-icon>span:nth-child(3),#modal-menu-toggler.active .burger-icon>span:nth-child(3) {transform: translate(0,-8px) rotate(45deg)}
.offcanvas-active .close-offcanvas .burger-icon>span {transition-delay: .2s}

.sp-megamenu-parent>li.sp-has-child>a:after {
    font-family: fontawesome;
    content: " \f107"
}
.sp-megamenu-parent>li.active>a:before,.sp-megamenu-parent>li:hover>a:before {
    visibility: visible;
    opacity: 1;
    left: -5px
}
.sp-megamenu-parent .sp-module {padding: 10px}
.sp-megamenu-parent .sp-mega-group {
    list-style: none;
    padding: 0;
    margin: 0
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
    list-style: none;
    padding: 0;
    margin: 0
}
.sp-megamenu-parent .sp-dropdown {
    margin: 0;
    position: absolute;
    z-index: 10;
    display: none
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #f9f9f9;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    padding: 10px 0
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
    padding: 0;
    margin: 0
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after {
    font-family: fontawesome;
    content: " \f105";
    float: right
}
.sp-megamenu-parent .sp-dropdown.sp-menu-center {margin-left: 45px}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {top: 100%}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right,.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full { left: 0}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {right: 0}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {top: 0;left: 100%}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {box-shadow: 0 0 5px rgba(0,0,0,.2)}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: block;
    padding: 0;
    position: relative
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    display: block;
    padding: 10px 20px;
    color: #727375;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1;
    font-size: 22px
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { font-size: 22px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a.sp-group-title {
    text-transform: uppercase;
    color: #999!important;
    font-size: 16px
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {color: #fff}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child>a {border-bottom: none}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {color: #fff}
.sp-megamenu-parent .sp-dropdown-mega>.row {margin-top: 30px}
.sp-megamenu-parent .sp-dropdown-mega>.row:first-child {margin-top: 0}
.sp-megamenu-parent .sp-dropdown-mega .sp-mega-group .sp-menu-item:hover>a.sp-group-title {
    background-color: transparent!important;
    color: #999!important
}
.sp-megamenu-parent .sp-has-child:hover>.sp-dropdown {display: block}
.sp-megamenu-parent.menu-fade .sp-has-child:hover>.sp-dropdown {
    -webkit-animation: spMenuFadeIn 400ms;
    animation: spMenuFadeIn 400ms
}
.sp-megamenu-parent.menu-zoom .sp-has-child:hover>.sp-dropdown {
    -webkit-animation: spMenuZoom 400ms;
    animation: spMenuZoom 400ms
}
.sp-megamenu-parent.menu-fade-up .sp-has-child:hover>.sp-dropdown {
    -webkit-animation: spMenuFadeInUp 400ms;
    animation: spMenuFadeInUp 400ms
}

.bottom {
  height:15px;
  width:30px;
  border-radius: 0 0 90px 90px;
  -moz-border-radius: 0 0 90px 90px;
  -webkit-border-radius: 0 0 90px 90px;
  background: #FFF;
  float: left;
}
.body {
  height:45px;
  width:90px;
  background: #FFF;
} 
.ghost {animation: float 3s ease-out infinite;}
@keyframes float {
  50% {
     transform: translate(0, 20px);
  }
}
  
  /* BLOG */
.article-list .article {
	margin-bottom: 60px;
	padding: 0px;
	border: 0px solid #f5f5f5;
	border-radius: 0px;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
	margin: 0px;
	border-radius: 0;
	border-bottom: 0px solid #f5f5f5;
	position: relative;
	overflow: hidden;
	border-radius: 7px;
	margin-bottom: 30px;
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
	border-radius: 0;
	width: 100%;
	transform: scale(1.4);
	transition: 0.9s;
}

.article-list .article:hover img {
	transform: rotate(1deg) scale(1.05);
}

.article-list .article .blog-meta,
.article-details .blog-meta {
    margin-bottom: 15px;
}

.article-list .article .comnt,
.article-details .comnt {
	background: var(--maincolor);
	display: inline-block;
list-style: none;
margin-right: 15px;
    height: 28px;
    color: #fff;
    line-height: 28px;
    padding: 0 12px;
    font-size: 12px;
    margin-top: 0;
    border-top: 0;
    border-radius: 4px;
}

.article-list .article .author,
.article-details .author {
    display: inline-block;
    list-style: none;
    margin-right: 15px;
    color: #949494;
	font-weight: 500;
}

.article-list .article .author span,
.article-details .author span {
    color: #29303b;
}

.article-list .article .date,
.article-details .date {
	display: inline-block;
	list-style: none;
	margin-right: 0;
	color: #949494;
}

.article-list .article .article-header h2 {
	font-size: 24px;
	color: #29303b;
	line-height: 1.3380952381;
	margin-bottom: 15px;
}

.article-list .article .article-header h2 a {
    color: #29303b;
}

.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus,
.postbox__meta span a:hover {
	color: var(--maincolor);
}

.article-introtext {
    margin-bottom: 18px;
}

.article-list .article .readmore-text a {
	position: relative;
	display: inline-block;
}

.article-list .article .readmore-text a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 60%;
	background: var(--maincolor);
	transition: 0.4s;
}

.article-list .article .readmore-text a:hover:after {
	width: 100%;
}