body {
	margin: 0;
}

.tx_dbaycareer_career .requiredStar {
	color: #c40005;
}

.tx_dbaycareer_career .careerEntries .card {
	min-width: 0;
}

.tx_dbaycareer_career .careerEntries .card-header {
	height: 50px;
	padding: 0;
	border-radius: 0;
}

.tx_dbaycareer_career .careerEntries .card-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 4.25rem;
}

.tx_dbaycareer_career .careerEntries .card-header > h2 {
	display: flex;
	justify-content: space-around;
	margin: 0;
	font-family: "PTSans";
}

.tx_dbaycareer_career .careerEntries .card .collapse.show {
	display: flex;
	justify-content: space-evenly;
	max-width: 1100px;
}
.tx_dbaycareer_career .careerEntries .card .collapse {
	display: none;
}

.tx_dbaycareer_career .headerButton:hover {
	background: #f2f2f2;
	cursor: pointer;
}
.tx_dbaycareer_career .headerButton {
	height: 50px;
	width: 100%;
	line-height: unset;
	font-weight: bold;
	text-align: center;
}

.tx_dbaycareer_career .formSubmitButton {
	height: 40px;
}

.tx_dbaycareer_career .careerEntries a.allJobsButton,
.tx_dbaycareer_career .formSubmitButton {
	margin-left: auto;
	font-weight: bold;
	background: #c40005;
	width: 150px;
	color: white !important;
	border: 1px solid #c40005;
	display: flex;
	justify-content: space-around;
}

.tx_dbaycareer_career .careerEntries a.allJobsButton:hover,
.tx_dbaycareer_career .formSubmitButton:hover {
	color: #c40005 !important;
	background: white;
}

.tx_dbaycareer_career .allJobsButton {
	font-size: 16px;
	font-weight: bold;
	padding: 12px;
	line-height: 1;
	position: absolute;
	top: -60px;
	right: 0;
}

.tx_dbaycareer_career .socialsInformation .formInputFlexWrapper .removeLinkField {
	width: 40px;
	display: flex;
}

.tx_dbaycareer_career .socialsInformation .formInputFlexWrapper .removeLinkField:hover,
.tx_dbaycareer_career .socialsInformation .formInputFlexWrapper .addLinkField:hover {
	cursor: pointer;
}

.tx_dbaycareer_career .socialsInformation .addLinkField i {
	height: 15px;
	margin: auto;
	color: green;
}

.tx_dbaycareer_career .socialsInformation .removeLinkField.disabled {
	cursor: default;
}

.tx_dbaycareer_career .socialsInformation .removeLinkField.disabled i {
	color: grey;
	cursor: default;
}

.tx_dbaycareer_career .socialsInformation .removeLinkField i {
	height: 15px;
	margin: auto;
	color: #c40005;
}


.tx_dbaycareer_career .socialsInformation .formInputFlexWrapper .addLinkField {
	display: none;
}

.tx_dbaycareer_career .socialsInformation .portfolioWrapper .formInputFlexWrapper:not(:last-child) .removeLinkField,
.tx_dbaycareer_career .socialsInformation .socialsWrapper .formInputFlexWrapper:not(:last-child) .removeLinkField {
	margin-left: 36px;
}

.tx_dbaycareer_career .socialsInformation .portfolioWrapper .formInputFlexWrapper:last-child .addLinkField,
.tx_dbaycareer_career .socialsInformation .socialsWrapper .formInputFlexWrapper:last-child .addLinkField {
	display: flex;
	width: 40px;
}

.tx_dbaycareer_career .personalDescription,
.tx_dbaycareer_career .skillsInformation,
.tx_dbaycareer_career .socialsInformation,
.tx_dbaycareer_career .contactinformation {
	margin-bottom: 15px;
}

.tx_dbaycareer_career .personalDescriptionHeader,
.tx_dbaycareer_career .skillsInformationHeader,
.tx_dbaycareer_career .socialsInformationHeader,
.tx_dbaycareer_career .contactinformationHeader {
	font-weight: bold;
}

.tx_dbaycareer_career .applyHeading {
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}

.tx_dbaycareer_career .personalDescription {
	height: 100%;
}

.tx_dbaycareer_career .personalDescriptionHandler {
	height: 5%;
}

