@font-face {
  font-family: 'Glyphter';
  font-weight: normal;
  font-style: normal;
  src: url('../font/Glyphter.eot');
  src: url('../font/Glyphter.eot?') format('embedded-opentype'),
      url('../font/Glyphter.woff') format('woff'),
      url('../font/Glyphter.ttf') format('truetype'),
      url('../font/Glyphter.svg#Glyphter') format('svg');
}

@font-face {
  font-family: 'dripicons-v2';
  font-weight: normal;
  font-style: normal;
  src: url('../font/dripicons-v2.eot');
  src: url('../font/dripicons-v2.eot?') format('embedded-opentype'),
      url('../font/dripicons-v2.woff') format('woff'),
      url('../font/dripicons-v2.ttf') format('truetype'),
      url('../font/dripicons-v2.svg#dripicons-v2') format('svg');
}

@font-face {
  font-family: 'Genericons';
  font-weight: normal;
  font-style: normal;
  src: url('../font/.wpb_content_element ul li::before.eot');
  src: url('../font/Genericons.eot?') format('embedded-opentype'),
      url('../font/Genericons.woff') format('woff'),
      url('../font/Genericons.ttf') format('truetype'),
      url('../font/Genericons.svg#Genericons') format('svg');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: none;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: 'Titillium Web', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

pre, code, kbd { font-family: 'Titillium Web', sans-serif !important; }
html {
  -webkit-text-size-adjust: none;
}
:focus {
  outline: 0;
}
/* Currently breaks CSS3 Validator
:selection {
  background: #00dd00;
  color: #fff;
}
*/
::-moz-selection {
  background: #00dd00;
  color: #fff;
}
ol,
ul {
  list-style: none;
  margin: 0;
}

body,
input,
textarea {
  color: #35373a;
  font-size: 18px;
  line-height: 24px;
  word-wrap: break-word;
}
body {
  background-color: #ececec;
  padding:  0 !important;
}

/* Forms */
input.text_input,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
textarea,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  font-family: 'Titillium Web', sans-serif;

}

input.text_input,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
textarea { width: 100% }

input[type="reset"],
input[type="button"],
input[type="submit"] {
  cursor: pointer;
  margin-bottom: 30px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  text-align: center;
  height: 50px;
  padding: 0px 20px;
  margin-top: 5px;
  border-radius: 3px;
  background-color: #0d0;
}

select {
  border: none;
  background-color: #fff;
  border-radius: 0px;
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
  color: #9a9b9c

}

label { display: block }

sup { font-size: 10px; top: -0.6em; padding-left: 3px }

.clearfix:before,
.clearfix:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}
.clearfix:after,
.navbar:after,
.navbar-header:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0px/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: none;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
/* general styles */
a i.fa,
button i.fa {
  margin: 0 5px;
}
.clickable {
  cursor: pointer !important;
}
.required {
  color: #38a7bb;
}
.accent {
  color: #38a7bb;
}
.text-uppercase {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
@media (max-width: 991px) {
  .text-center-sm {
    text-align: center;
  }
}
p.lead {
  margin-bottom: 40px;
}

.no-mb {
  padding-bottom: 0 !important;
}

.no-mt {
  padding-top: 0 !important;
}
.mb-small {
  margin-bottom: 20px !important;
}
.heading {
  margin-bottom: 40px;
}
.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5 {
  display: inline-block;
  border-bottom: solid 5px #38a7bb;
  line-height: 1.1;
  margin-bottom: 0;
  padding-bottom: 10px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

h5 { margin-bottom: 20px }
.heading h1 i.fa,
.heading h2 i.fa,
.heading h3 i.fa,
.heading h4 i.fa,
.heading h5 i.fa {
  display: inline-block;
  background: #38a7bb;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  border-radius: 15px;
}
.icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  color: #fff;
  line-height: 80px;
  border-radius: 40px;
  border: solid 1px #fff;
  font-size: 20px;
}
.icon.icon-lg {
  font-size: 30px;
  border-width: 2px;
}

ul.list-style-none {
  list-style: none;
}

#error-page {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 100px;
}
#error-page h4 {
  margin-bottom: 40px;
}
#error-page p.buttons {
  margin-top: 40px;
}

.banner {
  margin-bottom: 30px;
  text-align: center;
}
.banner img {
  margin: 0 auto;
}
.banner a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: all 0.2s ease-out;
}
.pages {
  text-align: center;
}
.pages .loadMore {
  text-align: center;
}
.pages .pagination {
  text-align: center;
}
.features-buttons button {
  margin-bottom: 20px;
}
@media (min-width: 1300px) {
  body.boxed {
    background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png);
  }
  body.boxed #all {
    position: relative;
    background: #fff;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 0 5px #cccccc;
  }
}
#top {
  background: #555555;
  color: #eeeeee;
  padding: 10px 0;
}
#top p {
  margin: 0;
  font-size: 12px;
}
#top .social {
  float: right;
  text-align: right;
}
#top .social a {
  color: #999999;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  vertical-align: bottom;
}
#top .social a:hover {
  color: #fff;
}
#top .social a:hover.facebook {
  background-color: #4460ae;
}
#top .social a:hover.gplus {
  background-color: #c21f25;
}
#top .social a:hover.twitter {
  background-color: #3cf;
}
#top .social a:hover.rss {
  background-color: #3cf;
}
#top .social a:hover.instagram {
  background-color: #cd4378;
}
#top .social a:hover.email {
  background-color: #4a7f45;
}
#top .login {
  float: right;
}
#top .login a {
  font-size: 12px;
  color: #eeeeee;
  margin-right: 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.10em;
}
@media (max-width: 767px) {
  #top .login {
    float: left;
  }
}
#top.light {
  background: #fff;
  color: #999999;
  border-bottom: solid 1px #eeeeee;
}
#top.light .login a {
  color: #555555;
}
.navbar {
  border: none;
}
.navbar ul.nav > li > a {
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold;
  letter-spacing: 0.08em;
  border-top: solid 5px transparent;
}
.navbar ul.nav > li > a:hover {
  border-top: solid 5px #38a7bb;
}
.navbar ul.nav > li.active > a,
.navbar ul.nav > li.open > a {
  text-decoration: none !important;
  border-top: solid 5px #20616d;
}
@media (max-width: 768px) {
  .navbar ul.nav > li.active > a,
  .navbar ul.nav > li.open > a {
    border-top-color: transparent;
  }
  .navbar ul.nav > li > a:hover {
    border-top-color: transparent;
  }
}

.navbar ul.dropdown-menu {
  margin: 0;
  padding: 0;
}
.navbar ul.dropdown-menu li {
  list-style-type: none;
  border-bottom: solid 1px #eeeeee;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 0;
}
.navbar ul.dropdown-menu li a {
  position: relative;
  color: #999999;
  font-size: 12px;
  display: block;
  transition: all 0.2s ease-out;
  left: 0;
}
.navbar ul.dropdown-menu li a:hover {
  color: #38a7bb;
  text-decoration: none;
  background: none;
  left: 2px;
  transition: all 0.2s ease-out;
}
@media (max-width: 767px) {
  .navbar ul.dropdown-menu li a:hover {
    left: 0;
  }
}

.navbar #search {
  clear: both;
  border-top: solid 1px #38a7bb;
  text-align: right;
}
.navbar #search form {
  float: right;
}
.navbar #search form .input-group {
  width: 500px;
}
@media (max-width: 768px) {
  .navbar #search form .input-group {
    width: 100%;
  }
}
.navbar #basket-overview a {
  margin-left: 7px;
}


.navbar-affixed-top.affix {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}

@media (max-width: 767px) {
  .navbar-affixed-top.affix { position: relative }
}

body.boxed .navbar-affixed-top.affix {
  position: static;
}

.lang-menu { }

.lang-menu > a { text-transform: uppercase }
.lang-menu > a:after {
    content: "\54";
    display: inline-block;
    font-family: "dripicons-v2";
    font-size: 20px;
    padding: 0 0 0 10px;
    position: relative;
    top: 5px;
    color: #0d0;
    font-weight: bold
}

.lang-menu > a { padding: 5px 10px; }

