/*
Theme Name: P3 Karriere-Homepage
Theme URI: https://p3creation.com
Author: P3 CREATION GROUP
Author URI: https://p3creation.com
Description: 
Version: 4.3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: p3-karriere-homepage
Tags: 
Domain Path: /languages
*/

/* Colors */

:root{
    --color-white: #fff;
    --color-niederrhein-red: #E7343F;
    --color-niederrhein-red-hover: #A2242C;
    --color-light-grey: #F1F2F3;
    --color-stonegrey: #3A4B56;
    --color-black: #000;
}

html {
  scroll-behavior: smooth;
}

/* Preloader */
#preloader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1071;
	background-color: #fff;
}
body.admin-bar #preloader {
	top: 46px;
}
@media (min-width: 783px) {
	body.admin-bar #preloader {
		top: 32px;
	}
}

#preloader > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#preloader img {
	-webkit-animation: shake .5s linear 0s infinite both;
	animation: shake .5s linear 0s infinite both;
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-.3125rem);
	}
}
@keyframes shake {
	0%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-.3125rem);
	}
}


/* Header */
header {
	margin-bottom: 1.875rem;
}


/* Main */
main {
	padding-top: 2.8125rem;
}


/* Typography */
h1,
.h1 {
	font-size: calc(1.4rem + 1vw);
}

h2,
.h2 {
	font-size: calc(1.1rem + 0.6vw);
}

h3,
.h3 {
	font-size: calc(1rem + 0.5vw);
}

h4,
.h4 {
	font-size: calc(.9rem + 0.4vw);
}

h5,
.h5 {
	font-size: calc(0.8rem + 0.2vw);
}

h6,
.h6 {
	font-size: 1rem;
}

.lead {
	font-size: 1.25rem !important;
}

.blockquote {
    font-size: 1.1rem;
}

a:hover {
	text-decoration: none;
}

hr.divider {
	margin-top: 2.8125rem;
	margin-bottom: 2.8125rem;
}


/* Navbar */
.navbar-light .navbar-nav .current-menu-item > a,
.navbar-light .navbar-nav a.active,
.navbar-light .navbar-nav a.show,
.navbar-light .navbar-nav .show > a {
	color: rgba(0,0,0,.9);
}

.navbar-light .navbar-nav a {
	color: rgba(0,0,0,.5);
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav a {
		padding-right: .5rem;
		padding-left: .5rem;
	}
}
.navbar-nav a {
	padding-right: 0;
	padding-left: 0;
}
.menu-item > a {
	display: block;
	padding: .5rem 1rem;
}

.navbar-brand {
	max-width: 75%;
}

.navbar-toggler {
	border: 0;
	background-color: transparent;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
	outline: 0;
}

.icon-bar {
	display: block;
	margin-top: 4px;
	width: 22px; 
	height: 2px;
	background-color: #000;
	transition: opacity .2s, transform .2s;
}
.navbar-toggler .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}
.navbar-toggler .middle-bar {
	opacity: 0;
}
.navbar-toggler .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .top-bar {
	transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
}
.navbar-toggler.collapsed .bottom-bar {
	transform: rotate(0);
}

/* GTranslate (Übersetzer) */

#navbar-content{justify-content: flex-end;}

#navbar-content .translate{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 5px;
}

#navbar-content.show .translate{
    padding: 0 0.5rem;
    padding-bottom: 15px;
}


#navbar-content .translate a.glink img{
	margin: 0 5px;
}

@media (min-width: 1200px) {
	#navbar-content .translate a.glink img{
		max-width: 24px;
		height: auto;
		margin: 0 2px;
	}
}


/* Images */
img {
	max-width: 100%;
	height: auto;
}
svg {
	width: 100%;
	height: auto;
}


img.injectable {
	visibility: hidden;
}


.svg-wrap {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
}
.svg-wrap > canvas {
	display: block;
	visibility: hidden;
	height: 100%;
}

.svg-wrap > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}


/* Badges */
.badge {
	padding: .375rem .625rem;
	font-weight: 500;
}


/* Containers */
@media (min-width: 1200px) {
	.container {
		max-width: 1440px;
	}
}

/* Full-Width-Row inside Container */

.row-full-width{
	width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}


/* Navs */
.nav-pills {
	margin-top: .9375rem;
	margin-bottom: 3.75rem;
}

.nav-pills .nav-item + .nav-item {
	margin-top: 15px;
}
@media (min-width: 768px) {
	.nav-pills .nav-item + .nav-item {
		margin-top: 0;
		margin-left: 15px;
	}
}

.nav-pills .nav-link {
	position: relative;
	padding: .625rem 1.25rem;
	height: 100%;
	text-align: left;
	transition: background-color .125s, color .125s ease, border-color .125s;
	border: 1px solid transparent;
}
@media (min-width: 768px) {
	.nav-pills .nav-link {
		padding-top: 1.5625rem;
		padding-bottom: .9375rem;
		text-align: inherit;
	}
}

.nav-pills .nav-link::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	border-top: .625rem solid transparent;
	border-right: .625rem solid transparent;
	border-left: .625rem solid transparent;
	transform: translateX(-50%);
	transition: border-top-color .125s;
}
.nav-pills .nav-link.active::after {
	border-top-color: #000;
}

.nav-pills .nav-link > svg,
.nav-pills .nav-link > img {
	margin-right: 1rem;
	max-width: 2.5rem;
}
.nav-pills .nav-link > svg {
	max-height: 2.5rem;
	fill: #fff;
	stroke: #fff;
}
@media (min-width: 768px) {
	.nav-pills .nav-link > svg,
	.nav-pills .nav-link > img {
		display: block;
		margin-right: auto;
		margin-left: auto;
		max-width: 5rem;
	}

	.nav-pills .nav-link > svg {
		max-height: 5rem;
	}
}

.nav-pills .nav-link > span {
	display: inline-block;
	padding: .625rem;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.nav-pills .nav-link > span {
		padding: .9375rem .625rem .625rem;
	}
}

/* Startseite */

.home-accordion{
	margin-top: 5.625rem;
}

