/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/titillium-web-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
       url('../Fonts/titillium-web-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/titillium-web-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/titillium-web-v8-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('../Fonts/titillium-web-v8-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'),
       url('../Fonts/titillium-web-v8-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/titillium-web-v8-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/titillium-web-v8-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../Fonts/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/titillium-web-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
       url('../Fonts/titillium-web-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/titillium-web-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/titillium-web-v8-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/titillium-web-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('../Fonts/titillium-web-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/titillium-web-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/titillium-web-v8-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('../Fonts/titillium-web-v8-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'),
       url('../Fonts/titillium-web-v8-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/titillium-web-v8-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/titillium-web-v8-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/titillium-web-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('../Fonts/titillium-web-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/titillium-web-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/titillium-web-v8-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('../Fonts/titillium-web-v8-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'),
       url('../Fonts/titillium-web-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/titillium-web-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/titillium-web-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/titillium-web-v8-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

html {
  font-size: 62.5%;
  line-height: 1.2;
}
body, body.cke_editable, body.cke_ltr {
  background: #FFF;
  font-family: 'Titillium Web', Arial, sans-serif;
  color: #000;
  text-align: center;
}
body#karriere {
  color: #003565;
}
body.cke_editable, body.cke_ltr {
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: left;
}

body.dark #page,
body.dark #content *  {
  color: #000;
}
body.dark #content img,
body.dark #buehne img, 
body.dark #buehne .image {
  -webkit-filter: contrast(130%);
  filter: contrast(130%);    
}
body.dark ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #111;
  font-style: italic;
}
body.dark ::-moz-placeholder { /* Firefox 19+ */
  color: #111;
  font-style: italic;
}
body.dark :-ms-input-placeholder { /* IE 10+ */
  color: #111;
  font-style: italic;
}
body.dark :-moz-placeholder { /* Firefox 18- */
  color: #111;
  font-style: italic;
}


.cke_panel_listItem.cke_selected a, .cke_panel_listItem a:hover, .cke_panel_listItem a:focus, .cke_panel_listItem a:active {
  background: #eee;
  color: #333 !important;
}
.cke_panel_listItem * {
  font-size: 14px !important;
}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

.video-embed,
.mediaelement-video {
  position: relative;
  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.video-embed iframe,
.mediaelement-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ----------------------- Farben ---------------------- */

.schwarz {
  color: #000;
}
.grau {
  color: #888;
}
.gruen {
  color: #36841A;
}
.blau {
  color: #003565;
}
.hellblau {
  color: #00356585;
}
/* ----------------------- Container ---------------------- */

#noscript {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background: #36841A;
  color: #fff;
  font-size: 1.6rem;
  padding: 10px;
  width: 100%;
}
.page-loading {
  position: fixed;
  z-index: 0;
  width: 120px;
  height: 120px;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -60px;
  -webkit-animation: pulse 2s linear infinite;
  -moz-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
}
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(0.9); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.8); }
    100% { transform: scale(1); }
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


#page {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.container-fluid {
  max-width: 1200px;
  min-width: 360px;
  margin: 0 auto;
  text-align: left;
}

.container-fluid .container-fluid {
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}
/* schmale Spaltenraender */
section.layout_1 > .container-fluid > .row {
  margin-left: -5px;
  margin-right: -5px;
}
section.layout_1 > .container-fluid > .row > div {
  padding-right: 5px;
  padding-left: 5px;
}
#karriere section.layout_1 > .container-fluid > .row {
  margin-left: 0;
  margin-right: 0;
}
#karriere section.layout_1 > .container-fluid > .row > div {
  padding-right: 0;
  padding-left: 0;
}

.col1 > .row {
  margin-left: 0;
  margin-right: 0;
}

div.no-padding {
  padding: 0 !important;
}


header {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 76px;
}
/*
.headerHolder {
  position: relative;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 0;
  top: 0;
}
*/

.topbar {
  background: #d9e1e8;
  padding-top: 1px;
  font-size: 1.4rem;
  min-height: 36px;
}

.topbar > .container-fluid {
  max-width: 1170px;
  background: #f9fbfc; 
}
.topbar > .container-fluid > * {
  display: inline-block;
}

#serviceTelefon {
  float: left;
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: #358019;
  padding: 7px 20px 7px 0;
  text-decoration: none;
}
.dark #serviceTelefon {
  color: #000;
}

#serviceTelefon:hover,
#serviceTelefon:focus {
  text-decoration: underline;
}

.topnav {
   margin-bottom: 0;
}
.topnav li {
  display: inline-block;
}
.topnav li > a {
  display: block;
  padding: 7px 14px;
  color: #000;
}
.topnav li > a:hover,
.topnav li > a:focus,
.topnav li.active > a {
  color: #003565; 
}

#search {
  float: right;
  position: relative;
  right: -15px;
}

.subbar {
  background: #003565;
  color: #fff;
}
.dark .subbar {
  background: #000;
}

header.fixed .subbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/* Fontsizer */
.fontsizer {  
  display: inline-block;
  margin-right: 15px;
  float: right;
  line-height: 35px;
}
.fontsizer > a {
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  color: #000;
  min-width: 26px;
  text-align: center;
}
.fontsizer > a:hover,
.fontsizer > a:focus {
  text-decoration: underline;
}


.fontsizer > a.zoomout {
  font-size: 14px;
}
.fontsizer > a.zoomin {
  font-size: 16px;
}

/* Kontrast */
.contrast {
  display: inline-block;
  margin-right: 100px;
  float: right;
  line-height: 35px;
}
.contrast .fa {
  transition: all 300ms ease;
  padding-right: 0;
  min-width: 1px;
}
.dark .contrast .fa {
  transform: rotate(180deg);
}
.contrast a {
  margin-left: 3px;
  cursor: pointer; 
  color: #000;
  display: inline-block;
  min-width: 30px;
  text-align: center;
}
.contrast a:hover {
  text-decoration: underline;
}



a#home_link {
  display: inline-block;
  float: left;
  max-width: 17%;
  position: absolute;
  z-index: 1;
  transition: all 300ms ease;
}
a#home_link img {
  max-height: 120px;
  transition: all 300ms ease;
}

header.fixed a#home_link img {
  max-height: 60px;
}

#mainnav  {
}

#buehne {
  clear: both;
  position: relative;
  z-index: 1;
  min-height: 135px;
}
#buehne::after {
  content: "";
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  left: 15px;
  right: 15px;
  background: #ddd;
}

.flexslider .slidertitle {
  position: absolute;
  bottom: 25%;
  left: 4%;
  font-size: 4.2rem;
  line-height: 1.3;
  color: #fff;
  text-shadow: 0 0 8px rgba(0,0,0,1);
}
#karriere .flexslider .slidertitle {
  bottom: 9%;
}

.flexslider .slidertitle a {
  color: #fff;
  text-decoration: none;
}

#newsticker {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 15px;
  width: 83%;
  text-align: right;
}
#newsticker marquee {
  background: #358019;
  color: #fff;
}
.dark #newsticker marquee {
  background: #36841A; 
}
#newsticker .ticker {
  content: "+++";
  display: inline-block;
  padding: 8px 0 10px;
  line-height: 1;
}
#newsticker .ticker::before {
  content: "+++";
  display: inline-block;
  padding: 0 10px;
}
#newsticker .ticker:last-child::after {
  content: "+++";
  display: inline-block;
  padding: 0 10px;  
}
#newsticker .ticker a {
  color: #FFF;
}

#iconnav {
  position: absolute;
  z-index: 2;
  top: 120px;
  left: -27px;
}

#iconnav li {
  display: block;
  background-color: #003565;
  background-size: 42px 42px; 
  background-repeat: no-repeat;
  transition: all 300ms ease; 
  width: 42px; 
  overflow: hidden;
}
.dark #iconnav li {
  background-color: #000;
}
#iconnav li > a {
  display: block;
  width: 42px;
  height: 42px;
  padding-left: 50px;
  padding-right: 15px;  
  overflow: hidden;
  color: #fff;
  font-size: 1.6rem;
  line-height: 42px;
  transition: all 300ms ease;
  text-transform: uppercase;
  font-weight: 300;
}
#iconnav li:hover {
  background-color: #003565;
  width: auto;
  overflow: visible;
}
#iconnav li:hover > a {
  width: 236px;
  text-decoration: none;
}

#threetabs {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  display: none;
}
#home #threetabs {
  display: block;
}

@media(min-width: 961px) {
  #threetabs {
    margin: -42px auto 0;
  }  
}

