@charset "UTF-8";
/* default styles for extension "tx_frontend" */
.ce-align-left {
  text-align: left;
}

.ce-align-center {
  text-align: center;
}

.ce-align-right {
  text-align: right;
}

.ce-table td, .ce-table th {
  vertical-align: top;
}

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
  overflow: hidden;
}

.ce-left .ce-gallery, .ce-column {
  float: left;
}

.ce-center .ce-outer {
  position: relative;
  float: right;
  right: 50%;
}

.ce-center .ce-inner {
  position: relative;
  float: right;
  right: -50%;
}

.ce-right .ce-gallery {
  float: right;
}

.ce-gallery figure {
  display: table;
  margin: 0;
}

.ce-gallery figcaption {
  display: table-caption;
  caption-side: bottom;
  color: #999;
  font-size: 85%;
  padding-top: 10px;
}

.ce-gallery img {
  display: block;
}

.ce-gallery iframe {
  border-width: 0;
}

.ce-border img,
.ce-border iframe {
  border: 2px solid #000000;
  padding: 0px;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
  /* margin-bottom: 10px; */
}

.ce-intext.ce-right .ce-gallery {
  margin-left: 10px;
}

.ce-intext.ce-left .ce-gallery {
  margin-right: 10px;
}

.ce-below .ce-gallery {
  margin-top: 10px;
}

.ce-column {
  margin-right: 10px;
}

.ce-column:last-child {
  margin-right: 0;
}

.ce-row {
  margin-bottom: 10px;
}

.ce-row:last-child {
  margin-bottom: 0;
}

.ce-above .ce-bodytext {
  clear: both;
}

.ce-intext.ce-left ol, .ce-intext.ce-left ul {
  padding-left: 40px;
  overflow: auto;
}

/* Headline */
.ce-headline-left {
  text-align: left;
}

.ce-headline-center {
  text-align: center;
}

.ce-headline-right {
  text-align: right;
}

/* Uploads */
.ce-uploads {
  margin: 0;
  padding: 0;
}

.ce-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}

.ce-uploads img {
  float: left;
  padding-right: 1em;
  vertical-align: top;
}

.ce-uploads span {
  display: block;
}

/* Table */
.ce-table {
  width: 100%;
  max-width: 100%;
}

.ce-table th, .ce-table td {
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.ce-table thead th {
  border-bottom: 2px solid #dadada;
}

.ce-table th, .ce-table td {
  border-top: 1px solid #dadada;
}

.ce-table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.ce-table-bordered th, .ce-table-bordered td {
  border: 1px solid #dadada;
}

/* Space */
.frame-space-before-extra-small {
  margin-top: 8px;
}

.frame-space-before-small {
  margin-top: 20px;
}

.frame-space-before-medium {
  margin-top: 32px;
}

.frame-space-before-large {
  margin-top: 44px;
}

.frame-space-before-extra-large {
  margin-top: 56px;
}

.frame-space-after-extra-small {
  margin-bottom: 8px;
}

.frame-space-after-small {
  margin-bottom: 20px;
}

.frame-space-after-medium {
  margin-bottom: 32px;
}

.frame-space-after-large {
  margin-bottom: 44px;
}

.frame-space-after-extra-large {
  margin-bottom: 56px;
}

/* Frame */
.frame-ruler-before:before {
  content: "";
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  margin-bottom: 2em;
}

.frame-ruler-after:after {
  content: "";
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  margin-top: 2em;
}

.frame-indent {
  margin-left: 15%;
  margin-right: 15%;
}

.frame-indent-left {
  margin-left: 33%;
}

.frame-indent-right {
  margin-right: 33%;
}

/*  FARBEN USW:

Blau: #66a9c8 // rgba(102, 169, 200, 1.0)
Grün: #88ab85 // rgba(136, 171, 133, 1.0)

font-family: 'Dancing Script', cursive;
font-family: 'Roboto', sans-serif;

*/
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
  font-display: swap;
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v20-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-500.woff2") format("woff2"), url("../fonts/roboto-v20-latin-500.woff") format("woff"), url("../fonts/roboto-v20-latin-500.ttf") format("truetype"), url("../fonts/roboto-v20-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */
  font-display: swap;
}
/* dancing-script-regular - latin */
@font-face {
  font-family: "Dancing Script";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/dancing-script-v14-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/dancing-script-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/dancing-script-v14-latin-regular.woff2") format("woff2"), url("../fonts/dancing-script-v14-latin-regular.woff") format("woff"), url("../fonts/dancing-script-v14-latin-regular.ttf") format("truetype"), url("../fonts/dancing-script-v14-latin-regular.svg#DancingScript") format("svg");
  /* Legacy iOS */
  font-display: swap;
}
/* dancing-script-500 - latin */
@font-face {
  font-family: "Dancing Script";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/dancing-script-v14-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/dancing-script-v14-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/dancing-script-v14-latin-500.woff2") format("woff2"), url("../fonts/dancing-script-v14-latin-500.woff") format("woff"), url("../fonts/dancing-script-v14-latin-500.ttf") format("truetype"), url("../fonts/dancing-script-v14-latin-500.svg#DancingScript") format("svg");
  /* Legacy iOS */
  font-display: swap;
}
.mm-menu.mm-offcanvas {
  z-index: 99999999999 !important;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
}

