@charset "utf-8";

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  .slider .entry { opacity: 0; }
  .slider .entry:last-child { opacity: 1; }
}


:root {
--osr51_farbe_headlines: #0c2577;
--osr51_linkfarbe_im_text: #1260cf; /* ändern in Headline-Farbe, wenn Headline-Farbe abweichend von Textfarbe */
--osr51_linkfarbe: #008194;
--osr51_svg_farbe: #f56363;
--osr51_textfarbe: #0c2577;
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url(../fonts/3841175.ttf) format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../fonts/3841177.ttf) format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/3841179.ttf) format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonts/3841181.ttf) format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(../fonts/3841183.ttf) format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/3841875.ttf) format('truetype');
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
img {
	vertical-align: bottom;
}
html, body{
	width: 100%;
	height: 100%;
}
html {
}
body{
	position: relative;
	/*; background-color: #f2fafb;*/; background-color: #fff;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
body:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 56.25%;
	background-image: linear-gradient(to top, #fff 0%, transparent 80%), url(bg_body.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: top center, top center;
	background-size: cover;
}
.button {
	display: inline-block;
	font-size: 15px;
	line-height: 26px;
	text-decoration: none;
	color: #fff;
	background-color: var(--osr51_linkfarbe);
	border: 2px solid var(--osr51_linkfarbe);
	padding: 5px 8%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-radius: 80px;
	font-weight: normal;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.button {
	margin: 26px 0 35px 0;
}
.button:hover {
	color: var(--osr51_linkfarbe);
	background-color: transparent;
	border: 2px solid var(--osr51_linkfarbe);
	text-decoration: none;
}
a {
	text-decoration: none;
	color: var(--osr51_linkfarbe_im_text);
}
a:hover {
	color: var(--osr51_linkfarbe_im_text);
	text-decoration: underline;
}
a .logo:hover {
	opacity: 0.8
}
.nobreak {
	white-space: nowrap;
}
.nospan {
	margin: 0 0 0 0;
}
.nospantop {
	margin-top: 0;
}
.smallspan {
	margin: 0 0 8px 0;
}
.clearing:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
sup {
	line-height: 98%;
}
sub {
	line-height: 96%;
}
p, li {
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;
	line-height: 170%;
}
p, ul {
	margin: 0 0 21px 0;
}
h1, h2 {
	font-weight: 600;
}
h1 {
	font-size: 23px;
	line-height: 26px;
}
.h1 {
	font-size: 23px;
	line-height: 26px;
}
h1 {
	margin: 8px 0 12px 0;
}
h2 {
	font-size: 21px;
	line-height: 26px;
	color: var(--osr51_farbe_headlines);
	margin-left: -17px;
	padding: 12px 17px 17px 17px;
	width: 100%;
}
h4 {
	font-size: 17px;
	line-height: 26px;
}
ul {
	list-style-type: none;
}
ul li {
	margin: 0 0 0 12px;
	position: relative;
}
ul li:before {
	content: "\25CF";
	position: absolute;
	top: 3px;
	left: -12px;
	color: #333;
	font-size: 10px;
	line-height: 17px;
	vertical-align: text-top;
}
ul li ul {
	margin: 0 0 0 0;
}
ul li ul li {
}
ul li ul li:before {
	content: "\2013";
}
hr {
	border-top: 1px solid rgba(0,0,0,0.26);
	color: transparent;
	background-color: transparent;
	height: 0;
	margin: 30px 0 21px 0;
}
.txt_block {
	text-align: justify;
}
.txt_center {
	text-align: center;
}
.txt_color {
	color: #0099B0;
}
.logo {
	width: 80px;
	height: 80px;
	width: 100px;
	height: 100px;
	border: 1px solid #CCC;
	margin: 1px 17px 17px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 6px;
}
.logo img {
	max-width: 70px;
	max-height: 70px;
	max-width: 90px;
	max-height: 90px;
	padding: 5px;
}
.flex_container {
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 26px;
	display: flex;
	margin-bottom: 0;
	flex-wrap: wrap;
	align-items: center;/*justify-content: center; für mittig ausferichtet*/
}
.jobdetails {
	padding-right: 17px;
	padding-left: 26px;
	padding-bottom: 3px;
	margin: 0;
	line-height: 21px;
	position: relative;
}
.ort:before, .zeit:before, .befristet:before, .vertrag:before, .gehalt:before {
	content: " ";
	width: 21px;
	height: 21px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.ort:before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none" stroke="%23F56363" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
}
.zeit:before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="%23F56363" ><path d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12 12-5.383 12-12S22.617 4 16 4zm0 2c5.535 0 10 4.465 10 10s-4.465 10-10 10S6 21.535 6 16 10.465 6 16 6zm-1 2v9h7v-2h-5V8z" /></svg>');
	top: -2px;
}
.befristet:before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none" stroke="%23F56363" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');
}
.vertrag:before {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none" stroke="%23F56363" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-briefcase"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>');
}
.gehalt a {
	color: var(--osr51_linkfarbe);
}
.gehalt a:hover {
	text-decoration-color: var(--osr51_linkfarbe);
	cursor: pointer;
}
.gehalt:before {
	background-image: url("data:image/svg+xml,%3Csvg data-genesis-element='GenericSalaryIcon' role='presentation' width='100%25' height='100%25' viewBox='0 0 20 20' fill='none' stroke='%23F56363' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M11.2915 10.7597C10.7093 10.7597 10.2165 10.558 9.8132 10.1547C9.4099 9.75143 9.20825 9.25864 9.20825 8.67638C9.20825 8.09413 9.4099 7.60135 9.8132 7.19804C10.2165 6.79474 10.7093 6.59309 11.2915 6.59309C11.8738 6.59309 12.3666 6.79474 12.7699 7.19804C13.1732 7.60135 13.3749 8.09413 13.3749 8.67638C13.3749 9.25864 13.1732 9.75143 12.7699 10.1547C12.3666 10.558 11.8738 10.7597 11.2915 10.7597ZM5.6281 12.8398C5.25968 12.8398 4.94429 12.7085 4.68191 12.4459C4.41955 12.1833 4.28837 11.8677 4.28837 11.4989V5.8469C4.28837 5.47816 4.41955 5.16365 4.68191 4.90336C4.94429 4.64308 5.25968 4.51294 5.6281 4.51294H16.955C17.3234 4.51294 17.6388 4.64424 17.9012 4.90683C18.1635 5.16942 18.2947 5.48508 18.2947 5.85383V11.5059C18.2947 11.8746 18.1635 12.1891 17.9012 12.4494C17.6388 12.7097 17.3234 12.8398 16.955 12.8398H5.6281ZM6.71141 11.7565H15.8717C15.8717 11.3826 16.0029 11.065 16.2652 10.8038C16.5276 10.5426 16.843 10.412 17.2114 10.412V6.93598C16.8416 6.93598 16.5259 6.8048 16.2642 6.54244C16.0025 6.28006 15.8717 5.96467 15.8717 5.59625H6.71141C6.71141 5.97018 6.58023 6.28776 6.31787 6.54898C6.0555 6.8102 5.7401 6.94081 5.37168 6.94081V10.4168C5.74145 10.4168 6.05718 10.548 6.31887 10.8103C6.58056 11.0727 6.71141 11.3881 6.71141 11.7565ZM15.2691 15.4231H3.04481C2.67638 15.4231 2.36098 15.2919 2.09862 15.0296C1.83626 14.7672 1.70508 14.4518 1.70508 14.0834V7.03856C1.70508 6.88509 1.75659 6.75645 1.85962 6.65265C1.96265 6.54883 2.09031 6.49692 2.24262 6.49692C2.39493 6.49692 2.52396 6.54883 2.62972 6.65265C2.73549 6.75645 2.78837 6.88509 2.78837 7.03856V14.0834C2.78837 14.1475 2.81509 14.2063 2.86852 14.2597C2.92193 14.3131 2.9807 14.3398 3.04481 14.3398H15.2691C15.4226 14.3398 15.5512 14.3913 15.655 14.4944C15.7588 14.5974 15.8107 14.7251 15.8107 14.8774C15.8107 15.0297 15.7588 15.1587 15.655 15.2645C15.5512 15.3702 15.4226 15.4231 15.2691 15.4231ZM5.6281 11.7565H5.37168V5.59625H5.6281C5.55865 5.59625 5.49856 5.62163 5.44781 5.67238C5.39706 5.72313 5.37168 5.78322 5.37168 5.85267V11.5001C5.37168 11.5695 5.39706 11.6296 5.44781 11.6804C5.49856 11.7311 5.55865 11.7565 5.6281 11.7565Z'%3E%3C/path%3E%3C/svg%3E");
}
#ad_job {
	max-width: 1140px;
	position: relative;
	margin: auto;
	background-color: transparent;
	color: var(--osr51_textfarbe);
	font-family: Poppins, Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 21px;
	padding-bottom: 21px;
}
#ad_job, .header, .headlines, .content, .footer {
	overflow: hidden;
}
.header {
	display: flex;
	align-items: center;
}
.header, .content {
	padding: 21px 12% 0 12%;
	position: relative;
	background-color: #fff;
}
.fadeimages, .fade1, .fade2, .fade3, .topimage, iframe.video {
	border-radius: 12px;
}
.headlines {
	margin: 21px 0 21px 0;
	width: 100%;
}
iframe.video {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	margin-bottom: 26px;
	border: 1px solid #CCC;
	background: #333 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 280.8'%3E%3Crect y='240.9' width='512' height='39.9'/%3E%3Crect x='0' width='511.9' height='240.9' fill='%23999'/%3E%3Cpolygon points='47 261.1 26.2 248.4 26.2 273.8 47 261.1' fill='%23fff'/%3E%3Crect x='107.7' y='257' width='314.7' height='6' fill='%23999'/%3E%3Ccircle cx='200.9' cy='260.8' r='8.8' fill='%23fff'/%3E%3Cg%3E%3Crect x='461.2' y='248' width='5.7' height='24' fill='%23999'/%3E%3Crect x='475.5' y='248' width='5.7' height='24' fill='%23999'/%3E%3C/g%3E%3Cg%3E%3Cpolygon points='289.2 121.5 249.5 98.5 249.5 144.4 289.2 121.5' fill='%23fff'/%3E%3Cpath d='M265,174.6c-29.9,0-54.1-24.2-54.1-54.1,0-29.9,24.2-54.1,54.1-54.1,29.9,0,54.1,24.2,54.1,54.1h0c0,29.9-24.3,54.1-54.1,54.1ZM265,71.1c-27.3,0-49.3,22.1-49.4,49.3,0,27.3,22.1,49.3,49.3,49.4s49.3-22.1,49.4-49.3h0c0-27.2-22.1-49.3-49.3-49.4Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/cover;
	overflow: hidden;
}

