body.page-template-landingpage > .container-canvas {
	overflow-x: visible;
}

body.page-template-landingpage > .container-canvas footer .ak-widget.text-2 {
	color: #fff;
}

.has-background::after {
	content:             '';
	position:            absolute;
	top:                 -140px;
	left:                50%;
	width:               100vw;
	min-width:           400px;
	max-width:           1600px;
	height:              100%;
	min-height:          1410px;
	background-position: top center;
	background-size:     100% auto;
	background-repeat:   no-repeat;
	z-index:             -2;
	-webkit-transform:   translateX(-50%);
	-moz-transform:      translateX(-50%);
	-ms-transform:       translateX(-50%);
	-o-transform:        translateX(-50%);
	transform:           translateX(-50%);
}

[data-custom-background] {
	position: relative;
}

[data-custom-background]:before {
	content:  '';
	position: absolute;
	top:      0;
	left:     0;
	width:    100%;
	height:   100%;
	z-index:  -1;
}

.wysiwygeditor_colored[data-custom-background]:before {
	opacity: 0.9;
}

.pagecreator_group[data-custom-background]:before {
	top:               0;
	left:              50%;
	width:             101vw;
	height:            calc(100% + 110px + 125px);
	z-index:           -2;
	max-width:         1600px;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
}

.pagecreator_wysiwygeditor.wysiwygeditor_colored {
	margin-top: 5em;
	padding:    1.75em 1.5em 0;
	color:      #fff;
}

.pagecreator_wysiwygeditor.wysiwygeditor_colored p {
	color:       #fff;
	font-size:   1.2rem;
	line-height: 1.6;
	font-weight: normal;
}

.pagecreator_wysiwygeditor.wysiwygeditor_colored h1.text-lg {
	font-family:   Almendra, serif;
	font-size:     2em;
	margin-bottom: 0.25em;
	color:         #fff;
}

.pagecreator_wysiwygeditor.wysiwygeditor_colored h1.text-green,
.pagecreator_wysiwygeditor.wysiwygeditor_colored p.text-green {
	color: #8d0;
}

.teaser-landingpage-teaser {
	margin-bottom: 2em;
}

.teaser-landingpage-teaser .card-teaser-img {
	display: block;
}

.teaser-landingpage-teaser .card-teaser-img .embed-responsive {
	padding-top: 45.8333%;
	padding-bottom: 0;
}

.teaser-landingpage-teaser .card-teaser-img .embed-responsive .embed-responsive-item {
	height: auto;
}

.teaser-landingpage-teaser .teaser-link,
.teaser-landingpage-teaser .teaser-text {
	background: #fff;
}

.teaser-landingpage-teaser .teaser-text {
	margin:            0;
	padding:           1em 0.66em 0.25em;
	-webkit-box-flex:  1;
	-ms-flex-positive: 1;
	flex-grow:         1;
	font-size:         1.6em;
	font-family:       FagoWebBold, sans-serif;
	line-height:       1.2;
	-ms-hyphens:       manual;
	-moz-hyphens:      manual;
	-webkit-hyphens:   manual;
	hyphens:           manual;
}

.teaser-landingpage-teaser .teaser-link {
	padding: 0 1em 1em;
}

.teaser-landingpage-teaser .teaser-link a {
	margin:      0 0 0 auto;
	font-family: FagoWebBold, sans-serif;
}

.teaser-landingpage-teaser .card-teaser-content,
.teaser-landingpage-teaser .card-teaser-content .article-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.teaser-landingpage-teaser .card-teaser-content .article-body {
	-webkit-box-orient:    vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow:         column;
	flex-flow:             column;
}

.posttypelist_landingpage-teaser::after {
	content:       '';
	position:      absolute;
	top:           100%;
	right:         0;
	left:          0;
	width:         auto;
	margin-top:    calc(48px + 16px);
	border-bottom: 3px solid #fff;
}

/* === SM === */
@media screen and (min-width: 500px) {
	.has-background::after {
		top:       -200px;
		max-width: 80vw;
	}
}

/* === MD === */

@media screen and (min-width: 800px) {
	.has-background::after {
		top:       -192px;
		max-width: 1570px;
	}

	.teaser-landingpage-teaser {
		margin-bottom: -2em;
	}

	.pagecreator_wysiwygeditor.wysiwygeditor_colored p {
		font-size:   1.25rem;
		line-height: 1.5;
	}

	.pagecreator_wysiwygeditor.wysiwygeditor_colored h1.text-lg {
		font-size:     2.15em;
		line-height:   1.3;
		margin-bottom: 0.75em;
	}

	.posttypelist_landingpage-teaser::after {
		margin-top: calc(48px + 16px);
		right:      calc(0px - 8.33333333% - 12px * 11 / 12);
		left:       calc(0px - 8.33333333% - 12px * 11 / 12);
	}
}

/* === LG === */

@media screen and (min-width: 1100px) {
	.has-background::after {
		top: -150px;
	}

	.posttypelist_landingpage-teaser::after {
		margin-top: calc(48px + 62px + 16px);
		right:      calc(0px - 8.33333333% - 12px * 11 / 12 - 8px);
		left:       calc(0px - 8.33333333% - 12px * 11 / 12 - 8px);
	}

}