.lang-menu > a:hover,
.lang-menu.open > a { color: #0d0 !important; font-weight: bold !important; cursor: pointer }

.lang-menu span.active {
  border: 2px solid #0d0;
  border-radius: 3px;
  border-bottom: none;
  margin: -7px -2px 0;
  display: block
}

.lang-menu.open > a:after { content: "\57"; }

.lang-menu .sub-menu {
  border: 2px solid #0d0;
  border-radius: 3px;
  padding: 0 8px 10px;
  background: #35373a;
  margin: 4px -2px 0;
  display: none
}

.lang-menu.open .sub-menu { display: block }

.lang-menu .sub-menu a { padding-top: 10px; display: block; text-transform: uppercase }

/* buttons  */
.btn {
  font-weight: 700;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 0;
}
.input-group .btn {
  font-size: 14px;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 0;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}

.owl-theme .owl-controls .owl-page span { background: #CCCDCE !important; }
.owl-carousel .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page.active span,
.owl-carousel .owl-controls.clickable .owl-page:hover span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #333 !important;
}
.owl-carousel .owl-controls .owl-buttons,
.owl-theme .owl-controls .owl-buttons {

}
.owl-carousel .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-buttons div {
  line-height: 1;
  background: #d1d1d1 !important;
  border-radius: 100px;
  height: 80px !important;
  width: 80px !important;
  z-index: 1;
  position: absolute;
  top: 35%;
  margin-top: -10px;
  cursor: pointer;
  padding-top: 25px;
  font-size: 1px;
  color: #d1d1d1
}

.owl-carousel .owl-controls .owl-buttons div:before {
  -webkit-font-smoothing: antialiased;
  font: 50px 'dripicons-v2';
  content: '\m';
  position: absolute;
  color: #0d0;
  left: 15px;
  top:  10px;
}

.owl-carousel .owl-controls .owl-buttons div.owl-prev:before {
  content: '\l';
}

.owl-prev {
    left: -40px;
}

.owl-next {
    right: -40px;
}

.owl-theme .owl-controls{
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
  display: inline-block;

}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{
  opacity: 1;
  text-decoration: none;
}

.owl-theme .owl-controls .owl-page{
  display: inline-block;
}

.owl-theme .owl-controls .owl-page span{
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  opacity: 1;
}

@media only screen and (max-width: 1078px) {
  .owl-carousel .owl-controls .owl-buttons div,
  .owl-theme .owl-controls .owl-buttons div {
      height: 60px !important;
      width: 60px !important;
  }

  .owl-carousel .owl-controls .owl-buttons div:before { font-size: 32px; }

  .owl-prev {
    left: -10px;
  }

  .owl-next {
    right: -10px;
  }

}

@media only screen and (max-width: 767px) {
  .owl-carousel .owl-controls .owl-buttons div,
  .owl-theme .owl-controls .owl-buttons div {
      height: 20px !important;
      width: 20px !important;
      background: none !important;
  }

  .owl-carousel .owl-controls .owl-buttons div:before { font-size: 20px; left: 0 }

  .owl-prev {
    left: 0px;
  }

  .owl-next {
    right: 0px;
  }

}

.home-carousel {
  position: relative;
  background: url('../img/bg2.jpg') right 50% no-repeat;
  background-size: cover;
  transition: all 0.2s ease-out;
  min-height: 800px;
  padding-top: 150px
}

.home-carousel .owl-carousel {
  padding-top: 60px;
  padding-bottom: 20px;
}

.home-carousel .owl-carousel a { display: inline-block; margin-top: 20px }

.home-carousel .item {
  background: #fff;
  box-sizing: border-box;
  padding: 80px;
}

.home-carousel .item h1 {
  margin-bottom: 30px
}

.home-carousel .item h4 { padding-bottom: 50px }

.home-carousel .vc_btn3 { margin: 0; }

.round-teaser { border-radius: 800px !important; max-width: 450px; width:  100%; }
.support { padding-top: 50px; font-weight: bold; font-size: 24px; line-height: 28px; position: relative; margin-top: 40px }
.support:before {
  font-family: 'dripicons-v2';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 80px;
  content: '\54';
  width: 100px;
  height: 100px;
  color: #0d0;
  position: absolute;
  top: 0;
  left: calc(50% - 50px)

}

@media (max-width: 767px) {
  .home-carousel {
    text-align: center !important;
    min-height: 850px;
    padding-top: 0
  }

  .home-carousel .item {
    padding: 30px 20px
  }


  .home-carousel .item h4 {
    padding-bottom: 20px
  }

  .press-box h3 { font-size: 18px !important }
}
@media (min-width: 992px) {
  .home-carousel .right {
    text-align: right;
  }
}

.contact_partner { padding-bottom: 140px !important }
.press-box .contact_partner h3 { padding-bottom: 0 }
.contact_partner .image img {
  border-radius: 100px !important;
}

.contact_partner p { margin-bottom: 20px }
.contact_partner strong { display: inline-block; width: 80px }

@media only screen and (max-width: 991px) {
  .contact_partner { text-align: center }
  .contact_partner .image { width: 170px; margin: 0 auto 30px }
  .contact_partner strong { width: inherit }
}

.owl-carousel {
  padding: 0;
  margin-bottom: 40px;
}
.owl-carousel .item {
  list-style-type: none;
  text-align: center;

}

.owl-carousel a {
  margin: 0 20px;
  display: block
}

.testimonial_bg {
  background: url("../img/bg_frauen.jpeg") 80% 100% no-repeat;
  background-size: cover;
  padding-bottom: 580px;
  padding-top: 80px;
  position: relative

}

#film .testimonial_bg { margin-top: -40px }
.testimonials {
  padding: 0;
  margin-bottom: 40px;
}
.testimonials .item {
  box-sizing: border-box;
  text-align: center;
  width: 80%;
  margin:  0 auto;
}
.testimonials .item .testimonial {
  position: relative;
  padding: 20px 0;
}
.testimonials .item .testimonial:before,
.testimonials .item .testimonial:after {
  content: " ";
  display: table;
}
.testimonials .item .testimonial:after {
  clear: both;
}
.testimonials .item .testimonial:before,
.testimonials .item .testimonial:after {
  content: " ";
  display: table;
}
.testimonials .item .testimonial:after {
  clear: both;
}
.testimonials .item .testimonial .text {
  color: #35373a;
  font-size: 32px;
  font-style: italic;
  line-height: 40px;
}
.testimonials .item .testimonial .bottom {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
}
.testimonials .item .testimonial .bottom .name {
  font-weight: bold
}

@media only screen and (max-width: 1078px) {
  .testimonials .item .testimonial .text { font-size: 15px; line-height: 20px; }
  .testimonial_bg { padding-bottom: 420px; padding-top: 50px; background-position: 58% 50% }
}

.box-simple {
  text-align: center;
  margin-bottom: 0
}

#results .box-simple { text-align: left; min-height: inherit; margin-bottom: 25px }

.box-simple.white, .box.ds {
  background:  #fff;
  border: 1px solid #cccdce;
  border-radius: 3px;
  box-sizing: border-box;
}

.box-simple a.inactive *, 
.box-simple a.inactive p.nolink { color: #ccc !important }

.box.ds {
  height: calc(100% - 50px);
}

.box.ds ul { height: 65% }

.box.ds h4 {
  font-size: 22px;
  line-height: 28px;
  color: #333;
  font-weight: 700;
  padding-top: 20px
}

.box.ds h5 {
  font-size: 16px;
  line-height: 20px;
  color: #9a9b9c;
}

.box-simple.white.config {
  background: #0d0;
  border: 1px solid #0d0;
}

.box-simple.white.config .image {
  margin: -25px -30px -25px;
}


.box-simple.white.config p,
.box-simple.white.config h3 { color: #fff !important; }


.box-simple a, .box.ds { padding: 25px 30px; display: block }
.box-simple a:hover p { color: #00a800; }

.box-simple .icon {
  color: #38a7bb;
  border-color: #38a7bb;
  transition: all 0.2s ease-out;
}

.box-simple  h3 {
    color: #35373a;
    font-weight: bold;
    padding-top: 20px;
    font-size: 24px;
    line-height: 32px;
}

#results .box-simple h3 { padding-top: 0; }

.box-simple p {
  color: #00dd00;
  font-weight: bold;
  text-align: left
}



.box-simple p.nolink {
    color: #35373a !important;
    font-weight: normal;
}

.box-simple.white.special, .box-simple.image { text-align: left  }
.box-simple.white.special { padding-bottom: 20px }

@media (max-width: 767px) {
  .box-simple.white.special { padding-bottom: 0px }
}

.row.flex { margin-bottom: 30px; }
.row.flex .box-simple { height: 100% !important; }
.flex > div:nth-child(2) > .box-simple.white.special.margin { height: calc(100% + 40px) !important; margin-top: -20px; border: 2px solid #cccdce !important;}
.box-simple.white.special h4 { text-align: center  }
.box-simple.image p.description, .box-simple ul { color: #35373a; font-weight: normal }
.box-simple.white.special .link {
    bottom: 60px;
    left: 0;
    padding: 0 45px;
    position: absolute;
    width: 100%;
}

.box-simple.white.special .link p { width: 100% }

.box-simple ul { padding: 20px 0 40px }
.box-simple ul ul { padding: 0px 0 }

.box-simple.image div.image {
  background: #fafafa;
  border-bottom: 1px solid #cccdce;
  display: block;
  height: 250px;
  margin: -25px -30px 0;
  max-width: none;
  text-align: center
}

.box-simple.white.special .image { text-align: center }

@media (max-width: 1024px) {
  .box-simple.white.special .link { position: relative; bottom: 0; padding: 0; }
}

@media (max-width: 767px) {
  .flex > div:nth-child(2) > .box-simple.white.special.margin { height: 100% !important; margin-top: 0; }
}

/* universal box */
.box {
  background: #fff;
  margin: 0 0 30px;
  border: solid 1px #ccc;
  box-sizing: border-box;
  padding: 20px 0;
  border-left: none;
  border-right: none;
}
.box .box-header {
  background: #f7f7f7;
  margin: -20px 0 20px;
  padding: 20px;
  border-bottom: solid 1px #eeeeee;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.box .box-header:before,
.box .box-header:after {
  content: " ";
  display: table;
}
.box .box-header:after {
  clear: both;
}
.box .box-header:before,
.box .box-header:after {
  content: " ";
  display: table;
}
.box .box-header:after {
  clear: both;
}
.box .box-footer {
  background: #f7f7f7;
  margin: 30px 0 -20px;
  padding: 20px;
  border-top: solid 1px #eeeeee;
}
.box .box-footer:before,
.box .box-footer:after {
  content: " ";
  display: table;
}
.box .box-footer:after {
  clear: both;
}
.box .box-footer:before,
.box .box-footer:after {
  content: " ";
  display: table;
}
.box .box-footer:after {
  clear: both;
}
@media (max-width: 991px) {
  .box .box-footer .btn {
    margin-bottom: 20px;
  }
}
.box.no-border {
  border: none;
}
#heading-breadcrumbs {
  background: url('../img/texture-bw.png') center center repeat;
  padding: 20px 0;
  margin-bottom: 40px;
}
#heading-breadcrumbs.no-mb {
  margin-bottom: 0;
}
#heading-breadcrumbs h1 {
  color: #333333;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 991px) {
  #heading-breadcrumbs h1 {
    text-align: center;
  }
}
#heading-breadcrumbs ul.breadcrumb {
  margin-top: 5px;
  margin-bottom: 0;
}

.wpb_content_element { margin-bottom: 30px }
.wpb_content_element table { width: 100%; margin: 30px 0 }
.wpb_content_element th { padding: 10px; border-bottom:  1px solid #cccdce; }
.wpb_content_element tr:nth-child(2n) { background: #f3f3f3; }
.wpb_content_element td { padding: 10px }
.wpb_content_element td:nth-child(2n) { font-weight: bold; white-space: nowrap; text-align: right  }

.legend { font-size: 0.9em; color: #aaa; font-style: italic }

.border { border-top: 1px solid #cccdce; }
.bar {
  position: relative;
  background: #fff;
  padding: 80px 0;
}

.background-gray .bar { background: #eaebeb; }

@media only screen and (max-width: 1078px) {
  .bar  {
    padding: 50px 0;
  }
}

.bar.background-gray, .background-gray {
  background: #eaebeb;
}

.background-darkgray {
  background: #35373a;
  color: #fff
}

.background-darkgray h3 { color: #fff }

.green { color: #0d0; font-weight: bold }

#configurator_site .bar.background-gray { padding-top: 30px }
.bar.background-gray-dark {
  background: #555555;
}
#configurator {
  text-align: center;
}
.background-white {
  background: #fff;
}
.bar.background-image-fixed-1 {
  background: url('../img/fixed-background-1.jpg') center top no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.bar.background-image-fixed-2 {
  background: url('../img/fixed-background-2.jpg') center top no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.bar.color-white h1,
.bar.color-white h2,
.bar.color-white h3,
.bar.color-white h4,
.bar.color-white h5,
.bar.color-white h6,
.bar.color-white p {
  color: #fff;
}
.bar.padding-big {
  padding: 50px 0;
}
.bar.padding-horizontal {
  padding-left: 30px;
  padding-right: 30px;
}
.bar.margin-vertical {
  margin-top: 20px;
  margin-bottom: 20px;
}
.bar .dark-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.see-more {
  text-align: center;
  margin-top: 20px;
  padding-top: 20px;
}
.see-more p {
  font-size: 28px;
  font-weight: 100;
  margin-bottom: 20px;
}

.packages .package .package-header {
  height: 57px;
  color: #fff;
  line-height: 57px;
  background: #38a7bb;
}
.packages .package .package-header h5 {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 57px;
  margin: 0;
  letter-spacing: 0.08em;
}
.packages .package .package-header.light-gray {
  background: #eeeeee;
}
.packages .package .package-header.light-gray h5 {
  color: #555555;
}
.packages .package .price {
  line-height: 120px;
  height: 100px;
  color: #fff;
  font-weight: 400;
}
.packages .package .price h4 {
  display: inline;
  font-size: 50px;
  line-height: normal;
  margin-bottom: 0;
}
.packages .package .price .period {
  line-height: normal;
  color: #999999;
}
.packages .package ul {
  padding: 0;
}
.packages .package ul li {
  list-style-type: none;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 80%;
  margin: auto;
  border-bottom: 1px dotted #ccc;
}
.packages .package ul li:last-child {
  border-bottom: 0;
}
.packages .package ul li i {
  font-size: 13px;
  margin-right: 5px;
}
.packages .best-value .package {
  margin-top: 0;
  padding-bottom: 40px;
}
.packages .best-value .package .package-header {
  height: 72px;
  padding-top: 17px;
  height: 82px !important;
}
.packages .best-value .package .package-header h5 {
  font-weight: bold;
  line-height: 29px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.packages .best-value .package .package-header .meta-text {
  font-size: 13px;
  line-height: 15px;
}
#map {
  height: 500px;
}
#map.with-border {
  border-top: solid 1px #38a7bb;
  border-bottom: solid 1px #38a7bb;
}


#footer {
  background: #555555;
  padding: 50px 0;
  color: #999999;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #eeeeee;
}
#footer h4 {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
#footer ul {
  padding-left: 0;
  list-style: none;
}
#footer ul a {
  color: #999999;
}
#footer ul a:hover {
  color: #38a7bb;
  text-decoration: none;
}
#footer .photostream div {
  float: left;
  display: block;
  box-sizing: border-box;
  width: 33%;
  padding: 7.5px;
  overflow: hidden;
}
#footer .photostream div a {
  border: solid 1px #eeeeee;
}
#footer .photostream div img {
  transition: all 0.2s ease-out;
}
#footer .photostream div:hover img {
  transform: scale(1.1, 1.1);
}
#footer .blog-entries .item {
  clear: both;
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: solid 1px #555555;
}
#footer .blog-entries .item .image {
  float: left;
  width: 15%;
  margin-right: 10px;
}
#footer .blog-entries .item .name {
  width: 75%;
  margin-left: 10px;
  display: table-cell;
  vertical-align: middle;
}
#footer .blog-entries .item .name h5 {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}
#footer .blog-entries .item .name h5 a {
  color: #eeeeee;
}
#footer .blog-entries .item .text {
  width: 100%;
  clear: both;
}
#footer .blog-entries .item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#footer .social a {
  color: #555555;
  font-size: 25px;
  margin: 0 10px 0 0;
}
#footer .social a:hover {
  color: #38a7bb;
}

[data-animate] {
  opacity: 0;
  filter: alpha(opacity=0);
}


/* Functionbar */
#functionbar, #functionbar2 {
  border-top: 1px solid #cccdce;
  text-align: center;
  margin-top: 65px;
  padding:  0;
  line-height: 22px !important
}

#film #functionbar.bar { background: none !important; z-index: 1 }
#film #functionbar2, #film #functionbar { border: none; position: relative; margin-top: 0 }
#film #functionbar { margin-top:  65px; }
#film h4 { margin-bottom: 40px }
#film .margin, #event .margin { margin-bottom: 30px; padding-top: 60px }

#functionbar > div, #functionbar2 > div {
  width: auto;
  border:  1px solid #cccdce;
  border-radius: 3px;
  display: inline-block;
  margin-top: -50%;
  background: #fff
}

#functionbar > div *, #functionbar2 > div * {
  display: inline-block;
  width: auto;
  font-size: 13px;
  color: #9a9b9c;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#film .film-btn { margin-top: 40px }

.h5ab-print-button .fa-print.fa-lg + span { color: #9a9b9c; }

#functionbar .fa > a, #functionbar2 .fa > a { margin:  0; padding: 20px 50px; display: block }

#functionbar .fa > a:before, #functionbar2 .fa > a:before {
  display: block;
  color: #0d0;
  font-weight: normal;
  font-size: 25px;
  padding-bottom: 5px
}

#functionbar > div:before, #functionbar2 > div:before {
    background: #cccdce;
    content: "";
    height: 200%;
    left: 50%;
    position: absolute;
    top: calc(-100% - 2px);
    width: 1px;
  }
.fa { font-family: 'Titillium Web', sans-serif !important; margin: 0 }
.fa-share-square-o::before, .fa-comments-o::before, .fa-link::before  { content:  '' !important; }
.fa a:before{ font-family: "dripicons-v2" !important; }
.fa-share-square-o { cursor: pointer }
.fa-share-square-o a:before { content: "\5b" !important; }
.fa-print a:before { content: "\e038" !important; }
.fa-comments-o a:before { content: "\36" !important; }
.fa-link a:before { content: "\e00e" !important; }

#functionbar .fa-lg, #functionbar2 .fa-lg { line-height: 120%; vertical-align: top; display: block }

@media only screen and (max-width: 767px) {
  #functionbar, #functionbar2 { border: none; margin: 0 0 30px; border-top: 1px solid #cccdce; border-bottom: 1px solid #cccdce; }
  #functionbar .h5ab-print-button-container, #functionbar2 .h5ab-print-button-container { display: none !important }
  #functionbar > div, #functionbar2 > div { padding: 0; width: 100%; margin-top: 0; border: none; }

  #functionbar div *, #functionbar2 div * { width: 49.4% }
  #functionbar .fa > a, #functionbar2 .fa > a { padding: 20px 0; width: 100% }
  #functionbar > div:before, #functionbar2 > div:before { height: 100%; top: 0 }
}


/* Listen */
.wpb_content_element ul li:before {
  padding-right: 16px;
  content: '\53';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 24px/1 'dripicons-v2';
    vertical-align: top;
    color:  #0d0;
    position: absolute;
    left: 0;
}