.home-accordion button {
	position: relative;
	margin-left: 1.125rem;
	padding: 0 0 0 .75rem;
	font-size: inherit;
	text-align: left;
}
.home-accordion button::before,
.home-accordion button::after {
	content: "";
	position: absolute;
	top: calc(50% - .25rem + .2em);
	left: -1.125rem;
	width: 1rem;
	height: .125rem;
	background-color: #212529;
	transition: transform .5s;
}
.home-accordion button.collapsed::before {
	transform: rotate(180deg);
}
.home-accordion button.collapsed::after {
	transform: rotateZ(90deg);
}

	/* OWL */

	body.home .owl-carousel,
	body.home .owl-carousel .owl-stage-outer,
	body.home .owl-carousel .owl-stage,
	body.home .owl-carousel .owl-item,
	body.home .owl-carousel.owl-drag .owl-item,
	/*body.home .owl-carousel .owl-item img,*/
	body.home .owl-item > .item{
		height: 100%;
	}

	body.home .tile-img-gallery .cycle-img,
	body.home .cycle-img > img{
		height: 100%;
		width: 100%;
	}

/* Benefits */

.benefit {
	position: relative;
	border-radius: .25rem;
	background-color: #fff;
}
.benefit::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.benefit > div {
	position: absolute;
	padding: 1rem;
	width: 100%;
	height: 100%;
	text-align: center;
}

.benefit svg,
.benefit img {
	padding: .625rem 1.25rem;
	max-width: 7.1875rem;
}
.benefit svg {
	max-height: 5.9375rem;
}

.benefit > div > span {
	font-size: 1rem;
}

@media (min-width: 768px) {
	.benefit svg,
	.benefit img {
		padding: .9375rem 1.875rem;
		max-width: 9.375rem;
	}
	.benefit svg {
		max-height: 7.5rem;
	}
	.benefit > div > span {
		font-size: 1.15rem;
	}
}

/* Grid */
#benefits-grid {
	margin-right: -15px;
	margin-top: 45px;
}

#benefits-grid .benefit {
	margin-bottom: 15px;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.05);
}

#benefits-grid .gutter-sizer {
	width: 15px;
}

#benefits-grid .benefit,
#benefits-grid .grid-sizer {
	width: calc(50% - 15px);
}
/*@media (min-width: 576px) {
	#benefits-grid .benefit,
	#benefits-grid .grid-sizer {
		width: calc(50% - 15px);
	}
}*/
@media (min-width: 768px) {
	#benefits-grid {
		margin-right: -30px;
		padding-left: 0;
		padding-right: 0;
	}

	#benefits-grid .benefit {
		margin-bottom: 30px;
	}

	#benefits-grid .benefit,
	#benefits-grid .grid-sizer {
		width: calc(33.334% - 30px);
	}

	#benefits-grid .gutter-sizer {
		width: 30px;
	}
}
@media (min-width: 992px) {
	#benefits-grid .benefit,
	#benefits-grid .grid-sizer {
		width: calc(25% - 30px);
	}
}
@media (min-width: 1200px) {
	#benefits-grid .benefit,
	#benefits-grid .grid-sizer {
		width: calc(20% - 30px);
	}
}

	/* Top-Benefits */

	#benefits-grid .benefit.benefit-special {
		margin-bottom: 15px;
		box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.05);
	}
	#benefits-grid .benefit.benefit-special{
		width: calc(100% - 15px);
	}
	@media (min-width: 768px) {
		#benefits-grid .benefit.benefit-special{
			width: calc(66.667% - 30px);
			margin-bottom: 30px;
		}
	}
	@media (min-width: 992px) {
		#benefits-grid .benefit.benefit-special{
			width: calc(50% - 30px);
		}
	}
	@media (min-width: 1200px) {
		#benefits-grid .benefit.benefit-special{
			width: calc(40% - 30px);
		}
	}

	#benefits-grid .benefit.benefit-special svg,
	#benefits-grid .benefit.benefit-special img {
		padding: 1.25rem 1.75rem;
		max-width: 12rem;
	}
	#benefits-grid .benefit.benefit-special svg {
		max-height: 12rem !important;
	}

	#benefits-grid .benefit.benefit-special > div > span {
		font-size: 1.5rem;
	}


/*#benefits-grid .benefit img,
#benefits-grid .benefit svg {
	padding: 0 1.5rem;
}*/
/* Carousel */
/*#benefits-carousel .benefit img,
#benefits-carousel .benefit svg {
	padding: 0 3rem;
}*/

#leisure-facilities-grid .info-link,
#benefits-grid .info-link,
#benefits-carousel .info-link {
    position: absolute;
    max-width: 1.5rem !important;
    right: 1px;
    fill: rgba(0,0,0,0.6);
    top: 1px;
    background-color: rgba(255,255,255,0.6);
    padding: 5px !important;
    border-radius: 0 4px;
    transition: all 0.5s ease;
}

#leisure-facilities-grid a:hover .info-link,
#benefits-grid a:hover .info-link,
#benefits-carousel a:hover .info-link {
    fill: rgba(0,0,0,1);
    background-color: rgba(255,255,255,1);
    transition: all 0.5s ease;
}


/* Vacancies */

#vacancies-grid-col > .row {
	padding-top: 2.8125rem;
	padding-bottom: 2.8125rem;
}

.vacancy {
	display: flex;
    flex-direction: row;
    align-items: center;
	position: relative;
	border-radius: .25rem;
	width: 100%;
	box-shadow: 0 0 .3125rem 0 rgba(0,0,0,.1);
}

.vacancy > .vacancy-titel {
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
}

.vacancy > .vacancy-location-type {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.vacancy > .vacancy-titel > h3,
.vacancy > .vacancy-location-type > .row {
	padding-right: 1.875rem;
	padding-left: 1.875rem;
}

.vacancy > .vacancy-location-type > .row > .col-12 {
	padding-top: .625rem;
	padding-bottom: .625rem;
	padding-left: calc(15px - .3125rem);
}

@media (max-width: 767px) {
	.vacancy > .vacancy-location-type > .row > .border-left {
		border-left: 0 !important;
	}
}

.vacancy h3 {
	margin-bottom: 0;
}

.vacancy .badge {
    margin-left: 0.25rem;
    margin-bottom: 0.15rem;
}

.vacancy .badge > i {
	margin-right: .1875rem;
}

.isotope-filter {
	width: initial;
}
.isotope-filter + .isotope-filter {
	margin-left: 5px;
}

/* List-Layout */

	#vacancies-grid {
		margin: 0 -15px 0 15px;
	}

	#vacancies-grid .grid-sizer {
		width: 100%;
	}

	.vacancy-list + .vacancy-list {
		margin-top: 15px;
	}