html, body, button, input, select, textarea {
  font-family: "Roboto", Verdana, Arial, Helvetica, sans-serif;
  color: #333;
}

body {
  margin: 0;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", Verdana, Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 479px) {
  body {
    margin: 0;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
  }
}
h1, h2, h3, h4, h5, h6 {
  line-height: 125%;
  font-family: "Roboto", Verdana, Arial, Helvetica, sans-serif;
  color: #88ab85;
}

h1 {
  font-size: 28px;
  padding: 28px 0 12px 0;
  margin: 0;
  font-weight: normal;
}

h2 {
  font-size: 22px;
  padding: 20px 0 22px 0;
  margin: 0;
  font-weight: normal;
}

h3 {
  font-size: 18px;
  padding: 26px 0 22px 0;
  margin: 0;
  font-weight: normal;
}

h4 {
  font-size: 16px;
  margin: 0 0 10px 0;
  font-weight: normal;
}

h5 {
  font-size: 16px;
  margin: 0 0 10px 0;
  font-weight: normal;
}

@media only screen and (max-width: 479px) {
  h1 {
    font-size: 26px;
  }

  h2 {
    font-size: 22px;
  }

  h3 {
    font-size: 20px;
  }
}
.header.header-mit-subline h1.first-header, .header.header-mit-subline h2.first-header, .header.header-mit-subline h3.first-header, .header.header-mit-subline h4.first-header, .header.header-mit-subline h5.first-header, .header.header-mit-subline h6.first-header {
  padding-bottom: 15px;
}
.header.header-mit-subline h1.second-header, .header.header-mit-subline h2.second-header, .header.header-mit-subline h3.second-header, .header.header-mit-subline h4.second-header, .header.header-mit-subline h5.second-header, .header.header-mit-subline h6.second-header {
  padding-top: 0;
}

.iframe-responsive, .iframe-responsive-map {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-responsive .dp--overlay, .iframe-responsive-map .dp--overlay {
  position: absolute;
  top: 30px;
}

.iframe-responsive iframe, .iframe-responsive-map iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

p, p.bodytext {
  margin: 0 0 12px 0;
}

.main-content-wrapper p {
  margin: 0 0 12px !important;
}

.main-content-wrapper p:last-child {
  margin: 0 0 0 !important;
}

a {
  color: #88ab85;
  -webkit-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  transition: all 0.4s ease 0s;
}

a:visited {
  color: #88ab85;
}

a:hover {
  color: #74977b;
}

a:focus {
  color: #74977b;
}

a:hover, a:active {
  outline: 0;
}

/* RTE-Link-Klassen STARTS */
.interner-link:before {
  content: url("../pics/icons/rte-links/internal_link_new_window.gif");
  padding: 0 1px 0 0;
  white-space: nowrap;
}

.externer-link:before {
  content: url("../pics/icons/rte-links/external_link_new_window.gif");
  padding: 0 1px 0 0;
  white-space: nowrap;
}

.download-link-standard:before {
  content: url("../pics/icons/rte-links/download.gif");
  white-space: nowrap;
}

.email-link:before {
  content: url("../pics/icons/rte-links/mail.gif");
  padding: 0 1px 0 0;
  white-space: nowrap;
}

.download-link-pdf:before {
  content: url("../pics/icons/rte-links/download.gif");
  white-space: nowrap;
}

/* RTE-Link-Klassen ENDS */
/* Allgemeine Klassen STARTS */
span.umbruch:after {
  content: "​";
}

.padding-left-15 {
  padding-left: 15px;
}

.padding-right-15 {
  padding-right: 15px;
}

.no-padding {
  padding: 0;
}

.no-padding-left {
  padding-left: 0px;
}

.no-padding-right {
  padding-right: 0px;
}

.bg-trans-white {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}

.bg-trans-blue {
  background: rgba(102, 169, 200, 0.8) none repeat scroll 0 0;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #00c0c5;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #00c0c5;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #00c0c5;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #00c0c5;
}

.arrow-up-outline, .arrow-left-outline, .arrow-right-outline, .arrow-down-outline {
  border: 3px solid white;
  cursor: pointer;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -25px;
  position: absolute;
  text-indent: -90000px;
  top: 50%;
  transform: rotate(45deg);
  transition: all 0.4s ease 0s;
  width: 40px;
  z-index: 2000;
}

.arrow-up-outline:hover,
.arrow-left-outline:hover,
.arrow-right-outline:hover,
.arrow-down-outline:hover {
  border-color: #88ab85;
}

.arrow-up-outline {
  border-bottom: medium none;
  border-right: medium none;
}

.arrow-left-outline {
  border-right: medium none;
  border-top: medium none;
}

.arrow-right-outline {
  border-bottom: medium none;
  border-left: medium none;
}

.arrow-down-outline {
  border-top: medium none;
  border-left: medium none;
}

.frame-text-zentriert {
  text-align: center;
}

.frame-text-links {
  text-align: left;
}

.frame-text-rechts {
  text-align: right;
}

.frame-text-breite-verringert {
  /* margin: 0 16%; width: 68%; */
}

/* GRIDELEMENTE */
.grid-elements-2-cols {
  margin-bottom: 48px;
}

/* Small devices Tablets = 750px Breite - Spaltenbreite ~62px  */
@media only screen and (max-width: 767px) {
  .grid-elements-2-cols {
    margin-bottom: 0px;
  }
  .grid-elements-2-cols .grid-elements-2-cols-left {
    margin-bottom: 24px;
  }
  .grid-elements-2-cols .grid-elements-2-cols-right {
    margin-bottom: 24px;
  }

  div.grid-elements-3-cols div.grid-elements-3-cols-1 {
    margin-bottom: 24px;
  }

  div.grid-elements-3-cols div.grid-elements-3-cols-2 {
    margin-bottom: 24px;
  }

  div.grid-elements-3-cols div.grid-elements-3-cols-3 {
    margin-bottom: 24px;
  }
}
/* Smartphone = 480px Breite  - Spaltenbreite Auto */
/* GRIDELEMENTE */
/* Allgemeine Klassen ENDS */
img {
  height: auto;
  max-width: 100%;
  margin: 0;
  display: block;
}

#col-main-content {
  background: transparent;
  /* margin-top:74px; text-align:center; */
  margin: 54px 15% 74px 15%;
  width: 70%;
}

