/* Farben
grün:	#73D331
blau:	#145166 
lila:	#952675 
orange:	#F69E18 
rot:	#D51125 
*/
@font-face {
  font-family: pacifico;
  src: url(../fonts/pacifico-v23-latin-regular.woff2);
}
/* leere Seite ausdrucken */
@media print {
	html, body {display:none !important;}
}
/* ohne Javascript wird die Seite und Login ausgeblendet */
@media (scripting: none) { 
	.coming-soon-login {display:none !important;}
	.body-wrapper {display:none !important;}
}
/* 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 h3 {font-size: 16px !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.textbeschreibungen {font-size:18px; white-space:normal;}
	p.textbeschreibungen-2 {margin-right:0; float:none;}
	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;}

/* 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;}

/* 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 {background: #145166 !important;}
#sp-footer .container-inner {padding:0 !important; padding:10px 10px !important; border-top:none !important;}

/* Fußzeilen Infos */
.hilfen p {font-size:18px;}
.hilfen h4 {font-size:20px; font-weight:bold;}
.hilfen img {float:left; margin-right:15px; width:50px; height:50px;}
.hilfen a {color:#D51125 !important; font-size:16px; font-weight:bold;}

/* 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 {
	font-family: 'Pacifico', sans-serif;
	color: #145166;
	text-align:left; 
	font-size:20px;
	font-weight:700;
	margin:0;
	padding-left:15px;
	border-left: 4px solid #F69E18;
}
p.textbeschreibungen-2 {
	font-family: 'Pacifico', sans-serif;
	color: #408080;
	text-align:left; 
	font-size:30px;
	font-weight:700;
	margin-right:30px;
	padding-left:15px;
	border-left: 4px solid #f1c712;
	float: right;	
}
span.texte {color:#F69E18;}
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;}

/* 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;
}


/* Mega Menü Farbsteuerung */
/* rot */
.sp-megamenu-parent >li:nth-child(n) > a {color: #D51125;}
.sp-megamenu-parent >li:nth-child(n) > a:before {color: #D51125;}
.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 {background-color: #D51125;}
/* orange */
.sp-megamenu-parent >li:nth-child(2n) > a {color: #F69E18;}
.sp-megamenu-parent >li:nth-child(2n) > a:before {color: #F69E18;}
.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: #F69E18;}
/* grün */
.sp-megamenu-parent >li:nth-child(3n) > a {color: #73D331;}
.sp-megamenu-parent >li:nth-child(3n) > a:before {color: #73D331;}
.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 {background-color: #73D331;}
/* blau */
.sp-megamenu-parent >li:nth-child(4n) > a {color: #145166;}
.sp-megamenu-parent >li:nth-child(4n) > a:before {color: #145166;}
.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 {background-color: #145166;}
/* lila */
.sp-megamenu-parent >li:nth-child(5n) > a, span.sp-menu-separator {color: #952675;}
.sp-megamenu-parent >li:nth-child(5n) > a:before {color: #952675;}
.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 {background-color: #952675;}
/* rot */
.sp-megamenu-parent >li:nth-child(6n) > a {color: #D51125;}
.sp-megamenu-parent >li:nth-child(6n) > a:before {color: #D51125;}
.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 {background-color: #D51125;}
/* orange */
.sp-megamenu-parent >li:nth-child(7n) > a {color: #F69E18;}
.sp-megamenu-parent >li:nth-child(7n) > a:before {color: #F69E18;}
.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 {background-color: #F69E18;}
/* grün */
.sp-megamenu-parent >li:nth-child(8n) > a {color: #73D331;}
.sp-megamenu-parent >li:nth-child(8n) > a:before {color: #73D331;}
.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: #73D331;}
/* blau */
.sp-megamenu-parent >li:nth-child(9n) > a {color: #145166;}
.sp-megamenu-parent >li:nth-child(9n) > a:before {color: #145166;}
.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: #145166;}
/* lila */
.sp-megamenu-parent >li:nth-child(10n) > a, span.sp-menu-separator {color: #952675;}
.sp-megamenu-parent >li:nth-child(10n) > a:before {color: #952675;}
.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: #952675;}