/* =============================================================================
   Gestaltung der Rechtsseiten von mehr-bewerbungen.at.
   -----------------------------------------------------------------------------
   WARUM BEWUSST NEUTRAL UND NICHT IM KUNDEN-CI: Diese beiden Seiten gelten fuer
   ALLE Stellenanzeigen auf dieser Domain. Im Blau von Cleanfix gesetzt waeren sie
   fuer den naechsten Kunden falsch und muessten bei jedem neuen Mandat umgebaut
   werden. Sie gehoeren MOG (Medieninhaber der Domain), also treten sie auch so auf.
   Der Bruch zum bunten Funnel ist gewollt: Hier endet die Werbeseite und beginnt
   die Rechtsauskunft.

   Systemschriften statt Webfont: kein Nachladen, kein Drittland-Transfer auf einer
   Seite, die genau das erklaert.
   ========================================================================== */
:root{
  --r-text:#2b2b2b; --r-muted:#5f6b72; --r-line:#e3e6e8; --r-bg:#ffffff;
  --r-akzent:#00344f;
  --r-sp:clamp(18px, 4vw, 28px);
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--r-bg); color:var(--r-text);
  font:400 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.inhalt{ max-width:720px; margin:0 auto; padding:calc(var(--r-sp) * 1.6) var(--r-sp) calc(var(--r-sp) * 2.4); }
.kennung{
  display:block; font-size:.74rem; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--r-muted); margin-bottom:10px;
}
.kennung::before{ content:""; display:block; width:28px; height:3px; background:var(--r-akzent); margin-bottom:10px; }
h1{ font-size:clamp(1.6rem, 5vw, 2.1rem); line-height:1.2; letter-spacing:-.015em; margin:0 0 6px; }
h2{ font-size:1.12rem; line-height:1.3; margin:2.1em 0 .5em; padding-top:1.1em; border-top:1px solid var(--r-line); }
h2:first-of-type{ border-top:0; padding-top:0; }
h3{ font-size:1rem; margin:1.5em 0 .35em; }
p, li{ margin:0 0 .85em; }
ul{ padding-left:1.15em; }
address{ font-style:normal; margin:0 0 1em; }
a{ color:var(--r-akzent); }
.vorsatz{ color:var(--r-muted); margin-bottom:2em; }
.stand{ color:var(--r-muted); font-size:.88rem; margin-top:2.5em; padding-top:1.1em; border-top:1px solid var(--r-line); }
/* Zwei Verantwortliche nebeneinander: der Kern dieser Domain, deshalb hervorgehoben. */
.wer{ border:1px solid var(--r-line); border-radius:6px; padding:var(--r-sp); margin:0 0 1.4em; }
.wer h3{ margin-top:0; }
.wer p:last-child{ margin-bottom:0; }
table{ border-collapse:collapse; width:100%; margin:0 0 1.2em; font-size:.95rem; }
th, td{ text-align:left; vertical-align:top; padding:9px 12px 9px 0; border-bottom:1px solid var(--r-line); }
th{ font-weight:600; white-space:nowrap; width:38%; }
@media (max-width:520px){
  th, td{ display:block; width:auto; border:0; padding:0; }
  th{ margin-top:12px; }
  td{ padding-bottom:9px; border-bottom:1px solid var(--r-line); }
}