/**
 * NEW TEMPLATES
 */

.container-breadcrump + .wysiwygeditor_default p:first-child strong {
	display:       block;
	font-size:     1.5rem;
	line-height:   1.2;
	margin-bottom: 24px;
	margin-top:    0;
}

.container-breadcrump + .wysiwygeditor_default p:first-child + h1 {
	font-size:     1.5rem;
	font-weight:   100;
	margin-top:    -14px;
	margin-bottom: 2.35rem;
}

.content-intro-image .embed-responsive {
	height: 100%;
}

.content-intro-image .embed-responsive,
.posttypelist_default--benefit .embed-responsive {
	position:  relative;
	overflow:  hidden;
	width:     100%;
	font-size: 1rem;
}

.content-intro-image .embed-responsive > *,
.posttypelist_default--benefit .embed-responsive > * {
	position: absolute;
	top:      0;
	left:     0;
	width:    100%;
	height:   auto;
}

.content-intro-image .embed-responsive > picture,
.posttypelist_default--benefit .embed-responsive > picture {
	height: 100%;
}

.content-intro-image .embed-responsive > picture {
	width:        100vw;
	max-width:    1600px;
	height:       100%;
	/*margin-left:  calc(50% - 50vw);*/
	/*margin-right: calc(50% - 50vw);*/
	overflow:     visible;
}

.content-intro-image .embed-responsive img,
.posttypelist_default--benefit .embed-responsive img,
.posttypelist_default--teaser .embed-responsive img,
.posttypelist_default--teaser-small .embed-responsive img {
	position:      absolute;
	top:           0;
	left:          0;
	width:         100%;
	height:        100%;
	-o-object-fit: cover;
	object-fit:    cover;
}

.content-intro-image .embed-responsive::before,
.posttypelist_default--benefit .embed-responsive::before {
	content: '';
	display: block;
	width:   100%;
}

/**
 *  BENEFIT
 */

.posttypelist_default--benefit {
	margin: 2rem 0 6rem;
}

.posttypelist_default--benefit .article {
	position:               relative;
	display:                -webkit-box;
	display:                -webkit-flex;
	display:                -ms-flexbox;
	display:                flex;
	-webkit-flex-wrap:      wrap;
	-ms-flex-wrap:          wrap;
	flex-wrap:              wrap;
	-webkit-box-orient:     vertical;
	-webkit-box-direction:  normal;
	-webkit-flex-direction: column;
	-ms-flex-direction:     column;
	flex-direction:         column;
	margin-bottom:          4rem;
}

.posttypelist_default--benefit .article__image {
	-webkit-box-ordinal-group: 2;
	-webkit-order:             1;
	-ms-flex-order:            1;
	order:                     1;
	position:                  relative;
	height:                    auto;
	width:                     7rem;
	left:                      50%;

	-webkit-transform:         translateX(-50%);
	-moz-transform:            translateX(-50%);
	-ms-transform:             translateX(-50%);
	-o-transform:              translateX(-50%);
	transform:                 translateX(-50%);
}

.posttypelist_default--benefit .embed-responsive-4by3::before {
	padding-bottom: 75%;
}

.posttypelist_default--benefit .article__header {
	-webkit-box-ordinal-group: 3;
	-webkit-order:             2;
	-ms-flex-order:            2;
	order:                     2;
	margin:                    1rem 0 4px;
	font-weight:               bold;
	text-align:                center;
}

.posttypelist_default--benefit .article__headline {
	font-size: 1rem;
}

.posttypelist_default--benefit .article__body {
	-webkit-box-ordinal-group: 4;
	-webkit-order:             3;
	-ms-flex-order:            3;
	order:                     3;
	text-align:                center;
}

/**
 *  TEASER
 */

.posttypelist_default--teaser .cta_type-seitenteaser {
	justify-content: flex-start !important;
	flex-wrap:       nowrap;
	margin-bottom:   4rem;
}

.posttypelist_default--teaser .cta_type-seitenteaser .article__header {
	-webkit-box-ordinal-group: 2;
	-webkit-order:             1;
	-ms-flex-order:            1;
	order:                     1;
	margin-bottom:             1rem;
	font-size:                 1.5rem;
	font-weight:               100;
	text-align:                left;
	font-family:               'FagoWeb', sans-serif;
}

.posttypelist_default--teaser .cta_type-seitenteaser .article__image {
	-webkit-box-ordinal-group: 3;
	-webkit-order:             2;
	-ms-flex-order:            2;
	order:                     2;
	position:                  relative;
	height:                    auto;
	width:                     100%;
	left:                      unset;
	transform:                 none;
}