.tx_dbaycareer_career .personalDescription textarea {
	resize: vertical;
	width: 100%;
	min-height: 470px;
	margin-top: 0;
	margin-bottom: 0;
}

.tx_dbaycareer_career .skillsInformation .row,
.tx_dbaycareer_career .socialsInformation .row,
.tx_dbaycareer_career .contactInformation .row {
	margin: 0 0 15px 0;
}

.tx_dbaycareer_career .skillsInformation .row label,
.tx_dbaycareer_career .socialsInformation .row label,
.tx_dbaycareer_career .contactInformation .row label {
	margin-top: auto;
	margin-bottom: auto;
}

.tx_dbaycareer_career .socialsInformation .row input,
.tx_dbaycareer_career .contactInformation .row input {
	width: 70%;
	margin-left: auto;
	height: 40px;
}

.tx_dbaycareer_career .contactInformation .row > label,
.tx_dbaycareer_career .socialsInformation .row > label,
.tx_dbaycareer_career .skillsInformation .row > label {
	width: 30%;
}

.tx_dbaycareer_career .personalDescription textarea#personalDescription,
.tx_dbaycareer_career #accordionListWrapper .formInputFlexWrapper .formInput {
	transition: border-color 0.3s;
}

.tx_dbaycareer_career .personalDescription textarea#personalDescription:hover,
.tx_dbaycareer_career #accordionListWrapper .formInputFlexWrapper .formInput:not(#uploadField):hover {
	border-color: #c40005;
}

.tx_dbaycareer_career .careerEntries.careerDetails.accordionList {
	display: none;
}

.tx_dbaycareer_career .careerList {
	position: relative;
	width: 100%;
}

.tx_dbaycareer_career .careerHeader {
	height: 500px;
}

.tx_dbaycareer_career .careerHeader img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.tx_dbaycareer_career .careerEntries {
	position: relative;
	top: -100px;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
}

.tx_dbaycareer_career .careerEntries a,
.tx_dbaycareer_career .careerEntries a:hover {
	text-decoration: none;
	color: black;
	justify-content: center;
	align-items: center;
}

.tx_dbaycareer_career .careerEntries .furtherContent a,
.tx_dbaycareer_career .careerEntries .furtherContent a:hover {
	display: flex;
}

.tx_dbaycareer_career .careerEntries a:hover .careerEntry {
	background-color: lightgrey;
}

.tx_dbaycareer_career .careerEntry {
	border: 1px solid #CBCBCB;
	background-color: #ffffff;
	padding: 40px 50px;
	margin-top: 15px;
	margin-bottom: 15px;
	display: flex;
	flex-direction: row;
	min-height: 190px;
	position: relative;
	box-sizing: border-box;
}
.tx_dbaycareer_career .careerEntry .formationFlag {
	position: absolute;
	right: 5px;
	top: 5px;
	content: "";
	padding: 5px 15px;
	background-color: #333333;
	color: #ffffff;
}
.tx_dbaycareer_career .careerEntry .description {
	width: 75%;
}
.tx_dbaycareer_career .careerEntry .description h2 {
	margin-bottom: 10px;
	font-weight: bold;
}

.tx_dbaycareer_career .careerEntry .quickInfos > * {
	padding-bottom: 15px;
}

.tx_dbaycareer_career .careerEntry .quickInfos {
	width: 25%;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.tx_dbaycareer_career .careerEntries .additionalInformations {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tx_dbaycareer_career .careerEntries .additionalInformations div {
	padding: 15px;
	width: calc(50%);
}

.tx_dbaycareer_career .tablist {
	position: relative;
}
.tx_dbaycareer_career .tablist .tabHeader {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
}
.tx_dbaycareer_career .tablist .tabHeader .tabHeaderElement {
	background-color: #d5d5d5;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	width: 100%;
	margin-right: 10px;
	cursor: pointer;
}
.tx_dbaycareer_career .tablist .tabHeader .tabHeaderElement:last-of-type {
	margin-right: 0;
}

.tx_dbaycareer_career .tablist .tabHeader .tabHeaderElement:hover,
.tx_dbaycareer_career .tablist .tabHeader .tabHeaderElement.active {
	background-color: #f2f2f2;
}

.tx_dbaycareer_career .tablist .tabContent > div {
	display: none;
	padding: 60px 30px;
	border: none;
	background-color: #f2f2f2;
}
.tx_dbaycareer_career .tablist .tabContent > div.active {
	display: flex;
	flex-direction: column;
}
.tx_dbaycareer_career .accordionList .card #aboutDatabayCollapse .card-body > * {
	order: 1;
}
.tx_dbaycareer_career .accordionList .card #aboutDatabayCollapse .card-body a {
	display: initial;
}
.tx_dbaycareer_career .accordionList .card #aboutDatabayCollapse .card-body > * > * {
	display: flex;
}
.tx_dbaycareer_career .accordionList .card #aboutDatabayCollapse .card-body > .frame-dbayCareer-slider {
	margin: 75px -30px -80px -30px;
	background: white;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	order: 2;
}