/* Grid-Layout */


	#vacancies-grid.grid-layout .gutter-sizer {
		width: 15px;
	}

	#vacancies-grid.grid-layout .grid-sizer,
	#vacancies-grid.grid-layout .vacancy {
		width: 100%;
	}

	@media (min-width: 768px) AND (max-width: 1023px) {
		#vacancies-grid.grid-layout .grid-sizer {
			width: 50%;
		}
		#vacancies-grid.grid-layout .vacancy {
			width: 50%;
		}
	}

	@media (min-width: 1024px) {
		#vacancies-grid.grid-layout .grid-sizer {
			width: 33.333333%;
		}
		#vacancies-grid.grid-layout .vacancy {
			width: 33.333333%;
		}
	}

/* FAQs */

.faq {
	box-shadow: 0 0 .3125rem 0 rgba(0,0,0,.1);
}
.faq + .faq {
	margin-top: .3125rem;
}

.faq > .card-header {
	padding: .9375rem;
	background-color: #fff;
}

.faq button {
	position: relative;
	margin-left: 1.125rem;
	padding: 0 0 0 .75rem;
	font-size: inherit;
	text-align: left;
}
.faq button::before,
.faq button::after {
	content: "";
	position: absolute;
	top: calc(50% - .25rem + .2em);
	left: -1.125rem;
	width: 1rem;
	height: .125rem;
	background-color: #212529;
	transition: transform .5s;
}
.faq button.collapsed::before {
	transform: rotate(180deg);
}
.faq button.collapsed::after {
	transform: rotateZ(90deg);
}

.faq .btn-link {
	color: inherit;
}
.faq .btn-link:hover,
.faq .btn-link:focus {
	text-decoration: none;
}


/* Vacancy (single-vacancy.php) */

#job-posting {
	margin-bottom: 1.25rem;
	padding: 3.75rem 15px;
	background-color: #fff;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
}

#job-posting img.attachment-post-thumbnail.wp-post-image{
	margin: -3.75rem -15px;
    width: calc(100% + 30px);
    min-width: calc(100% + 30px);
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
	#job-posting {
		padding: 5.625rem 3.75rem 3.75rem;
	}

	#job-posting img.attachment-post-thumbnail.wp-post-image{
		margin: -5.625rem -3.75rem -3.75rem;
	    width: calc(100% + 7.5rem);
	    min-width: calc(100% + 7.5rem);
	    margin-bottom: 3rem;
	}
}

#job-posting > h1 + div {
	margin-top: 3.75rem;
	margin-bottom: 1.875rem;
	padding: .625rem;
	background-color: #f5f5f5;
}

#job-posting .flex-container {
	display: flex;
    flex-direction: row;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

#job-posting .flex-item{
    flex-grow: 1;
    flex-basis: 0;
	border-bottom: 1px solid #f5f5f5;
	padding: 15px;
	min-width: 150px;
}

@media (min-width: 768px) {
	#job-posting .flex-item{
		min-width: 250px;
	}
}

#job-posting .flex-item a{
	line-height: 1.5;
	display: inline-block;
}

@media (min-width: 768px) AND (max-width: 1200px) {
	#job-posting .flex-container {
	  flex-direction: row;
	}

	#job-posting .flex-item:not(:last-child){border-right: 1px solid #f5f5f5;}

	#job-posting .flex-item{
	    flex-grow: 1;
	    flex-basis: 0;
	    border-bottom: 0;
		padding-top: 15px;
	}
}

/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
    #job-posting .flex-item{
	    flex-basis: 120px;
    }

    #job-posting .meta svg{
    	height: 70px;
    }
}


#job-posting .meta svg{
	max-width: 50px;
}

.job-locations,
.employment-types,
.applicant-location-requirements {
	display: inline-block;
	font-size: 1rem;
}
.employment-types,
.applicant-location-requirements {
	margin-top: .3125rem;
}
@media (min-width: 768px) {
	.employment-types,
	.applicant-location-requirements {
		margin-top: 0;
		margin-left: .625rem;
		border-left: 1px #999 solid;
		padding-left: .625rem;
	}
}

.job-locations > span:not(.address),
.employment-types > span:not(.badge),
.applicant-location-requirements > span:not(.badge) {
	margin-right: .3125rem;
	text-transform: uppercase;
	font-size: .8rem;
}

.job-locations .badge,
.employment-types .badge {
	padding: .3rem .5rem;
}

#job-posting + .col-xl-10 > a {
	display: inline-block;
	margin-bottom: 5.625rem;
}

#job-posting .job-posting-description{
	margin-bottom: 60px;
}


/* Counterpart */
#counterpart-divider {
	/*margin-top: 5.625rem;*/
	margin-top: 5rem;
	margin-bottom: 0;
}

#counterpart {
	/*margin-top: 5.625rem;
	margin-bottom: 5.625rem;*/
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
}

#counterpart > .card-body {
	padding: 1.25rem calc(1.25rem + 15px);
}

#counterpart > .card-body > div > div > p{
	margin-bottom: 0;
}


/* Contact */

.ansprechpartner-2  .counterpart-img,
#contact-tab-pane-1 .counterpart-img{
	max-width: 180px;
	margin-bottom: .9375rem;
}

.ansprechpartner-2 > svg,
#contact-phone > svg {
	max-width: 2.3rem;
	max-height: 2.3rem;
}

.ansprechpartner-2 > a,
#contact-phone > a {
	font-size: 1.8rem;
}

@media (min-width: 768px) {
	.ansprechpartner-2 > svg,
	#contact-phone svg {
		max-width: 3.2rem;
		max-height: 3.2rem;
	}

	.ansprechpartner-2 > span,
	#contact-phone > span {
		padding-left: .9375rem;
		font-size: 2.6rem;
	}
}

.ansprechpartner-2 > div > p:last-of-type,
#contact-tab-pane-1 p:last-of-type{
	margin-bottom: 0;
}



#contact-email {
	margin-top: .9375rem;
}

#contact-email > svg {
	max-width: 1.875rem;
	max-height: 1.875rem;
}

#contact-email > a {
	padding-left: .625rem;
}

#contact-whatsapp {
	margin-top: .9375rem;
}

