.bp-intro {
	position: relative;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 150px;
}

.bp-intro::after {
  content: "\e90f";
  font-family: icomoon;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 200px;
  line-height: 200px;
  color: #fcf6d6;
  z-index: -1;
}





.zentriert {
  text-align: center;
}


@media (max-width: 1279px) {
	.bp-intro::after {
	  font-size: 150px;
	  line-height: 150px;
	}
}
@media (max-width: 1023px) {
	.bp-intro {
		padding-top: 75px;
		padding-bottom: 100px;
	}

	.bp-intro::after {
	  font-size: 100px;
	  line-height: 100px;
	}
}
@media (max-width: 768px) {
	.bp-intro {
	  padding-top: 50px;
	  padding-bottom: 50px;
	}
	.bp-intro::after {
	  display: none;
	}
}
@media (max-width: 640px) {

}








.termin-vereinbaren-wrapper .inner {
  font-size: 40px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}

.termin-vereinbaren-wrapper .inner  span {
	display: inline-block;
	margin: 0 15px;
}


@media (max-width: 1279px) {

}
@media (max-width: 1023px) {
	.termin-vereinbaren-wrapper .inner {
	  font-size: 26px;
	}
	.termin-vereinbaren-wrapper .inner span.termin-vereinbaren-text {
		margin: 0 0 25px 0;
		display: block;
	}
	.termin-vereinbaren-wrapper .inner .kontakt-wrapper {
		font-size: 40px;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}










/** STARTSEITE **/

.bp-grp-startseite {
	
}
.bp-grp-startseite h1 {
	text-align: center;
}

.bp-grp-startseite .drei-links-wrapper .ein-link > .inner > a {
  color: #707070;
  background-color: #fff;
  text-align: center;
  border: 1px solid #f4cf32;
  border-radius: 30px;
  display: block;
  padding: 30px 15px 15px 15px;
  height: 250px;
  position: relative;
}
.bp-grp-startseite .drei-links-wrapper .ein-link > .inner > a::after {
  border: 1px solid #707070;
  border-radius: 30px;
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  left: 5px;
  top: 5px;
}
.bp-grp-startseite .drei-links-wrapper .ein-link > .inner:hover > a {
  color: #fff;
  background-color: #637b7a;
  border: 3px solid #f4cf32;
}
.bp-grp-startseite .drei-links-wrapper .ein-link > .inner:hover > a::after {
  border: 0 none;
  display: none;
}

.bp-grp-startseite .drei-links-wrapper .ein-link > .inner > a h3 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.bp-grp-startseite .drei-links-wrapper .ein-link > .inner > a h3::after {
  content: "";
  height: 2px;
  background-color: #f4cf32;
  width: 50px;
  position: absolute;
  left: calc(50% - 25px);
  bottom: 0;
}


.bp-grp-startseite .rss-feed-wrapper h2 {
  text-align: center;
}



@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {
	.bp-grp-startseite .drei-links-wrapper .ein-link {
		margin-top: 25px;
	}
	.bp-grp-startseite .drei-links-wrapper .ein-link:first-child {
		margin-top: 0;
	}
	.bp-grp-startseite .drei-links-wrapper .ein-link > .inner > a, 
	.bp-grp-startseite .drei-links-wrapper .ein-link > .inner:hover > a { 
		padding: 25px 10px 10px 10px;
		height: auto;	
		color: #707070;
		background-color: #fff;
		border: 1px solid #f4cf32;
	}
	.bp-grp-startseite .drei-links-wrapper .ein-link > .inner > a::after, 
	.bp-grp-startseite .drei-links-wrapper .ein-link > .inner:hover > a::after {
	  border: 1px solid #707070;
	  display: block;
	}
}
@media (max-width: 640px) {
	.rss-feed-wrapper .bp-width {
	  padding-left: 0;
	  padding-right: 0;
	}
}
















/** WIR SIND **/

.bp-grp-wir-sind {
	
}

.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person {
  background-color: #637b7a;
  color: #fff;
  border-radius: 25px;
  overflow: hidden;
  padding: 50px 25px 50px 450px;
  position: relative;
}
.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person .bild {
  position: absolute;
  width: 400px;
  height: 100%;
  left: 0;
  top: 0;
}
.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person h3 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
}
.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person h3::before {
  content: "";
  background-color: #f4cf32;
  height: 2px;
  width: 50px;
  position: absolute;
  bottom: 0px;
  left: 0;
}
.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person ul.daten li {
  color: #f4cf32;
  margin: 5px 0;
}

.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person p {
  margin-top: 15px;
}

.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person ul.lebensklauf {
  border-left: 2px solid #fff;
  margin-top: 15px;
  padding: 5px 0;
}

.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person ul.lebensklauf > li {
	position: relative;
	padding-left: 15px;
	margin: 20px 0;
}
.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person ul.lebensklauf > li::before {
  content: "";
  position: absolute;
  left: -6px;
  top: calc(50% - 3px);
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}