.tx_dbaycareer_career .accordionList .card #aboutDatabayCollapse .card-body > .frame-dbayCareer-slider > * {
	display: flex;
}

.tx_dbaycareer_career .locations::before {
	content: url(../Icons/location.svg);
	height: 25px;
	width: 25px;
	position: relative;
	margin-right: 10px;
}
.tx_dbaycareer_career .locations {
	font-size: 16px;
	display: flex;
	min-height: 25px;
	align-items: center;
}

.tx_dbaycareer_career .languages::before {
	content: url(../Icons/language.svg);
	height: 25px;
	width: 25px;
	margin-right: 10px;
}
.tx_dbaycareer_career .languages {
	font-size: 16px;
	display: flex;
	min-height: 25px;
	align-items: center;
}

.tx_dbaycareer_career .type::before {
	content: url(../Icons/type.svg);
	height: 25px;
	width: 25px;
	margin-right: 10px;
}
.tx_dbaycareer_career .type {
	font-size: 16px;
	display: flex;
	align-items: center;
	min-height: 25px;
}

.tx_dbaycareer_career .jobTasks, .jobRequirements {
	margin-bottom: 20px;
}

.tx_dbaycareer_career .jobTasks > ul {
	padding-right: 35px;
}

.tx_dbaycareer_career .jobTasks > ul, .jobRequirements > ul {
	padding-left: 0;
}

.tx_dbaycareer_career .jobTasks > ul li, .jobRequirements > ul li {
	margin: 15px 0;
}

.tx_dbaycareer_career .progressDots {
	display: none;
}

.tx_dbaycareer_career .dot {
	height: 10px;
	width: 10px;
	background-color: white;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

.tx_dbaycareer_career .dot.dot-active {
	background-color: #C40005;
}

.tx_dbaycareer_career #accordionListWrapper .formInputFlexWrapper {
	display: flex;
	margin-bottom: 10px;
	position: relative;
}

.tx_dbaycareer_career .socialsInformation .formInputFlexWrapper #uploadField {
	height: auto;
}

.tx_dbaycareer_career #accordionListWrapper .formInput#websiteField,
.tx_dbaycareer_career #accordionListWrapper .formInput#socialsField {
	padding-right: 30px;
}

.tx_dbaycareer_career #accordionListWrapper .formInput#uploadField {
	width: 70%;
}

.tx_dbaycareer_career #accordionListWrapper .formInput {
	width:  65%; /*70%;*/
	height: 45px;
	box-sizing: border-box;
}

.tx_dbaycareer_career #accordionListWrapper .formLabel {
	width: 30%;
	margin-top: auto;
	margin-bottom: auto;
	font-weight: normal;
}

.groupedInfos > div {
	margin-bottom: 40px !important;
}


.tx_dbaycareer_career .careerEntries .furtherContent .privacyAccepted a {
	display: initial;
	text-decoration: underline;
}

.tx_dbaycareer_career .personalDescription p.f3-form-error {
	margin-left: 0;
}

.tx_dbaycareer_career p.f3-form-error {
	color: #c40005;
	margin-left: 30%;
}
.tx_dbaycareer_career .privacyAccepted p.f3-form-error {
	color: #c40005;
	margin-left: 0;
}

.tx_dbaycareer_career textarea.f3-form-error,
.tx_dbaycareer_career input.f3-form-error {
	background-color: #FF9F9F;
	border: 1px #c40005 solid;
}

.tx_dbaycareer_career .careerEntries .formSubmitButton.backButton {
	display: none;
}

.tx_dbaycareer_career .careerEntries .formSubmitButton.nextButton {
	display: none;
}