@media only screen and (max-width: 991px) {
  #col-main-content {
    margin: 74px 0 0 0;
    width: 100%;
  }
}
div#col-main-content div.frame ul {
  padding-left: 20px;
}

div#col-main-content div.frame ul li {
  padding: 0px 0px 8px 0;
}

#col-marginal-content {
  background: #eee;
}

/* START SECTION TOP LOGO ETC. */
div#mySlider.slider-full-width div.info-wrapper-outer div#indexedsearchbox.suchbox,
div#mySlider.slider-full-width div.info-wrapper-outer div#indexedsearchbox-mobile.suchbox {
  /* padding:14px 34px 14px 34px; */
  padding: 0;
  margin: 0 0 6px 0;
  text-align: right;
  width: 100%;
}

.searchbox-left {
  display: none;
}

div#mySlider.slider-full-width div.info-wrapper-outer div#indexedsearchbox.suchbox::before,
div#mySlider.slider-full-width div.info-wrapper-outer div#indexedsearchbox-mobile.suchbox::before {
  border-right: 1px solid #fff;
  content: "";
  display: inline-block;
  float: left;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  padding: 6px 22px;
  text-rendering: auto;
  height: 48px;
  font-size: 32px;
}

.searchbox-sword {
  background-color: #fff;
  border: 0 solid #ccc;
  border-radius: 0;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  max-width: 180px;
  padding: 4px 10px 4px 4px;
  text-align: right;
  text-transform: uppercase;
  color: #444;
}

.searchbox-right {
  border: 0 solid #ccc;
  border-radius: 5px;
  line-height: 48px;
  padding: 0 32px 0 0;
}

/* STOP SECTION TOP LOGO ETC. */
/* START - Navigation Top */
.wrapper-nav-top {
  margin-bottom: 12px;
  display: none;
}

.nav-top {
  min-height: 20px;
  background: transparent;
  position: fixed;
  top: 0;
  left: auto;
  right: auto;
  width: 1170px;
  z-index: 222;
}

/* STOP - Navigation Top */
/* SLIDER */
.logo-wrapper-outer {
  position: absolute;
  left: 0;
  z-index: 22;
  padding: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.info-wrapper-outer {
  position: absolute;
  right: 0;
  z-index: 22;
  width: 296px;
  top: 50%;
  transform: translateY(-50%);
}

div#mySlider.slider-full-width div.info-wrapper-outer,
div#mySlider.slider-full-width div.info-wrapper-outer a {
  color: #444;
  text-decoration: none;
}

div#mySlider.slider-full-width div.info-wrapper-outer h3,
div#mySlider.slider-full-width div.info-wrapper-outer h3 a {
  text-transform: uppercase;
  font-size: 18px;
}

