@charset "CP850";
/* Colors */
#sb-container {
  display: none;
}

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

#HEADER {
  height: auto;
  min-height: 140px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #HEADER {
    min-height: 120px;
  }
}
#HEADER #LOGO {
  float: left;
  margin-top: 60px;
  position: absolute;
}
#HEADER #LOGO img {
  border: 0 none;
}
@media screen and (max-width: 767px) {
  #HEADER #LOGO {
    position: relative;
    margin-top: 40px;
  }
}
#HEADER #DISTURBER {
  width: 290px;
  height: 127px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 43px;
  left: 183px;
  cursor: pointer;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  #HEADER #DISTURBER {
    width: 290px;
    height: 127px;
    top: 43px;
    left: 183px;
  }
}
@media screen and (max-width: 991px) {
  #HEADER #DISTURBER {
    width: 179px;
    height: 124px;
    top: 46px;
    left: 183px;
  }
}
@media screen and (max-width: 991px) {
  #HEADER #DISTURBER {
    width: 179px;
    height: 124px;
    top: 46px;
    left: 183px;
  }
}
@media screen and (max-width: 767px) {
  #HEADER #DISTURBER {
    width: 290px;
    height: 127px;
    top: 13px;
    left: 183px;
  }
}
@media screen and (max-width: 600px) {
  #HEADER #DISTURBER {
    width: 179px;
    height: 124px;
    top: 16px;
    left: 183px;
  }
}
@media screen and (max-width: 420px) {
  #HEADER #DISTURBER {
    width: 290px;
    height: 127px;
    top: 126px;
    left: 0px;
  }
}
#HEADER #DISTURBER .disturber_main {
  display: block;
}
@media screen and (max-width: 1200px) {
  #HEADER #DISTURBER .disturber_main {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  #HEADER #DISTURBER .disturber_main {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  #HEADER #DISTURBER .disturber_main {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #HEADER #DISTURBER .disturber_main {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  #HEADER #DISTURBER .disturber_main {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  #HEADER #DISTURBER .disturber_main {
    display: block;
  }
}
#HEADER #DISTURBER .disturber_small {
  display: none;
}
@media screen and (max-width: 1200px) {
  #HEADER #DISTURBER .disturber_small {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  #HEADER #DISTURBER .disturber_small {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  #HEADER #DISTURBER .disturber_small {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #HEADER #DISTURBER .disturber_small {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #HEADER #DISTURBER .disturber_small {
    display: block;
  }
}
@media screen and (max-width: 420px) {
  #HEADER #DISTURBER .disturber_small {
    display: none;
  }
}
#HEADER .contact-btn.phone {
  float: right;
  clear: right;
  display: none;
  margin: 13px 0 0 0;
  position: relative;
  z-index: 50;
}
#HEADER .contact-btn.phone a {
  display: block;
  padding: 0 0 5px 0;
  color: #909090;
}
#HEADER .contact-btn.phone a:hover {
  color: #003064;
}
@media screen and (max-width: 767px) {
  #HEADER .contact-btn.phone {
    display: block;
  }
}
#HEADER #CLAIM {
  float: right;
  clear: right;
  position: relative;
  min-height: 22px;
  max-width: 371px;
  margin: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
  #HEADER #CLAIM {
    float: left;
    clear: left;
    left: -4px;
  }
}
#HEADER #CLAIM img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #HEADER #CLAIM.no-phone {
    display: none;
  }
}

.ibsh #HEADER {
  overflow: visible;
  position: relative;
}
@media screen and (max-width: 420px) {
  .ibsh #HEADER {
    min-height: 233px;
  }
}

.lang-en #DISTURBER {
  display: none !important;
}

.frauundberuf #HEADER #LOGO {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .frauundberuf #HEADER #LOGO {
    position: relative;
    margin-top: 10px;
  }
}

.lt-ie9 #LOGO a {
  background-image: url("./../../images/logo_ibsh.png");
  background-repeat: no-repeat;
  width: 176px;
  height: 86px;
  display: block;
}
.lt-ie9 #LOGO img {
  display: none;
}
.lt-ie9 #CLAIM {
  height: 22px;
  width: 371px;
  display: relative;
  background-image: url("./../../images/claim.png");
  background-repeat: no-repeat;
}
.lt-ie9 #CLAIM img {
  display: none;
}

#LAYOUT-HEADER {
  color: #000;
  height: 215px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

#ibfinder .small {
  width: 100%;
  display: block;
}
#ibfinder .small .form-row-1,
#ibfinder .small .form-row-2,
#ibfinder .small .form-row-3 {
  padding: 0 !important;
}
#ibfinder .jq-selectbox-label {
  background: none;
}
#ibfinder select {
  opacity: 1 !important;
  background: white;
  border: 0;
  width: calc(100% - 21px);
}

.finder-title {
  border-bottom: 2px solid #003064;
  color: #003064;
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 0.85em;
  height: 30px;
  line-height: 20px;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
}
.finder-title:after {
  background: url("./../../images/lupe.png") no-repeat;
  background-position: 0 0;
  content: ' ';
  display: block;
  height: 50px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 50px;
  z-index: 1;
}

.svg .finder-title:after {
  background: url("./../../images/lupe.svg") no-repeat;
}

h3.finder-title,
h4.finder-title {
  border-bottom: 2px solid #003064;
  color: #003064;
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 0.85em;
  height: 30px;
  line-height: 22px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 7px;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
}

h3.finder-title,
h4.finder-title {
  padding-left: 48px;
}

.col-md-5.small {
  padding: 0 10px 0 10px;
}

/* Basics */
.ab-panel,
.ka-panel {
  /* CONTENT */
  /* Icon fuer zum Oeffnen/Schliessen */
}
.ab-panel .ka-panel-first,
.ka-panel .ka-panel-first {
  margin-top: 15px;
}
.ab-panel .ka-handler h4, .ab-panel .ka-handler h5,
.ab-panel .ab-handler h4,
.ab-panel .ab-handler h5,
.ka-panel .ka-handler h4,
.ka-panel .ka-handler h5,
.ka-panel .ab-handler h4,
.ka-panel .ab-handler h5 {
  margin: 0;
  padding: 0;
}
.ab-panel .ka-content, .ab-panel .ab-content,
.ka-panel .ka-content,
.ka-panel .ab-content {
  border-bottom: 1px solid #7f97b1;
  margin-bottom: -1px;
  padding: 1.5em 0 2.65em 0;
}
.ab-panel .ka-content .download-list,
.ka-panel .ka-content .download-list {
  border-bottom: 0 none;
  border-top: 0 none;
}
.ab-panel.close .ka-handler .ka-icon, .ab-panel.close .ab-handler .ab-icon,
.ka-panel.close .ka-handler .ka-icon,
.ka-panel.close .ab-handler .ab-icon {
  display: block;
  height: 19px;
  margin-top: -9px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 19px;
}
.ab-panel.close .ka-handler .ka-icon:after, .ab-panel.close .ab-handler .ab-icon:after,
.ka-panel.close .ka-handler .ka-icon:after,
.ka-panel.close .ab-handler .ab-icon:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.3em;
  content: "\e601";
  color: #7f97b1;
  padding: 0;
}
.ab-panel.open .ka-handler .ka-icon, .ab-panel.open .ab-handler .ab-icon,
.ka-panel.open .ka-handler .ka-icon,
.ka-panel.open .ab-handler .ab-icon {
  display: block;
  height: 19px;
  margin-top: -9px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 19px;
}
.ab-panel.open .ka-handler .ka-icon:after, .ab-panel.open .ab-handler .ab-icon:after,
.ka-panel.open .ka-handler .ka-icon:after,
.ka-panel.open .ab-handler .ab-icon:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.3em;
  content: "\e604";
  color: #7f97b1;
  padding: 0;
}
.ab-panel .ka-handler, .ab-panel .ab-handler,
.ka-panel .ka-handler,
.ka-panel .ab-handler {
  border-bottom: 1px solid #7f97b1;
  border-top: 1px solid #7f97b1;
  cursor: pointer;
  margin: 0 0 -1px 0;
  padding: 0.75em 0 0.75em 0;
  position: relative;
}
.ab-panel .ka-handler:hover .ab-icon:after,
.ab-panel .ka-handler:hover .ka-icon:after, .ab-panel .ab-handler:hover .ab-icon:after,
.ab-panel .ab-handler:hover .ka-icon:after,
.ka-panel .ka-handler:hover .ab-icon:after,
.ka-panel .ka-handler:hover .ka-icon:after,
.ka-panel .ab-handler:hover .ab-icon:after,
.ka-panel .ab-handler:hover .ka-icon:after {
  color: #003064;
}

.headline-img {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #7f97b1;
}
@media screen and (max-width: 767px) {
  .headline-img {
    display: none;
  }
}
.headline-img .imgbox {
  background: #F4F4F4;
  position: relative;
  height: 195px;
  overflow: hidden;
  clear: both;
  width: 100%;
}
@media screen and (max-width: 420px) {
  .headline-img .imgbox {
    height: 125px;
  }
}
.headline-img .imgbox img, .headline-img .imgbox .ci-line {
  left: 0;
  position: absolute;
  top: 0;
}
.headline-img .imgbox img {
  width: auto;
  height: 100%;
  margin: 0 0 0 10%;
  display: block;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .headline-img .imgbox img {
    margin: 0 0 0 5%;
  }
}
@media screen and (max-width: 991px) {
  .headline-img .imgbox img {
    margin: 0 0 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .headline-img .imgbox img {
    display: none;
  }
}
.headline-img .imgbox .ci-line {
  background-position: right 113px;
  height: 100%;
  width: 100%;
  z-index: 2;
  text-indent: -99999px;
}
@media screen and (max-width: 420px) {
  .headline-img .imgbox .ci-line {
    background-position: right 90px;
  }
}
.headline-img .imgbox .headline-img-text {
  font-family: 'PT Sans',Arial,Helvetica,Tahoma,Verdana,sans-serif;
  color: #003064;
  z-index: 10;
  position: relative;
  margin: 55px 0 0 35%;
}
@media screen and (max-width: 1200px) {
  .headline-img .imgbox .headline-img-text {
    margin: 55px 0 0 30%;
  }
}
@media screen and (max-width: 991px) {
  .headline-img .imgbox .headline-img-text {
    margin: 55px 0 0 210px;
  }
}
@media screen and (max-width: 767px) {
  .headline-img .imgbox .headline-img-text {
    margin: 55px 0 0 30px;
  }
}
@media screen and (max-width: 420px) {
  .headline-img .imgbox .headline-img-text {
    margin: 25px 0 0 30px;
    font-size: 0.8em;
  }
}
.headline-img .imgbox .headline-img-text .image-headline, .headline-img .imgbox .headline-img-text .image-subheadline {
  background: transparent;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}
.headline-img .imgbox .headline-img-text .image-subheadline {
  font-weight: 400;
  margin: 0 0 15px 0;
}

/* ------------------------------------------------------------
 * FCE: News teaser
 * ------------------------------------------------------------
 * Spezielle Teaser fuer Startseite
 */
.teaser-news {
  padding: 0;
  margin: 14px 0 7px 0;
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #cecece;
}

.teaser-news .date {
  width: 85px;
  margin: 0 0 10px 0;
  padding: 0;
  float: left;
  color: #5c5c5c;
  font-size: 0.85em;
  line-height: 1em;
}
@media screen and (max-width: 991px) {
  .teaser-news .date {
    width: 100%;
  }
}

.teaser-news .category,
.teaser-news .title,
.teaser-news .bodytext,
.teaser-news .link {
  width: 445px;
  float: right;
}
@media screen and (max-width: 1200px) {
  .teaser-news .category,
  .teaser-news .title,
  .teaser-news .bodytext,
  .teaser-news .link {
    width: 100%;
  }
}

.teaser-news .category {
  margin: 0;
  padding: 0;
  color: #5E5E5E;
  font-size: 0.85em;
  line-height: 1em;
  text-transform: uppercase;
}

#CONTENT .teaser-news H4.title {
  padding: 0.25em 0 0.6em 0;
}

.teaser-news .link {
  padding: 0 0 1.2em 0;
  font-size: 1em;
}

.product-item h3, .product-item h4, .product-item h5, .product-item h6 {
  font-size: 1.15em;
}

/*
 * ------------------------------------------------------------
 * IMAGE-SLIDER
 * ------------------------------------------------------------
 * - wird auf der Startseite unterhalb der Haupt-Navigation
 *   angezeigt.
 * - animiert mittels jQuery
 */
.slider {
  border-bottom: 1px solid #7f97b1;
  display: block;
  height: 265px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.slider ul, .slider li, .slider a, .slider .ci-line {
  border: 0 none;
  display: block;
  height: 265px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slider ul, .slider li, .slider a, .slider .ci-line {
  overflow: hidden;
}
.slider ul {
  background: #F4F4F4;
  list-style: none;
}
.slider li {
  display: none;
}
.slider li:before {
  content: none !important;
}
.slider li:first-child {
  display: block;
}
.slider a, .slider img {
  z-index: 1;
}
.slider img {
  margin: 0 0 0 150px;
  position: absolute;
}
.slider .ci-line {
  background: url("./../../images/bg-teaser.all.png") no-repeat right;
  background-position: right 157px;
  text-indent: -99999px;
  z-index: 2;
  transition: background-position 0.25s ease-out;
  -moz-transition: background-position 0.25s ease-out;
  -o-transition: background-position 0.25s ease-out;
  -webkit-transition: background-position 0.25s ease-out;
}
.slider a:focus .ci-line, .slider a:hover .ci-line {
  background-position: right 167px;
}
.slider .slider-text {
  font-family: 'PT Sans',Arial,Helvetica,Tahoma,Verdana,sans-serif;
  color: #003064;
  z-index: 10;
  position: relative;
  float: left;
  margin: 65px 0 0 450px;
}
.slider .slider-text .slider-headline, .slider .slider-text .slider-subline {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}
.slider .slider-text .slider-subline {
  font-weight: 400;
  margin: 0 0 15px 0;
}
.slider .slider-text .slider-sublink {
  font-weight: 700;
  background: #bfae94;
  padding: 2px 12px 3px 5px;
}
.slider .slider-text .slider-sublink:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e609";
}

.svg .slider .ci-line {
  background: url("./../../images/bg-teaser.all.svg") no-repeat right;
}

@media screen and (max-width: 1200px) {
  .slider img {
    margin: 0 0 0 100px;
  }
  .slider .slider-text {
    margin: 65px 0 0 350px;
  }
}
@media screen and (max-width: 991px) {
  .slider img {
    margin: 0 0 0 0;
  }
  .slider .slider-text {
    margin: 65px 0 0 250px;
  }
}
@media screen and (max-width: 767px) {
  .slider {
    display: none;
  }
}
.slider-panel {
  display: block;
  bottom: 0;
  height: auto;
  right: 0;
  margin: 0;
  overflow: hidden;
  padding: 20px 18px;
  position: absolute;
  width: auto;
  z-index: 3;
}
.slider-panel span {
  cursor: pointer;
  display: block;
  float: left;
  height: 16px;
  margin: 4px 4px;
  padding: 0;
  text-indent: -99999px;
  width: 16px;
}
.slider-panel .link-back {
  background-position: 0 -3900px;
}
.slider-panel .link-back-hover {
  background-position: 0 -3700px;
}
.slider-panel .link-next {
  background-position: 0 -2400px;
}
.slider-panel .link-next-hover {
  background-position: 0 -2200px;
}
.slider-panel .link-item {
  width: 12px;
  height: 12px;
  background: #ccd6e0;
  border: 1px solid #7f97b1;
}
.slider-panel .link-item:hover {
  background: #a08e72;
}

#CONTENT .csc-default .slider-grid {
  display: none;
  position: relative;
  width: 100%;
  min-height: 230px;
  z-index: 1;
  border-bottom: 1px solid #7f97b1;
}
#CONTENT .csc-default .slider-grid ul li {
  background-image: -webkit-gradient(radial, 265px 265px, 0, 265px 265px, 250, color-stop(16%, #fefefe), color-stop(100%, #a4a4a4));
  background-image: -webkit-radial-gradient(265px 265px, #fefefe 40px, #a4a4a4 250px);
  background-image: -moz-radial-gradient(265px 265px, #fefefe 40px, #a4a4a4 250px);
  background-image: -o-radial-gradient(265px 265px, #fefefe 40px, #a4a4a4 250px);
  background-image: radial-gradient(265px 265px, #fefefe 40px, #a4a4a4 250px);
  display: block;
  position: relative;
  width: calc(50% - 10px);
  float: left;
  padding: 0 15px;
  min-height: 100px;
  overflow: hidden;
}
#CONTENT .csc-default .slider-grid ul li:nth-of-type(odd) {
  margin: 0 10px 20px 0;
}
#CONTENT .csc-default .slider-grid ul li:nth-of-type(even) {
  margin: 0 0 20px 10px;
}
#CONTENT .csc-default .slider-grid ul li:before {
  content: none !important;
  padding: 0;
}
#CONTENT .csc-default .slider-grid .slider-text {
  font-family: 'PT Sans',Arial,Helvetica,Tahoma,Verdana,sans-serif;
  color: #003064;
  text-align: center;
  line-height: 1;
  padding: 20px 0 0 0;
}
#CONTENT .csc-default .slider-grid .slider-text .slider-headline, #CONTENT .csc-default .slider-grid .slider .slider-text .slider-subline, .slider #CONTENT .csc-default .slider-grid .slider-text .slider-subline, #CONTENT .csc-default .slider-grid .swiper-container .slider-text .slider-subline, .swiper-container #CONTENT .csc-default .slider-grid .slider-text .slider-subline {
  font-size: 1.2em;
  font-weight: 700;
}
#CONTENT .csc-default .slider-grid .slider-text .slider-sublink {
  font-weight: 700;
  padding: 2px 7px 7px 5px;
  position: absolute;
  bottom: 0;
  right: 0;
}
#CONTENT .csc-default .slider-grid .slider-text .slider-sublink:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e609";
  color: #FFFFFF;
}
#CONTENT .csc-default .slider-grid .slider-text .slider-subline {
  background: #003064;
  display: block;
  height: 50px;
  position: absolute;
  width: 120%;
  bottom: -35px;
  right: -10px;
  -webkit-transform: rotate(-10deg);
  /* chrome & safari*/
  -moz-transform: rotate(-10deg);
  /* firefox */
  -o-transform: rotate(-10deg);
  /* opera */
  transform: rotate(-10deg);
  /* explorer > 9 */
}
@media screen and (max-width: 767px) {
  #CONTENT .csc-default .slider-grid {
    display: block;
  }
}

/*
 * ------------------------------------------------------------
 * IMAGE-SLIDER
 * ------------------------------------------------------------
 * - wird auf der Startseite unterhalb der Haupt-Navigation
 *   angezeigt.
 * - animiert mittels jQuery
 */
.swiper-outer {
  border-bottom: 1px solid #7f97b1;
  padding: 0 0 10px 0;
}
@media screen and (max-width: 767px) {
  .swiper-outer {
    display: none;
  }
}

