body {
  font-size: 14px;
}

a { color: #e2202a; }

#publication {
    font-family: Arial, Helvetica, sans-serif !important;
}

img#badge {
    height: 110px;
    margin-right: 5px;
}

div#badges {
    margin-top: 1em;
}

div#lower_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 2em;
}

#content {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 900px;
    box-shadow: 0 0 20px gray;
    padding: 0 !important;
    margin: 0 auto !important;
    border: none !important;
    background-color: white;
    line-height: 1.4;
}

h4{
font-weight: bold;
    color: #e2202a;
    margin-top: 1em;
}

.only-online{display:block;}
.only-print{display:none;}

/* * * * * * * *  top: image, logo, title  * * * * * * * */
#backlink {
  position: absolute; top: 10px; left: 20px;
  color: white;
  text-shadow: 1px 1px 3px #000;
}
a#backlink:hover {
  text-decoration: underline;
}
#logo {
  position: absolute; top: 0; right: 40px;
}
#title-banner {
  width: 100%;
  background-color: #e2202a; 
  margin-top: -5px; /*TODO: why? - check other browsers, too*/
}
#title-banner > #vacancy-title {
  display: table;
  margin-left: 96px;
  width: calc(100% - 164px); min-height: 62px;
  padding: 20px 35px 12px;
  background-color: #535252; 
  color: white;
  font-size: 2em;
  font-weight: bold; 
  line-height: 1.2; 
}
#title-banner > #vacancy-title > span {
  display: table-cell;
  vertical-align: middle;
}
#title-banner::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 900px) {
  #logo {
    right: 4.44vw;
    width: 18.89vw;
  }
  #title-banner > #vacancy-title {
    margin-left: 10.67vw;
    width: 81.78vw; min-height: 6.89vw;
    padding: 2.22vw 3,56vw 1.33vw;
  }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#num-and-date {
  text-align: right;
  font-size: 1.2em;
  font-stretch: condensed;
  line-height: 1.15;
  margin-bottom: 2em;
}
#vacancy-headline {
  margin-top: 2em;
  margin-bottom: 2em;
}
#vacancy-headline p {
  margin: 0.7em 0 0.7em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#col-container {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 24px; /* Chrome, Safari, Opera */
  -moz-column-gap: 24px; /* Firefox */
  column-gap: 24px;
}
.col-container ol, .col-container p, .col-container ul {
  margin: 1em 0 1em;
}
.col-container p.header {
  font-weight: bold;
  color: #e2202a;
  margin-top: 1.8em;
}
.col-container div:first-of-type p.header:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 720px) {
  #col-container {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#how-to-apply {
  margin-top: 2em;
  margin-bottom: 2em;
}
#how-to-apply p {
  margin-top: 1em;
  margin-bottom: 1em;
}
#apply-here {
    padding-top: 2em;
    padding-bottom: 1em;
    background: #e2202a;
    margin: auto;
}

#apply-here-arrow {
  width: 30px;
}

#apply-here #applyBtn {
    display: block;
    cursor: pointer;
    height: inherit;
    background-color: transparent;
    text-decoration: none !important;
    color: white;
    float: none;
    margin: auto;
    font-size: 25px;
    font-weight: bold;
    border: 1px solid transparent;
    line-height: inherit;
    height: 100%;
    padding: 1px 15px;
}

#apply-here #applyBtn span {
  display: inline-block;
  position: relative;
  top: -7px;
  left: 10px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

@media screen and (min-width: 900px) {

}
@media screen and (max-width: 600px) {
  #title-banner > #vacancy-title {
    font-size: 1.8em;
    margin-left: 12.1vw;
    ORIGwidth: 81.78vw; min-height: 6.89vw;
    padding: 2vw 3.2vw 1.2vw;
  }
}
@media screen and (max-width: 510px) {
  #title-banner > #vacancy-title {
    font-size: 1.6em;
    margin-left: 13vw;
    padding: 1.78vw 2.84vw 1.07vw;
  }
}
@media screen and (max-width: 360px) {
  #title-banner > #vacancy-title {
    font-size: 1.4em;
    margin-left: 13.88vw;
    padding: 1.56vw 2.49vw 0.93vw;
  }
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */



