@charset "UTF-8";
/*
Theme Name: RaWe Theme
Theme URI: https://www.werner-rast.ch
Author: Silwaka Design
Author URI: https://www.silwaka.ch/
Description: Corporate theme for Werner Rast
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Normalize */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption,
figure,
main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/* Base styles */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browserupgrade {
  margin: 2em;
  background: #81c9ff;
  color: #00032a;
  padding: 2em;
  border: 0 none transparent; }
  .browserupgrade a {
    color: #00032a;
    text-decoration: underline; }

/* RaWe styles */
html {
  font-size: 1em;
  color: #333; }

body {
  background-color: #FFF;
  color: #333;
  font-family: "Fira Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0;
  position: relative; }

header, #main, footer {
  padding: 1.25em; }

header {
  padding-bottom: 0; }

.logo {
  display: block;
  margin-top: 1em;
}

img {
  max-width: 100%; }

.clear-both {
  clear: both; }

.btn {
  display: block;
  background-color: transparent;
  color: #005DAB;
  border: 1px solid #005DAB;
  font-weight: 500;
  font-size: 0.875em;
  border-radius: 5px;
  padding: 0.5em 0.8em;
  text-decoration: none; }
  .btn:hover {
    background-color: #005DAB;
    color: #FFF; }

table {
  width: 100%; }

td {
  vertical-align: top; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

h1 {
  color: #005DAB;
  font-size: 1.25em; }
  h1 .erste-zeile {
    color: #DC3A31; }

p + h1 {
  margin-top: 3em; }

h2 {
  color: #005DAB;
  font-size: 1.1em;
  padding-top: 2em; }

li h2 {
  color: #333;
  font-size: 1em;
  padding-top: 1em; }

h3 {
  font-size: 1em;
  padding-top: 1em; }

@media only screen and (min-width: 31.25em) {
  h1 {
    font-size: 1.5em; } }
@media only screen and (min-width: 37.5em) {
  h1 {
    font-size: 1.625em; } }
a {
  color: #005DAB; }

section li a, section p a {
  color: #005DAB; }
  section li a:hover, section p a:hover {
    background-color: #005DAB; }

p.gross {
  font-size: 1.5em; }

.textlink {
  color: #005DAB; }

#breadcrumbs {
  padding-top: 3em; }

#breadcrumbs, #breadcrumbs a {
  color: #999; }

table a, .portrait a {
  color: #333; }

p {
  line-height: 150%;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

header p {
  color: #005DAB;
  font-weight: 500; }

aside p {
  font-size: 0.875em;
  font-weight: 400;
  color: #005DAB; }

.kreis p, .portrait p {
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none; }

footer {
  color: #fff; }
  footer address {
    font-weight: 300; }
    footer address b {
      font-weight: 500; }
  footer a {
    color: #fff;
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }

address {
  font-style: normal; }

strong {
  font-weight: 500; }

h2, .label, th {
  font-weight: 500; }

ul.beschreibungsliste {
  list-style: none;
  padding-left: 18px;
  margin-top: 0;
}

.kandidat ul.beschreibungsliste {
  margin-bottom: 0;
}

/*.beschreibungsliste li {
  margin-bottom: 0.4em;
}*/

.beschreibungsliste li::before {
  content: "●";
  color: #005DAB;
  display: inline-block;
  width: 1.1em;
  margin-left: -1.1em;
}

.titel-stelle {
  padding-top: 0;
  margin-top: 0; }

.titel-stelle span {
  margin-left: 16px;
  /*font-weight: 300;*/
  /*font-size: 0.8em; */
}

h1 {
  margin-bottom: 1.5em; }

.aktualisierung {
  margin-top: 0;
}

.abschluss {
  margin-top: 4em;
  /* font-weight: 400; */ }

.btn-bewerben {
margin-top: 2em; }

p + h1 {
  margin-top: 2em;
  margin-bottom: 2em; }

aside .ansprechsperson a {
  border: 0 none transparent;
  padding: 0; }

aside .ansprechsperson a:hover {
  background-color: transparent;
  color: inherit;
  text-decoration: underline; }

.label-suche {
  font-size: 0.875em; }

#titel-berufsgruppe, .titel-stelle {
  font-size: 1.375em; }

/*.titel-stelle {
  font-size: 1.875em;
  padding-top: 1em; }*/

.ungetrennt {
  hyphens: none; }

.label {
  color: #005DAB; }

.search-form, .searchform {
  position: relative;
  right: 0;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: right; }
  .search-form button, .searchform button {
    color: #FFF;
    background-color: #005DAB;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding-top: 0.3125em;
    cursor: pointer; }
  .search-form .search-submit, .search-form #searchsubmit, .searchform .search-submit, .searchform #searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0.6em 0.8em;
    border: none;
    background-color: #005DAB;
    color: #FFF; }
  .search-form .search-field, .search-form #s, .searchform .search-field, .searchform #s {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 0.5em 1.5em 0.5em 0.7em;
    min-width: 150px;
    -webkit-appearance: none;
    border: 1px solid rgba(0, 93, 171, 0.1); }

.seit {
  margin-bottom: 0; }

.schmal {
  margin-bottom: 2em; }

.breit {
  display: none; }

#berufsgruppeWechseln {
  margin-bottom: 1em; }

.btn-bewerben {
  color: #005DAB;
  border: 1px solid #005DAB;
  text-align: center;
  margin-top: 3em;
  padding: 1em 0;
  border-radius: 10px;
  text-decoration: none; }

a .btn-bewerben {
  text-decoration: none; }

.btn-bewerben:hover {
  color: #fff;
  background-color: #005DAB; }

@media only screen and (min-width: 20em) {
  .schmal {
    width: 300px; } }
@media only screen and (min-width: 37.5em) {
  .schmal {
    display: none; }

  .breit {
    display: block;
    max-width: 500px;
    margin-bottom: 2em; }

  .kreise {
    float: right;
    margin-left: 50px; }

  footer {
    padding: 0; }

  header, footer .container, article#main {
    padding: 50px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }

  header {
    padding-bottom: 0; } }
.stellen-shortcut {
  float: right;
  margin-top: -28px; }

h2.menu-toggle {
  position: absolute;
  left: -999em; }

.menu-hauptmenue-container {
  display: block;
  clear: both; }
  .menu-hauptmenue-container ul {
    list-style: none;
    padding: 0;
    font-weight: 500; }
  .menu-hauptmenue-container li {
    border-top: 1px solid #005DAB;
    padding-left: 0; }
    .menu-hauptmenue-container li:first-child {
      border-top: 0; }
    .menu-hauptmenue-container li:last-child {
      border-bottom: 1px solid #005DAB; }
    .menu-hauptmenue-container li ul {
      background: transparent;
      margin: 0;
      font-weight: 300; }
      .menu-hauptmenue-container li ul li:first-child {
        border-top: 1px solid #005DAB; }
      .menu-hauptmenue-container li ul li:last-child {
        border-bottom: 0 none transparent; }
      .menu-hauptmenue-container li ul a {
        padding: .5em 2.4em; }
  .menu-hauptmenue-container a {
    display: block;
    padding: .58em 0;
    text-decoration: none;
    color: #005DAB; }
    .menu-hauptmenue-container a:hover, .menu-hauptmenue-container a:focus {
      text-decoration: underline; }
  .menu-hauptmenue-container .current_page_item a {
    color: #005DAB;
    font-weight: 500;
    text-decoration: underline; }
  .menu-hauptmenue-container .current_page_item .sub-menu a {
    font-weight: 300;
    text-decoration: none; }
    .menu-hauptmenue-container .current_page_item .sub-menu a:hover, .menu-hauptmenue-container .current_page_item .sub-menu a:focus {
      text-decoration: underline; }
  .menu-hauptmenue-container .current-menu-parent > a {
    color: #005DAB;
    font-weight: 500;
    text-decoration: underline; }

@media only screen and (max-width: 49.9375em) {
  .enhanced .stellen-shortcut {
    margin-top: 0; }
  .enhanced h2.menu-toggle {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    left: auto;
    display: block;
    height: 1.3em;
    padding-right: 40px;
    padding-left: 25px;
    padding-top: 6px;
    padding-bottom: 4px;
    font-family: "Fira Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1em;
    color: #005DAB;
    cursor: pointer;
    margin: 0; }
    .enhanced h2.menu-toggle::before {
      border-bottom: 9px double #005DAB;
      border-top: 3px solid #005DAB;
      content: "";
      height: 3px;
      width: 18px;
      position: absolute;
      left: 0;
      top: 9px; }
  .enhanced .offen h2 {
    font-weight: 300; }
    .enhanced .offen h2::before {
      border: 0 none transparent;
      content: "\00D7";
      position: absolute;
      left: 0;
      top: -0.3125em;
      font-size: 2.5em;
      font-weight: 300; }
  .enhanced .offen .menu-hauptmenue-container ul {
    max-height: 28em;
    width: 100%; }
    .enhanced .offen .menu-hauptmenue-container ul ul {
      margin-bottom: 0; }
  .enhanced .menu-hauptmenue-container {
    margin: 0;
    margin-bottom: 0.5em;
    position: relative;
    overflow: hidden; }
    .enhanced .menu-hauptmenue-container a {
      padding-left: 0;
      padding-right: 0; }
    .enhanced .menu-hauptmenue-container ul {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.5s ease-out;
      margin-top: 0.6em;
      width: 100%; }
      .enhanced .menu-hauptmenue-container ul ul {
        margin-top: 0;
        margin-left: 1.5625em; }
    .enhanced .menu-hauptmenue-container li.current_page_item {
      border-bottom-width: 0; }
  .enhanced .offen li.current_page_item {
    border-bottom-width: 1px; }
  .enhanced .offen li.current_page_item:last-child {
    border-bottom-width: 0; }

  .enhanced #hauptinhalt h2 {
    margin-top: 0;
    left: auto;
    position: relative; } }
@media only screen and (min-width: 50em) {
  .enhanced .stellen-shortcut {
    margin-top: 0.1875em; }
  .enhanced .menu-hauptmenue-container {
    clear: left;
    float: left; }
    .enhanced .menu-hauptmenue-container ul {
      margin-top: 0;
      z-index: 10;
      font-weight: 300; }
      .enhanced .menu-hauptmenue-container ul a {
        padding-right: 0.8em; }
      .enhanced .menu-hauptmenue-container ul li {
        position: relative;
        display: inline-block;
        border-top: 0 none transparent; }
        .enhanced .menu-hauptmenue-container ul li.menu-item-has-children:hover ul, .enhanced .menu-hauptmenue-container ul li.menu-item-has-children:focus ul {
          visibility: visible;
          opacity: 1;
          height: auto;
          width: auto;
          box-shadow: -10px 5px 10px rgba(0, 0, 0, 0.1);
          filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3)); }
          .enhanced .menu-hauptmenue-container ul li.menu-item-has-children:hover ul li, .enhanced .menu-hauptmenue-container ul li.menu-item-has-children:focus ul li {
            visibility: visible; }
        .enhanced .menu-hauptmenue-container ul li:last-child {
          border-bottom: 0 none transparent; }
      .enhanced .menu-hauptmenue-container ul ul {
        background: #FFF;
        visibility: hidden;
        opacity: 0;
        height: 0;
        width: 0;
        width: 210px;
        position: absolute;
        top: 2em;
        left: 0;
        z-index: 3000;
        border-top: 0 none transparent;
        transition: visibility 0.25s, opacity 0.25s ease-in-out; }
        .enhanced .menu-hauptmenue-container ul ul li {
          visibility: hidden;
          border-top: 0 none transparent; }
          .enhanced .menu-hauptmenue-container ul ul li:first-child {
            border-top: 0 none transparent; }
        .enhanced .menu-hauptmenue-container ul ul a {
          padding: .58em 1.6em; } }
footer {
  background-color: #005DAB; }
  footer ul {
    padding-left: 0; }
  footer ul li {
    display: inline-block; }
  footer .function-links {
    padding-bottom: 0; }
    footer .function-links li:before {
      content: "| "; }
    footer .function-links li:first-child:before {
      content: ""; }
  footer img {
    max-width: 150px; }
  footer .social-icons {
    padding-bottom: 2em; }
    footer .social-icons li {
      padding-right: 10px; }
      footer .social-icons li img {
        width: 44px; }
  footer address {
    padding-bottom: 2em; }
  footer .swissstaffing {
    padding-bottom: 1em;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 300;
    font-size: 0.75em; }
    footer .swissstaffing img {
      display: block;
      padding-top: 0.5em; }

@media only screen and (min-width: 40.0625em) {
  address {
    float: left;
    margin-bottom: 1em;
    width: 50%; }

  .meta-navigation {
    float: right;
    width: 50%;
    text-align: right; }
    .meta-navigation .function-links {
      margin-top: 0;
      margin-bottom: 1em; }
    .meta-navigation .social-icons li {
      padding-right: 0;
      padding-left: 0.625em; }

  .swissstaffing {
    text-align: right; }
    .swissstaffing img {
      display: inline;
      padding-top: 0;
      padding-left: 1em;
      float: right;
      margin-top: -0.8125em; } }
#breadcrumbs {
  clear: both; }

.kreise a {
  text-decoration: none;
  color: #FFF; }
  .kreise a:hover {
    text-decoration: underline; }

.kreis {
  background-color: #005DAB;
  color: #fff;
  text-align: center;
  width: 200px;
  height: 200px;
  border-radius: 100px 100px 100px 100px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto; }
  .kreis p {
    padding-top: 80px; }

section p:first-child {
  margin-top: 0; }

article section {
  margin-bottom: 2em; }

.berufsgruppen, .stelle, .kandidat {
  border-collapse: separate;
  border-spacing: 0 0.625em;
  margin-top: -0.625em; }
  .berufsgruppen tr, .stelle tr, .kandidat tr {
    background-color: rgba(0, 93, 171, 0.1); }
  .berufsgruppen th, .stelle th, .kandidat th {
    text-align: left;
    font-weight: 500; }
  .berufsgruppen td, .berufsgruppen th, .stelle td, .stelle th, .kandidat td, .kandidat th {
    padding: 0.6em 1.2em; }

.kandidat tr {
  background-color: transparent; }
.kandidat td, .kandidat th {
  padding-left: 0; }

.berufsgruppen tr:hover, .berufsgruppen tr:hover a {
  background-color: #005DAB;
  color: #FFF; }

.berufsgruppe, .stelleninserat {
  background-color: rgba(0, 93, 171, 0.1);
  margin-bottom: 1em;
  padding: 0.6em 1.2em; }
  .berufsgruppe:hover, .stelleninserat:hover {
    background-color: #005DAB; }
  .berufsgruppe .anzahl, .stelleninserat .anzahl {
    font-weight: 300; }
  .berufsgruppe:hover .bezeichnung, .berufsgruppe:hover .anzahl, .stelleninserat:hover .bezeichnung, .stelleninserat:hover .anzahl {
    color: #FFF; }

.page-content .search-form, .page-content .searchform {
  text-align: left; }
.page-content .search-field, .page-content #s {
  min-width: 100%; }

.portrait {
  margin-bottom: 5em; }
  .portrait h2, .portrait p {
    border-top: 1px solid #EEE;
    padding: 0.5em 0;
    margin: 0 0; }
  .portrait .motto {
    border-bottom: 1px solid #CCC; }

.berufsgruppe span, .stelleninserat span {
  display: block;
  font-weight: 300; }

.berufsgruppe .bezeichnung, .stelleninserat .bezeichnung {
  font-weight: 500; }

@media only screen and (min-width: 28.125em) {
  .berufsgruppe {
    height: 1.4em; }
    .berufsgruppe span {
      display: inline; }
    .berufsgruppe .bezeichnung {
      float: left; }
    .berufsgruppe .anzahl {
      float: right; } }
@media only screen and (min-width: 31.25em) {
  .stelleninserat .bereich, .stelleninserat .arbeitsort {
    float: left; }
  .stelleninserat .bereich {
    padding-right: 0.5em; }
    .stelleninserat .bereich::after {
      content: "•";
      padding-left: 0.5em;
      font-weight: 500; }
      .stelleninserat .bereich::after:hover {
        text-decoration: none; }
  .stelleninserat .inseratenummer {
    clear: left; } }
@media only screen and (min-width: 37.5em) {
  .portrait img {
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    transition: all 0.9s; }

  .portrait:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3)); }

  .stelleninserat {
    height: 3em; }
    .stelleninserat .inseratenummer {
      clear: none;
      clear: inline-end;
      float: right; }

  .portrait {
    width: 50%;
    padding: 0 1em 0 0;
    float: left;
    box-sizing: border-box; }
    .portrait img {
      -moz-transition: all 0.9s;
      -webkit-transition: all 0.9s;
      transition: all 0.9s; }
    .portrait:hover img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
      filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3)); }
    .portrait h2 {
      height: 1.5em; }
    .portrait .funktion {
      height: 3em; }
    .portrait .ausbildung {
      height: 4.5em; }
    .portrait .email {
      height: 1.5em; }
    .portrait .motto {
      height: 6em; }

  .motto {
    clear: left; } }
@media only screen and (min-width: 43.75em) {
  .portrait .funktion {
    height: 3em; }
  .portrait .motto {
    height: 4.5em; } }
@media only screen and (min-width: 48.1875em) {
  .portrait h2 {
    height: 3em; }
  .portrait .funktion {
    height: 6em; }
  .portrait .ausbildung {
    height: 7.5em; }
  .portrait .email {
    height: 3em; }
  .portrait .motto {
    height: 9em; } }
@media only screen and (min-width: 49.125em) {
  .portrait .funktion {
    height: 4.5em; } }
@media only screen and (min-width: 50.3125em) {
  .portrait .funktion {
    height: 3em; } }
@media only screen and (min-width: 56.25em) {
  .stelleninserat {
    height: 1.4em; }
    .stelleninserat span {
      display: inline;
      padding-right: 0.5em; }
      .stelleninserat span.bezeichnung {
        float: left; }
        .stelleninserat span.bezeichnung::after {
          content: "•";
          padding-left: 0.5em;
          font-weight: 500; }
          .stelleninserat span.bezeichnung::after:hover {
            text-decoration: none; }
      .stelleninserat span.inseratenummer {
        padding-right: 0; }
    .stelleninserat:hover span {
      text-decoration: none; }

  .portrait h2 {
    height: 3em; }
  .portrait .funktion, .portrait .email {
    height: 3em; }
  .portrait .ausbildung {
    height: 4.5em; }
  .portrait .motto {
    height: 9em; } }
section.ganzeBreite {
  width: 100%; }

section a {
  color: #333;
  font-weight: 500;
  text-decoration: none; }
  section a:hover {
    text-decoration: none;
    color: #FFF; }
  section a span {
    text-decoration: none; }

a:hover {
  text-decoration: none; }

.portrait img {
  max-width: 100%; }

aside .box {
  margin-bottom: 3em; }
  aside .box p {
    padding: 1.2em;
    margin: 0;
    background-color: rgba(0, 93, 171, 0.1); }
  aside .box .btn-container {
    padding-top: 0;
    padding-bottom: 1.5em; }
aside h3 {
  background-color: #005DAB;
  color: #FFF;
  padding: 0.6em 1.2em;
  margin: 0;
  font-weight: 500;
  font-size: 1em; }
aside a {
  color: #005DAB;
  border: 1px solid #005DAB;
  padding: 0.3em 0.5em;
  text-decoration: none;
  border-radius: 5px; }
  aside a:hover {
    background-color: #005DAB;
    color: #FFF; }
aside a.nobtn {
  color: #005DAB;
  border: 0 none transparent;
  padding: 0;
  text-decoration: none;
  border-radius: 0; }
  aside a.nobtn:hover {
    background-color: transparent;
    color: #005DAB;
    text-decoration: underline; }

.picture img {
  display: none; }
  .picture img:first-child {
    display: block; }

@media only screen and (min-width: 50em) {
  .picture {
    clear: both;
    position: relative; }
    .picture img {
      display: block;
      float: left;
      top: 0;
      width: 33%;
      margin-right: 0.5%;
      overflow: hidden; }
    .picture img:last-child {
      margin-right: 0; } }

#register-form .form-group {
  padding-bottom: 1em; }

@media only screen and (min-width: 50em) {
  article section {
    float: left;
    width: 65%; }

  article aside {
    float: left;
    width: 30%;
    margin-left: 5%; } }
@media only screen and (min-width: 771px) {
  .portrait {
    width: 33.3%;
    padding: 0 1em 0 0; } }
@media only screen and (max-width: 49.9375em) {
  #breadcrumbs {
    margin-top: 0;
    padding-top: 1em; } }
.container {
  width: auto; }

.form-horizontal .control-label {
  text-align: left;
  padding-left: 0; }

form.right {
  float: right; }

form#berufsgruppeWechseln {
  float: left; }

.form-control {
  display: block;
  width: 100%;
  height: 1.5em;
  padding: 6px 12px;
  font-size: 1em;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  margin-bottom: 1em; }

.unterlagen label, .form-footer {
  clear: both; }

@media only screen and (max-width: 49.9375em) {
  .form-control {
    width: 94%; } }
@media only screen and (min-width: 50em) {
  .form-pflichtfelder label {
    float: left; }
  .form-pflichtfelder .form-group {
    clear: both; }
    .form-pflichtfelder .form-group div {
      width: 70%;
      float: left; }

  .col-sm-3 {
    width: 15%; }

  .kontaktformular .col-sm-3 {
    width: 25%; }

  .form-footer {
    padding-top: 1em; }
    .form-footer button {
      width: 100%; } }
.form-control:focus {
  border-color: #005DAB;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #999; }

.form-control::-webkit-input-placeholder {
  color: #999; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1; }

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type=search] {
  -webkit-appearance: none; }

.abstand {
  padding-bottom: 3em; }

.unterlagen {
  margin-top: 2em; }

header.entry-header, header.page-header {
  padding: 0; }
  header.entry-header a, header.page-header a {
    color: #005DAB; }

#hintergrund {
  display: none;
  z-index: 8000;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  background: #000; }

#popup {
  display: none;
  z-index: 8001;
  position: fixed;
  width: 280px;
  top: 20%;
  left: 50%;
  margin-left: -160px;
  background: none repeat scroll 0 0 #fff;
  border: 4px solid #999;
  border-radius: 15px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #666;
  padding: 1px 10px 10px 10px; }

#popup h2 {
  font-size: 24px; }

.schliessen {
  position: relative;
  background: #666;
  color: #fff;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  font-family: 'Arial Black', Arial, sans-serif;
  height: 30px;
  width: 30px;
  left: 30px;
  bottom: 20px;
  float: right;
  cursor: pointer; }

/* Helper classes */
.hidden {
  display: none !important; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/* Print styles */
@media print {
  *,
  *:before,
  *:after,
  p:first-letter,
  div:first-letter,
  blockquote:first-letter,
  li:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre {
    white-space: pre-wrap !important; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .schmal {
    display: none; }

  .breit {
    display: block;
    max-width: 500px;
    margin-bottom: 2em; }

  nav, .search-form, .function-links {
    display: none; } 
}

  

/*# sourceMappingURL=style.css.map */