.wpb_content_element ul li.present:before { display: none; }
.wpb_content_element ul li.present:after { 
  background: url("../img/present.png") no-repeat; 
  background-size: cover;
  position: absolute;
  left: 0;
  width: 23px;
  height: 25px;
  content: ""; 
  top: 10px
}
.wpb_content_element ul li.present div { width: 23px; position: absolute; left: 0; fill: #0d0; }

.wpb_content_element ul li {
  border-top: 1px solid #cccdce;
  padding: 15px 0 15px 30px;
  position: relative;
  margin-top: -3px
}

.wpb_content_element ul li ul li {
    border: none;
    padding: 10px 0 10px 30px;
}

.wpb_content_element ul li:first-child { border-top: none }
#content { background-color: #fff; }

@media only screen and (min-width: 992px) {
  #content { margin-top: 140px }
  #crossdeluxe #content, #crossdeluxe-markkleeberg #content, #crossdeluxe-freital #content, #crossdeluxe-erzgebirge #content, #event #content { margin-top: 0 }
}

#content .uavc-list-content { margin: 0; display: block }
#content .uavc-list-content span.uavc-list-desc { vertical-align: top; display: block }

.list_type1 ul li {
  padding: 6px 0 6px 20px !important;
  position: relative;
}

.list_type1 ul li:before {
  content: '•';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    position: absolute;
    left: 0;
}

.list_type2 ul li {
  border-top: 1px solid #cccdce;
  padding: 15px 0 15px 30px !important;
  position: relative;
}

.list_type1, .list_type2, .list_type3, .list_type4 { padding: 0 30px; }

.list_type1 ul li:first-child, .list_type2 ul li:first-child, .list_type3 ul li:first-child, .list_type4 ul li:first-child, .list_type5 ul li:first-child { padding-top: 0 !important }

.list_type2 ul li:before {
  padding-right: 16px;
  content: '\53';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 24px/1 'dripicons-v2';
    vertical-align: top;
    color:  #0d0;
    position: absolute;
    left: 0;
}

.list_type2 ul li:first-child { border-top: none }

.list_type3 ul li {
  border-top: 1px solid #cccdce;
  padding: 15px 0 15px 15px !important;
  position: relative;
}

.list_type3 ul li:before {
  padding-right: 16px;
  content: '›';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    color:  #0d0;
    position: absolute;
    left: 0;
    font-weight: bold
}

.list_type3 ul li:first-child { border-top: none }

.list_type4 ul li {
  padding: 6px 0 6px 20px !important;
  position: relative;
}

.list_type4 ul li:before {
  padding-right: 16px;
  content: '›';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    color:  #0d0;
    position: absolute;
    left: 0;
    font-weight: bold
}

.list_type5 ul li {
  border-top: 1px solid #cccdce;
  padding: 15px 0 15px 0px !important;
  position: relative;
}
.list_type5 ul li:first-child { border-top: none }
.list_type5 ul li span { font-weight: bold; display: inline-block; width: 45%; padding-bottom: 10px }

@media (max-width: 991px) {
  .list_type5 ul li span { font-weight: bold; display: block; width: 100%; }
}

/* TEAMSITE */
.team-img {
  background: url("../img/about.jpg") no-repeat 50%;
  background-size: cover;
  min-height: 500px;
  margin-bottom: -65px;
  position: relative;
  z-index: 0
}

#about #functionbar.bar { background: transparent; position: relative; z-index: 1 }

.team #functionbar.bar { background: transparent; }
.teambox {
  background-color: rgba(0,0,0,0.3);
  padding: 80px 0;
  margin-top: -42px
}

@media only screen and (max-width: 991px) and (min-width: 620px) {
  .teambox .col-md-3 { width: 50%; float: left; margin: 0; }
}

.teambox .wpb_content_element, .teambox .row.flex { margin: 0 !important; }

.teammember:hover .sw_photo{
  opacity: 0;
  transition-duration: 0.51s;
  transition-timing-function: ease-in-out;
}


.sw_photo {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0
}

.content-overlay {
 background: rgba(0,0,0,0.3);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1
}

.teammember:hover .content-overlay {
  opacity: 0;
}

.teammember {
  position: relative;
  margin: 1.5%;
  overflow: hidden;
}

.teammember a { font-weight: normal; background:  none; }

.teammember:hover { overflow: inherit }

.more_members {
  text-align: center;
  padding-top: 40px;
  color: #fff;
  font-weight: bold;
  font-size: 1.5em
}

.more_members span {
  font-size: 2em;
  color: #000;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  padding-top: 5px;
  margin-bottom: 20px
}

.member-info {
  z-index: 10;
  position: absolute;
  width: 130px;
  height: 130px;
  bottom: 0;
  right: 0;
  padding: 20px 10px;
  color: #fff;
  background: #0d0;
  border-radius: 200px;
  transform: translateY(100%);
  transition: all .5s ease-in-out;
  text-align: center;
  font-size: 14px;
  line-height: 120%;
  margin:  auto;
  display: flex;
  align-items: center;
}

.member-info p { margin: 0 auto; }

.teammember:hover .member-info{
  transform: translateY(50%);
}

/* Original Boostrap template overwrite */
b, strong { font-weight: bold }
/* breadcrumbs */
.breadcrumb {
  background: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.breadcrumb a {
    color: #9a9b9c !important;
    font-weight: normal;
}

.breadcrumb span, .breadcrumb a {
    padding: 0 10px;
    position: relative
}

.breadcrumb a:after, .breadcrumb span:after {
  content: "•";
  position: absolute;
  height: 5px;
  width: 5px;
  left: -5px;
  top: 1px;
}

.breadcrumb a:first-child:after, .breadcrumb span:first-child:after { content: '' }

.breadcrumb span:last-child {
    color: #fff;
}

/* Back To Top */
.back-to-top {
  text-align: right;
}

.back-to-top a {
  display: block;
  color: #0d0;
  font-weight: bold;
}

.back-to-top a:before {
  font-family: 'dripicons-v2';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\57';
  display: inline-block;
  padding: 0 10px;
  font-size: 20px;
  position: relative;
  top: 6px
}

/* nav */
.nav > li > a {
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #38a7bb;
}

/* navbar */
.nav {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .nav{
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .nav.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .nav.in {
    overflow-y: visible;
  }
}

.container > .nav,
.container-fluid > .nav {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 992px) {
  .container > .nav,
  .container-fluid > .nav {
    margin-right: 0;
    margin-left: 0;
  }
}


.container { position: relative }
header {
    background: #35373a none repeat scroll 0 0;
    height: 140px;
}

#sponsoring header { background-color: #303032; }

@media only screen and (min-width: 992px) {
  header {
    position: fixed;
    z-index: 99999;
    top: 0;
    width: 100%
  }

  header.navbar-affixed-top.affix {
    height: 62px;

  }

  header.navbar-affixed-top.affix .head { display: flex; justify-content: space-between }

  header.navbar-affixed-top.affix #functionbar-header #text-6, header.navbar-affixed-top.affix #functionbar-header #text-3 {
      display: none
  }

  header.navbar-affixed-top.affix #functionbar-header {
    position: relative;
    order: 3;
    flex: 1
  }

  header.navbar-affixed-top.affix .hgroup-right {
    float: none;
    order: 2;
    flex: 5
  }

  header.navbar-affixed-top.affix #site-logo {
    order: 1;
    flex: 1
 }

  header.navbar-affixed-top.affix #search-box {
    display: none
  }
  header.navbar-affixed-top.affix #navigation {
    margin-top: 0;
  }
  header.navbar-affixed-top.affix #site-title a img { width: 130px }
  header.navbar-affixed-top.affix #site-logo {
    margin-top: 10px;
  }

  header.navbar-affixed-top.affix #functionbar-header span.tel { padding-top: 6px }

}

img { max-width: 100%; height: auto; display: inline-block !important }
.head { position: relative;  }

#functionbar-header {
    color: #fff;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 1000;
}

#monitoring #functionbar-header { display: none; }

#functionbar-header .widget {
    float: left;
    margin-bottom: 0;
}

#functionbar-header #text-6 a {
    display: block;
    padding: 5px 10px 5px 10px;
    border: 2px solid #0d0;
    border-radius: 50px;
}

#functionbar-header .widget a {
    color: #fff;
    font-weight: normal;
}

#functionbar-header span.tel::before {
    color: #0d0;
    content: "";
    display: inline-block;
    font-family: "dripicons-v2";
    font-size: 16px;
    padding: 0 10px 0 5px;
    position: relative;
    top: 3px;
    transform: scaleX(-1);
}
#functionbar-header span.tel {
    display: block;
    font-size: 16px;
    padding: 2px 0 2px 10px;
}

#site-logo {
    float: left;
    margin-top: 45px;
}

#site-title {
    font-size: 28px;
    font-weight: normal;
    line-height: 35px;
    text-transform: uppercase;
}

#site-title a {
    color: #777;
    display: block;
}

#site-title a img {
    display: block;
    max-width: 978px;
    vertical-align: inherit;
}

.hgroup-right {
    float: right;
    min-width: 250px;
    padding-right: 0;
    position: relative;
}

#monitoring .hgroup-right { display: none; }

.search-toggle::before {
    -moz-osx-font-smoothing: grayscale;
    color: #00dd00;
    content: "t";
    display: inline-block;
    font-family: "Glyphter";
    font-size: 22px;
    font-weight: bold;
    height: 22px;
    left: 8px;
    line-height: 22px;
    margin-right: 3px;
    margin-top: 14px;
    position: absolute;
    transform: scaleX(-1);
    width: 22px;
}
.search-toggle {
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    display: none;
    font-family: "Glyphter";
    font-size: 0;
    height: 18px;
    margin-top: 62px;
    position: absolute;
    right: 0;
    width: 18px;
}

#search-box {
    background: #4e5052 none repeat scroll 0 0;
    border: 1px solid #949597;
    border-radius: 3px;
    float: right;
    margin-left: 20px;
    margin-top: 68px;
    padding: 3px;
    position: relative;
}

@media only screen and (max-width: 1078px) and (min-width: 992px) {
  #navigation li#Firmenlauf { display: none }
}

@media only screen and (max-width: 1478px) {
  #search-box { display: none }
  .search-toggle { display: inline; }
  header.navbar-affixed-top.affix .search-toggle { display: none }
}

#search-box-mobile.hide { display: none }
#search-box-mobile { display: none !important }
#search-box-mobile form:before { display: none }

@media only screen and (max-width: 1078px) {
  #search-box-mobile.hide { display: none !important}
  #search-box-mobile { display: block !important }
}

@media only screen and (max-width: 991px) {
  #search-box-mobile { display: none !important}
}

#search-box-mobile {
    background: #35373a;
    border: none;
    float: none;
    width: 100%;
    position: absolute;
    margin: 0;
    top: 120px;
    left: 0;
    border-radius: 0px;
    z-index: 10;
    margin: 0 auto;
    padding:  30px 0;
  }

  #search-box-mobile input {
    background: #4e5052 none repeat scroll 0 0;
    border: 1px solid #949597;
    border-radius: 3px;
    padding-left: 10px;
    width: 100%;
    color: #949597;
    padding: 6px 8px;
    margin: 0 -8px;
    font-size: 14px;
    font-style: italic;
    height: 40px
  }

  #search-box-mobile .search-submit { display: none }

  #search-box-mobile form { width: 80%; margin: 0 auto }


#search-box form::before, #results form::before {
    -moz-osx-font-smoothing: grayscale;
    color: #00dd00;
    display: inline-block;
    font-family: "Glyphter";
    font-size: 22px;
    font-weight: bold;
    height: 22px;
    left: 8px;
    line-height: 22px;
    margin-right: 3px;
    margin-top: 7px;
    position: absolute;
    transform: scaleX(-1);
    width: 22px;
    content: "t";
}

#search-box input.s {
    border-right: 0 none;
    float: left;
}
#search-box input[type="search"] , #results input[type="search"]{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    color: #949597;
    font-size: 13px;
    font-style: italic;
    padding-left: 30px;
    box-sizing: content-box;
}

#results input[type="search"] { padding-left: 40px; font-size: 15px }
input.s {
    border-radius: 0;
    height: 22px;
    margin: 0;
    padding: 6px 8px;
    width: 130px;
}

#results input.s { width: 100%; border-bottom: 1px solid #cccdce; }

.assistive-text, .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}


/* =Menu
-------------------------------------------------------------- */
#navigation {
  float: right;
  margin-top: 61px;
}
#navigation li {
  float: left;
  box-sizing: border-box;
  padding: 10px 20px 0 20px;
  margin-top: 5px;
}

#navigation > ul > li#JobStream {
  border-radius: 3px;
  margin-left: 10px;
}

#navigation > ul > li#JobStream:hover {
  margin-right: -2px !important
}


#navigation li#JobStream a {
  color: #0d0;
  position: relative;
  padding-left: 35px;
  padding-bottom: 8px;
}

#navigation li#JobStream a:before {
  font: 24px 'dripicons-v2';
  position: absolute;
  top: 0px;
  content: "\49";
  left: 0
}

#navigation > ul > li#JobStream:hover,
#navigation > ul > li#JobStream.current_page_item { border: 2px solid #0d0; border-radius: 3px; margin: 5px 8px 0 8px; padding-top: 8px;}

#navigation > ul > li#JobStream:hover > a,
#navigation > ul > li#JobStream.current_page_item > a,
#navigation > ul > li#JobStream.current_page_ancestor > a { border: none }

#navigation li#Konfigurator, #navigation li#Configurator { background: #0d0; border-radius: 3px;}
#navigation li#Konfigurator a, #navigation li#Configurator a { background: #0d0; padding-bottom: 10px; }
#navigation li#Konfigurator:hover a, #navigation li#Configurator:hover a { border: none; background: #fff;}

#navigation li#Konfigurator:hover, #navigation li#Configurator:hover { background: #fff; }
#navigation a {
  color: #fff;
  display: block;
  float: left;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 100;
  background: #35373a
}

@media only screen and (max-width: 1078px) {
  #navigation a {
    float: none;
    font-size: 15px;
    height: inherit;
  }

  .search-toggle {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  #navigation a {
    padding: 15px 0;
  }

  #navigation li#Konfigurator a, #navigation li#Configurator a { padding-left: 15px }
}

#navigation > ul > li:hover > a,
#navigation > ul > li.current_page_item > a,
#navigation > ul > li.current_page_ancestor > a {
  color: #00dd00;
  border-bottom: 2px solid;
  padding-bottom: 8px
}

#navigation > ul > li.menu-item-has-children:hover {
  border: 2px solid #0d0;
  border-radius: 3px;
  border-bottom: none;
  padding:  0;
  margin: -2px -4px 0;
}

#final-four #navigation > ul > li.menu-item-has-children:hover {
  border: none;
  border-radius: 0px;
  padding: 15px 20px;
  margin: 0;
}

#navigation > ul > li.menu-item-has-children:hover > a {
  border: none;
  box-sizing: border-box;
  padding: 15px 22px;
}

#final-four #navigation > ul > li.menu-item-has-children:hover > a {
  color: #00dd00;
  border-bottom: 2px solid;
  padding: 0;
  padding-bottom: 8px;
  box-sizing: inherit;

}

#navigation ul li ul li { position: relative; padding: 0;}
#navigation ul li ul li a { padding: 10px 20px; display: block }

/* Dropdown */
#navigation ul li ul,
#navigation ul li:hover ul ul,
#navigation ul ul li:hover ul ul,
#navigation ul ul ul li:hover ul ul,
#navigation ul ul ul ul li:hover ul ul {
  display: none;
  z-index: 9999;
}
#navigation ul li:hover ul,
#navigation ul ul li:hover ul,
#navigation ul ul ul li:hover ul,
#navigation ul ul ul ul li:hover ul,
#navigation ul ul ul ul ul li:hover ul {
  display: block;
}
#navigation ul li ul {
  position: absolute;
  background-color: #35373a;
  border: 2px solid #0d0;
  top: 52px;
  margin-left: -20px;
  z-index: 10;
  min-width: 295px;
  padding: 20px 0px;
  border-radius: 3px;
  border-top-left-radius:  0;
  box-sizing: border-box;

}

@media only screen and (min-width: 992px) {
  #navigation ul li ul { top: 48px }
  header.navbar-affixed-top.affix #navigation ul li ul { top: 48px }
  header.navbar-affixed-top.affix #navigation ul li ul li ul { top: -22px }
}

#navigation > ul > li.menu-item-has-children:hover ul { margin-left: -2px }

#navigation ul li ul > li.menu-item-has-children > a { position: relative }

#navigation ul li ul > li.menu-item-has-children:hover > a { background: none; }

#navigation ul li ul > li.menu-item-has-children > a:after {

  content: '›';
  font-weight: bold;
  color: #0d0;
  padding-right: 10px;
  position: absolute;
  right: 0
}

#navigation ul li ul li {
  float: none;
  margin: 0;
}
#navigation ul li ul li a,
#navigation ul li.current-menu-item ul li a,
#navigation ul li ul li.current-menu-item a,
#navigation ul li.current_page_ancestor ul li a,
#navigation ul li.current-menu-ancestor ul li a,
#navigation ul li.current_page_item ul li a {
  float: none;
  font-weight: normal;
  color: #cccdce;
  position: relative;
  background: none;

}
#navigation ul li ul li a:hover,
#navigation ul li ul li:hover > a,
#navigation ul li.current-menu-item ul li a:hover,
#navigation ul li ul li.current_page_item > a {
  color: #0d0;
  font-weight: bold
}
#navigation ul li ul li ul {
  left: 291px;
  top: -22px;
  width: 295px;
  margin-left: 0 !important;
  background: #4E5052;

}

/* Responsive Navigation */
.menu-toggle {
  display: none;
}

#monitoring .menu-toggle { display: none !important; }

