/* lato-100 - 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: 'Lato';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/lato-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* lato-100italic - 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: 'Lato';
	font-style: italic;
	font-weight: 100;
	src: url('../fonts/lato-v24-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* lato-300 - 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: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* lato-300italic - 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: 'Lato';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/lato-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* lato-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: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* lato-italic - 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: 'Lato';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* lato-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: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* lato-700italic - 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: 'Lato';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/lato-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* lato-900 - 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: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* lato-900italic - 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: 'Lato';
	font-style: italic;
	font-weight: 900;
	src: url('../fonts/lato-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-100 - 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: 'Montserrat';
	  font-style: normal;
	  font-weight: 100;
	  src: url('../fonts/montserrat-v25-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-100italic - 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: 'Montserrat';
	  font-style: italic;
	  font-weight: 100;
	  src: url('../fonts/montserrat-v25-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-200 - 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: 'Montserrat';
	  font-style: normal;
	  font-weight: 200;
	  src: url('../fonts/montserrat-v25-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-200italic - 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: 'Montserrat';
	  font-style: italic;
	  font-weight: 200;
	  src: url('../fonts/montserrat-v25-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-300 - 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: 'Montserrat';
	  font-style: normal;
	  font-weight: 300;
	  src: url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-300italic - 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: 'Montserrat';
	  font-style: italic;
	  font-weight: 300;
	  src: url('../fonts/montserrat-v25-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-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: 'Montserrat';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-italic - 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: 'Montserrat';
	  font-style: italic;
	  font-weight: 400;
	  src: url('../fonts/montserrat-v25-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-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: 'Montserrat';
	  font-style: normal;
	  font-weight: 500;
	  src: url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-500italic - 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: 'Montserrat';
	  font-style: italic;
	  font-weight: 500;
	  src: url('../fonts/montserrat-v25-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-600 - 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: 'Montserrat';
	  font-style: normal;
	  font-weight: 600;
	  src: url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-600italic - 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: 'Montserrat';
	  font-style: italic;
	  font-weight: 600;
	  src: url('../fonts/montserrat-v25-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-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: 'Montserrat';
	  font-style: normal;
	  font-weight: 700;
	  src: url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-700italic - 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: 'Montserrat';
	  font-style: italic;
	  font-weight: 700;
	  src: url('../fonts/montserrat-v25-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-800 - 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: 'Montserrat';
	  font-style: normal;
	  font-weight: 800;
	  src: url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-800italic - 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: 'Montserrat';
	  font-style: italic;
	  font-weight: 800;
	  src: url('../fonts/montserrat-v25-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-900 - 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: 'Montserrat';
	  font-style: normal;
	  font-weight: 900;
	  src: url('../fonts/montserrat-v25-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	
	/* montserrat-900italic - 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: 'Montserrat';
	  font-style: italic;
	  font-weight: 900;
	  src: url('../fonts/montserrat-v25-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	

body.startseite .body-wrapper, body.startseite .body-innerwrapper {
	height: 100%;
}
body.mietangebote iframe {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
}
/*===== SP-HEADER ===========================*/
#sp-header {
	background-color: #fff;
}
@media(min-width: 0px) AND (max-width: 767px) {
	#sp-header {
		padding: 4px 15px;
		height: 75px;
	}
	#sp-header .logo img {
		width: 150px;
	}
}
@media(orientation: landscape) AND (min-width: 768px) AND (max-width: 1024px) {
	#sp-header {
		padding: 8px 30px;
		height: 75px;
	}
}
@media(orientation: portrait) AND (min-width: 768px) AND (max-width: 1024px) {
	#sp-header {
		padding: 8px 30px;
		height: 96px;
	}
}
@media(min-width: 1025px) AND (max-width: 5120px) {
	#sp-header {
		padding: 16px 30px;
		height: 90px;
	}
}
#sp-header .logo {
    margin-right: 40px;
    padding: 10px;
    background-color: #fff;
}
.startseite #sp-header {
	/*display: none;*/
	position: fixed!important;
	background-image: url('./../../../images/logo/startseite-header.png');
	background-repeat: no-repeat;
	background-position: center;
}
.startseite #sp-header .d-flex {
	display: none!important;
}
#sp-header .sp-contact-info, #sp-header .social-icons, #sp-header .free-quote {
	display: none!important;
}
/*===== SP-MENU =============================*/
@media(min-width: 0px) AND (max-width: 767px) {
	ul.submenu {
		display: none;
	}
}
.submenu a.home:before {
	content: '\f015';
	font-family: 'Fontawesome';
	font-size: 19px;
	color: #000;
	margin-right: 10px;
	transition: all 0.3s ease-in-out;
}
.sp-megamenu-wrapper {
	margin-top: 0px;
	display: none;
}
.submenu {
	margin-top: -15px;
}
.submenu li, .sp-megamenu-parent li {
	margin: 0 2px;
	list-style: none;
	float: left;
}
.submenu > li a, .sp-megamenu-parent > li a {
    color: #000;
    background-color: #fff;
    line-height: 30px;
    padding: 0 18px;
    display: inline-block;
}
.submenu li:hover a:before {
    color: #fff;
    background-color: rgba(255,255,255,0);
}
.submenu > li.active > a, .submenu > li.active:hover > a, 
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #fff;
    background-color: #9BC649;
}
.submenu > li:hover a, .sp-megamenu-parent > li:hover > a {
    color: #fff!important;
    background-color: #9BC649;
}
#offcanvas-toggler {
	height: 45px;
	line-height: 45px;
	margin-top: 4px;
}
#offcanvas-toggler > .fa {
	color: #85BC23;
	padding: 8px;
	border: 1px solid #85BC23;
	border-radius: 3px;
}
#offcanvas-toggler > .fa:hover {
	color: #85BC23;
}
.offcanvas-menu {
    background-color: #85BC23;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
    background-color: #85BC23;
    color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a:hover, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li > span:hover, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a:focus, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li > span:focus {
    background-color: #85BC23;
}
/*===== PAGE-TITLE ==========================*/
.sp-page-title {
    padding: 60px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 0;
}
.sp-page-title .sp-page-title-sub-heading {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    text-transform: none;
    position: relative;
    line-height: 1.2;
    margin-top: 0px;
    width: 100%;
    max-width: 100%;
    color: #435052;
    padding-bottom: 0;
}
.sp-page-title .sp-page-title-sub-heading::after {
	display: none;
}
/*===== EINGANGSBOXEN =======================*/
@media(orientation: portrait) AND (min-width: 0px) AND (max-width: 767px) {
	#eingangsboxen {
		height: auto: !important;
		min-height: 640px!important;
	}
  .eingangsbox .sppb-addon-title {
    font-size: 20px!important;
  }
	.sp-page-builder .page-content #eingangsboxen {
		background-attachment: scroll!important;
	}
}
@media(orientation: landscape) AND (min-width: 768px) AND (max-width: 1024px) {
	#eingangsboxen {
		padding-top: 110px!important;
	}
  .eingangsbox .sppb-addon-title {
    font-size: 24px!important;
  }
}
#eingangsboxen {
	/*background-size: 100%!important;*/
	background-position: center center!important
}
#eingangsboxen .sppb-col-md-6 {
	padding: 0 50px;
}
.eingangsbox {
	background-color: rgba(0,129,65,0.9);
	border: 1px solid #fff;
	box-shadow: 0px 0px 4px #000!important;
}
.eingangsbox .eingangsbox-liste {
	float: left;
	width: 100%;
	background-color: #fff;
	padding: 20px;
}
.eingangsbox ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.eingangsbox ul li {
	float: left;
	width: 100%;
	list-style: none;
	background-color: #eaedf1;
	margin: 2px 0;
}
.eingangsbox ul li a {
	float: left;
	width: 100%;
	color: #435052;
	padding: 4px 22px;
}
.eingangsbox ul li a:hover {
	background-color: #9BC649;
	color: #fff;
}
/*===== HISTORIE ============================*/
.historie {
	float: left;
	width: 100%;
    background-color: #ffffff;
    padding: 10px 20px 20px 20px;
}
.historie .year {
	float: left;
	width: 100%;
    font-size: 30px;
    font-weight: 600;
    list-style-type: none;
    min-height: 66px;
    color: #435052;
}
.historie .description {
	border-bottom: 1px solid #cccccc;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    min-height: 66px;
    color: #435052;
}
/*===== PERSONS =============================*/
.sppb-addon-person .sppb-person-information {
	background-color: #E2E3E2;
	padding: 10px;
}
.sppb-addon-person .sppb-person-image {
	margin: 0;
}
.sppb-addon-person .sppb-person-image img {
	width: 100%;
}
.sppb-addon-person .sppb-person-name {
	font-size: 18px!important;
	color: #435052;
}
.sppb-addon-person .sppb-person-designation {
	font-size: 16px!important;
	color: #435052!important;
}
/*===== REFERENZEN ==========================*/
#referenzen .sppb-addon-single-image-container {
	width: 100%;
}
#referenzen img {
	width: 100%;
}
#referenzen .rechts .legende {
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #cccccc;
}
#referenzen .rechts .legende .eingabe {
    width: 80%;
    display: block;
    float: right;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
}
#referenzen .rechts .beschreibung {
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}
/*===== RS FORMS ============================*/
#userForm h2,
#userForm .formControlLabel {
	color: #000;
}
#userForm .formControlLabel {
	width: 230px; font-size: 15px;
}
#userForm .formControls {

}
#userForm .formControls input[type="text"] {
	border: 1px solid #6c6c6c;
	box-shadow: none;
	border-radius: 4px;
	font-size: 18px;
	color: #444;
	padding: 17px 7px;
}
#userForm .formControls textarea {
	border: 1px solid #6c6c6c;
	box-shadow: none;
	border-radius: 4px;
	font-size: 18px;
	color: #444;
	padding: 17px 7px;
}
#userForm .select2-selection--single {
	border: 1px solid #6c6c6c;
	height: 36px;
	line-height: 34px;
}
#userForm label.checkbox-inline {
	color: #000;
	font-size: 16px;
	line-height: 18px;
}
#userForm a {
	color: #9BC649;
}
#userForm .select2-container--default, 
#userForm .select2-selection--single, 
#userForm .select2-selection__rendered {
	line-height: 34px;
}
#userForm .select2-container--default, 
#userForm .select2-selection--single, 
#userForm .select2-selection__arrow {
    height: 34px;
}
#userForm .rsform-block-sicherheitsabfrage img {
	margin: 5px 0;
}
#userForm .formError {
    color: #CF4D4D;
    font-weight: bold;
    font-size: 14px;
}
#userForm button.rsform-submit-button {
	background-color: #9BC649;
	border-color: #9BC649;
	font-size: 16px;
	padding: 8px 16px;
}
#userForm input[type="checkbox"] {
	height: 30px;
	width: 30px;
	margin-top: -6px;
	margin-left: -44px;
}
.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 40px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;

}
input.select2-search__field {
	padding: 6px 7px!important;
}
input.select2-search_-field::active,
input.select2-search_-field::focus,
input[type="search"]:not(.form-control):focus {
	border-color: #9BC649!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #9BC649;
    color: white;
}
.select2-container--default ul li {
	color: #000!important;
}
/*===== SP-BOTTOM ===========================*/
@media(min-width: 0px) AND (max-width: 767px) {
	body.startseite #sp-bottom {
		float: left;
		width: 100%;
		position: relative;
		width: 100%;
		z-index: 999;
		background-color: rgba(255,255,255,0.8);
	}
	#sp-bottom .col-lg-6 {
		padding: 20px;
	}
}
@media(min-width: 768px) AND (max-width: 5120px) {
	body.startseite #sp-bottom {
		position: relative;
		width: 100%;
		/*bottom: 84px;*/
		z-index: 999;
		background-color: rgba(255,255,255,0.8);
		padding: 5px 0px 5px 0px;
	}
	#sp-bottom .col-lg-6 {
		padding: 0 0 0 117px;
	}
}
#sp-bottom, #sp-bottom p {
	font-size: 16px;
	line-height: 1.2;
}