#threetabs ul.etabs {
  margin: 0;
  height: 42px;
}
#threetabs ul.etabs li {
  width: 33.33333333%;
  display: block;
  float: left;
}
#threetabs ul.etabs li a {
  padding: 0 15px;
  margin: 0;
  border: 0;
  font-size: 2.2rem;
  line-height: 42px;
  color: #fff;
  background: rgba(0,53,101,0.95);
  text-align: center;
  text-transform: uppercase;
}
#threetabs ul.etabs li:nth-child(1) a,
#threetabs ul.etabs li:nth-child(3) a {
  background: rgba(0, 80, 152, 0.95);
}

.dark #threetabs ul.etabs li a {
  background: rgb(0, 32, 62);  
}

#threetabs ul.etabs li:hover > a,
#threetabs ul.etabs li > a:focus {
  text-decoration: none;
}
#threetabs ul.etabs li a.active {
  background: #ddd;
  color: #003565;
  font-weight: 600;
}
#threetabs .tab-item {
  background: #ddd;
  padding: 30px 4% 0 4%;
  font-size: 1.8rem;
  text-align: left;
  position: relative;
}
.dark #threetabs ul.etabs li a.active {
  color: #003565 !important;
}

#breadcrumb {
  padding-top: 30px;
  font-size: 1.3rem;
  text-align: left;
  text-transform: uppercase;
  color: #003565;
  margin-bottom: 30px;
  max-width: 1110px;
}
#home #breadcrumb {
  padding-top: 0px;
  margin-bottom: 10px;
}

#breadcrumb .arrow:before {
  font-family: "FontAwesome";
  content: "\f054";
  color: #003565;
  font-size: 70%;  
  padding: 0 5px;
}
#breadcrumb a {
  color: #003565;
}
#breadcrumb a:hover {
  color: #36841A;
  text-decoration: none;
}

#title {
  position: absolute;
  top: -9999px;
  left: -9999px:
}

#content {
  position: relative;
  z-index: 2;
  font-size: 1.6rem;
  line-height: 1.4;
}
#karriere #content {
  margin-top: 15px;
}

#main {
  max-width: 1170px;
  margin: 0 auto;
}
#main > div.frame {
  display: none;
}

#main .container-fluid {
  max-width: 1110px;
  overflow: hidden;
}
#home #main .container-fluid,
#karriere .layout_1 .container-fluid {
  max-width: 1170px;
  padding: 0;
}
#main > .container-fluid > div {
  padding: 0 15px;
}
#main > section {
  padding: 30px 0;
}
#main > section:first-child,
#main > section + section {
  padding-top: 0;
}
#main section.layout_1 {
  padding-bottom: 0;
}



.frame {
  width: 100%;
}

footer {
  position: relative;
  font-size: 1.2rem;
  /* padding: 0 !important; */
}

#sitemap {
  background: #111;
  color: #fff;
  padding: 20px;
}
#sitemap > ul > li {
  float: left;
  width: 14.2857%;
}
#sitemap a {
  color: #fff;
  padding: 5px 10px;
  display: block;
}
#sitemap > ul > li > a {
  text-transform: uppercase;
  font-size: 1.3rem;
}
#sitemap a:hover {
  color: #36841A;
  text-decoration: none;
}
.dark #sitemap a:hover {
  color: #fff;
  text-decoration: underline
  ;
}

#copyright {
  position: relative;
  background: #003565;
  color: #fff;
  padding: 30px;
}
.dark #copyright {
  background: #000;
}
#footerLogo {
  max-height: 56px;
  float: left;
}
#copyright #c10 {
  float: right;
  width: auto;
}
#copyright h5 {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1;
  margin-top: 0;
  color: #FFF;  
}
#copyright .phone {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 0;
  color: #FFF !important;
}
#copyright .phone a,
#copyright .phone a:hover {
  color: #fff !important;
  text-decoration: none;
}
#copyright strong {
  font-weight: 600;
}

#social_media {
  float: left;
  margin-left: 30px;
}
#social_media .ce-gallery {
  margin-bottom: 0;
}
#social_media .ce-column {
  display: inline-block;
  margin: 0 8px;
}
#social_media img {
  max-height: 40px;
}

#social_media a {
  color: #FFF;
}

a#totop {
  position:absolute;
  right: -42px;
  bottom: 0;
  display: block; 
  width: 42px;
  height: 42px;
  background: #36841A;
  color: #fff;
}
a#totop::after {
  display:block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 42px;
  height: 42px;  
  font-family: "FontAwesome";
  content: "\f054";
  font-size: 2rem;
  line-height: 42px;
  background: #36841A;
  color: #fff;
  text-align: center;
  transform: rotate(270deg);
}

/* ----------------------- Navigation ---------------------- */

#mainnav ul {
  margin: 0;  
}
#mainnav > ul {
  padding-left: 17%;
}
#mainnav li {
  position: relative;
}
#mainnav li:hover,
#mainnav li:focus {
  z-index: 1;
}
#mainnav li.top {
  display: none;
}
#mainnav li > a {
  display: block;
  padding: 10px 5px;
  font-size: 1.6rem;
  line-height: 20px;
  color: #FFF;
  text-transform: uppercase;
  white-space: nowrap;
  transition: all 200ms ease;
}
#karriere #mainnav li > a {
  padding-left: 20px;
  padding-right: 20px;
}

#mainnav li > a:focus,
#mainnav li:hover > a,
#mainnav li.open > a,
#mainnav li.active > a {
  /*background-color: #36841A;*/
  background-color: #005098;
  color: #FFF;
  text-decoration: none;
}


/* 1.Ebene */
#mainnav > ul > li {
  display: inline-block;
  width: 14.2857%;
  text-align: center;
  border-left: 2px solid transparent;
}
#karriere #mainnav > ul > li {
  width: auto;
}

/* 2.Ebene */
#mainnav li > ul {
  position: absolute;
  top: 37px;
  left: 0;
  min-width: 100%;
  background: rgba(255,255,255,0.95);
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .30s ease;
     -moz-transition: all .30s ease;
      -ms-transition: all .30s ease;
       -o-transition: all .30s ease;
          transition: all .30s ease;
}
#mainnav li:hover > ul,
#mainnav li:focus > ul,
#mainnav li > a:focus + ul {
  top: 40px;
  opacity: 1;
  visibility: visible;
}
/* letzter Eintrag rechtsbuendig */
body:not(#karriere) #mainnav > ul > li:last-child > ul {
  left: auto;
  right: 0;
}

#mainnav li li {
  float: none;
  display: block;
  text-align: left; 
  margin-bottom: 1px;
}
#mainnav li li:last-child {
  margin-bottom: 0px;  
}
#mainnav li li > a {
  padding: 10px 15px;  
  color: #000;
  text-transform: none;
  white-space: nowrap;
}
#mainnav li.top {
  display: none;
}

#mainnav li li.ifsub > a:after {
  font-family: 'FontAwesome';
  content: "\f054";
  display: inline-block;
  margin-left: 15px;
  font-size: 70%;
  margin-right: 10px;
  color: #888;
  line-height: 1;
}
#mainnav li li.ifsub:hover > a::after,
#mainnav li li.ifsub > a:focus::after,
#mainnav li li.ifsub.active > a::after {
  color: #fff;
}

/* 3./4.Ebene */
#mainnav li li > ul {
  top: 0;
  left: 90%;
  min-width: 1%;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
#mainnav li li:hover > ul,
#mainnav li li > a:focus ul {
  top: 0;
  left: 95%;
}
/* vor/letzter Eintrag nach links ausklappen */
#mainnav > ul > li:last-child li > ul,
#mainnav > ul > li:nth-last-child(2) li > ul {
  left: auto;
  right: 93%;
}
#mainnav > ul > li:last-child:hover li:hover > ul,
#mainnav > ul > li:nth-last-child(2) li:hover > ul,
#mainnav > ul > li:last-child:hover li > a:focus + ul,
#mainnav > ul > li:nth-last-child(2) li > a:focus + ul{
  left: auto;
  right: 97%;
}
#mainnav li li li > a {

}


#nav_button {
  float: right;
  position: relative;
  right: 20px;
  width: 100px;
  height: 50px;
  padding-right: 40px;
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 50px;
  color: #FFF;
  cursor: pointer;
  display: none;
  transition: all 200ms ease;
}
header.fixed #nav_button {
  width: 40px;
  font-size: 0 !important;
}

/* burger menu */
#nav_button .btn-toggle {
  position: absolute;
  display: block;
  background-color: #FFF;
  top: 50%;
  right: 0px;
  margin-top: -1px;
  z-index: 1;
  width: 30px;
  height: 3px;
}
#nav_button .btn-toggle:before,
#nav_button .btn-toggle:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  background-color: #FFF;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#nav_button .btn-toggle:before {top: -8px;}
#nav_button .btn-toggle:after {bottom: -8px;}

/* open */
#nav_button.open .btn-toggle {
  background-color: transparent;
  box-shadow: none;
}
#nav_button.open .btn-toggle:before {
  background-color: #FFF !important;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  box-shadow: none;
}
#nav_button.open .btn-toggle:after {
  background-color: #FFF !important;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 0;
  box-shadow: none;
}