ul{
    list-style-type:square;
    padding-left: 1.2em;
}


#t-body {
  padding: 40px 40px 40px 130px;
}
@media screen and (max-width: 900px) {
  #t-body {
    padding: 4.44vw 4.44vw 4.44vw 14.44vw;
  }
}
@media screen and (max-width: 600px) {
  #t-body {
    padding: 4.44vw;
  }
}



.motive {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}



@media print {

body {
    padding: 0;
    margin: 0;
    background: none;
}

  .only-online{display:none;}
  .only-print{display:block;}
  
  #logo {
    right: auto; 
    left: 717px;
  }

  #col-container {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
  #col-container::after {
    content: "";
    display: table;
    clear: both;
  }
  .col-half {
    NOTWORKINGbox-sizing: border-box;
    float: left;
    width: 353px;
    vertical-align: top;
  }
  .col-half:nth-of-type(odd) {
    padding-right: 12px;
  }
  .col-half:nth-of-type(even) {
    padding-left: 12px;
  }

  #content {
    NOfont-size: 13px !important;
    NOline-height: 1.2;
    width: 900px !important;
  }
}

/* for measuring before pdf creation...... */
body.print-body  .only-online{display:none;}
body.print-body  .only-print{display:block;}

body.print-body  #logo {
    right: auto; 
    left: 717px;
}
body.print-body  #title-banner {
    background-color: transparent;
  }
body.print-body  #title-banner > #vacancy-title {
    background-color: transparent;
    width: 806px;
    font-size: 28px;
}
 
body.print-body  #col-container {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
body.print-body  #col-container::after {
    content: "";
    display: table;
    clear: both;
  }
body.print-body  .col-half {
    NOTWORKINGbox-sizing: border-box;
    float: left;
    width: 353px;
    vertical-align: top;
  }
body.print-body  .col-half:nth-of-type(odd) {
    padding-right: 12px;
  }
body.print-body  .col-half:nth-of-type(even) {
    padding-left: 12px;
  }
  
body.print-body  #content {
    NOfont-size: 13px !important;
    NOline-height: 1.2;
    width: 900px !important;
  }
/* ....end measuring pdf. */


#header-wrapper, #publication_template_footer, #pageFooter {
    display: none !important;
}

#content, #main {
    padding: 0 !important;
    margin: 0 auto !important;
    border: none !important;
}

body#mhmr_staff_templates_show {
    background-color: white;
}

body#mhmr_job_portal_publications_show{
    background-color: white;
}

#content:after {
    content: "";
    display: table;
    clear: both;
}

ul{
    -webkit-margin-before: 0em;
}

@page {
  margin: 2em 0em 2em 0em; // margin for each printed piece of paper
}

@page :first {
  margin-top: 0em !important; // top margin for first page of paper
}
/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
.fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)/""}@supports not (content:""/""){:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)}}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-envelope{--fa:"\f0e0"}:host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}@font-face{font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;font-display:block;src:url('../fonts/fa-brands-400.woff2')}.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}.fa-x-twitter{--fa:"\e61b"}.fa-linkedin{--fa:"\f08c"}.fa-facebook{--fa:"\f09a"}.fa-xing{--fa:"\f168"}.fa-whatsapp{--fa:"\f232"}:host,:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:400;font-display:block;src:url('../fonts/fa-regular-400.woff2')}.far{--fa-family:var(--fa-family-classic)}.fa-regular,.far{--fa-style:400}:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url('../fonts/fa-brands-400.woff2') format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url('../fonts/fa-regular-400.woff2') format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url('../fonts/fa-brands-400.woff2') format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url('../fonts/fa-regular-400.woff2') format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}

@media (prefers-reduced-motion: reduce) { * { animation:none !important; transition:none !important; } }