.swiper-container {
  padding: 0 0 10px 0;
  display: block;
  height: 265px;
  position: relative;
  width: 100%;
  z-index: 100;
  background-color: #F4F4F4;
}
.swiper-container .slider-img IMG {
  display: block !important;
}
.swiper-container .ci-line {
  background: url("./../../images/bg-teaser.all.png") no-repeat right;
  background-position: right 0px;
  height: 100px;
  width: 600px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 100;
  transition: background-position 0.25s ease-out;
  -moz-transition: background-position 0.25s ease-out;
  -o-transition: background-position 0.25s ease-out;
  -webkit-transition: background-position 0.25s ease-out;
}
.swiper-container:hover .ci-line {
  background-position: right 20px;
}
.swiper-container a, .swiper-container img {
  z-index: 1;
}
.swiper-container img {
  margin: 0 0 0 150px;
  position: absolute;
}
.swiper-container a:focus .ci-line, .swiper-container a:hover .ci-line {
  background-position: right 167px;
}
.swiper-container .slider-text {
  font-family: 'PT Sans',Arial,Helvetica,Tahoma,Verdana,sans-serif;
  color: #003064;
  z-index: 10;
  position: relative;
  float: left;
  margin: 65px 0 0 450px;
}
.swiper-container .slider-text .slider-headline, .swiper-container .slider-text .slider-subline {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}
.swiper-container .slider-text .slider-subline {
  font-weight: 400;
  margin: 0 0 15px 0;
}
.swiper-container .slider-text .slider-sublink {
  font-weight: 700;
  background: #bfae94;
  padding: 2px 12px 3px 5px;
}
.swiper-container .slider-text .slider-sublink:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e609";
}
.swiper-container .arrow-left {
  background: url("./../../images/arrow_left.png") no-repeat;
  width: 25px;
  height: 49px;
  position: absolute;
  top: 35%;
  left: 15px;
  opacity: 0.5;
}
.swiper-container .arrow-left:hover {
  opacity: 1;
}
.swiper-container .arrow-right {
  background: url("./../../images/arrow_right.png") no-repeat;
  width: 25px;
  height: 49px;
  position: absolute;
  top: 35%;
  right: 15px;
  opacity: 0.5;
}
.swiper-container .arrow-right:hover {
  opacity: 1;
}

@media screen and (max-width: 1200px) {
  .swiper-container img {
    margin: 0 0 0 100px;
  }
  .swiper-container .slider-text {
    margin: 65px 0 0 350px;
  }
}
@media screen and (max-width: 991px) {
  .swiper-container img {
    margin: 0 0 0 0;
  }
  .swiper-container .slider-text {
    margin: 65px 0 0 250px;
  }
}
@media screen and (max-width: 767px) {
  .swiper-container {
    display: none;
  }
}
.slider-panel {
  display: block;
  bottom: 0;
  height: auto;
  right: 0;
  margin: 0;
  overflow: hidden;
  padding: 20px 18px;
  position: absolute;
  width: auto;
  z-index: 1001;
}
.slider-panel span {
  cursor: pointer;
  display: block;
  float: left;
  height: 16px;
  margin: 4px 4px;
  padding: 0;
  text-indent: -99999px;
  width: 16px;
  width: 12px;
  height: 12px;
  background: #ccd6e0;
  border: 1px solid #7f97b1;
}
.slider-panel span:hover, .slider-panel span.swiper-active-switch {
  background: #a08e72;
}

.svg .swiper-container .ci-line {
  background: url("./../../images/bg-teaser.all.svg") no-repeat right;
  background-position: right 0px;
}
.svg .swiper-container:hover .ci-line {
  background-position: right 20px;
}
.svg .swiper-container .arrow-right {
  background: url("./../../images/arrow_right.svg") no-repeat;
}
.svg .swiper-container .arrow-left {
  background: url("./../../images/arrow_left.svg") no-repeat;
}

/*
 * ------------------------------------------------------------
 * BILD-TEASERBOXEN
 * ------------------------------------------------------------
 * Spezielle Boxen mit Bildern und einer CI-Linie,
 * bei Bedarf mit Titel und Link
 */
.teaser {
  display: block;
  background: #F4F4F4;
  height: 160px;
  width: 100%;
  overflow: hidden;
}
.teaser a, .teaser img, .teaser span, .teaser strong {
  display: block;
}
@media screen and (max-width: 991px) {
  .teaser {
    height: 180px;
  }
}
@media screen and (max-width: 767px) {
  .teaser {
    height: 160px;
  }
}
.teaser a, .teaser img {
  height: 160px;
}
.teaser a, .teaser span {
  overflow: hidden;
}
.teaser a {
  position: relative;
}
@media screen and (max-width: 991px) {
  .teaser a {
    height: 180px;
  }
}
@media screen and (max-width: 767px) {
  .teaser a {
    height: 160px;
  }
}
.teaser img, .teaser span {
  top: 0;
  left: 0;
  position: absolute;
}
.teaser img {
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .teaser img {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .teaser img {
    margin-top: 0;
  }
}
.teaser span {
  height: 160px;
  width: 100%;
  background-image: url("./../../images/bg-teaser.all.png");
  background-repeat: no-repeat;
  background-position: 100px 30px;
  font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 1.3em;
  z-index: 2;
  transition: background-position 0.25s ease-out;
  -moz-transition: background-position 0.25s ease-out;
  -o-transition: background-position 0.25s ease-out;
  -webkit-transition: background-position 0.25s ease-out;
}
@media screen and (max-width: 1200px) {
  .teaser span {
    background-position: 20px 30px;
  }
}
@media screen and (max-width: 991px) {
  .teaser span {
    height: 180px;
    background-position: 20px 40px;
  }
}
@media screen and (max-width: 767px) {
  .teaser span {
    height: 160px;
    background-position: 110px 20px;
  }
}
.teaser a:hover span {
  background-position: 100px 20px;
}
@media screen and (max-width: 1200px) {
  .teaser a:hover span {
    background-position: 20px 20px;
  }
}
@media screen and (max-width: 991px) {
  .teaser a:hover span {
    background-position: 0px 40px;
  }
}
@media screen and (max-width: 767px) {
  .teaser a:hover span {
    background-position: 90px 20px;
  }
}
.teaser strong {
  display: block;
  color: #003064;
  font-weight: 700;
  margin: 10px 0 0 0;
  padding-left: 25px;
}
.teaser a .link-next:before {
  content: none;
  margin: 0;
  padding: 0;
}
.teaser a .link-next:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e609';
  position: absolute;
  right: 5px;
  bottom: 8px;
  color: #FFFFFF;
}
.teaser a:focus strong, .teaser a:hover strong {
  color: black;
}

.svg .teaser span {
  background-image: url("./../../images/bg-teaser.all.svg");
}

/*
 * FREISTELLER
 * ------------------------------------------------------------
 * Spezielle Teaser-Box mit einem rechts ausgerichteten
 * freigestelltem Bild
 */
.teaser-img {
  min-height: 135px;
  margin-top: 15px;
  position: relative;
  z-index: 1;
  *zoom: 1;
}
.teaser-img h3, .teaser-img h4, .teaser-img h5, .teaser-img h6 {
  z-index: 2;
  padding: 0 0 13px 0;
}
.teaser-img p {
  white-space: pre;
  min-width: 230px;
  z-index: 2;
}
.teaser-img .imgbox {
  height: 135px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 235px;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .teaser-img .imgbox {
    position: relative;
    width: 100%;
  }
  .teaser-img .imgbox img {
    display: none;
  }
}

/*
 * ------------------------------------------------------------
 * ELEMENTE AUF DER SEITE BERATER
 * ------------------------------------------------------------
 * ggf. durch Typ3-CSC ersetzen!
 */
/* Formular */
#berater {
  padding-bottom: 5px;
}
#berater input, #berater textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#berater .jq-selectbox {
  border: 1px solid #cecece;
}

#berater .form-row {
  padding-bottom: 10px;
  width: 100%;
}
#berater .form-row select {
  background: #FFFFFF;
  border: 1px solid #cecece;
}
#berater .form-row select option {
  padding: 2px;
}
#berater .form-row select:focus, #berater .form-row select:hover {
  outline: none;
  border: 1px solid #7f97b1;
}

#berater .form-row label,
#berater .form-row .form-col {
  display: block;
  float: left;
}
@media screen and (max-width: 767px) {
  #berater .form-row label,
  #berater .form-row .form-col {
    float: none;
    margin-bottom: 5px;
  }
}

#berater .form-row label {
  color: #003064;
  padding-right: 10px;
  width: 110px;
}

#berater .form-row .form-col {
  width: 520px;
}
@media screen and (max-width: 767px) {
  #berater .form-row .form-col {
    width: 100%;
    background: none;
  }
}

#berater .form-row .form-col-1 {
  width: 272px;
}
@media screen and (max-width: 767px) {
  #berater .form-row .form-col-1 {
    width: 100%;
    background: none;
  }
}

#berater .form-row .form-col-2 {
  padding-left: 15px;
  width: 225px;
}

#berater .form-row .filter-inp {
  width: 100%;
}

#berater .form-row .filter-btn {
  float: right;
  width: 230px;
  margin: 0 210px 0 0;
}
@media screen and (max-width: 1200px) {
  #berater .form-row .filter-btn {
    margin: 0 60px 0 0;
  }
}
@media screen and (max-width: 991px) {
  #berater .form-row .filter-btn {
    margin: 0 70px 0 0;
  }
}
@media screen and (max-width: 767px) {
  #berater .form-row .filter-btn {
    float: left;
  }
}

/* Berater Liste */
.berater-list {
  clear: both;
  padding: 20px 0;
  position: relative;
  *zoom: 1;
}

.berater-list .berater-item-left,
.berater-list .berater-item-right {
  display: block;
  padding: 0 0 0 80px;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .berater-list .berater-item-left,
  .berater-list .berater-item-right {
    width: 100%;
  }
}

.berater-list .berater-item-left img,
.berater-list .berater-item-right img {
  width: 70px;
  height: 90px;
  margin: 2px 0 0 -80px;
  display: block;
  float: left;
}

.berater-list .berater-item-left h6,
.berater-list .berater-item-right h6 {
  color: #003064;
  font-size: 1.15em;
  margin: 0;
  padding: 0 0 0.85em 0;
  text-transform: none;
}

.berater-list .berater-item-left p,
.berater-list .berater-item-right p {
  padding-bottom: 0;
  padding-top: 0.85em;
}

/* Linie */
.berater-list .berater-item-left .line,
.berater-list .berater-item-right .line {
  display: block;
  clear: both;
  height: 1px;
  position: absolute;
  bottom: 0px;
  border-top: 1px solid #cecece;
  overflow: hidden;
  width: 100%;
}

/* Kein Bild */
.berater-list .berater-no-img {
  padding-left: 0;
  width: 350px;
}

.berater-list .berater-no-img img {
  display: none;
  height: 1px;
  width: 1px;
}

/* Typographie */
.berater-list p.title {
  color: #5c5c5c;
  font-style: normal;
  font-weight: normal;
  margin-top: -0.65em;
  padding-bottom: 0.95em;
  padding-top: 0;
}

.berater-list p.telefax,
.berater-list p.telefon {
  padding-bottom: 0;
  padding-top: 0;
}

.berater-list p.telefax strong,
.berater-list p.telefon strong {
  display: inline-block;
  width: 30px;
  font-style: normal;
  font-weight: normal;
}

.berater-list .berater-item-left .line {
  left: 0;
}

.berater-list .berater-item-right .line {
  right: 0;
}

.berater-list .berater-item-left {
  float: left;
}
@media screen and (max-width: 767px) {
  .berater-list .berater-item-left {
    float: none;
    width: 100%;
    border-bottom: 1px solid #cecece;
    padding-bottom: 20px;
  }
}

.berater-list .berater-item-right {
  float: right;
}
@media screen and (max-width: 767px) {
  .berater-list .berater-item-right {
    float: none;
    padding-top: 20px;
  }
}

.berater-accordion {
  clear: both;
  display: block;
}

.berater-accordion {
  border-bottom: 1px solid #7f97b1;
  margin: 10px 0 20px 0;
}

.berater-accordion .accordion-title {
  border-top: 1px solid #7f97b1;
  margin: -1px 0 0 0;
  padding: 10px 0 10px 0;
}

.berater-accordion .accordion-title a {
  display: block;
  line-height: 19px;
  vertical-align: middle;
  width: 100%;
}
.berater-accordion .accordion-title a:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  bottom: 4px;
  color: #7f97b1;
  content: "\e601";
  float: right;
}
.berater-accordion .accordion-title a:hover:after {
  color: #003064;
}
.berater-accordion .accordion-title a.accordion-open:after {
  content: "\e604";
}

.berater-accordion .accordion-content {
  padding: 10px 0 10px 0;
}
.berater-accordion .accordion-content img {
  width: 100%;
  height: auto;
}

/* CLEARFIX */
.berater-list:before {
  content: ' ';
  display: table;
}

.berater-list:after {
  clear: both;
  content: ' ';
  display: table;
}

/* Karte und jQuery-UI Dialog fuer die Karte */
#berater-map-open {
  display: block;
}
@media screen and (max-width: 767px) {
  #berater-map-open {
    display: none;
  }
}

.berater-map-view {
  display: none;
}

.berater-map-dialog {
  border: 1px solid #7f97b1;
  z-index: 99;
}

.berater-map-dialog .ui-dialog-titlebar,
.berater-map-dialog .ui-dialog-buttonpane {
  display: none;
}

.berater-map-dialog .ui-dialog-content {
  border: 0 none;
  overflow: hidden;
  padding: 0;
  *zoom: 1;
}

.berater-map-dialog .intro {
  left: 22px;
  margin: 0;
  position: absolute;
  top: 25px;
  z-index: 99;
}

.berater-map-dialog .btn-cancel {
  display: block;
  height: 16px;
  position: absolute;
  right: 5px;
  text-indent: -99999px;
  top: 5px;
  width: 16px;
  z-index: 99;
}

.berater-map-dialog .btn-cancel:hover {
  background-position: 0 -6880px;
}

.berater-map-overlay {
  background: #fff none;
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 98;
}

/* Result */
#filter-result h4 {
  margin-top: 20px !important;
}

.berater-list .qrcode-container .qrcode-content {
  height: 0;
  overflow: hidden;
  transition: height 300ms ease-in-out;
  -moz-transition: height 300ms ease-in-out;
  -o-transition: height 300ms ease-in-out;
  -webkit-transition: height 300ms ease-in-out;
}
.berater-list .qrcode-container.open .qrcode-content {
  height: 230px;
}
.berater-list .qrcode-container IMG.qrcode-image {
  width: auto;
  max-width: 220px;
  height: auto;
  max-height: 220px;
  margin: 10px 0 0 0;
  display: block;
  float: none;
  border: 1px solid #bfae94;
}

.tx-felogin-pi1 {
  margin: 0 0 30px 0;
}
.tx-felogin-pi1 DIV {
  margin: 0 0 10px 0;
  clear: both;
}
.tx-felogin-pi1 FORM {
  margin: 20px 0 0 0;
}
.tx-felogin-pi1 LEGEND {
  display: none;
}
.tx-felogin-pi1 LABEL {
  color: #003064;
  display: block;
  line-height: normal;
  vertical-align: middle;
}
.tx-felogin-pi1 INPUT {
  width: 290px;
  padding: 0 6px 0 6px;
  border: 1px solid #cecece;
}
.tx-felogin-pi1 INPUT[type="submit"] {
  width: auto;
  height: 24px;
  margin: 5px 0 0 0;
  padding: 0 5px 0 5px;
  display: block;
  float: left;
  clear: both;
  border: 1px solid #bfae94;
  background-color: #bfae94;
  color: #003064;
  font-weight: 700;
  line-height: 24px;
}
.tx-felogin-pi1 INPUT[type="submit"]:hover {
  border: 1px solid #003064;
  background-color: #003064;
  color: white;
}

/*
 * ------------------------------------------------------------
 * ELEMENTE AUF DER ERGEBNISSEITE des FORDERFINDER
 * ------------------------------------------------------------
 * ggf. durch Typ3-CSC ersetzen!
 */
/* Seiten-Titel */
.finder-result .link-intern {
  color: #003064;
}
.finder-result h3.finder-title {
  border: 0 none;
  font-size: 1.90em;
  height: 48px;
  line-height: 48px;
  padding: 0 0 20px 55px;
  text-transform: none;
  vertical-align: middle;
}
.finder-result h3.finder-title:after {
  background: url("./../../images/lupe.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 48px;
  width: 48px;
}
.finder-result h3.finder-title-after {
  background-position: -380px -100px;
  height: 48px;
  width: 48px;
}
.finder-result form.finder {
  border-top: 2px solid #003064;
  margin-top: 1.8em;
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
}
.finder-result form.finder .form-col-1 {
  display: none;
}
.finder-result form.finder .form-col-2 {
  padding: 0;
  width: 100%;
}
.finder-result form.finder .form-row-1, .finder-result form.finder .form-row-2, .finder-result form.finder .form-row-3 {
  float: left;
  height: 45px;
  margin-top: -5px;
  padding: 0 5px;
  vertical-align: bottom;
  width: 225px;
}
.finder-result form.finder .form-row-1 label, .finder-result form.finder .form-row-2 label {
  color: #003064;
  height: 23px;
  line-height: 23px;
  padding-left: 5px;
}
.finder-result form.finder .form-row-1 select, .finder-result form.finder .form-row-2 select {
  width: 215px !important;
}
.finder-result form.finder .form-row-3 button {
  margin-top: 23px;
  height: 23px;
  line-height: 17px;
  padding: 0 5px 2px 5px;
  overflow: hidden;
}
.finder-result ol {
  margin-left: 0;
  padding-left: 0;
  counter-reset: li;
}
.finder-result ol > li {
  margin-left: 0;
  padding-left: 0;
  padding-top: 35px;
  list-style: none;
  position: relative;
}
.finder-result ol > li:before {
  color: #003064;
  content: counter(li) ".";
  counter-increment: li;
  font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  left: 5px;
  line-height: normal;
  position: absolute;
  padding: 0;
  text-align: left;
  top: 35px;
  width: 40px;
}
.finder-result ol > li > h3, .finder-result ol > li > h4, .finder-result ol > li > h5, .finder-result ol > li > h6 {
  padding-top: 0;
  padding-bottom: 1.2em;
}
.finder-result ol > li h3, .finder-result ol > li h4, .finder-result ol > li h5, .finder-result ol > li h6, .finder-result ol > li p {
  padding-left: 40px;
  padding-right: 120px;
}
@media screen and (max-width: 767px) {
  .finder-result ol > li h3, .finder-result ol > li h4, .finder-result ol > li h5, .finder-result ol > li h6, .finder-result ol > li p {
    padding-right: 0px;
  }
}
.finder-result ol > li h4 a {
  word-wrap: break-word;
}
.finder-result ol > li .panel {
  padding: 1em 0 0 0;
}
.finder-result ol > li .panel a, .finder-result ol > li .panel strong {
  font-weight: normal;
}
.finder-result ol > li .panel a {
  display: block;
  padding: 5px 10px;
  text-align: right;
}

.tx-ticibshcalc-pi1 .td_text:first-child {
  width: 70%;
}
@media screen and (max-width: 767px) {
  .tx-ticibshcalc-pi1 .td_text:first-child {
    border-bottom: none;
    width: 100%;
  }
}
.tx-ticibshcalc-pi1 .td_text input {
  margin-left: 0px !important;
  padding: 0 2px;
}
.tx-ticibshcalc-pi1 .button_tilgungsplan {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .tx-ticibshcalc-pi1 td {
    display: block;
  }
}
.tx-ticibshcalc-pi1 input, .tx-ticibshcalc-pi1 textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/*
 * SEARCH
 * ------------------------------------------------------------
 * Globale Suche ueber alle Seiten
 */
/* Basics */
#SEARCH {
  clear: right;
  margin: 23px 0 0 0;
  padding: 0;
  width: 400px;
  float: right;
  position: relative;
}
#SEARCH form {
  float: right;
  position: relative;
  border: 1px solid #cecece;
  margin: 0;
  padding: 0;
}
#SEARCH button, #SEARCH input {
  border: 0 none;
  float: left;
  font-size: 1.0em;
  margin: 0;
  line-height: 1.2em;
  padding: 3px 5px;
  vertical-align: middle;
}
#SEARCH label {
  border: 0 none;
  float: left;
  font-size: 1.0em;
  margin: 0;
  line-height: 1.2em;
  padding: 3px 5px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: -2px;
  z-index: -1;
  overflow: visible !important;
}
#SEARCH input {
  background: white url("./../../images/bg-input.all.png") 0 0 no-repeat;
  color: #003064;
  width: 232px;
  transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  -webkit-transition: color 0.25s ease-out;
}
#SEARCH button {
  background-color: #003064;
  border: 1px solid #003064;
  color: #fff;
  font-weight: 700;
  margin: 0 -1px;
  width: 72px;
  text-align: center;
  *padding: 2px 6px;
  /* ie6/ie7 */
  transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out;
  -o-transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out;
  -webkit-transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out;
}
#SEARCH button.active, #SEARCH button:hover, #SEARCH button:focus {
  background-color: #ccd6e0;
  border-color: #4c6e92;
  color: #003064;
}
@media screen and (max-width: 767px) {
  #SEARCH {
    margin: 20px 0 0;
    width: 100%;
  }
  #SEARCH > form {
    width: 100%;
  }
  #SEARCH input {
    width: calc(100% - 70px);
    background: transparent;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px inset;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px inset;
  }
  #SEARCH button {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  #SEARCH {
    display: none;
  }
}