.bp-grp-wir-sind .mitarbeiter {
	background-color: #eee;
/**	
	background-image: URL("../../../images/wir/sind/bg_mitarbeiter.jpg");
	background-size: cover;
**/
}

.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter {
  float: left;
  width: 31.333333%;
  margin: 1%;
  box-sizing: border-box;
  padding: 45px 15px 25px 15px;
  font-size: 0.9em;
}
.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter:nth-child(3n+1) {	
	clear: left;
}
.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter [class^="icon-"] {
	font-size: 60px;
}
.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter h3 {
  height: 60px;
  margin-top: 15px;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}
.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter p {
	margin-top: 15px;
	min-height: 156px;
}



@media (max-width: 1279px) {

}
@media (max-width: 1023px) {
	.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person {
	  padding: 50px 25px 50px 350px;
	}
	.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person .bild {
	  width: 325px;
	}
	.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter {
	  width: 48%;
	  margin: 1%;
	}
	.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter:nth-child(3n+1) {	
		clear: none;
	}
	.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter:nth-child(2n+1) {	
		clear: left;
	}
}
@media (max-width: 768px) {
	.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person {
	  padding: 0;
	  position: relative;
	}
	.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person .bild {
	  position: relative;
	  width: 100%;
	  height: auto;
	  left: unset;
	  top: unset;
	}
	.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person img {
		height: auto;
		object-fit: unset;
	}
	.bp-grp-wir-sind .die-koepfe .personen-wrapper .eine-person  .text {
		padding: 25px 15px;
	}
	
	
	.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter {
		font-size: 1em;
	}
	
	.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter h3 {
		height: 50px;
	}
}
@media (max-width: 640px) {
	.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter {
	  float: none;
	  width: 100%;
	  margin: 25px 0;
	  padding: 35px 10px 20px 10px;
	}
	.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter h3 {
		height: auto;
	}
	.bp-grp-wir-sind .mitarbeiter ul.liste-mitarbeiter li.ein-mitarbeiter p {
		min-height: auto;
	}
}




/** WIR KÖNNEN **/

.bp-grp-wir-koennen {
	
}

.bp-grp-wir-koennen .fachgebiete {
	background-image: URL("../../../images/wir/koennen/bg_fachgebiete.jpg");
	background-size: cover;
}
.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete {
  float: left;
  width: 29.333333%;
  margin: 2%;
  box-sizing: border-box;
  padding: 45px 15px 25px 15px;
}

.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete:nth-child(3n+1) {	
	clear: left;
}

.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete [class^="icon-"] {
	font-size: 60px;
}
.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete h3 {
  height: 60px;
  margin-top: 15px;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}
.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete p {
	margin-top: 15px;
}