#contact-whatsapp > svg {
	max-width: 1.875rem;
	max-height: 1.875rem;
}

#contact-whatsapp > a {
	padding-left: .625rem;
}

#locations-tab-content {
	padding: 15px;
	background-color: #fff;
}

#locations-tab-content iframe {
	width: 100%;
	height: 100%;
}

#locations-tab-content > .tab-pane .col-lg-5 {
	padding: 30px 30px 30px 15px;
}

#locations-tab-content .link-to-location{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#locations-tab-content .link-to-location svg{
	width: 45px;
	fill: #000;
	stroke: #000;
}

#contact-form {
	margin-bottom: 2.8125rem;
	border-radius: .25rem;
	background-color: #fff;
	padding: 3.75rem 2.8125rem 2.8125rem;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
}

#contact-social-media {
	padding: 3.75rem calc(3.75rem - 15px);
}

#contact-social-media > a {
	display: inline-block;
	margin: 0 .9375rem .9375rem 0;
	border: 1px solid #999;
	border-radius: 100%;
	width: 110px;
	height: 110px;
	transition: background-color .125s ease-in-out;
}
/*#contact-social-media > a + a {
	margin-left: .9375rem;
}*/
#contact-social-media > .facebook:hover,
#contact-social-media > .facebook:focus {
	background-color: #3b5998;
}
#contact-social-media > .instagram:hover,
#contact-social-media > .instagram:focus {
	background-color: #5851db;
}
#contact-social-media > .twitter:hover,
#contact-social-media > .twitter:focus {
	background-color: #1da1f2;
}
#contact-social-media > .xing:hover,
#contact-social-media > .xing:focus {
	background-color: #026466;
}
#contact-social-media > .linkedin:hover,
#contact-social-media > .linkedin:focus {
	background-color: #0077b5;
}
#contact-social-media > .youtube:hover,
#contact-social-media > .youtube:focus {
	background-color: #cd201f;
}
#contact-social-media > .kununu:hover,
#contact-social-media > .kununu:focus {
	background-color: #99c613;
}
#contact-social-media > .glassdoor:hover,
#contact-social-media > .glassdoor:focus {
	background-color: #0dab40;
}
#contact-social-media > .vimeo:hover,
#contact-social-media > .vimeo:focus {
	background-color: #19B7EA;
}
#contact-social-media > .tiktok:hover,
#contact-social-media > .tiktok:focus {
	background-color: #69C9D0;
}
#contact-social-media > .pinterest:hover,
#contact-social-media > .pinterest:focus {
	background-color: #e60023;
}
#contact-social-media > .snapchat:hover,
#contact-social-media > .snapchat:focus {
	background-color: #FEFC00;
}

#contact-social-media > a > svg {
	max-width: 50%;
	max-height: 50%;
	transform: translateY(50%);
	fill: #999;
	stroke: #999;
	transition: fill .125s ease-in-out, stroke .125s ease-in-out;
}
#contact-social-media > a:hover > svg,
#contact-social-media > a:focus > svg {
	fill: #fff;
	stroke: #fff;
}


/* About us */
#about-us-tab-pane-2 > .no-gutters {
	border-radius: .25rem;
	overflow: hidden;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
	background-color: #fff;
}

#workplace-imgs {
	min-height: 25rem;
}

#workplace-imgs-carousel .owl-stage-outer,
#workplace-imgs-carousel .owl-stage,
#workplace-imgs-carousel .owl-item {
	height: 100%;
}

#workplace-imgs-carousel .owl-dots {
	margin-top: 0;
	transform: translateY(-100%);
}

.workplace-img {
	background-size: cover;
	background-position: top center;
}

#about-us-tab-pane-2 > .no-gutters > .col-lg-7 {
	padding-right: 15px;
	padding-left: 15px;
}

#workplace-text {
	margin-bottom: 1.875rem;
	margin-top: 1.875rem;
	padding: 0 1.875rem;
	height: 450px;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: #000 #f5f5f5;
}
#workplace-text::-webkit-scrollbar-track {
	background-color: #f5f5f5;
	border-radius: .25rem;
	-webkit-box-shadow: inset 0 0 .1875rem 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 0 .1875rem 0 rgba(0,0,0,.1);
	box-shadow: inset 0 0 .1875rem 0 rgba(0,0,0,.1);
}
#workplace-text::-webkit-scrollbar {
	width: .375rem;
	background-color: transparent;
	border-radius: .25rem;
}
#workplace-text::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: .25rem;
}

#traffic-links{
	margin-top: 2rem;
}

#traffic-links .path .col-2 {
	display: flex;
	overflow: hidden;
}

#traffic-links .path div {
	padding: 0;
	height: 40px;
}

#traffic-links .path-top-right,
#traffic-links .path-bottom-left,
#traffic-links .path-bottom-right,
#traffic-links .path-top-left {
	position: relative;
	border: 2.5px solid #222;
	border-radius: 15px;
	width: 100%;
}

#traffic-links .path-top-right {
	top: -50%;
	left: 50%;
}

#traffic-links .path-bottom-left {
	top: calc(50% - 3px);
	left: -50%;
}

#traffic-links .path-bottom-right {
	top: calc(50% - 3px);
	left: 50%;
}

#traffic-links .path-top-left {
	top: -50%;
	left: -50%;
}

#traffic-links .path hr {
	position: relative;
	top: 17px;
	margin: 0;
	border-top: 3px solid #222;
}

#cities-nearby {
	margin: 1.875rem 0 0;
	border-radius: .25rem;
	padding: .9375rem;
	height: calc(100% - 1.875rem);
	background-color: #fff;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
}

#cities-nearby > svg {
	display: block;
	margin: -2.8125rem auto 1.875rem;
	border-radius: 50%;
	padding: .9375rem;
	max-width: 7.5rem;
	max-height: 7.5rem;
	background-color: #fff;
	box-shadow: 0 -.3125rem .625rem 0 rgba(0,0,0,.2);
}

#cities-nearby .table th {
    border-top: 0;
}