/* ----------------------- verschiedenes ---------------------- */

.ce-above.ce-left .ce-gallery,
.ce-above.ce-left .ce-column,
.ce-above.ce-right .ce-gallery,
.ce-above.ce-right .ce-column,
.ce-below.ce-left .ce-gallery,
.ce-below.ce-left .ce-column,
.ce-below.ce-right .ce-gallery,
.ce-below.ce-right .ce-column {
  float: none;
}
.ce-gallery figure {
  display: inline-block;
}

.fa, .cke_editable .fa {
  min-width: 25px;
  text-align: center;
  padding-right: 5px;
}


.align-left,
.text-left {
  text-align: left;
}
.align-center,
.text-center {
  text-align: center;
}
.align-right,
.text-right {
  text-align: right;
}
.align-justify,
.text-justify {
  text-align: justify;
}
.clear {
  clear: both;
}


main ul, .cke_editable ul, .frame-default table {
  padding: 0;
  overflow: visible;
}
p {
  margin: 0 0 15px;
}
p:empty {
  display: none;
}
h2 p, h3 p, h4 p, h5 p {
  margin: 0;
}

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

blockquote {
  display: inline-block;
  background: #F8F8F8;
  border-radius: 10px;
  padding: 2% 4%;
  margin: 0 0 15px !important;
  font-style: italic;
  text-align: left;
}
h2.title:empty {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 10px;
  line-height: 1.4;
  font-weight: 600;
}
.frame-default h1, .frame-default h2, .frame-default h3, .frame-default h4, .frame-default h5, .frame-default h6 {
  color: #003565;
}
h1 {
  font-size: 250%;
}
h2 {
  font-size: 250%;
}
h3 {
  font-size: 160%;
}
h4 {
  font-size: 130%;
}
h5 {
  font-size: 115%;
}
h6 {
  font-size: 87.5%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

a {
  color: #36841A;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #003565;
  text-decoration: underline;
}

a:focus {
  outline-style: solid;    
}

a img { border: 0; }

.frame a[href$='.pdf']:before, .frame a[href$='.PDF']:before, a[href*='?file:']:before {
  /* display: inline-block; */
  content: "\f1c1";
  font-family: "FontAwesome";
  padding-right: 5px;
  margin-left: 2px;
}
.frame a[href$='.doc']:before, .frame a[href$='.DOC']:before, a[href$='.docx']:before, a[href$='.DOCX']:before {
  display: inline-block;
  content: "\f1c2";
  font-family: "FontAwesome";
  padding-right: 10px;
}
.frame a[href$='.xls']:before, .frame a[href$='.XLS']:before, a[href$='.xlsx']:before, a[href$='.XLSX']:before {
  display: inline-block;
  content: "\f1c3";
  font-family: "FontAwesome";
  padding-right: 10px;
}
.frame a[href$='.mp3']:before, .frame a[href$='.MP3']:before {
  display: inline-block;
  content: "\f028";
  font-family: "FontAwesome";
  padding-right: 10px;
}
.image a[href$='.pdf']:before,
.image a[href$='.PDF']:before {
  display: none;
}
.btn-primary {
  background-color: #003565;
  border-color: #003565;
}
.modal-footer .btn-primary:last-child {
  background-color: #36841A;
  border-color: #36841A;
}


ul.ce-uploads {
  margin-bottom: 20px;
}
.ce-uploads span {
  display: inline;
}
.ce-uploads li {
  margin: 0 0 10px;
}

a.button,
.back-button a,
.button-outline a,
.frame-type-menu_subpages a {
  background: #003565;
  display: inline-block;
  padding: 8px 20px;
  color: #FFF !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  transition: all 200ms ease;
}
#karriere .frame-default a.button {
  padding: 12px 30px;
  text-transform: none;
  font-size: 150%;
  background: #36841A;  
}
a.button:focus,
a.button:hover,
a.button.active,
.back-button a:focus,
.back-button a:hover,
.frame-type-menu_subpages a:hover,
.frame-type-menu_subpages a:focus {
  background: #36841A;
  text-decoration: none;
}
#karriere a.button:focus,
#karriere a.button:hover,
#karriere a.button.active,
#karriere #karriere .back-button a:focus,
#karriere .back-button a:hover {
  background: #003565;
}
a.button .fa {
  min-width: 1px;
}
a.btn {
  font-size: inherit;
}

a.button.outline,
.button-outline a {
  background-color: transparent;
  border: 2px solid #003565;
  color: #003565;
}
a.button.outline:focus,
a.button.outline:hover,
.button-outline a:focus,
.button-outline a:hover {
  border-color: #36841A;
  color: #36841A;
  text-decoration: none;
}

.frame-type-menu_subpages a {
  margin-bottom: 10px;
}