/* Slogan */
.slogan-wrap {
  background-color: #0d0;
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: -1px;
}
.slogan-wrap .slogan {
  font-size: 30px;
  font-weight: bold;
  line-height: 37px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.slogan-wrap .slogan span {
  font-size: 17px;
  line-height: 24px;
  display: block;
  padding-top: 5px;
  text-transform: none;
  font-weight: normal;
}
/* scaffolding */

@media only screen and (max-width: 991px) {

  header { height: inherit; min-height: 50px }
  #navigation { margin-top: 0 }
  #site-logo {
    margin: 12px 0;
    max-width: 265px;
  }
  #site-title a img {
    max-width: 75px;
  }

  #functionbar-header .widget_text { display: none }
  #functionbar-header .widget { margin-right: 95px }

  /* Responsive Navigation */
  .menu-toggle {
    display: block;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    height: 21px;
    float: right;
    margin-top: 15px;
    cursor: pointer;
    text-align: right;
    color: #9a9b9c;
    font-size: 10px;
    z-index: 1010;
    position: relative
  }

  .menu-toggle:hover { color: #0d0 }
  .menu-toggle:before {
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    line-height: 0;
    font-family: 'Genericons';
    vertical-align: top;
    content: '\f419';
    margin-right: 40px;
    position: relative;
    top: 6px;
    color: #eaebeb;
  }

  .nav-menu {
    padding: 30px 0
  }
  .toggled-on .nav-menu {
    display: block;
  }
  #navigation {
    float: none;
  }
  #navigation li {
    position: inherit;
    width: 100%;
    margin-left: 0;
    padding: 0;
    border-top: 1px solid #494b4e;
    float: none
  }

  #navigation li:first-child { border: none; }


  #navigation > ul > li:hover > a, #navigation > ul > li.current_page_item > a, #navigation > ul > li.current_page_ancestor > a {
    border-bottom: none;
    padding: 15px 0;
  }
  #navigation ul li ul { width: 100%; min-width: 100% }
  #navigation ul li ul li ul { left: 0; top: 0; padding: 0 10px }
  #navigation ul li.menu-item-has-children { border-top: 1px solid #35373a; margin: 5px 0 0; padding: 0 }
  #navigation ul li.menu-item-has-children:hover { border: none; border-top: 1px solid #494b4e; margin: 5px 0 0; padding: 0 }
  #navigation ul li.menu-item-has-children a { padding: 15px 0 !important;}
  #navigation > ul > li.menu-item-has-children:hover ul { margin-left: 0px }

  #final-four #navigation > ul > li.menu-item-has-children:hover {
    border-top: 1px solid #494b4e;
    padding: 15px 0px;
    margin: 0;
  }

  #final-four #navigation > ul > li.menu-item-has-children:hover > a {
    border: none;
    padding: 0 !important;

  }

  /* Dropdown */
  #navigation ul li ul,
  #navigation ul li:hover ul ul,
  #navigation ul ul li:hover ul ul,
  #navigation ul ul ul li:hover ul ul,
  #navigation ul ul ul ul li:hover ul ul {
    display: block;
  }
  #navigation ul li ul {
    position: inherit;
    padding: 0;
    left: 0;
    top: 0;
    width: inherit;
    border: none;
    box-shadow: none;
    margin-left: 0
  }

  #navigation ul li ul li { padding: 0 }

  #navigation ul li ul li a:hover,
  #navigation ul li ul li:hover > a,
  #navigation ul li.current-menu-item ul li a:hover {
    background-color: inherit;
  }

  #navigation ul li ul > li.menu-item-has-children:hover > a { width: inherit }
  #navigation ul li ul li ul { width: inherit; background: none; }
  #navigation > ul > li.menu-item-has-children ul { margin-left: 0 }

  .hgroup-right {
    padding-right: 0;
    float: none;
    clear: both;
  }


}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-weight: normal
}
h1 {
  font-size: 48px;
  line-height: 56px;
  font-weight: 700
}

h2 {
  font-size: 48px;
  line-height: 56px;
  font-weight: 700
}

h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700
}

h4 {
  font-size: 24px;
  line-height: 32px;
  color: #9a9b9c;
}

h5 {
  font-size: 18px;
  line-height: 24px;
}
h6 {
  font-size: 17px;
  line-height: 24px;
  text-transform: uppercase;
}

a {
  color: #0d0;
  text-decoration: none;
  font-weight: bold
}

a:focus, a:active, a:hover {
    color: #00a800;
    text-decoration: none;
    outline: none
}

.img-rounded {
  border-radius: 0;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: none;
  border-top: 1px solid #eeeeee;
}

@media only screen and (max-width: 1078px) {
  .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 15px !important }
  h1 {
      font-size: 32px;
      line-height: 40px
  }

  h2 {
      font-size: 24px;
      line-height: 32px
  }

  h3 {
    font-size: 24px;
    line-height: 32px;
    }

  h4, .package-extrainfo {
    font-size: 18px !important;
    line-height: 24px;
  }

  h5, h6 {
    font-size: 15px;
    line-height: 20px;
  }

  body, input, textarea { font-size:  15px; line-height: 20px }
}

@media only screen and (max-width: 767px) {

  h1, h2 {
      font-size: 24px;
      line-height: 28px
  }

  h3 {
    font-size: 20px;
    line-height: 28px;
    }


}

/* dropdowns */
.dropdown-menu {
  z-index: 1000;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  padding: 5px 20px;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
/* labels */
.label {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
/* forms.less */
label {
  font-weight: normal;
}
.form-control {
  box-shadow: none;
  border-radius: 0;
}
.form-control:focus {
  border-color: #38a7bb;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6);
}
.form-group {
  margin-bottom: 20px;
}
/* pager*/
.pager {
  margin: 20px 0;
  border-top: solid 1px #eeeeee;
  padding-top: 20px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  background-color: #ffffff;
  border: 1px solid #38a7bb;
  border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #38a7bb;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #ffffff;
  border-color: #ddd;
}
/* pagination */
.pagination {
  margin: 20px 0;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  border-radius: 0;
}
.pagination > li > a,
.pagination > li > span {
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #38a7bb;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #38a7bb;
  background-color: #a7dbe5;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #38a7bb;
  border-color: #38a7bb;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
}
/* responsive utilities */
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center !important;
  }
  .text-center-xs img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-center-sm {
    text-align: center !important;
  }
  .text-center-sm img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
/* type */

p {
  margin: 0 0 15px;
}
.lead {
  margin-bottom: 20px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
.text-small {
  font-size: 12px;
}
.text-large {
  font-size: 18px;
}
.text-italic {
  font-style: italic;
}
.text-primary {
  color: #38a7bb;
}
a.text-primary:hover {
  color: #2c8494;
}
.bg-primary {
  color: #fff;
  background-color: #38a7bb;
}
a.bg-primary:hover {
  background-color: #2c8494;
}
abbr[title],
abbr[data-original-title] {
  border-bottom: 1px dotted #999999;
}

blockquote {
  padding: 10px 20px;
  margin: 40px 0 30px;
  font-style: italic;
  font-size: 1.2em;
  position: relative;
  color: #aaa;
  padding-left: 100px
}

blockquote:before {
  background:  url("../img/blockquote.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 80px;
  height: 100px;
  background-size: contain
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  border-right: 5px solid #38a7bb;
}
address {
  margin-bottom: 20px;
  line-height: 1.42857143;
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 0;
  box-shadow: none;
}

a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #38a7bb;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.progress-bar-primary {
  background-color: #38a7bb;
}
.progress-striped .progress-bar-primary {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* BUTTON */
.vc_btn3-container.vc_btn3-left {
    text-align: left;
}

.vc_btn3 {
    background: #00dd00;
    border: 2px solid #0d0;
    color: #fff !important;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin-bottom: 0;
    overflow-wrap: break-word;
    position: relative;
    text-align: center !important;
    text-decoration: none;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
    font-family: "Titillium Web",sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    border-radius: 3px;
    padding: 10px 20px
}

.vc_btn3:hover {
  background: #00a800;
  border: 2px solid #00a800;
  color: #fff;
}

.vc_btn3.white {
    border: 2px solid #00dd00;
    background:  #fff;
    color: #00dd00 !important;
}

.vc_btn3.white:hover {
  background:  #0d0;
  color: #fff !important
}

.vc_btn3.default {
    border: 2px solid #00dd00;
    background: none;
    color: #00dd00 !important;
}


/* NEWSLETTER */

section.newsletter {
  background: #eaebeb;
  text-align: center;
  border-top: 1px solid #cccdce;
  padding-bottom: 80px;
}

section.newsletter > div { width:  80%; margin: 0 auto; float: none; padding: 0; max-width: 1170px}

section.newsletter img { margin-top: -65px; }
section.newsletter h2 { padding-top: 30px; padding-bottom: 20px }
section.newsletter h4 { color: #68696b; padding-bottom: 30px }
section.newsletter .input { text-align: right }
section.newsletter input[type="email"] {
  width: 50%;
  border: 1px solid #9a9b9c;
  background: #cccdce;
  border-radius: 3px;
  height: 50px;
  padding: 0px 20px;
  box-sizing: border-box;
}

section.newsletter input[type="submit"] {
  margin-top: 0;
  text-transform: none
}

@media only screen and (max-width: 767px) {

    section.newsletter > div {
      width:  100%;
      padding: 0 20px;
      box-sizing: border-box;
    }
    section.newsletter input[type="email"] { width: 100%; margin-bottom: 20px }

    section.newsletter .vc_btn3 { width:  100%; }
}

/* =Footer
----------------------------------------------- */
#colophon {
  background: #35373a;
  color: #9a9b9c;
  font-size: 15px;
  line-height: 20px;
  padding:  30px 0 0;
  overflow: hidden
}

#event #colophon,
#monitoring #colophon { display: none; }

#colophon .col-sm-6,
#colophon .col-sm-8,
#colophon .col-sm-4 { padding: 0; }

#colophon form input,
#colophon form textarea {
  box-sizing: border-box;
}
#colophon .widget-area {

}
#colophon .one-third {
  padding-bottom: 0;
}
#colophon .widget-wrap { border-top: 1px solid #494b4e; padding-top: 30px; margin-top: 30px; border-bottom: 1px solid #494b4e }
#colophon .widget {
  margin-bottom: 40px;
}
#colophon .widget ul li a {
  color: #9a9b9c;
}

#colophon .widget ul#menu-footer-menu-1 { overflow: hidden }
#colophon .widget ul#menu-footer-menu-1 > li > a {
  color: #fff;
  font-size: 18px;
  padding-bottom: 15px;
  display: inline-block;
  line-height: 24px
}

#colophon .widget ul#menu-footer-menu-1 ul li a {
  font-size: 15px;
  font-weight: normal;
  padding: 5px 0;
  display: inline-block
}

#colophon .widget ul#menu-footer-menu-1 > li {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding-right: 20px
}

#colophon .widget ul li a:hover { color: #fff }

#colophon .widget.widget_text { text-align: center }

#colophon .footer_nav { margin-bottom: 0; text-align: right }
#colophon .footer_nav ul li {
  line-height: 40px;
  display: inline-block
}

#colophon .footer_nav ul li:before {
  content: "•";
}

#colophon .footer_nav ul li:first-child:before {
  content: "";
}

#colophon .footer_nav ul li a {
  padding:  0 10px;
}

#colophon .footer_nav ul li:last-child a {
  padding-right: 0
}


#colophon .widget-title {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-transform: none;
  padding-bottom: 20px
}
#colophon .widget_article {
  margin-bottom: 20px;
}

#colophon .sub-menu .sub-menu {
    padding-left: 20px;
}

/* Site Generator */
#site-generator {
  padding: 30px 0px;
}

#site-generator .col-sm-8 .col-sm-4 { width: 50% !important }
#site-generator .row { padding:  0 15px; }
#site-generator .row > div { padding:  0; }
#site-generator .row > .col-sm-9 { float: right; }
#site-generator .row .col-sm-3.copy { float: left }

#site-generator .row > .col-sm-9 > .vc_col-sm-3 { float: right; }
#site-generator .row > .col-sm-9 > div { padding:  0; }


#site-generator .copyright {
  line-height: 40px
}

#site-generator .copyright a {
  color: #9a9b9c;
  font-weight: normal
}

/* Social Profiles */
#st-2 {
  bottom: inherit !important;
  display: inherit !important;
  left: inherit !important;
  right: inherit !important;
  top: inherit !important;
  width: inherit !important;
}

#st-2 {
  position: fixed ;
  margin-left: -110px;
  top: 50% !important;
  background: #35373a;
  padding: 30px;
  width: 110px !important;
  margin-top: -150px;
  transition: none !important
}

#st-2.st-left.st-hidden .st-toggle .st-right {
  display: inherit !important;
}

#st-2 .st-toggle { display: none }

#st-2 .st-btn {
    filter: grayscale(100%);
}

#st-2 .st-btn:hover {
    filter: grayscale(0%);
}

.social-profiles,
.social-profiles ul {
  text-align: center
}
.social-profiles ul li {
  margin-left: 40px;
  display: inline-block;
}

.social-profiles ul li:first-child { margin:  0; }
.social-profiles ul li a {
  display: block;
  width: 40px;
  height: 40px;
  color: #35373a;
  font-family: 'Genericons';
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  border-radius: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.social-profiles ul li a {
  background-color: #68696b;
}

.social-profiles ul li.twitter a:before {
  content: '\f202';
}

.social-profiles ul li.rss a:before {
  content: '\f413';
}

.social-profiles ul li.facebook a:before {
  content: '\f204';
}

.social-profiles ul li.google-plus a:before {
  content: '\f218';
}

@media only screen and (max-width: 1078px) {
  #colophon .widget ul#menu-footer-menu-1 ul { display: none }
  #colophon .widget ul#menu-footer-menu-1 > li { width: 100%; float: none }
  #colophon .widget-area > div { width: 33.3333% }
  #st-2 {
    display: none !important;
  }

  #st-2.active { top:  inherit !important; }

  .social-profiles ul li { margin-left: 30px; }
}

@media only screen and (max-width: 767px) {
  .breadcrumb { display: none }
  .back-to-top { text-align: center }

  #colophon {
    font-size: 13px;
    line-height: 18px;
    padding:  10px 0 0;
  }

  #colophon .widget-wrap { margin-top: 15px; padding-top: 0; border-bottom: none; }


  #colophon .widget-area {
    width: 100%;
    padding-top: 0px;
  }

  #colophon .widget-area > div {
    border-bottom: 1px solid #494b4e;
    padding-top: 20px
  }

  #colophon .widget {
    margin-bottom: 20px;
  }

  #colophon .col-sm-8 { padding-top: 0 !important }
  #colophon #nav_menu-2 { margin-bottom: 0 }

  #colophon .widget-area > div { width: 100% }
  #colophon .widget ul#menu-footer-menu-1 > li {
    padding: 0;
    text-align: center;
    border-top: 1px solid #494b4e;
    padding: 10px 0
  }

  #colophon .widget ul#menu-footer-menu-1 > li:first-child { border:  none; }

  #colophon .widget ul#menu-footer-menu-1 > li a { font-size: 13px; padding: 0 }

  #colophon .widget-area > div > aside { text-align: center}
  #colophon .widget-title { font-size: 13px }

  #site-generator .row > .col-sm-9 { width: inherit; float: none; }
  #site-generator .row > .col-sm-9 .social-profiles { border-bottom: 1px solid #494b4e; padding-bottom: 20px; }
  #site-generator .row > .col-sm-9 > .col-sm-5 { width: inherit; float: none; padding: 20px 0; }
  #site-generator .row > .col-sm-9 > .col-sm-5 #nav_menu-3 { margin: 0; }
  #colophon .footer_nav { text-align: center }

  .social-profiles ul li a { height: 30px; line-height: 30px; width: 30px }
  #site-generator .social-profiles, #site-generator .copyright { padding: 0 15px; float: none; }
  #site-generator .wpb_wrapper { width: 100% }
  #colophon .footer_nav ul li { line-height: inherit }

  #site-generator .row .col-sm-3.copy { float: none }

  #site-generator .copyright { line-height: inherit; text-align: center}

  #colophon .footer_nav ul li:last-child a { padding-right: 10px }

  #colophon .widget_article {
    margin-bottom: 10px;
  }
  #colophon .info-bar .info ul li {
    font-weight: normal;
  }
  #colophon .info-bar .info ul li:before {
    font-size: 22px;
    width: 22px;
    height: 22px;
    margin-top: 7px;
    line-height: 23px;
  }
  #site-generator {
    padding: 20px 0 30px;
  }
  #site-generator .social-profiles ul {
    text-align: center;
    float: none;
  }
  #site-generator .social-profiles ul li {
    display: inline-block;
    float: none;
  }
}