.tx_dbaycareer_career #accordionListWrapper .formFlexWrapper {
	display: flex;
	justify-content: space-between;
}

@media (min-width: 1025px) {
	.tx_dbaycareer_career #accordionListWrapper #accordionList.accordion {
		display: flex;
		flex-direction: row;
	}

	.tx_dbaycareer_career #accordionListWrapper #accordionList.accordion .card .card-header button{
		color: black;
	}

	.tx_dbaycareer_career #accordionListWrapper #accordionList.accordion .card .card-header {
		margin-right: 10px;
		border: none;
		background: #D5D5D5;
	}

	.tx_dbaycareer_career #accordionListWrapper #accordionList.accordion .card .collapsing,
	.tx_dbaycareer_career #accordionListWrapper #accordionList.accordion .card .collapse {
		background: #f2f2f2;
		z-index: 2;
	}

	.tx_dbaycareer_career #accordionListWrapper #accordionList.accordion .card .card-header.active {
		background: #f2f2f2;
	}
	.tx_dbaycareer_career #accordionListWrapper #accordionList.accordion .card:last-of-type .card-header {
		margin-right: 0;
	}

	.tx_dbaycareer_career #accordionListWrapper #accordionList.accordion .card {
		height: 100%;
		overflow: visible;
		width: 100%;
		border: none;
	}

	.tx_dbaycareer_career #accordionListWrapper #aboutDatabayCollapse {
		position: relative;
	}
	.tx_dbaycareer_career #accordionListWrapper #jobDetailsCollapse {
		position: relative;
	}

	.tx_dbaycareer_career #accordionListWrapper .groupedInfos {
		max-width: 50%;
		width: 100%;
		padding-right: 15px;
	}

	.tx_dbaycareer_career #accordionListWrapper .personalInformation {
		width: 100%;
		max-width: 50%;
		padding: 0 0 0 15px;
	}
}