a.iframe {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
span.play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACdxJREFUeNrMW1tMFUcYnr2cgyiIWqmcCki1iGKsl2qM2ki9J4aYqFGjicbEJ4khmqhRn41ogg88+GyiD0YjGlNNvEVri5eCtUpLxGvBchNEFLAIZ3en/57uwWGY2Zk9Z491ks3unsvO/N9///9ZBX3aoUj+Dn9uC/LzuUocxOPPGQBF4rNYJQAnCgzF5//z7pUYJABziPUVDCUBxLPOigsgbsRjzmeyUiIcus+E09eKABgR8SQIWMB9JRYg9DiI5xGuMq5Vxm+j9yxOksRaDBBEQOBEqABPn8lD5Vy7SQQmFs3jOqaAsFwAwV4kQY+D64hDMO/MAgG5cJ8mViHuEec3rHVjv1SApd8kkfS1Sn0eCwAWQVz0WqHAsJw5sIS38AyAIiDe7dAY4LipgRsA9GESkoAoyaDVytUm6D4Qr3HOKkcyEEcKsAQAJiEF0XuFIN7iSAAXBD0O4kmCyUPlAEESbTHmVKnF0qJvOr8hiVace3LdJke1mCDIGkEW8TwA6O9IC6+PHTs2ORQKDcvMzBySlpamYYxRR0eH0dDQ0NPU1PTPq1eveuB3BgEaqecmsRaTsc4oSJasHdAljR2PeJ241xlqYC9Emzt37uhVq1aNW7hwYSg3NzcVCB9CgWMP482bN721tbVvr1271nT27NmXDx8+bCfWaUkYU5Jgi2EHBkmBTDjLMm46daav7UnU9evX5xQXF+fPmzcvA+6DlFXHHEmLzGMYxgcAorGsrKzm0qVLjQQBpiMhJnVNfmZSKsT1EIqkq2OJuk4c0fsI16dNmzb68OHDs5cvX57jPMOIIVZXnGeaJ0+efLJ///7f6urqOp25DAbx5DVpMC1GwNS/Fs0FANJ6awxO6wwQ8NatW/NOnTq1OD8/fwzchzkGT3ZE/jt16tSMdevWjXv27Fnn48eP3xIGEwniCWFMoElwn8d18ogs6MCBAzNLS0u/T0pK0h1O+DXM1NTUZFCpr1tbW3vu3bvXxmCeF+IVEQBR7msC0e/nfElJyXcgpnMYQYpfw1IURS0sLMwBT/EeQGgljDivhoA5oHAlgDw0hv6zxN8qKirKBwDmOcQnsp4XMYQrVqzIfvDgQTuoQwdhdHnZJHZbEy/gUSlXRx4B4oxmzZr1ZUVFRaEj9hb6NENva2vrmj179o/19fVdzryGY3PIs0F5BdojYE3C56sU1/stfjAY1MvLy3/Izs4exYnAEjWsYTBg3uDp06frKP+OBfUDzAo/ZaI/+rA2bdo0AbiQ6SAuM1QfC7Hh1atXfwPB1VfRuIMTequcahUXALd0tz+8BZFP2r179xQvOg9u7B3H/cZqD7S9e/dOETCKBQKXI4qgyhM9LEA+Iy8vL92Du9P27NlTs3bt2tuNjY3vHRsSrzQYS5YsybIDL4EUIF4Wqnoodg548MaNG3O8clKFcebMmfo5c+ZcP3HixFPC28QsBfDIpDVr1mQRobIiKMVxU1DEKVgMEqGhQ4cOKSgoyPBq+GCx9ikAEtC7efPm30CHK54/f/4uTmmwli5d+pVjmEXEDzqrHrLB/lLUhAkTUrOyslLicHsR93ru3LlmkIafjh49+iiOMr01adKktDFjxiQLSvJMEGS8AH2PJ0+enApRWcCHoEdvb28Pb9++/cGyZct+rq6ubo9BGvCIESOSMzMzh0mkzApPBTyVzjMyMoZK/ldWGgJXr15tnT9//s1Dhw790dfXZ3mQhog3gJggWVDqd7UBMn2C/gImBEB+WPBB0tDd3W3t27fvT/AwP0F02WJZluwcysiRIwMca+9WhfaNi34Ne6GB27dvt4FKVNy/f/+1rJcAlYxZ/JBkLb2/9RQOhw2UmKTHfmYYDOPoy5cvz58xY8YXkp4Gd3Z2Gl4zQVmrO+jPr1+//icBABjgXnVIqafs2rUrDwLNoGSQFQnMICnq8dIQkQGA16tTHz161OUsTvEBCPv/xuLFi78sLS39dvr06elEJicl/WA77Irye6KKzEuCsIwNEDUpFYjpu5qbm7t9sCHGqFGjtLKysungBRYA8aOdxMoLqOqTJ086IbjqoTpNvIxwwFnlVFTcQECgbz137txpjQOASP6+cuXKEDxnYXFx8WTlPysWSxlNvXHjRjPGOMypArttshhAgKfWtB3TexV/uwliczgUCgWPHTv23fnz57+fOHFiWgxcJ/U/bPcQqAYMq2vM3FOgIve9OKwWVcQOXLhwobGhoaHDS/hqGIYJ8X92ZWXloi1btuQ6z4qnkKLDs5rv3r3bhgZ2kSwX8cesmqBbEsFsgUO0FtY0TQV/nSPrqmbOnJlWVFSUO3z48CSfqsbKjh07fq2pqYl2kEzGQTdYpRIfVjk8QNUDtZSUlCAEK4W5ubmydQFV5Jc9jODNmzf/WrRo0WWIGKOSFGbUBclmiUWrhcqppvLa1CZxxuB+eiGRqQTdNiUNouUT8RrM/d6eG4gn12aiwV0hnlscpAJuaSOvxqZDPv8WVAEVFBRkf6LCaGQN27Zt+wWixb+d9RgC8ccM8ce8voDIJgzqH4AbasnJyUkCPz42waXxCOgHDx6sPHLkyJ/oY8ucFHO6FM7aV8RtjCDkvimKW2y4ePFiY1ZWVhDi91CCQIjYJUiXqyBc/h0N3CXC6w67daOZ1VnRxkau0bQNEfj1vwOBgLlgwYIQ+tjT92MEPnz4EN65c2dFSUlJNfq498BgNEBMnsFDHrvDSPAdq9qiXr9+vamqqqoNXN7I9PT0tFgSFCpX0cDPN2zYsOEGBDx1FPEit4dFXkeTIFIWmH4Qnj59+u748eMvIGvstuuHEO8PQ/LbcTTHzaLq6upWEPdfwddXvXz5souh8ybD+ptIfnepkNOs2IC3X4A+Ijpqt7ULCwsz7QgQ8vx0p5gaoCQoskBQo74XL1503bp161V5eXn9lStXmnp7e/uI+MHkAGAwALA4oTCWKYHxQGB1jN02SJEbnRQAY8j48eOH5+Xlpdh1RbAXup0fhGG0tLT01NbWdoL0dIG+9xKNDsyIQUyGtec1QbFbPiADAK85wtstpjKAou0FvSB6HnLhJicQM12CHyzKAnk2QNYgIhdiWFkl7Yp4hpSOOlkib3iM+lw3T4sqQqztZTwDoxJnC7nvF0YsGyDIQi0OwTET76UTw9pjZ3HyCFZHWeGAwKtGWYi9YdpkgIJjJV5GvN0iQ17KLLNlnjW3m+pYLrUJkbGLGwARCKKESfXQqKDfFEGI/aKEDMexV8L8AEJFch1aGQCwoDyHYuV6PADwQBDlCkhC/0WexK20FRPxsQIgA4RbYiXjVj/Za3N+vzgpm1bTn2OBJIh0+395cVL0LCXOubDH+/8dAJlnxvv2+Gf98nQi5kn4a/T/CjAArzX9BgIOIg8AAAAASUVORK5CYII=) 0 0 no-repeat;
  opacity: 0.8;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  transition: 300ms;
}
a.iframe:hover span.play {
  opacity: 1;
}

ol, ul {
  padding-left: 0;
  margin: 0 0 15px;
}
ul, li {
  list-style: none;
}
.frame-type-text li, .ce-bodytext li, .ce-menu li, .tx-news-single li, .cke_editable li {
  padding-left: 1em !important;
  text-indent: -.7em;
}
.frame-type-text li:before, .ce-bodytext li:before, .ce-menu li:before, .tx-news-single li:before, .cke_editable li:before {
  content: "• ";
  font-family: Arial;
}

.ce-gallery figcaption {
  display: block;
  margin: 10px 0 15px;
  text-align: center;
  font-size: 90%;
}

table {
  border-collapse: collapse;
  border-spacing: 0 0;
  margin-bottom: 15px;
  font-size: 1em;
}
table p {
  margin-bottom: 0;
}
.frame-default table th, .cke_editable th,
.frame-default table td, .cke_editable td {
  background: #EEE;
  padding: 8px 15px;
  vertical-align: top;
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
}
.frame-default table th:last-child,
.frame-default table td:last-child {
  border-right: 0;  
}
.frame-default table th, .cke_editable th {
  background: #003565;
  color: #FFF !important;
  text-transform: uppercase;
}

fieldset {
  border: 0;
}
label {
  font-weight: inherit;
}

select,
textarea,
input,
button[type="submit"] {
  background: #FFF;
  border: 1px solid #aaa;
  padding: 8px;
  width: 100%;
  font-family: 'Titillium Web', Arial, sans-serif;
  font-size: 100%;
  margin-bottom: 2%;
  line-height: 22px;
  color: #454545;
}
form textarea:focus,
form input[type="text"]:focus,
form select:focus {
  border-color: #696969;
}

input[type="radio"] {
  width: 20px !important;
}
input[type="checkbox"] {
  width: 16px !important;
  position: relative !important;
}
.checkbox { margin-top: 0; }

input[type="submit"],
button[type="submit"] {
  background: #003565;
  width: 70%;
  margin: 10px 0 0 20%;
  text-transform: uppercase;
  font-size: 120%;
  cursor: pointer;
  color: #FFF;
  transition: all 200ms ease;
}
.tx-felogin-pi1 input[type="submit"] {
  margin-left: 0;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
  background: #36841A;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #555;
  opacity: 1;  
}
::-moz-placeholder { /* Firefox 19+ */
  color: #555;
  opacity: 1;  
}
:-ms-input-placeholder { /* IE 10+ */
  color: #555;
  opacity: 1;  
}
:-moz-placeholder { /* Firefox 18- */
  color: #555;
  opacity: 1;  
}


/* ----------------------- Boxen ---------------------- */

.blaue-box {
  padding: 20px 30px 25px;
  background:#003565 ;
  color: #FFF;
  margin-bottom: 30px;
}
.blaue-box h2, .blaue-box h3, .blaue-box h4, .blaue-box h5 {
  color: inherit;
  margin-top: 0;
}
.blaue-box a:hover,
.blaue-box a:focus {
  color: #FFF;
}
.graue-box {
  padding: 20px 30px 25px;
  background:#ddd;
  margin-bottom: 30px;  
}
.graue-box h2, .graue-box h3, .graue-box h4, .graue-box h5 {
  color: inherit;
  margin-top: 0;
}

.layout_1 .blaue-box,
.layout_1 .graue-box {
  margin-bottom: 10px;
}

/* ----------------------- Bildkachel ---------------------- */


.bildkachel {
  position: relative;
  display: table;
  width: 100%;
  min-height: 300px;
  margin-bottom: 30px;
  overflow: hidden;
}
section.layout_1 .bildkachel {
  margin-bottom: 10px;
}
#karriere section.layout_1 .bildkachel {
  margin-bottom: 15px;
}
.bildkachel .text {
  position: relative;  
  z-index: 1;
  padding: 15px 25px;
  color: #FFF;
  width: 100%;
  height: 100%;
  display: table-cell;
  text-shadow: 0 0 5px #000;
}
body.dark #content .bildkachel .text * {
  color: #FFF !important;
}
.bildkachel.text-unten .text {
  vertical-align: bottom;
}
.bildkachel .text h2 {
  font-size: 160%;
}
.bildkachel .text h2,
.bildkachel .text a {
  color: #FFF;
}
.bildkachel .text h2 a:hover {
  color: #FFF;
  text-decoration: none;
}
.bildkachel.blau .text,
.bildkachel.blau .text h2,
.bildkachel.blau .text a {
  color: #003565;
  text-shadow: none;
}
.bildkachel.blau .text h2 a:hover {
  color: rgba(32, 117, 0, 1);
}
.bildkachel.gruen .text,
.bildkachel.gruen .text h2,
.bildkachel.gruen .text a {
  color: rgba(32, 117, 0, 1);
  text-shadow: none;
}
.bildkachel a.button.outline,
.bildkachel .button-outline a {
  border: 2px solid #fff;
  color: #fff;
}
@media(min-width: 992px) {
  .bildkachel a.button.outline,
  .bildkachel .button-outline a {
    margin-top: 20px;
  } 
}
.bildkachel a.button.outline:focus,
.bildkachel a.button.outline:hover,
.bildkachel .button-outline a:focus,
.bildkachel .button-outline a:hover {
  background-color: rgba(32, 117, 0, 1);
}