#sp-bottom span {
	font-size: 20px;
	width: 30px;
}
#sp-bottom h3 {
	color: #435052;
}
#sp-bottom .sp-module {
    margin-bottom: 0px!important;
}
#sp-bottom a {
	color: #435052;
}
#sp-bottom a:hover {
	color: #9BC649;
}
#sp-bottom .kontakt-details {
	float: left;
	width: 100%;
	margin: 2px 0;
}
/*===== SP-FOOTER ==========================*/
@media(min-width: 0px) AND (max-width: 767px) {
	body.startseite #sp-footer {
		position: relative;
		float: left;
		width: 100%;
	}
}
@media(min-width: 768px) AND (max-width: 1024px) {
	body.startseite #sp-footer {
		position: relative;
		width: 100%;
		/*height: 84px;*/
		bottom: 0;
	}
	#sp-footer {
		height: 84px;
	}
	#sp-footer .copyright ul {
		padding: 0px;
		margin: 8px 0!important;
	}
}
@media(min-width: 1025px) AND (max-width: 5120px) {
	body.startseite #sp-footer {
		position: relative;
		width: 100%;
		bottom: 0;
		z-index: 99;
	}
	#sp-footer {
		height: 84px;
	}
	#sp-footer .copyright ul {
		padding: 0px;
		margin: 8px 0!important;
	}
}
#sp-footer .container-inner {
    padding: 5px 0;
}
#sp-footer .sp-copyright {
    opacity: 1;
}