@media (max-width: 1024px) {

	.tx_dbaycareer_career .socialsInformation .formInputFlexWrapper .formInput {
		margin-bottom: 10px;
	}

	.tx_dbaycareer_career .formInputFlexWrapper .addLinkField {
		height: 40px;
		width: 50px !important;
		background: #79a548;
		margin-left: auto;
		margin-right: 10px;
	}

	.tx_dbaycareer_career .socialsInformation .portfolioWrapper .formInputFlexWrapper:not(:last-child) .removeLinkField,
	.tx_dbaycareer_career .socialsInformation .socialsWrapper .formInputFlexWrapper:not(:last-child) .removeLinkField {
		margin-left: auto;
	}

	.tx_dbaycareer_career .formInputFlexWrapper .removeLinkField.disabled i,
	.tx_dbaycareer_career .formInputFlexWrapper .removeLinkField i,
	.tx_dbaycareer_career .formInputFlexWrapper .addLinkField i {
		color: white;
	}

	.tx_dbaycareer_career .socialsInformation .formInputFlexWrapper .removeLinkField {
		height: 40px;
		width: 50px;
		background: #c40005;
	}

	.tx_dbaycareer_career .formInputFlexWrapper .removeLinkField.disabled {
		background: grey;
	}

	.tx_dbaycareer_career .careerEntry .description {
		width: 100%;
		margin-top: 20px;
	}

	.tx_dbaycareer_career .careerEntries .card-header a:after {
		content: url(../Icons/chevron-down-solid.svg);
		height: 15px;
		width: 15px;
		position: absolute;
		right: 15px;
		transition: transform .5s;
		line-height: 15px;
	}

	.tx_dbaycareer_career .careerEntries .card-header.active a:after {
		transform: rotate(180deg);
	}

	.tx_dbaycareer_career .careerEntries .card-header a {
		position: relative;
	}

	.tx_dbaycareer_career #applyNowCollapse .uploadedFiles .removeFile {
		position: absolute;
		right: 0;
	}

	.tx_dbaycareer_career #applyNowCollapse .uploadedFiles .formInputFlexWrapper {
		margin-bottom: 20px;
	}

	.tx_dbaycareer_career .careerHeader {
		height: unset;
	}

	.tx_dbaycareer_career .careerEntries .card-body {
		width: 100%;
        padding: 1.25rem;
	}

	.tx_dbaycareer_career .skills > fieldset:not(:checked) > input[type="radio"] {
		position: absolute;
		top: 0;
		left: 0;
	}

	.tx_dbaycareer_career .socialsInformation .formInputFlexWrapper #uploadField {
		height: auto;
		margin: 10px 0;
	}

	.tx_dbaycareer_career #accordionListWrapper .formFlexWrapper {
		display: block;
	}

	.tx_dbaycareer_career .careerEntries {
		top: -15px;
		width: 100%;
	}

	.tx_dbaycareer_career .careerEntry {
		padding: 30px 15px;
		min-height: 110px;
		flex-direction: column;
	}
	.tx_dbaycareer_career .careerEntry .formationFlag {
		margin-bottom: 5px;
		text-align: center;
	}

	.tx_dbaycareer_career .careerEntry .description {
		width: 100%;
		margin-top: 20px;
	}

	.tx_dbaycareer_career .careerEntry .description h2 {
		font-size: 24px;
		display: block !important;
		margin-bottom: 0;
	}

	.tx_dbaycareer_career .careerEntry .description * {
		display: none;
	}

	.tx_dbaycareer_career .careerEntry .quickInfos {
		justify-content: start;
		width: 100%;
		padding: 0;
	}

	.tx_dbaycareer_career .careerEntry .quickInfos .languages,
	.tx_dbaycareer_career .careerEntry .quickInfos .locations {
		margin-bottom: 10px;
	}

	.tx_dbaycareer_career .careerEntry .quickInfos .type {
		display: none;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .careerEntry {
		border: none;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .careerEntry .description {
		height: 100%;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .careerEntry .description p {
		display: block;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .careerEntry .quickInfos .type {
		display: flex;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .additionalInformations {
		display: none;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .accordionList {
		display: block;
		margin-top: 50px;
		padding: 0 15px;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .accordionList .card {
		border-radius: 0;
		border: none;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .accordionList .card .collapse,
	.tx_dbaycareer_career .careerEntries.careerDetails .accordionList .card .collapsing {
		background: #EEEEEE;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .accordionList .card .card-header button{
		color: #000000;
	}

	.tx_dbaycareer_career .careerEntries.careerDetails .accordionList .card .card-header {
		background: #EEEEEE;
		border-radius: 0;
		margin-bottom: 5px;
		margin-top: 5px;
		border: none;
	}

	.tx_dbaycareer_career .personalDescription textarea {
		height: auto;
		min-height: 200px;
	}

	.tx_dbaycareer_career .careerEntries .formSubmitButton.nextButton.disabled {
		background: grey;
		border-color: grey;
	}

	.tx_dbaycareer_career .d-block {
		display: block !important;
	}
	.tx_dbaycareer_career .d-none {
		display: none !important;
	}

	.tx_dbaycareer_career .careerEntries .formSubmitButton.backButton {
		margin-top: 10px;
	}

	.tx_dbaycareer_career .careerEntries .formSubmitButton.backButton,
	.tx_dbaycareer_career .careerEntries .formSubmitButton.nextButton {
		height: 40px;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
	}

	.tx_dbaycareer_career .careerEntries .formSubmitButton {
		width: 100%;
	}

	.tx_dbaycareer_career #applyNowCollapse .personalInformation,
	.tx_dbaycareer_career #applyNowCollapse .socialsInformation,
	.tx_dbaycareer_career #applyNowCollapse .skillsInformation {
		display: none;
	}

	.tx_dbaycareer_career .headerFlexWrapper {
		display: flex;
		justify-content: space-between;
	}

	.tx_dbaycareer_career .progressDots {
		display: block;
	}

    .tx_dbaycareer_career #accordionListWrapper .formInputFlexWrapper {
        flex-wrap: wrap;
    }
    .tx_dbaycareer_career #accordionListWrapper .formLabel,
    .tx_dbaycareer_career #accordionListWrapper .formInputFlexWrapper .formInput {
        width: 100%;
    }
}

/* START TOOLTIP STYLES */
.tx_dbaycareer_career .infoLabel {
	position: absolute;
	content: url(../Icons/question-circle-regular.svg);
	height: 20px;
	width: 20px;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}

/* Applies to all tooltips */
.tx_dbaycareer_career [tooltip]::before,
.tx_dbaycareer_career [tooltip]::after {
	text-transform: none;
	font-size: .9em;
	line-height: 1;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
}
.tx_dbaycareer_career [tooltip]::before {
	content: '';
	border: 5px solid transparent;
	z-index: 1001;
}
.tx_dbaycareer_career [tooltip]::after {
	content: attr(tooltip);

	text-align: center;

	/*
      Let the content set the size of the tooltips
      but this will also keep them from being obnoxious
      */
	min-width: 3em;
	max-width: 50vw;
	white-space: break-spaces;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 1ch 1.5ch;
	border-radius: .3ch;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: #333;
	color: #fff;
	z-index: 1000;
}

/* Make the tooltips respond to hover */
.tx_dbaycareer_career [tooltip]:hover::before,
.tx_dbaycareer_career [tooltip]:hover::after {
	display: block;
}

/* don't show empty tooltips */
.tx_dbaycareer_career [tooltip='']::before,
.tx_dbaycareer_career [tooltip='']::after {
	display: none !important;
}


/* FLOW: LEFT */
.tx_dbaycareer_career [tooltip][flow^="left"]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #333;
	right: 35px;
	transform: translate(-.5em, -50%);
}
.tx_dbaycareer_career [tooltip][flow^="left"]::after {
	top: 50%;
	right: 40px;
	transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
.tx_dbaycareer_career [tooltip][flow^="right"]::before {
	top: 50%;
	border-left-width: 0;
	border-right-color: #333;
	right: calc(0em - 5px);
	transform: translate(.5em, -50%);
}
.tx_dbaycareer_career [tooltip][flow^="right"]::after {
	top: 50%;
	left: calc(100% + 5px);
	transform: translate(.5em, -50%);
}

/* FLOW: UP */
.tx_dbaycareer_career [tooltip]:not([flow])::before,
.tx_dbaycareer_career [tooltip][flow^="up"]::before {
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #333;
}
.tx_dbaycareer_career [tooltip]:not([flow])::after,
.tx_dbaycareer_career [tooltip][flow^="up"]::after {
	bottom: calc(100% + 5px);
}
.tx_dbaycareer_career [tooltip]:not([flow])::before,
.tx_dbaycareer_career [tooltip]:not([flow])::after,
.tx_dbaycareer_career [tooltip][flow^="up"]::before,
.tx_dbaycareer_career [tooltip][flow^="up"]::after {
	left: 50%;
	transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
.tx_dbaycareer_career [tooltip][flow^="down"]::before {
	top: 100%;
	border-top-width: 0;
	border-bottom-color: #333;
}
.tx_dbaycareer_career [tooltip][flow^="down"]::after {
	top: calc(100% + 5px);
}
.tx_dbaycareer_career [tooltip][flow^="down"]::before,
.tx_dbaycareer_career [tooltip][flow^="down"]::after {
	left: 50%;
	transform: translate(-50%, .5em);
}


/* KEYFRAMES */
@keyframes tooltips-vert {
	to {
		opacity: .9;
		transform: translate(-50%, 0);
	}
}

@keyframes tooltips-horz {
	to {
		opacity: .9;
		transform: translate(0, -50%);
	}
}

/* FX All The Things */
.tx_dbaycareer_career [tooltip]:not([flow]):hover::before,
.tx_dbaycareer_career [tooltip]:not([flow]):hover::after,
.tx_dbaycareer_career [tooltip][flow^="up"]:hover::before,
.tx_dbaycareer_career [tooltip][flow^="up"]:hover::after,
.tx_dbaycareer_career [tooltip][flow^="down"]:hover::before,
.tx_dbaycareer_career [tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards;
}

.tx_dbaycareer_career [tooltip][flow^="left"]:hover::before,
.tx_dbaycareer_career [tooltip][flow^="left"]:hover::after,
.tx_dbaycareer_career [tooltip][flow^="right"]:hover::before,
.tx_dbaycareer_career [tooltip][flow^="right"]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards;
}

/* Start animated svg */
.tx_dbaycareer_career .check {
	text-align: center;
}

.tx_dbaycareer_career .submitText {
	text-align: center;
	display: flex;
	flex-direction: column;
}

.tx_dbaycareer_career .submitText span {
	margin: 5px 0;
}

.tx_dbaycareer_career .check svg polyline {
	-webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
	animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.tx_dbaycareer_career .check svg circle {
	-webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
	animation: checkmark-circle 0.6s ease-in-out backwards;
}
.tx_dbaycareer_career .check svg circle#colored {
	-webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
	animation: colored-circle 0.6s ease-in-out 0.7s backwards;
}

@-webkit-keyframes checkmark {
	0% {
		stroke-dashoffset: 100px
	}

	100% {
		stroke-dashoffset: 200px
	}
}

@-ms-keyframes checkmark {
	0% {
		stroke-dashoffset: 100px
	}

	100% {
		stroke-dashoffset: 200px
	}
}

@keyframes checkmark {
	0% {
		stroke-dashoffset: 100px
	}

	100% {
		stroke-dashoffset: 0px
	}
}

@-webkit-keyframes checkmark-circle {
	0% {
		stroke-dashoffset: 480px

	}

	100% {
		stroke-dashoffset: 960px;

	}
}

@-ms-keyframes checkmark-circle {
	0% {
		stroke-dashoffset: 240px
	}

	100% {
		stroke-dashoffset: 480px
	}
}

@keyframes checkmark-circle {
	0% {
		stroke-dashoffset: 480px
	}

	100% {
		stroke-dashoffset: 960px
	}
}

@keyframes colored-circle {
	0% {
		opacity:0
	}

	100% {
		opacity:100
	}
}

.loader-container.loader-staggered {
    background-color: transparent;
}


.loader-staggered .loader {
    --color1: #DC6669;
    --color2: #D03337;
    --color3: #C40005;
    --color4: #9D0004;
    --color5: #760003;
}

.tx_dbaycareer_career #applyNowCollapse .formInputFlexWrapper .fileCount {
	width: 30%
}

.tx_dbaycareer_career #applyNowCollapse .formInputFlexWrapper .fileName {
	width: 70%
}

.tx_dbaycareer_career #applyNowCollapse .uploadedFiles {
	margin-top: 20px
}

.tx_dbaycareer_career #applyNowCollapse .formInputFlexWrapper .removeFile {
	cursor: pointer
}