/* SEARCH MOBILE */
#SEARCH-MOBILE {
  position: relative;
  background: #7f97b1;
  display: none;
  z-index: 1000;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 6px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 6px inset;
  display: none;
}
#SEARCH-MOBILE form {
  padding: 10px 10px 13px 10px;
}
#SEARCH-MOBILE form label {
  display: none !important;
}
#SEARCH-MOBILE form input {
  height: 30px;
  width: calc(100% - 80px);
  padding: 2px;
  -webkit-border-radius: 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px inset;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 2px inset;
  border: 1px solid #003064;
}
#SEARCH-MOBILE form button {
  height: 30px;
  width: 75px;
  padding: 0;
  background-color: #003064;
  border: 1px solid #003064;
  color: white;
}
#SEARCH-MOBILE form button:after {
  font-size: 0em;
}
@media screen and (max-width: 767px) {
  #SEARCH-MOBILE {
    display: none;
  }
}

#SEARCH-MOBILE-OUTER {
  display: none;
}
@media screen and (max-width: 767px) {
  #SEARCH-MOBILE-OUTER {
    display: block;
  }
}

#CONTENT .csc-default .tx-indexedsearch .tx-indexedsearch-browsebox li {
  display: inline;
  margin: 0 10px 0 0;
}
#CONTENT .csc-default .tx-indexedsearch .tx-indexedsearch-browsebox li:before {
  content: none !important;
}
#CONTENT .csc-default .tx-indexedsearch .tx-indexedsearch-browsebox li.previous a:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e";
}
#CONTENT .csc-default .tx-indexedsearch .tx-indexedsearch-browsebox li.next a:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e609";
}
#CONTENT .csc-default .tx-indexedsearch ul {
  margin: 20px 0 10px 0;
}
#CONTENT .csc-default .tx-indexedsearch ul li {
  margin: 0;
  padding: 0 0 10px 0;
  display: inline-block;
}
#CONTENT .csc-default .tx-indexedsearch ul li:before {
  content: none !important;
}
#CONTENT .csc-default .tx-indexedsearch .search-article {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #4c6e92;
}
#CONTENT .csc-default .tx-indexedsearch .search-article:first-child {
  border-top: 1px solid #4c6e92;
}
#CONTENT .csc-default .tx-indexedsearch .search-article .search-result-number {
  width: 40px;
  display: inline-block;
}
#CONTENT .csc-default .tx-indexedsearch .search-article .search-descr {
  padding: 0 0 0 40px;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  overflow: hidden;
  position: fixed;
  background: black;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1004;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: black;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1003;
}

.mfp-preloader a {
  color: black;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1005;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  color: black;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 0.8;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: black;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: black;
  right: -6px;
  text-align: right;
  padding-right: 16px;
  width: 100%;
}

.mfp-container.mfp-s-ready.mfp-image-holder,
.mfp-container .mfp-content .mfp-close {
  cursor: default;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 10px;
  color: black;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 0.8;
}

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid white;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid white;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0 40px;
  margin: 0 auto;
}

.mfp-figure {
  background-color: white;
  padding: 10px;
}

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  background: #003064;
}

.mfp-figure {
  line-height: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: black;
  word-wrap: break-word;
  padding-right: 36px;
  padding-left: 10px;
}

.mfp-figure small {
  color: black;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* search, alphanavi, list
 --------------------------------------------------*/
.tx-nc-glossary .left {
  width: 18%;
  float: left;
  clear: both;
}

.tx-nc-glossary .right {
  float: left;
  width: 82%;
}
@media screen and (max-width: 767px) {
  .tx-nc-glossary .right {
    float: none;
    width: 100%;
  }
}

.tx-nc-glossary label {
  position: relative;
  top: 0px;
  color: #003064;
}

.tx-nc-glossary .glossar-search {
  width: 100%;
  height: 21px;
  border: 1px solid #ccd6e0;
  background-color: white;
  color: black;
  padding: 0;
  margin: 0 0 10px 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.tx-nc-glossary .submit {
  background: #bfae94;
  color: #003064;
  font-family: 'PT Sans', Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  height: 2em;
  width: 15%;
}

.tx-nc-glossary .submit:hover {
  background: #003064;
  color: #fff;
}

.tx-nc-glossary .results {
  border-top: 1px solid #003064;
  width: 100%;
  margin: 1em 0;
}

.tx-nc-glossary .alphanavi {
  margin: 0 auto 10px auto;
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid #7f97b1;
  font-family: 'PT Sans', Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.tx-nc-glossary .alphanavi .letter {
  padding: 7px 0 5px 0;
  width: 3.84615%;
  display: block;
  float: left;
  border-bottom: 1px solid #FFFFFF;
  color: #cecece;
  cursor: default;
}
@media screen and (max-width: 420px) {
  .tx-nc-glossary .alphanavi .letter {
    width: 7.5%;
  }
}

.tx-nc-glossary .alphanavi a .letter {
  font-size: 1.1em;
  color: #8a98b6;
  cursor: pointer;
}

.tx-nc-glossary .alphanavi a:hover .letter {
  font-weight: bold;
  color: #003064;
  border-bottom: 1px solid #003064;
}

.tx-nc-glossary .item {
  margin: 0;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #cecece;
}

.tx-nc-glossary .item p {
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  color: #000;
}

.tx-nc-glossary .item h5 {
  margin: 16px 0 12px 0;
  padding: 0;
}

/* tooltip
 --------------------------------------------------*/
div#glossar-tooltip {
  width: auto;
  min-width: 200px;
  max-width: 400px;
  background: white;
  border: 1px solid #7f97b1;
  opacity: 0;
  padding: 5px;
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  ms-transition: opacity 1s;
  z-index: 999;
}

div#glossar-tooltip h5 {
  padding: 0 0 5px 10px;
  border-bottom: 1px solid #cecece;
}

div#glossar-tooltip p {
  padding: 5px 10px;
}

div#glossar-tooltip .panel {
  background: #ccd6e0;
  height: 25px;
  margin: 0 0 -5px -5px;
  padding: 4px 10px 0 0;
  text-align: right;
  width: 102.5%;
}

div#glossar-tooltip .panel a {
  border: none;
}

div#glossar-tooltip span.close {
  background: url("/fileadmin/templates/images/sprite-icons-1.all.png") 0px -6920px no-repeat;
  float: right;
  height: 20px;
  margin-top: 3px;
  width: 20px;
}

div#glossar-tooltip span.close:hover {
  background-position: 0px -6880px;
  cursor: pointer;
}

.tx_nc_ibsh_downloadcenter select {
  border: 1px solid #7f97b1;
  height: 25px;
  margin: 0 0 10px 0;
}
.tx_nc_ibsh_downloadcenter table {
  /*
  li {
    padding-left: 25px;
    &:before {
      margin: 0 0 0 -25px;
    }
  }
  */
}
.tx_nc_ibsh_downloadcenter header {
  border-bottom: 1px solid #7f97b1;
  margin-bottom: 1.2em;
}
.tx_nc_ibsh_downloadcenter header h3 {
  margin: 0.58333em 0 0 0;
}
.tx_nc_ibsh_downloadcenter header .intro {
  margin-bottom: 1em;
}
.tx_nc_ibsh_downloadcenter .dlc-col-left {
  width: 16.66667%;
  float: left;
  clear: both;
}
.tx_nc_ibsh_downloadcenter .dlc-col-left label {
  color: #064a78;
}
.tx_nc_ibsh_downloadcenter .dlc-col-right {
  float: left;
  width: 70.83333%;
}
.tx_nc_ibsh_downloadcenter tr:first-child th {
  border-top: 2px solid #064a78;
  padding-bottom: 10px;
}
.tx_nc_ibsh_downloadcenter .topics,
.tx_nc_ibsh_downloadcenter .areas {
  width: 22.22222%;
}
.tx_nc_ibsh_downloadcenter .topics span,
.tx_nc_ibsh_downloadcenter .areas span {
  margin-left: 3px;
  padding-left: 26px;
}
.tx_nc_ibsh_downloadcenter button {
  width: 33.33333%;
  float: right;
}
.tx_nc_ibsh_downloadcenter .file-size {
  font-size: 0.85em;
  color: #909090;
}
.tx_nc_ibsh_downloadcenter .link-file {
  padding: 0 0 0 24px !important;
}
.tx_nc_ibsh_downloadcenter .link-file:before {
  margin: 0 0 0 -24px !important;
  padding: 0 6px 0 4px !important;
}
.tx_nc_ibsh_downloadcenter .link-file {
  background-image: none !important;
}
.tx_nc_ibsh_downloadcenter .created-at {
  padding-left: 24px;
  color: #909090;
  font-size: 0.85em;
}
.tx_nc_ibsh_downloadcenter .description {
  padding-left: 24px;
}
.tx_nc_ibsh_downloadcenter .jq-selectbox,
.tx_nc_ibsh_downloadcenter input[type=text] {
  width: 100%;
  height: 21px;
  border: 1px solid #7f97b1;
  background-color: white;
  color: black;
  padding: 0;
  margin: 0 0 10px 0;
  vertical-align: middle;
}
.tx_nc_ibsh_downloadcenter [ng\:cloak],
.tx_nc_ibsh_downloadcenter [ng-cloak],
.tx_nc_ibsh_downloadcenter .ng-cloak {
  display: none;
}
.tx_nc_ibsh_downloadcenter [class*=link-] {
  display: block;
}
.tx_nc_ibsh_downloadcenter hr {
  border-bottom: 1px solid #064a78;
}
.tx_nc_ibsh_downloadcenter .document-amount {
  margin: 20px 0 10px 5px;
}
.tx_nc_ibsh_downloadcenter .link-sort-asc,
.tx_nc_ibsh_downloadcenter .link-sort-desc {
  color: #064a78;
}
.tx_nc_ibsh_downloadcenter .link-sort {
  paddin-left: 0;
}
@media screen and (max-width: 767px) {
  .tx_nc_ibsh_downloadcenter .download .ng-scope > td:nth-of-type(2),
  .tx_nc_ibsh_downloadcenter .download .ng-scope > td:nth-of-type(3),
  .tx_nc_ibsh_downloadcenter .download .areas,
  .tx_nc_ibsh_downloadcenter .download .topics {
    display: none;
  }
  .tx_nc_ibsh_downloadcenter .dlc-col-left {
    float: none !important;
  }
  .tx_nc_ibsh_downloadcenter .dlc-col-right {
    margin: 0 0 10px 0;
  }
}

.link-intern,
.link-extern,
.link-email,
.link-download,
.link-pdf,
.link-file,
.link-document,
.link-doc,
.link-docx,
.link-back,
.link-next,
.link-image,
.link-newsletter,
.link-twitter,
.link_neubeginn a {
  color: #a08e72;
  text-decoration: none;
}
.link-intern:before,
.link-extern:before,
.link-email:before,
.link-download:before,
.link-pdf:before,
.link-file:before,
.link-document:before,
.link-doc:before,
.link-docx:before,
.link-back:before,
.link-next:before,
.link-image:before,
.link-newsletter:before,
.link-twitter:before,
.link_neubeginn a:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  font-size: 1em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.link-glossar {
  color: #7f97b1;
  text-decoration: none;
}
.link-glossar:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  font-size: 0.8em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.link-intern:before {
  content: "\e609";
}

.link-extern:before {
  content: "\e60c";
}

.link-email:before {
  content: "\e608";
  font-size: 1.1em;
}

.link-download:before {
  content: "\e60d";
}

.link-pdf, .link-file.link-pdf,
.link-xls, linkfile.link-xls {
  padding: 0 0 0 22px;
}

.link-pdf:before, .link-file.link-pdf:before,
.link-xls:before, .link-file.link-xls:before {
  content: "\e607";
  margin: 0 0 0 -24px;
  padding: 0 2px 0 4px;
}

.link-file:before,
.link-document:before,
.link-doc:before,
.link-docx:before {
  content: "\e606";
  padding: 0 2px 0 4px;
}

.link-back:before {
  content: "\e60e";
}

.link-next:before {
  content: "\e609";
}

.link-image:before {
  content: "\e60a";
  padding: 0 2px 0 4px;
}

.link-glossar:after {
  content: "\e60b";
  padding: 0 4px 0 2px;
}

.link-newsletter:before {
  content: "\e613";
  font-size: 1.2em;
  color: #4c6e92;
}

.link-twitter:before {
  content: "\e615";
  font-size: 1.2em;
  color: #4c6e92;
}

.link_neubeginn a:before {
  content: "\e60e";
  font-size: 1em;
  color: #003064;
}

#CONTENT .csc-default ul li {
  margin: 0 0 0 30px;
}
#CONTENT .csc-default ul li:before {
  margin: 0 4px 0 -30px;
  padding: 0 0 0 30px;
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e611";
  color: #7f97b1;
}
#CONTENT .csc-default ul.panel li:before {
  content: none;
}
#CONTENT .csc-default ul.sitemap-10 li, #CONTENT .csc-default ul.sitemap-15 li, #CONTENT .csc-default ul.sitemap-17 li, #CONTENT .csc-default ul.sitemap-20 li, #CONTENT .csc-default ul.download-list li, #CONTENT .csc-default ul.termin-list li, #CONTENT .csc-default ul f3-widget-paginator li {
  margin: 0;
}
#CONTENT .csc-default ul.sitemap-10 li:before, #CONTENT .csc-default ul.sitemap-15 li:before, #CONTENT .csc-default ul.sitemap-17 li:before, #CONTENT .csc-default ul.sitemap-20 li:before, #CONTENT .csc-default ul.download-list li:before, #CONTENT .csc-default ul.termin-list li:before, #CONTENT .csc-default ul f3-widget-paginator li:before {
  margin: 0;
  padding: 0;
  content: none;
}
#CONTENT .csc-default ul.sitemap-10 li ul, #CONTENT .csc-default ul.sitemap-15 li ul, #CONTENT .csc-default ul.sitemap-17 li ul, #CONTENT .csc-default ul.sitemap-20 li ul, #CONTENT .csc-default ul.download-list li ul, #CONTENT .csc-default ul.termin-list li ul, #CONTENT .csc-default ul f3-widget-paginator li ul {
  margin-left: 1.5em;
}
#CONTENT .csc-default ul.download-list li span {
  display: block;
}
#CONTENT .csc-default ul.download-list li span em {
  color: #909090;
  font-size: 0.85em;
  font-style: normal;
}

/* ------------------------------------------------------------
 * Default Panels
 * ------------------------------------------------------------
 */
.col-md-4 .panel a {
  display: block;
  padding: 5px;
  position: relative;
  width: 100%;
}

.panel a {
  background-color: #ccd6e0;
  border-bottom: 1px solid #7f97b1;
  color: #003064;
}
.panel a:focus, .panel a:hover {
  border-bottom: 1px solid #003064;
  color: #003064;
}
.panel a:before {
  color: #7f97b1;
}
.panel a:hover:before {
  color: #003064;
}
.panel .link-intern {
  background-position: 0 -2200px;
}
.panel a:focus .link-intern, .panel a:hover .link-intern {
  background-position: 0 -2100px;
}
.panel .link-intern:focus, .panel .link-intern:hover {
  background-position: 0 -2100px;
}
.panel li {
  background-image: none;
  line-height: 2em;
  margin-bottom: 0.5em;
  padding-left: 0;
  vertical-align: middle;
  width: 100%;
  text-overflow: ellipsis;
  *overflow-x: hidden;
}
.panel li .link-intern {
  background-position: 10px -2196px;
  display: block;
  line-height: 1.4em;
  padding: 4px 10px 4px 10px;
  vertical-align: middle;
  text-overflow: ellipsis;
  *overflow-x: hidden;
}
.panel li .link-intern:focus, .panel li .link-intern:hover {
  background-position: 10px -2096px;
}

@media screen and (max-width: 767px) {
  .panel li .link-intern {
    width: 100%;
    display: table;
    line-height: 1.4em;
    padding: 4px;
  }
  .panel li .link-intern:before {
    margin: 0 0 0 0;
  }
}
/* ------------------------------------------------------------
 * Aktuelles
 * ------------------------------------------------------------
 */
.presse-list > li:before {
  content: none !important;
}

