/** globale Definitionen **/
:root {
	--fontFamily: BundesSans, Arial, Verdana, Helvetica, sans-serif;

	/* Grundfarben/Basisfarben */
	--colorBlack: #000;
	--colorWhite: #fff;

	/* Primärfarben */
	--colorDunkelGruen: #004141;
	--colorHellGruen: #c8e1a6;

	/* Flächenfarben */
	--colorHellGruen50: #e6f0d2;
	--colorHellGruen25: #f5faeb;

	/* Akzentfarben */
	--colorGrau: #c3c8c3;
	--colorGrau50: #dce1dc;
	--colorGrau25: #ebf0eb;

	--colorHellBlau: #9edcff;
	--colorHellBlau50: #bcebff;
	--colorHellBlau25: #d9f3ff;

	--colorPink: #e9a4be;
	--colorPink50: #f2c3d4;
	--colorPink25: #f8e2e9;

	--colorOrange: #ec9b6e;
	--colorOrange50: #f2bb9e;
	--colorOrange25: #f8dacd;

	/* Aktzentfrabe & Störer */
	--colorGruen50: #c4f20c;

	--textColor: var(--colorDunkelGruen);
	--borderColor: var(--colorDunkelGruen);
	--bulletColor: var(--colorDunkelGruen);

	--aColor: var(--colorDunkelGruen);;
	--aHoverColor: var(--colorDunkelGruen);;

	--btnBackColor: var(--colorGruen50);
	--btnBackHoverColor: var(--colorGruen50);
	--btnTextColor: #fff;
	--btnTextHoverColor: #fff;

	--fontSize: 20px;
	--lineHeinght: 140%;

	--h1Size: 40px;
	--h1LineHeight: 120%;
	--h1Color: var(--black);
	--h1BackColor: transparent;

	--h2Size: 24px;
	--h2LineHeight: 120%;
	--h2Color: var(--blue);
	--h2BackColor: transparent;

	--h3Size: 20px;
	--h3LineHeight: 140%;
	--h3Color: var(--black);
	--h3BackColor: transparent;
}

/** Schriften **/
@font-face {
	font-family: BundesSans;
	src: url(https://corporate.jobrocks.de/BImA/fonts/BundesSansWeb-Regular.woff) format(woff);
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: BundesSans;
	src: url(https://corporate.jobrocks.de/BImA/fonts/BundesSansWeb-Italic.woff) format(woff);
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: BundesSans;
	src: url(https://corporate.jobrocks.de/BImA/fonts/BundesSansWeb-Bold.woff) format(woff);
	font-weight: bold;
	font-style: normal;
}

/** Reset **/
* {
	margin: 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}

html,
body {
	background-color: #fff;
}

p {
	padding: 5px 0;
}

ul,
ol {
	padding: 5px 0 5px 25px;
}

/** Standards **/
#wrapper {
	background-color: var(--colorWhite);
	margin: 0 auto;
	max-width: 902px;
	font-family: var(--fontFamily);
	font-size: var(--fontSize);
	line-height: var(--lineHeinght);
	font-weight: normal;
	border: 1px solid var(--borderColor);
	-webkit-font-smoothing: antialiased;
}

h2:empty,
h3.empty,
h4.empty,
h5.empty,
h6.empty,
div:empty,
p:empty,
ul.empty,
ol.empty,
section:empty {
	display: none;
}

a[href^="tel:"] {
	white-space: nowrap;
}

a:hover {
	color: var(--aHoverColor);
}

a {
	color: var(--colorDunkelGruen);
	text-decoration: none;
}

main a:not(.btn, a[href^="tel:"], a[href^="mailto:"]) {
	/*white-space: nowrap;*/
	font-weight: bold;
	margin-left: 16px;
	padding-left: 8px;
}

main a:not(.btn, a[href^="tel:"], a[href^="mailto:"])::before {
	content: '\2192';
	position: absolute;
	width: 30px;
	top: -3px;
	left: -22px;
	font-size: 25px;
	margin-left: 6px;
}

a[href^="mailto:"] {
	font-weight: bold;
	white-space: nowrap;
}

a.bewerbungslink {
	white-space: nowrap;
}

header a:not(.btn), header a:hover a:not(.btn) {
	color: var(--colorHellGruen);
	font-weight: bold;
	font-weight: bold;
	margin-left: 16px;
	padding-left: 8px;
}

header a:not(.btn)::before {
	content: '\2192';
	color: var(--colorHellGruen);
	position: absolute;
	width: 30px;
	top: -3px;
	left: -22px;
	font-size: 25px;
	margin-left: 6px;
}

#logos a, #logos a:not(.btn)::before {
	content: '';
	width: 0;
	height: 0;
	left: 0;
	top: 0;
	margin-left: 0;
	padding: 0;
}

ul {
	padding-left:19px;
}

ul li::marker {
	color: var(--bulletColor);
}

ul ul li {
	list-style: none;
}

ul ul li::before {
  content: "";
  background: #004a35;
  width: 10px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 13.5px;
  border-radius: 0;
  margin-left: -21px;
  display: block;
}

body {
	color: var(--textColor);
}

h1 {
	color: var(--h1Color);
	background-color: var(--h1BackColor);
	line-height: 60px;
	font-weight: normal;
	font-size: 56px;
	padding-top: 9px;
	-webkit-font-smoothing: antialiased;
}

h1 strong {
	font-weight: normal !important;
	color: var(--colorHellGruen);
}

h2 {
	color: var(--h2Color);
	background-color: var(--h2BackColor);
	font-size: var(--h2Size);
	line-height: var(--h2LineHeight);
	padding-bottom: 12px;
}

h3 {
	color: var(--h3Color);
	background-color: var(--h3BackColor);
	font-size: var(--h3Size);
	line-height: var(--h3LineHeight);
	padding-bottom: 0;
}

.noWrap {
	white-space: nowrap;
}

.noMg {
	margin-bottom: 0;
	padding-bottom: 0;
}

header section {
	background-color: var(--colorDunkelGruen);
	color: var(--colorWhite);
}

header #logos {
	background-color: var(--colorDunkelGruen);
	padding: 5.7%;
	padding: 52px;
}