/* Multiple Locations */

	/* Über uns */
	#about-us-tab-pane-5 .col{
		margin-bottom: 30px;
	}

	#about-us-tab-pane-5 .card{
		transition: all 0.5s;
	}

	#about-us-tab-pane-5 .card:hover{
		box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 20%);
		transition: all 0.5s;
	}

	#about-us-tab-pane-5 .card .card-map{
		width: 100%;
		height: 200px;
		z-index: 10;
	}

	#about-us-tab-pane-5 .card .card-image{
		width: 100%;
		height: 200px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#about-us-tab-pane-5 .card .card-map iframe{
		width: 100%;
		height: 200px;
	}

	#about-us-tab-pane-5 .card .card-footer{
		background-color: unset;
		border-top: unset;
		padding: 0.75rem 1.5rem;
	}

	#about-us-tab-pane-5 .card .card-footer svg{
		width: 45px;
		height: auto;
		max-height: 45px;
		fill: #000;
		stroke: #000;
	}


	/* Locations-Carousel (Shortcode) */

	.location-carousel .owl-stage {
	  display: flex;
	}
	.location-carousel .owl-item {
	  display: flex;
	  flex: 1 0 auto;
	}

	.location-carousel .item {
	  width: 100%;
	}

	.location-carousel .card{
		transition: all 0.5s;
		height: 100%;
	}

	.location-carousel .card:hover{
		box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 20%);
		transition: all 0.5s;
	}

	.location-carousel .card .card-map{
		width: 100%;
		height: 200px;
		z-index: 10;
	}

	.location-carousel .card .card-image{
		width: 100%;
		height: 200px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.location-carousel .card .card-map iframe{
		width: 100%;
		height: 200px;
	}

	.location-carousel .card .card-footer{
		background-color: unset;
		border-top: unset;
		padding: 0.75rem 1.5rem;
	}

	.location-carousel .card .card-footer svg{
		width: 45px;
		fill: #000;
		stroke: #000;
	}

	.location-carousel{
		margin-left: -0.75rem;
		padding-bottom: 1.5rem;
		width: calc(100% + 1.5rem);
	}

	.location-carousel .item{
		padding: 0.75rem;
		padding-bottom: 1.5rem;
	}


/* Leisure facilities */
.leisure-facility {
	position: relative;
	border-radius: .25rem;
	background-color: #fff;
}
.leisure-facility::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.leisure-facility > div {
	position: absolute;
	padding: 1rem;
	width: 100%;
	height: 100%;
	text-align: center;
}

.leisure-facility > p{
	margin: 0!important;
}

.leisure-facility svg,
.leisure-facility img {
	padding: .625rem 1.25rem;
	max-width: 7.1875rem;
}
.leisure-facility svg {
	max-height: 5.9375rem;
}
@media (min-width: 768px) {
	.leisure-facility svg,
	.leisure-facility img {
		padding: .9375rem 1.875rem;
		max-width: 9.375rem;
	}

	.leisure-facility svg {
		max-height: 7.5rem;
	}
}

.leisure-facility > div > span {
	font-size: 1.15rem;
}

.leisure_facilities_hr{
	margin-top: 4rem;
    margin-bottom: 3rem;
}

/* Grid */
#leisure-facilities-grid.d-block {
	margin-right: -15px;
	margin-top: 45px;
}

#leisure-facilities-grid.d-block .leisure-facility {
	margin-bottom: 15px;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.05);
}

#leisure-facilities-grid.d-block .gutter-sizer {
	width: 15px;
}

#leisure-facilities-grid.d-block .leisure-facility,
#leisure-facilities-grid.d-block .grid-sizer {
	width: calc(50% - 15px);
}
/*@media (min-width: 576px) {
	#leisure-facilities-grid .leisure-facility,
	#leisure-facilities-grid .grid-sizer {
		width: calc(50% - 15px);
	}
}*/
@media (min-width: 768px) {
	#leisure-facilities-grid.d-block {
		margin-right: -30px;
		padding-left: 0;
		padding-right: 0;
	}

	#leisure-facilities-grid.d-block .leisure-facility {
		margin-bottom: 30px;
	}

	#leisure-facilities-grid.d-block .leisure-facility,
	#leisure-facilities-grid.d-block .grid-sizer {
		width: calc(33.334% - 30px);
	}

	#leisure-facilities-grid.d-block .gutter-sizer {
		width: 30px;
	}
}
@media (min-width: 992px) {
	#leisure-facilities-grid.d-block .leisure-facility,
	#leisure-facilities-grid.d-block .grid-sizer {
		width: calc(25% - 30px);
	}
}
@media (min-width: 1200px) {
	#leisure-facilities-grid.d-block .leisure-facility,
	#leisure-facilities-grid.d-block .grid-sizer {
		width: calc(20% - 30px);
	}
}

/*#leisure-facilities-grid .leisure-facility img,
#leisure-facilities-grid .leisure-facility svg {
	padding: 0 1.5rem;
}*/


/* Modals */
.modal-dialog.modal-xl {
	max-height: calc(100vh - 2rem - 30px);
}
body.admin-bar .modal-dialog.modal-xl {
	max-height: calc(100vh - 2rem - 76px);
}
@media (min-width: 783px) {
	body.admin-bar .modal-dialog.modal-xl {
		max-height: calc(100vh - 2rem - 62px);
	}
}

.modal-content {
	border: 0;
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1410px;
	}
}


/* Amelia Booking - Terminverwaltung */

.amelia-frontend{
	margin-top: 60px;
}

.amelia-app-booking #am-cabinet .am-cabinet-timezone{
	display: none;
}

.am-cabinet-profile-dropdown .el-dropdown-menu__item svg{
	width: 40px;
}

.amelia-app-booking h1, .am-modal.am-in-body h1, .amelia-app-booking h2, .am-modal.am-in-body h2, .amelia-app-booking h3, .am-modal.am-in-body h3, .amelia-app-booking h4, .am-modal.am-in-body h4, .amelia-app-booking p, .am-modal.am-in-body p, .amelia-app-booking span, .am-modal.am-in-body span, .amelia-app-booking div, .am-modal.am-in-body div, .amelia-app-booking section, .am-modal.am-in-body section, .amelia-app-booking ul, .am-modal.am-in-body ul, .amelia-app-booking li, .am-modal.am-in-body li, .amelia-app-booking a, .am-modal.am-in-body a {
    font-family: unset !important;
}

.am-confirmation-booking-details div:first-of-type{
	display: none !important;
}

/* Footer */

#footer {
	margin-top: 5.625rem;
	border-top: 1px solid rgba(119,119,119,.149020);
	padding-top: 1.875rem;
}