/* Tabellen */
table {
  border: 0 none;
  /* Fix fuer Rahmen */
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2.5em;
  width: 100%;
}
table tbody, table tfoot, table thead, table tr, table td, table th {
  border: 0 none;
  /* Fix fuer Rahmen */
}
table caption {
  color: #003064;
  font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 1.15em;
  padding: 1.55em 0 0.80em 0;
  text-align: left;
}
table td {
  background-color: #fff;
  border-bottom: 1px solid #cecece;
  color: #000;
  font-size: 1em;
  margin: 0;
  padding: 10px 10px 5px 10px;
  text-align: left;
  vertical-align: top;
}
table th {
  background-color: #fff;
  border-bottom: 1px solid #cecece;
  color: #000;
  font-size: 1em;
  margin: 0;
  padding: 10px 10px 5px 10px;
  text-align: left;
  vertical-align: top;
}
table th .small {
  font-weight: normal;
}
table tr td:first-child, table tr th:first-child {
  padding-left: 0;
}
table tr td:last-child, table tr th:last-child {
  padding-right: 0;
}
table thead td, table thead th {
  border-bottom: 1px solid #7f97b1;
  border-top: 2px solid #003064;
  vertical-align: bottom;
}
table tbody tr:first-child td, table tbody tr:first-child th {
  border-top: 1px solid #7f97b1;
}
table tbody tr:last-child td, table tbody tr:last-child th {
  border-bottom: 1px solid #7f97b1;
}
table tbody tr.highlight td, table tbody tr.highlight th {
  background-color: #ccd6e0;
}
table tbody tr td.highlight, table tbody tr th.highlight, table tbody tr td.highlight-numeric, table tbody tr th.highlight-numeric {
  background-color: #ccd6e0;
}
table tr td.numeric, table tr th.numeric, table tr td.highlight-numeric, table tr th.highlight-numeric {
  text-align: right;
}

/*
 * ------------------------------------------------------------
 * Basic Styles
 * ------------------------------------------------------------
 */
html, body,
h1, h2, h3, h4, h5, h6,
p,
td, th,
form, fieldset, button, input, label, select, textarea,
ul, ol, li {
  margin: 0;
  padding: 0;
}

html {
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 0.80em;
  line-height: 1.35em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, body {
  height: 100%;
}

/* Link-Elemente */
a {
  color: #a08e72;
  text-decoration: none;
}

a.default {
  background-image: none;
  padding-left: 0;
  padding-right: 0;
  text-decoration: underline;
}

a.nolink {
  color: #000000;
}

a:focus,
a:hover,
a.hover {
  color: #003064;
}

/* Form-Elemente */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 0 none;
  cursor: pointer;
  *overflow: visible;
  -webkit-appearance: button;
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
}

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

/* Mozilla Focus entfernen */
a:focus,
button:focus,
embed,
input:focus,
object {
  outline: 0 none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0 none;
  outline: 0 none;
  padding: 0;
}

/* Bugfix IE font-rendering */
button, caption,
h3, h4, h5, h6,
strong, th {
  font-weight: 700;
}

/* Headlines */
h3, h4, h5, h6 {
  font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
  line-height: normal;
}

h3 {
  font-size: 1.80em;
  padding: 0 0 0.5em 0;
}

h4 {
  font-size: 1.40em;
  padding: 0 0 0.5em 0;
}

h5 {
  font-size: 1.15em;
  padding: 1em 0 0.75em 0;
}

h6 {
  font-size: 0.85em;
}

h3, h3 a,
h4, h4 a,
h5, h5 a {
  color: #003064;
}

h6, h6 a {
  color: #7f97b1;
  text-transform: uppercase;
}

h3 a:focus, h3 a:hover,
h4 a:focus, h4 a:hover,
h5 a:focus, h5 a:hover,
h6 a:focus, h6 a:hover {
  color: #000;
}

/* Horizontale Linie */
hr {
  background-color: #fff;
  border: 0 none #fff;
  border-bottom: 1px solid #cecece;
  clear: both;
  color: #fff;
  display: block;
  height: 10px;
  margin: 0 0 10px 0;
  overflow: hidden;
}

hr.dark-blue {
  border-bottom: 1px solid #003064;
}

hr.light-blue {
  border-bottom: 1px solid #7f97b1;
}

/* Bilder */
img {
  border: 0 none;
  -ms-interpolation-mode: bicubic;
}

img.img-right {
  float: right;
  margin-left: 0.5em;
}

img.img-left {
  float: left;
  margin-right: 0.5em;
}

/* Abstand nach unten bei Absaetzen und Listen */
li, p {
  padding-bottom: 0.7em;
}

/* Ungeordnete Liste */
ul li {
  list-style: none;
}

/* Geordnete Liste - mit Unterobjekten */
ol ol {
  margin-top: 1em;
  margin-left: 20px;
}

/*Ungeordnete Unterlisten */
ul ul {
  margin-top: 1em;
}

@media screen and (max-width: 991px) {
  .col-md-3.col-sm-6 {
    min-height: 350px;
  }
}
@media screen and (max-width: 767px) {
  .col-md-3.col-sm-6 {
    min-height: 0;
  }
}
/*
 * ------------------------------------------------------------
 * SPEZIELLE FORMULARE
 * ------------------------------------------------------------
 */
/* Grundlegendes Styling, teils mittels jQuery */
form button {
  background-color: #bfae94;
  border: 1px solid #b8afa2;
  color: #003064;
  font-size: 1em;
  padding: 5px 0;
  width: 100%;
}

form button:focus, form button:hover {
  background-color: #003064;
  border-color: #4c6e92;
  color: #fff;
}

form button.disabled {
  background-color: #a08e72;
  border: 1px solid #bfae94;
  color: #003064;
}

form select option {
  padding: 5px;
}

form select {
  width: 100%;
  _width: 112%;
  /* Fix for IE */
}

form .active {
  border-color: #4c6e92 !important;
  opacity: 1;
}

form .disabled {
  opacity: 0.5;
}

form .disabled,
form .disabled .jq-selectbox-input {
  cursor: default;
}

form .jq-selectbox .jq-selectbox-input {
  width: 100%;
}

form .jq-selectbox .jq-selectbox-label {
  left: 0;
  right: 0;
  width: auto;
}

form .jq-selectbox {
  margin: 0 0 10px 0;
}

form .jq-textbox {
  border: 1px solid #ccd6e0;
  background-color: #fff;
  color: #000;
  display: block;
  padding: 0;
  margin: 0 0 10px 0;
  vertical-align: middle;
}

form .jq-selectbox,
form .jq-selectbox .jq-selectbox-input
form .jq-selectbox .jq-selectbox-label {
  height: 21px;
}

form .jq-selectbox-label {
  background-position: 100% -1040px;
  display: block;
  font-size: 1em;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  padding: 0 25px 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  vertical-align: middle;
  z-index: 1;
}

form .active .jq-selectbox-label {
  background-position: 100% -1080px;
}

form .jq-selectbox-input {
  cursor: pointer;
  z-index: 2;
}