div#mySlider.slider-full-width div.info-wrapper-outer a:hover,
div#mySlider.slider-full-width div.info-wrapper-outer h3 a:hover {
  color: #444;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce h3 {
  color: #444;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div.frame-default {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  text-align: right;
  margin-bottom: 6px;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div#c553.frame-default,
div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div#c569.frame-default {
  background: none;
}
div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div#c553.frame-default .dce-cta-inner,
div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div#c569.frame-default .dce-cta-inner {
  width: 100%;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div.frame-default h3 {
  border-bottom: 1px solid #fff;
  padding: 14px 34px 10px 34px;
  margin: 0;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div.frame-default p {
  padding: 10px 34px 14px 20px;
  margin: 0;
  font-size: 16px;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div.frame-default table {
  padding: 10px 34px 14px 34px;
  margin: 0;
  width: 100%;
  border-collapse: separate;
  font-size: 16px;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div.frame-default table td,
div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-ce div.frame-default table th {
  padding: 0;
  border: none;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-jobs {
  text-align: right;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-jobs h3 {
  padding: 0;
  margin: 0;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-jobs h3 a {
  /* padding:14px 34px 14px 0px; */
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-jobs h3 a::before {
  border-right: 1px solid #fff;
  content: "";
  display: inline-block;
  float: left;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  padding: 6px 22px;
  text-rendering: auto;
  height: 48px;
  font-size: 32px;
}

div#mySlider.slider-full-width div.info-wrapper-outer div.info-wrapper-jobs h3 span {
  padding: 14px 34px 14px 0px;
  display: inline-block;
}

div#mySlider.slider-full-width .slick-slider {
  margin-bottom: 0px;
}

.slide-down {
  /* bottom: 40px; */
  bottom: 86px;
  color: #fff;
  left: 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0.2s;
  width: 100%;
  z-index: 19;
}
@media (min-width: 480px) {
  .slide-down {
    bottom: 64px;
  }
}

.slide-down:hover {
  color: #9d9c8e;
  text-decoration: none;
}

.slide-down:before {
  color: #fff;
  /* content: "Gemeinsam begleiten"; */
  content: "";
  font-family: "Dancing Script", cursive;
  font-size: 58px;
  position: relative;
  top: -58px;
}

#mySlider.slider-full-width {
  position: relative;
}

#mySlider div.slick-slider-hidden-for-loading {
  display: none;
  transition: all 0.4s ease 0s;
}

#mySlider div.slick-slider.slick-initialized.slick-slider-hidden-for-loading {
  display: block;
}

.slick-slide-ce-image {
  width: 100%;
  height: 320px;
  background-position: center center;
  background-size: cover;
  display: table;
  float: left;
  margin-right: -100%;
  position: relative;
  z-index: 1;
  text-align: center;
}

.slick-slide-ce-overlay {
  background: rgba(62, 61, 64, 0.6) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  z-index: 9;
}

.slick-slide-ce-text-overlay {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 72px;
  font-weight: normal;
  line-height: 72px;
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto;
  position: relative;
  display: table-cell;
  z-index: 10;
}

.slick-slide-ce-text-overlay p {
  opacity: 0;
}

.slick-slide-ce-text-overlay p {
  margin: 0 auto;
  width: 560px;
}

/* Slider */
/* HEADER UNTERSEITEN */
div#mySlider.slider-full-width .frame-type-image .ce-outer,
div#mySlider.slider-full-width .frame-type-image .ce-outer .ce-inner,
div#mySlider.slider-full-width .frame-type-image .ce-outer .ce-inner .ce-column {
  float: none;
}

div#mySlider.slider-full-width .frame-type-image .ce-outer .ce-inner .ce-column figure {
  display: block;
}

div#mySlider.slider-full-width .frame-type-image img {
  width: 100%;
}

div#mySlider.slider-full-width .info-wrapper-outer-sub {
  position: absolute;
  right: 0;
  /* top: 29px; */
  width: auto;
  z-index: 22;
  top: 50%;
  transform: translateY(-50%);
}

div#mySlider.slider-full-width div.info-wrapper-outer-sub div.sub-menue {
  float: left;
  width: auto;
}

div#mySlider.slider-full-width div.info-wrapper-outer-sub div.sub-menue h3 {
  padding: 0;
  text-align: center;
}

div#mySlider.slider-full-width div.info-wrapper-outer-sub div.sub-menue div#indexedsearchbox.suchbox::before,
div#mySlider.slider-full-width div.info-wrapper-outer-sub div.sub-menue div#indexedsearchbox-mobile.suchbox::before {
  display: none;
}

div#mySlider.slider-full-width div.info-wrapper-outer.info-wrapper-outer-sub div.sub-menue div.info-wrapper-sub h3 a {
  padding: 12px 20px;
  border-left: 1px solid #fff;
  line-height: 48px;
}