.tx_dbaycareer_career #applyNowCollapse .personalDescription .privacyAccepted>label {
	display: flex
}

.tx_dbaycareer_career #applyNowCollapse .personalDescription .privacyAccepted input#privacyAccepted {
	position: absolute
}

.tx_dbaycareer_career #applyNowCollapse .personalDescription #privacyAccepted+span {
	margin-left: 35px;
	line-height: 1
}

.tx_dbaycareer_career #applyNowCollapse .personalDescription .privacyAdditional {
	margin-top: 15px
}

.tx_dbaycareer_career #applyNowCollapse .personalDescription .privacyAdditional a {
	display: inline
}

.tx_dbaycareer_career .privacyAdditional a {
	color: #c40005
}

.tx_dbaycareer_career .privacyAdditional a:hover {
	color: #000
}

.tx_dbaycareer_career #applyNowCollapse .personalDescription .privacyAccepted #privacyAccepted:checked {
	border: 1px solid transparent;
	border-radius: 5px
}

.tx_dbaycareer_career #applyNowCollapse .personalDescription .privacyAccepted #privacyAccepted:checked:after {
	content: url(/typo3conf/ext/dbay_helper/Resources/Public/Icons/checkWhite.svg);
	height: 25px;
	width: 25px;
	background-color: #C40005;
	padding: 3px;
	border: 1px solid transparent;
	border-radius: 5px;
	box-sizing: border-box
}

.tx_dbaycareer_career #applyNowCollapse .personalDescription .privacyAccepted #privacyAccepted {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid grey;
	border-radius: 5px;
	box-shadow: none;
	font-size: .8em;
	text-align: center;
	line-height: 1em;
	height: 25px;
	width: 25px;
	position: relative;
	display: flex;
	align-self: center;
	margin: 0 10px
}

.tx_dbaycareer_career #applyNowCollapse .personalDescription .privacyAccepted>label>span {
	height: 100%;
	margin-top: auto;
	margin-bottom: auto
}

.tx_dbaycareer_career .dbayCaptchaContainer {
	justify-content: end;
	position: relative
}

@media (max-width: 1024px) {
	.tx_dbaycareer_career .dbayCaptchaContainer {
		justify-content:center
	}
}