.flex { display: flex }

@media only screen and (max-width: 991px) {
  .flex { display: block; }
  .row.flex { margin-bottom: 0 }
  .flex > div { margin-bottom: 30px }
}

/* Listen */
.wpb_content_element ul li {
  border-top: 1px solid #cccdce;
  padding: 15px 0 15px 30px;
  position: relative;
  margin-top: -3px
}

.wpb_content_element ul li ul li {
    border: none;
    padding: 10px 0 10px 30px;
}

.wpb_content_element ul li:first-child { border-top: none }
#content .uavc-list-content { margin: 0; display: block }
#content .uavc-list-content span.uavc-list-desc { vertical-align: top; display: block }

.list_type1 ul li {
  padding: 6px 0 6px 20px !important;
  position: relative;
}

.list_type1 ul li:before {
  content: '•';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    position: absolute;
    left: 0;
}

.list_type2 ul li {
  border-top: 1px solid #cccdce;
  padding: 15px 0 15px 30px !important;
  position: relative;
}

.list_type1, .list_type2, .list_type3, .list_type4 { padding: 0 30px; }

.list_type1 ul li:first-child, .list_type2 ul li:first-child, .list_type3 ul li:first-child, .list_type4 ul li:first-child { padding-top: 0 !important }

.list_type2 ul li:before {
  padding-right: 16px;
  content: '\53';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 24px/1 'dripicons-v2';
    vertical-align: top;
    color:  #0d0;
    position: absolute;
    left: 0;
}

.list_type2 ul li:first-child { border-top: none }

.list_type3 ul li {
  border-top: 1px solid #cccdce;
  padding: 15px 0 15px 15px !important;
  position: relative;
}

.list_type3 ul li:before {
  padding-right: 16px;
  content: '›';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    color:  #0d0;
    position: absolute;
    left: 0;
    font-weight: bold
}

.list_type3 ul li:first-child { border-top: none }

.list_type4 ul li {
  padding: 6px 0 6px 20px !important;
  position: relative;
}

.list_type4 ul li:before {
  padding-right: 16px;
  content: '›';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
    color:  #0d0;
    position: absolute;
    left: 0;
    font-weight: bold
}

.timeline {
    margin: 130px 0 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.timeline:before {
  background: #0d0;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 10px;
  margin-left: -5px
}

.timeline:after {
  font-family: 'dripicons-v2';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\54';
  display: inline-block;
  font-size: 120px;
  left: 50%;
  margin-left: -60px;
  margin-top: 70px;
  position: absolute;
  text-align: center;
  color:  #0d0;
  bottom:  0;
}

.timeline-box {
  position: relative;
  display: inline-block;
  width: 100%;
}


.timeline-number {
  background:  #fff;
  border: 10px solid #0d0;
  margin-left: -40px;
  line-height: 60px;
  height: 80px;
  width: 80px;
  text-align: center;
  font-weight: bold;
  color: #0d0;
  font-size: 32px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
}

.timeline-content {
  margin-left: 0;
  top: 8px;
  width: 42.5%;
  position: relative;
  margin-top: -130px
}

.timeline-box:nth-child(2n) .timeline-content {
    float: right;
}

.timeline-content:before {
  border: 12px solid transparent;
  border-left-color: #cccdce;
  content: "";
  height: 0;
  position: absolute;
  left: 100%;
  top: 10px;
  width: 0;
  margin-top: 140px
}

.timeline-box:nth-child(2n) .timeline-content:before {
    border-color: transparent;
    left: auto;
    right: 100%;
    top: 10px;
    border-right-color: #cccdce;
}

.timeline-content:after {
    display: table;
}

.timeline-box:after, .timeline-content:after {
    clear: both;
    content: "";
}

.timeline .image {
  background: #fff;
  border: 2px solid #cccdce;
  margin-bottom: 50px;
  position: relative;
  text-align: center;
}

.timeline-content h3 { margin-bottom: 10px }


@media only screen and (max-width: 1078px) {

  .timeline .image_wrap { margin-bottom: 20px; }
  .timeline .timeline-number {
    width: 60px;
    height: 60px;
    line-height: 40px;
    font-size: 24px;
    margin-left: -30px !important
  }

  .timeline-content:before { margin-top: 132px }

}

@media only screen and (max-width: 767px) {

  .timeline { margin-top: 0 !important; padding-bottom: 100px }
  .timeline:before { left: 50% !important }
  .timeline .timeline-content:before { display: none }
  .timeline .timeline-content {
    margin-left: 0;
    background: #fff !important;
    margin-bottom: 30px !important;
    padding: 0 0 30px !important;
    margin-top: 30px !important;
    text-align: center;
    width: inherit
  }

  .timeline .timeline-number {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto !important;
  }

  .timeline .image_wrap { margin:  0 0 20px; }
}

.seperator {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 30px;
  margin-bottom: 50px
}

.partnerDetail.privacy { padding-top: 50px }
.partnerDetail h2 { text-align: center; margin-bottom: 30px }
.partnerDetail h4 { margin-bottom: 20px; margin-top: 50px }
.partnerDetail h3 + h4 { margin-top: 0px }

.employeesDetail h3:first-child { margin-top: 0px; }
.employeesDetail h3 { margin-top: 50px}
.employeesDetail h4 { margin-bottom: 10px; margin-top: 10px}
.employeesDetail ul { margin-bottom: 30px; }


.image_box { background: #ebebeb; padding:  6px; }

.contact .row { padding-top: 50px; margin-top: -50px }


.form input {
    margin-bottom: 15px;
    margin-right: 10px;
}

.form input[type="radio"] {
    position: relative;
    top: -3px;
    margin:  0 10px 15px 1em;
}

.form h4 {
    margin: 10px 0;
}

.form > div > div > div {
  border: 1px solid #cccdce;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 35px;
  font-size: 0.9em;
  color: #9a9b9c
}
.background-gray .form-group {
  background: #fff;
}

.form div input[type="text"],
.form div input[type="email"],
.form div input[type="tel"],
.form div input.text_input,
.form div textarea { background: none; border: none; font-size: 1.1em; color: #35373a; padding: 0; margin: 0 }

.form .required {
  border-bottom: 1px solid #35373a;
  font-size: 0.8em;
  color: #35373a;
  clear: both;
  padding: 0 30px 10px;
  margin-bottom: 35px
}

.form input[type="submit"], .form input[type="reset"], .form button[type="submit"] {
  background: #00dd00;
  color: #fff;
  border: 2px solid #0d0 !important;
  height: 50px;
  padding: 0px 20px;
  text-transform: none;
  font-size: 18px;
  font-family: 'Titillium Web', sans-serif;
  width: 50%;
  margin: 0 10px;
}

.form input[type="reset"] {
  border: 2px solid #00dd00 !important;
  color: #00dd00 !important;
  background: #fff;
}


.form div.buttons div {
  border: none;
  border-radius: 0px;
  margin-top: 35px;
  font-size: 1em;
  color: #9a9b9c;
  margin-bottom: 0;
  padding: 0

}

.form div.buttons div.reset input { float: right }

@media only screen and (max-width: 767px) {
  .form button[type="submit"],
  .form input[type="reset"] { width: 100%; margin: 5px 0; font-size: 14px }
}

.ads li { text-align: center }
.ads img {
  border: 40px solid #ccc;
  border-bottom: 60px solid #ccc;
}

@media only screen and (max-width: 1000px) {
  .ads img {
    border: none;
    border-bottom: 30px solid #ccc;
  }
}

.toggle_btn, .toggle-details {
  display: inline-block;
  background: #0d0;
  padding: 0 15px 0 60px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  text-transform: none !important;
  text-align: center;
  color: #fff !important;
  border-radius: 3px;
  font-size: 24px;
  position: relative;
  cursor: pointer
}

.toggle_btn:after, .toggle-details:after {
  border-color: #0d0 transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0;
  bottom: -10px;
  content: "";
  height: 0;
  left: calc(50% - 10px);
  position: absolute;
  width: 0;
}

.toggle_btn i, .toggle-details i {
  background: #fff;
  border-radius: 50px;
  display: inline-block;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 10px;
  width: 30px;
}
.toggle_btn i:before, .toggle-details i:before {
  color: #0d0;
  content: "+";
  font-size: 40px;
  font-weight: 100;
  left: 2px;
  position: absolute;
  top: -14px;

}

.toggle_btn.active i:before, .toggle-details.is-on i:before {
  content: "–";
  font-size: 38px;
}

.info_box {
  border: 1px solid #cccdce;
  border-radius: 3px;
  margin: 0 auto 40px;
  padding: 20px;
  position: relative
}

.info_box span { padding-left: 50px; display: block }

.info_box i { position: relative }

.info_box i:before {
  padding-right: 16px;
  content: '\e009';
  -webkit-font-smoothing: antialiased;
  font: normal 30px/1 'dripicons-v2';
  color:  #35373a;
  position: absolute;
  left: 0;
  top: 18px;
}

span.download_link {
  display: block;
  margin: 20px 10px 0;
  text-align: center;
  width: 50%;
  font-size: 0.9em;
}

span.download_link a {
    font-weight: normal;
    text-decoration: underline;
}

.owl-carousel .owl-item { text-align: center }

.form-group.slider { margin-bottom: 0 }
.number_slide { color: #9a9b9c; padding-bottom: 30px; font-size: 16px }
#result span {
  border: 1px solid #cccdce;
  border-radius: 3px;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-top: 5px
}

input[type=range]:focus {
  outline: none;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background-color: silver;
  border-radius: 5px;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background-color: silver;
  border-radius: 5px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 8px solid gray;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  margin-top: -14px;
}

input[type=range]::-moz-range-thumb {
  border:8px solid gray;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  margin-top: -14px;
}

input[type=range]::-ms-thumb {
  border: 8px solid silver;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
}

input[type=range]::-ms-fill-lower {
  background-color: gray;
  border-radius: 5px;
}
input[type=range]::-ms-fill-upper {
  background-color: silver;
  border-radius: 5px;
}

input[type=range]::-ms-tooltip {
    display: none;
}

.image.checkbox { margin-bottom: 30px; }

.image.checkbox > div { text-align: center; margin-bottom: 80px }

.image.checkbox input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.image.checkbox label {
  display: block;

  z-index: 9;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  margin: 20px 0px 35px;
  box-sizing: border-box;text-align: center

}

.image.checkbox .col-sm-4 {
  border: none;
  border-radius: 0px;
}

.g-recaptcha { display: inline-block}
.g-recaptcha div {
  border: none !important;
  border-radius: 0px;
  padding: 0 !important;
  margin: 0 !important
}

.image.checkbox input[type=radio] ~ span {
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 36px;
  width: 36px;
  bottom: -80px;
  left: calc(50% - 18px);
  z-index: 5;
  transition: border .25s linear;
  text-indent: -999em;
  bottom: -55px;
}

@media only screen and (max-width: 767px) {
  .image.checkbox input[type=radio] ~ span { bottom: -25px }
  .number_slide { padding-top: 30px }
}

.image.checkbox input[type=radio] ~ span:before,
.image.checkbox input[type=radio] ~ span:after {
  content: " ";
}

.image.checkbox input[type=radio] ~ span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 5px;
  left: 5px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.image.checkbox input[type=radio]:checked ~ span {
  border: 5px solid #0d0;
}

.image.checkbox input[type=radio]:checked ~ span:before{
  background: #0d0;
}

.image.checkbox input[type=radio]:checked ~ label{
  color: #0d0;
}

.choiceRegions span {
  color: #9a9b9c;
  font-size: 16px;
  position: relative;
  top: 8px;
  margin-left: 15px
}

.choiceRegions { margin-bottom: 30px }

.bg_gray {
    background-color: #ebebeb;
    padding: 10px
}

h2#leistungen, h2#grafik-nach-maß, h2#customized-graphics, h2#rabatt, h2#printanzeige-im-bewerbungsknigge, h2#szata-graficzna-szyta-na-miarę { margin-bottom: 20px; text-align: center }
h2#leistungen { margin-top: 40px; }
h4#wählen-sie-die-größe-der-anzeige-und-die-region-ganz-individuell-auf-ihre-bedürfnisse-zugeschnitten { margin-bottom: 20px; text-align: center }
h1#produktübersicht, h1#nasze-oferty, h1#aktualne-oferty { margin-bottom: 30px }
h3#unser-paketklassiker { text-align: center; margin: 40px 0 20px }

#firmenlauf #Produkte,
#firmenlauf #Service,
#firmenlauf #Kontakt,
#firmenlauf #Firmenlauf,
#firmenlauf #Produkte .sub-menu,
#firmenlauf #colophon .widget-area .col-sm-6,
#crossdeluxe #colophon .widget-area .col-sm-6, #crossdeluxe-markkleeberg #colophon .widget-area .col-sm-6, #crossdeluxe-freital #colophon .widget-area .col-sm-6, #crossdeluxe-erzgebirge #colophon .widget-area .col-sm-6 { display: none }
#crossdeluxe .eventlist { padding-top: 30px; padding-bottom: 50px }
.link-navigator { padding-top: 40px }
.link-navigator a {
  font-size: 20px;
  display: inline-block;
  padding: 15px;
  background: #0d0;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  font-family: 'Saira Stencil One', cursive;
  text-transform: uppercase
}

.link-navigator a span { font-size: 0.7em; display: block; }

.link-navigator a:hover { background: #00a800 }

.link-navigator a.active {
  background: #0d0;
  color: #fff !important
}

#firmenlauf .logo_fl {
  padding: 20px;
  background: rgba(0,0,0,0.1);
  border-radius: 500px;
  display: inline-block;
}

#firmenlauf .features ul, #film .features ul {
  column-count: 2;
  margin: 40px 0;
  column-gap: 30px;
  font-size: 0.9em
}

#film .features ul { margin-top: 0; }

@media only screen and (max-width: 767px) {
  #firmenlauf .features ul, #film .features ul {
    column-count: 1;
    font-size: 1em
  }

  #film .features ul li {
    border-bottom:  1px solid #fff;
  }

}

