/*16082347*/
/*-------Including services.css--------*/
/* FileStructure
+ General
+ About
+ Contact
+ CallBack
*/

/* Standard */
.option-item {
    margin-top: 4em;
    float: left;
    display: table;
}
.option-item__text {
	display: table-cell;
	vertical-align: middle;
}
.option-item__link {
	display: table-cell;
	width: 8.167em; /* 86px + 12px */
}
.option-item__icon,
.about__headline::before {
	background-image: url("../images/neutral/icons/icons.svg");
	background-repeat: no-repeat;
    position: relative;
    float: left;
    margin-right: 1em;
    display: block;
    border-radius: 50%;
    background-color: #2F6891;
    background-size: cover;
    width: 7.167em; /*86px;*/
    height: 7.167em; /*86px;*/
}
.option-item__icon:hover {
	background-color: #004475;
}
.icon_shadow {
	width: 7.167em; /*86px;*/
	height: 1.25em;
	box-shadow: 0 1.917em 0.667em black;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	opacity: 0.12;
	position: absolute;
}
/* BREAKPOINTS */
@media only screen and (max-width: 1200px) {
	.option-item__link {
		float: left;
		width: 100%;
	}
	.option-item__icon {
		display: block;
		margin: 0 auto;
		float: none;
	}
	.option-item__text {
		text-align: center;
		width: 100%;
		margin-top: 3em;
		float: left;
	}
}
@media only screen and (max-width: 1000px) {
	.option-item {
		width: 48%;
	}
	.option-item:nth-of-type(2n+1) {
	    margin-right: 2%;
	    clear: both;
	}
	.option-item:nth-of-type(2n) {
	    margin-left: 2%;
	}
}
@media only screen and (max-width: 700px) {
	.option-item {
		width: 100%;
	}
	.option-item {
		margin-right: 0!important;
		margin-left: 0!important;
	}
	.option-item__text {
		width: 50%;
		transform: translateX(50%);
	}
}
@media only screen and (min-width: 1000px) {
	.option-item--about {
		width: 49%;
	}
	.option-item--contact {
		width: 32%;
	}
	.option-item:nth-of-type(2),
	.option-item:nth-of-type(5) {
		padding-left: 2%;
	    padding-right: 2%;
	}
	.option-item:nth-of-type(4){
		clear: both;
	}
}
/* About */
.about__headline::before {
	display: inline-block;
	font-size: 0.155em;
	margin-left: -8em;
  	margin-top: -0.7em;
  	position: absolute;
}
.about__text {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	margin-top: 4em;
}
#About_designOnline_Icon,
#About_designOnline_headline h1::before {
	background-position: -8.1em 0;
	content: ""; /*  empty is correct*/
}
#About_mobileApp_Icon,
#About_mobileApp_headline h1::before {
	background-position: -15.5em 0;
	content: ""; /*  empty is correct*/
}
/* BREAKPOINTS */
@media only screen and (max-width: 750px) {
	.about__text {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

_:-ms-input-placeholder, :root #about_facts h1::before { display: none; } /* positioning graphic next to centered headline ie impossible*/

/* PS only */
/* .ps_text only workaround because of double p from backend */
.aboutShop__text {
	margin-bottom: 1.25em;
	text-align: justify;
	float: left;
}
.aboutShop__text b {
	float: left;
	width: 100%;
}
.aboutShop__text--left,
.aboutShop__text--right {
	width: 49%;
}
.aboutShop__text--left {
	float: left;
}
.aboutShop__text--right {
	float: right;
}
.aboutShop__text p {
	margin: 0;
}
.aboutShop__text ul,
.aboutShop__text ol {
	margin-left: 1em;
}

/* BREAKPOINTS */
@media only screen and (max-width: 750px) {
	.aboutShop__text--left,
	.aboutShop__text--right {
		width: 100%;
		float: left;
	}
}
/* Contact */
#Contact_servicetime_Icon {
	background-position: -30.2em 0;
	content: "";
}
#Contact_serviceCallBack_Icon {
	background-position: -22.7em 0;
	content: "";
}
#Contact_chat_Icon {
	background-position: -37.4em 0;
	content: "";
}
#Contact_email_Icon {
	background-position: -44.95em 0;
	content: "";
}
#Contact_address_Icon {
	background-position: -52.3em 0;
	content: "";
}
#Contact p {
	margin: 0;
}
/* Callback */
#CallBack {
	min-width: 354px;
	margin-top: 0;
}
#callBack_logo {
	background-image: url("../images/neutral/logo/DDK_logo_positive.svg");
	background-repeat: no-repeat;
	background-size: contain;
	margin: 2em 0 4%;
	width: 15.833em; /*190px*/
	height: 2.083em; /*25px*/
}
#CallBack textarea {
	height: 7em;
}