/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*-----------------------------------*/
/*-----Neues Design XX.XX.20XX-------*/
/*---------Umantis---mle-------------*/
/*-----------------------------------*/




/*************Fonts**************/
/********************************/

@font-face {
    font-family: 'Rubik';
    src: url("/PublicDocuments/195/ShowDocument/") format("truetype");
    font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url("/PublicDocuments/197/ShowDocument/") format("truetype");
    font-weight: 300;
	font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url("/PublicDocuments/199/ShowDocument/") format("truetype");
    font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url("/PublicDocuments/201/ShowDocument/") format("truetype");
    font-weight: 400;
	font-style: italic;
}

@font-face {
    font-family: 'Rubik';
    src: url("/PublicDocuments/193/ShowDocument/") format("truetype");
    font-weight: 500;
	font-style: normal;
}

body {

	font-family: 'Rubik Regular', Helvetica, sans-serif !important;
	font-size: 12px;

}

.shadowContainer {

	-webkit-box-shadow: 1px 1px 50px #9e9e9e;

	        box-shadow: 1px 1px 50px #9e9e9e;

}

#headerOne {

	margin-top: 5em;
}

.articleWrapper article {

	margin-bottom: 10em;
}


h1, h2, h3, h4, h5, h6, p, a {

	/*NEW - Dunkelblau*/
	color: #2a3f6b;

}

h5, h6 {
	font-weight: bold !important;
}

h5 {

	font-size: 1.45rem;
}

p {

	font-size: 1.1rem;

}

.img-fluid {

	max-width: 100%;
}


/*Horizontale Trennlinie*/
.horizontalLine {
    border-color: #4472c4;
    border-width: 5px;
    opacity: 1;
}

/* #horizontLine {

	height: 1.5px;
	width: 100%;
	background-color: #00A0E3;
	margin-top: 1rem;
	margin-bottom: 1rem;
} */

/*Navbar Top Page Fixed*/
/***********************/
#navbarSupportedContent {

	-webkit-box-flex: unset;

	    -ms-flex-positive: unset;

	        flex-grow: unset;

}

.navbar {

	border-bottom: 5px solid #4472c4;
	-webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
	transition: -webkit-box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;

}

.navbar:hover {

	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

	        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

#navbarSupportedContent a {

	font-size: larger;
	font-weight:400;
	color: #2a3f6b;
	-webkit-transition: -webkit-text-decoration 0.3s ease;
	transition: -webkit-text-decoration 0.3s ease;
	-o-transition: text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;

}



#navbarSupportedContent a:hover {

    text-decoration-thickness: 2px !important;
    text-underline-offset: 10px;
	-webkit-text-decoration-color: #4472c4 !important;
	        text-decoration-color: #4472c4 !important;
	text-decoration: underline;

}


/*Header Banner*/
/***************/

/****Article****/
/***************/
#jobTitle {

	display: inline;
    text-decoration: underline;
    -webkit-text-decoration-color: orange;
            text-decoration-color: orange;
    text-underline-offset: 5px;
    text-decoration-thickness: 4px;
	text-transform: uppercase;

}


/*Job Short Facts*/
.jobShortFactsContainer {

	-webkit-box-pack: space-evenly;

	    -ms-flex-pack: space-evenly;

	        justify-content: space-evenly;
}

.jobShortFactsWrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	height: 100%;
	border: 1px solid #2a3f6b;
	background-color: #2a3f6b;
	border-radius: 25px;
	padding: 1em 0;

}

.jobShortFactsWrapper img {

	max-width: 75px;
	height: auto;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}

/*Company Short Facts*/
.companyShortFactsContainer {

	border: 1px solid #2a3f6b;
	background-color: #2a3f6b;
	border-radius: 25px;

}

.companyShortFactsWrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	height: 100%;
	padding: 1em 0;


}

.companyShortFactsWrapper img {

	width: auto;
	height: 75px;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}

#specialStyleIcon {

	-webkit-filter: none;

	        filter: none;

}

.companyInformationContent h5 {
    color: #f39655;
}

.jobShortFactsWrapper p,
.companyShortFactsWrapper p {

	color: white;
	text-align: center;
	margin-bottom: 0px;
	font-weight: 600;

}