.bildkachel .image {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  color: #FFF;
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
}
.bildkachel .image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.bildkachel::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.9;
  transition: all 300ms ease;  
}
.bildkachel.overlay-gruen:after {
  background-color: rgba(32, 117, 0, 0.9);
}
.bildkachel.overlay-blau:after {
  background-color: rgba(0,53,101, 0.9);
}
.bildkachel.overlay-gruen .image,
.bildkachel.overlay-blau .image {
  opacity: 0.5;
}

.dark .bildkachel:after,
.dark .bildkachel.overlay-gruen:after,
.dark .bildkachel.overlay-blau:after {
  background-color: rgba(0,0,0, 0.95);
}
.dark .bildkachel.overlay-gruen .image,
.dark .bildkachel.overlay-blau .image {
  opacity: 1;
}

/* hover */
.bildkachel:hover::after {
  height: 50%;  
}

.bildkachel.overlay-gruen:hover .image,
.bildkachel.overlay-blau:hover .image {
  opacity: 1;
}
.bildkachel.overlay-gruen:hover a.button.outline,
.bildkachel.overlay-gruen:hover .button-outline a {
  background-color: rgba(32, 117, 0, 1);
}
.bildkachel.overlay-blau:hover a.button.outline,
.bildkachel.overlay-blau:hover .button-outline a {
  background-color: rgba(0,53,101, 0.8);
}
.bildkachel.overlay-gruen:hover a.button.outline:hover,
.bildkachel.overlay-gruen:hover a.button.outline:focus,
.bildkachel.overlay-gruen:hover .button-outline a:hover,
.bildkachel.overlay-gruen:hover .button-outline a:focus {
  background-color:  rgba(32, 117, 0, 1);
}

.dark .bildkachel.overlay-gruen:hover a.button.outline,
.dark .bildkachel.overlay-gruen:hover .button-outline a,
.dark .bildkachel.overlay-gruen:hover a.button.outline:hover,
.dark .bildkachel.overlay-gruen:hover a.button.outline:focus,
.dark .bildkachel.overlay-gruen:hover .button-outline a:hover,
.dark .bildkachel.overlay-gruen:hover .button-outline a:focus,
.dark .bildkachel.overlay-blau:hover a.button.outline,
.dark .bildkachel.overlay-blau:hover .button-outline a,
.bildkachel.overlay-blau:hover a.button.outline:hover,
.bildkachel.overlay-blau:hover a.button-outline:focus,
.bildkachel.overlay-blau:hover .button-outline a:hover,
.bildkachel.overlay-blau:hover .button-outline a:focus {
  background-color: rgba(0,53,101, 1) !important;
}



/* ----------------------- Karrierebox ---------------------- */

.karrierebox {
  position: relative;
}
.karrierebox .header {
  position: relative;
  background: #36841A;
  color: #FFF;
  margin-bottom: 15px;
}
.karrierebox .header .text {
  width: 60%;  
  padding: 30px;
}
.karrierebox .header h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.karrierebox .header .standort,
.karrierebox .header .arbeitszeit {
  margin-bottom: 5px;
  font-size: 120%;
}
.karrierebox .header .standort::before,
.karrierebox .header .arbeitszeit::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 23px;
  background-image: url(gfx/icon_pin.png);
  background-size: contain;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.karrierebox .header .arbeitszeit::before {
  background-image: url(gfx/icon_clock.png);
}
.karrierebox .header .more {
  margin-top: 20px;  
  text-align: right;
}
.karrierebox .header a.button {
  color: #FFF;
  border-color: #FFF;
  margin-top: 20px;
}
#karriere .karrierebox .header a.button:hover {
  background-color: transparent;
}
.karrierebox .header a.button .weiterlesen {
  display: block;
}
.karrierebox .header a.button .weniger {
  display: none;
}
.karrierebox.open .header a.button .weiterlesen {
  display: none;
}
.karrierebox.open .header a.button .weniger {
  display: block;
}
.karrierebox .header .image {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  overflow: hidden;
}
.karrierebox .header .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.karrierebox .description {
  margin: 0 auto;
  padding: 0 30px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
}
.karrierebox.open .description {
  max-height: 5000px;
  padding: 15px 50px 30px;
  overflow: visible;
}

.karrierebox .infotable::before {
  content: "Info";
  display: block;
  width: 60px;
  height: 24px;
  position: absolute;
  top: 16px;
  left: -42px;
  background: #36841A;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  line-height: 22px;
  transform: rotate(-90deg);
}
.karrierebox .infotable {
  position: relative;
  padding: 10px 10px 20px;
  border: 2px solid #36841A;
  font-size: 1.5rem;
  font-weight: 700;  
  display: inline-block;
  margin: 10px 0 30px;
}
.karrierebox .infotable > div {
  display: block;
  float: left;
  margin: 0 20px;
  min-width: 70px;
  max-width: 240px;
}
.karrierebox .infotable h5 {
  margin-top: 0;
  font-weight: 700;
  text-transform: uppercase;
}
.karrierebox .infotable .dauer h5::before,
.karrierebox .infotable .verguetung h5::before,
.karrierebox .infotable .abschluss h5::before {
  display: inline-block;
  content: "";
  width: 27px;
  height: 30px;
  background-image: url(gfx/icon_dauer.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-right: 10px;
  position: relative;
  top: 7px;
}
.karrierebox .infotable .verguetung h5::before {
  background-image: url(gfx/icon_geld.png);
  width: 40px; 
}
.karrierebox .infotable .abschluss h5::before {
  background-image: url(gfx/icon_zeugnis.png);
  width: 53.333px;
}

.karrierebox .infotable .dauer h5 + div {
  padding-left: 37px;  
}
.karrierebox .infotable .verguetung h5 + div {
  padding-left: 50px;    
}
.karrierebox .infotable .abschluss h5 + div {
  padding-left: 63px;    
}



/* ----------------------- Klappinhalte ---------------------- */

.accordion {

/* overflow: hidden; */
}
.accordion .header {
  background: #003565;
  color: #FFF;
  padding: 8px 15px;
  cursor: pointer;
  font-weight: 400;
  margin: 0 0 3px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
.accordion .header:hover,
.accordion.open .header {
  background: #36841A;
  color: #FFF;
}
.accordion .header:after {
  font-family: "FontAwesome";
  content: "\f054";
  float: right;
  font-size: 75%;
  position: relative;
  top: 4px;
  transition: all 0.2s;
}
.accordion.open .header:after {
  transform: rotate(90deg);
}

.accordion .content {
  max-height: 0;
  padding: 0 15px;
  overflow: hidden;
  transition: max-height 0.5s ease;
  margin-bottom: 12px;
}
.accordion.open .content {
  max-height: 20000px;
  padding-top: 15px;
}


/* ----------------------- Tabs ---------------------- */

#content .tab-container { 
  margin: 0 0 15px;
}
#content .etabs { 
  margin: 0 0 15px;
  padding: 0;
  border-bottom: 3px solid #003565;
}
.tab { display: inline-block; zoom:1; *display:inline; }
.tab a { 
  display: block;
  padding: 8px 15px;
  background: #003565;
  color: #fff;
  margin: 3px 3px 0 0;
  transition: all 200ms ease;
}
.tab a:hover,
.tab a.active {
  background: #005098;
  text-decoration: none;
}
.tab a > h3,
.tab a > p,
.tab a > span {
  font-size: 110%;
  font-weight: 600;
  margin: 0;
}

#content .tab-item {
  width: 100%;
}
.tab-item table {
  max-width: 100%;
}

.dark .tab a,
.dark .tab a * {
  color: #FFF !important;
}



/* ----------------------- Bilderleiste ---------------------- */

.frame-layout-4 .ce-row,
.frame-layout-4 .ce-row:last-child {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
}