.posttypelist_default--teaser .cta_type-seitenteaser .article__body {
	-webkit-box-ordinal-group: 4;
	-webkit-order:             3;
	-ms-flex-order:            3;
	order:                     3;
	-webkit-box-flex:          1;
	-webkit-flex-grow:         1;
	flex-grow:                 1;
	margin:                    1rem 0 1.5rem;
	text-align:                left;
}

.posttypelist_default--teaser .cta_type-seitenteaser .article__footer {
	-webkit-box-ordinal-group: 5;
	-webkit-order:             4;
	-ms-flex-order:            4;
	order:                     4;
}

.posttypelist_default--teaser .cta_type-seitenteaser a {
	padding-bottom: 2px;
	color:          #8d0;
	border-bottom:  1px solid #8d0;
}

.posttypelist_default--teaser .cta_type-seitenteaser a.button {
	display:          inline-block;
	height:           36px;
	padding:          6px 1rem;
	color:            #fff;
	font-size:        1rem;
	text-align:       center;
	line-height:      1.7;
	background-color: #8d0;
}

/**
 *  TEASER small
 */

.posttypelist_default--teaser-small .article__header {
	margin-bottom: 1rem;
}

.posttypelist_default--teaser-small .article__headline {
	font-size:   1.5rem;
	font-weight: normal;
	font-family: 'FagoWeb', sans-serif;
}

.posttypelist_default--teaser-small .article__image {
	width: 100%;
}

.posttypelist_default--teaser-small .article__body {
	margin-top: 1rem;
}

.posttypelist_default--teaser-small > .article {
	margin-bottom: 3rem;
}

/**
 *  WORKFLOW
 */

.posttypelist_default--workflow {
	margin: 3rem 0 8rem;
}

.posttypelist_default--workflow .article {
	position: relative;
	width:    100%;
	margin:   0 0 2rem;
}

.posttypelist_default--workflow .article::before {
	content:          '';
	position:         absolute;
	left:             18px;
	width:            1px;
	height:           calc(100% + 2.5rem);
	background-color: #b5b5b5;
	margin-top:       0;
	left:             50%;
}

.posttypelist_default--workflow .article__header {
	-webkit-box-ordinal-group: 3;
	-webkit-order:             2;
	-ms-flex-order:            2;
	order:                     2;
	margin-bottom:             1rem;
}

.posttypelist_default--workflow .article__headline {
	font-size:   1.5rem;
	font-weight: normal;
	font-family: 'FagoWeb', sans-serif;
}

.posttypelist_default--workflow .article__header::before {
	content:          '';
	position:         absolute;
	display:          block;
	top:              0;
	left:             50%;
	margin-left:      -12px;
	width:            24px;
	height:           24px;
	background-color: #8d0;
	border-radius:    50%;
}

.posttypelist_default--workflow .article .article__image {
	-webkit-box-ordinal-group: 7;
	-webkit-order:             6;
	-ms-flex-order:            6;
	order:                     6;
}

.posttypelist_default--workflow .article__body {
	-webkit-box-ordinal-group: 6;
	-webkit-order:             5;
	-ms-flex-order:            5;
	order:                     5;
	-webkit-box-flex:          1;
	-webkit-flex-grow:         1;
	-ms-flex-positive:         1;
	flex-grow:                 1;
}

.posttypelist_default--workflow .article:nth-of-type(2n+1) {
	display:    block;
	text-align: right;
}

.posttypelist_default--workflow .article:nth-of-type(2n+1) .article__image {
	float: right;
	width: calc(41.6666666667% - 24px * 1.4 / 2.4);
}

.posttypelist_default--workflow .article:nth-of-type(2n+1) .article__image ~ * {
	clear: left;
}

.posttypelist_default--workflow .article:nth-of-type(2n+1) > :not(.article__image) {
	float: left;
	width: calc(41.6666666667% - 24px * 1.4 / 2.4);
}

.posttypelist_default--workflow .article:nth-of-type(2n+1)::after {
	content: '';
	display: table;
	clear:   both;
}

.posttypelist_default--workflow .article:nth-of-type(2n+2) {
	display: block;
}

.posttypelist_default--workflow .article:nth-of-type(2n+2) .article__image {
	float: left;
	width: calc(41.6666666667% - 24px * 1.4 / 2.4);
}

.posttypelist_default--workflow .article:nth-of-type(2n+2) .article__image ~ * {
	clear: right;
}

.posttypelist_default--workflow .article:nth-of-type(2n+2) > :not(.article__image) {
	float: right;
	width: calc(41.6666666667% - 24px * 1.4 / 2.4);
}

