/*petersen-webdesign*/
/*html*/

/*body*/
body {
    padding-top: 10px !important;
	padding-bottom: 10px !important;
	background-color: rgb(204, 204, 204) !important;
}

.astroid-component-section {
    padding: 12px 0 !important;
}

/*grid*/

/*uikit*/
	
/*header*/

/*typo*/
	
/*menu*/
a.hpfhome {
    height:75px;
    width: 75px;
  	border-top-left-radius:75px;
	border-top-right-radius:75px;
	border-bottom-right-radius:75px;
	border-bottom-left-radius:75px;
    background :#FFFFFF !important;
    color: #395121 !important;
	display: flex;
    align-items: center;
	justify-content: center;
}

.nav {
	display: flex;
    align-items: center;
}

/*accordion*/

/*contact*/

/*content*/

@media screen and (min-width:960px) {
	.dpparent {
		position: relative;
		margin: 0 auto;
	}

	.dpparent img {
		object-fit: cover;
		vertical-align: middle;
	}

	.dpparent .dptext {
		max-width: 600px;
		position: absolute;
		top: 56%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: rgb(0, 0, 0); /* Fallback color */
		background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
		color: #ffffff;
		width: 100%;
		padding: 20px;

	}
	.dptextwhite {
		color: #ffffff;
	}
}




.dpkontakt {
	margin: 0 auto;
	display: flex;
    align-items: center;
	justify-content: center;
    height:75px;
    width: 75px;
  	border-top-left-radius:75px;
	border-top-right-radius:75px;
	border-bottom-right-radius:75px;
	border-bottom-left-radius:75px;
    background :#FFFFFF !important;
    color: #395121 !important;

}


/*override news*/
.projects-horizontal {
  color:#313437;
  background-color:#fff;
}
.projects-horizontal p {
  color:#7d8285;
}
.projects-horizontal h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}
@media (max-width:767px) {
  .projects-horizontal h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}
.projects-horizontal .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 10px;
}
.projects-horizontal .projects {
  padding-bottom:40px;
}
.projects-horizontal .item {
  padding-top:60px;
  min-height:160px;
}
@media (max-width:767px) {
  .projects-horizontal .item {
    padding-top:40px;
    min-height:160px;
  }
}
.projects-horizontal .item .name {
  font-size:18px;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:15px;
  color:inherit;
}
@media (max-width:991px) {
  .projects-horizontal .item .name {
    margin-top:22px;
  }
}
.projects-horizontal .item .description {
  font-size:15px;
  margin-bottom:0;
}

.pers-foto {
  width: 150px;
  border-radius: 5px;
}

.full-image img {
  width: 250px;
  border-radius: 5px;
}