/*Company Information Content*/
.companyInformationContentWrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;

}
.companyInformationContentWrapper img {

	max-width: 500px;
	height: auto;
}

.companyInformationContent {

	text-align: end;

}




















.headerImageWrapper {

	overflow: hidden;

}


.requirementsAndOffersDesktop ul {

	padding-left: 1.5rem !important;

}

.requirementsAndOffersDesktop  li {
    font-size: 1.1rem;
}

.requirementsAndOffersDesktop li::marker {

	unicode-bidi: -webkit-isolate;

	unicode-bidi: -moz-isolate;

	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	-moz-text-align-last: start !important;
	     text-align-last: start !important;
	color: #2a3f6b;
	list-style-type: circle !important;

}

.requirementsAndOffersDesktop h5 {

	text-decoration: underline;
	-webkit-text-decoration-color: orange;
	        text-decoration-color: orange;
	text-decoration-thickness: 2.5px;
	text-underline-offset: 4px;

}

/*Accordion Section*/
/**************************/

.accordion-button::after {

	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAHESURBVHhe7dxLSgNBGEXhqEtwb27DB4gDcSC4D3GgC3Go4sT3A92Cgg593N8UGJKCVHeqr405H1xaHUhyAhqh2gEAAAAAYHZ72rP2lfao7WqoaDTw+CI4KnjQcoFHd6dhBltaLmxumxpaOtdyUXM709DSu5aLmtub1lsL6dpXEbCJ3j6fxXRFxwhtQmgTQpsQ2oTQJoQ2IbQJoU0IbUJoE0KbENqE0CaENiG0CaFNCG1CaBNCmxDahNAmhDZpE3pDi1NBr9r4IZbaayr3PWruRYvnvq516lrLPYB53JXWCSJPrvgU61K6TrOjrQw/xIhl7UM7/vmsgjjsnXtF2fD89lSlhwLjVeMdSt6nNvUnA/FMSkM/pSsmFbUpDX2Qrpi0n67VxPvG3C+Ded6t1gli/+5C69SadqrFn6O5B/CfF8/5RFvVGuEeFhPe3pkQ2oTQJoQ2IbQJoU0IbUJoE0KbENqE0CaENiG0CaFNCG1CaBNCmxDahNAmhDYhtAmhTQht0vfQcZ9MqTjc0lt9D93kv50XHQj/K30PfZSuJQ7TFS2VHKy81FDBjZYLHIu7xVDRthY/h+N+mth9+hoAAAAAoL3B4Bum/irI5pNmMgAAAABJRU5ErkJggg==') !important;

}

.accordion-button:hover::after {

	-webkit-filter: invert(39%) sepia(67%) saturate(550%) hue-rotate(180deg) brightness(94%) contrast(89%) !important;

	        filter: invert(39%) sepia(67%) saturate(550%) hue-rotate(180deg) brightness(94%) contrast(89%) !important;
	
}

.accordion-button::after {

	-webkit-filter: invert(21%) sepia(55%) saturate(599%) hue-rotate(180deg) brightness(93%) contrast(92%);

	        filter: invert(21%) sepia(55%) saturate(599%) hue-rotate(180deg) brightness(93%) contrast(92%);
}

.accordion-button:not(.collapsed)::after {

	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAADTSURBVHhe7ddNSsNQGIbRqy6he3Mb/sy7FnErDtVZqVgqrkEX4M977QXFBJJBI9icAw9fMku+QNIWAAAAAAAAAAAAAAAAADgMl+k+vaaPmfWS6r1fpEk9pL4LmGPrNAlL7rZJo5y0OWSZTneH/LBIb+nm62wPnlLfE1Up2zToqM0h9akd7w755T0Nvhks74+MXfRzm3SN2s3YRV+3SddVm3tTfzf2fQzm3GOahGV/t0qTOk93qf4d7buAQ67e8206SwAAAAAAAAAAAAAAAADwv5XyCeK+4QehUhyOAAAAAElFTkSuQmCC') !important;

}

.accordion-button:hover:not(.collapsed)::after {

	-webkit-filter: invert(39%) sepia(67%) saturate(550%) hue-rotate(180deg) brightness(94%) contrast(89%) !important;

	        filter: invert(39%) sepia(67%) saturate(550%) hue-rotate(180deg) brightness(94%) contrast(89%) !important;

}