#firmenlauf .features ul li {
  border-bottom:  1px solid #fff;
  padding: 20px ;
  page-break-inside: avoid;
}

#film .features ul li {
  padding: 20px ;
  page-break-inside: avoid;
}

#film .features ul li:nth-child(odd) {
  border-bottom:  1px solid #fff;
}

#firmenlauf .stamp .wpb_content_element, #firmenlauf .form .wpb_content_element { margin-bottom: 0px }
@media only screen and (min-width: 992px) {
  .fl_stamp { position: relative; margin-top: -120px }
}

#firmenlauf .button { margin: 20px 0 }

#firmenlauf .form-fl { margin: 50px 0 0; padding: 0px 0 40px; background: #fff; overflow: hidden }
#firmenlauf .form-fl .info-text { color: #999; font-size: 0.8em; line-height: 110%; font-style: italic; padding: 0 30px; }
#firmenlauf .form-fl .buttons { padding:  0 20px; }

#firmenlauf .price { margin: 20px 0 -30px; text-align: left; }

#firmenlauf .g-recaptcha { margin: 0px 30px; }
#firmenlauf .form .required { margin-bottom: 0 }

#firmenlauf .formInfoText { background: #ddd; padding: 20px 30px; margin-bottom: 50px; font-size: 0.9em }

@media only screen and (max-width: 1078px) {
  #firmenlauf .price { margin: 20px 0 -15px; }

}

#landingpage #colophon .widget-area .col-sm-8 { display: none }
#landingpage #colophon .widget-area .col-sm-2 { width: 49.9% }
#firmenlauf #colophon .widget-area .col-sm-2, #crossdeluxe #colophon .widget-area .col-sm-2, #crossdeluxe-freital #colophon .widget-area .col-sm-2, #crossdeluxe-markkleeberg #colophon .widget-area .col-sm-2, #crossdeluxe-erzgebirge #colophon .widget-area .col-sm-2 { width: 33.3% }
#landingpage #colophon > .container .col-sm-8, #firmenlauf #colophon > .container .col-sm-8 { display: none }
#landingpage #colophon > .container .col-sm-4, #firmenlauf #colophon > .container .col-sm-4  { float: right }


@media only screen and (max-width: 767px) {
  #firmenlauf #colophon .widget-area .col-sm-2,
  #crossdeluxe #colophon .widget-area .col-sm-2,
  #crossdeluxe-markkleeberg #colophon .widget-area .col-sm-2,
  #crossdeluxe-freital #colophon .widget-area .col-sm-2,
  #crossdeluxe-erzgebirge #colophon .widget-area .col-sm-2 { width: 100% }
}

#landingpage h1 { color: #0d0 }
#landingpage h1 span { color: #fff }

#landingpage .about h3 { margin-bottom: 30px }
#landingpage .about h2 { text-align: center; margin-bottom: 30px; margin-top: 30px  }
#landingpage .about h2 span { color: #0d0;}


#firmenlauf .price.content { margin-left: 25px; margin-bottom: 50px}
#firmenlauf span.signtitle {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 10px 20px;
  font-weight: bold;
}

#firmenlauf .price span {
  display: inline-block;
  background: #35373a;
  color: #0d0;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 2em;
  line-height: 100%
}

#firmenlauf .title_fl {
  background: #000;
  padding: 20px 40px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}

#firmenlauf span.signtitle { margin-top: 20px;}

#firmenlauf .interview h3 { margin-bottom:  30px; }

#firmenlauf .anker_pdf {
  background: #35373a;
  color: #0d0;
  margin-left: 21px;
  padding: 10px;
  display: inline-block;
  margin: 50px 0 0;
  text-transform: uppercase;
  text-align: left
}

#firmenlauf .sub-title {
  background: #0d0;
  color: #fff;
  display: inline-block;
  font-size: 0.8em;
  padding: 10px;
}

#firmenlauf .sub-title span {
   background-color: #0d0;
   color: #fff;
   text-align: left
}

#firmenlauf a.sign { margin: 10px 0 40px }

.bg_landingpage {
  background: url("../img/bg.png") no-repeat 0 0;
  background-size: cover;
}

.bg_firmenlauf {
  background: url("../img/firmenlauf.jpg") no-repeat 20% 0;
  background-size: cover;
  min-height: 600px;
}

.bg_crossdeluxe {
  background: url("../img/crossdeluxe.jpg") no-repeat 50% 100%;
  background-size: cover;
  min-height: 600px;
}

#crossdeluxe-markkleeberg .bg_crossdeluxe {
  background: url("../img/crossdeluxe_markkleeberg.jpg") no-repeat 50% 100%;
  background-size: cover;
  min-height: 600px;
}

#crossdeluxe-freital .bg_crossdeluxe {
  background: url("../img/crossdeluxe_freital.jpg") no-repeat 50% 100%;
  background-size: cover;
  min-height: 600px;
}

#crossdeluxe-erzgebirge .bg_crossdeluxe {
  background: url("../img/crossdeluxe_erzgebirge.jpg") no-repeat 50% 100%;
  background-size: cover;
  min-height: 600px;
}

#crossdeluxe-freital .title,
#crossdeluxe-markkleeberg .title,
#crossdeluxe-erzgebirge .title {
  background: url("../img/title_bg.png") no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  color: #fff;
  font-family: 'Saira Stencil One', cursive;
  font-size: 60px;
  min-height: 290px;
  padding: 30px 70px
}

@media only screen and (max-width: 767px) {
  #crossdeluxe-freital .title, #crossdeluxe-markkleeberg .title, #crossdeluxe-erzgebirge .title {
    font-size: 36px;
    background-size: 250%;
  }
}

#event h1 span { color: #0d0 }
#event h3 { padding-bottom: 30px }
#event h3.margin { margin-bottom: 0 }
.bg_event { overflow: hidden }
.bg_event .img {
  background: url("../img/event.jpg") no-repeat 50% 70%;
  background-size: cover;
  min-height: 500px;
}

#event .form-fl {
  background: #fff;
  margin: 50px 0 0;
  padding: 0px 0 40px;
}

#event .formInfoText {
  background: #ddd;
  padding: 20px 30px;
  margin-bottom: 50px;
  font-size: 1.2em;
  font-weight: 600
}

#event .g-recaptcha {
  margin: 0px 30px;
}

#event .buttons { padding: 0 30px; }

#event .form .required {
    margin-bottom: 0;
}

#event .send-text { padding: 30px 30px 0; font-size: 0.8em; line-height: 140%; color: #999; font-style: italic; }

#event .divide { display: block; margin: 40px 0; }

.bg_event .row {
  background: #35373a;
  text-align: center;
}

.event-logo { padding: 40px; }

#event .cal { background: #35373a; text-align: center; padding: 20px 30px; }
#event .cal a { display: inline-block; position: relative; padding-left: 30px; color: #fff }
#event .cal a:before {
  content: "\4d";
  display: inline-block;
  font-family: "dripicons-v2";
  font-size: 20px;
  padding: 0 0 0 0px;
  position: absolute;
  top: 1px;
  color: #fff;
  left: 0
}

#event .features ol {
  column-count: 2;
  margin: 0;
  column-gap: 30px;
  font-size: 0.9em;
  padding: 0;
  list-style-position: inside;
}

#event .features ol li {
  border-bottom: 1px solid #fff;
  padding: 20px;
  page-break-inside: avoid;
  list-style-type: decimal;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #event .features ol {
    column-count: 1;
    font-size: 1em
  }

  #event .features ol li {
    border-bottom:  1px solid #fff;
  }

}

@media only screen and (min-width: 768px) {
  .bg_event .row > div { width: 50%; }
  .bg_event .row {
    display: flex;
    align-items: center;
  }
}

.bg_guide {
  background: url("../img/guide.jpg") no-repeat 50% 0;
  background-size: cover;
  min-height: 600px;
}

.teaser-guide {
  background: url("../img/mockup_guide.jpg") no-repeat 50%;
  background-size: cover;
  min-height: 500px;
  margin-bottom: 40px
}

.bg_jobstream {
  background: url("../img/jobstream.jpg") no-repeat 50%;
  background-size: cover;
  min-height: 600px;
}

.bg_film {
  background: url("../img/products/film.jpg") no-repeat 50% 100%;
  background-size: cover;
  min-height: 600px;
  margin-top: -42px
}


#sponsoring #content {
  background: url("../img/sponsoring/bg_wall.jpg") no-repeat 50% 100%;
  background-size: cover;
  min-height: 800px;
}

.bg_sponsoring {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#373739+39,ffffff+100&1+39,0+100 */
  background: -moz-linear-gradient(top,  rgba(55,55,57,1) 39%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(55,55,57,1) 39%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(55,55,57,1) 39%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373739', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  padding-top: 0;
}

.bg_sponsoring > .container {
  background: url("../img/sponsoring/bg.png") no-repeat 50% 0%;
  min-height: 600px;
  width: auto;
  text-align: center;
}

.bg_landingpage ul { color: #9a9b9c }

.owl-carousel.landingpage .item {
  text-align: left;
  width: 80%;
  box-sizing: border-box;
  margin: 0 auto;
}

.cc-floating .cc-btn, .cc-floating .cc-message {
    font-size: 1em;
    line-height: 1.5em;
    color: #999;
}
.cc-floating  {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}
.cc-floating .cc-link {
    display: none;
}
@media screen and (max-width: 414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-floating  {
        border-radius: 0px !important;
    }
}

.cc-floating .cc-btn {
  background-color: #0d0 !important;
  color: #fff !important;
  font-family: "Titillium Web",sans-serif;
  min-height: 50px;
  border: none;
  border-radius: 3px !important;
  padding: 0px 20px !important;
  line-height: 46px !important
}

.wpb_content_element iframe {
    box-sizing: border-box;
    display: block;
    left: 0;
    margin: 30px 0;
    width: 100%;
}

embed, iframe, object {
    max-width: 100%;
}

#configurator .summary .conditions.expanded {
  background: url('../img/gear.png') no-repeat right bottom;
}

/* your styles go here */

.box-image-text .image {
  min-height: 200px;
  max-height: 200px;
}

.box-simple {
  min-height: 230px;
}



/* See https://github.com/gohugoio/hugo/issues/1642 */
p:empty {display:none;}

#configurator .form .partner h5, #configurator .form .service h5, #configurator .form .reachBoosters h5 { position: relative }

input[type="checkbox"] {
    visibility: hidden;
    display: inline-block
}

#divRRReg input[type="checkbox"] {
    visibility: visible;
}

.choiceRegions label { position: relative }
.checkbox_label, .choiceRegions label div {
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 9px;
  background: #fff;
  border:1px solid #ddd;
}

  .checkbox_label { top: 14px }

.service .checkbox_label { background: #f9f9f9; }

input[type="checkbox"]:checked + .checkbox_label:after, .choiceRegions input[type="checkbox"]:checked + div:after{
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 8px;
  left: 7px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  opacity: 1;
  transform: rotate(-45deg);
}

.service input[type="checkbox"]:checked + .checkbox_label:after { opacity: 0.4 }

.servicegrid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0
}

.servicegrid .col {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px
}

@media (min-width: 992px) {
  .servicegrid .col {
    width: 50%;
  }
}

/* BLOG */
#results .date { display: inline-block;  }
.organizer { margin: 0 0 10px; position: relative; padding-left: 27px}
.organizer:before {
    content: "\e064";
    display: inline-block;
    font-family: "dripicons-v2";
    font-size: 20px;
    padding: 0 0 0 0px;
    position: absolute;
    top: 1px;
    color: #0d0;
    left: 0
}