/* ----------------------- tt_news ---------------------- */
.tx-news-list.row > div:nth-child(3n+1) {
  clear: both;
}
.tx-news-list article {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 30px;
  font-size: 1.4rem;
}
.tx-news-list article .date {
  font-size: 1.3rem;
  margin-bottom: 10px;
  color: #696969;
}
.tx-news-list article .images {
  max-height: 200px;
  overflow: hidden;
  text-align: center;
  position: relative;
  margin-bottom: 15px;
}
.tx-news-list article .images::after {
  position: absolute;
  z-index: 1;
  top: 170px;
  left: 0;
  width: 100%;
  height: 30px;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAANklEQVQImWP4//8/P4hgYGJgYOAAEewggg3O5YQTYC4XnOAmkkAoRuhFmIcgwFayMTEwMHwFAMT6CDCH2quNAAAAAElFTkSuQmCC) repeat-x;
}
.tx-news-list article .images img {
  max-height: 400px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  transition: all 500ms ease;
}
.tx-news-list article .images a:hover img,
.tx-news-list article .images a:focus img {
  transform: scale(1.05);
}
.tx-news-list article h5 {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.tx-news-list article h5 a {
  color: #36841A;
  font-weight: 700;  
}
.tx-news-list article h5 a:hover,
.tx-news-list article h5 a:focus {
  color: #003565;
  text-decoration: none;
}
.tx-news-list article p {
  margin: 0; 
}
.tx-news-list span.news-list-morelink {
  display: block;
  margin-top: 10px;
  text-align: right;
  font-weight: 600;
}

/* browse */
.news-list-browse .showResultsWrap {
}
.news-list-browse .browseLinksWrap {
}
.news-list-browse .browseLinksWrap a,
.news-list-browse .browseLinksWrap span {
  background: #12316A;
  color: #FFF;
  display: block;
  float: left;
  border: 0;
  margin: 0 15px 15px 0;
  padding: 8px 14px;
  text-decoration: none;
  transition: all 300ms ease;
}
.news-list-browse .browseLinksWrap a:hover,
.news-list-browse .browseLinksWrap span {
  background: #36841A;
  color: #FFF;
}

/* single */
.tx-news-single  {
  margin-bottom: 30px;
}
.tx-news-single article .date {
  color: #696969;
  font-size: 1.4rem;  
}
.tx-news-single article .images {
  float: right;
  display: inline;
  max-width: 36.11111%;
  margin-left: 30px;
}
.tx-news-single article .news-single-imgcaption {
  font-size: 1.4rem;
  color: #696969;
  line-height: 1.3;
}


/* Fahrplan / Aenderungen / dataTable */

table.fahrplan {
  width: 100%;
}

.fahrplan td.linie,
.fahrplan td.strecke,
.fahrplan.aenderungen .ort,
.fahrplan.aenderungen .title {
  font-weight: 600;   
}
.fahrplan .days {
  font-weight: 400;
  color: #696969;
}
.fahrplan.aenderungen tr {
  cursor: pointer;
}
.fahrplan tr.hl td {
  background-color: #F9ECCD;
}
.fahrplan .fahrplan a,
.fahrplan .umleitung a {
  color: #237b02;
  display: block;
   -ms-word-break: break-all;
       word-break: break-all;
       word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;    
}
.fahrplan .fahrplan .info,
.fahrplan .umleitung > div {
  color: #696969;
  font-size: 1.4rem;
}
/* Umleitungsdatum vorbei */
.fahrplan td.umleitung.end > * {
  display: none;
}
.fahrplan .umleitung a {
  color: #bf0000;
}

.fahrplan .umleitung .baustellen a {
  color: #bf0000;
}
.fahrplan .umleitung .baustellen a:before {
  font-family: "FontAwesome";
  content: "\f071";
  margin-right: 5px;
}

.fahrplan.aenderungen tr:hover td,
.fahrplan.aenderungen tr.open td {
  background: rgba(83,175,49,0.1);
}
.fahrplan.aenderungen .title br + br { display: none; }

.fahrplan.aenderungen .related {
  margin-top: 5px;
}
.fahrplan.aenderungen .related span {
  margin-right: 5px;
}
.fahrplan.aenderungen .related img,
.fahrplan.aenderungen .haltestellen img {
  max-height: 16px;
}
.fahrplan.aenderungen .related a {
  display: inline-block;
  padding: 3px 6px 4px;
  background: #36841A;
  color: #FFF;
  line-height: 1;
  margin: 0 3px 6px 0;
  text-decoration: none;
}
.fahrplan.aenderungen .content {
  font-size: 90%;
  margin-top: 10px;
  max-height: 0;
  overflow: hidden;
  transition: all 300ms ease;
}
.fahrplan.aenderungen .content p:empty {
  display: none;
}

.fahrplan.aenderungen tr.open .content {
  max-height: 2000px;
}

.fahrplan.aenderungen .text {
  position: relative;
}
.fahrplan.aenderungen .text > .fa {
  display: block;
  width: 25px;
  height: 25px;
  background: #eee;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  color: #36841A;
  line-height: 25px;
  transition: all 300ms ease;
  padding-right: 0;
}
.fahrplan.aenderungen .text > .fa:before {
  text-align: center;  
}
.fahrplan.aenderungen tr.open .text > .fa {
  top: 20px;
  transform: rotate(90deg);
}

#rveTable {
  width: 100% !important;
}
#rveTable_filter {
  margin-bottom: 15px;
}
#rveTable_filter input {
  border: 2px solid #36841A;
}

#rveTable_info,
#rveTable_length,
#rveTable_paginate {
  display: none;
}

/* ----------------------- powermail ---------------------- */


/* powermail  */
#page div.tx-powermail {
  width: 100%;
  max-width: 800px;
  margin: 20px auto 0;
}
.tx-powermail > .container-fluid {
  padding: 0;
}
.tx-powermail form > h3 {
  display: none;
}
#page .powermail_fieldset {
  padding: 30px;
  background: #eee;
  margin-bottom: 20px;
}
#page .powermail_fieldwrap_radio,
#page .powermail_fieldwrap_check {
  padding-bottom: 20px;
}
#page .powermail_legend {
  position: relative;
  top: 35px;
  border: 0;
  color: #003565;

  text-transform: uppercase;
}
#page .powermail_label {
  color: #696969;
  font-weight: normal;
  border: none;
  font-size: inherit;
}
#page .powermail_fieldwrap_type_text .powermail_field {
  margin-bottom: 20px;
}
#page .powermail_field,
#page .powermail_radio_outer,
#page .powermail_captcha_outer,
#page .powermail_check_outer,
#page .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
  font-family: 'Titillium Web', Tahoma, Arial, sans-serif;
}

#page .powermail_fieldwrap_type_check {
  margin-bottom: 20px;
}

/* submit */
#page .powermail_fieldwrap_type_submit > .powermail_field {
  float: none;
  width: 100%;
  max-width: 100%;
}

/* Formular Layout 1 = ohne labels */
#page .powermail_form.layout1 label.powermail_label {
  display: none;
  float: none;
}
#page .powermail_form.layout1 .powermail_legend {
  display: block;
  padding: 10px 0;
  color: #a7c9e3;
  text-transform: uppercase;
  border-bottom: 2px solid #cfe1ef;
}

#page .powermail_fieldwrap_type_check label.powermail_label {
  display: block !important;
}
#page .powermail_fieldwrap_type_check label[for="powermail_field_zweitausstellung"] {
  display: none !important;
}

#page .powermail_form.layout1 .powermail_field,
#page .powermail_form.layout1 .powermail_radio_outer,
#page .powermail_form.layout1 .powermail_captcha_outer,
#page .powermail_form.layout1 .powermail_check_outer,
#page .powermail_form.layout1 .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
  float: none;
  width: 100%;
}
#page .powermail_form.layout1 input,
#page .powermail_form.layout1 select,
#page .powermail_form.layout1 textarea {
  width: 100%;
}

#page .powermail_form input[type="submit"].waiting {
  background: #36841A url("gfx/ajax-loader.gif") 15px 45% no-repeat;
}

/* Felder-Layout 1 / 2 = 50% links / rechts */
#page .powermail_fieldwrap.layout1,
.g-recaptcha {
  clear: both;
  float: left;
  width: 48%;
  margin-right: 2%;
}

#page .powermail_fieldwrap.layout2 {
  float: right;
  width: 48%;
  margin-left: 2%;
}
#page .powermail_fieldwrap.layout2 .powermail_submit {
  margin: 0 auto !important;
  width: 100%;
  max-width: 300px;
}
#page .powermail_fieldwrap.layout3 {
  clear: both;
}
.powermail_fieldwrap_hinweis {
  clear: both;
  width: 100%;
  padding-top: 10px;
}

#page .powermail_radio_outer,
#page .powermail_captcha_outer,
#page .powermail_check_outer,
#page .powermail_fieldwrap_text,
#page .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
  background: none;
  border: none;
}
#page .powermail_check_inner,
#page .powermail_radio_inner {
  display: inline-block;
  margin-right: 20px;
}
#page .powermail_submit {
  float: none;
  margin-left: 30% !important;
  max-width: 300px;
  padding: 20px;
}