div#mySlider.slider-full-width div.info-wrapper-outer.info-wrapper-outer-sub div.sub-search.sub-menue div#indexedsearchbox.suchbox form#indexedsearch div.searchbox-right,
div#mySlider.slider-full-width div.info-wrapper-outer.info-wrapper-outer-sub div.sub-search.sub-menue div#indexedsearchbox-mobile.suchbox form#indexedsearch div.searchbox-right {
  padding: 0;
}

div#mySlider.slider-full-width div.info-wrapper-outer.info-wrapper-outer-sub div.sub-search.sub-menue div#indexedsearchbox.suchbox form#indexedsearch div.searchbox-right .searchbox-sword,
div#mySlider.slider-full-width div.info-wrapper-outer.info-wrapper-outer-sub div.sub-search.sub-menue div#indexedsearchbox-mobile.suchbox form#indexedsearch div.searchbox-right .searchbox-sword {
  padding: 0 10px 0 10px;
}

div#mySlider.slider-full-width div.info-wrapper-outer.info-wrapper-outer-sub div.sub-search.sub-menue {
  display: none;
}

div#mySlider.slider-full-width div.info-wrapper-outer.info-wrapper-outer-sub div.sub-search-button.sub-menue i.fa.fa-search {
  cursor: pointer;
  font-size: 18px;
  line-height: 48px;
  text-align: center;
  width: 48px;
}

div#mySlider.slider-full-width.slider-full-width-sub div.logo-wrapper-outer {
  height: 90%;
  left: 0;
  margin-top: 0;
  padding: 0;
  position: absolute;
  /* top: 5%; */
  z-index: 22;
  background: none;
}

div#mySlider.slider-full-width.slider-full-width-sub div.logo-wrapper-outer img {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  display: block;
  height: 100%;
  margin: auto 0;
  max-height: 159px;
  max-width: none;
  padding: 20px;
  position: absolute;
  /* position: relative; */
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}

div#mySlider.slider-full-width.slider-full-width-sub div.frame-default div.csc-textpic div.csc-textpic-imagewrap figure {
  margin-bottom: 0;
}

/* DESKTOP = 1170px Breite - Spaltenbreite ~97px */
@media only screen and (max-width: 1199px) {
  div#mySlider.slider-full-width.slider-full-width-sub div.logo-wrapper-outer img {
    /* top: 0; transform: none; */
    max-height: 120px;
  }
}
/* Medium devices = 970px Breite - Spaltenbreite ~81px  */
/* Small devices Tablets = 750px Breite - Spaltenbreite ~62px  */
@media only screen and (max-width: 767px) {
  div#mySlider.slider-full-width.slider-full-width-sub div.logo-wrapper-outer {
    height: 100%;
    /* top: 0; */
  }

  div#mySlider.slider-full-width.slider-full-width-sub div.logo-wrapper-outer img {
    padding: 12px 20px 12px 20px;
  }
}
/* Smartphone = 480px Breite  - Spaltenbreite Auto */
@media only screen and (max-width: 479px) {
  div#mySlider.slider-full-width.slider-full-width-sub div.logo-wrapper-outer img {
    padding: 5px 20px 5px 20px;
  }

  #trigger-mobile-menu {
    top: 0;
  }

  #trigger-search {
    top: 0;
  }
}
/* HEADER UNTERSEITEN */
/* INHALTSBEREICH */
.main-content-wrapper {
  margin-top: 10px;
}

.main-content-wrapper .sub-content-one-wrapper {
  padding: 20px 0 0 0;
  margin-top: 94px;
  background: rgba(238, 238, 238, 0.9) none repeat scroll 0 0;
  /* background: rgba(102, 169, 200, 0.3) none repeat scroll 0 0; */
  text-align: left;
}

.main-content-wrapper .sub-content-one-wrapper h3 {
  padding: 0 76px 12px 76px;
  color: #333;
}

/* INHALTSBEREICH */
/* TEAM */
.team-wrapper {
  width: 100%;
  display: inline-block;
}

.team-wrapper .team-wrapper-left {
  float: right;
  width: 32%;
}

.team-wrapper .team-wrapper-right {
  float: left;
  width: 68%;
}

.team-wrapper .team-wrapper-right .team-wrapper-right-name h3 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  padding: 0px 0 6px;
  /* text-transform: uppercase !important; */
}

/* TEAM */
/* STELLENANGEBOTE */
.stellenangebote-wrapper-list {
  border-top: 1px dotted #ccc;
  padding: 20px 0 20px 0;
}

.stellenangebote-wrapper-list.highlighted {
  border-top: 0px dotted #ccc;
  padding: 20px 0 20px 0;
}