.date { font-size: 0.8em; margin: 0; color: #aaa !important; font-weight: bold; padding-bottom: 10px; display: block; position: relative; padding-left: 30px }
.date:before {
  content: "\4d";
  font-family: "dripicons-v2";
  font-size: 20px;
  position: absolute;
  left: 0
}

.banner_ad { margin-bottom: 50px; border: 1px solid #cccdce ; }
.press-img img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%
}
.press-box { padding: 0 15px 20px;}
.press-box h1, .event-box h1 { position: relative; padding-bottom: 10px; margin-bottom: 20px  }
.press-box h1:after, .event-box h1:after  {
  position: absolute;
  bottom: 0;
  background: #0d0;
  width: 80px;
  height: 5px;
  content: "";
  left: 0
}
.press-box h3 { font-size: 26px; color: #999; padding-bottom: 20px }
.press-box h4 { padding-bottom: 15px; padding-top: 20px}
.press-box em { font-style: italic }
.press-box h5 { font-weight: bold; margin:  0; }
.press-box ul { margin-bottom: 20px }
.press-box ol { list-style: decimal; list-style-position: inside }
.press-box ol li { padding-bottom: 20px; }
.press-box .source, .press-box .src { font-size: 0.9em; color: #999; display: block; }
.press-btn img { width: 40px }
.press-btn .prev { width: 49%; float: left }
.press-btn .next { width: 49%; float: right; text-align: right }
.press-box .postimg { border:  2px solid #ccc; padding: 20px; margin-bottom: 5px}
.superior { font-size: 1.6em; color: #35373a; position: relative; top: -3px; padding-right: 5px }
.press-box td:nth-child(2n) { text-align: left }
.press-box thead { display: none; }
.press-box td { width: 20%; }
.press-box td:nth-child(2n) { width: 70%; }
.press-box .tip { 
  position: relative; 
  background: #35373A; 
  color: #fff;
  padding: 30px;
  margin: 40px 0;
  font-size: 0.9em
}

.press-box .tip:before { 
  background: url("../img/post/star.png") no-repeat;
  content: "";
  position: absolute;
  top: -23px;
  left: -20px;
  height: 37px;
  width: 40px;
  background-size: cover
 }


.press-box .info-box { background: #f1f1f1; padding: 20px; margin: 30px 0;}

.post.list { margin-bottom: 50px }
.offer-link { margin-top: 30px }

.author {
  border-top: 2px solid #cccdce;
  padding-top: 30px
}

.cc-right {
  left: 1em;
}

.pad20 { margin-top: 40px; padding-top: 40px }

.facts { margin-bottom: 30px !important }
.facts h3 { padding-bottom: 10px; margin: 0; }
.facts h4 {
  font-weight: bold;
  font-size: 0.8em;
  color: #aaa;
}

.facts h5 { border-bottom: 1px solid #cccdce; margin: 0 0 10px; padding-bottom: 20px }

.facts a { margin-top: 20px; max-width: 100%; display: block; }

#schnellestelle-cart {
  -webkit-font-smoothing: antialiased;
  color: #0d0;
  cursor: pointer;
  font: 38px 'dripicons-v2';
  position: relative;
  text-align: right;
  width: 60px;
  color: #0d0 !important;
  display: inline-block;
}
#schnellestelle-cart .cart-count {
  background: #35373a;
  border-radius: 3px;
  color: #0d0;
  font-size: 1rem;
  font-weight: bold;
  height: 18px;
  margin-left: 30px;
  padding-top: 0px;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 0px;
  width: 20px;
}

#nutzungsbedingungen,
#datenerfassung-in-unserem-unternehmen,
#der-firmenname-onlineauftritt-und-webseitenoptimierung,
#einbindung-von-diensten-und-inhalten-dritter {
  padding-top:  30px
}

#privacy .partnerDetail h3
 {
  padding-top: 30px;
  padding-bottom: 20px
}

#imprint a.vc_btn3 { margin-top: 30px; margin-bottom: 50px }

.small { color: #999; font-weight: bold; text-transform: uppercase }

.portale ul { padding-bottom: 0; text-align: left; }
.portale ul li { border: none; padding: 10px 0 10px 30px; }
.price_portale { border-top:  2px solid #cccdce; padding-top: 20px; padding-bottom: 30px;}
.price_portale h4, .price_portale h3 { font-size: 1.1em ; padding: 0;}
.price_portale h3 { padding-bottom: 20px; border-bottom:  10px double #cccdce; }

.month-specialprice { color: #999 }

.catalog { margin-top: 20px; padding-top: 40px; background: #f3f4f4;}

/* DIRECT SEARCH */
.aktion_as { 
  width: 250px;
  top: -30px;
  position: absolute;
  right: -40px
}

@media screen and (max-width: 991px) { 
  .aktion_as { position: relative }
}

.directsearch .video { padding:  40px 0; }
.directsearch video { width: 100%; }
.directsearch_wrap { padding-top: 40px }
.directsearch_wrap .row { background: url("../img/directsearch/map.png") no-repeat 50%;}
.directsearch .buttons { padding: 40px 0; }

.hexagon h3 { text-transform: uppercase; font-size: 18px; line-height: 120%; height: 50px }


/* FAQ */
section.faq { text-align: left }
summary::-webkit-details-marker {
  display: none
}

summary {
  display: block;
  border-bottom: 1px solid #cccdce;
  position: relative
}

summary:hover { background: #f3f3f3; }

summary .container {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 50px;
  padding-right: 2.5em
}

.jobprofile summary .container { padding: 20px }

.item:last-child summary .container { border-bottom: none; }

summary > div { font-weight: bold }
summary > div:before {
  border-left: 2px solid #000;
  content: "Q" !important;
  display: block !important;
  color: #000;
  float: left;
  font-size: 1.5em;
  padding: 5px 0 5px 10px;
  text-align: center;
  width: 20px;
  position: absolute;
  top: 13px;
  left: 0;
}

.jobprofile summary > div:before { display: none !important; }

details[open] summary > div:before {
  color: #0d0;
  border-left: 2px solid #0d0;
}

summary > div:after {
  background: url("../img/icon_down.svg") no-repeat;
  background-size: cover;
  width: 35px;
  height: 35px;
  content: "";
  position: absolute;
  top: 16px;
  right: 35px;
}

@media (max-width: 767px) {
  summary > div:after { right: 0; top:  12px; }
}

details[open] summary > div:after {
  background: url("../img/icon_up.svg") no-repeat;
  background-size: cover;
}

details.item { margin: 0; }
details { background:  #fff; }
.background-gray details { background:  #eaebeb; }
details .answer {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 50px;
  border-bottom: 1px solid #cccdce;
  width: 100%;
}

.jobprofile details .answer { padding-left: 0px; padding-right: 0 }

details .answer:before {
  border-left: 2px solid #000;
  content: "A";
  color: #000;
  float: left;
  font-size: 1.5em;
  padding: 5px 0 5px 10px;
  text-align: center;
  width: 20px;
  position: absolute;
  top: 13px;
  left: 0;
}

.jobprofile details .answer:before { display: none; }

details .answer ul, details .answer ol { padding-bottom: 20px; }
details .answer ul li, details .answer ol li { position: relative; padding-left: 20px }
.jobprofile details .answer ul li {
  padding: 8px 0 8px 50px
}

details .answer ul li:before, details .answer ol li:before {
  content: "–";
  position: absolute;
  left: 0;
}

.jobprofile details .answer ul li:before {
  content: "+";
  position: absolute;
  left: 20px;
  color: #0d0;
  font-size: 24px;
  top: 6px;
}

details .answer ol li:before {
  content: "+";
  position: absolute;
  left: 0px;
  color: #0d0;
  font-size: 24px;
  top: -2px;
}
/* Karriere */

#career .carousel { position: relative }
.layer { background: rgba(0,0,0,0.5); width: 100%; height: 700px; position: absolute; top: 0; left: 0 }
.info-jobs .nojobs { 
  background:  rgba(0,221,0,0.8);
  position: absolute; 
  right: 0; 
  bottom: 37px;
  font-size: 0.9em;
  max-width: 500px;
  color: #fff;
  padding: 20px; 
}

.info-jobs div.message {
  position: absolute;
  display: flex;
  left: calc(50% - 200px);
  bottom: 37px;
  max-width: 500px;
  border: 4px solid #0d0;
  padding:  20px;
  color: #fff;
  width: 400px;
  text-align: center;
  height: 200px;
  top: calc(50% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  line-height: 42px;
  padding-bottom: 40px
}

.info-jobs a { color: #fff; position: relative }
.info-jobs .message a:after {
  font-size: 70px;
  font-weight: bold;
  font-family: "dripicons-v2";
  content: "\54";
  position: absolute;
  bottom: -50px;
  width: 70px;
  left: calc(50% - 35px)

}

#career .owl-carousel.room li {
  margin: 0;
  background-size: cover;
  background-position: 50% 90%;
  background-repeat: none;
  width: 100%;
  min-height: 700px;
  -webkit-filter: grayscale(20%);
  -moz-filter: grayscale(20%);
  -ms-filter: grayscale(20%);
  -o-filter: grayscale(20%);
  filter: grayscale(20%);
}

.owl-carousel.film li {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.owl-carousel.film li:hover {
  -webkit-filter: grayscale(20%);
  -moz-filter: grayscale(20%);
  -ms-filter: grayscale(20%);
  -o-filter: grayscale(20%);
  filter: grayscale(20%);
}

#career .owl-carousel.teamportraits li {
  margin: 0;
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: none;
  width: 100%;
  min-height: 600px;
  -webkit-filter: grayscale(20%);
  -moz-filter: grayscale(20%);
  -ms-filter: grayscale(20%);
  -o-filter: grayscale(20%);
  filter: grayscale(20%);
}

#career .benefits h4 { font-size: 20px; }
#career .benefits { text-align: center; font-size: 0.9em }

#career .owl-carousel.room, #career .owl-carousel.profiles { background: #eaebeb; margin: 0; }
#career .owl-carousel.teamportraits { margin: 0; }
#career .jobprofiles .hover { margin-bottom: 30px  }
#career .jobprofile { padding-top: 80px }
#career .hover {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: -webkit-linear-gradient(45deg,#fff 0,#35373a 100%);
  background: linear-gradient(45deg,#fff 0,#35373a 100%);
  float: left;
}

#career .hover, #career .hover h3 {
  text-align: center;
  color: #fff;
}

#career .hover h3 { padding: 0 40px; }

#career .hover img {
  max-width: none;
  width: calc(100% + 60px);
  transition: opacity .35s,transform .45s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0);
  display: block;
  position: relative;
}

#career .hover:hover img {
  opacity: .6;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

#career .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0,0,0,0.7);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
}

#career .overlay:hover {
  background: rgba(0,0,0,0.4);
}

#career .overlay:before {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 2px solid #fff;
  opacity: 0;
  transition: opacity .35s,transform .45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

#career .hover:hover .overlay:before, #career .hover:hover .more {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

#career .overlay:before, #career .hover h3:after { content: ''; }

#career .more-btn {
  border-radius: 3px;
  padding: 10px 20px;
  border:  2px solid #fff;
  display: none;
  margin: 10px 0 0;
}

#career .hover:hover .more-btn { display: inline-block; }

.application-tile { background: #eaebeb; border: 1px solid #cccdce; margin: 0; padding: 30px 20px;}
.application-tile .contact_partner { padding-bottom: 0 !important }

.btn-row { background-color: #35373a; padding:  20px; }
.btn-row a { margin: 5px; }

/* PROFILES */
.profiles .item {
  background: url("../img/profiles/sales.jpg") 50% no-repeat;
  background-size: cover !important;
  min-height: 700px;
  color: #fff;
  text-align: left;
  margin-bottom: 0;

}

.profiles .item.sales { background-position: 60% 50% }
.profiles .item.graphic {
  background: url("../img/profiles/graphic.jpg") 50% no-repeat;
}
.profiles .item.marketing {
  background: url("../img/profiles/marketing.jpg") 50% 80% no-repeat;
}
.profiles .item.it {
  background: url("../img/profiles/it.jpg") 30% 80% no-repeat;
}
.profiles .item.personal {
  background: url("../img/profiles/personal.jpg") 70% 80% no-repeat;
}

.profiles .item h3 { color: #fff; text-align: left; padding-bottom: 10px }

.profiles .slick-dotted.slick-slider { margin-bottom: 0 }
.profiles .slick-dots { bottom: calc( 50% - 40px ); right: calc(-100% + 35px) }
.profiles .slick-dots li { display: block; margin: 5px; }

@media screen and (max-width: 767px) {
  .profiles .slick-dots { right: calc(-100% + 25px) }
}

.profiles .item .overlay {
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
    justify-content: center;
    min-height: 700px;
}

.profiles .item .container * { max-width: 800px }

/* SOCIALS */
.socials,
.socials ul {
  text-align: center;
}
.socials ul li {
  margin-left: 20px;
  display: inline-block;
}

.socials ul li:first-child { margin:  0; }
.socials ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #35373a;
  font-family: 'Genericons';
  font-size: 25px;
  text-align: center;
  border-radius: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socials ul li a {
  background-color: #000;
  color: #fff
}

.socials ul li.linkedin a:before {
  content: '\f207';
}

.socials ul li.xing a {
  background: #000 url("../img/xing.svg") 50% no-repeat;
  background-size: 60%

}

.socials ul li.xing a:before {
  content: ".";
  color: #000
}

.socials ul li.facebook a:before {
  content: '\f204';
}

.socials ul li.twitter a:before {
  content: '\f202';
}

.socials ul li.rss a:before {
  content: '\f413';
}

.socials ul li.instagram a:before {
  content: '\f215';
}

/* Landingpage Sponsoring */
#sponsoring .content_wrap:before {
  background: url("../img/sponsoring/bg_content.png") repeat-x;
  content: "";
  position: absolute;
  top: -280px;
  left: 0;
  width: 100%;
  height: 280px
}

#sponsoring .content_wrap:after {
  background: url("../img/sponsoring/bg_content.png") repeat-x;
  content: "";
  position: absolute;
  bottom: -280px;
  left: 0;
  width: 100%;
  height: 280px;
  transform: rotate(180deg);
}

#sponsoring .content_wrap.no-after:after { display: none; }

#sponsoring .content_wrap {
  background: #fff;
  margin-top: 200px;
  position: relative;
  margin-bottom: 200px;
  padding: 0;
}

#sponsoring .content_wrap.no-after { padding-bottom: 50px; margin-bottom: 0 }

#sponsoring .logo { padding-top: 500px; display: block; position: relative; z-index: 1}
#sponsoring .logo img { max-width: 200px; display: block; }


#sponsoring .features { color: #fff; padding:  120px 15px 80px; }
#sponsoring .features h3 { color: #cea67d; margin-bottom: 40px }
#sponsoring .features ul {
  margin: 0 0 40px;
}

#sponsoring #content a { color: #cea67d }

#sponsoring .sponsorpartner { padding-top: 50px; display: block; }

#sponsoring .features ul li {
  border-bottom:  1px solid #fff;
  padding: 17px 20px;
  font-size: 1.2em;
}

#sponsoring .form input[type="submit"],
#sponsoring .form input[type="reset"],
#sponsoring .form button[type="submit"] {
  width: 70%
}

#sponsoring .form div input[type="text"],
#sponsoring .form div input[type="email"],
#sponsoring .form div input[type="tel"],
#sponsoring .form div input.text_input,
#sponsoring .form div textarea { color: #fff }

@media only screen and (max-width: 767px) {
  #sponsoring .form input[type="reset"],
  #sponsoring .form button[type="submit"],
  #sponsoring .form input[type="submit"] { width: 100%; }
}

#sponsoring .download a { color: #cea67d }

#sponsoring .download a:before {
  background: #cea67d url("../img/sponsoring/download.svg") no-repeat 50%;
  background-size: 50%;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  color: #fff;
  content: "";
  position: absolute;
  top: 0;
  border-radius: 100px;
  left: calc(50% - 40px)
}

#sponsoring .download { text-align: center; padding-top: 150px }
#sponsoring .download a { position: relative; padding-top: 100px }


#sponsoring .calendar a:before {
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  content: '';
  position: absolute;
  background: #cea67d url("../img/sponsoring/calendar.svg") no-repeat 50%;
  left: 15px;
  top: 5px
}

#sponsoring .calendar { padding-bottom: 20px;}
#sponsoring .calendar a { position: relative; padding-left: 60px; display: inline-block; background: #cea67d; }


#sponsoring .form input[type="reset"] { border: 2px solid #cea67d !important; color: #cea67d !important; background: transparent;  }
#sponsoring .form button[type="submit"], #sponsoring .vc_btn3 { background: #cea67d; border: 2px solid #cea67d !important }

#sponsoring .contact-form p { color: #fff; padding: 0 0 10px; }
#sponsoring .contact-form > div, #sponsoring .contact-form > div > div:first-child { padding-right: 0; padding-left: 0;}
#sponsoring .contact-form > div, #sponsoring .contact-form > div > div:last-child { padding-right: 0; }

@media only screen and (max-width: 767px) {
  #sponsoring .contact-form > div, #sponsoring .contact-form > div > div:last-child { padding-right: 0; padding-left: 0 }
}

#sponsoring .form > div > div > div { background:  rgba(255,255,255,0.2); color: #fff}
#sponsoring .form h4 { color: #cea67d }
#sponsoring .recruiting { color: #fff; padding-bottom: 100px }
#sponsoring .recruiting h3 { color: #cea67d }
#sponsoring .appointment { padding-top: 120px; padding-bottom: 80px }
#sponsoring .form .required { color: #fff; border-color: #fff; padding-left: 15px; }
#sponsoring select { background: transparent; color: #fff }

.sponsor-menu, #sponsor .teaser {
  width: 80%;
  margin: 0 auto;
}

.sponsor-menu > div, #sponsor .teaser {
  background: url('../img/sponsor/scdhfk.jpg') 50% 0;
  background-size: cover;
  min-height: 600px;
  position: relative;
  margin: 0 auto;
}

#sponsor #rad .teaser {
  background: url('../img/sponsor/rad.jpg') 50% 0;
  background-size: cover;
}

#sponsor #firmenlauf .teaser {
  background: url('../img/sponsor/firmenlauf.jpg') 50% 0;
  background-size: cover;
}

#sponsor #crossd .teaser {
  background: url('../img/sponsor/crossdeluxe.jpg') 50% 50%;
  background-size: cover;
}

.sponsor-menu > div:after {
  background: rgba(0,0,0,0.5);
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%
}

#sponsor .subline {
  font-weight: bold;
  color: #000;
  padding-bottom: 30px
}

#sponsor .subline span {
  color: #0d0
}

.sponsor-menu > div.scdhfk, #scdhfk .teaser {
  background-image: url('../img/sponsor/scdhfk.jpg');
}

.sponsor-menu > div.rad {
  background-image: url('../img/sponsor/rad.jpg');
}