.accordion-header:active {



}

div#accordionExample {

	--bs-accordion-bg: #ffffff00;
	max-width: 900px;

}

#accordionSection,
.accordion-button:not(.collapsed) {

	background-color: #ffffff !important;

}

.accordion-button:focus {

	-webkit-box-shadow: none !important;

	        box-shadow: none !important;

}

.accordion-item {

	border-color: #4472c4 !important;
	border-width: 1px !important;

}

#accordionSection button {
	
	font-size: 23pt;
	color: #0b3169;

}

.accordion-body li::marker {

	unicode-bidi: -webkit-isolate;

	unicode-bidi: -moz-isolate;

	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	-moz-text-align-last: start !important;
	     text-align-last: start !important;
	color: #4472c4;
}

.accordion-flush .accordion-item:last-child {

	border-bottom: solid 1px #4472c4 !important;

}

#accordionSection li,
.accordion-body {

	color: #000000;
	margin-bottom: 1rem;
	font-size: 18px;

}

.accordion-button:not(.collapsed) {

	-webkit-box-shadow: none !important;

	        box-shadow: none !important
}

.accordion-body {
	padding: 0 !important;
}


/*Benefits*/
.benefitsContainer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/* Hover effect */
.flip-card {
	background-color: transparent;
	-webkit-perspective: 1000px;
	        perspective: 1000px; /* Remove this if you don't want the 3D effect */
	height: 23vh;
}

.flip-card:hover .benefitsWrapper {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
  }

.benefitsWrapper {
    position: relative; /* Ensure the .back div is positioned relative to this */
    border: 1px solid #2a3f6b;
    background-color: #2a3f6b;
    border-radius: 25px;
    gap: 10px;
    height: 100%;
	width: 100%;
    padding: 1em 1em;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    -o-transition: transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s; /* Apply transition to ensure smooth flip effect */
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	font-weight: 600;

}

.benefitsWrapper img {
    width: auto;
    height: 75px;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.benefitsWrapper p {
    color: white;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 600;
}

.front,
.back {
	position: absolute;;
    width: 100%;
    height: 100%;
	left: 0;
	top: 0;
	-webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
	transform: rotateX(0deg);
}

.front {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	gap: 1em;
	
}

.back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    text-align: center;
	color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	padding: 1em 1em;
}







/*Youtube Section*/
.youtubeVideo {

	background-color: black;

}

iframe {

	height: 25em;
	width: 100%;

}

.workPlaceContainer {

	gap: 1em;
	margin-bottom: 6em;

}

/*Contact*/
/**************************/
.contactContainer {

	gap: 1em;

}

.contactMail {

	word-break: break-all;
}

.contactImage {

	width: 10em;
	height: 10em;

}

.contactInformationWrapper {

	-ms-flex-item-align: center;

	    -ms-grid-row-align: center;

	    align-self: center;
	
}

.contact1 h6:first-of-type{

	height: 3em;
	text-transform: uppercase;
}




/*Action Bar*/
/**************************/
.actionBarContainer {

	background-color: #2a3f6b;
	padding: 0.8em;
}

.shareButton {

	-webkit-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;
}

.shareButton i {

	cursor: pointer;
	color: white;
	font-size: 25px;
}

.shareButton p {

	font-size: 20px;
	color: white;
	font-weight: 600;
	margin-bottom: 0;
}
/*Apply Buttons*/
.applyButtons {

	text-transform: uppercase;
	background-color: #f39655  !important;
	color: #ffffff!important;
	border: none!important;
	border-radius: 0 !important;
	font-size: 16pt!important;
	display: inline!important;
	-webkit-box-pack: center!important;
	    -ms-flex-pack: center!important;
	        justify-content: center!important;
	-webkit-box-align: center!important;
	    -ms-flex-align: center!important;
	        align-items: center!important;
	font-weight: 400!important;
	-webkit-transition: 0.5s!important;
	-o-transition: 0.5s!important;
	transition: 0.5s!important;
	max-width: 250px !important;

}

.applyButtons:hover {

	background-color: #0279AC !important;
	/*color: #05e5ba;*/

}