/* .stellenangebote-wrapper-list:first-child { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } */
.stellenangebote-wrapper-list:last-child {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

.stellenangebote-wrapper-list h3 {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 24px;
}

.stellenangebote-wrapper-list.highlighted h3 {
  color: #66a9c8;
}

a:hover .stellenangebote-wrapper-list.highlighted h3 {
  color: #66a9c8;
}

a.highlightedlink, a.highlightedlink:hover {
  color: #66a9c8;
}

div.stellenangebote-wrapper-detail div.stellenangebot-box h3 {
  padding: 26px 0 12px 0;
}

.stellenangebote-wrapper-list .width-100 {
  text-align: right;
  width: 100%;
}

.stellenangebote-wrapper-list.highlighted .readmore {
  color: #66a9c8;
}

.stellenangebote-wrapper-list.highlighted .readmore:hover {
  color: #66a9c8;
}

.stellenangebote-wrapper-detail {
  margin-top: 30px;
  margin-bottom: 48px;
}

.stellenangebote-wrapper-detail .stellenangebot-pdf-download {
  margin: 32px 0 32px 0;
}

p.jobs-intro {
  padding: 28px 0 4px;
  margin: 0;
  display: none;
}

.stellenangebote-wrapper-detail p.stellenangebot-detail-h1-pre {
  border-top: 1px solid #ccc;
  margin: 28px 0 0;
  padding: 22px 0 24px;
}

.stellenangebote-wrapper-detail h1.stellenangebot-detail-h1 {
  padding: 0 0 4px 0;
  margin: 0;
}

.stellenangebote-wrapper-detail.detail-highlighted h1,
.stellenangebote-wrapper-detail.detail-highlighted h3,
.stellenangebote-wrapper-detail.detail-highlighted a,
.stellenangebote-wrapper-detail.detail-highlighted a:hover {
  color: #66a9c8;
}

div.spacer-jobs {
  display: none;
}

.jobs-infoleiste {
  width: 100%;
  display: inline-block;
}

.jobs-infoleiste a {
  font-size: 16px;
}

.backlink-jobs {
  margin: 0 0 0 0;
  text-align: left;
  float: left;
}

.print-wrapper {
  text-align: right;
  float: right;
}

.stellenangebot-box.stellenangebot-bild {
  padding: 30px 0 0 0;
}

.stellenangebot-box.stellenangebot-bild .stellenangebot-bild-wrap img {
  height: auto;
  max-width: 100%;
  margin: 0;
  display: block;
}

/* STELLENANGEBOTE */
/* START Footer */
footer {
  background: rgba(136, 171, 133, 0.6) none repeat scroll 0 0;
}

footer, footer a, footer a:link, footer a:visited, footer a:hover, footer a:focus, footer a:active, footer p, footer ul, footer li, footer table, footer td, footer h2, footer h3, footer h4 {
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

footer div.footer-wrapper-inner div.ce-textpic .ce-bodytext p,
footer div.footer-wrapper-inner td,
footer div.footer-wrapper-inner ul,
footer div.footer-wrapper-inner ul li,
footer div.footer-wrapper-inner ul li a {
  font-size: 15px;
}

footer .footer-wrapper-inner {
  background: #88ab85 none repeat scroll 0 0;
  /* float: left; */
  display: flex;
  margin: 0 15px;
}

footer h3 {
  padding: 20px 0 10px 0;
}

footer div#col-3-footer .frame-type-menu_pages ul {
  margin: 0;
  padding: 0;
}

footer div#col-3-footer .frame-type-menu_pages li {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

footer div#col-4-footer .frame a.footer-insta {
  color: #fff;
  text-decoration: none;
  font-size: 48px;
  margin-right: 15px;
}
footer div#col-4-footer .frame a.footer-insta:last-child {
  margin-left: 0;
}

#col-footer-bottom {
  text-align: right;
  padding: 0 20px;
}

#col-footer-bottom, #col-footer-bottom a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

/* STOP Footer */
/* Footer mobile */
footer .container.is-mobile {
  padding: 0;
  width: 100%;
  background: #66a9c8 none repeat scroll 0 0;
  position: fixed;
  bottom: 0;
  z-index: 99;
}

footer .container.is-mobile .row {
  margin: 0;
}

footer div.cols-footer-mobile {
  line-height: normal;
  border-right: 1px solid #fff;
  transition: all 0.4s ease 0s;
  padding: 0;
}

footer div.cols-footer-mobile a {
  color: #fff;
  display: inline-block;
  padding: 5px 0;
  transition: all 0.4s ease 0s;
  width: 100%;
}

footer div.cols-footer-mobile span {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 400px) {
  footer div.cols-footer-mobile span:last-child {
    font-size: 14px;
  }
}
@media (max-width: 360px) {
  footer div.cols-footer-mobile span:last-child {
    font-size: 13px;
  }
}
@media (max-width: 320px) {
  footer div.cols-footer-mobile span:last-child {
    font-size: 12px;
  }
}