#page .parsley-errors-list li {
  clear: left;
  padding: 0;
  text-indent: 0;
  color: #c00;
  font-size: 90%;
}
#page .powermail_check_outer .parsley-errors-list li,
#page .powermail_radio_outer .parsley-errors-list li {
  margin-left: 0;
}

dl.powermail_all > dt {
  clear: left;
  float: left;
  width: 30%;
  font-weight: bold;
}
dl.powermail_all > dt:after {
  content: ': ';
  padding-right: 5px;
}
dl.powermail_all > dd {
  float: left;
  margin-bottom: 10px;
}

input.powermail_confirmation_form,
input.powermail_confirmation_submit {
  width: 45%;
  margin: 2% 3% 2% 0;
  float: left;
}
input.powermail_confirmation_form {
  background: #696969;
}
.powermail_confirmation h4 {
  font-size: 120%;
  margin-bottom: 10px;
}

/* reCaptcha */
.g-recaptcha {
  clear: both;
  margin-bottom: 20px;
}

/* GoogleMaps */
#map {
  height: 300px;
}
@media ( min-height: 480px ) { #map { height: 360px; } }
@media ( min-height: 600px ) { #map { height: 400px; } }
@media ( min-height: 800px ) { #map { height: 440px; } }
input#saddr,
input#addr_submit {
  float: left;
  width: 40%;
  margin: 10px 5px 10px 0;
}
input#addr_submit {
  width: 55%;
  padding: 4px 5px;
}


/*------------------- news ---------------------------- */

/* filter */
.newsfilter {
  margin: 0 0 20px;
}
.newsfilter .button {
  margin: 0 10px 10px 0;
}
/* list */
.news-list-view {
}
.news-list-view .article {
  margin-bottom: 30px;
}
.news-list-view .news-img-wrap {
}
.news-list-view .news-img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 200px;
}
.news-list-view .teaser-text {
  background: #eee;
  padding: 10px 20px 20px;
}
.news .news-date,
.news .news-related-files-size {
  color: #999;
}
/* pagination */
.news .page-navigation {
  clear: both;
  margin: 0 15px 30px;
}
.news .page-navigation > p {
  display: none;
}
.news .page-navigation > ul li {
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #555;
}
.news .page-navigation > ul li.first,
.news .page-navigation > ul li.last {
  display: none;
}
.news .page-navigation > ul li > a {
  display: block;
  color: #DDD;
}
.news .page-navigation > ul li:not(.current):hover,
.news .page-navigation > ul li.current,
.news .page-navigation > ul li > a:focus,
.news .page-navigation > ul li:hover > a {
  background: #333;
  color: #FFF;
  text-decoration: none;
}
/* detail */
.news-single .header h2 {
}
.news-single .content {
}
.news-single .news-img-wrap {
  float: right;
  margin: 0 0 15px 30px;
  width: 45%;
}
.news-single .news-img-wrap .outer {
  display: inline-block;
  width: 30%;
  margin: 0 3.333% 15px 0;
}
.news-single .news-img-wrap .outer img {
  object-fit: cover;
  width: 100%;
  height: 120px;
}
.news-single .news-img-wrap .outer:first-child {
  width: 100%;
}
.news-single .news-img-wrap .outer:nth-child(3n+1) {
  margin-right: 0;
}
.news-single .news-img-wrap .outer:first-child img {
  width: 100%;
  height: 240px;
}


/*------------------- indexed_search ---------------------------- */

#search #tx_indexedsearch {
  border: 0;
  position: relative;
}
#search #tx_indexedsearch .tx-indexedsearch-form label {
  position: absolute;
  top: 9px;
  left: 15px;
  font-size: 90%;
}
#search #tx_indexedsearch.focus .tx-indexedsearch-form label {
  left: -45px;
}

#search .tx-indexedsearch-searchbox {
  width: 180px;
}
#search .tx-indexedsearch-searchbox-sword {
  background: #eee;
  border: 0;
  padding: 8px 45px 8px 15px;
  width: 180px;
  height: 36px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #888;
  margin: 0;
}
#search .tx-indexedsearch-searchbox-sword:hover,
#search .tx-indexedsearch-searchbox-sword:focus {
  color: #888;
  outline: 1px solid #003565;
}

#search .tx-indexedsearch-searchbox-button {
  position: absolute;
  top: 3px;
  right: 12px;
  width: 30px;
  height: 30px;
  border: none;
  margin-top: 0;
  text-indent: -100000px;
  overflow: hidden;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAdVBMVEUAAABGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkaW5/m/AAAAJnRSTlMA3fbkeSzGf2NLNCUK8dbRzL+xaB4R7eu5pqGZh1lWQSginFpFGYwwaKUAAACwSURBVBjTbY5XDsIwEAVtJ6RAGoTQ0ilz/yOCC3GEmJ+3ml09W2g2XRSci2sqVsQKy2Ve3A04RXsJyOl7Byp8CZGlJZSZcTuFetp1E0Fopk4PjjlHmtOKc7Ou3+oM2IuFBHqdJw5e9pDolJRehpDqPJgaR4U66hzwpTWuK6vg2thnFDzsepuDjNOxvgDIjbVjwIrA2eM9RxMlhbVOD2Fcfz6xk956jJXij23FL1PRijcgyRIfsdv5rAAAAABJRU5ErkJggg==) center center no-repeat;
  margin: 0;
  opacity: 0.7;
}
.dark #search .tx-indexedsearch-searchbox-button {
  filter: contrast(100);
}

#search .tx-indexedsearch-searchbox-button:hover,
#search .tx-indexedsearch-searchbox-button:focus {
  outline: 1px solid #003565; 
}
#search .tx-indexedsearch-searchfor,
#search .tx-indexedsearch-browsebox,
#search .tx-indexedsearch-res {
  display: none;
}

/* Seite: Suche */
#main .tx-indexedsearch-searchbox,
.tx-indexedsearch-result-number {
  display: none;
}

.tx-indexedsearch-noresults {
  font-style: italic;
}

.tx-indexedsearch-searchfor .sword {
  text-transform: uppercase;
}
.tx-indexedsearch-searchfor .sword:before,
.tx-indexedsearch-searchfor .sword:after {
  content: '"';
}

.tx-indexedsearch-res h3 {
  font-size: 120%;
}

.tx-indexedsearch-icon img {
}
.tx-indexedsearch-title a[href$='.pdf'],
.tx-indexedsearch-title a[href$='.PDF'] {
  padding: 0;
  background: none;
}

.tx-indexedsearch-percent {
  color: #aaa;
  font-size: 80%;
  padding-left: 10px;
}
.tx-indexedsearch-description {
  margin-bottom: 0;
}

.tx-indexedsearch-info {
  color: #AAA;
  font-style: italic;
}
.tx-indexedsearch-path a {
  color: #AAA;
  text-decoration: underline;
}
.tx-indexedsearch-info p {
  display: inline-block;
}

.tx-indexedsearch-browsebox ul {
  padding-bottom: 20px;
}
#content .tx-indexedsearch-browsebox li:before {
  content: "";
  display: none;
}
#content .tx-indexedsearch-browsebox li {
  background: none;
  padding: 0;
  float: left;
  display: inline;
  margin-right: 10px;
  text-indent: 0;
}
.tx-indexedsearch-browsebox a {
  display: block;
  padding: 5px 12px 7px;
  text-decoration: none;
  background: #003565;
  color: #FFF;
}
#content .tx-indexedsearch-browsebox a:hover,
.tx-indexedsearch-browselist-currentPage a {
  background: #36841A;
  color: #FFF !important;
  text-decoration: none;
}


/* Standorte / imagemap */

.imagemap {
  text-align: center;
}
#standorte {
  max-width: 100%;
  width: 740px;
  height: auto;
  margin: 20px auto;
}
.imagemap .hinweis {
   display: none;
}

@media(min-width: 960px) {
  .np_fancyboxes {
    display: none;
  }  
  .imagemap .hinweis {
    display: block;
  }
  .fancybox-slide {
    font-size: 16px;
  }
}

/* popup */
body.imagemaps .fancybox-slide > * {
  max-width: 300px;
  background: #003565;
  color: #FFF;
}
body.imagemaps .fancybox-slide .accordion .content {
  padding: 0;
}
body.imagemaps .fancybox-slide .frame a {
  color: #36841A;
}

/* bei Standorte kein Akkordion in der Fancybox */
.imagemaps .fancybox-slide .accordion .header {
  background: none;
  padding: 0;
  color: inherit;
  margin: 0 0 15px;
}
.imagemaps .fancybox-slide .accordion .header:after {
  display: none;
}
.imagemaps .fancybox-slide .accordion .content {
  max-height: 2000px;
  margin: 0;
}