#sp-footer .copyright ul li {
	float: left;
	width: 100%;
	list-style: none;
	text-align: left;
}


/* 12-8-26 */
body, .sp-preloader { background-color: #e9e9e9; color: #222454; }
body, p { line-height: 1.9; }
a { color: #222454; }
a:hover, a:focus, a:active { color: #171838; }
body.startseite #sp-header .logo{display: none !important;}



/* Header */
#sp-header{display: flex; align-items: center;}
#sp-header .logo{height: auto;}
#sp-header .logo .logo-image{height: auto; max-width: 182px;}
#sp-header .logo .logo-image-phone { height: auto; max-width: 150px; }
#sp-header .container { max-width: 100%; }
#sp-header #sp-logo.has-border { padding-left: 0; }
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span, .submenu > li a, .sp-megamenu-parent > li a{font-size: 16px; font-family: var(--bs-body-font-family);}
.sp-megamenu-parent a.home:before, .mod-list a.home:before { content: '\f015'; font-family: 'Fontawesome'; font-size: 14px; color: #000; margin-right: 10px; transition: all 0.3s ease-in-out; }
#sp-header .logo .logo-sticky { display: none !important; }
#sp-header.header-sticky .logo-default { display: block!important; }
div#sp-menu { padding-right: 0; }
.sp-megamenu-parent>li.active>a { font-weight: 400; }
.sp-megamenu-parent>li:last-child>a { padding: 0px 15px 0px 15px; }

/* Mobile Menu */
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span { opacity: 1; font-size: 14px; padding: 10px 30px; line-height: 30px; background-color: #fff; font-family: var(--bs-body-font-family); }
#offcanvas-toggler { color: #85BC23; padding: 8px; border: 1px solid #85BC23; border-radius: 3px; }
.burger-icon>span { height: 3px; background-color: currentColor; }
.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) { transform: translate(0, 10px) rotate(-45deg); }
.offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(3) { transform: translate(0, -6px) rotate(45deg); }
.offcanvas-menu .offcanvas-inner{padding: 25px 0;}
.offcanvas-menu .offcanvas-inner ul.menu>li { border-bottom: 1px solid rgba(0, 0, 0, .1); }
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span{background-color: #fff;}
.close-offcanvas { background: #333; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; padding-bottom: 4px; border-radius: 25px; }
.close-offcanvas .burger-icon { width: 14px; }

/* Footer */
section#sp-bottom .container { max-width: 1140px; }
div#sp-bottom1, div#sp-bottom2 { padding: 0 0 0 117px; flex: 0 0 50%; max-width: 50%; width: 50%; }
#sp-footer .sp-copyright { font-weight: 300; margin-top: 7px; display: inline-block; max-width: 240px; }
footer#sp-footer .container { max-width: 1140px; }
#sp-bottom { background: #cccccc; padding: 30px 0px 30px 0px;}
body.startseite #sp-bottom { padding: 30px 0px 20px 0px; }

@media (max-width:999px) {
div#sp-bottom1, div#sp-bottom2 { padding: 20px; }
}
@media (max-width:767px) {
div#sp-bottom1, div#sp-bottom2 { flex: 0 0 100%; max-width: 100%; width: 100%; }
}
@media (max-width:480px) {
	#sp-header .logo{margin-right: 10px;}
	.startseite #sp-header { background-size: calc(100% - 20px); }
	#referenzen .rechts .legende{display: inline-block;}
	#referenzen .rechts .legende .eingabe { width: calc(100% - 100px); }
}


.row #sp-logo.has-border { padding-right: 0; }
footer#sp-footer { background: #000; }