footer div.cols-footer-mobile .fa {
  width: 100%;
  text-align: center;
}

footer div#col-4-footer-m.cols-footer-mobile {
  border-right: none;
}

/* Footer mobile */
/* to top Button */
#topcontrol {
  z-index: 100000 !important;
}

/* to top Button */
#topcontrol {
  z-index: 100;
  right: 15px;
}

#topcontrol .fa, #topcontrol .fal {
  font-size: 36px;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.25s ease-in-out;
}
@media (min-width: 768px) {
  #topcontrol .fa, #topcontrol .fal {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  #topcontrol .fa, #topcontrol .fal {
    font-size: 36px;
  }
}

#topcontrol {
  z-index: 222222;
  bottom: 5px !important;
  padding: 5px 10px;
  border-radius: 5px;
  background: rgba(46, 45, 47, 0.45);
}
#topcontrol i {
  font-size: 36px;
  color: rgba(255, 255, 255, 0.6);
}
#topcontrol:hover i {
  font-size: 36px;
  color: rgba(255, 255, 255, 0.85);
}
@media screen and (max-width: 767px) {
  #topcontrol {
    /*   bottom:40px !important;*/
  }
}

#topcontrol:hover .fa, #topcontrol:hover .fal {
  color: #2e2d2f;
}

/* to top Button */
/* START DESKTOP MENU ausblenden für normales Menü nicht über 100% */
#navigation {
  position: relative;
  display: block;
  width: 100%;
  background: transparent;
}

#example {
  display: table;
  float: none;
  margin: 0 14%;
  position: relative;
  width: 72% !important;
}

#example li {
  display: table-cell;
  padding: 0;
  position: relative;
  text-align: center;
  float: none;
}

.sf-menu li {
  transition: background 0.2s ease 0s;
  white-space: nowrap;
  border-right: 1px solid #fff;
}

.sf-menu li:hover, .sf-menu li.sfHover {
  background: #5295b4 none repeat scroll 0 0;
  transition: none 0s ease 0s;
}

.sf-menu li.first-fish {
  border-left: 1px solid #fff;
}

.sf-menu ul li {
  background: #999 none repeat scroll 0 0;
}

.sf-menu ul ul li {
  background: #999 none repeat scroll 0 0;
}

#example li ul li {
  display: block;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
  /* border-bottom:1px solid #fff; */
}

#example li ul li:after {
  content: "";
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 5%;
  /* */
  height: 1px;
  width: 90%;
  margin: 0 auto;
}

#example li ul li:last-child:after {
  background-color: rgba(255, 255, 255, 0);
  /* border-bottom:1px solid rgba(255, 255, 255, 0); */
}

#example li ul li a {
  padding: 8px 1em 8px 1em;
}

.sf-menu a {
  color: #fff;
  border: none;
  padding-top: 18px;
  padding-bottom: 10px;
}

/* END DESKTOP MENU */
/* START MOBILE MENU */
/* START MOBILE MENU BUTTON */
#mobile-button {
  box-sizing: border-box;
  display: block;
  height: 45px;
  left: 0;
  position: absolute;
  /* top: 10px; */
  width: 70px;
  z-index: 212345;
}

#mobile-button:before, #mobile-button:after, #mobile-button span {
  background: none repeat scroll 0 0 #fff;
  content: "";
  display: block;
  height: 5px;
  left: 20px !important;
  position: absolute;
  width: 30px;
}

#mobile-button:before {
  top: 5px;
}

#mobile-button span {
  top: 15px;
}

#mobile-button:after {
  top: 25px;
}

#mobile-button:before, #mobile-button:after, #mobile-button span {
  transition-delay: 0.5s;
  transition-duration: 0.5s;
  transition-property: transform, top, bottom, left, opacity;
  transition-timing-function: ease;
}

html.mm-opening #mobile-button {
  top: 5px;
}

html.mm-opening #mobile-button:before, html.mm-opening #mobile-button:after {
  left: -40px !important;
  top: 10px;
}

html.mm-opening #mobile-button span {
  /* left: -50px; */
  left: -50px !important;
  opacity: 0;
}

html.mm-opening #mobile-button:before {
  transform: rotate(45deg);
}

html.mm-opening #mobile-button:after {
  transform: rotate(-45deg);
}

#mobile-button {
  display: none;
}

.mm-menu.mm-offcanvas {
  z-index: 999;
}

nav.mm-offcanvas div.mm-navbar a.fa.fa-info-circle:before {
  padding: 0 8px 0 0;
}

nav.mm-offcanvas div.mm-navbar a.mobile-impr {
  font-family: "Roboto", Verdana, Arial, Helvetica, sans-serif;
}