.posttypelist_default--workflow .article:nth-of-type(2n+2)::after {
	content: '';
	display: table;
	clear:   both;
}

.posttypelist_default--workflow .article__nav {
	position:  absolute;
	top:       50%;
	display:   block;
	width:     2rem;
	height:    2rem;
	font-size: 0;
}

.posttypelist_default--workflow .article__nav {
	left: calc(50% + 1rem);
}

.posttypelist_default--workflow .article__nav--prev::before {
	content:           '\e924';
	display:           inline-block;
	position:          relative;
	color:             #8d0;
	font-family:       'AK-Font thin', sans-serif !important;
	font-style:        normal;
	font-weight:       400;
	font-variant:      normal;
	text-transform:    none;
	line-height:       1;
	vertical-align:    middle;
	font-size:         3rem;
	-webkit-transform: translateY(-2rem);
	-ms-transform:     translateY(-2rem);
	transform:         translateY(-2rem);
}

.posttypelist_default--workflow .article__nav--next::before {
	content:           '\e926';
	display:           inline-block;
	position:          relative;
	color:             #8d0;
	font-family:       'AK-Font thin', sans-serif !important;
	font-style:        normal;
	font-weight:       400;
	font-variant:      normal;
	text-transform:    none;
	line-height:       1;
	vertical-align:    middle;
	font-size:         3rem;
	-webkit-transform: translateY(2rem);
	-ms-transform:     translateY(2rem);
	transform:         translateY(2rem);
}

.posttypelist_default--workflow .article:last-of-type .article__nav--next,
.posttypelist_default--workflow .article:first-of-type .article__nav--prev {
	visibility: hidden;
}

.posttypelist_default--workflow .link_button {
	width:      100%;
	text-align: center;
	z-index:    0;
}

.posttypelist_default--workflow .link_button a {
	display:          inline-block;
	width:            auto;
	padding:          6px 20px;
	color:            #fff;
	text-align:       center;
	text-decoration:  none;
	background-color: #8d0;
}

/**
 *  JOB TEASER
 */

.posttypelist_default--teaser {
	margin: 0 0 4rem;
}

.posttypelist_default--teaser .type-job {
	flex-direction: row;
	flex-wrap:      nowrap;
	margin-bottom:  24px;
	padding:        1rem;
	box-shadow:     0 0 7px #ccc;
}

.posttypelist_default--teaser .type-job:hover {
	background-color: #f2f2f2;
	box-shadow:       none;
}

.posttypelist_default--teaser .type-job a {
	display:         flex;
	flex-direction:  row;
	flex-wrap:       nowrap;
	justify-content: flex-start;
	width:           100%;
}

.posttypelist_default--teaser .type-job .column__lg {
	width:         40%;
	padding-right: 2rem;
}

.posttypelist_default--teaser .type-job .column__sm {
	width:         15%;
	padding-right: 2rem;
}

.posttypelist_default--teaser .type-job .column__sm:nth-child(2) {
	width:         25%;
	hyphens: manual;
 }

.posttypelist_default--teaser .type-job .column__sm:last-child {
	width:         20%;
	padding-right: 0;
}

.posttypelist_default--teaser .type-job .header {
	color:     #989898;
	font-size: 0.8rem;
}

.posttypelist_default--teaser .type-job .column__lg .body {
	display:       inline-block;
	color:         #8d0;
	font-weight:   bold;
	border-bottom: 1px solid transparent;
}

.posttypelist_default--teaser .type-job:hover .column__lg .body {
	border-bottom: 1px solid #8d0;
}

/**
 *  CONTACT PERSON
 */

body.single-job .container_ap .article__headline,
.widget_contact_person .article__headline {
	font-size:     1.5rem;
	font-weight:   normal;
	margin-bottom: 24px;
}

body.single-job .container_ap .ap-content,
.widget_contact_person .ap-content {
	margin-top:  1rem;
	line-height: 1.8;
}

body.single-job .container_ap .ap-content .ap-mail a,
.widget_contact_person .ap-content .ap-mail a {
	color:           #8d0;
	text-decoration: underline;
}

body.single-job .container_ap .ap-box > div {
	max-width: 240px;
}

/**
 *  JOB DETAIL
 */

body.single-job h1 {
	width:         100%;
	font-size:     1.5rem;
	font-weight:   bold;
	font-family:   'FagoWebBold', sans-serif;
	margin-bottom: 24px;
}

body.single-job .job_basics {
	margin-bottom: 4rem;
}