#content.wrapper{max-width:900px}

@media screen{#content>img.motive{display:block}#content>img.motive~#title-banner{margin-top:0}}

:where(h1#vacancy-title){font-size:inherit;font-weight:inherit;margin:0}

#apply-here a#applyBtn{width:fit-content}

b, strong { font-weight: bold; }

/* Proteus: Platzhalter für entfernte Rücksprung-Links — hält den Platz, ohne Text */
[data-prt-platz]::before { content: attr(data-prt-platz); }

a[href^="tel:"] { text-decoration: none; color: inherit; }

.prt-autolink::before, .prt-autolink::after { content: none !important; }
a.prt-autolink { font-weight: inherit !important; }

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

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

/* prt-hyphenation — Silbentrennung langer Wörter (Proteus, alle Anzeigen) */
@media (max-width: 800px) {
  html {
  overflow-wrap: break-word;
  }
}
@media (max-width: 800px) {
  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;
  }
}

/* Logo-Anker (S55): klickbar, aber ohne eigenen Kasten — sonst verschiebt
   sich ein prozentual bemessenes Logo (SDE-113070). */
a.prt-logo-link { display: contents; }

/* proteus-schriftgroesse-gemessen */
/* Fließtext mindestens 16px (Betreiber-Vorgabe SDE-113070): nur die Blöcke,
   die in der Vorlage kleiner standen — am Output gemessen, weil die Größe oft vom
   body/Container geerbt wird (SDE-123205). Maßstab ist die SICHTBARE Größe: eine
   Schrift mit kleinen Kleinbuchstaben wird größer gesetzt (YF-51810). Nur Bildschirm. */
@media screen {
  .prt-schrift { font-size: 16px !important; }
}

/* proteus-ueberschrift-mit-schrift */
/* Überschriften wachsen mit ihrem Text (Betreiber 16.10.2026): nur, wo sie nach dem
   Anheben des Fließtexts nicht mehr gleich groß bzw. größer stünden wie in der
   Vorlage. Nur Bildschirm. */
@media screen {
  .prt-ueberschrift.prt-ueberschrift-16 { font-size: 16px !important; }
}

/* proteus-breite-mit-schrift */
/* Die Anzeige wächst mit der Schrift (Betreiber 06.10.2026): der Fließtext wurde
   angehoben, die schmale Vorlage wird im selben Verhältnis breiter — höchstens
   1008 px, im schmalen Fenster weiter 100 %. Nur Bildschirm. */
@media screen { .prt-breite { box-sizing: border-box !important; width: min(1008px, 100%) !important; max-width: none !important; } }

/* proteus-zeilenabstand */
/* Fließtext mindestens 1.5-zeilig gesetzt (Betreiber 24.09.2026):
   nur die Blöcke, die in der Vorlage enger standen — am Output gemessen.
   Nur Bildschirm: im Druck bleibt die Vorlage. */
@media screen { .prt-zeilen { line-height: 1.5 !important; } }

/* proteus-randabstand */
/* Die Anzeige steht nie auf der Fensterkante. In der Quelle hält die
   Portalseite diesen Abstand — in der ausgelieferten Datei gibt es sie
   nicht mehr (SDE-113232). Ergänzt wird NUR das Fehlende, je Breite und
   Seite am gerenderten Output gemessen; wo die Vorlage ihren Abstand
   selbst mitbringt, bleibt es bei 0. Am `body`, also außerhalb der
   Anzeige — der Innenabstand der Vorlage bleibt unverändert. */
@media screen and (max-width:1008px){body{padding-left:0px;padding-right:10px}}
@media screen and (max-width:900px){body{padding-left:0px;padding-right:26px}}
@media screen and (max-width:768px){body{padding-left:0px;padding-right:36px}}
@media screen and (max-width:600px){body{padding-left:0px;padding-right:26px}}
@media screen and (max-width:480px){body{padding-left:0px;padding-right:26px}}
@media screen and (max-width:390px){body{padding-left:0px;padding-right:26px}}