form .jq-selectbox option:hover,
form .jq-selectbox option:checked {
  background-image: linear-gradient(top, #7f97b1, #7f97b1);
  /* W3C Standard */
  background-image: -ms-linear-gradient(top, #7f97b1, #7f97b1);
  /* IE */
  background-image: -moz-linear-gradient(top, #7f97b1, #7f97b1);
  /* Firefox */
  background-image: -o-linear-gradient(top, #7f97b1, #7f97b1);
  /* Opera */
  background-image: -webkit-linear-gradient(top, #7f97b1, #7f97b1);
  /* Safari, Chrome */
  color: #fff !important;
}

form .jq-textbox,
form .jq-textbox input,
form .jq-textbox label {
  clear: both;
  font-size: 1.0em;
  line-height: 1.2em;
  vertical-align: middle;
}

form .jq-textbox {
  height: 1.2em;
  padding: 3px 5px;
  position: relative;
}

form .jq-textbox label,
form .jq-textbox input {
  border: 0 none;
  display: block;
  width: 100%;
  margin: 0;
}

form.finder,
form.newsabo {
  background-color: #ccd6e0;
  border-bottom: 2px solid #7f97b1;
  color: #000;
  margin: 0 0;
  padding: 15px;
  *zoom: 1;
}

form.finder p {
  margin: 0;
  padding: 0;
}

form.finder .form-col-1 {
  float: left;
  margin: 0;
  padding: 0;
  width: 130px;
}

form.finder .form-col-2 {
  border: 0 none;
  float: right;
  padding-right: 6px;
  width: 295px;
  _width: 270px;
}

form.filter {
  border-top: 1px solid #7f97b1;
  border-bottom: 1px solid #003064;
  margin: 1.9em 0 0 0;
  padding: 15px 0;
}

form.filter .filter-date,
form.filter .filter-inp {
  border: 1px solid #cecece;
  padding: 3px 6px;
}

form.filter .filter-date:focus,
form.filter .filter-inp:focus {
  border: 1px solid #7f97b1;
}

form.filter label {
  color: #003064;
  padding: 0;
  width: 100px;
}

form.filter label,
form.filter .filter-date,
form.filter .filter-inp {
  float: left;
  line-height: 1.4em;
  vertical-align: middle;
}

form.filter .filter-date {
  margin-right: 25px;
  width: 100px;
}

form.filter .filter-btn {
  background-position: -85px -200px;
  border: 0 none;
  cursor: pointer;
  height: 34px;
  padding: 0 0 10px 20px;
  line-height: 20px;
  vertical-align: middle;
}

form.filter .filter-btn:focus,
form.filter .filter-btn:hover {
  background-position: -85px -160px;
  color: #fff;
}

form.newsletter li {
  padding-left: 120px !important;
}
@media screen and (max-width: 991px) {
  form.newsletter li {
    padding-left: 0px !important;
  }
}
form.newsletter li:before {
  content: none !important;
}
@media screen and (max-width: 767px) {
  form.newsletter .input-email {
    width: 100% !important;
  }
  form.newsletter .input-email input {
    width: 100% !important;
  }
}

/*
 * ------------------------------------------------------------
 * POWERMAIL-FORMULARE
 * ------------------------------------------------------------
 * Hier die passenden Klassen, welche durch Typo3 erstellt
 * werden, eintragen und stylen. Ggf. muessen die Klassen
 * ueberprueft (mittels Quelltext-Analyse) und die hier an-
 * gewandten Klassennamen ersetzt bzw. ergaenzt werden.
 * ------------------------------------------------------------
 */
/* Breite und Schrift des Formulars festlegen */
.powermail_form {
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
  position: relative;
}

.powermail_fieldwrap {
  width: 100%;
}

.powermail_form input:invalid,
.powermail_form select:invalid,
.powermail_form textarea:invalid {
  -moz-box-shadow: none;
  box-shadow: none;
}

.powermail_form :-moz-submit-invalid {
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Standardstyle fuer die Form-Elemente zurueck setzen */
.powermail_form input,
.powermail_form label,
.powermail_form legend,
.powermail_form select,
.powermail_form textarea,
.powermail_form .powermail_fieldwrap {
  background-color: #fff;
  border: 0 none;
  color: #000;
  display: block;
  float: left;
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.powermail_form input,
.powermail_form textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* Gennerell <h3> und <legend> ausblenden */
.tx-powermail h3 {
  display: none;
}

.powermail_form h3,
.powermail_form legend {
  display: none;
}

/* Elemente anpassen */
.powermail_form input,
.powermail_form select {
  line-height: 23px;
  height: 23px;
}

.powermail_form input,
.powermail_form select,
.powermail_form textarea {
  border: 1px solid #cecece;
  padding-left: 6px;
  padding-right: 6px;
  z-index: 1;
}

.powermail_form input:focus,
.powermail_form select:focus,
.powermail_form textarea:focus {
  border: 1px solid #4c6e92;
  background-color: #fff;
}

/* Label der Klasse .pwermail_label anpassen */
.powermail_form .powermail_label {
  color: #003064;
  display: block;
  float: left;
  line-height: normal;
  position: relative;
  vertical-align: middle;
  width: 120px;
  z-index: 2;
}

/* Markierung fuer Pflichtfelder */
.powermail_form .powermail_label .mandatory {
  background-color: #003064;
  display: block;
  height: 23px;
  position: absolute;
  right: -3px;
  top: 0;
  text-indent: -99999px;
  width: 3px;
}

/* Powermail-Wrap um die Form-Elemente */
.powermail_form .powermail_fieldwrap {
  clear: none;
  padding: 9px 0 0 0;
  *zoom: 1;
}

/* Spalten festlegen und einfuegen */
.powermail_form .powermail_fieldwrap input,
.powermail_form .col-single input,
.powermail_form .powermail_fieldwrap select,
.powermail_form .col-single select,
.powermail_form .powermail_fieldwrap textarea,
.powermail_form .col-single textarea {
  width: calc(100% - 120px);
}
@media screen and (max-width: 420px) {
  .powermail_form .powermail_fieldwrap input,
  .powermail_form .col-single input,
  .powermail_form .powermail_fieldwrap select,
  .powermail_form .col-single select,
  .powermail_form .powermail_fieldwrap textarea,
  .powermail_form .col-single textarea {
    width: calc(100%);
  }
}

.powermail_form .powermail_fieldwrap textarea,
.powermail_form .col-single textarea {
  height: 200px;
  padding: 3px 6px;
}

.powermail_form .col-1-25,
.powermail_form .col-1-33,
.powermail_form .col-1-50,
.powermail_form .col-1-66,
.powermail_form .col-1-75 {
  float: left;
}

.powermail_form .col-2-25,
.powermail_form .col-2-33,
.powermail_form .col-2-50,
.powermail_form .col-2-66,
.powermail_form .col-2-75 {
  float: right;
}

/* Spalte 2 hat generel kein <label> sondern nur den Marker fuers Pflichtfeld */
.powermail_form .col-2-25 .powermail_label,
.powermail_form .col-2-33 .powermail_label,
.powermail_form .col-2-50 .powermail_label,
.powermail_form .col-2-66 .powermail_label,
.powermail_form .col-2-75 .powermail_label {
  width: 3px;
  text-indent: -99999px;
}

/* Breite der einzelnen Elemente */
.powermail_form .col-1-25 input, .powermail_form .col-1-25 select, .powermail_form .col-1-25 textarea,
.powermail_form .col-2-25 input, .powermail_form .col-2-25 select, .powermail_form .col-2-25 textarea {
  width: 78px;
}

.powermail_form .col-1-33 input, .powermail_form .col-1-33 select, .powermail_form .col-1-33 textarea {
  width: calc(100% - 120px);
}
@media screen and (max-width: 420px) {
  .powermail_form .col-1-33 input, .powermail_form .col-1-33 select, .powermail_form .col-1-33 textarea {
    width: 100%;
  }
}

.powermail_form .col-2-33 input, .powermail_form .col-2-33 select, .powermail_form .col-2-33 textarea {
  width: calc(100% - 3px);
}

.powermail_form .col-1-50 input, .powermail_form .col-1-50 select, .powermail_form .col-1-50 textarea,
.powermail_form .col-2-50 input, .powermail_form .col-2-50 select, .powermail_form .col-2-50 textarea {
  width: 158px;
}

.powermail_form .col-1-66 input, .powermail_form .col-1-66 select, .powermail_form .col-1-66 textarea {
  width: calc(100% - 120px);
}
@media screen and (max-width: 420px) {
  .powermail_form .col-1-66 input, .powermail_form .col-1-66 select, .powermail_form .col-1-66 textarea {
    width: 100%;
  }
}

.powermail_form .col-2-66 input, .powermail_form .col-2-66 select, .powermail_form .col-2-66 textarea {
  width: calc(100% - 3px);
}

/* Mittels jQuery gestylte Selectboxen */
.powermail_form .jq-selectbox {
  border: 1px solid #cecece;
  float: left;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.powermail_form .jq-selectbox.active {
  border: 1px solid #4c6e92;
  background-color: #fff;
}

.powermail_form .jq-selectbox select {
  border: 1px solid #4c6e92;
  background-color: #fff;
  margin-left: 0;
}

.powermail_form .powermail_fieldwrap .jq-selectbox,
.powermail_form .col-single .jq-selectbox {
  width: calc(100% - 120px);
}

/* Columns */
.powermail_form .powermail_fieldwrap.col-1-25, .powermail_form .powermail_fieldwrap.col-2-25 {
  width: 25%;
}

.powermail_form .powermail_fieldwrap.col-2-33 {
  width: 33%;
}

.powermail_form .powermail_fieldwrap.col-1-33 {
  width: calc(33% + 120px);
}

.powermail_form .powermail_fieldwrap.col-1-50, .powermail_form .powermail_fieldwrap.col-2-50 {
  width: 50%;
}

.powermail_form .powermail_fieldwrap.col-1-66 {
  width: 66%;
}

.powermail_form .powermail_fieldwrap.col-2-66 {
  width: calc(66% - 120px);
}

.powermail_form .powermail_fieldwrap.col-1-75, .powermail_form .powermail_fieldwrap.col-2-75 {
  width: 75%;
}

/* Radiobuttons und Checkboxen (allgemein) */
.powermail_form .powermail_check_outer,
.powermail_form .powermail_radio_outer {
  border: 0 none;
  float: left;
  margin: 0 0 0 0;
  padding: 0 5px;
  width: 346px;
}

.powermail_form .powermail_check_outer .powermail_check_inner input,
.powermail_form .powermail_radio_outer .powermail_radio_inner input {
  float: left;
  width: auto;
}

.powermail_form .powermail_check_outer .powermail_check_inner label,
.powermail_form .powermail_radio_outer .powermail_radio_inner label {
  float: left;
  line-height: normal;
}

/* Mittels jQuery gestylte Checkboxen */
.powermail_form .jq-checkbox-label,
.powermail_form .jq-radio-label {
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  padding-bottom: 5px;
}

.powermail_form .jq-checkbox-icon,
.powermail_form .jq-radio-icon {
  display: block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
}

/* Datei-Uppload (allgemein) */
.powermail_form .powermail_fieldwrap_file_inner {
  float: left;
  width: 360px;
}

/* Mittels jQuery gestylte Dateiuploads */
.powermail_form .jq-filebox {
  position: relative;
  float: left;
  width: 360px;
}

/* Input ausblenden */
.powermail_form .jq-filebox-input {
  left: -99999px;
  position: absolute;
  top: 0;
}

/* Datei-Element */
.powermail_form .jq-filebox-item,
.powermail_form .jq-filebox-browse {
  color: #a08e72;
  display: block;
  float: left;
  font-weight: 700;
  line-height: 23px;
  padding: 0;
  width: 360px;
}

.powermail_form .jq-filebox-item {
  position: relative;
}

/* Dateiname anzeigen */
.powermail_form .jq-filebox-item-filename {
  display: block;
  float: left;
  width: 320px;
  text-overflow: ellipsis;
}

/* Button zum entfernen der Datei */
.powermail_form .jq-filebox-item-remove {
  background: url("./../images/sprite-icons-1.all.png") 0 -6920px no-repeat;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 0;
  text-indent: -99999px;
  top: 50%;
  width: 16px;
}

.powermail_form .jq-filebox-item-remove:hover {
  background-position: 0 -6880px;
}

.powermail_form .jq-filebox-browse,
.powermail_form .jq-filebox-item-remove {
  cursor: pointer;
}

.powermail_form .jq-filebox .jq-filebox-browse:focus,
.powermail_form .jq-filebox .jq-filebox-browse:hover {
  color: #003064;
}

/* Captcha */
.powermail_form .powermail_fieldwrap_captcha {
  clear: both;
  display: block;
  float: left;
  min-height: 80px;
  width: 100%;
  position: relative;
}

.powermail_form .powermail_fieldwrap_captcha .powermail_captcha_outer {
  border: 0 none;
  clear: both;
}

.powermail_form .powermail_fieldwrap_captcha img {
  border: 1px solid rgba(138, 152, 182, 0.25);
  height: 80px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 140px;
}

.powermail_form .powermail_fieldwrap_captcha label {
  clear: both;
  display: block;
  height: auto;
  line-height: normal;
  padding-bottom: 5px;
  width: 50%;
}

.powermail_form .powermail_fieldwrap_captcha input {
  width: 108px;
}

/* Submit und Reset Button */
.powermail_form .powermail_fieldwrap_reset {
  float: left;
}

.powermail_form .powermail_fieldwrap_submit {
  float: right;
}

.powermail_form .powermail_fieldwrap_reset input.powermail_reset,
.powermail_form .powermail_fieldwrap_submit input.powermail_submit {
  background-color: #bfae94;
  border: 1px solid #b8afa2;
  color: #003064;
  display: block;
  float: right;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin: 15px 0 0 0;
  padding: 0 5px 0 5px;
  width: auto;
}

.powermail_form .powermail_fieldwrap_reset input.powermail_reset:focus,
.powermail_form .powermail_fieldwrap_reset input.powermail_reset:hover,
.powermail_form .powermail_fieldwrap_submit input.powermail_submit:focus,
.powermail_form .powermail_fieldwrap_submit input.powermail_submit:hover {
  background-color: #003064;
  border-color: #4c6e92;
  color: #fff;
}

/* Trennlinien */
.powermail_form .clear-line0,
.powermail_form .clear-line1,
.powermail_form .clear-line2,
.powermail_form .clear-line3 {
  border: 0 none;
  clear: both;
  display: block;
  float: left;
  height: 15px;
  margin: 15px 0 0 0;
  overflow: hidden;
  padding: 0;
  text-indent: -99999px;
  width: 100%;
  *zoom: 1;
}

.powermail_form .clear-line1 {
  border-top: 1px solid #cecece;
}

.powermail_form .clear-line2 {
  border-top: 1px solid #7f97b1;
}

.powermail_form .clear-line3 {
  border-top: 1px solid #003064;
}

/* CLEARFIX */
.powermail_form .clear-line0:before,
.powermail_form .clear-line1:before,
.powermail_form .clear-line2:before,
.powermail_form .clear-line3:before,
.powermail_form .col-1-25:before,
.powermail_form .col-1-33:before,
.powermail_form .col-1-50:before,
.powermail_form .col-1-66:before,
.powermail_form .col-1-75:before,
.powermail_form .col-single:before,
.powermail_form .powermail_check_inner:before,
.powermail_form .powermail_radio_inner:before {
  content: ' ';
  display: table;
}

.powermail_form .clear-line0:after,
.powermail_form .clear-line1:after,
.powermail_form .clear-line2:after,
.powermail_form .clear-line3:after,
.powermail_form .col-2-25:after,
.powermail_form .col-2-33:after,
.powermail_form .col-2-50:after,
.powermail_form .col-2-66:after,
.powermail_form .col-2-75:after,
.powermail_form .col-single:after,
.powermail_form .powermail_check_inner:after,
.powermail_form .powermail_radio_inner:after {
  clear: both;
  content: ' ';
  display: table;
}

/* Powermail Fehler */
.powermail_form .error,
.powermail_form .powermail_field_error {
  background-color: #ffca4b;
  border: 1px solid #ff8100;
}

/* Powermail Error Bubbles */
.powermail_form .formError {
  z-index: 47;
}

.powermail_form .formError .formErrorContent {
  z-index: 48;
}

.powermail_form .formError .formErrorArrow {
  z-index: 49;
}

.powermail_form .formErrorInsideDialog.formError {
  z-index: 50;
}

.powermail_form .formErrorInsideDialog.formError .formErrorContent {
  z-index: 51;
}

.powermail_form .formErrorInsideDialog.formError .formErrorArrow {
  z-index: 52;
}

.powermail_form .inputContainer {
  float: left;
  position: relative;
}

.powermail_form .formError {
  cursor: pointer;
  display: block;
  left: 300px;
  position: absolute;
  top: 300px;
}
@media screen and (max-width: 1200px) {
  .powermail_form .formError {
    left: 200px !important;
  }
}
@media screen and (max-width: 420px) {
  .powermail_form .formError {
    left: 0 !important;
  }
}

.powermail_form .ajaxSubmit {
  background-color: #33be40;
  border: 1px solid #cecece;
  display: none;
  padding: 20px;
}

.powermail_form .formError .formErrorContent {
  background-color: #003064;
  border: 2px solid #4c6e92;
  color: #fff;
  font-size: 11px;
  padding: 4px 10px;
  position: relative;
  width: 150px;
}

.powermail_form .greenPopup .formErrorContent {
  background-color: #33be40;
  color: #fff;
}

.powermail_form .blackPopup .formErrorContent {
  background-color: #393939;
  color: #fff;
}

.powermail_form .formError .formErrorArrow {
  margin: -2px 0 0 13px;
  position: relative;
  width: 15px;
}

body[dir="rtl"] .powermail_form .formError .formErrorArrow,
body.rtl .powermail_form .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

/* Powermail Error Bubbles: Arrows below the Bubble */
.powermail_form .formError .formErrorArrowBottom {
  box-shadow: none;
  margin: 0 0 0 12px;
  top: 2px;
}

.powermail_form .formError .formErrorArrow div {
  background: none repeat scroll 0 0 #003064;
  border-left: 2px solid #4c6e92;
  border-right: 2px solid #4c6e92;
  display: block;
  font-size: 0;
  height: 1px;
  line-height: 0;
  margin: 0 auto;
}

.powermail_form .formError .formErrorArrowBottom div {
  box-shadow: none;
}

.powermail_form .greenPopup .formErrorArrow div {
  background-color: #33be40;
  color: #fff;
}

.powermail_form .blackPopup .formErrorArrow div {
  background-color: #393939;
  color: #fff;
}

.powermail_form .formError .formErrorArrow .line10 {
  border: 0 none;
  width: 15px;
}

.powermail_form .formError .formErrorArrow .line9 {
  border: 0 none;
  width: 13px;
}

.powermail_form .formError .formErrorArrow .line8 {
  width: 11px;
}

.powermail_form .formError .formErrorArrow .line7 {
  width: 9px;
}

.powermail_form .formError .formErrorArrow .line6 {
  width: 7px;
}

.powermail_form .formError .formErrorArrow .line5 {
  width: 5px;
}

.powermail_form .formError .formErrorArrow .line4 {
  width: 3px;
}

.powermail_form .formError .formErrorArrow .line3 {
  border-bottom: 0 none;
  border-left: 2px solid #4c6e92;
  border-right: 2px solid #4c6e92;
  width: 1px;
}

.powermail_form .formError .formErrorArrow .line2 {
  background-color: #4c6e92;
  border: 0 none;
  width: 3px;
}

.powermail_form .formError .formErrorArrow .line1 {
  background-color: #4c6e92;
  border: 0 none;
  width: 1px;
}

/* Responsive */
@media screen and (max-width: 420px) {
  .powermail_form .powermail_label {
    float: none;
    padding: 0 0 4px;
  }
  .powermail_form .powermail_label .mandatory {
    position: absolute;
    left: 0;
    top: 20px;
  }
}
.powermail_fieldset .parsley-errors-list {
  padding: 0;
  display: none;
  clear: both;
  z-index: 48;
}
.powermail_fieldset .parsley-errors-list.filled {
  width: 150px;
  margin: 0;
  padding: 4px 10px 4px 10px;
  display: block;
  position: relative;
  top: 8px;
  left: 120px;
  background-color: #003064;
  border: 2px solid #4c6e92;
  color: white;
  font-size: 11px;
  opacity: 0.87;
  filter: alpha(opacity=87);
}
@media screen and (max-width: 420px) {
  .powermail_fieldset .parsley-errors-list.filled {
    left: 0;
  }
}
.powermail_fieldset .powermail_field_error_container .parsley-errors-list.filled,
.powermail_fieldset .powermail_fieldwrap.col-2-33 .parsley-errors-list.filled,
.powermail_fieldset .powermail_fieldwrap.col-2-66 .parsley-errors-list.filled {
  left: 0;
}
.powermail_fieldset .parsley-errors-list > LI {
  color: white;
}
.powermail_fieldset .parsley-errors-list > LI:before {
  color: white;
}

#CONTENT .csc-default .powermail_fieldset UL.parsley-errors-list {
  margin: 0 0 10px 0;
  padding-bottom: 0;
}

#CONTENT .csc-default .powermail_fieldset UL.parsley-errors-list:before {
  position: absolute;
  top: -13px;
  color: #4c6e92;
  content: "\25B2";
}

#CONTENT .csc-default .powermail_fieldset UL.parsley-errors-list LI {
  margin: 0;
  padding-bottom: 4px;
}

#CONTENT .csc-default .powermail_fieldset UL.parsley-errors-list LI:before {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  text-indent: 0;
  content: '';
}

/*
 * ------------------------------------------------------------
 * ICONS
 * ------------------------------------------------------------
 */
.ajax-is-loading {
  background: white url("./../../images/loading.gif") no-repeat 50% 50%;
  height: 150px;
  width: 100%;
  text-indent: -999999px;
  z-index: 99;
}

/* Buttons */
.btn-back,
.btn-cancel,
.btn-down,
.btn-left,
.btn-next,
.btn-right,
.btn-up,
.link-next-hover,
.link-popup,
.link-sort,
.link-sort-asc,
.link-sort-desc,
.ui-datepicker .ui-icon {
  background-image: url("./../../images/sprite-icons-1.all.png");
  background-position: 0 -20px;
  background-repeat: no-repeat;
}

.link-sort,
.link-sort-asc,
.link-sort-desc {
  cursor: pointer;
}

.btn-back {
  background-position: 0 -3600px;
}

.btn-cancel {
  background-position: 0 -6920px;
}

.btn-down {
  background-position: 0 -1100px;
}

.btn-left {
  background-position: 0 -1600px;
}

.btn-next {
  background-position: 0 -2100px;
}

.btn-right {
  background-position: 0  -100px;
}

.btn-up {
  background-position: 0  -600px;
}

.link-popup {
  background-position: 100% -6600px;
  padding-right: 20px;
  color: #8A98B6;
}

.link-popup:hover {
  background-position: 100% -6500px;
}

.link-sort {
  background-position: 0 -7300px;
  padding-left: 20px;
}

.link-sort:hover {
  background-position: 0 -7400px;
}

.link-sort-asc {
  background-position: 0 -7400px;
  padding-left: 20px;
}

.link-sort-asc:hover {
  background-position: 0 -7500px;
}

.link-sort-desc {
  background-position: 0 -7500px;
  padding-left: 20px;
}

.link-sort-desc:hover {
  background-position: 0 -7400px;
}

/* Boxen bzw. Absaetze */
.box-email,
.box-newsletter,
.box-telefon,
.link-calendar,
.link-excel,
.link-feed,
.link-flyer,
.link-gif,
.link-jpg,
.link-jpeg,
.link-png,
.link-print,
.link-telefon,
.jq-selectbox-label,
.jq-checkbox-icon,
.jq-radio-icon {
  background-image: url("./../../images/sprite-icons-2.all.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

.box-email {
  background-position: -660px   -80px;
  padding-left: 24px;
}

.box-newsletter {
  background-position: -540px  -200px;
  padding-left: 24px;
}

.box-telefon {
  background-position: -420px  -320px;
  padding-left: 24px;
}

.link-calendar {
  background-position: -260px  -1602px;
  padding-left: 24px;
}

.link-calendar:hover {
  background-position: -300px  -1562px;
}

.link-excel {
  background-position: -180px -1680px;
  padding-left: 20px;
  padding-bottom: 2px;
}

.link-excel:hover {
  background-position: -220px -1640px;
}

.link-feed {
  background-position: -140px  -600px;
  padding-left: 20px;
  padding-bottom: 2px;
}

.link-feed:hover {
  background-position: -200px  -540px;
}

.link-flyer {
  background-position: -340px -1520px;
  padding-left: 20px;
  padding-bottom: 2px;
}

.link-flyer:hover {
  background-position: -380px -1480px;
}

.link-print {
  background-position: -80px -40px;
  padding-left: 24px;
  padding-bottom: 2px;
}

.link-print:hover {
  background-position: -120px -40px;
}

.link-telefon {
  background-position: -420px -320px;
  padding-left: 24px;
}

.link-telefon:hover {
  background-position: -480px -260px;
}

.link-twitter {
  background-position: -20px -720px;
  padding-left: 20px;
}

.link-twitter:hover {
  background-position: -80px -660px;
}

.link-gif,
.link-png,
.link-jpg,
.link-jpeg {
  background-position: -500px -1360px;
  padding-left: 20px;
  padding-bottom: 2px;
}

.link-gif:hover,
.link-png:hover,
.link-jpg:hover,
.link-jpeg:hover {
  background-position: -540px -1320px;
}

.accordion-close {
  background-position: 100% -880px;
}

.accordion-close:focus, .accordion-close:hover {
  background-position: 100% -920px;
}

.accordion-open {
  background-position: 100% -800px;
}

.accordion-open:focus, .accordion-open:hover {
  background-position: 100% -840px;
}

/* jQuery UI Icons fuer Checkboxen und Radio-Buttons */
.jq-checkbox-icon,
.jq-radio-icon {
  display: inline-block;
  position: relative;
  height: 15px;
  overflow: hidden;
  width: 15px;
}

.jq-checkbox-icon input,
.jq-radio-icon input {
  left: -80px;
  position: absolute;
  top: 0;
}

.jq-checkbox-checked .jq-checkbox-icon {
  background-position: -360px -380px;
}

.jq-checkbox-checked-hover .jq-checkbox-icon {
  background-position: -320px -420px;
}

.jq-checkbox-unchecked .jq-checkbox-icon {
  background-position: -380px -360px;
}

.jq-checkbox-unchecked-hover .jq-checkbox-icon {
  background-position: -340px -400px;
}

.jq-radio-checked .jq-radio-icon {
  background-position: -280px -460px;
}

.jq-radio-checked-hover .jq-radio-icon {
  background-position: -240px -500px;
}

.jq-radio-unchecked .jq-radio-icon {
  background-position: -300px -440px;
}

.jq-radio-unchecked-hover .jq-radio-icon {
  background-position: -260px -480px;
}

/*
 * ------------------------------------------------------------
 * CI-GRAPHICS
 * ------------------------------------------------------------
 */
.headline-img .imgbox span {
  background-image: url("./../../images/bg-teaser.all.png");
  background-repeat: no-repeat;
}

form.filter .filter-btn {
  background-image: url("./../../images/sprite-extras.all.png");
  background-repeat: no-repeat;
}

form.filter .map-open {
  display: block;
  color: #064a78;
  font-weight: 700;
  float: left;
  padding-left: 45px;
  position: relative;
}

form.filter .map-open:after {
  background: url("./../../images/sprite-extras.all.png") -40px -100px no-repeat;
  content: ' ';
  display: block;
  height: 34px;
  left: 0;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 34px;
}

form.filter .map-open:hover {
  color: #a08e72;
}

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

/*
 * FOOTER
 * ------------------------------------------------------------
 * Seiten-Footer mit
 * - Navigationselementen
 * - Social-Media Bookmarks
 * - Logo
 */
/* Basics */
#FOOTER {
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
  text-align: left;
  z-index: 10;
  /* Titles */
}
@media screen and (max-width: 767px) {
  #FOOTER {
    padding-top: 45px;
  }
}
#FOOTER h1,
#FOOTER h2,
#FOOTER h3,
#FOOTER h4,
#FOOTER h5,
#FOOTER h6,
#FOOTER p,
#FOOTER ul,
#FOOTER li {
  margin: 0;
  padding: 0;
  text-align: left;
}
#FOOTER ul,
#FOOTER li {
  background-image: none;
  list-style: none;
}
#FOOTER li {
  font-size: 0.95em;
}
#FOOTER h5 {
  color: #003064;
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.25em;
  vertical-align: middle;
}
#FOOTER #STATIC-NAVI {
  float: none;
  display: none;
}
@media screen and (max-width: 767px) {
  #FOOTER #STATIC-NAVI {
    display: block;
  }
}

/* Icons */
#FOOTER-SOCIAL a {
  background-image: url("./../../images/social-sprite.gif");
  background-repeat: no-repeat;
}

#SCROLL-TOP {
  display: none;
}
#SCROLL-TOP a {
  background-image: url("./../../images/top-button.png");
  background-repeat: no-repeat;
}

.svg #SCROLL-TOP a {
  background-image: url("./../../images/top-button.svg");
}

.footer-tooltip .tooltip-left,
.footer-tooltip .tooltip-right {
  background-image: url("./../../images/sprite-extras.all.png");
  background-repeat: no-repeat;
}

/* Tooltip */
.footer-tooltip {
  background: transparent none;
  position: absolute;
  display: block;
  height: 36px;
  width: auto;
  z-index: 98;
}
.footer-tooltip .tooltip-left,
.footer-tooltip .tooltip-right {
  height: 12px;
  position: absolute;
  top: 21px;
  width: 9px;
  z-index: 98;
}
.footer-tooltip .tooltip-left {
  background-position: 0 -80px;
  left: 0;
}
.footer-tooltip .tooltip-right {
  background-position: 100% -80px;
  right: 0;
}
.footer-tooltip .tooltip-text {
  font-size: 11px;
  background-color: #064a78;
  border: 1px solid #8a98b6;
  color: #fff;
  display: block;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  vertical-align: middle;
  z-index: 98;
}

/*
 * ------------------------------------------------------------
 * NAVIGATION
 * ------------------------------------------------------------
 */
#FOOTER-NAVI a {
  color: #4c6e92;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