.sponsor-menu > div.firmenlauf {
  background-image: url('../img/sponsor/firmenlauf.jpg');
}

.sponsor-menu > div.crossd {
  background-image: url('../img/sponsor/crossdeluxe.jpg');
}

.sponsor-menu > div > div {
  min-height: 600px;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  position: relative;
  z-index: 1;
  padding: 0;
}

.sponsor-menu > div > div.col-md-4.first { border-left: none; }


.sponsor-menu a {
  display: flex;
  text-align: center;
  color: #fff;
  min-height: 600px;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.sponsor-menu > div > div.col-md-4 a { align-items: start }
.sponsor-menu > div > div.col-md-4.first a { align-items: end  }

.sponsor-menu > div > div.hover a { color: rgba(255,255,255,0.5) }
.sponsor-menu > div > div:hover a { color: #fff !important }

.sponsor-menu .button {
  border: 2px solid #0d0;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  margin: 10px auto 0;
  text-align: center;
}
.sponsor-menu span {
  position: relative;
  display: block;
  text-align: center;
  height: 36px;
  width: 36px;
}

.sponsor-menu span:before {
  content: '\m';
  position: absolute;
  font: 20px 'dripicons-v2';
  height: 36px;
  width: 36px;
  transform: rotate(90deg);
  color: #0d0;
  left: -6px;
  top: -0px
}

.sponsor-menu > div > div.hover .button { border: 2px solid rgba(255,255,255,0.5); }
.sponsor-menu > div > div.hover .button span:before { color: rgba(255,255,255,0.5) }
.sponsor-menu > div > div:hover .button span { width: 46px; height: 46px }
.sponsor-menu > div > div:hover .button span:before {
  color: #fff;
  font-size: 25px;
  left: -8px;
  top: 0px;
  width: 46px;
  height: 46px
}

.sponsor-menu > div > div:hover .button {
  border: 2px solid #0d0;
  background: #0d0;
  color: #fff;
  width: 50px;
  height: 50px;
}

.sponsor-menu > div > div.col-md-4 a { padding: 0 70px; }

.sponsor-menu p { max-width: 200px }
.sponsor-menu > div > div:hover p { max-width: 180px }
.sport-type { text-transform: uppercase; font-size: 0.9em; margin: 0 0 5px; }
.sport-name { font-size: 22px; line-height: 140% }
.sponsor-menu > div > div:hover .sport-name { font-size: 24px }
.sponsor-menu .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
}

@media (max-width: 1120px) {
  .sponsor-menu p { max-width: 120px }
  .sport-name { font-size: 16px }
  .sponsor-menu > div > div:hover .sport-name { font-size: 20px }
  .sponsor-menu .content { height: 200px }
}


#sponsor h3 { margin-bottom: 30px }
#sponsor .bar { line-height: 28px }
#sponsor .buttons { margin-top: 50px;  }
#sponsor .buttons a { margin-right: 25px; margin-bottom: 20px }
#sponsor .info { background: #fff; margin-top: -200px; padding: 0 80px 80px}
#sponsor .info.no-mt { margin: 0; }
#sponsor .video-text { border-left: 2px solid #0d0; padding-left: 20px; font-size: 0.9em; margin-top: 10px; }
.info .logo { text-align: center; margin-top: -80px; margin-bottom: 30px }
.info .logo img { max-width: 150px }
.info h4 {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 10px
}

#sponsor .fact { margin-bottom: 50px }
.media { margin-top: 0 }
.media a {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
  font-family: 'Genericons';
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  border-radius: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #0d0;
  margin-right: 25px
}

.media a.twitter:before {
  content: '\f202';
}

.media a.facebook:before {
  content: '\f204';
}

.media a.instagram:before {
  content: '\f215';
}

.media a.youtube { margin-right: 0 }
.media a.youtube:before {
  content: '\f213';
}

.statement { padding: 0 80px }
.statement quote { font-style: italic; color: #9a9b9c; font-size: 1.4em; line-height: 30px }


@media (max-width: 991px) {
  .sponsor-menu, #sponsor .teaser {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  #sponsor .bar { line-height: 24px }
  .sponsor-menu a, .sponsor-menu > div > div, #sponsor .teaser, .sponsor-menu > div { min-height: 250px }
  .sponsor-menu > div > div {
    border-left: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }
  .sponsor-menu > div > div.col-md-4.first { border-top: none }
  #sponsor .info { margin-top: 50px !important}
  #sponsor .info .logo { margin-top: 50px }
  #sponsor .info { padding: 0 15px 50px}
  #sponsor .buttons a { margin-right: 0; width: 100%; }
  .statement { padding: 0px 15px }
  .sponsor-menu a { align-items: center !important }
}

/* PACKAGES */
.filters > li {
  border-bottom: 1px solid #cccdce;
  padding: 15px 0;
}

.subfilters > li {
  padding: 10px;
}

.filters > li.current, .filters > li:hover, .filters > li:hover li:hover { color: #0d0; font-weight: bold; cursor: pointer }
.filters > li:hover li { color: #35373a; font-weight: normal; }
.subfilters li.current { color: #0d0; font-weight: bold; }
.wrap_flex { flex-wrap: wrap; display: flex;  }
.packages { margin-bottom: 60px; order: 4; }
.packages .box-simple a { padding: 0 0 20px; }
.packages .box-simple .link { padding-top: 20px }

.radio .packages { margin-bottom: 0 }
.radio .packages ul {
  font-size: 15px;
  line-height: 18px;
  padding: 0;
  text-align: left;
  border-bottom: 2px solid #eee;
  overflow: hidden;
}

.internet .packages ul {
  font-size: 15px;
  line-height: 18px;
  padding: 0;
  text-align: left;
  border-bottom: 2px solid #eee;
  overflow: hidden;
  column-count: 2;
  column-gap: 0px;
}

@media only screen and (max-width: 767px) {
  .internet .packages ul {
    column-count: 1;
  }
}

  .radio .packages ul li, .internet .packages ul li { padding: 15px; page-break-inside: avoid }

  .radio .packages ul li:nth-child(even),
  .internet .packages ul li:nth-child(even) {
    background: #eee;
  }

.subinfo { font-size: 0.9em; font-style: italic; }

.packages .package {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 18px;
  padding: 0;
  text-align: left;
  border-bottom: 2px solid #eee;
  overflow: hidden;
}

  .packages .package:nth-child(odd) {
    background: #eee;
  }

  .packages .package:last-child { margin-bottom: 30px}


.packages .package ul li { width: inherit; border: none; padding: 0;}

.packages h3.plus span {
  position: absolute;
  right: 0;
  background: #0d0;
  color: #fff;
  font-size: 40px;
  padding: 16px 20px 30px;
  top: 0;
  display: block;
}
.packages h3 {
  text-align: center;
  background: #888;
  padding: 20px;
  font-size: 1.3em;
  color: #fff;
  margin: -1px -1px 10px;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  position: relative
}

.packages h3.plus { padding-right: 60px; }

.small_package { order: 1; }
.medium_package { order: 2; }
.large_package { order: 3; }
.packages img { max-width: 100px; mix-blend-mode: multiply;}

.partner-package { padding: 0 35px; text-align: left }
.partner-package img { max-width: 100% }
.partner-package a { display: inline-block; padding: 0 !important; margin: 0;}
.packages .image img { max-width: 300px }

.packages:hover .box-simple { box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35) }
.packages .box-simple { justify-content: space-between; display: flex; flex-direction: column; overflow: hidden }
.packages .price-box { padding-top: 30px; clear: both }
.packages .price-box h4 { font-weight: bold; color: #000; padding-bottom: 20px }
.packages .btn_box { padding: 0; margin: 0 -1px; display: flex;}
.packages .btn_box a {
  position: relative;
  color: #fff;
  height: 80px;
  font-size: 0.8em;
  padding-top: 45px;
  background: #35373a;
  flex: 1 100%;
}

.package-heading { padding-top: 20px }
.package-extrainfo {
  font-size: 24px;
  line-height: 32px;
  color: #9a9b9c;
  font-weight: normal;
  padding-bottom: 30px
}

.filter .package-extrainfo { display: none; }

.packages .btn_box a:hover { background: #0d0; }

.btn_pdf:before {
  font: 30px 'dripicons-v2';
  position: absolute;
  top: 12px;
  content: "\2a";
  left: calc(50% - 15px)
}

.btn_conf:before {
  font: 30px 'dripicons-v2';
  position: absolute;
  top: 12px;
  content: "\7e";
  left: calc(50% - 15px)
}

.btn_link:before {
  font: 30px 'dripicons-v2';
  position: absolute;
  top: 12px;
  content: "\e009";
  left: calc(50% - 15px)
}

@media (max-width: 991px) {
  .packages { width: 50%; float: left;}
  .internet .packages { width: 100%; float: left;}
}

@media (max-width: 650px) {
  .packages { width: 100%; float: none;}
}

.renewal { background: #ddd; padding-top: 40px; text-align: left;}
.renewal > h4 {
  font-size: 0.9em;
  color: #35373a;
  position: relative;
  padding-left: 50px;
  line-height: 140%
}

.renewal > h4:before {
  font: 20px 'dripicons-v2';
  color: #000;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  border: 2px solid #35373a;
  content: "\53";
  position: absolute;
  left: 15px;
  top: 0px
}
.renewal .price-box { padding-top:  10px; }
.renewal .price-box .btn_box { border-top: 1px solid #999; text-align: center;  }
.renewal .price-box .btn_box a {  color: #35373a; background: #ddd; }
.renewal .price-box .btn_box a:hover { background: #ccc; }

/* JOBSTREAM */

#jobstream .content { background: #f0f0f0; }
.bg_jobstream {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
}

#jobstream .title_wrap {
  background: #0d0;
  display: inline-block;
  position: relative;
  width: 300px;
  color: #fff;
  padding: 20px;
}

#jobstream .title_wrap * { color: #fff }
#jobstream .title_wrap h1:before {
  font: 48px 'dripicons-v2';
  position: absolute;
  top: 0px;
  content: "\49";
  left: calc(50% - 25px);
  width: 50px;
}

#jobstream .title_wrap h1 { padding-bottom: 10px; position: relative; padding-top: 50px }

#jobstream .title_wrap:after {
  width: 0;
  height: 0;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
  border-top: 50px solid #0d0;
  content: "";
  position: absolute;
  left: 0;
  bottom: -50px
}

#jobstream .title_wrap:before {
  width: 0;
  height: 0;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
  border-bottom: 50px solid #0d0;
  content: "";
  position: absolute;
  left: 0;
  top: -50px;
}

#jobstream .results {
  padding-top: 50px
}

#jobstream .results li {
  background: #fff;
  margin: 0 0 15px;
  padding: 15px;
  text-align: left;
}

#jobstream .results li h3 { color: #9a9b9c; font-weight: bold; font-size: 22px}
#jobstream .results li h4 { color: #35373a; font-weight: bold; font-size: 1em; padding-top: 20px }
#jobstream .results li .company-desc {
  color: #35373a;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#jobstream .results span.location:before {
    content: "\e012";
    display: inline-block;
    font-family: "dripicons-v2";
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0d0;
    font-weight: bold;
}

#jobstream .results span.type:before {
    content: "\79";
    display: inline-block;
    font-family: "dripicons-v2";
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0d0;
    font-weight: bold;

}

#jobstream .results .logo { filter: saturate(0); }
#jobstream .results span.location,
#jobstream .results span.type { font-weight: normal; font-size: 0.9em; padding-left: 25px; padding-right: 30px; position: relative }

#jobstream .results li.no-result { font-weight: bold; text-align: center; color: #999 }

#jobstream .results li:before { display: none; }

#jobstream .results li:hover {
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}

/*
price {
  font-size: 1em;
  position: relative;
  text-decoration: line-through;
  text-decoration-color: red;
  transition: all 0.4s ease-out;
}
price.actual.new {
  opacity: 0;
}
price.actual {
  opacity: 1;
  text-decoration: none;
}
price.fetched {
  font-size: 0.5em;
  margin-top: -1em;
  position: absolute;
  text-decoration: line-through;
  text-decoration-color: red;
}
*/

@media only screen and (max-width: 991px) {
  #navigation > ul > li#JobStream { margin-left: 0; border: 2px solid #35373a; }

  #navigation > ul > li#JobStream a { padding: 10px 10px 10px 50px; display: block;}
  #navigation li#JobStream a:before { left: 15px; top: 6px }
  #navigation > ul > li#JobStream:hover, #navigation > ul > li#JobStream.current_page_item { margin: 5px -2px 0 0px; padding: 0;}


}

/* CROSSDELUXE */
.bar.bg_mud {
  background:  url(../img/bg_mud.jpg) no-repeat 50% 80%;
  background-size: cover
}

.bg_mud .container { background:  rgba(255,255,255,0.9); padding-top: 60px; padding-bottom: 60px }

.bar.bg_splash {
  background:  url(../img/bg_splash.jpg) no-repeat 50% 80%;
  background-size: cover
}


#crossdeluxe .date,
#crossdeluxe-markkleeberg .date,
#crossdeluxe-freital .date,
#crossdeluxe-erzgebirge .date {
  font-family: 'Saira Stencil One', cursive;
  font-size: 100px;
  padding: 50px 0 100px;
  color: #0d0 !important
}

#crossdeluxe .facts .col-md-4,
#crossdeluxe-markkleeberg .facts .col-md-4,
#crossdeluxe-freital .facts .col-md-4,
#crossdeluxe-erzgebirge .facts .col-md-4 {
  font-family: 'Saira Stencil One', cursive;
  font-size: 20px;
}

#crossdeluxe h3,
#crossdeluxe-markkleeberg h3,
#crossdeluxe-freital h3,
#crossdeluxe-erzgebirge h3 {
  font-family: 'Saira Stencil One', cursive;
  font-size: 28px;
  padding-bottom: 20px
}

#crossdeluxe .facts > div,
#crossdeluxe-markkleeberg .facts > div,
#crossdeluxe-freital .facts > div,
#crossdeluxe-erzgebirge .facts > div { border-bottom:  1px solid #cccdce; padding: 15px 0; }

.bar.bg_foot {
  min-height: 400px;
  background: url(../img/bg_foot.jpg) no-repeat 50% 80%;
  background-size: cover
}

#crossdeluxe video,
#crossdeluxe-markkleeberg video,
#crossdeluxe-freital video,
#crossdeluxe-erzgebirge video,
#crossd video { width: 100%; }

/* spacing */
.pt-1 {
  padding-top: 40px;
}
.pt-2 {
  padding-top: 80px;
}
.pb-1 {
  padding-bottom: 40px;
}
.pb-2 {
  padding-bottom: 80px;
}

/* embedded content */
.embed {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.embed__item,
.embed iframe,
.embed embed,
.embed object,
.embed video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.eventDate {
  font-size: 64px;
  color: #0d0;
  font-weight: 800; 
  position: relative;
  padding-left: 60px;
  margin-top: 50px;
  line-height: 0.7em;
  font-family: 'Saira Stencil One', cursive
}

.eventDate:before {
  content: "\4d";
  font-family: "dripicons-v2";
  font-size: 40px;
  position: absolute;
  left: 0;
  color: #aaa;
  top: 5px

}

.eventDate span { display: block; font-weight: bold; font-size: 28px; color: #000 }