header #logoBiMADesktop {
	width: 39.25%;
	width: 310px;
}

header section {
	padding: 5.7%;
	padding: 52px;
}

header #title {
	padding-bottom: 10px;
}

header #job_title_title {
	padding-top: 0;
	margin-top: -15px;
	padding-right: 28%;
}

header #modalities {
	padding-top: 0;
	margin-top: -9.5px;
	padding-right: 20%;
	padding-bottom:  20px;
}

header #applyBtnTop {
	padding-top: 0px;
	padding-bottom: 34px;
}

header .subTitle {
	display: block;
	margin-top: 17px;
	margin-bottom: 6px;
	font-size: 34px;
	line-height: 120%;
}

.btn {
	display: block;
	width: fit-content;
	padding: 28px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 8px;
	transition: all 0.2s ease;
}

header #applyBtnTop .btn {	
	background-color: #c4f20c;
	border: solid 1px var(--colorGruen50);
	color: var(--colorDunkelGruen);
}

main .applyBtn {
	margin-top: 15px;
	margin-bottom: 18px;
	background-color: var(--colorDunkelGruen);
	width: fit-content;
	border: solid 1px var(--colorDunkelGruen);
	color: var(--colorWhite);
}

header #applyBtnTop .btn:hover,
.applyBtn:hover {
	background-color: var(--colorHellGruen);
	border-color: var(--colorHellGruen);
	color: var(--colorDunkelGruen);
}

#imgMobile {
	display: none;
}

#imgDesktop {
	display: block;
/*	margin-top: -7.25%;*/
	margin-top: -7.5%;
}

#winkelMobile {
	display: none;
}

#winkelDesktop {
	display: block;
	z-index: 999;
}

#copyrightDesktop {
	margin-top: -40px;
	font-size: 14px;
	color: #fff;
	margin-left: 52px;
}

#winkelApplication {
	margin-bottom: -7px
}

main {
	padding-top: 43px;
	color: var(--colorDunkelGruen);
}

main section {
	padding: 5.7%;
	padding: 52px;
	padding-bottom: 16px;
	padding-top: 0;
}

#application,
#contact,
#legal {
	background-color: var(--colorHellGruen50);
}

#offer {
	padding-bottom: 35px;
}

#application {
	padding-top: 35px;
	z-index: 20;
}

main #legal {
	padding-bottom: 30px;
}


footer {
	padding: 13.5px 5.7%;
	color: var(--colorDunkelGruen);
	font-size: 24px;
}

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

	#wrapper {
		border: none;
		font-size: 18px;
	/*	border-top: solid 1px black; */
	}

	h2 {
		font-size: 22px;
		padding-top: 12px;
		padding-bottom: 0;
	}

	h3 {
		padding-top: 12px;
	}

	strong {
		font-weight: bold;
	}

	header #logos {
		padding: 4.8148% 4.259%; 
		padding-bottom: 4%;
		padding-top: 5.2%;
		background-color: var(--colorWhite);
	}

	header #logos a {
		line-height: 0;
		font-size: 0;
	}

	#copyrightDesktop {
		display: none;
	}

	#winkelDesktop {
		display: none;
	}

	header #winkelMobile {
		display: block;
		z-index: 1000;
		margin-top: -36px;
	}

	header #logoBiMADesktop {
		width: 45%;
		width: 236px;
	}

	header #title {
		padding-top: 0;
		padding-right: 5.7%;
	}

	header #applyBtnTop {
		padding-top: 0;
		padding-bottom: 0;
	}

	header #job_title_title,
	header #modailites {
		padding-top: 20px;
		padding-right: 5.7%;
	}

	header #title {
		padding-top: 20px;
	}

	header #title h1 {
		margin-top: -3px;
		margin-bottom: 10px;	
		font-size: 32px;
		line-height: 120%;
	}

	header #applyBtnTop {
		margin-top: -5px;
		padding-bottom: 41px;
	}

	header .subTitle {
		font-size: 24px;
	}

	header section,
	main section,
	footer {
		padding: 4.259%;
		padding-top: 0;
		padding-left: 4.259% !important;
		padding-right: 4.259% !important;
	}

	main {
		padding-top: 0px;
	}

	#imgMobile {
		display: block;
	}
	
	#imgDesktop {
		display: none;
	}
	
	main section,
	#advanced_introduxtion,
	header section {
		padding: 4.259%;
		padding-top: 0px;
	}

	#intro {
		padding: 4.259%;
	}

	main section {
		padding-bottom: 0;
	}

	#offer {
		padding-bottom: 20px;
	}

	#application {
		padding-top: 26px;
	}

	footer {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}

@media print {
/*	
	header #logos,
	header section,
	#application,
	#contact,
	#legal,
	h1,
	h1 strong {
		font-weight: normal;
		background-color: var(--colorWhite);
		color: var(--colorDunkelGruen);
	}

	.btn,
	header #logos {
		display: none;;
	}
*/
	#imgDesktop {
		margin-top: -7.2%;
	}
}