#footer img.footer-logo{width: auto;}

#footer-menu {
	display: block;
}
@media (min-width: 992px) {
	#footer-menu {
		display: -ms-flexbox;
		display: flex;
	}
}

#footer-menu > .menu-item {
	display: inline-block;
	padding: .3125rem 0;
}
@media (min-width: 992px) {
	#footer-menu > .menu-item {
		display: list-item;
	}
}

#footer-menu > .menu-item > a {
	padding: .3125rem .625rem;
}

#social-icons > a {
	display: inline-block;
	border-radius: .25rem;
	padding: .3125rem 0;
	width: 1.25rem;
	text-align: center;
}
#social-icons > a + a {
	margin-left: .625rem;
}

#social-icons > a > svg {
	max-height: 1.25rem;
	fill: #777;
	stroke: #777;
}
#social-icons > a:hover > svg,
#social-icons > a:focus > svg {
	fill: #000;
	stroke: #000;
}

#copyright {
	margin-top: .9375rem;
	padding-bottom: .9375rem;
	font-size: .8rem;
}

#copyright > div {
	margin-top: 2.1875rem;
}


/* Lightbox */
#lightbox {
	transform: translateY(25%);
}
html.admin-bar #lightbox {
	transform: translateY(25% + 46px);
}
@media (min-width: 783px) {
	html.admin-bar #lightbox {
		transform: translateY(25% + 32px);
	}
}


/* Google reCAPTCHA */
.grecaptcha-badge {
	visibility: hidden;
}


/* 404-Seite */

#page404 h1{
	font-size: 10rem;
}

/* Team */
.employee-has-imgs.on .employee-1st-img,
.employee-has-imgs .employee-2nd-img {
	position: absolute;
	visibility: hidden;
	left: -9999px;
}

.employee-has-imgs.on .employee-2nd-img {
	position: inherit;
	visibility: visible;
	left: inherit;
}

.employee.on:not(.employee-has-imgs) img {
	transform: rotateZ(180deg);
}


/* Borlabs Cookie */

.BorlabsCookie,
._brlbs-content-blocker{
	width: 100%;
	height: 100%;
}

._brlbs-content-blocker{
	min-height: 200px;
}

._brlbs-content-blocker ._brlbs-google-maps{
	background-image: url(/wp-content/themes/p3-karriere-homepage/assets/images/cookie-box/maps-placeholder.jpg);
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail{
	width: 100%;
}

/* Center iFrame-Kachel */
.tile-iframe ._brlbs-content-blocker{
	min-height: unset;
}

.tile-iframe .BorlabsCookie ._brlbs-content-blocker ._brlbs-default{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* Shortcode_Karte */

div.googlemaps,
div.googlemaps iframe{
	width: 100%;
	height: 100%;
	display: table;
}

/* Lazyload */
.btn-lazyload .spinner-border {
	display: none;
}

.btn-lazyload.busy .spinner-border {
	display: inherit;
}

/* #### Print #### */

@media print {
	body{
		background-color: transparent !important;
	}
}


/* Team-Shaker */

.employee.e1 {
	-webkit-animation: vibrate-1 0.3s linear infinite both;
	        animation: vibrate-1 0.3s linear infinite both;
}
.employee.e2 {
	-webkit-animation-name: tada;
	  animation-name: tada;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
}
.employee.e3 {
	-webkit-animation: wobble-hor-top 0.8s both;
	        animation: wobble-hor-top 0.8s both;
}

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@-webkit-keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}
@keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}

@-webkit-keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 


/*
---------------------------------------------
Team > Party-Mode
---------------------------------------------
*/

	body.party-on{
		background-color: #000;
		transition: all 3s;
	}

	/* Confetti */

	.employee.employee-has-imgs:before, .employee.employee-has-imgs:after {
	  position: absolute;
	  content: '';
	  display: block;
	  width: 120%;
	  height: 120%;
	  left: -20%;
	  z-index: -100;
	  transition: all ease-in-out 0.9s;
	  background-repeat: no-repeat;
	}

	.employee.employee-has-imgs:before {
	  display: none;
	  top: -75%;
	  background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff0081 20%, transparent 30%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
	  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
	}

	.employee.employee-has-imgs:after {
	  display: none;
	  bottom: -275%;
	  background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
	  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
	}

	.employee.employee-has-imgs:active {
	  transform: scale(0.9);
	  background-color: #e60074;
	  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
	}

/*
	.employee.employee-has-imgs.on:before {
	  display: block;
	  animation: topBubbles ease-in-out 0.95s forwards;
	}

	.employee.employee-has-imgs.on:after {
	  display: block;
	  animation: bottomBubbles ease-in-out 0.95s forwards;
	}
	 @keyframes
	topBubbles {  0% {
	 background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
	}
	 50% {
	 background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
	}
	 100% {
	 background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
	 background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
	}
	@keyframes
	bottomBubbles {  0% {
	 background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
	}
	 50% {
	 background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
	}
	 100% {
	 background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
	 background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
	}
*/