/* EFA */
.efa_form {
  padding-bottom: 45px;
}
.efa_form label {
  display: inline-block;
}

.efa_form fieldset.efa_von {
  float: left;
  width: 55%;
  position: relative;
}
.efa_form fieldset.efa_datetime {
  float: left;
  width: 45%;
}
.efa_form .gewaehr {
  clear: left;
  float: left;
  font-size: 13px;
  padding-top: 10px;
  color: #555;
}

.efa_form fieldset.haltestelle {
  width: 54%;
}

.efa_form fieldset.efa_von > div {
  position: relative;
}
.efa_form fieldset.efa_von input[type="text"] {
  width: 83%;
  background: #fff;
  border: 1px solid transparent;
  margin: 0 5px 10px 0;
  color: #454545;
  padding: 8px 15px 8px 50px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.efa_form fieldset.efa_von input[type="text"]:focus {
  border: 1px solid #003565;
}

.efa_form fieldset.efa_von input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #555;
  text-transform: uppercase;
  opacity: 1;  
}
.efa_form fieldset.efa_von input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #555;
  text-transform: uppercase;  
  opacity: 1;  
}
.efa_form fieldset.efa_von input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #555;
  text-transform: uppercase;  
  opacity: 1;  
}
.efa_form fieldset.efa_von input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #555;
  text-transform: uppercase;
  opacity: 1;  
}
.efa_form fieldset.efa_von input[type="text"]::placeholder {
  color: #555;
  text-transform: uppercase;
  opacity: 1;  
}

.efa_form fieldset.efa_von label {
  position: absolute;
  left: 15px;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  background: #555;
  color: #FFF;
  border-radius: 20px;
  font-size: 90%;
  text-align: center;
  font-size: 16px;
  margin-top: -16px;
}
.efa_form fieldset.efa_von .startpunkt label {
  background: #36841A;
}
.efa_form fieldset.efa_von .haltestelle label {
  border: 2px solid #36841A;
  background: #ffce07;
  color: #36841A;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  width: 24px;
}
.efa_form fieldset.efa_von .linie label {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUxpcVatMFatMFatMFatMFatMFatMFatMFatMFatMFatMFatMFatMFatMFatMFatMFatMFatMKBnJ8QAAAARdFJOUwCYTDnry274FAlf2rGCHiu8qbbY4AAAAE96VFh0UmF3IHByb2ZpbGUgdHlwZSBpcHRjAAB4nOPKLChJ5lIAAyMLLmMLEyMTS5MUAxMgRIA0w2QDI7NUIMvY1MjEzMQcxAfLgEigSi4AKJUO4yoibR8AAADUSURBVDjL5ZJbFoMgDEQHQXkqdP+bLYS3LXYBna85YbwkGCDKvJLkBnAhkw5AOyru6VyH7BVwkrMe8ILsmQKbJB8/uyw5hjHaYBdwkBN8ig4AtZNzuraVohVgr7HZ0laKVsDZAEHVojTxXIUOaNXaVozi6IA+LRe1rRgQM4CqrFFTDzZXBywfHinKh3zZts8A4UsAipmcdBOAoUnrkjyF6QCOT+ntK+AWegDkqX4B3G2Eu4yc3uBD5YfZJSCvzBqQH562ayUeyh4sdTFamQfpg+Pv9Aa4+RRnoC+6WwAAAABJRU5ErkJggg==);
  background-size: cover;
  border: 2px solid #36841A;
}

.efa_form #change {
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -19px;
  display: block;
  width: 44px;
  height: 44px;
  padding: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAMAAAArDjJDAAAASFBMVEUAAACTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZiTlZgbQVKhAAAAGHRSTlMAmZBDhjpWBXVtFYN8TjANCR6NY1koJzhQy0FGAAABIklEQVRYw+3Y266CMBCF4VkFrBQLcvT933Rnx2irBUZmvLP/JTHfFU6yoJdK3CuIqWvSn8io6wW4fYWyZwBov0DZGv+ZRU+NuGd6LTXh0eB0lEeodBqqQFzTyakKr12uUqrFe2cro2ak1VZC9QYrjQKqH7DadJhyJTbyB6muwWYFQyXHYKeKp+JjsFvLU+EYMM2fUssp6snGD/0exf55DMVlKlOZylSmMpWpTGXqNyh/ijKPDRQ/XD6lZjDVdodidhk30gLFrEV+OgaK27A7g5anyG9JpTv8Mkzr0uAE79W4JpmeBJStmQXEUMxIa0lGpdOxIhmVDtqCZFQ6s73uMrgh3fs8xXySGPX3ajHhGCgpasMx0FJ0C8dAS1HRdKSk9P0B5qYOnv0dqNsAAAAASUVORK5CYII=) center center no-repeat;
  background-size: 38px 38px;
  cursor: pointer;
  border: 1px solid transparent;
}
.efa_form #change:hover,
.efa_form #change:focus {
  border: 1px solid #003565;
}

.efa_form .date_time label {
  font-size: 85%;
  /*! margin-top: 10px; */
  position: relative;
  top: -12px;
  margin-right: 10px;
}
.efa_form .date_time .input-group,
.efa_form .date_time .time_pick {
  max-width: 175px;
  display: inline-block;
  margin-top: 10px;
  margin-right: 15px;
}
.efa_form .date_time .time_pick {
  margin-right: 0;
}

.efa_form .date_time input[type="text"] {
  margin: 0px 11px 0 5px;
  border: 0;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);  
}
.efa_form #tripdate {
  width: 110px;
  margin-right: 0;
  margin-top: 0;
  border-radius: 0;
  font-size: inherit;
}
.efa_form a.datepicker-button {
  height: 36px;  
  border-radius: 0;
  margin-right: 10px;
  width: 40px !important;
}
div.datepicker-calendar table.datepicker-grid {
  margin-bottom: 0;
}
div.datepicker-calendar div.datepicker-month,
div.datepicker-calendar table.datepicker-grid {
	font-size: 1em !important;
}
.efa_form #itdTime {
  width: 68px;
  position: relative;
  top: -11px;
  height: 34px;
}
.efa_form input[type="radio"] {
  /* hide it */
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px !important;  
}
.efa_form input[type="radio"] + label {
  display: inline-block;
  width: 50%;
  padding: 8px 15px;
  text-align: center;
  text-transform: uppercase;
  background: #FFF;
  color: #555;
  cursor: pointer;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.efa_form input[type="radio"]:checked + label {
  background: #005098;
  color: #FFF;
  box-shadow: none;
}
.dark .efa_form input[type="radio"]:checked + label {
  background: rgb(0,32,62);
}

.efa_form fieldset.efa_button {
  text-align: right;
}
.efa_form button[type="submit"] {
  float: right;
  width: 24.5%;
  min-width: 200px;
  border: 0;
  line-height: 20px;
  padding: 10px 12px;
  text-transform: none;
  background: #005098;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 100%;
}
.dark .efa_form button[type="submit"] {
  background: rgb(0,32,62);
}

.efa_form a {
  cursor: pointer;
  color: #454545;
}

.results {
  position: relative;
}

/* Suggest Liste */
#locs,
#mdv_locs {
  background-color: #FFF;
  border-left: 1px solid #454545;
  border-right: 1px solid #454545;
  border-bottom: 1px solid #454545;
  list-style-type: none;
  margin: 0;
  max-height: 400px;
  width: 180px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  z-index: 9999;
}
#locs li,
#mdv_locs li {
  border-top: 1px solid #D9D9D9;
  color: #454545;
  margin-left: 0;
  font-size: 1.4rem;
  line-height: 1em;
  padding: 0.5em 1em 0.5em 2.4em;
  position: relative;
  text-align: left;
  cursor: pointer;
}
#locs li:hover,
#mdv_locs li:hover {
  background-color: #F0F0F0 !important;
}
#locs li.address, #mdv_locs li.address,
#locs li.street, #mdv_locs li.street,
#locs li.singlehouse, #mdv_locs li.singlehouse { background: url(gfx/house.png) no-repeat 8px 50%; }
#locs li.poi, #mdv_locs li.poi { background: url(gfx/poi.png) no-repeat 8px 50%;  }
#locs li.stop, #mdv_locs li.stop { background: url(gfx/stop.png) no-repeat 8px 50%; }
#locs li.loc, #mdv_locs li.loc {  background: url(gfx/loc.png) no-repeat 8px 50%;  }
#locs li.hilight, #mdv_locs li.hilight { background-color: whitesmoke; }
#locs li.best_item, #mdv_locs li.best_item { border-bottom: 2px solid #AAA; }

#efa_iframe {
  max-width: 1080px;
  min-width: 320px;
  margin: 0 auto;
  text-align: left;
  border: 0;
}

#cookieman-modal {
  text-align: left;
}

/*Filter styles*/
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}