@media screen and (max-width: 1180px) {
html, body{
	/*; background:#f2fafb;*/; background: #fff;
}
#ad_job {
	padding: 21px;
}
}

@media screen and (max-width: 890px) {
.header, .content {
	padding: 21px 10% 0 10%;
}
}

@media screen and (max-width: 620px) {
.nodis {
	display: none;
}
body:before {
	background-image: none;
}
h1 {
	font-size: 26px;
	line-height: 35px;
}
.headlines, .logo {
	float: none;
}
.headlines {
	margin: 21px 0 21px 0;
	width: auto;
}
.header {
	display: block;
}
.header, .content {
	padding: 21px 8% 0 8%;
}
}

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

@media screen and (max-width: 440px) {
.nodis {
	display: none;
}
.flex_container {
	display: table;
	margin: 0 auto 26px;/* für mittig ausferichtet*/; margin: 0 0 26px 0;
}
}

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

@media screen and (max-width: 296px) {
.nodis296 {
	display: none;
}
}

@media print {
html, body{
	color: #333;
	background-color: #fff;
	background: none;
}
#ad_job {
	width: 100%;
	position: relative;
	margin: 0 auto;
	-webkit-box-shadow: none;
	box-shadow: none;
}
}
.slider {
--seconds-per-image: 2.4s; /*Wieviele Sekunden jedes Slider-Bild gezeigt werden soll */
--bild-1: url('../images/slider3.jpg');
--bild-2: url('../images/slider2.jpg');
--bild-3: url('../images/slider1.jpg');
--bild-4: url('../images/slider3.jpg');
--bild-5: url('../images/slider2.jpg');
	position: relative;
	width: calc(100% - 2px);
	padding-bottom: calc(40% + 2px); /*Slider-Höhe hier festlegen*/; border: 1px solid #ccc;
	border-radius: 12px;
	margin-bottom: 30px;
	background-color: transparent;
--no-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='300'%3E%3Crect x='0' y='0' width='500' height='300' fill='%23fcc'%3E%3C/rect%3E%3Ctext x='150' y='150' fill='%23f00' font-size='1.5em'%3EKein Bild ausgewählt%3C/text%3E%3C/svg%3E");
}
.slider div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 12px;
}
.slider .entry {
	opacity: 0;
}
.slider {
--error-flag: 0;
--child-count: 0;
}
.slider[src*="slider1"] > * {
--child-count: 1;
	animation-name: _fade1;
}
.slider[src*="slider2"] > * {
--child-count: 2;
	animation-name: _fade2;
}
.slider[src*="slider3"] > * {
--child-count: 3;
	animation-name: _fade3;
}
.slider[src*="slider4"] > * {
--child-count: 4;
	animation-name: _fade4;
}
.slider[src*="slider5"] > * {
--child-count: 5;
	animation-name: _fade5;
}
.slider .entry:nth-child(1) {
--own-position: 5;
	background-image: var(--bild-5);
}
.slider .entry:nth-child(2) {
--own-position: 4;
	background-image: var(--bild-4);
}
.slider .entry:nth-child(3) {
--own-position: 3;
	background-image: var(--bild-3);
}
.slider .entry:nth-child(4) {
--own-position: 2;
	background-image: var(--bild-2);
}
.slider .entry:nth-child(5) {
--own-position: 1;
	background-image: var(--bild-1);
}
.slider .entry {
--anim-duration: calc(var(--seconds-per-image) * var(--child-count));
--anim-delay: calc((var(--own-position) - 1) * var(--seconds-per-image));
	animation-delay: var(--anim-delay);
	animation-duration: var(--anim-duration);
animation-iteration-count: calc(clamp(0, var(--child-count) - var(--own-position) + 1, 1000) * 1000);
	animation-timing-function: ease-in-out;
}
@keyframes _fade1 {
0% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes _fade2 {
0% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes _fade3 {
0% {
opacity: 0;
}
17% {
opacity: 1;
}
33% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes _fade4 {
0% {
opacity: 0;
}
13% {
opacity: 1;
}
25% {
opacity: 1;
}
38% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes _fade5 {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
20% {
opacity: 1;
}
30% {
opacity: 0;
}
100% {
opacity: 0;
}
}

/* Auto-gewrappte Klartext-Telefonnummern sollen wie der umgebende Text aussehen (Universalregel). */
a.auto-tel { color: inherit; text-decoration: none; font-weight: inherit; }

b, strong { font-weight: bold; }

#wrapper, .wrapper { padding-bottom: 2.5rem; }

/* prt-hyphenation — Silbentrennung langer Wörter (Proteus, alle Anzeigen) */
html {
  overflow-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-chars: 8 4 3;
  hyphenate-limit-chars: 8 4 3;
}
@media (max-width: 700px) {
  html {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-chars: 8 4 3;
  hyphenate-limit-chars: 8 4 3;
  }
}
