@charset "utf-8";
@media (prefers-reduced-motion: reduce) {
.slider > * { animation: none !important; }
.slider .entry { opacity: 0; }
.slider .entry:last-child { opacity: 1; }
}
:root {
--osr51_linkfarbe: #0069b4;
--osr51_textfarbe: #00217A;
--osr51_textfarbe_bg: #fff;
--osr51_akzentfarbe: #0069b4;
--osr51_akzentfarbe_bg: #dc911b;
--osr51_akzentfarbe_bg_foot: #dc911b;
--osr51_bg_content: #fff;
--osr51_bg_body: #eee;
}
@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{
background-color: var(--osr51_bg_body);
width: 100%;
height: auto;
}
body{
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
a {
color: var(--osr51_linkfarbe);
text-decoration: none;
}
a:hover {
color: var(--osr51_linkfarbe);
text-decoration: underline 1px solid var(--osr51_linkfarbe);
}
.footer a {
color: var(--osr51_textfarbe_bg);
text-decoration: underline 1px solid var(--osr51_linkfarbe);
}
a .logo:hover, .footer a:hover {
opacity: 0.62;
}
.button {
display: inline-block;
font-size: 15px;
line-height: 26px;
text-decoration: none;
color: var(--osr51_textfarbe_bg);
background-color: var(--osr51_linkfarbe);
border: 2px solid var(--osr51_linkfarbe);
padding: 8px 8%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin-top: 26px;
margin-bottom: 53px;
border-radius: 1px;
font-weight: 700;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
}
.button:hover {
color: var(--osr51_linkfarbe);
background-color: transparent; border: 2px solid var(--osr51_linkfarbe);
text-decoration: none;
opacity: 1;
}
.nobreak {
white-space: nowrap;
}
.nospan {
margin-bottom: 0;
}
.nospantop {
margin-top: 0;
}
.smallspan {
margin-bottom: 8px;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.clearing {
clear: both;
height: 0;
}
sup {
line-height: 98%;
}
sub {
line-height: 96%;
}
h1, h2, p, li {
line-height: 133%;
}
b, strong {
font-weight: 700;
}
h1 {
font-size: 30px;
margin-bottom: 26px;
text-align: center;
}
h1 span {
font-size: 23px;
font-weight: 400;
}
h2, .h2 {
color: var(--osr51_akzentfarbe);
font-weight: 700;
}
.txt_untertitel {
font-size: 23px;
text-align: center;
margin:-26px 0 26px 0;
}
h2, .h2 {
font-size: 18px;
margin-bottom: 12px;
padding-top: 17px;
}
p, li {
font-size: 16px;
font-weight: 400;
}
p, ul {
margin-bottom: 19px;
}
ul {
list-style-type: none;
margin-left: 2%;
}
ul li {
margin-left: 17px;
position: relative;
margin-bottom: 8px;
}
ul li:before {
content: " ";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #00217A;
position: absolute;
top: 9px;
left: -17px;
}
ul li ul {
margin-left: 0;
}
ul li ul, ul li ul li {
margin-bottom: 0;
}
ul li ul li:before {
width: 0;
height: 0;
border-radius: 0;
content: "\2714";
content: "\00BB";
top: -1px;
vertical-align: text-top;
}
hr {
border-top: 1px solid #CFD6E7;
color: transparent;
background-color: transparent;
height: 0;
margin-bottom: 20px;
margin-top: 36px;
}
.txt_center {
text-align: center;
}
.txt_color {
color: #0099B0;
}
.txt_bold {
font-weight: bold;
}
.txt_untertitel {
font-size: 23px;
}
.txt15 {
font-size: 15px;
}
.txt_small {
font-size: 12px;
}
.logo {
max-height: 133px;
max-width: 62%;
height: auto;
padding: 10px;
margin-bottom: 26px;
border: 1px solid #ccc;
}
.topimage {
width: 100%;
height: auto;
}
#ad_job {
position: relative;
margin: 0 auto;
width: 96%;
height: 96%;
padding: 2%;
}
#ad_job:before {
content: " ";
position: fixed;
top:0;
right:0;
bottom:0;
left:0;
width: 100vw;
height: 100vh;
background-image: linear-gradient(to top, #fff 0%, transparent 80%), url('../images/bild1.jpg');
background-repeat: no-repeat, no-repeat;
background-position: top center, top center;
background-size: cover;
}
.wrapper {
max-width: 860px;
position: relative;
margin: 0 auto;
background-color: transparent;
color: var(--osr51_textfarbe);
font-family: "Poppins", Arial, Helvetica, sans-serif;
}
.header, .content, .footer {
background-color: var(--osr51_bg_content);
overflow: hidden;
box-shadow: 0 0 8px rgba(0,0,0,0.26);
}
.header, .content, .footer {
padding: 35px 35px 8px 35px;
}
.header {
display: flex;
}
.bg_color {
background-color: var(--osr51_akzentfarbe_bg);
color: var(--osr51_textfarbe_bg);
}
.footer {
background-color: var(--osr51_akzentfarbe_bg_foot);
}
.footer, .footer h2 {
color: var(--osr51_textfarbe_bg);
}
.jobdetails {
display: flex;
flex-wrap: wrap;
padding:0 3px 3px 3px;
/*; justify-content: center; für mittig ausferichtet*/
}
.jobdetails li{
padding-right:17px;
padding-left:21px;
display: flex;
align-items: center;
margin: 0;
line-height:26px;
position:relative;
}
.jobdetails li.zeit{
padding: 0 5px;
border-radius: 3px;
margin-right: 17px;
border:1px solid #F56363;
background-color: #fff;
color:var(--osr51_textfarbe);
font-size: 12px;
line-height: 12px;
}
.jobdetails li.zeit:before, .jobdetails li.ort:before, .jobdetails li.vertrag:before, .jobdetails li.time:before, .jobdetails li.befristet:before, .jobdetails li.erfahrung:before, .jobdetails li.info:before, .jobdetails li.arbeitsort:before, .jobdetails li.abteilung:before {
background-color:transparent;
border-radius:0;
content: " ";
width:17px;
height:17px;
background-repeat:no-repeat;
background-size: contain;;
position:absolute;
top:5px;
left:0;
}
.ort:before{
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.jobdetails li.vertrag:before{
background-image: url("data:image/svg+xml,%3Csvg fill='%23F56363' height='800px' width='800px' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'; xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 512 512'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='m460.2,272.6h-52.3v-15.7c0-11.3-9.1-20.4-20.4-20.4-11.3,0-20.4,9.1-20.4,20.4v15.7h-222.1v-15.7c0-11.3-9.1-20.4-20.4-20.4-11.3,0-20.4,9.1-20.4,20.4v15.7h-52.4v-136.3h408.3v136.3h0.1zm-408.4,187.6v-146.7h52.3v15.7c0,11.3 9.1,20.4 20.4,20.4 11.3,0 20.4-9.1 20.4-20.4v-15.7h222v15.7c0,11.3 9.1,20.4 20.4,20.4 11.3,0 20.4-9.1 20.4-20.4v-15.7h52.3v146.7h-408.2-1.42109e-14zm130.8-408.4h131.8v41.8h-131.8v-41.8zm298,43.6h-125.4v-52.1c0-17.8-14.5-32.3-32.3-32.3h-148.8c-17.8,0-32.3,14.5-32.3,32.3v52.1h-110.4c-11.3,0-20.4,9.1-20.4,20.4v364.7c0,11.3 9.1,20.4 20.4,20.4h449.2c11.3,0 20.4-9.1 20.4-20.4v-364.7c5.68434e-14-11.2-9.1-20.4-20.4-20.4z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.jobdetails li.time:before{
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.jobdetails li.befristet:before{
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.jobdetails li.erfahrung:before{
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg'; xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='612px' height='612px' viewBox='0 0 612 612' fill='%23F56363' stroke='%23F56363' style='enable-background:new 0 0 612 612;'; xml:space='preserve'%3E%3Cg%3E%3Cg id='Graduation_x5F_Cap'%3E%3Cg%3E%3Cpath d='M593.198,207.57l-272-136C316.608,69.275,311.457,68,306,68s-10.608,1.275-15.198,3.57l-272,136 C7.65,213.146,0,224.689,0,238s7.65,24.854,18.802,30.43L34,276.029v119.697C23.868,401.608,17,412.454,17,425 c0,18.785,15.232,34,34,34s34-15.215,34-34c0-12.546-6.868-23.392-17-29.291V293.012l51,25.5V425c0,65.722,83.725,119,187,119 c103.275,0,187-53.278,187-119V318.529l100.198-50.099C604.35,262.854,612,251.311,612,238S604.35,213.146,593.198,207.57z M442,425c0,31.45-59.398,68-136,68c-76.602,0-136-36.55-136-68v-80.988l120.802,60.418c4.59,2.295,9.741,3.57,15.198,3.57 s10.608-1.275,15.198-3.57L442,344.012V425z M306,355.011L71.978,238L306,120.989L540.022,238L306,355.011z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.jobdetails li.arbeitsort:before{
background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='System / Laptop'%3E%3Cpath id='Vector' d='M4 17H3.5C2.67157 17 2 17.6716 2 18.5C2 19.3284 2.67157 20 3.5 20H20.5C21.3284 20 22 19.3284 22 18.5C22 17.6716 21.3284 17 20.5 17H20M4 17H20M4 17V8.2002C4 7.08009 4 6.51962 4.21799 6.0918C4.40973 5.71547 4.71547 5.40973 5.0918 5.21799C5.51962 5 6.08009 5 7.2002 5H16.8002C17.9203 5 18.4796 5 18.9074 5.21799C19.2837 5.40973 19.5905 5.71547 19.7822 6.0918C20 6.5192 20 7.07899 20 8.19691V17' stroke='%23F56363' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}
.jobdetails li.abteilung:before{
background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3C!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B; fill: %23F56363; %7D .st1 %7B; fill: none; stroke: %23F56363; stroke-linecap: round; stroke-linejoin: round; stroke-width: 80px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st1' d='M238.9,273.2v388.9c0,27.6,22.4,50,50,50h288.9c27.6,0,50-22.4,50-50v-388.9c0-13.3-5.3-26-14.6-35.4l-144.5-144.5c-19.5-19.5-51.2-19.5-70.7,0l-144.5,144.5c-9.4,9.4-14.6,22.1-14.6,35.4Z'/%3E%3Cpath class='st0' d='M451,217.1c9.8,9.8,9.8,25.6,0,35.4-9.8,9.8-25.6,9.8-35.4,0s-9.8-25.6,0-35.4,25.6-9.8,35.4,0Z'/%3E%3C/svg%3E");
}
.jobdetails li.info:before{
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
@media screen and (max-width: 620px) {
.jobdetails {
display: block;
}
.jobdetails li{
display: table;
margin-bottom: 3px;
/*margin: 0 auto 3px;*/
}
.jobdetails li.zeit{
padding: 5px;
}
}
@media screen and (max-width: 1104px) {
}
@media screen and (max-width: 800px) {
h1 {
font-size: 26px;
}
h1 span {
font-size: 21px;
}
}
@media screen and (max-width: 620px) {
.nodis {
display: none;
}
h2, .h2 {
font-size: 17px;
}
p, li {
font-size: 15px;
}
.txt_untertitel {
font-size: 20px;
}
.header {
display: block;
}
}
@media screen and (max-width: 530px) {
}
@media screen and (max-width: 440px) {
}
@media screen and (max-width: 350px) {
}
@media print {
html, body{
all: unset;
}
#ad_job {
margin: 0 auto;
width: 100%;
border: none;
padding: 0;
}
.wrapper {
box-shadow: none;
}
.bewerbungslink:after {
content: "BEWERBUNG UNTER; https://www.stellenlink.de/26-4-105-iwk";
display: block;
padding-bottom: 44px;
width: 100%;
font-size: 13px;
line-height: 17px;
position: relative;
top: 35px;
}
}
.slider {
--seconds-per-image: 4.6s; /*Anzeige Slider-Bild in Sekunden */
--bild-1: url('../images/slider3.jpg');
--bild-2: url('../images/slider2.jpg');
--bild-3: url('../images/slider1.jpg');
--bild-4: var(--no-img);
--bild-5: var(--no-img);
position: relative;
width: 100%;
padding-bottom: 54.3%; /*Slider-Höhe hier festlegen*/
/*; margin-bottom: 26px;*/; background-color: #fff;
--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;
}
.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;
}
}
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;
}
/* Auto-gewrappte Klartext-Telefonnummern sollen wie der umgebende Text aussehen (Universalregel). */
a.auto-tel { color: inherit; text-decoration: none; font-weight: inherit; }
#wrapper, .wrapper { padding-bottom: 2.5rem; }