@media (max-width: 1279px) {

}
@media (max-width: 1023px) {
	.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete {
	  width: 48%;
	  margin: 1%;
	}
	.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete h3 {
		height: 50px;
	}	
	.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete:nth-child(3n+1) {	
		clear: none;
	}
	.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete:nth-child(2n+1) {	
		clear: left;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
	
	.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete {
	  float: none;
	  width: 100%;
	  margin: 25px 0;
	  padding: 35px 10px 20px 10px;
	}
	.bp-grp-wir-koennen .fachgebiete ul.liste-fachgebiete li.ein-fachgebiete h3 {
		height: auto;
	}	

}























/** FÜR DICH **/

.bp-grp-fuer-dich {
	
}



.bp-grp-fuer-dich section.digitale-zusammenarbeit ul.liste-zusammenarbeit li.ein-item {
  float: left;
  width: 23%;
  margin: 1%;
  box-sizing: border-box;
  padding: 45px 15px 25px 15px;
  height: 300px;
  position: relative;
}
.bp-grp-fuer-dich section.digitale-zusammenarbeit ul.liste-zusammenarbeit li.ein-item [class^="icon-"] {
	font-size: 60px;
}
.bp-grp-fuer-dich section.digitale-zusammenarbeit ul.liste-zusammenarbeit li.ein-item h3 {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  padding: 0px 25px 15px 25px;
}

.bp-grp-fuer-dich section.digitale-zusammenarbeit ul.liste-zusammenarbeit li.ein-item .overlay {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 45px 15px 25px 15px;
	background-color: #637b7a;
	color: #fff;
}
.bp-grp-fuer-dich section.digitale-zusammenarbeit ul.liste-zusammenarbeit li.ein-item:hover .overlay {
	opacity: 1;
}






.bp-grp-fuer-dich.als-unternehmer section.digitale-zusammenarbeit {
	background-image: URL("../../../images/fuer_dich/als_unternehmer/bg_digitale_zusammenarbeit.jpg");
	background-size: cover;
}


.bp-grp-fuer-dich.als-privatperson section.digitale-zusammenarbeit {
	background-image: URL("../../../images/fuer_dich/als_privatperson/bg_digitale_zusammenarbeit.jpg");
	background-size: cover;
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {
	.bp-grp-fuer-dich section.digitale-zusammenarbeit ul.liste-zusammenarbeit li.ein-item {
	  float: none;
	  width: 100%;
	  margin: 25px 0;
	  padding: 35px 10px 15px 10px;
	  height: auto;
	}
	.bp-grp-fuer-dich section.digitale-zusammenarbeit ul.liste-zusammenarbeit li.ein-item h3 {
	  position: relative;
	  bottom: unset;
	  left: unset;
	  padding: 0;
	  margin-top: 10px;
	}
	.bp-grp-fuer-dich section.digitale-zusammenarbeit ul.liste-zusammenarbeit li.ein-item .overlay {
	  opacity: 1;
	  position: relative;
	  left: unset;
	  top: unset;
	  width: 100%;
	  height: auto;
	  padding: 0;
	  background-color: transparent;
	  color: unset;
	  margin-top: 15px;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}










.bp-grp-karriere {
	
}


.bp-grp-karriere section.jobs-und-ausbildung {
	background-image: URL("../../../images/karriere/bg_jobs_und_ausbildung.jpg");
	background-size: cover;
}


.bp-grp-karriere section.jobs-und-ausbildung .eine-stellenausschreibung-inhalt .ausschreibung-liste > li::before {
  content: "\f105";
  font-family: fontawesome;
  position: absolute;
  left: 2px;
  top: 0;
}
.bp-grp-karriere section.jobs-und-ausbildung .eine-stellenausschreibung-inhalt .ausschreibung-liste > li {
  position: relative;
  padding-left: 13px;
}


@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}







/** DOWNLOADS **/

.bp-grp-downloads {
	
}

.bp-grp-downloads ul.download-liste > li {
  margin: 10px 0;
}
.bp-grp-downloads ul.download-liste > li a {
	position: relative;
	padding: 10px 30px 10px 30px;
	box-sizing: border-box;
	display: block;
	background-color: #f4cf32;
	color: #707070;
	text-align: left;
}
.bp-grp-downloads ul.download-liste > li a:hover {
	background-color: #707070;
	color: #fff;
}
.bp-grp-downloads ul.download-liste > li a::after {
  position: absolute;
  right: 8px;
  top: 10px;
  font-family: fontawesome;
  content: "\f019";
}
.bp-grp-downloads ul.download-liste > li a::before {
  position: absolute;
  left: 8px;
  top: 10px;
  font-family: fontawesome;
  content: "\f15b";
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}











#karten-wrapper {
  height: 600px;
  background-image: URL("../../../images/grafiken/map_statisch.jpg");
  background-size: cover;
  background-position: center center;
  position: relative;
}

#karten-wrapper #clickForMap > p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  padding: 8px 3px;
  box-sizing: border-box;
  text-align: center;
}
#karten-wrapper #clickForMap > p:hover,
#karten-wrapper #clickForMap > p:focus {
  cursor: pointer;
}
#karten-wrapper #map {
  height: 600px;
}

@media (max-width: 1279px) {
	#karten-wrapper {
	  height: 500px;
	}
	#karten-wrapper #map {
	  height: 500px;
	}
}
@media (max-width: 1023px) {
	#karten-wrapper {
	  height: 400px;
	}
	#karten-wrapper #map {
	  height: 400px;
	}
}
@media (max-width: 768px) {
	#karten-wrapper {
	  height: 350px;
	}
	#karten-wrapper #map {
	  height: 350px;
	}
}
@media (max-width: 640px) {
	#karten-wrapper {
	  height: 250px;
	}
	#karten-wrapper #map {
	  height: 250px;
	}
}



















@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}










/** ##### IMPRESSUM und DATENSCHUTZ Start ##### **/
.bp-grp-rechtliches h1,
.bp-grp-rechtliches h2,
.bp-grp-rechtliches h3,
.bp-grp-rechtliches h4,
.bp-grp-rechtliches h5,
.bp-grp-rechtliches h6 {
	text-align: left;
}

.bp-grp-rechtliches h1 {
	margin-bottom: 15px;
}
.bp-grp-rechtliches h2 {
	margin-top: 50px;
	margin-bottom: 5px;
	font-weight: 400;
}
.bp-grp-rechtliches h3 {
    margin: 15px 0 5px 0;
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
}

.bp-grp-rechtliches p {
	margin-top: 15px;
	margin-bottom: 5px;
}

.bp-grp-rechtliches ul,
.bp-grp-rechtliches ol {
    margin-top: 5px;
    margin-bottom: 10px;
}

.bp-grp-rechtliches ul > li {
    margin-left: 25px;
    list-style: disc;
}
.bp-grp-rechtliches ol.abc > li {
    list-style: lower-alpha;
    margin-left: 25px;
}
/** ##### IMPRESSUM und DATENSCHUTZ Ende ##### **/