body.single-job .basic_table {
	display:        flex;
	flex-direction: row;
	flex-wrap:      nowrap;
}

body.single-job .basic_table > .column {
	position:        relative;
	display:         flex;
	flex-direction:  column;
	flex-wrap:       nowrap;
	justify-content: center;
	width:           32%;
	padding:         0 1rem 0 5rem;
	border-left:     1px solid #c8c8c8;
}

body.single-job .basic_table > .column:first-child {
	width: 24%;
}

body.single-job .basic_table > .column::before {
	content:           '';
	position:          absolute;
	top:               calc(50% - 12px);
	left:              2rem;
	width:             24px;
	height:            25px;
	background-repeat: no-repeat;
	background-size:   cover;
}

body.single-job .basic_table > .column.icon_time::before {
	background-image: url(../img/icon-uhr.svg);
}

body.single-job .basic_table > .column.icon_person::before {
	background-image: url(../img/icon-person.svg);
}

body.single-job .basic_table > .column.icon_place::before {
	background-image: url(../img/icon-region.svg);
}

body.single-job .basic_table .header {
	font-weight: bold;
}

body.single-job .job_content {
	margin-bottom: 1rem;
}

body.single-job .job_content .title_green {
	margin-bottom:   2rem;
	color:           #8d0;
	font-weight:     bold;
	text-decoration: underline;
}

body.single-job .job_content a {
	color:           #8d0;
	text-decoration: underline;
}

body.single-job .job_content .list_section {
	margin-bottom: 2rem;
}

body.single-job .job_content .header {
	font-weight: bold;
}

body.single-job .job_content .list_section ul {
	padding-left: 1rem;
}

body.single-object .content-intro-image .embed-responsive::before,
body.single-job .content-intro-image .embed-responsive::before {
	padding-top: 31.25%;
}

body.single-job .posttypelist_default--benefit {
	margin-bottom: 0;
}

body.single-job .posttypelist_default--benefit h2 {
	width:         100%;
	margin-bottom: 4rem;
}

@media screen and (max-width: 800px) {

	nav.breadcrumb {
		margin: 12px 0 24px;
	}

	body.slug-jobangebote .container-content > .pagecreator_placeholder {
		order: 6;
	}

	body.slug-jobangebote .container-content > .widget_contact_person {
		order:         7;
		margin-bottom: 3rem;
	}

	body.slug-jobangebote .container-content > .posttypelist_default--teaser-small {
		order: 9;
	}

	.posttypelist_default--teaser .type-job .column__lg {
		width: 46%;
	}

	.posttypelist_default--teaser .type-job .column__sm,
	.posttypelist_default--teaser .type-job .column__sm:last-child {
		width: 27%;
	}

	.posttypelist_default--workflow > * {
		padding-left: 3rem;
		display:      flex !important;
	}

	.posttypelist_default--workflow .article__header::before,
	.posttypelist_default--workflow .article::before {
		left: 12px;
	}

	.posttypelist_default--workflow .article > * {
		float:      none !important;
		width:      100% !important;
		text-align: left !important;
	}

	.posttypelist_default--workflow .article .article__image {
		-webkit-box-ordinal-group: 4;
		-webkit-order:             3;
		-ms-flex-order:            3;
		order:                     3;
		margin:                    2rem 4rem -2rem;
	}

	.posttypelist_default--workflow .article .article__footer {
		display: none;
	}

	.posttypelist_default--workflow .link_button {
		padding-left: 12px !important;
	}

	body.single-job .basic_table {
		display:        flex;
		flex-direction: column;
		flex-wrap:      wrap;
	}

	body.single-job .basic_table > .column,
	body.single-job .basic_table > .column:first-child {
		width: 100%;
		margin-bottom: 1rem;
	}
}

@media screen and (max-width: 500px) {

	.content-intro-image .embed-responsive.embed-responsive-16by5::before {
		padding-top: 57% !important;
	}

	.posttypelist_default--teaser {
		margin: 0 0 2rem;
	}

	.posttypelist_default--teaser .type-job a {
		flex-wrap: wrap;
	}

	.posttypelist_default--teaser .type-job .column__lg {
		width:         100%;
		margin-bottom: 1rem;
	}

	.posttypelist_default--teaser .type-job .column__sm,
	.posttypelist_default--teaser .type-job .column__sm:last-child {
		width: 50%;
	}
	
	.posttypelist_default--teaser .type-job .column__sm:nth-child(2) {
		width: 100%;
	}

	.posttypelist_default--workflow {
		padding-left: 1rem;
	}

	.posttypelist_default--workflow .article .article__image {
		margin: 0;
	}
}