#FOOTER-NAVI a:hover {
  text-decoration: underline;
}
#FOOTER-NAVI .active,
#FOOTER-NAVI ul li strong {
  color: #7f97b1;
  font-weight: normal;
}
#FOOTER-NAVI a:focus, #FOOTER-NAVI #FOOTER-NAVI a:hover {
  color: #dce0e9;
  text-decoration: underline;
}
#FOOTER-NAVI li {
  padding: 0 0 5px 0;
}
#FOOTER-NAVI .footer-block {
  text-align: left;
  min-height: 200px;
}
@media screen and (max-width: 767px) {
  #FOOTER-NAVI .footer-block {
    min-height: 0;
  }
}
@media screen and (max-width: 420px) {
  #FOOTER-NAVI .footer-block {
    margin: 0 0 0 0;
  }
}
#FOOTER-NAVI .footer-block h5 {
  cursor: default;
}
@media screen and (max-width: 767px) {
  #FOOTER-NAVI .footer-block h5 {
    cursor: pointer;
  }
  #FOOTER-NAVI .footer-block h5:after {
    font-family: 'iconfont_ibsh', Arial, sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding: 0 4px 0 4px;
    position: relative;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5em;
    bottom: 4px;
    color: #7f97b1;
    content: "\e600";
    float: right;
  }
}
@media screen and (max-width: 767px) {
  #FOOTER-NAVI .footer-block h5.trigger-active {
    cursor: pointer;
  }
  #FOOTER-NAVI .footer-block h5.trigger-active:after {
    font-family: 'iconfont_ibsh', Arial, sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding: 0 4px 0 4px;
    position: relative;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e603";
  }
}
#FOOTER-NAVI .footer-block ul {
  display: block;
}
@media screen and (max-width: 767px) {
  #FOOTER-NAVI .footer-block ul {
    display: none;
  }
}
#FOOTER-NAVI .footer-block-last li {
  border-bottom: 1px solid #ccd6e0;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#FOOTER-NAVI .footer-block-last a {
  line-height: 22px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#FOOTER-NAVI h5 {
  border-bottom: 1px solid #003064;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
#FOOTER-NAVI .link-feed {
  background-position: -120px -620px;
}
#FOOTER-NAVI .link-feed:hover {
  background-position: -180px -560px;
}
#FOOTER-NAVI .no-phone {
  display: block;
}
@media screen and (max-width: 767px) {
  #FOOTER-NAVI .no-phone {
    display: none;
  }
}
#FOOTER-NAVI .phone {
  display: none;
}
@media screen and (max-width: 767px) {
  #FOOTER-NAVI .phone {
    display: block;
  }
}

/*
 * ------------------------------------------------------------
 * FIRMENLOGO IN DER FUSSZEILE
 * ------------------------------------------------------------
 */
#FOOTER-LOGO {
  float: right;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 991px) {
  #FOOTER-LOGO {
    margin: 45px 0 60px 0;
  }
}
#FOOTER-LOGO img {
  border: 0 none;
}

.lt-ie9 #FOOTER-LOGO a {
  height: 45px;
  width: 89px;
  display: block;
  background-image: url("./../../images/wasserzeichen.png");
}
.lt-ie9 #FOOTER-LOGO a img {
  display: none;
}

.lang-en #FOOTER-LOGO {
  float: right;
  margin: 40px 0 20px 0;
}
@media screen and (max-width: 991px) {
  .lang-en #FOOTER-LOGO {
    margin: 40px 0 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .lang-en #FOOTER-LOGO {
    margin: 38px 0 20px 0;
  }
}
.lang-en #FOOTER-LOGO img {
  border: 0 none;
}

/*
 * ------------------------------------------------------------
 * SOCIAL-MEDIA BOOKMARKS
 * ------------------------------------------------------------
 */
#FOOTER-SOCIAL {
  padding: 0 0 30px 0;
  float: right;
  /* Icons */
}
@media screen and (max-width: 991px) {
  #FOOTER-SOCIAL {
    float: left;
  }
}
#FOOTER-SOCIAL ul {
  position: relative;
}
#FOOTER-SOCIAL h5,
#FOOTER-SOCIAL ul {
  margin-top: 6px;
}
#FOOTER-SOCIAL h5 li:last-child a,
#FOOTER-SOCIAL ul li:last-child a {
  margin: 0px;
}
#FOOTER-SOCIAL ul,
#FOOTER-SOCIAL li,
#FOOTER-SOCIAL a {
  float: left;
}
#FOOTER-SOCIAL li {
  margin-left: 3px;
}
@media screen and (max-width: 1200px) {
  #FOOTER-SOCIAL li {
    margin-left: 1px;
  }
}
@media screen and (max-width: 991px) {
  #FOOTER-SOCIAL li {
    margin-left: 3px;
  }
}
#FOOTER-SOCIAL h5 {
  line-height: 20px;
  vertical-align: middle;
}
#FOOTER-SOCIAL a {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.2em;
}
@media screen and (max-width: 1200px) {
  #FOOTER-SOCIAL a {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 991px) {
  #FOOTER-SOCIAL a {
    font-size: 2.2em;
  }
}
#FOOTER-SOCIAL a:before {
  position: absolute;
  left: 0;
  top: -1px;
}
#FOOTER-SOCIAL .btn-fbook a:before {
  content: '\e617';
  color: #335599;
}
#FOOTER-SOCIAL .btn-gplus a:before {
  content: '\e618';
  color: #dd4433;
}
#FOOTER-SOCIAL .btn-linkedin a:before {
  content: '\e616';
  color: #0077aa;
}
#FOOTER-SOCIAL .btn-twitter a:before {
  content: '\e61a';
  color: #33aadd;
}
#FOOTER-SOCIAL .btn-xing a:before {
  content: '\e619';
  color: #005566;
}
#FOOTER-SOCIAL .btn-email a:before {
  content: '\e61b';
  color: #FFFFFF;
  background: #969696;
}
#FOOTER-SOCIAL a {
  border: 1px solid #7f97b1;
  height: 30px;
  opacity: 0.75;
  overflow: hidden;
  color: #FFFFFF;
  width: 31px;
  margin: 0 13px 0 0;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  #FOOTER-SOCIAL a {
    height: 24px;
    width: 25px;
  }
}
@media screen and (max-width: 991px) {
  #FOOTER-SOCIAL a {
    height: 30px;
    width: 31px;
  }
}
#FOOTER-SOCIAL a:focus, #FOOTER-SOCIAL a:hover, #FOOTER-SOCIAL a.hover {
  opacity: 1;
}

/*
 * ------------------------------------------------------------
 * BUTTON UM ZUM ANFANG DER SEITE ZU SCROLLEN
 * ------------------------------------------------------------
 */
#SCROLL-TOP {
  border: 0 none;
  bottom: 10px;
  height: 37px;
  overflow: hidden;
  position: fixed;
  right: 10px;
  width: 72px;
  z-index: 99;
}
#SCROLL-TOP a {
  display: block;
  height: 100%;
  text-indent: -99999px;
  width: 100%;
}

#FOOTER-ENDER {
  width: 100%;
  height: 65px;
  position: relative;
  background: #003064 url("./../../images/bg-footer.ender.svg") no-repeat scroll right top;
}
@media screen and (max-width: 767px) {
  #FOOTER-ENDER {
    background: #003064;
    height: 55px;
  }
}

/*
 * ------------------------------------------------------------
 * FUER DEN INTERNET EXPLORER < 7.x
 * ------------------------------------------------------------
 */
.lt-ie7 #SCROLL-TOP {
  top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

#LAYOUT-FOOTER {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url("./../../images/bg-footer.png") no-repeat scroll center 105px;
}
@media screen and (max-width: 1200px) {
  #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.png") no-repeat scroll center 85px;
  }
}
@media screen and (max-width: 991px) {
  #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.png") no-repeat scroll center 245px;
  }
}
@media screen and (max-width: 767px) {
  #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.png") no-repeat center bottom -205px;
  }
}

.svg #LAYOUT-FOOTER {
  background: url("./../../images/bg-footer.svg") no-repeat scroll center 105px;
}
@media screen and (max-width: 1200px) {
  .svg #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.svg") no-repeat scroll center 85px;
  }
}
@media screen and (max-width: 991px) {
  .svg #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.svg") no-repeat scroll center 245px;
  }
}
@media screen and (max-width: 767px) {
  .svg #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.svg") no-repeat center bottom -205px;
  }
}

.lang-en #LAYOUT-FOOTER {
  width: 100%;
  height: 250px;
  margin-top: 220px;
  position: relative;
  overflow: hidden;
  background: url("./../../images/bg-footer.png") no-repeat scroll center 105px;
}
@media screen and (max-width: 1200px) {
  .lang-en #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.png") no-repeat scroll center bottom;
  }
}
@media screen and (max-width: 991px) {
  .lang-en #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.png") no-repeat scroll center bottom;
  }
}
@media screen and (max-width: 767px) {
  .lang-en #LAYOUT-FOOTER {
    height: 320px;
    background: url("./../../images/bg-footer.png") no-repeat center bottom;
  }
}
.lang-en.svg #LAYOUT-FOOTER {
  margin-top: 220px;
  background: url("./../../images/bg-footer.svg") no-repeat scroll right 105px;
}
@media screen and (max-width: 1200px) {
  .lang-en.svg #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.svg") no-repeat scroll right 85px;
  }
}
@media screen and (max-width: 991px) {
  .lang-en.svg #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.svg") no-repeat scroll right 85px;
  }
}
@media screen and (max-width: 767px) {
  .lang-en.svg #LAYOUT-FOOTER {
    background: url("./../../images/bg-footer.svg") no-repeat center bottom -205px;
  }
}

.corner-outer {
  height: 0px;
  display: none;
}

@media screen and (max-width: 991px) {
  .corner-outer {
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .corner-outer {
    height: 100px;
  }
}
@media screen and (max-width: 420px) {
  .corner-outer {
    height: 80px;
  }
}
.footer-corner {
  background: none repeat scroll 0 0 #003064;
  height: 200px;
  overflow: hidden;
  position: absolute;
  right: -35px;
  -webkit-transform: rotate(-10deg);
  /* chrome & safari*/
  -moz-transform: rotate(-10deg);
  /* firefox */
  -o-transform: rotate(-10deg);
  /* opera */
  transform: rotate(-10deg);
  /* explorer > 9 */
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .footer-corner {
    width: 120%;
    bottom: -130px;
    height: 250px;
  }
}
#CLAIM-PHONE.phone {
  margin: -25px 0 20px 0;
  display: none;
  max-width: 400px;
}
#CLAIM-PHONE.phone img {
  width: 100%;
  vertical-align: none;
}
@media screen and (max-width: 767px) {
  #CLAIM-PHONE.phone {
    display: block;
  }
}

.frauundberuf #LAYOUT-FOOTER {
  height: 290px;
  position: relative;
  overflow: visible;
  background-position: center 0;
}
@media screen and (max-width: 1200px) {
  .frauundberuf #LAYOUT-FOOTER {
    height: 120px;
    background-position: center -190px;
  }
}
@media screen and (max-width: 991px) {
  .frauundberuf #LAYOUT-FOOTER {
    height: 120px;
    background-position: center -210px;
  }
}
@media screen and (max-width: 767px) {
  .frauundberuf #LAYOUT-FOOTER {
    height: 120px;
    background-position: center -230px;
  }
}
.frauundberuf #FOOTER {
  position: relative;
  top: 190px;
  bottom: 0;
}
@media screen and (max-width: 1200px) {
  .frauundberuf #FOOTER {
    height: 70px;
    top: 20px;
  }
}
@media screen and (max-width: 991px) {
  .frauundberuf #FOOTER {
    height: 70px;
    top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .frauundberuf #FOOTER {
    height: 70px;
    top: 20px;
  }
}
.frauundberuf #FOOTER-LOGO {
  margin: 0;
}

/*
 * MAIN-NAVI
 * ------------------------------------------------------------
 * Hauptnavigation inklusive Mega-Menus
 */
/* Basics */
#MAIN-NAVI {
  border-top: 2px solid #003064;
  border-bottom: 1px solid #7f97b1;
  display: block;
  float: left;
  margin-bottom: 0.65em;
  margin-top: 30px;
  position: relative;
  text-decoration: none;
  text-align: center;
  width: 100%;
  z-index: 105;
  *zoom: 1;
}
@media screen and (max-width: 767px) {
  #MAIN-NAVI {
    display: none;
  }
}
#MAIN-NAVI ul, #MAIN-NAVI li {
  background-image: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#MAIN-NAVI .product-navi ul,
#MAIN-NAVI .product-navi li,
#MAIN-NAVI .product-navi a,
#MAIN-NAVI .company-navi ul,
#MAIN-NAVI .company-navi li,
#MAIN-NAVI .company-navi a {
  display: block;
  float: left;
  *zoom: 1;
}
#MAIN-NAVI .product-navi .main-item .main-btn,
#MAIN-NAVI .company-navi .main-item .main-btn {
  font-family: 'PT Sans Narrow', Arial, Helvetica, Tahoma, Verdana, sans-serif;
  border-bottom: 2px solid #fff;
  color: #4c6e92;
  height: 20px;
  line-height: 20px;
  padding: 12px 0 30px 0;
  text-decoration: none;
  vertical-align: middle;
}
#MAIN-NAVI .product-navi .main-item .main-btn-active,
#MAIN-NAVI .company-navi .main-item .main-btn-active {
  border-bottom: 3px solid #003064;
  color: #003064;
  margin-bottom: -1px;
}
#MAIN-NAVI .product-navi .main-item .main-btn:focus, #MAIN-NAVI .product-navi .main-item .main-btn:hover, #MAIN-NAVI .product-navi .main-item .main-btn.hover,
#MAIN-NAVI .company-navi .main-item .main-btn:focus,
#MAIN-NAVI .company-navi .main-item .main-btn:hover,
#MAIN-NAVI .company-navi .main-item .main-btn.hover {
  border-bottom: 3px solid #003064;
  color: #003064;
  margin-bottom: -1px;
}
#MAIN-NAVI .product-navi .main-item-active .main-btn,
#MAIN-NAVI .company-navi .main-item-active .main-btn {
  border-bottom: 3px solid #003064;
  color: #003064;
  margin-bottom: -1px;
}
#MAIN-NAVI .product-navi .main-item-first,
#MAIN-NAVI .company-navi .main-item-first {
  padding-left: 0 !important;
}
#MAIN-NAVI .product-navi .main-item-last,
#MAIN-NAVI .company-navi .main-item-last {
  padding-right: 0 !important;
}
#MAIN-NAVI .product-navi .main-item .sub-item,
#MAIN-NAVI .company-navi .main-item .sub-item {
  background-color: #ccd6e0;
  border-bottom: 3px solid #7f97b1;
  clear: both;
  color: #003064;
  left: -99999px;
  padding-bottom: 10px;
  padding-top: 10px;
  position: absolute;
  text-align: left;
  top: 40px;
  width: 1140px;
  *zoom: 1;
}
#MAIN-NAVI .product-navi .main-item .sub-item a:before,
#MAIN-NAVI .company-navi .main-item .sub-item a:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e602';
  margin: 0 0 0 -15px;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  #MAIN-NAVI .product-navi .main-item .sub-item,
  #MAIN-NAVI .company-navi .main-item .sub-item {
    width: 960px;
  }
}
@media screen and (max-width: 991px) {
  #MAIN-NAVI .product-navi .main-item .sub-item,
  #MAIN-NAVI .company-navi .main-item .sub-item {
    width: 720px;
  }
}
#MAIN-NAVI .product-navi .main-item .sub-item li, #MAIN-NAVI .product-navi .main-item .sub-item a, #MAIN-NAVI .product-navi .main-item .sub-item strong,
#MAIN-NAVI .company-navi .main-item .sub-item li,
#MAIN-NAVI .company-navi .main-item .sub-item a,
#MAIN-NAVI .company-navi .main-item .sub-item strong {
  border-bottom: 0 none;
  clear: both;
  color: #003064;
  display: block;
  float: none;
  font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
  line-height: normal;
}
#MAIN-NAVI .product-navi .main-item.navi-main-opened .sub-item,
#MAIN-NAVI .company-navi .main-item.navi-main-opened .sub-item {
  left: 0;
}

/* Bug-Fix IE */
.lt-ie8 #MAIN-NAVI .main-item li {
  width: 100%;
}

/* Einzelne Links */
#MAIN-NAVI {
  font-size: 1em;
}
@media screen and (max-width: 991px) {
  #MAIN-NAVI {
    font-size: 1em;
  }
}
@media screen and (max-width: 1200px) {
  #MAIN-NAVI {
    font-size: 0.9em;
  }
}
#MAIN-NAVI .main-item .sub-item a {
  font-size: 1em;
  font-weight: normal;
}
#MAIN-NAVI .main-item .sub-item .active {
  font-size: 1em;
  font-weight: normal;
  color: #000;
}
#MAIN-NAVI .main-item .sub-item a:focus, #MAIN-NAVI .main-item .sub-item a:hover {
  color: #000;
}
#MAIN-NAVI .main-item .sub-item-left, #MAIN-NAVI .main-item .sub-item-right {
  float: left;
}
#MAIN-NAVI .main-item .sub-item-title {
  color: #000;
  font-size: 1.1em;
  font-weight: 700;
  padding: 5px 20px;
}
#MAIN-NAVI .company-navi, #MAIN-NAVI .product-navi {
  float: left;
  position: relative;
  overflow: visible;
  *zoom: 1;
}
#MAIN-NAVI .company-navi {
  margin-right: -1px;
}
#MAIN-NAVI .company-navi .main-item {
  padding-right: 30px;
}
@media screen and (max-width: 1200px) {
  #MAIN-NAVI .company-navi .main-item {
    padding-right: 18px;
  }
}
#MAIN-NAVI .company-navi .main-btn {
  font-size: 1.35em;
  font-weight: normal;
}
#MAIN-NAVI .company-navi .sub-item {
  width: 320px;
}
#MAIN-NAVI .company-navi .sub-item .left, #MAIN-NAVI .company-navi .sub-item .right {
  float: left;
  width: 50%;
}
#MAIN-NAVI .company-navi .sub-item a {
  background-position: 10px -4094px;
  font-size: 1em;
  font-weight: normal;
  padding: 5px 10px 5px 25px;
}
#MAIN-NAVI .company-navi .sub-item .active {
  background-position: 10px -4094px;
  font-size: 1em;
  font-weight: normal;
  padding: 5px 10px 5px 25px;
  background-position: 10px -3994px;
}
#MAIN-NAVI .company-navi .sub-item a:focus, #MAIN-NAVI .company-navi .sub-item a:hover {
  background-position: 10px -3994px;
}
#MAIN-NAVI .product-navi {
  z-index: 100;
}
#MAIN-NAVI .product-navi .main-btn {
  font-size: 1.50em;
  font-weight: 700;
}
#MAIN-NAVI .product-navi .main-item {
  padding-right: 25px;
}
#MAIN-NAVI .product-navi .main-item:last-child {
  padding-right: 35px;
}
@media screen and (max-width: 1200px) {
  #MAIN-NAVI .product-navi .main-item {
    padding-right: 18px;
  }
  #MAIN-NAVI .product-navi .main-item:last-child {
    padding-right: 28px;
  }
}
#MAIN-NAVI .product-navi .sub-item a {
  background-position: 15px -4094px;
  padding: 5px 15px 5px 35px;
}
#MAIN-NAVI .product-navi .sub-item .active {
  background-position: 15px -4094px;
  padding: 5px 15px 5px 35px;
  background-position: 15px -3994px;
}
#MAIN-NAVI .product-navi .sub-item a:focus, #MAIN-NAVI .product-navi .sub-item a:hover {
  background-position: 15px -3994px;
}
#MAIN-NAVI .product-navi .sub-item-left, #MAIN-NAVI .product-navi .sub-item-right {
  *zoom: 1;
}
#MAIN-NAVI .product-navi .sub-item-left {
  border-right: 1px solid #7f97b1;
  padding-right: 1px;
  width: 575px;
}
@media screen and (max-width: 1200px) {
  #MAIN-NAVI .product-navi .sub-item-left {
    width: 554px;
  }
}
@media screen and (max-width: 991px) {
  #MAIN-NAVI .product-navi .sub-item-left {
    width: 454px;
  }
}
#MAIN-NAVI .product-navi .sub-item-left .left, #MAIN-NAVI .product-navi .sub-item-left .right {
  display: block;
  float: left;
  padding: 0;
  min-height: 235px;
}
#MAIN-NAVI .product-navi .sub-item-left .left {
  width: 286px;
}
@media screen and (max-width: 1200px) {
  #MAIN-NAVI .product-navi .sub-item-left .left {
    width: 275px;
  }
}
@media screen and (max-width: 991px) {
  #MAIN-NAVI .product-navi .sub-item-left .left {
    width: 225px;
  }
}
#MAIN-NAVI .product-navi .sub-item-left .right {
  background: url("../../images/line-1px-white.png") 0 0 no-repeat;
  width: 287px;
}
@media screen and (max-width: 1200px) {
  #MAIN-NAVI .product-navi .sub-item-left .right {
    width: 276px;
  }
}
@media screen and (max-width: 991px) {
  #MAIN-NAVI .product-navi .sub-item-left .right {
    width: 225px;
  }
}
#MAIN-NAVI .product-navi .sub-item-right {
  border-left: 1px solid #7f97b1;
  margin-left: -1px;
  width: 384px;
}
@media screen and (max-width: 991px) {
  #MAIN-NAVI .product-navi .sub-item-right {
    width: 260px;
  }
}
#MAIN-NAVI .main-item:hover .sub-item, #MAIN-NAVI .main-item-active .sub-item {
  left: 0;
}
#MAIN-NAVI:after, #MAIN-NAVI:before {
  content: ' ';
  display: table;
}
#MAIN-NAVI .sub-item:after, #MAIN-NAVI .sub-item:before {
  content: ' ';
  display: table;
}
#MAIN-NAVI .company-navi:after, #MAIN-NAVI .company-navi:before {
  content: ' ';
  display: table;
}
#MAIN-NAVI .product-navi:after, #MAIN-NAVI .product-navi:before {
  content: ' ';
  display: table;
}
#MAIN-NAVI .product-navi .sub-item-left:after, #MAIN-NAVI .product-navi .sub-item-left:before {
  content: ' ';
  display: table;
}
#MAIN-NAVI .product-navi .sub-item-right:after, #MAIN-NAVI .product-navi .sub-item-right:before {
  content: ' ';
  display: table;
}
#MAIN-NAVI:after, #MAIN-NAVI .sub-item:after, #MAIN-NAVI .company-navi:after {
  clear: both;
}
#MAIN-NAVI .product-navi:after, #MAIN-NAVI .product-navi .sub-item-left:after, #MAIN-NAVI .product-navi .sub-item-right:after {
  clear: both;
}

