/* CONTENT STRIPES */
.section_content_stripe {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_content_stripe {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 991px),
@media only screen and (max-width: 768px),
@media only screen and (max-width: 480px),
@media only screen and (max-width: 320px) {

	.layout_content_stripe div.layout_content_stripe_logo {
		/*display: none;*/
	}
	
}
.layout_content_stripe_white {
	/* background: #ffffff; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*
	border-top: 10px solid #E6E6DC;
	border-bottom: 10px solid #E6E6DC;
	*/
	color: #242424;
	position: relative;
}
.layout_content_stripe_white_:after {
	content: '';
	position: absolute;
	top: 0; 
	left: 50%;
	margin-left: -20px;
	width: 0;
	z-index: 1;
	height: 0;
	border-top: solid 20px #E6E6DC;
	border-left: solid 20px transparent;
	border-right: solid 20px transparent;
}
.layout_content_stripe_white a,
.layout_content_stripe_white a:link,
.layout_content_stripe_white a:visited {
	color: #242424;
	text-decoration: none;
}
.layout_content_stripe_dark_grey {
	background: #f9f9f9;
	background: rgba(249, 249, 249, 1.0);
	color: #242424;
}
.layout_content_stripe_dark_grey a,
.layout_content_stripe_dark_grey a:link,
.layout_content_stripe_dark_grey a:visited {
	color: #242424;
	text-decoration: none;
}
.layout_content_stripe_grey {
	background: #F8F8F8;
}
.layout_content_stripe_black {
	background: #111111;
	color: #fafafa;
}
.layout_content_stripe_custom {
	/*background: var(--ci_color);*/
	background: #b51622;
	background: radial-gradient( circle at top, #a02121 0%, #a02121 4%,transparent 60%, transparent 100%), linear-gradient( to bottom, #a02121 , #c92628 );
	/*border-top: 2px solid #c92628;*/
	color: var(--ci_color_white);
}
.layout_content_stripe_black a,
.layout_content_stripe_black a:link,
.layout_content_stripe_black a:visited {
	color: #fafafa;
	text-decoration: none;
}
.layout_content_stripe_border_top {
	border-top: 1px solid #D1D1D1;
}
.layout_content_stripe_no_margin {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_content_stripe_first {
	margin: 0px 0px 0px 0px;
}
.layout_content_stripe_left {
	text-align: left;
}
.layout_content_stripe_right {
	text-align: right;
}
.layout_content_stripe_center {
	text-align: center;
}
.layout_content_stripe_inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.site_content_stripe_1 div.layout_content_stripe_inner {
	margin: 0px 0px 0px 0px;
	padding: 80px 0px 80px 0px;
}
.layout_content_stripe_inner .col-md-7,
.layout_content_stripe_inner .col-md-10 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_content_stripe_no_margin .layout_content_stripe_inner .col-md-7,
.layout_content_stripe_no_margin .layout_content_stripe_inner .col-md-10,
.layout_content_stripe_no_margin .layout_content_stripe_inner .col-md-12 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.layout_content_stripe_text_inner span.subhead {
	color: var(--ci_color_accent_1);
	font-weight: 400;
	margin-bottom: 20px;
	display: block;
}

.layout_content_stripe_inner h2 {
	font: var(--font-h1_component);
	font-style: normal;
	color: var(--ci_color_black);
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	/*border-bottom: var(--border_bottom-headings);*/
}
.layout_content_stripe_inner h2::after {
	background: var(--ci_color_accent_1);
	bottom: -1px;
	content: '';
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_content_stripe_inner h2:hover::after {
	background: var(--ci_color_accent_1);
	width: 180px;
}
.layout_content_stripe_center .layout_content_stripe_inner h2::after {
	left: 50%;
	transform: translateX(-50%);
}
.layout_content_stripe_white .layout_content_stripe_inner h2 {
	color: var(--ci_color_accent_1);
	text-align: center;
}
.layout_content_stripe_dark_grey .layout_content_stripe_inner h2 {
	color: #fafafa;
}
.layout_content_stripe_black .layout_content_stripe_inner h2 {
	color: #ffffff;
}
.layout_content_stripe_custom .layout_content_stripe_inner h2 {
	color: var(--ci_color_white);
}
.layout_content_stripe_custom .layout_content_stripe_inner h2::after {
	background: var(--ci_color_white);
}
.layout_content_stripe_custom .layout_content_stripe_inner h2:hover::after {
	background: var(--ci_color_white);
}
.layout_content_stripe_inner h3 {
	font: normal 21px/25px 'Open Sans', Arial, Helvetica !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 0px !important;
}
.layout_content_stripe_white .layout_content_stripe_inner h3 {
	color: #7F7F7F;
	text-align: center;
}
.layout_content_stripe_dark_grey .layout_content_stripe_inner h3 {
	color: #7F7F7F;
}
.layout_content_stripe_black .layout_content_stripe_inner h3 {
	color: #7F7F7F;
}
.layout_content_stripe_custom .layout_content_stripe_inner h3 {
	color: #7F7F7F;
}
.layout_content_stripe_center .layout_content_stripe_inner h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
}
.layout_content_stripe_center .layout_content_stripe_inner h2 span.text {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	/*
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	position: relative;
	text-align: center;
	*/
}
.layout_content_stripe_center.layout_content_stripe_dark_grey .layout_content_stripe_inner h2 span.text {
	/*
	background: #010101;
	color: #ffffff;
	*/
}
.layout_content_stripe_center .layout_content_stripe_inner h2 span.line {
	background: #010101;
	display: none;
	height: 2px;
	margin-left: 10%;
	position: absolute;
	top: 12px;
	width: 80%;
}
.layout_content_stripe_center.layout_content_stripe_dark_grey .layout_content_stripe_inner h2 span.line {
	background: #bbbbbb;
}
.layout_content_stripe_left .layout_content_stripe_inner h2::after {
	background: var(--ci_color_white);
	bottom: -1px;
	content: none;
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_content_stripe_left.layout_content_stripe_dark_grey .layout_content_stripe_inner h2::after {
	background: var(--ci_color_white);
}
.layout_content_stripe_right .layout_content_stripe_inner h2::after {
	background: var(--ci_color_white);
	bottom: -1px;
	content: "";
	height: 2px;
	right: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_content_stripe_right.layout_content_stripe_dark_grey .layout_content_stripe_inner h2::after {
	background: #ffffff;
}
.layout_content_stripe_left .layout_content_stripe_inner h2:hover:after,
.layout_content_stripe_right .layout_content_stripe_inner h2:hover:after  {
	background: var(--ci_color_white);
	width: 180px;
}
.layout_content_stripe_inner h2 span.quadratmeter {
	text-transform: lowercase !important;
}
.content_stripe_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_content_stripe_black .content_stripe_content a.content_stripe_content_readmore {
	background: transparent url(/a_layout/images/icons/icon_arrow_weiss_rechts.png) no-repeat left 6px;
	color: #242424;
	font-weight: 400;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
}
.layout_content_stripe_white .content_stripe_content a.content_stripe_content_readmore {
	font-weight: 400;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	position: relative;
}
.layout_content_stripe_white .content_stripe_content a.content_stripe_content_readmore:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.4em;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	position: absolute;
	left: 0px;
	display: inline-block;
}
.layout_content_stripe_white .content_stripe_content a.content_stripe_content_readmore:hover,
.layout_content_stripe_white .content_stripe_content a.content_stripe_content_readmore:hover:before {
	color: #A5222A;
}

.flex {
	display: flex;
}
@media only screen and (max-width: 991px) {
	.flex {
		display: block;
	}
}

div.layout_content_stripe_logo  {
	margin-left: calc(-1 * (100vw - (1170px - 15px)) / 2);
	margin-right: 20px;
	width: calc(50% + ((100vw - (1170px - 200px)) / 2));
}
@media only screen and (max-width: 991px) {
	div.layout_content_stripe_logo  {
		margin: 0px 0px 9px -15px;
		width: calc(100% + 30px);
		height: calc(100vw / 960 * 540);
	}
}

div.layout_content_stripe_logo_right  {
	margin-left: 0px;
	margin-right: calc(-1 * (100vw - (1170px - 15px)) / 2);
	width: calc(50% + ((100vw - (1170px - 15px)) / 2));
}

div.layout_content_stripe_image {
	/*margin-right: 20px;*/
	width: 100%;
	height: 100%;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

div.layout_content_stripe_text {
	padding: 80px 0px;
}
@media only screen and (max-width: 991px) {
	div.layout_content_stripe_text {
		padding: 20px 0px 60px 0px;
		margin-left: 0px;
	}
}

div.layout_content_stripe_text_inner {
	padding: 0px 40px 0px 0px;
}
div.layout_content_stripe_center div.layout_content_stripe_text_inner {
	padding: 0px;
}

div.layout_content_stripe_text_with_margin {
	padding: 60px 0px;
	margin-left: 20px;
}
@media only screen and (max-width: 991px) {
	div.layout_content_stripe_text_with_margin {
		padding: 20px 0px 60px 0px;
		margin-left: 0px;
	}
}

.layout_content_stripe .mobile_only {
	display: none
}
.layout_content_stripe .desktop_only {
	display: block
}
@media only screen and (max-width: 991px) {
	.layout_content_stripe .mobile_only {
		display: block
	}
	.layout_content_stripe .desktop_only {
		display: none
	}
}