/*
---------------------------------------------
Shortcodes
---------------------------------------------
*/

	/* Highlight-1 */

	.highlight-1 .image{
		background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    min-height: 350px;
	}

	.highlight-1 .titel,
	.highlight-1 .text{
		padding: 30px;
		margin-bottom: 30px;
	}

	.highlight-1 .text{
		background-color: #f5f5f5;
		margin-top: -60px;
	}

	/* Galerie-1 */

	.galerie-1 .row.galerie{
		padding-left: 15px;
		padding-right: 15px;
	}

	.galerie-1 .row.galerie > div{
		padding-left: 0;
		padding-right: 0;
	}

	.galerie-1 .row.galerie .col-inner{
		min-height: 200px;
		background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    margin: 5px;
	}

	/* Galerie-2 */

	.galerie-2 .row.galerie{
		padding-left: 15px;
		padding-right: 15px;
	}

	.galerie-2 .row.galerie > div{
		padding-left: 0;
		padding-right: 0;
	}

	.galerie-2 .row.galerie .col-inner{
		min-height: 200px;
		background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    margin: 5px;
	}

	/* Video-1 */

	video{
		object-fit: cover;
	}

	.video-1{
		padding-left: 15px;
		margin-bottom: 30px;
	}

	.video-1 .embed-responsive{
		overflow: unset;
	}

	.video-1 .embed-responsive:after {
	    content: ' ';
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-color: #ccc;
	    margin-left: -15px;
	    z-index: -1;
	    position: absolute;
	    top: 15px;
	}


	/* Zitat-1 */

	.zitat-1 .blockquote:before{
	    content: "\f10d";
	    position: absolute;
	    margin-top: 15px;
	    margin-left: -7.5px;
	    color: rgba(0,0,0,.1);
	    font-family: "Font Awesome 5 Free";
	    font-size: 7rem;
	    font-weight: 900;
	    z-index: -1;
	}

	.zitat-1 .blockquote p{
		font-style: italic;
	}

	.zitat-1 .blockquote-footer {
	    display: flex;
	    font-size: 80%;
	    color: #6c757d;
	    flex-direction: row;
	    align-items: center;
	    margin-top: 30px;
	}

	.zitat-1 .blockquote-footer::before {
	    content: "";
	}

	.zitat-1 .blockquote-footer .foto{
		width: 100px;
		margin-right: 10px;
	}

	/* Zitat-2 */

	.zitat-2 .blockquote p {
	    font-style: italic;
	    background-color: #ecedef;
	    display: flex;
	    align-items: center;
	    padding: 15px 30px;
	}

	.zitat-2 .blockquote-footer {
	    display: flex;
	    font-size: 80%;
	    color: #6c757d;
	    flex-direction: row;
	    align-items: center;
	    margin-top: 30px;
	    justify-content: center;
	}

	.zitat-2 .blockquote-footer::before {
	    content: "";
	    position: absolute;
	    left: 50%;
	    border-top: 20px solid #ecedef;
	    border-right: 20px solid transparent;
	    border-left: 20px solid transparent;
	    transform: translateX(-50%);
	    transition: border-top-color .125s;
	    margin-top: -140px;
	}

	.zitat-2 .blockquote-footer .foto{
		width: 100px;
		height: 100px;
		margin-right: 10px;
	}

	.zitat-2 .blockquote-footer .foto img{
	    object-fit: cover;
	    height: 100px;
	    width: 100px;
	    max-width: unset;
	}

	/* Gallery Carousel */

	.layout-standard-1 a{
		height: 300px;
	    width: 100%;
	    display: block;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center center;
	}

    .layout-standard-1 .owl-nav .owl-next,
    .layout-standard-1 .owl-nav .owl-prev {
        position: absolute;
        top: calc(50% - 15px);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
	    display: flex;
	    font-size: 25px !important;
	    background-color: #999 !important;
	    width: 30px;
	    height: 30px;
	    justify-content: center;
	    align-items: center;
	    color: #fff !important;
    }
    .layout-standard-1 .owl-nav .owl-next {
		right: 0;
	    margin-right: -5px;
    }

    .layout-standard-1 .owl-nav .owl-prev{
        left: 0;
	    margin-left: -5px;
    }

    .layout-standard-1 .owl-nav .owl-next:hover,
    .layout-standard-1 .owl-nav .owl-prev:hover{
    	background-color: #555 !important;
    }


.embed-responsive-16by9 .BorlabsCookie {
	margin-top: -56.25%;
}

.stellenangebote-kachel {
	position: relative;
	background-color: #5aae50;
}
.stellenangebote-kachel::before {
	display: block;
	content: "";
	padding-top: 100%;
}

.stellenangebote-kachel > div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* Lazyload */
.btn-lazyload .spinner-border {
	display: none;
}

.btn-lazyload.busy .spinner-border {
	display: inherit;
}

/* Copyright (Front-Page) */

.video_copyright,
.img-card_copyright{
	position: absolute;
    bottom: 0;
    right: 0;
    font-size: 60%;
    padding: 0 3px;
    border-top-left-radius:3px;
    background-color: rgba(255,255,255,0.4);
}

/* -------------------------------------- */
/*        Honeypot (Landingpage)          */
/* -------------------------------------- */


body#honeypot{
	background-color: #f2f2f2;
}

body#honeypot main{
	overflow: hidden;
}

/* Buttons */

	body#honeypot .honeypot-next-link a{
		display: inline-block;
	    font-size: 16px;
	    padding: 10px 30px;
	    transition: 0.3s;
	    margin-top: 60px;
	    text-align: center;
	}

	body#honeypot .honeypot-next-link a:after{
		content: "\f061";
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	    -moz-osx-font-smoothing: grayscale;
	    -webkit-font-smoothing: antialiased;
	    display: inline-block;
	    font-style: normal;
	    font-variant: normal;
	    text-rendering: auto;
	    line-height: 1;
		margin-left: 15px;
	}

	body#honeypot .honeypot-next-link a:hover{
	    transition: 0.3s;
	}


/* Header-Navi */

	body#honeypot .lp_navbar .navbar-brand{
		margin: 0px;
	}

	body#honeypot .lp_navbar button.navbar-toggler{
		margin-top: 0;
	}

/* Pre/Next-Buttons (not in use) */

	body#honeypot .pre-next-links > .pre a,
	body#honeypot .pre-next-links > .next a{
	    position: absolute;
	    background-color: #ccc;
	    width: 100px;
	    height: 100px;
	    border-radius: 100px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	body#honeypot .pre-next-links > .pre a{
	    left: 30px;
	}

	body#honeypot .pre-next-links > .next a{
	    right: 30px;
	}