/* HAMBURGER */
.mobile-navi {
  border-top: 1px solid #7f97b1;
  position: absolute;
  top: 45px;
  width: 100%;
  display: none;
}
.mobile-navi.menuopen {
  display: block;
}

#dl-menu-2 .dl-menu {
  z-index: 1000;
  display: none;
}
#dl-menu-2 .dl-menuopen {
  display: inline;
}

#dl-menu.dl-menuwrapper {
  z-index: 1000;
  width: 100%;
  height: 48px;
  float: right;
  position: relative;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  -moz-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
  border-top: 2px solid #003064;
  border-bottom: 1px solid #7f97b1;
  margin: 20px 0 0.65em 0;
  display: none;
}
#dl-menu.dl-menuwrapper:before {
  content: 'Menü';
  position: absolute;
  left: 0;
  float: left;
  text-transform: normal !important;
  border: none;
  font-family: 'PT Sans Narrow',Arial,Helvetica,Tahoma,Verdana,sans-serif;
  font-size: 1.8em;
  color: #4c6e92;
  padding: 5px 0;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #dl-menu.dl-menuwrapper {
    display: block;
  }
}
#dl-menu.dl-menuwrapper h2 {
  float: left;
  text-transform: normal !important;
  border: none;
  font-family: 'PT Sans Narrow',Arial,Helvetica,Tahoma,Verdana,sans-serif;
  font-size: 1.8em;
  color: #4c6e92;
  padding: 12px 0;
}

.lang-en #dl-menu.dl-menuwrapper:before {
  content: 'Menu';
}

.dl-menuwrapper:first-child {
  margin-right: 100px;
}

.dl-menuwrapper button {
  background: #4c6e92;
  border: none;
  width: 48px;
  height: 45px;
  float: right;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  outline: none;
}

.dl-menuwrapper button:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e60f';
  width: 68%;
  height: 5px;
  color: #FFF;
  font-size: 2em;
}
.dl-menuwrapper button.dl-active:after {
  content: '\e610';
}

.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.dl-menuwrapper ul ul {
  margin: 0;
}

.dl-menuwrapper li {
  position: relative;
  border-bottom: 1px solid #FFFFFF;
  padding: 0;
}
.dl-menuwrapper li:last-child {
  border-bottom: 4px solid #4c6e92;
}

.dl-menuwrapper li a {
  display: block;
  position: relative;
  padding: 15px 50px 15px 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: #003064;
  outline: none;
  background: #ccd6e0;
}
.dl-menuwrapper li a:focus {
  background: #003064;
  color: white;
}

.dl-menuwrapper li.dl-back > a {
  padding-left: 20px;
  color: white;
  background: #4c6e92;
}
.dl-menuwrapper li.dl-back > a:focus {
  background: #003064;
}
.dl-menuwrapper li.dl-back > a:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  content: "\e60e";
  padding: 0 5px 0 0;
}

.dl-menuwrapper li.submenu > a:not(:only-child):after {
  background: #4c6e92;
  width: 48px;
  height: 100%;
  color: #FFFFFF;
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 50px;
  padding: 0 16px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\e609";
}

.nav-arrow {
  display: block;
  height: 20px;
  position: absolute;
  z-index: 1000;
  right: 0;
  width: 50px;
  height: 50px;
  top: 0;
  cursor: pointer;
}
.nav-arrow:after {
  background: transparent;
  width: 50px;
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.525em;
  top: 0;
  line-height: 2.4;
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "";
  padding: 13px;
}
.nav-arrow:hover .dl-menuwrapper li.submenu > a:not(:only-child):after {
  background: #003064;
}

.dl-menuwrapper li > a:not(:only-child):after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.525em;
  position: absolute;
  top: 0;
  line-height: 50px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "";
}

.dl-menuwrapper li > a:after {
  right: 10px;
  color: #003064;
}

.dl-menuwrapper .dl-menu {
  position: relative;
  width: 100%;
  top: 50px;
  opacity: 0;
  pointer-events: none;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen,
.mobile-navi.menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}

.HAMBURGER-NAVI .main-item.submenu:nth-of-type(1) a, .HAMBURGER-NAVI .main-item.submenu:nth-of-type(2) a, .HAMBURGER-NAVI .main-item.submenu:nth-of-type(3) a, .HAMBURGER-NAVI .main-item.submenu:nth-of-type(4) a {
  font-weight: 700;
}
.HAMBURGER-NAVI .main-item.submenu .dl-back {
  z-index: 2000;
}
.HAMBURGER-NAVI .main-item.submenu .dl-back a {
  z-index: 2000;
  font-weight: 400;
}
.HAMBURGER-NAVI .navi-main-second {
  z-index: 2000;
}
.HAMBURGER-NAVI .navi-main-second .main-item:nth-of-type(1) a, .HAMBURGER-NAVI .navi-main-second .main-item:nth-of-type(2) a, .HAMBURGER-NAVI .navi-main-second .main-item:nth-of-type(3) a, .HAMBURGER-NAVI .navi-main-second .main-item:nth-of-type(4) a {
  font-weight: 400;
}

.dl-back + .nav-arrow {
  display: none;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
  display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-subviewopen {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  -moz-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@-webkit-keyframes MenuAnimOut2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%);
    opacity: 0;
  }
}

@-moz-keyframes MenuAnimOut2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 1;
  }

  100% {
    -moz-transform: translateX(0%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 1;
  }

  100% {
    transform: translateX(0%);
    opacity: 0;
  }
}

.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  -moz-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}

@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-moz-keyframes MenuAnimIn2 {
  0% {
    -moz-transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn2 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-moz-keyframes SubMenuAnimIn2 {
  0% {
    -moz-transform: translateX(100%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn2 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}

@-moz-keyframes SubMenuAnimOut2 {
  0% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -moz-transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut2 {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}

.no-js .dl-menuwrapper li.dl-back {
  display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: '';
}

/* Colors for demos */
/* Demo 2 */
.demo-2 .dl-menuwrapper button {
  background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
  background: #D35400;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  -moz-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  -moz-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  -moz-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  -moz-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  -moz-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }

  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }

  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}

@-moz-keyframes MenuAnimOut1 {
  50% {
    -moz-transform: translateZ(-250px) rotateY(30deg);
  }

  75% {
    -moz-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }

  100% {
    -moz-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

@-moz-keyframes MenuAnimOut2 {
  100% {
    -moz-transform: translateX(-100%);
    opacity: 0;
  }
}

@-moz-keyframes MenuAnimOut3 {
  100% {
    -moz-transform: translateZ(300px);
    opacity: 0;
  }
}

@-moz-keyframes MenuAnimOut4 {
  100% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
  }
}

@-moz-keyframes MenuAnimOut5 {
  100% {
    -moz-transform: translateY(40%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut1 {
  50% {
    transform: translateZ(-250px) rotateY(30deg);
  }

  75% {
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }

  100% {
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

@keyframes MenuAnimOut2 {
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut3 {
  100% {
    transform: translateZ(300px);
    opacity: 0;
  }
}

@keyframes MenuAnimOut4 {
  100% {
    transform: translateZ(-300px);
    opacity: 0;
  }
}

@keyframes MenuAnimOut5 {
  100% {
    transform: translateY(40%);
    opacity: 0;
  }
}

.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  -moz-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  -moz-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  -moz-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  -moz-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  -moz-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }

  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}

@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}

@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes MenuAnimIn1 {
  0% {
    -moz-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }

  20% {
    -moz-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }

  100% {
    -moz-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}

@-moz-keyframes MenuAnimIn2 {
  0% {
    -moz-transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}

@-moz-keyframes MenuAnimIn3 {
  0% {
    -moz-transform: translateZ(300px);
    opacity: 0;
  }

  100% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
}

@-moz-keyframes MenuAnimIn4 {
  0% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
  }

  100% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
}

@-moz-keyframes MenuAnimIn5 {
  0% {
    -moz-transform: translateY(40%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes MenuAnimIn1 {
  0% {
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }

  20% {
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }

  100% {
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes MenuAnimIn2 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn3 {
  0% {
    transform: translateZ(300px);
    opacity: 0;
  }

  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn4 {
  0% {
    transform: translateZ(-300px);
    opacity: 0;
  }

  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn5 {
  0% {
    transform: translateY(40%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  -moz-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  -moz-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  -moz-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  -moz-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}

@-moz-keyframes SubMenuAnimIn1 {
  0% {
    -moz-transform: translateX(50%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}

@-moz-keyframes SubMenuAnimIn2 {
  0% {
    -moz-transform: translateX(100%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0px);
    opacity: 1;
  }
}

@-moz-keyframes SubMenuAnimIn3 {
  0% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
  }

  100% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
}

@-moz-keyframes SubMenuAnimIn4 {
  0% {
    -moz-transform: translateZ(300px);
    opacity: 0;
  }

  100% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }
}

@-moz-keyframes SubMenuAnimIn5 {
  0% {
    -moz-transform: translateZ(-200px);
    opacity: 0;
  }

  100% {
    -moz-transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn1 {
  0% {
    transform: translateX(50%);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn2 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn3 {
  0% {
    transform: translateZ(-300px);
    opacity: 0;
  }

  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn4 {
  0% {
    transform: translateZ(300px);
    opacity: 0;
  }

  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn5 {
  0% {
    transform: translateZ(-200px);
    opacity: 0;
  }

  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  -moz-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  -moz-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  -moz-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  -moz-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}

@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}

@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}

@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}

@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
}

@-moz-keyframes SubMenuAnimOut1 {
  0% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -moz-transform: translateX(50%);
    opacity: 0;
  }
}

@-moz-keyframes SubMenuAnimOut2 {
  0% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -moz-transform: translateX(100%);
    opacity: 0;
  }
}

@-moz-keyframes SubMenuAnimOut3 {
  0% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }

  100% {
    -moz-transform: translateZ(-300px);
    opacity: 0;
  }
}

@-moz-keyframes SubMenuAnimOut4 {
  0% {
    -moz-transform: translateZ(0px);
    opacity: 1;
  }

  100% {
    -moz-transform: translateZ(300px);
    opacity: 0;
  }
}

@-moz-keyframes SubMenuAnimOut5 {
  0% {
    -moz-transform: translateZ(0);
    opacity: 1;
  }

  100% {
    -moz-transform: translateZ(-200px);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut1 {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    transform: translateX(50%);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut2 {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut3 {
  0% {
    transform: translateZ(0px);
    opacity: 1;
  }

  100% {
    transform: translateZ(-300px);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut4 {
  0% {
    transform: translateZ(0px);
    opacity: 1;
  }

  100% {
    transform: translateZ(300px);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut5 {
  0% {
    transform: translateZ(0);
    opacity: 1;
  }

  100% {
    transform: translateZ(-200px);
    opacity: 0;
  }
}

/*
 * ANCHOR-NAVI
 * ------------------------------------------------------------
 * Quick-Jump zu den einzelnen Seitenbereichen
 */
#ANKER-NAVI {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
#ANKER-NAVI ul {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
#ANKER-NAVI li {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
#ANKER-NAVI li a {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
#ANKER-NAVI ul, #ANKER-NAVI li, #ANKER-NAVI a {
  color: #acacac;
  font-size: 0.75em;
  text-decoration: none;
}
#ANKER-NAVI ul {
  list-style: none;
  background-image: none;
}
#ANKER-NAVI ul li {
  width: 100%;
}
#ANKER-NAVI li {
  background-image: none;
}
#ANKER-NAVI a {
  border: 0 none;
  clip: rect(0 0 0 0);
  height: 1px;
  line-height: 1.25em;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  vertical-align: middle;
  width: 1px;
}
#ANKER-NAVI a:focus, #ANKER-NAVI a:hover {
  background-color: #003064;
  border: 2px solid #4c6e92;
  clip: auto;
  color: #fff;
  height: auto;
  overflow: visible;
  margin: 0;
  padding: 4px;
  white-space: nowrap;
  width: auto;
}

/*
 * BREADCRUMB-NAVI
 * ------------------------------------------------------------
 * Anzeigen, wo sich der Benutzer gerade befindet
 */
#BREADCRUMB-NAVI, #BREADCRUMB-PHONE {
  height: 50px;
  margin: 0 0 10px 0;
  padding: 10px 0 10px 0;
  display: block;
  clear: both;
  border-bottom: 1px solid #7f97b1;
  color: #4c6e92;
  font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 1em;
  font-weight: 700;
  *zoom: 1;
}
@media screen and (max-width: 767px) {
  #BREADCRUMB-NAVI, #BREADCRUMB-PHONE {
    display: none;
  }
}
#BREADCRUMB-NAVI a, #BREADCRUMB-PHONE a, #BREADCRUMB-NAVI em, #BREADCRUMB-PHONE em {
  color: #4c6e92;
  float: left;
  display: block;
  line-height: 22px;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
#BREADCRUMB-NAVI a:first-child, #BREADCRUMB-PHONE a:first-child, #BREADCRUMB-NAVI em:first-child, #BREADCRUMB-PHONE em:first-child {
  padding: 0;
}
#BREADCRUMB-NAVI a:before, #BREADCRUMB-PHONE a:before, #BREADCRUMB-NAVI em:before, #BREADCRUMB-PHONE em:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e602';
  position: relative;
  padding: 0;
  top: 0;
}
#BREADCRUMB-NAVI a:focus, #BREADCRUMB-PHONE a:focus, #BREADCRUMB-NAVI a:hover, #BREADCRUMB-PHONE a:hover {
  color: #003064;
}
#BREADCRUMB-NAVI em, #BREADCRUMB-PHONE em {
  font-style: normal;
}
#BREADCRUMB-NAVI strong, #BREADCRUMB-PHONE strong {
  padding-right: 10px;
}
#BREADCRUMB-NAVI span, #BREADCRUMB-PHONE span {
  /* visually hidden */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body.layout0 #BREADCRUMB-NAVI, body.layout0 #BREADCRUMB-PHONE,
body.layout1 #BREADCRUMB-NAVI,
body.layout1 #BREADCRUMB-PHONE,
body.layout11 #BREADCRUMB-NAVI,
body.layout11 #BREADCRUMB-PHONE,
body.layout12 #BREADCRUMB-NAVI,
body.layout12 #BREADCRUMB-PHONE,
body.layout28 #BREADCRUMB-NAVI,
body.layout28 #BREADCRUMB-PHONE {
  height: 40px;
  margin: 0;
  padding: 10px 0 0 0;
  border-bottom: 0;
}

#BREADCRUMB-PHONE {
  height: 45px;
  display: none;
}
@media screen and (max-width: 767px) {
  #BREADCRUMB-PHONE {
    display: block;
  }
}
#BREADCRUMB-PHONE a:before {
  content: '\e605';
  font-size: 0.75em;
  position: relative;
  top: -1px;
  padding: 0 5px 0 0;
}

/*
 * LANG-NAVI
 * ------------------------------------------------------------
 * Auswahl der Sprache, Darstellung mittels Flaggen
 */
/* Basics */
#LANG-NAVI {
  float: right;
  margin-top: 0.65em;
  margin-left: 1.90em;
}
#LANG-NAVI ul {
  list-style: none;
  background-image: none;
}
#LANG-NAVI li {
  background-image: none;
}
#LANG-NAVI ul, #LANG-NAVI li, #LANG-NAVI a {
  color: #acacac;
  float: left;
  font-size: 0.70em;
  line-height: 0.70em;
  margin: 0;
  padding: 0;
  text-decoration: none;
  *zoom: 1;
}
#LANG-NAVI li {
  margin-left: 0.70em;
}
#LANG-NAVI a {
  border: 1px solid #acacac;
  cursor: pointer;
  display: block;
  height: 13px;
  text-indent: -99999px;
  width: 22px;
}
#LANG-NAVI strong {
  border: 1px solid #acacac;
  cursor: pointer;
  display: block;
  height: 13px;
  text-indent: -99999px;
  width: 22px;
  cursor: default;
}
#LANG-NAVI .lang-de a {
  background: url("./../../images/flagge_de.png") no-repeat;
  opacity: 0.6;
}
#LANG-NAVI .lang-de a:hover {
  opacity: 1;
}
#LANG-NAVI .lang-de strong {
  background: url("./../../images/flagge_de.png") no-repeat;
  opacity: 1;
}
#LANG-NAVI .lang-en a {
  background: url("./../../images/flagge_gb.png") no-repeat;
  opacity: 0.6;
}
#LANG-NAVI .lang-en a:hover {
  opacity: 1;
}
#LANG-NAVI .lang-en strong {
  background: url("./../../images/flagge_gb.png") no-repeat;
  opacity: 1;
}