/* MOBILE MENU BUTTON END */
#topbar-mobile {
  color: #fff;
  display: none;
  position: fixed;
  z-index: 999999;
  width: 100%;
  top: 0;
}

.topbar-text {
  cursor: pointer;
  line-height: 36px;
  padding: 0 0 0 60px;
}

#mobile-menu, #logo-mobile {
  display: none;
}

.mobile-search {
  display: none;
  position: fixed;
  top: 10px;
  right: 121px;
  z-index: 99;
  background: white none repeat scroll 0 0;
}

.mobile-search .searchbox-right {
  border: 0px solid #ccc;
  border-radius: 0px;
  line-height: 45px;
  padding: 0 32px 0 0;
  color: #666;
}

.mobile-search .searchbox-right .searchbox-sword {
  color: #666;
}

/* END MOBILE MENU */
/* START FLEXSLIDER ACHTUNG: Entfernen, falls anderer Slider verwendet wird */
.flexslider {
  background: #fff none repeat scroll 0 0;
  border: 0px solid #fff;
  border-radius: 0px;
  box-shadow: none;
  margin: 0 0 60px;
  position: relative;
  overflow: hidden;
}

/* END FLEXSLIDER ACHTUNG: Entfernen, falls anderer Slider verwendet wird */
/* START SLICK_SLIDER ACHTUNG: Entfernen, falls anderer Slider verwendet wird */
div#mySlider.slider-full-width div.slick-slider div.slick-list div.slick-track div.frame-default.slick-slide {
  padding: 0 12px;
  margin: 0 12px;
  background-color: #eee;
}

div#mySlider.slider-full-width .single-item {
  margin-bottom: 60px;
}

.slick-prev {
  left: 25px !important;
}

.slick-next {
  right: 25px !important;
}

/* END SLICK_SLIDER ACHTUNG: Entfernen, falls anderer Slider verwendet wird */
.is-desktop {
  display: block;
}

.is-mobile {
  display: none;
}

/* DESKTOP = 1170px Breite - Spaltenbreite ~97px */
@media only screen and (max-width: 1199px) {
  .nav-top {
    left: 0;
    right: 0;
    z-index: 222;
    width: 100%;
  }
  .nav-top #navigation {
    position: relative;
    display: block;
    width: 70%;
    background: transparent;
    margin: 0 15%;
    display: table;
    float: none;
    margin: 0;
    position: relative;
    width: 100% !important;
  }
}
/* Medium devices = 970px Breite - Spaltenbreite ~81px  */
@media only screen and (max-width: 991px) {
  .is-desktop {
    display: none;
  }

  .is-mobile {
    display: block;
  }

  #mobile-menu, #topbar-mobile, #logo-mobile {
    display: block;
  }

  #navigation, .navbar {
    display: none;
  }

  .nav-top {
    display: none;
  }

  #mobile-button {
    display: block !important;
  }

  .info-wrapper-outer {
    display: none;
  }

  #col-main-content {
    margin-top: 0px;
  }

  .main-content-wrapper {
    margin-bottom: 86px;
  }

  .slide-down::before {
    font-size: 48px;
  }

  .logo-wrapper-outer {
    max-width: 80%;
    /* top:40%; */
  }

  #topcontrol {
    bottom: 62px !important;
  }
}
/* Small devices Tablets = 750px Breite - Spaltenbreite ~62px  */
/* Smartphone = 480px Breite  - Spaltenbreite Auto */
@media only screen and (max-width: 479px) {
  .hide-in-mobile {
    display: none;
  }

  .slide-down::before {
    font-size: 36px;
  }

  .mobile-search {
    top: 0px;
  }

  .mobile-search .bg-trans-white {
    background: rgba(102, 169, 200, 0.8) none repeat scroll 0 0;
  }

  .mobile-search .searchbox-right {
    line-height: 44px;
  }

  .mobile-search .searchbox-right .searchbox-sword {
    color: #fff;
  }

  #trigger-search, #trigger-mobile-menu {
    opacity: 1 !important;
    background: rgba(102, 169, 200, 0.8) none repeat scroll 0 0;
  }

  #trigger-mobile-menu, #trigger-mobile-menu .fa, #trigger-search, #trigger-search .fa {
    color: #fff;
  }

  #topcontrol {
    bottom: 54px !important;
  }
}
/* LOGOUTBUTTON */
#logout-button-container {
  position: fixed;
  z-index: 100000;
  right: 20px;
  top: 20px;
  background-color: #fff;
  border: 4px solid red;
  color: red;
}

#logout-button {
  color: red;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 8px;
}

#backend-button-container {
  position: fixed;
  z-index: 100000;
  left: 20px;
  top: 20px;
  background-color: #fff;
  border: 4px solid red;
  color: red;
}

#backend-button {
  color: red;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 8px;
}

/* LOGOUTBUTTON */

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