/* Sticky-Footer-Menu */

	body#honeypot #sticky-footer-menu{
	    position: fixed;
	    width: 100%;
	    z-index: 999;
	    bottom: 0;
	   	background-color: #f2f2f2;
		border-top: 1px solid #ccc;
		height: 70px;
	    display: flex;
	    align-items: center;

		box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px;
	}

	body#honeypot #sticky-footer-menu .container-fluid{
		padding: 0;
	}

	body#honeypot #sticky-footer-menu li a,
	body#honeypot #sticky-footer-menu li .disabled{
		display: block;
    	padding: 0.5rem 1rem;
	}

	body#honeypot #sticky-footer-menu li.pre{
		text-align: center;
		border-right: 1px solid #ccc;
		width: 60px;
		font-size: 20px;
		color: #ccc;
	}

	body#honeypot #sticky-footer-menu li.dropdown,
	body#honeypot #sticky-footer-menu li.formular-link{
		text-align: center;
		border-right: 1px solid #ccc;
	}

	body#honeypot #sticky-footer-menu li.dropdown .dropdown-toggle:focus{
		outline: none;
	}

	body#honeypot #sticky-footer-menu li.dropdown .dropdown-toggle::after{
		display: none;
	}

	body#honeypot #sticky-footer-menu li.dropdown .dropdown-menu.show{
		right: 0;
    	text-align: center;
    	top: -11px !important;
	    border: 1px solid #ccc;
	    border-bottom: 0;
	    border-radius: 0;
	    background-color: #f2f2f2;
	    box-shadow: rgba(0, 0, 0, 0.5) 0 -10px 20px -10px;
	}

	body#honeypot #sticky-footer-menu li.dropdown .dropdown-menu.show .dropdown-item.active,
	body#honeypot #sticky-footer-menu li.dropdown .dropdown-menu.show .dropdown-item:active{
		background-color: #ccc;
	}

	body#honeypot #sticky-footer-menu li.next{
		text-align: center;
		width: 60px;
		font-size: 20px;
		color: #ccc;
	}

/* Page-Footer */

	body#honeypot footer#footer{
		padding-bottom: 90px;
	}

/* Formidable-Forms */

	body#honeypot .frm_label_button_container{
		padding: 1rem;
		font-size: 16px;
		text-align: center;
		justify-content: center;
	}

	body#honeypot .form-group.frm_submit{
		text-align: center;
	}

	body#honeypot .frm_style_formidable-style.with_frm_style .frm_submit button{
		font-size: 16px;
	    padding: 10px 30px;
	    transition: 0.3s;
	    border-radius: 0;
	    box-shadow: none !important;
	}

	body#honeypot .frm_style_formidable-style.with_frm_style .frm_submit button.frm_button_submit:after{
		content: "\f061";
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	    -moz-osx-font-smoothing: grayscale;
	    -webkit-font-smoothing: antialiased;
	    display: inline-block;
	    font-style: normal;
	    font-variant: normal;
	    text-rendering: auto;
	    line-height: 1;
		margin-left: 15px;
	}

	body#honeypot .frm_primary_label.control-label{
		margin-bottom: 10px;
	}

	body#honeypot .frm_form_field.form-field.form-group.frm_top_container{
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}

	body#honeypot input[type=text].form-control,
	body#honeypot input[type=tel].form-control,
	body#honeypot input[type=email].form-control,
	body#honeypot select.form-control{
		font-size: 16px;
		height: 45px;
	}

	body#honeypot input::placeholder,
	body,#honeypot select::placeholder,
	body,#honeypot textarea::placeholder{
		font-size: 16px;
	}

	body#honeypot textarea.form-control{
		font-size: 16px;
	}

	@media (max-width: 768px) {
		body#honeypot .frm_opt_container{
    		grid-template-columns: repeat(1, 1fr);
		}
	}


body#honeypot .frm_display_format_buttons input[type=radio]:checked + .frm_label_button_container,
body#honeypot .frm_display_format_buttons input[type=radio]:checked + .frm_image_option_container,
body#honeypot .frm_display_format_buttons input[type=checkbox]:checked + .frm_label_button_container,
body#honeypot .frm_display_format_buttons input[type=checkbox]:checked + .frm_image_option_container,
body#honeypot .frm_nps__button.frm_nps__button--active, .frm_nps__buttons input[type=radio]:focus + .frm_nps__button,
body#honeypot .frm_nps__buttons input[type=radio]:checked + .frm_nps__button {
    background-color: #5aae50;
    border-color: #5aae50;
    color: #fff;
}

body#honeypot .frm_display_format_buttons .frm_label_button_container:hover,
body#honeypot .frm_display_format_buttons .frm_image_option_container:hover,
body#honeypot .frm_display_format_buttons input[type=radio]:focus + .frm_label_button_container,
body#honeypot .frm_display_format_buttons input[type=radio]:focus + .frm_image_option_container,
body#honeypot .frm_display_format_buttons input[type=checkbox]:focus + .frm_label_button_container,
body#honeypot .frm_display_format_buttons input[type=checkbox]:focus + .frm_image_option_container,
body#honeypot .frm_nps__button:hover, .frm_nps__button:focus {
    border-color: #5aae50;
    box-shadow: 0 0 0 1px #5aae50;
}



/* -------------------------------------- */
/*               Slideshow                */
/* -------------------------------------- */

body.single-slideshow{
	overflow: hidden;
}

body.single-slideshow > .container-fluid{
	padding: 0;
}

body.single-slideshow .owl-item,
body.single-slideshow .owl-item .owl-slide{
	width: 100vw;
	height: 100vh;
}

body.single-slideshow .owl-slide > .wpb-content-wrapper > .vc_row{
	margin-left: 0;
	margin-right: 0;
}

body.single-slideshow .owl-slide > .wpb-content-wrapper > .vc_row.vc_row-flex > .vc_column_container{
	min-height: 100vh;
}

body.single-slideshow .owl-slide > .wpb-content-wrapper > .vc_row > .vc_column_container>.vc_column-inner{
	padding-left: 0;
    padding-right: 0;
}

body.single-slideshow .owl-dots{
	position: absolute;
    bottom: 30px;
    right: 30px;
}

body.single-slideshow .owl-theme .owl-dots .owl-dot span{
	margin: 5px 3px;
}

body.single-slideshow .owl-item .owl-slide.vacancy-content svg{
	max-width: 75px;
}

body.single-slideshow .owl-slide-animated {
  transform: translateX(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s;
}

body.single-slideshow .owl-slide-animated.is-transitioned {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}

body.single-slideshow .vacancy_location.is-transitioned {
  transition-delay: 0.2s;
}

body.single-slideshow .vacancy_contract-type.is-transitioned {
  transition-delay: 0.35s;
}

body.single-slideshow .vacancy_qrcode.is-transitioned {
  transition-delay: 0.5s;
}

body.single-slideshow .owl-slide-cta.is-transitioned {
  transition-delay: 0.5s;
}


body.single-slideshow .owl-item .owl-slide .cover_right:after{
    content: "";
    Width: 200px;
    height: calc(100% + 200px);
    top: -100px;
    position: absolute;
    background-color: #ffffff;
    z-index: 1;
    right: -150px;
    transform: rotate(355deg);
}