/*Modal Window for Social Media Channels - Share Function*/
.modal {

	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	width: 100%;
	height: 100%;
	overflow: none;
	background-color: #2a3f6b85;

}

.modal-content {

	background-color: #4472c4 !important;
	margin: auto;
	padding: 20px;
	width: 20em !important;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}

.modal a {

	font-family: ' ', Arial, sans-serif !important;
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff !important;

}

.modal a img {

	/* SCALE */
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;

}

.modal a:hover img {

	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);

}

.modal ul li::marker{

	content: "";

}

.modal ul {

	padding-left: 0;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;

}

.modal-content li {

	margin-bottom: 1rem;
}

.close-btn {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close-btn:hover,
.close-btn:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.socialMediaWrapper {

	gap: 10px;
}

.socialmedia-icon {

	width: 60px;
	padding: 15px;

	/* SCALE */
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;

}

.socialmedia-icon:hover {

	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);


}

.socialmedia-box-icon {

	width: 35px;
	height: 35px;
	-webkit-transition: -webkit-transform 0.1s ease-in-out;
	transition: -webkit-transform 0.1s ease-in-out;
	-o-transition: transform 0.1s ease-in-out;
	transition: transform 0.1s ease-in-out;
	transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;

}

.socialmedia-box-icon:hover {

	-webkit-transform: scale(1.2);

	    -ms-transform: scale(1.2);

	        transform: scale(1.2);

}

i.social-icons {

	color: #ffffff !important;

}

i.social-icons:hover {

	color: #dbdbdb !important;

}



/*******************/
/*Responsive Design*/
/*******************/

/*Large Screen Size*/
@media only screen and (max-width: 1440px) {

	/* .container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1024px !important;
	} */
}
/*Mid Screen Size*/
@media only screen and (max-width: 1024px) {

	.shadowContainer {

		-webkit-box-shadow: none;

		        box-shadow: none;
	}
}

/*Tablet Screen Size*/
@media only screen and (max-width: 768px) {


	#applyButton2 {

		font-size: 18px !important;
	}

	.employerSeal {
		width: 5rem;
	}

	#employerSealTwo{

		width: 6.5rem;
		
	}

	.employerSealContainer {
		
		gap: 5px;
	}

}

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

	.back {
		font-size: 13px;
	}

	.benefitsWrapper p {
		font-size: 14px;
	}
	
}

/*Mobile Screen Size*/
@media only screen and (max-width: 425px) {


	.requirementsAndOffersMobile {

		display: block !important;

	}

	.requirementsAndOffersDesktop {

		display: none;

	}

	button#applyButton1 {
		-webkit-box-flex: 3;
		    -ms-flex-positive: 3;
		        flex-grow: 3;
	}

	#shareButton p {

		display: none;
	}

	#applyButton2 {

		font-size: 16px !important;
	}

	#companyInformationContent,
	#diversityPassus {
		text-align: left;
		-moz-text-align-last: left;
		     text-align-last: left;
	}

	.contact1 h6:nth-of-type(2)
	.contact2 h6:nth-of-type(2),
	.contact1 h6:first-of-type,
	.contact2 h6:first-of-type {

		height: initial;
	}

	#jobTitle {
		font-size: 1.7rem;
	}

}

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


	#applyButton {

		font-size: 18px !important;
	}

	#jobTitle {
		font-size: 1.4rem;
	}

	button#applyButton1 {
		font-size: 0.9rem !important;
	}

	.back {
		font-size: 11px;
	}

}

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

	#applyButton2 {
	
		font-size: 13px !important;
	}
	
}

@media print {

	#applyButton2, #headerTwo, .shareButton, .socialMediaSection, .headerLogoWrapper,
	.companyInformationContentWrapper, #horizontLine {

		display: none !important;
	}

	.employerSeal {
		width: 5rem;
	}

	#employerSealTwo{

		width: 6.5rem;
		
	}

	/* .contactImage{
		max-width: 15% !important;
	} */

	article.container {
		max-width: 100%;
	}

	button#applyButton {
		background-color: white !important;
		border: 1px solid black !important;
	}

	.contactContainer  {	

		-ms-flex-wrap: nowrap !important;	

		    flex-wrap: nowrap !important;

	}
}