.svg #LANG-NAVI .lang-de a {
  background: url("./../../images/flagge_de.svg") no-repeat;
}
.svg #LANG-NAVI .lang-de strong {
  background: url("./../../images/flagge_de.svg") no-repeat;
}
.svg #LANG-NAVI .lang-en a {
  background: url("./../../images/flagge_gb.svg") no-repeat;
}
.svg #LANG-NAVI .lang-en strong {
  background: url("./../../images/flagge_gb.svg") no-repeat;
}

/*
 * SECOND-NAVI
 * ------------------------------------------------------------
 * Navigation ab der 2. bzw. 3. Ebene
 */
/* Basics */
#SECOND-NAVI {
  font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-weight: normal;
  float: left;
  line-height: normal;
  padding: 10px 50px 10px 10px;
}
#SECOND-NAVI ul {
  border-top: 1px solid #7f97b1;
}
#SECOND-NAVI ul, #SECOND-NAVI li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#SECOND-NAVI ul, #SECOND-NAVI li, #SECOND-NAVI a, #SECOND-NAVI strong {
  display: block;
  *zoom: 1;
}
#SECOND-NAVI a, #SECOND-NAVI strong {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.15em;
  padding: 10px 0;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -hyphens: auto;
}
#SECOND-NAVI a {
  color: #4c6e92;
}
#SECOND-NAVI a:focus, #SECOND-NAVI a:hover, #SECOND-NAVI a.active {
  color: #003064;
}
#SECOND-NAVI li.active > a, #SECOND-NAVI strong {
  color: #003064;
}
#SECOND-NAVI .ebene-3 a, #SECOND-NAVI .ebene-4 a {
  font-weight: normal;
}
#SECOND-NAVI a.active, #SECOND-NAVI strong {
  font-weight: 700;
}
#SECOND-NAVI li {
  border-bottom: 1px solid #7f97b1;
  border-top: 0 none;
  margin-top: -1px;
}
#SECOND-NAVI .ebene-2 li.active {
  border-bottom: 2px solid #003064;
  border-top: 2px solid #003064;
}
#SECOND-NAVI .ebene-3 li {
  border-bottom: 1px solid #ccd6e0;
  border-top: 1px solid #ccd6e0;
}
#SECOND-NAVI .ebene-3 li:last-child {
  border-bottom: 0 none;
}
#SECOND-NAVI .ebene-3 a, #SECOND-NAVI .ebene-3 strong {
  font-size: 1em;
  line-height: 1em;
  padding-left: 20px;
}
#SECOND-NAVI .ebene-4 {
  border-top: 1px solid #e0e9ee;
  padding-bottom: 10px;
}
#SECOND-NAVI .ebene-4 li {
  border-bottom: 0 none;
  border-top: 0 none;
}
#SECOND-NAVI .ebene-4 li a, #SECOND-NAVI .ebene-4 li strong {
  padding: 10px 0 0 30px;
}
#SECOND-NAVI .accordion-content ul {
  margin-bottom: 10px;
}
#SECOND-NAVI .accordion-content .ebene-3, #SECOND-NAVI .accordion-content .ebene-4 {
  margin-bottom: 0;
}
#SECOND-NAVI .accordion-content .ebene-3 a, #SECOND-NAVI .accordion-content .ebene-3 strong {
  padding-bottom: 10px;
  padding-top: 10px;
}
#SECOND-NAVI .accordion-content .ebene-4 {
  padding-top: 10px;
  padding-bottom: 0;
}
#SECOND-NAVI .accordion-content .ebene-4 a, #SECOND-NAVI .accordion-content .ebene-4 strong {
  padding-top: 0;
  padding-bottom: 10px;
}
#SECOND-NAVI .accordion-title {
  background-color: #7f97b1;
  color: #fff;
  margin: -1px 0 1px 0;
}
#SECOND-NAVI .accordion-title a {
  color: #fff;
  font-family: 'PT Sans', Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 1em;
  padding: 5px 8px 4px 8px;
  line-height: 19px;
  vertical-align: middle;
}
#SECOND-NAVI .accordion-title a:focus, #SECOND-NAVI .accordion-title a:hover {
  background-color: #003064;
  color: #fff;
}
#SECOND-NAVI .accordion-title a:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600";
  position: absolute;
  right: 0;
  padding: 0 55px;
}
#SECOND-NAVI .accordion-title a.accordion-open {
  background-color: #003064;
  color: #fff;
  cursor: pointer;
}
#SECOND-NAVI .accordion-title a.accordion-open:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603";
  position: absolute;
  right: 0;
  padding: 0 55px;
}

@media screen and (max-width: 1200px) {
  #SECOND-NAVI {
    padding: 10px 25px 10px 10px;
  }
}
@media screen and (max-width: 991px) {
  #SECOND-NAVI {
    display: none;
  }
}
/*
 * STATIC-NAVI
 * ------------------------------------------------------------
 * Mini-Navigation am obereren Seitenrand
 */
/* Basics */
#STATIC-NAVI {
  float: right;
  margin: 0.65em 0 20px 0;
}
#STATIC-NAVI ul {
  list-style: none;
  background-image: none;
}
#STATIC-NAVI li {
  background-image: none;
}
#STATIC-NAVI ul, #STATIC-NAVI li {
  color: #5c5c5c;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
#STATIC-NAVI a {
  color: #5c5c5c;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  -webkit-transition: color 0.25s ease-out;
}
#STATIC-NAVI a.link-login {
  padding-left: 15px;
}
#STATIC-NAVI li {
  border-left: 1px solid #acacac;
  font-size: 0.85em;
  float: left;
  line-height: 16px;
  margin-left: 10px;
  padding-left: 10px;
  *padding-bottom: 2px;
}
#STATIC-NAVI li:first-child, #STATIC-NAVI li.first {
  border-left: 0 none;
  margin-left: 0;
  padding-left: 0;
}
#STATIC-NAVI li.static-mobile {
  border: none;
}
#STATIC-NAVI li.static-mobile a {
  color: #7f97b1;
}
#STATIC-NAVI li.static-mobile a:hover {
  color: #003064;
}
#STATIC-NAVI strong, #STATIC-NAVI .active {
  color: #000000;
}
#STATIC-NAVI a:focus, #STATIC-NAVI a:hover {
  color: #000000;
}
#STATIC-NAVI strong {
  font-weight: normal;
  cursor: default;
}
#STATIC-NAVI .active {
  cursor: default;
}

/* Responsive */
@media screen and (max-width: 767px) {
  #STATIC-NAVI {
    display: none;
  }
}
/*
 * TOOL-NAVI
 * ------------------------------------------------------------
 * Tool-Navi (fuer den Druckbutton)
 */
#TOOL-NAVI a {
  display: block;
  height: 20px;
  padding-left: 0;
  margin: 36px 0 0 0;
  text-indent: -99999px;
  width: 20px;
}

.company-mobile-navi {
  text-align: left;
}
.company-mobile-navi.dl-menuwrapper {
  z-index: 1;
  display: none;
  border: none;
  position: absolute;
  margin: 0;
  width: 100%;
  right: 0;
}
.company-mobile-navi.dl-menuwrapper ul {
  float: none;
}
.company-mobile-navi.dl-menuwrapper li {
  float: none;
}
.company-mobile-navi.dl-menuwrapper a {
  float: none;
}

@media screen and (max-width: 991px) {
  .company-navi {
    display: none;
    width: 296px;
  }

  .company-mobile-navi.dl-menuwrapper {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .company-mobile-navi.dl-menuwrapper {
    display: none;
  }
}
h2 {
  text-transform: uppercase;
  padding-bottom: 7px;
  height: 29px;
}

h5.marginal-headline {
  margin: 0 0 10px 0;
  padding: 0 0 0.5em 0;
  border-bottom: 2px solid #064a78;
  color: #064a78;
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 0.85em;
  line-height: 22px;
  text-transform: uppercase;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: none;
  }
}

.csc-default.hide100 {
  display: block;
}
@media screen and (max-width: 767px) {
  .csc-default.hide100 {
    display: none;
  }
}
.csc-default.show200 {
  display: none;
}
@media screen and (max-width: 767px) {
  .csc-default.show200 {
    display: block;
  }
}

.content-top {
  padding-bottom: 0;
}

/*
 * ------------------------------------------------------------
 * NEWS-ELEMENTE AUF DER STARTSEITE
 * ------------------------------------------------------------
 * ggf. durch Typ3-CSC ersetzen!
 */
.home .col-first {
  padding-left: 5px;
}

/* Spezieller Titel der Spalte mit den News */
h3.home-news-title, h4.home-news-title {
  border-bottom: 2px solid #064a78;
  color: #064a78;
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 0.85em;
  height: 29px;
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 7px;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
}

/* News-Box */
.home-news-item {
  border-bottom: 1px solid #cecece;
  padding: 2px 0 2px 0;
}
.home-news-item h5 {
  font-size: 1.15em;
  padding: 13px 0 13px 0;
}
.home-news-item h5 .date {
  margin-right: 1px;
  padding-right: 5px;
  border-right: 1px solid #5c5c5c;
  color: #5c5c5c;
  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  font-size: 0.85em;
  font-weight: normal;
}
.home-news-item p {
  padding-right: 1em;
}
.home-news-item .last {
  margin-bottom: 0;
  padding-right: 0;
  text-align: right;
}

.home-news-panel {
  padding-top: 5px;
}
.home-news-panel a {
  background-color: #fff;
  border: 0 none;
  color: #a08e72;
  font-weight: bold;
}
.home-news-panel a:focus, .home-news-panel a:hover {
  color: #003064;
  border: 0 none;
}
.home-news-panel a:before {
  color: #a08e72;
}
.home-news-panel .link-intern {
  background-position: 0 -2300px;
  float: left;
}
.home-news-panel .link-email {
  float: right;
}

/* news pagination */
#CONTENT .csc-default .page-navigation ul li {
  display: inline;
  margin: 0 10px 0 0;
}
#CONTENT .csc-default .page-navigation ul li:before {
  content: none !important;
}
#CONTENT .csc-default .page-navigation ul li.previous a:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e60e";
}
#CONTENT .csc-default .page-navigation ul li.next a:after {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e609";
}

.termin-list,
.presse-list.layout31 {
  margin: 20px 0 20px 0;
}
.termin-list li,
.presse-list.layout31 li {
  border-bottom: 1px solid #cecece;
  padding: 20px 0 5px 0;
}
.termin-list li:first-child,
.presse-list.layout31 li:first-child {
  border-top: 1px solid #cecece;
}
.termin-list .left,
.presse-list.layout31 .left {
  width: 30%;
  float: left;
}
.termin-list .right,
.presse-list.layout31 .right {
  width: 70%;
  float: right;
}
.termin-list .right h5,
.presse-list.layout31 .right h5 {
  padding: 0 0 0.85em;
}
.termin-list .right .location,
.presse-list.layout31 .right .location {
  margin: 0 0 10px 0;
}
.termin-list .accordion,
.presse-list.layout31 .accordion {
  padding: 0 0 0.75em 0;
  position: relative;
}
.termin-list .accordion .accordion-title,
.presse-list.layout31 .accordion .accordion-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  background: white;
}
.termin-list .accordion .accordion-title a,
.presse-list.layout31 .accordion .accordion-title a {
  float: right;
}
.termin-list .accordion .accordion-title a:before,
.presse-list.layout31 .accordion .accordion-title a:before {
  font-family: 'iconfont_ibsh', Arial, sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding: 0 4px 0 4px;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e61c";
  font-size: 1em;
}
.termin-list .accordion .accordion-title a.accordion-close:before,
.presse-list.layout31 .accordion .accordion-title a.accordion-close:before {
  content: "\e61c";
}
.termin-list .accordion .accordion-title a.accordion-open:before,
.presse-list.layout31 .accordion .accordion-title a.accordion-open:before {
  content: "\e61d";
}
.termin-list .accordion .accordion-content,
.presse-list.layout31 .accordion .accordion-content {
  padding: 0 0 1em 0;
}

.presse-list.layout31 {
  margin-bottom: 0;
}
.presse-list.layout31 li {
  padding: 0;
}
.presse-list.layout31 li:first-child {
  border-top: 0;
}
.presse-list.layout31 .imgbox {
  padding: 0 15px 20px 0;
}
@media screen and (max-width: 991px) {
  .presse-list.layout31 .imgbox {
    padding-right: 15px;
  }
}
.presse-list.layout31 .imgbox img {
  max-width: 100%;
  height: auto;
}

#CONTENT .csc-default ul.presse-list.layout31 {
  padding-left: 0;
}
#CONTENT .csc-default ul.presse-list.layout31 li {
  margin: 0 0 20px 0;
}
#CONTENT .csc-default ul.presse-list.layout31 li:last-child {
  margin: 0 0 5px 0;
}

#CONTENT .csc-default ul.termin-list.layout53 {
  margin: 0;
  padding-left: 0;
}
#CONTENT .csc-default ul.termin-list.layout53 li {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border: 0;
}
#CONTENT .csc-default ul.termin-list.layout53 li:last-child {
  margin: 0 0 5px 0;
  padding: 0;
}

/*
 * ------------------------------------------------------------
 * TERMIN-UEBERSICHT
 * ------------------------------------------------------------
 */
.termin-list .date, .termin-list .location {
  color: #5c5c5c;
  font-size: 1em;
}
.termin-list .category {
  color: #a08e72;
  font-size: 0.85em;
}
.termin-list li:before {
  content: none !important;
}

#MARGINAL .termin-list, .content-small .termin-list {
  background-image: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#MARGINAL .termin-list li, .content-small .termin-list li {
  background-image: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

#MARGINAL .termin-list {
  border-bottom: 1px solid #cecece;
}
#MARGINAL .termin-list li {
  padding: 1em 0 1em 0;
}
#MARGINAL .termin-list li p {
  padding: 0;
  margin: 0;
}
#MARGINAL .termin-list li .title {
  color: #000;
  font-weight: 400;
  font-size: 1em;
  padding: 10px 0;
}

/*
.content-small .termin-list {
  padding-top: 2em;
  li {
    border-bottom: 1px solid #cecece;
    padding: 20px 0 25px 0;
    position: relative;
    &:first-child {
      border-top: 1px solid #cecece;
    }
    .left {
      display: block;
      float: left;
      height: 1em;
      overflow: visible;
      padding-right: 5px;
      width: 145px;
    }
    .right {
      display: block;
      float: left;
      padding-left: 5px;
      width: 305px;
    }
    .title {
    	color: #000;
      padding: 10px 0;
    }
    .category {
      font-size: 0.85em;
    }
    .accordion-title {
      bottom: 5px;
      right: 0;
      position: absolute;
    }
    .accordion-close {
      background: url('./../images/sprite-icons-1.all.png') 0 -1100px no-repeat;
      color: $color-midnightblue;
      padding-left: 20px;
    }
    .accordion-open {
      background: url('./../images/sprite-icons-1.all.png') 0 -1100px no-repeat;
      color: $color-midnightblue;
      padding-left: 20px;
      background-position: 0 -600px;
    }
    .accordion-close {
      &:focus, &:hover {
        color: #000;
        background-position: 0 -1000px;
      }
    }
    .accordion-open {
      &:focus, &:hover {
        color: #000;
        background-position: 0 -500px;
      }
    }
    .accordion-content {
      padding-bottom: 25px;
    }
  }
}
*/
/*
 * ------------------------------------------------------------
 * TERMIN-DETAILS
 * ------------------------------------------------------------
 */
.termin-details .wrap-link-footer, .termin-details .wrap-link-header {
  border-bottom: 1px solid #cecece;
  line-height: 22px;
  padding-bottom: 7px;
  text-align: left;
  vertical-align: middle;
}
.termin-details .wrap-link-footer {
  border-bottom: 1px solid #99b7c8;
  border-top: 1px solid #cecece;
  margin-top: 2em;
  padding-top: 8px;
}
.termin-details .title {
  padding-top: 0.75em;
}

.content-marginal .termin-list {
  border-bottom: 1px solid #cecece;
}
.content-marginal .termin-list li {
  border: none;
  padding: 0 0 20px;
}
.content-marginal .termin-list li:last-child {
  padding: 0 0 10px 0;
}

hr.top-line {
  height: 0;
  margin: 0;
  border-bottom: 1px solid #99B7C8;
}
@media screen and (max-width: 767px) {
  hr.grid_33-33-33 {
    display: none;
  }
}

/* Download-Liste in der Marginal-Spalte */
#MARGINAL .download-list {
  border-top: 0 none;
  border-bottom: 0 none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#MARGINAL .download-list li {
  background-image: none;
  border-bottom: 1px solid #cecece;
  margin: 0 0 -1px 0;
  overflow-x: hidden;
  padding: 1em 0 1em 20px;
  width: 100%;
}
#MARGINAL .download-list li a {
  display: inline-block;
  margin-left: -20px;
}
#MARGINAL .download-list li span {
  display: none;
}
#MARGINAL .download-list li em {
  color: #5c5c5c;
  white-space: nowrap;
  font-style: normal;
}

@media screen and (max-width: 991px) {
  .tmpl-content-main,
  .tmpl-content-marginal {
    border-top: none;
    margin-top: 0px;
  }
}

/*
 * ------------------------------------------------------------
 * FUER DEN INTERNET EXPLORER ( < 7, 8, 9)
 * ------------------------------------------------------------
 */
.lt-ie7 .finder-title .finder-title-after {
  background-image: url("./../images/sprite-extras.ie6.png");
}

.lt-ie7 .slider .ci-line,
.lt-ie7 .teaser span,
.lt-ie7 .headline-img .imgbox span {
  background-image: url("./../images/bg-teaser.ie6.png");
}

/* Forms */
.lt-ie7 .jq-textbox {
  background-color: transparent;
  border: 0 none;
  color: #000;
  padding: 0;
}

.lt-ie7 input {
  border: 1px solid #b3bccf;
  padding: 2px 0;
  width: 98%;
}

.lt-ie7 select {
  border: 1px solid #b3bccf;
  margin-bottom: 10px;
  padding: 2px 0;
  width: 110%;
}

/* styles_footer.css */
.lt-ie7 #SCROLL-TOP a,
.lt-ie7 .footer-tooltip .tooltip-left,
.lt-ie7 .footer-tooltip .tooltip-right {
  background-image: url("./../images/sprite-extras.ie6.png");
}

.lt-ie9 h3,
.lt-ie9 h4,
.lt-ie9 h5,
.lt-ie9 h6 {
  font-family: 'PT Sans Narrow', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.lt-ie9 .teaser span {
  font-size: 1.2em;
}