@charset "UTF-8";
/***********/
/* Content */
/***********/
@media projection,screen,handheld {
  /* Allgemein */
  .clear,
  .clearer {
    clear: both;
  }

  /* Zitate */
  #main blockquote.mod {
    clear: both;
  }

  #main blockquote.mod cite {
    display: block;
    padding-left: 0;
    padding-top: 20px;
    font-size: 70%;
  }

  div.contactData {
    font-size: 150%;
    line-height: 1.4em;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }

  #main .teaser .sectionRelated {
    clear: both;
    margin-top: 20px;
  }

  #main .abstract p {
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  /* Sperrfrist- und Unter2-Icons */
  .unter2 {
    display: block;
    padding-left: 30px;
  }

  a.unter2 {
    background: url(/resource/crblob/59440/538af46aa0757b9080574817f911168e/icon-unter2-gif-data.gif) 0 1px no-repeat;
  }

  p.unter2 {
    background: url(/resource/crblob/59440/538af46aa0757b9080574817f911168e/icon-unter2-gif-data.gif) 0 1px no-repeat;
    background-position: 0 4px;
  }

  img.cvdicon {
    float: left;
    padding-left: 0;
    padding-right: 10px;
  }

  /* Thementeaser */
  #content .tg-2-cols .teaser.onecol {
    width: 100%;
  }

  /* Listen */
  #main ul.no-list-style {
    list-style-type: none;
    margin-left: 0;
  }

  #main .downloadLink {
    float: left;
    width: 11.25em;
    background: url(/resource/crblob/59552/23b3e16e9ba48177f6adc0f0ec6838e5/sprite-file-types-png-data.png) 0 6px no-repeat;
    margin-right: 24px;
    padding-left: 36px;
    font-size: 160%;
    font-weight: bold;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  /* Downloads */
  #supplement .downloadLink,
  #main p.shoppingCartAdd,
  #supplement p.shoppingCartAdd {
    float: left;
    width: 11.25em;
    background: url(/resource/crblob/59552/23b3e16e9ba48177f6adc0f0ec6838e5/sprite-file-types-png-data.png) 0 6px no-repeat;
    margin-right: 24px;
    padding-left: 36px;
    font-size: 160%;
    font-weight: bold;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  #main .downloadLink.xls {
    background-position: 0 -145px;
  }

  #main .downloadLink.doc {
    background-position: 0 -295px;
  }

  #main .downloadLink.ppt {
    background-position: 0 -445px;
  }

  #main .downloadLink.zip {
    background-position: 0 -595px;
  }

  #main .downloadLink.img {
    background-position: 0 -745px;
  }

  #main .downloadLink.mp4 {
    background-position: 0 -1045px;
  }

  #main .downloadLink.wmv {
    background-position: 0 -895px;
  }

  #main .downloadLink.flv,
  #main .downloadLink.m4v,
  #main .downloadLink.mp2,
  #main .downloadLink.rm,
  #main .downloadLink.rss {
    background-position: 0 -1195px;
  }

  #main .downloadLink.mp3 {
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 0 -5395px no-repeat;
  }

  #content p.shoppingCartAdd {
    width: 8.5em;
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 0 -3994px no-repeat;
    margin-right: 0;
  }

  p.downloadLink span,
  p.shoppingCartAdd span {
    display: block;
    color: #767676;
    font-size: 80%;
    /* 12px */
    font-weight: normal;
    line-height: 1.1em;
    font-family: 'BundesSansWeb', Arial, Helvetica, sans;
  }

  p.downloadLink a:hover,
  p.downloadLink a:active,
  p.downloadLink a:focus {
    color: #373737;
  }

  p.shoppingCartAdd a:hover,
  p.shoppingCartAdd a:active,
  p.shoppingCartAdd a:focus {
    color: #373737;
  }

  /* Scrolllinks */
  .scrollLinks {
    font-size: 150%;
  }

  .scrollLinks .forward {
    float: right;
  }

  .scrollLinks .firstForward {
    margin-bottom: 1em;
  }

  .scrollLinks .start {
    float: left;
    margin: .3em 0 0 40%;
  }

  .scrollLinks .start .first {
    padding: 2em;
  }

  .scrollLinks .back {
    float: left;
  }

  .scrollLinksFirst,
  .scrollLinks {
    height: 2em;
    margin: 1em 0;
    text-align: center;
  }

  .tableOfDocuments {
    padding-left: 0;
  }

  .scrollLinks a:hover,
  .scrollLinks a:active,
  .scrollLinks a:focus {
    background: #004f80;
    border-radius: 3px;
    color: #ffffff;
    font-weight: normal;
  }

  .scrollLinks strong {
    background: #004f80;
    border-radius: 3px;
    color: #ffffff;
    font-weight: normal;
  }

  .scrollLinks a.startLink:hover,
  .scrollLinks a.startLink:active,
  .scrollLinks a.startLink:focus {
    background: none;
    color: #373737;
  }

  .tableOfDocuments a:hover,
  .tableOfDocuments a:active,
  .tableOfDocuments a:focus {
    background: none;
    color: #373737;
  }

  .scrollLinks .forward,
  .scrollLinks .back {
    margin-top: 1px;
    width: 40px;
  }

  .scrollLinks .forward {
    margin-left: 10px;
  }

  .scrollLinks .back {
    margin-right: 10px;
  }

  .scrollLinks .forward a {
    text-indent: -9999em;
    width: 24px;
    height: 24px;
    background: url(/resource/crblob/59550/2f0b0b6eb57f8d78141de91f992c5024/paging-forward-png-data.png) 0 0 no-repeat;
    padding: 0;
    display: block;
  }

  .scrollLinks .back a {
    text-indent: -9999em;
    width: 24px;
    height: 24px;
    background: url(/resource/crblob/59550/2f0b0b6eb57f8d78141de91f992c5024/paging-forward-png-data.png) 0 0 no-repeat;
    padding: 0;
    display: block;
    background: url(/resource/crblob/59548/c052cdee9f9816cae5597f16f7c1dffa/paging-back-png-data.png) 0 0 no-repeat;
    border-bottom: none;
  }

  .scrollLinks .forward a:hover,
  .scrollLinks .forward a:active,
  .scrollLinks .forward a:focus {
    background: url(/resource/crblob/59550/2f0b0b6eb57f8d78141de91f992c5024/paging-forward-png-data.png) 0 -24px no-repeat;
  }

  .scrollLinks .back a:hover,
  .scrollLinks .back a:active,
  .scrollLinks .back a:focus {
    background: url(/resource/crblob/59550/2f0b0b6eb57f8d78141de91f992c5024/paging-forward-png-data.png) 0 -24px no-repeat;
  }

  .scrollLinks .back a:hover,
  .scrollLinks .back a:active,
  .scrollLinks .back a:focus {
    background: url(/resource/crblob/59548/c052cdee9f9816cae5597f16f7c1dffa/paging-back-png-data.png) 0 -24px no-repeat;
  }

  /* Bilderstrecken */
  #content .article-teaser-switcher .teaser .source {
    font-size: 120%;
  }

  /*********/
  /* Stage */
  /*********/
  .mod .nav-pageposition ol li.first-level a span,
  .mod .nav-pageposition ol li.first-level strong span {
    width: 14em;
  }

  .stage-wrapper em {
    display: none;
  }

  /*********/
  /* Suche */
  /*********/
  #supplement .Box-SearchResults {
    padding-top: 22px;
  }

  #searchResult ol {
    margin: 0 30px 30px 0;
  }

  #supplement .filter .box p {
    font-size: 100%;
    padding-bottom: 0;
  }

  .searchString {
    background: #004f80;
    color: #ffffff;
    font-style: italic;
    font-weight: normal;
  }

  #searchResult li h3 .searchString {
    color: #ffffff;
    display: inline;
    text-transform: none;
    font-family: 'BundesSansWeb', Arial, helvetica, sans-serif;
    font-size: 100%;
  }

  /*************/
  /* Formulare */
  /*************/
  #main .noborder {
    border: none;
    padding: 0;
  }

  /* Fehlermeldungen als Blockelemente */
  .formError {
    display: block;
    margin-bottom: .5em;
  }

  .formError * {
    display: block;
    margin-bottom: .5em;
  }

  h4 label {
    font-size: 100%;
  }

  /* einzeilige Formulare */
  #main fieldset.singlerow p {
    padding-bottom: 0;
  }

  #main fieldset.singlerow fieldset {
    float: left;
    border: none;
    margin-right: 10px;
    padding: 0;
  }

  fieldset.singlerow input,
  fieldset.singlerow textarea,
  fieldset.singlerow select {
    width: 10em;
  }

  fieldset.singlerow input.datepicker {
    width: 5em;
    float: left;
  }

  fieldset.singlerow .formLabel {
    float: left;
    clear: none;
  }

  fieldset.singlerow .formField {
    float: left;
    clear: none;
    width: auto;
  }

  .ui-datepicker-trigger {
    cursor: pointer;
    padding-left: 5px;
  }

  .hidelbl label {
    text-indent: -9999em;
  }

  input.checkbox {
    width: auto;
  }

  #main .form-col-expandable label {
    float: none;
  }

  #supplement fieldset.no-border {
    background: none;
  }

  .readOnly input {
    color: #666666;
  }

  * + html .until input {
    float: left;
  }

  /******************/
  /* Einzelansichten */
  /******************/
  #content .herausgeber {
    color: #890d48;
    display: block;
    font-family: 'bundes-sans', Arial, Helvetica, sans;
    font-size: 180%;
    font-style: normal;
    margin-bottom: -5px;
    text-transform: uppercase;
  }

  .text h2,
  .text h3,
  .text h4,
  .text h5 {
    clear: none;
  }

  /* Infodienst */
  #main .text.infodienst h1 {
    margin-bottom: 20px;
  }

  #main .text.infodienst .abstract p {
    padding-bottom: 10px;
  }

  /***************/
  /* Supplement */
  /***************/
  #supplement h2 {
    position: relative;
  }

  #supplement .links li li {
    font-size: 100%;
  }

  #supplement .links li a.sign-language {
    background: url(/resource/crblob/59540/8f72b468d153d8c7527b09f8a770da40/icon-sign-language-png-data.png) 0 50% no-repeat;
    padding-left: 17px;
  }

  #supplement .journeyNav li.station {
    font-size: 100%;
    border-top: none;
  }

  #supplement .journeyNav li.reports {
    margin-bottom: 10px;
  }

  #supplement .journeyNav li.reports li {
    font-size: 90%;
  }

  #supplement .journeyNav li h5 {
    border-left: 8px solid #cccccc;
    padding-left: 5px;
  }

  #supplement .journeyNav .links li {
    padding: 4px 0;
  }

  #supplement .journeyNav .links li a {
    padding: 0 0 0 13px;
    background-position: 0 -3597px;
  }

  #supplement .box-teaser.banner-breit .box,
  #supplement .box-teaser.banner-breit img {
    height: auto;
  }

  #supplement .box-teaser.banner-breit h3 {
    padding: 10px 15px;
    margin-bottom: 0;
  }

  #supplement .box-teaser.banner-breit ul {
    padding: 10px 15px;
  }

  #supplement .context {
    font-size: 160%;
  }

  #supplement .context a {
    display: block;
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 0 -3592px no-repeat;
    padding: 4px 0 4px 13px;
  }

  #supplement .boxWrapper p.date {
    font-size: 110%;
  }

  #supplement .boxWrapper p strong.more a {
    display: block;
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 2px -3591px no-repeat;
    padding: 6px 10px 6px 15px;
  }

  #supplement .boxWrapper p strong.more a:hover,
  #supplement .boxWrapper p strong.more a:active,
  #supplement .boxWrapper p strong.more a:focus {
    background-position: 2px -3791px;
    color: #373737;
  }

  /* Kontext */
  /***************/
  /* Footer */
  /***************/
  ul#navFunctions li#navFunctionsRecommend strong {
    display: block;
    width: 3.7em;
    height: 2.7em;
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 50% -1800px no-repeat;
    text-indent: -9999em;
    color: #ffffff;
  }

  .hinweis {
    background-color: #eeeeed;
    display: block;
    padding: 1em;
  }

  .supplementImage {
    margin-bottom: 15px;
  }

  #siteInfo div.last ul li {
    margin: 0 0 5px;
  }

  /****** Gallery ******/
  .gallery-stage {
    height: 0;
    width: 0;
  }

  .showGalleryContent {
    height: auto;
    width: 62em;
  }

  .gallery .gallery-stage {
    border-bottom: 0;
  }

  .gallery .article-teaser-switcher {
    border-bottom: 2px dotted #cdcdcd;
  }

  /* Buehne */
  #stage.navServiceShoppingCart {
    height: 13em;
  }

  #stage .teaser.hide {
    display: none;
  }

  #stage .teaser-wrapper .teaser .imageContainer {
    overflow: hidden;
    width: 649px;
  }

  #stage .teaser img {
    height: auto;
  }

  #supplement .boxWrapper .stoerer {
    background: none;
    padding-left: 0;
  }

  #main .basePageNavigation {
    float: right;
    font-size: 130%;
    list-style: none outside none;
    margin: 0 auto;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  #main .basePageNavigation li {
    float: left;
    font-size: 100%;
    margin: 0 .5em;
    padding: .2em .3em;
  }

  #main .basePageNavigation li.nextPage {
    margin: 0;
  }

  #main .basePageNavigation .prevPage,
  #main .basePageNavigation .nextPage {
    background-color: #004f80;
  }

  #main .basePageNavigation a {
    color: #ffffff;
    font-size: 100%;
  }

  .teaser-switcher .next span,
  .teaser-switcher .prev span {
    top: 5em;
  }

  #supplement .main-topic-navigation {
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
    width: 31.7em;
    margin-top: -8.5em;
    padding-bottom: 2em;
  }

  #supplement .main-topic-navigation h3 {
    background: #373737 url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) 97% -384px no-repeat;
    margin: 0;
    padding: 12px 40px 12px 10px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 160%;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    font-weight: bold;
  }

  /* Besondere Hinweise */
  .advice {
    position: relative;
    background: #eeeeed;
    padding: 20px;
    margin-bottom: 20px;
  }

  .advice p {
    color: #000000;
    text-decoration: none;
    font-family: 'BundesSansWeb', Arial, Helvetica, sans;
  }

  .advice h2 {
    color: #ffffff;
    text-decoration: none;
    font-size: 200%;
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 20px;
  }

  .advice h2 em {
    display: block;
    background: #890d48 url(/resource/crblob/59564/bcd9b277e3d35b3b46f3abf601469458/teaser-today-arrow-grey-gif-data.gif) 100% -34px no-repeat;
    margin: 25px 0 0 -20px;
    padding: 0 30px 0 0;
    font-size: 80%;
    /* 13px */
    text-transform: uppercase;
    text-align: right;
    font-style: normal;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  .advice h2 em span {
    display: block;
    padding: 4px 0;
  }

  /* Banner */
  #supplement .box-teaser-no-img .box,
  #supplement .box-teaser-no-img p.picture img {
    height: auto;
  }

  #supplement .box-teaser p.picture {
    width: 150px;
  }

  #supplement .box-teaser p.picture img {
    width: 150px;
  }

  #supplement .box-teaser .box {
    height: 20em;
  }

  #supplement .box-teaser.box-teaser-no-img .box,
  #supplement .box-teaser.request-box .box {
    height: auto;
  }

  /* Glossar */
  .paging.fnone,
  #main .paging.fnone ul {
    float: none;
  }

  /* Infoboxen */
  .text .box {
    overflow: hidden;
    background: #eeeeed;
    padding: 1em;
    margin: 20px 0;
  }

  .embedded {
    overflow: hidden;
    background: #eeeeed;
    padding: 1em;
    margin: 20px 0;
  }

  .embedded .box {
    padding: 0;
    margin: 0;
  }

  #content .text .box .source,
  #content .text .box .caption {
    display: none;
  }

  #content .embedded .mediaAdditionals {
    border-top: 0;
    padding-top: 0;
  }

  #content .embedded.video .mediaAdditionals {
    float: right;
    width: 42%;
  }

  #content .embedded.video .mediaAdditionals .group {
    width: 100%;
  }

  /* Eingebettete Dokumente */
  .video-center object {
    display: block;
    margin: 0 auto;
  }

  #content .embedded .mediaAdditionals ul {
    margin-bottom: 0;
  }

  #main .embedded.publication p.downloadLink {
    width: auto;
    padding-bottom: 0;
  }

  .embedded .more a {
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) no-repeat scroll 2px -3588px transparent;
    display: block;
    padding: 6px 10px 6px 15px;
    font-style: normal;
  }

  /* Kontextbox unter Artikel in Subsite A */
  .sectionRelated .kontextbox {
    margin: 20px 0;
  }

  .sectionRelated .kontextbox a {
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) no-repeat scroll 0 -3594px transparent;
    display: block;
    padding: 0 0 0 13px;
    font-size: 160%;
    line-height: 1.4em;
  }

  /* Layout Unterseite nur Content */
  #wrapperContent.contentOnly {
    width: 100%;
  }

  #wrapperContent.contentOnly #content {
    border-right: none;
    width: 100%;
  }

  #wrapperContent.contentOnly #main {
    float: none;
    width: 100%;
  }

  /* Mediathek */
  #content .mediathek .medialist td {
    vertical-align: middle;
    padding: 8px;
    border-bottom: 1px dotted #cdcdcd;
  }

  #content .mediathek .medialist td a strong {
    color: #004f80;
    font-size: 100%;
    font-family: 'BundesSansWeb', Arial, helvetica, sans-serif;
  }

  #content .mediathek .medialist td.even {
    background: url(/resource/crblob/59528/01073afa5ad8718b7300507ca8738635/bg-pictures-png-data.png) 0 0 repeat;
  }

  /* Buehne */
  .teaser-wrapper .video-overlay {
    display: block;
    position: absolute;
    left: 290px;
    top: 136px;
    width: 68px;
    height: 68px;
    background: url(/resource/crblob/59570/b88f51028c052fba29ac28a48c9ac082/video-overlay-2-png-data.png) 50% 50% no-repeat;
    cursor: pointer;
  }

  /* Veranstaltung Typ */
  #content .text p.type {
    color: #890d48;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    font-size: 120%;
    padding: 0;
    text-transform: uppercase;
  }

  #content table.auto {
    table-layout: auto;
  }

  #content p.picture.fullwidth {
    float: none;
  }

  /* Bild in Einzelansicht mit voller Breite */
  /* Glossar-Popup */
  #popup #wrapperDivisions {
    margin: 0;
  }

  #popup #wrapperContent {
    width: 95%;
    margin: 0;
    padding: 1em;
  }

  #popup #wrapperContent #content,
  #popup #wrapperContent #main {
    width: 100%;
  }

  #popup #wrapperContent #content {
    border-right: none;
  }

  #popup #wrapperContent #main {
    padding-top: 0;
  }

  /******  Webshop ******/
  #brochure span {
    overflow: hidden;
    font-size: 100%;
    list-style: none;
  }

  #brochure span.first {
    border-top: none;
    padding-top: 0;
  }

  #brochure span h2 {
    clear: none;
    font-size: 180%;
    line-height: 1.3em;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  #brochure span h2 a {
    color: #373737;
  }

  #brochure span h2 a:hover,
  #brochure span h2 a:active,
  #brochure span h2 a:focus {
    color: #004f80;
  }

  #brochure span h2 em {
    display: block;
    padding: 1px 0 2px 0;
    font-size: 60%;
    /* 12px */
    font-style: normal;
    text-transform: uppercase;
    line-height: 1em;
    color: #890d48;
  }

  #brochure span div {
    float: left;
    width: 42em;
  }

  #brochure span p {
    font-size: 150%;
    line-height: 1.4em;
    padding-bottom: 0;
  }

  #brochure p.dokumentLink {
    font-size: 150%;
    line-height: 1.4em;
    padding-bottom: 20px;
  }

  #brochure p.aboLink {
    font-size: 150%;
    line-height: 1.4em;
    padding-bottom: 0;
    padding-top: 15px;
    float: left;
  }

  #brochure span p.picture {
    float: left;
    width: 17.6em !important;
    border: none;
    margin: 0 20px 10px 0;
    text-align: center;
    font-size: 100%;
  }

  #brochure span p.metaData {
    margin: 0 0 20px 0;
  }

  #brochure span p.downloadLink {
    float: left;
    width: 11.25em;
    background: url(/resource/crblob/59552/23b3e16e9ba48177f6adc0f0ec6838e5/sprite-file-types-png-data.png) 0 6px no-repeat;
    margin-right: 24px;
    padding-left: 36px;
    font-size: 160%;
    font-weight: bold;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  #brochure span p.shoppingCartAdd {
    float: left;
    width: 11.25em;
    background: url(/resource/crblob/59552/23b3e16e9ba48177f6adc0f0ec6838e5/sprite-file-types-png-data.png) 0 6px no-repeat;
    margin-right: 24px;
    padding-left: 36px;
    font-size: 160%;
    font-weight: bold;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    width: 8.5em;
    background: url(/resource/crblob/59524/44fbe5f8d4b6dd414dbd7e1c0116026f/basket-webshop-png-data.png) 0 6px no-repeat;
    margin-right: 0;
  }

  #content a.shoppingCardLink {
    width: 8.5em;
    background: url(/resource/crblob/59524/44fbe5f8d4b6dd414dbd7e1c0116026f/basket-webshop-png-data.png) 0 6px no-repeat;
    margin-right: 0;
    padding: 8px 10px 4px 33px;
  }

  #brochure span p.videoAdd {
    width: 8.5em;
    background: url(/resource/crblob/59568/fc30d34e9797197c94ea689006f43bef/video-icon-ts-png-data.png) 0 0 no-repeat;
    margin-right: 0;
  }

  #content a.videoLink {
    width: 8.5em;
    background: url(/resource/crblob/59568/fc30d34e9797197c94ea689006f43bef/video-icon-ts-png-data.png) 0 0 no-repeat;
    margin-right: 0;
    padding: 8px 10px 4px 33px;
  }

  #brochure span p.downloadLink span,
  #brochure span p.shoppingCartAdd span {
    display: block;
    color: #767676;
    font-size: 80%;
    /* 12px */
    font-weight: normal;
    line-height: 1.1em;
    font-family: 'BundesSansWeb', Arial, Helvetica, sans;
  }

  #brochure span p a:hover,
  #brochure span p a:active,
  #brochure span p a:focus {
    color: #373737;
  }

  #main .singleview form fieldset.webshop .text h1 {
    font-size: 160%;
  }

  #main .singleview form fieldset.webshop .text p {
    font-size: 130%;
  }

  #main .singleview form fieldset.webshop fieldset.first {
    border-bottom: none;
  }

  #main .singleview form fieldset.webshop fieldset.first h2 {
    width: 31em;
  }

  /* Header als TopLine */
  #content .headerTopLine h3 em {
    color: #890d48;
    display: block;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-style: normal;
    margin-bottom: -2px;
    text-transform: uppercase;
  }

  /* Foto des Jahres */
  .teaser-switcher .teaser h3,
  .home #content .teaser-switcher .teaser h3,
  #content .teaser-group .teaser-switcher .teaser h3 {
    margin: 10px 0 5px;
  }

  .gallery .pageNavigation {
    margin: 0 0 20px;
    overflow: hidden;
  }

  .gallery .pageNavigation a {
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) no-repeat scroll 0 -3197px transparent;
    float: right;
    font-size: 140%;
    padding-left: 11px;
  }

  /* Fix für Hintergrund-Content-Problem */
  #wrapperContent #content {
    background: #ffffff;
  }

  /* Pagination im Webshop-Bereich */
  #brochures .paging li {
    border-top: medium none;
    overflow: auto;
    padding: 0;
  }

  /* Anpassung Webshop Style-Unterüberschrift */
  #content #brochures li div h3 {
    clear: both;
    font-family: 'BundesSerifWeb', Georgia, Times New Roman, serif;
    font-weight: normal;
    font-size: 160%;
    line-height: 1.3em;
    margin: 0 0 10px;
    color: #767676;
    padding: 0 0 8px;
  }

  /* BPAINT-61 */
  #supplement .box-teaser.box-title-only .teaserText {
    padding: 20px 15px;
  }

  #supplement .box-teaser.box-title-only .teaserText h3 {
    margin-bottom: 0;
  }

  /* Hangout Gaestebuch */
  .guestbook #searchResult ol {
    margin: 0;
  }

  .guestbook #searchResult li {
    padding: 1em;
  }

  .guestbook #searchResult .even {
    overflow: hidden;
    background: #eeeeed;
    margin: 20px 0;
  }

  .guestbook .pW-mod {
    margin-top: 0;
  }

  /* Autocomplete */
  .ui-autocomplete {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cdcdcd;
    border-radius: 6px 6px 6px 6px;
    float: left;
    padding: 6px 1.5em;
    z-index: 100000 !important;
  }

  .ui-autocomplete li {
    border-bottom: 1px solid #ebebeb;
    color: #ffffff;
    cursor: pointer;
    float: none;
    list-style: none outside none;
    margin: 0;
    padding: 6px 0;
  }

  .ui-autocomplete li a {
    color: #373737;
    display: block;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    font-size: 140%;
  }

  .ui-autocomplete li:last-child,
  .ui-autocomplete li.last-child {
    border: medium none;
  }

  .ui-autocomplete li a.ui-state-hover {
    color: #373737 !important;
    background: inherit;
  }

  /*Unterstreichungen Pfeiltastennavigation*/
  .ui-menu .ui-menu-item .ui-state-hover {
    text-decoration: underline;
  }

  /*BPAINT-211 Abstand des Suchformular in Marginalspalte nach oben verringern*/
  #wrapperContent #supplement {
    padding-top: 15px;
  }

  #supplement .boxWrapper.filter {
    margin-top: 20px;
  }

  #supplement .main-topic-navigation {
    margin-top: -5.6em;
    padding-bottom: 0;
  }

  #supplement .boxWrapper.box-teaser {
    margin-top: 20px;
  }

  /*Schwerpunktnavigation angleichen*/
  /*Webshop Download-Hinweis -> Telko mit Michael*/
  #brochures .downloadHint,
  #brochure .downloadHint {
    font-size: 150%;
    line-height: 1.4em;
    width: 28em;
  }

  #brochures .downloadHint {
    margin: .5em 0 .5em 0;
  }

  #brochure dl {
    font-size: 150%;
  }

  /* Webshop Anpassung Zwischenüberschrift */
  #brochures ul {
    margin: 0 0 30px 0;
    padding-top: 30px;
    border-top: 2px dotted #cdcdcd;
  }

  #brochures li h2 {
    font-size: 160%;
  }

  #brochures li h2 em {
    font-size: 75%;
    /* 12px */
  }

  #brochures li p.downloadLink a,
  #brochures li p.shoppingCartAdd a {
    text-decoration: none;
  }

  #brochures li p.downloadLink a:hover,
  #brochures li p.downloadLink a:focus,
  #brochures li p.downloadLink a:active {
    text-decoration: underline;
  }

  #brochures li p.shoppingCartAdd a:hover,
  #brochures li p.shoppingCartAdd a:focus,
  #brochures li p.shoppingCartAdd a:active {
    text-decoration: underline;
  }

  .recommendations {
    zoom: 1;
    border: 4px solid #d6d6d5;
    margin: 30px 20px 100px 0;
    padding: 18px 15px 15px 15px;
  }

  #brochures .recommendations ul {
    border: none;
    padding: 0;
  }

  .recommendations {
    border: 4px solid #d6d6d5;
    margin: 30px 20px 60px 0;
    padding: 18px 15px 15px;
  }

  #main .paging ul {
    padding-top: 0;
    border: none;
  }

  /* Webshop Schriftgrößen der Empfehlungen */
  #brochures .recommendations li .more a strong {
    font-size: 100%;
  }

  #social-network .infomaterial em.more {
    font-size: 120%;
  }

  #social-network .infomaterial em.more a span {
    font-size: 112%;
  }

  /* Rand an Bildern Infomaterial */
  #brochure span p.picture img {
    border: 1px solid #dddddd;
  }

  /* Icons in Marginalspalte Infomaterial */
  #supplement .links li a.ExternalLink {
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) no-repeat scroll 4px -4188px transparent;
    padding-left: 20px;
  }

  #supplement .links li a.ExternalLink:hover,
  #supplement .links li a.ExternalLink:active,
  #supplement .links li a.ExternalLink:focus {
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) no-repeat scroll 4px -4388px transparent;
  }

  #supplement .links li a.Podcast {
    background: url(/resource/crblob/59518/3cdb6c83df4e0ae26ca32d08d4ed5700/sprites-icons-2-png-data.png) no-repeat scroll 0 -2494px transparent;
    padding-left: 20px;
  }

  #supplement .links li a.Podcast:hover,
  #supplement .links li a.Podcast:active,
  #supplement .links li a.Podcast:focus {
    background: url(/resource/crblob/59518/3cdb6c83df4e0ae26ca32d08d4ed5700/sprites-icons-2-png-data.png) no-repeat scroll 0 -2694px transparent;
  }

  /* Anpassung der Spaltenbreite im Footer für die neue Spalte "Mediathek" */
  #siteInfo div {
    width: 13.6em;
  }

  /* Position E-Mail in Kontaktbox Infomaterial */
  #main .contact-box p.email {
    padding: 30px 0 0;
  }

  /* Höhe Empfehlungen Infomaterial */
  #brochures .recommendations ul li .picture {
    height: 234px;
  }

  /* Einzelansicht Infodienst: aus MS-Word erzeugte CSS-Klassen farblich markieren*/
  #main .infodienst .MsoNormal {
    background-color: red;
  }

  /* Korrektur des doppelten padding-right bei Teasern im Contentbereich auf der Startseite  */
  .home #content .teaser {
    padding-right: 0;
  }

  /* Youtube-Wasserzeichen */
  .video-container,
  .embedded.video {
    position: relative;
  }

  .video-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 10px;
    top: 10px;
    zoom: 1;
    opacity: .3;
    filter: alpha(opacity=50);
  }

  .embedded.video .video-icon {
    right: 74px;
    top: 20px;
  }

  .video-icon-youtube {
    background: url(/resource/crblob/59546/f5a894b2bb4328d6e739a9ce24faa9bd/icon-youtube-png-data.png) 0 0 no-repeat;
  }

  /* Ergänzung für aktive funktionale Navigationsknoten im Flyout */
  #navPrimary ul.nav-global li li strong {
    border: none;
    padding: 2px 0;
    display: block;
    color: #373737;
    font-size: 140%;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  #navPrimary ul.nav-global li.active li strong {
    color: #373737;
  }

  /* Ergänzung Europakarte */
  .country-list li#albania span {
    background-position: 100% -3289px;
  }

  /* BKM Webmap */
  div.olMapViewport div {
    z-index: 0 !important;
  }

  #main .embedded.DTKarte {
    width: auto;
    padding-bottom: 0;
    background: none;
  }

  #main .embedded.DTKarte p.webmapLink {
    width: auto;
    padding-bottom: 0;
  }

  #main .webmapLink {
    float: left;
    width: 11.25em;
    background: url(/resource/crblob/59554/4f034dbdcc187b9e9fd34d934058d647/sprites-file-bkm-png-data.png) 0 2px no-repeat;
    margin-right: 24px;
    padding-left: 36px;
    font-size: 160%;
    font-weight: bold;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  p.webmapLink span {
    display: block;
    color: #767676;
    font-size: 80%;
    /* 12px */
    font-weight: normal;
    line-height: 1.1em;
    font-family: 'BundesSansWeb', Arial, Helvetica, sans;
  }

  p.webmapLink a:hover,
  p.webmapLink a:active,
  p.webmapLink a:focus {
    color: #373737;
  }

  #supplement .links li a.webmap {
    background: url(/resource/crblob/59554/4f034dbdcc187b9e9fd34d934058d647/sprites-file-bkm-png-data.png) 0 -229px no-repeat;
    padding: 4px 0 4px 42px;
    margin: 5px 0;
    color: #004f80;
    text-decoration: none;
    text-transform: none;
    font-family: 'BundesSansWebBold', Arial, sans-serif;
  }

  #supplement .links li a.webmap:hover,
  #supplement .links li a.webmap:active,
  #supplement .links li a.webmap:focus {
    background-color: #e2e2e1;
    color: #373737;
    text-decoration: underline;
  }

  #supplement .links li.webmap {
    font-size: 150%;
  }

  /* Infomaterial */
  #brochures .recommendations ul li .picture,
  .infomaterial ul div.image-wrapper {
    border: 1px solid #999999;
    width: 17.6em !important;
    height: 234px;
  }

  #brochures li p.picture img,
  .infomaterial ul div.image-wrapper img {
    max-height: 232px;
    max-width: 17.2em;
  }

  /* Instagram-Icon Socialmedia */
  .social-media-bar ul li.instagram a {
    background-image: url(/resource/crblob/59536/288b69ab7b40a5dfe7804644674a5150/icon-instagram-dunkelblau-svg-data.svg);
    background-position: 50%;
    width: 43px;
    height: 35px;
    display: block;
  }

  .socialmedia-content ul li.instagram a {
    background-image: url(/resource/crblob/59534/8e5e9cdf3aad48ecf68e4b54822674b0/icon-instagram-blau-svg-data.svg);
    background-position: 50%;
    width: 43px;
    height: 36px;
  }

  .socialmedia-content ul li.instagram a:hover,
  .socialmedia-content ul li.instagram a:active,
  .socialmedia-content ul li.instagram a:focus {
    background-image: url(/resource/crblob/59538/36026c62c57b11e1d7b04949e8dd3be6/icon-instagram-weiss-svg-data.svg);
  }

  .box-supplement {
    margin: 20px 0;
  }

  #supplement .disrupter {
    margin-bottom: 20px;
    background: #ffffff;
  }

  #supplement .disrupter .slick-slider {
    margin-bottom: 0;
  }

  #supplement .disrupter .disrupterBox {
    overflow: hidden;
  }

  #supplement .disrupter .StndGallery {
    margin: 0 auto;
  }

  #supplement .disrupter .StndGallery .navigation {
    top: 30%;
  }

  #supplement .disrupter .StndGallery h3,
  #supplement .disrupter .StndGallery h4 {
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  #supplement .disrupter .StndGallery h3 {
    padding: 10px 15px;
    font-size: 160%;
    text-transform: uppercase;
    color: #ffffff;
    background: #890d48;
  }

  #supplement .disrupter .StndGallery h3:after {
    content: '';
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    border: 9px solid;
    border-color: transparent;
    border-top-color: #890d48;
    z-index: 1005;
  }

  #supplement .disrupter .StndGallery h4 {
    font-size: 220%;
    color: #890d48;
  }

  #supplement .disrupter .StndGallery h4 .day {
    color: #ffffff;
    background-color: #890d48;
    padding: 4px;
    font-weight: bold;
  }

  #supplement .disrupter a {
    color: #000000;
  }

  #supplement .disrupter .teaser {
    margin: 10px 40px 10px;
    padding: 20px 20px 10px;
  }

  #supplement .disrupter .teaser p {
    display: block;
  }

  #supplement .disrupter .navigation {
    display: none;
  }

  #supplement .disrupter .navigation button {
    border: none;
  }

  .js-on #supplement .disrupter .navigation {
    display: block;
  }

  .StndGallery {
    position: relative;
    margin-bottom: 20px;
  }

  .StndGallery h2 {
    padding-right: 4em;
  }

  .StndGallery .navigation {
    position: absolute;
    top: 45%;
    left: 0;
    z-index: 999;
    width: 100%;
  }

  .StndGallery .navigation div,
  .StndGallery .navigation button {
    position: absolute;
    width: 30px;
    height: 43px;
  }

  .StndGallery .navigation .next {
    right: 0;
  }

  .StndGallery .navigation .prev {
    left: 0;
  }

  .StndGallery .position {
    position: absolute;
    top: 3px;
    right: 10px;
  }

  .StndGallery .position p {
    font-size: 150%;
  }

  .paging .glossaryIndex li *,
  .paging .glossaryIndex li a:hover,
  .paging .glossaryIndex li a:active,
  .paging .glossaryIndex li a:focus {
    font-weight: bold;
  }

  .paging .glossaryIndex li strong {
    background-color: #004f80;
  }

  .glossaryAccordion {
    margin-right: 25px;
  }

  .js-on .accordion-group .accordion-heading a {
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) no-repeat scroll 100% -2598px transparent;
    cursor: pointer;
    outline: medium none;
    padding-right: 40px;
  }

  .js-on .accordion-group .accordion-heading a.js-selected {
    background-position: 100% -2794px;
  }

  .js-on .accordion-group .accordion-heading a.ui-disabled {
    cursor: default;
  }

  .js-on .accordion-group .accordion-heading a:hover,
  .js-on .accordion-group .accordion-heading a.a11y-focus-key {
    text-decoration: underline;
  }

  #main .accordion-group,
  #main .accordion-group-divider {
    margin: 0 0 30px;
  }

  #main .accordion-group .accordion-heading a,
  #main .accordion-group-divider span {
    margin: 5px 0;
    padding: 5px 28px 5px 0;
    color: #333333;
    font-size: 2.2em;
    display: block;
  }

  #main .accordion-group {
    border-top: 1px dotted #cdcdcd;
  }

  #main .accordion-group-divider span {
    margin-left: 10px;
  }

  #main .accordion-group .accordion-body {
    padding: 10px 0;
  }

  #main .accordion-group .accordion-body.open {
    display: block !important;
  }

  #main .accordion-group .accordion-body.close {
    display: none;
  }

  #main .accordion-group .accordion-body .links h3 {
    color: #993748;
    font-size: 180%;
  }

  #main .accordion-group .accordion-body .links ul {
    margin: 0;
  }

  #main .accordion-group .accordion-body .links li {
    font-size: 160%;
    list-style: none outside none;
    margin: 0 0 20px;
  }

  #main .accordion-group .accordion-body .links a {
    background: url(/resource/crblob/59556/8fedf626d9446b44a034a183249b60b8/sprites-icons-png-data.png) no-repeat scroll 0 -2991px transparent;
    display: block;
    padding: 0 0 0 25px;
  }

  #main .accordion-group .accordion-body .links a:hover,
  #main .accordion-group .accordion-body .links a:active,
  #main .accordion-group .accordion-body .links a:focus {
    color: #373737;
  }

  #main .accordion-group .accordion-body .links a em {
    color: #767676;
    display: block;
    font-size: 87.5%;
    font-style: normal;
    line-height: 1em;
    padding: 2px 0 0;
  }

  .dialog {
    background: rgba(255, 255, 255, .4);
    left: 0;
    top: 0;
    z-index: 1005;
    position: fixed;
    height: 100% !important;
    width: 100% !important;
  }

  .dialog-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 692px;
    width: 1024px;
    border: 1px solid #cccccc;
  }

  .dialog-content img {
    position: absolute;
  }

  .dialog-content button {
    position: absolute;
    right: 0;
    padding: 5px 5px 5px 35px;
    width: auto;
    height: auto;
    background: transparent url(/resource/crblob/59574/27f052031281cf44f3b466bf1de03d0a/close-png-data.png) 10px 3px no-repeat;
    color: #000000;
    font-weight: bold;
    font-size: 150%;
    border: 0;
    margin-top: 10px;
    margin-right: 10px;
  }

  .dialog-content .text-box {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    background: #ffffff;
    padding: 4px;
    font-size: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
  }

  .dialog-content .text-box p {
    margin-bottom: 0;
    font-size: 200%;
    padding: 5px 10px 10px 35px;
  }

  .leaflet-popup-content h1 {
    font-size: 180%;
  }

  #content .leaflet-popup-content .infobox-text table {
    font-size: 130%;
  }

  #content .text.osm a.control {
    display: block;
    height: 34px;
    width: 34px;
    position: relative;
    text-indent: -9999px;
    background: url(/resource/crblob/59532/d7fdea90383ed06b335c51e54c9463cd/checkbox-radio-svg-svg-data.svg) 0 -799px no-repeat;
    outline: medium none;
  }

  #content .text.osm a.control.visible {
    background-position: 0 -999px;
  }

  #content .osmnavigation {
    display: none;
  }

  #content .osmnavigation a {
    font-size: 180%;
    padding: .5em 2em;
  }

  #content #osmmap {
    display: none;
  }

  #content .text.osmnavigation .Legende,
  #content .printWithImagesButton,
  #content .printWithoutImagesButton {
    font-size: 120%;
    color: #004d81;
    font-family: 'BundesSansWebBold';
    text-transform: uppercase;
    background: #e5e5e5;
    border: #e5e5e5;
    border-radius: 3px;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 8px 15px;
    text-decoration: none;
  }

  #content .printWithImagesButton,
  #content .printWithoutImagesButton {
    font-size: 12px;
    float: right;
  }

  #content .printWithoutImagesButton {
    margin-right: 0;
  }

  /* No-JS */
  #switchMap,
  #switchList {
    font-size: 120%;
    color: #004d81;
    font-family: 'BundesSansWebBold';
    text-transform: uppercase;
    background: #e5e5e5;
    border: #e5e5e5;
    border-radius: 3px;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 8px 15px;
  }

  #osmlist ul {
    list-style: none;
    margin: 0 0 20px 0;
  }

  #osmlist ul ul {
    list-style: none;
    margin-left: 20px;
  }

  #osmlist ul.bundeswehr {
    border-left: 10px solid #398dcd;
  }

  #osmlist ul.polizei {
    border-left: 10px solid #988317;
  }

  #osmlist ul.eu {
    border-left: 10px solid #5f832c;
  }

  #osmlist ul.nato {
    border-left: 10px solid #b83d4d;
  }

  #osmlist ul.vn {
    border-left: 10px solid #a838a6;
  }

  #osmlist ul ul li {
    padding: 10px 10px 0;
  }

  #osmlist ul ul li:nth-child(2n+1) {
    background: #e5e5e5;
  }

  #osmlist h3 {
    font-size: 130%;
  }

  #osmlist table {
    font-size: 100%;
    background: none;
  }

  .banner-medienschnittstelle {
    width: 98em;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
    background: #ffffff;
  }

  .banner-medienschnittstelle .banner-medienschnittstelle-text-container,
  .banner-medienschnittstelle .banner-medienschnittstelle-image-container {
    float: left;
  }

  .banner-medienschnittstelle .banner-medienschnittstelle-text-container {
    padding-top: 1em;
    padding-right: 1em;
    width: 38em;
    box-sizing: border-box;
  }

  .banner-medienschnittstelle .banner-medienschnittstelle-text-container h2 {
    color: #890d48;
  }

  .banner-medienschnittstelle .banner-medienschnittstelle-text-container p {
    font-size: 150%;
  }

  .banner-medienschnittstelle .banner-medienschnittstelle-text-container p .more {
    font-style: normal;
  }

  .banner-medienschnittstelle .banner-medienschnittstelle-text-container p .more a {
    margin-left: 5px;
    padding-left: 8px;
    background: url(/resource/crblob/59562/293586aff013bded63d9b715893f3efe/sprites-icons-svg-svg-data.svg) 0 -3196px no-repeat;
  }

  .banner-medienschnittstelle .banner-medienschnittstelle-text-container p .more a:hover,
  .banner-medienschnittstelle .banner-medienschnittstelle-text-container p .more a:active,
  .banner-medienschnittstelle .banner-medienschnittstelle-text-container p .more a:focus {
    background-position: 0 -3396px;
    color: #373737;
    text-decoration: underline;
  }

  .banner-medienschnittstelle .banner-medienschnittstelle-image-container {
    width: 60em;
  }

  .slideshow-navigation__prev,
  .slideshow-navigation__next {
    border: none;
    background: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .slideshow-navigation__prev {
    left: 0;
  }

  .slideshow-navigation__next {
    right: 0;
  }

  .slideshow-widecontent .slideshow-widecontent__item-container {
    position: relative;
    height: 300px;
    overflow: hidden;
  }

  .slideshow-widecontent .slideshow-widecontent__item {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .slideshow-widecontent .slideshow-widecontent__item-text {
    position: absolute;
    left: 150px;
    top: 150px;
    width: 17em;
    font-size: 26px;
    font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
    padding: .5em;
    opacity: .9;
    background: #004f80;
    color: #ffffff;
  }

  #stage.mod-slideshow {
    height: 300px;
    background: #ffffff;
  }

  #stage.mod-slideshow .nav-pageposition {
    left: -2000px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
  }

  #stage.mod-slideshow .stage-wrapper {
    min-height: inherit;
    width: auto;
  }

  #stage.mod-slideshow .slick-dots {
    display: inline !important;
    left: 36%;
    width: auto;
    bottom: 20px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, .7);
    border-radius: 20px;
    padding: 3px 10px 3px 6px;
  }

  #stage.mod-slideshow .slick-dots li,
  #stage.mod-slideshow .slick-dots li.slick-active {
    margin: 5px;
    width: 10px;
    height: 10px;
  }

  #stage.mod-slideshow .slick-dots li button,
  #stage.mod-slideshow .slick-dots li.slick-active button {
    width: 10px;
    height: 10px;
    border: 2px solid white;
    border-radius: 5px;
    padding: 0;
  }

  #stage.mod-slideshow .slick-dots li button:before,
  #stage.mod-slideshow .slick-dots li.slick-active button:before {
    color: #ffffff;
    font-size: 10px;
    width: 10px;
    height: 10px;
    line-height: 12px;
  }

  #stage.mod-slideshow .slick-dots li.slick-active button:before {
    opacity: 1;
  }

  #stage.mod-slideshow .slick-dots li button:before {
    opacity: 0;
  }

  #stage.mod-slideshow .navigation {
    position: absolute;
    left: 34%;
    bottom: 20px;
  }

  #stage.mod-slideshow .navigation button {
    border: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, .7);
    border-radius: 20px;
    padding: 8px;
  }

  @media only screen and (width: 1280px) {
    #stage.mod-slideshow .slick-dots {
      left: 32%;
    }

    #stage.mod-slideshow .navigation {
      left: 32%;
    }
  }
  @media only screen and (width: 1024px) {
    #stage.mod-slideshow .slick-dots {
      left: 28%;
    }

    #stage.mod-slideshow .navigation {
      left: 30%;
    }
  }
  .js-on .slideshow-supplement__item {
    margin: 0;
  }

  .js-on .slideshow-supplement__navigation {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
  }

  .slideshow-supplement {
    background-color: #ffffff;
  }

  .slideshow-supplement__headline {
    text-transform: uppercase;
  }

  .slideshow-supplement__item {
    margin: 10px 0;
    position: relative;
  }

  .slideshow-supplement__item-headline {
    position: absolute;
    left: 4px;
    right: 4px;
    z-index: 1;
    display: inline;
    bottom: 4px;
    margin: 0;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  .slideshow-supplement__item-headline a {
    display: block;
    background: #ffffff;
    padding: 7px 8px 6px 8px;
    font-size: 83%;
    font-weight: bold;
    text-transform: uppercase;
  }

  .slideshow-supplement__item-headline a:hover,
  .slideshow-supplement__item-headline a:active,
  .slideshow-supplement__item-headline a:focus {
    background: #004f80;
    color: #ffffff;
  }

  .slideshow-supplement__navigation {
    display: none;
  }

  #supplement .slideshow-supplement__headline {
    padding: 10px 15px 0 15px;
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
    font-size: 140%;
  }

  .play-overlay {
    position: relative;
  }

  .play-overlay .play-overlay__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/resource/crblob/59520/2267e5c1abb1242483decc02b4fa7dfa/video-overlay-png-data.png) -70px 0 no-repeat;
    display: block;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
  }

  .play-overlay:hover .play-overlay__icon {
    background-position: -70px -65px;
  }

  #content .teaser .play-overlay {
    width: 234px;
    float: left;
    margin-right: 30px;
  }

  #content .tg-2-cols .teaser .play-overlay {
    width: 317px;
    margin-right: 0;
  }

  #content .tg-2-cols .teaser .play-overlay .play-overlay__icon {
    margin-top: -32px;
  }

  .bar {
    width: 100%;
    font-size: 26px;
    font-family: 'BundesSerifWeb', Georgia, Times New roman, serif;
    background: #004f80;
    color: #ffffff;
  }

  .bar__text {
    padding: .5em 0;
    width: 980px;
    margin: 0 auto;
  }

  .bar__text a {
    color: #ffffff;
  }

  /* EU-Projekttag */
  #content .wappen {
    list-style: none !important;
  }

  #content .wappen li a {
    color: #ffffff;
    background-color: #004f80;
    border-radius: 2px;
    padding: 6px 10px 4px;
    text-transform: uppercase;
    font-size: 14px;
  }

  #content .wappen li {
    margin-bottom: 15px;
    float: left;
    margin-right: 20px;
  }

  #content .wappen img {
    margin-right: 5px;
    position: relative;
    top: 5px;
  }

  #content .navToTop {
    clear: both;
  }

  /* Bannervarianten */
  /* Themenbanner Farbvarianten */
  #supplement .banner.banner--color-gelb .image-wrapper h4 a {
    color: #435050;
    background-color: #ffc819;
  }

  #supplement .banner.banner--color-gelb .image-wrapper h4 a:hover {
    background-color: #435050;
    color: #ffc819;
  }

  #supplement .banner.banner--color-blau .image-wrapper h4 a {
    color: white;
    background-color: #0778a5;
  }

  #supplement .banner.banner--color-blau .image-wrapper h4 a:hover {
    background-color: white;
    color: #0778a5;
  }

  #supplement .banner.banner--color-dunkelrot .image-wrapper h4 a {
    color: white;
    background-color: #890d48;
  }

  #supplement .banner.banner--color-dunkelrot .image-wrapper h4 a:hover {
    background-color: white;
    color: #890d48;
  }

  #supplement .banner.banner--color-grau .image-wrapper h4 a {
    color: #435050;
    background-color: #e5e5e5;
  }

  #supplement .banner.banner--color-grau .image-wrapper h4 a:hover {
    background-color: #435050;
    color: #e5e5e5;
  }

  #supplement .banner.banner--color-dunkelgrau .image-wrapper h4 a {
    color: white;
    background-color: #333333;
  }

  #supplement .banner.banner--color-dunkelgrau .image-wrapper h4 a:hover {
    background-color: white;
    color: #333333;
  }

  #supplement .banner.banner--color-dunkelgruen .image-wrapper h4 a {
    color: white;
    background-color: #23614e;
  }

  #supplement .banner.banner--color-dunkelgruen .image-wrapper h4 a:hover {
    background-color: white;
    color: #23614e;
  }

  /* Themenbanner Textausrichtung */
  #supplement .banner.banner--textalign-linksbuendig .image-wrapper h4 a {
    text-align: left;
  }

  #supplement .banner.banner--textalign-zentriert .image-wrapper h4 a {
    text-align: center;
  }

  /* Banner_Spezial Farbvarianten */
  #supplement .box-teaser .box.box--color-gelb,
  #supplement .box-teaser .box.box--color-gelb .teaserText,
  #supplement .box-teaser .box.box--color-gelb .teaserText h3 a,
  #supplement .box-teaser .box.box--color-gelb .teaserText p {
    color: #435050;
    background-color: #ffc819;
  }

  #supplement .box-teaser .box.box--color-blau,
  #supplement .box-teaser .box.box--color-blau .teaserText,
  #supplement .box-teaser .box.box--color-blau .teaserText h3 a,
  #supplement .box-teaser .box.box--color-blau .teaserText p {
    color: white;
    background-color: #0778a5;
  }

  #supplement .box-teaser .box.box--color-dunkelrot,
  #supplement .box-teaser .box.box--color-dunkelrot .teaserText,
  #supplement .box-teaser .box.box--color-dunkelrot .teaserText h3 a,
  #supplement .box-teaser .box.box--color-dunkelrot .teaserText p {
    color: white;
    background-color: #890d48;
  }

  #supplement .box-teaser .box.box--color-grau,
  #supplement .box-teaser .box.box--color-grau .teaserText,
  #supplement .box-teaser .box.box--color-grau .teaserText h3 a,
  #supplement .box-teaser .box.box--color-grau .teaserText p {
    color: #435050;
    background-color: #e5e5e5;
  }

  #supplement .box-teaser .box.box--color-dunkelgrau,
  #supplement .box-teaser .box.box--color-dunkelgrau .teaserText,
  #supplement .box-teaser .box.box--color-dunkelgrau .teaserText h3 a,
  #supplement .box-teaser .box.box--color-dunkelgrau .teaserText p {
    color: white;
    background-color: #333333;
  }

  #supplement .box-teaser .box.box--color-dunkelgruen,
  #supplement .box-teaser .box.box--color-dunkelgruen .teaserText,
  #supplement .box-teaser .box.box--color-dunkelgruen .teaserText h3 a,
  #supplement .box-teaser .box.box--color-dunkelgruen .teaserText p {
    color: white;
    background-color: #23614e;
  }

  /* Banner_Spezial Textausrichtung */
  #supplement .box-teaser .box.box--textalign-linksbuendig .teaserText,
  #supplement .box-teaser .box.box--textalign-linksbuendig .teaserText h3 a,
  #supplement .box-teaser .box.box--textalign-linksbuendig .teaserText p {
    text-align: left;
  }

  #supplement .box-teaser .box.box--textalign-zentriert .teaserText,
  #supplement .box-teaser .box.box--textalign-zentriert .teaserText h3 a,
  #supplement .box-teaser .box.box--textalign-zentriert .teaserText p {
    text-align: center;
  }

  /* Banner_Breit Farbvarianten */
  #supplement .box-teaser.box-teaser-mod .box.box--color-gelb,
  #supplement .box-teaser.box-teaser-mod .box.box--color-gelb h3,
  #supplement .box-teaser.box-teaser-mod .box.box--color-gelb ul li a {
    color: #435050;
    background-color: #ffc819;
    background-position: 4px -3790px;
  }

  #supplement .box-teaser.box-teaser-mod .box.box--color-blau,
  #supplement .box-teaser.box-teaser-mod .box.box--color-blau h3,
  #supplement .box-teaser.box-teaser-mod .box.box--color-blau ul li a {
    color: white;
    background-color: #0778a5;
    background-position: 4px -790px;
  }

  #supplement .box-teaser.box-teaser-mod .box.box--color-dunkelrot,
  #supplement .box-teaser.box-teaser-mod .box.box--color-dunkelrot h3,
  #supplement .box-teaser.box-teaser-mod .box.box--color-dunkelrot ul li a {
    color: white;
    background-color: #890d48;
    background-position: 4px -790px;
  }

  #supplement .box-teaser.box-teaser-mod .box.box--color-grau,
  #supplement .box-teaser.box-teaser-mod .box.box--color-grau h3,
  #supplement .box-teaser.box-teaser-mod .box.box--color-grau ul li a {
    color: #435050;
    background-color: #e5e5e5;
    background-position: 4px -3790px;
  }

  #supplement .box-teaser.box-teaser-mod .box.box--color-dunkelgrau,
  #supplement .box-teaser.box-teaser-mod .box.box--color-dunkelgrau h3,
  #supplement .box-teaser.box-teaser-mod .box.box--color-dunkelgrau ul li a {
    color: white;
    background-color: #333333;
    background-position: 4px -790px;
  }

  #supplement .box-teaser.box-teaser-mod .box.box--color-dunkelgruen,
  #supplement .box-teaser.box-teaser-mod .box.box--color-dunkelgruen h3,
  #supplement .box-teaser.box-teaser-mod .box.box--color-dunkelgruen ul li a {
    color: white;
    background-color: #23614e;
    background-position: 4px -790px;
  }

  /* Banner_Breit Textausrichtung */
  #supplement .box-teaser.box-teaser-mod .box.box--textalign-linksbuendig,
  #supplement .box-teaser.box-teaser-mod .box.box--textalign-linksbuendig h3,
  #supplement .box-teaser.box-teaser-mod .box.box--textalign-linksbuendig ul li a {
    text-align: left;
  }

  #supplement .box-teaser.box-teaser-mod .box.box--textalign-zentriert,
  #supplement .box-teaser.box-teaser-mod .box.box--textalign-zentriert h3,
  #supplement .box-teaser.box-teaser-mod .box.box--textalign-zentriert ul li a {
    text-align: center;
  }

  /*Banner_Boxen_Rebrush Farbvarianten*/
  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-dunkelrot,
  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-dunkelrot h3 a {
    color: white;
    background-color: #890d48;
  }

  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-dunkelgruen,
  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-dunkelgruen h3 a {
    color: white;
    background-color: #23614e;
  }

  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-blau,
  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-blau h3 a {
    color: white;
    background-color: #0778a5;
  }

  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-dunkelgrau,
  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-dunkelgrau h3 a {
    color: white;
    background-color: #333333;
  }

  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-gelb,
  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-gelb h3 a {
    color: #435050;
    background-color: #ffc819;
  }

  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-grau,
  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--color-grau h3 a {
    color: #435050;
    background-color: #e5e5e5;
  }

  /*Banner_Boxen Rebrush - Textausrichtung*/
  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--textalign-zentriert {
    text-align: center;
  }

  #supplement .boxWrapperGroup .b-var-1 .banner-content.banner--textalign-linksbuendig {
    text-align: left;
  }

  #siteInfo div.copyright_area {
    width: 100%;
  }

  #siteInfo div.copyright_area div {
    width: 50%;
  }

  #siteInfo div.copyright_area div:last-child {
    width: 40%;
    float: left;
  }

  #siteInfo div.copyright_area div:last-child p {
    display: inline;
  }

  #siteInfo div.copyright_area div:last-child p a {
    color: #ffffff;
    background: url(/resource/crblob/59572/16c8e12acab113d1936b58ebf717bdd1/sprite-png-data.png) no-repeat 5px -9054px;
    padding: 0 0 0 16px;
  }

  /*Umfrage Radiobuttons in einer Reihe
  und Labels näher an die Checkbox*/
  #main .single-row-RadioButtons .form-col {
    width: auto;
    padding-right: 15px;
  }

  .single-row-RadioButtons label.ui-radio {
    padding: 3px 0 2px 19px;
    background-position: 0 -394.8px;
  }

  .single-row-RadioButtons label.ui-radio-state-hover {
    background-position: 0 -494.8px;
  }

  .single-row-RadioButtons label.ui-radio-state-checked {
    background-position: 0 -594.8px;
  }

  .single-row-RadioButtons label.ui-radio-state-checked-hover {
    background-position: 0 -694.8px;
  }

  /*Umfrage verschönerung*/
  .single-row-RadioButtons .formLabel label {
    font-size: 150%;
    font-family: Arial, Helvetica, sans-serif;
  }

  .eigenwerbung {
    float: right;
    width: 31.7em;
    border-top: 2px dotted #cdcdcd;
    border-bottom: 2px dotted #cdcdcd;
    border-left: 2px dotted #cdcdcd;
    padding: 20px 0 20px 20px;
    margin-left: 20px;
    margin-right: -50px;
  }

  .eigenwerbung__headline,
  .eigenwerbung__title,
  .eigenwerbung__topline {
    text-transform: uppercase;
  }

  .eigenwerbung__headline,
  .eigenwerbung__title {
    font-family: 'BundesSansWebBold', Arial, Helvetica, sans-serif;
  }

  .eigenwerbung__headline {
    color: #890d48;
    font-size: 180%;
  }

  .eigenwerbung__image {
    margin: 20px 0;
  }

  .eigenwerbung__title-container {
    display: block;
    font-size: 200% !important;
    margin-bottom: 10px;
  }

  .eigenwerbung__topline {
    display: block;
    font-size: 60%;
    margin-bottom: 10px;
  }

  .eigenwerbung__teasertext {
    padding-bottom: 0 !important;
  }

  .eigenwerbung__teasertext .more {
    font-style: normal;
  }

  .eigenwerbung__teasertext .more a {
    background: url(/resource/crblob/59562/293586aff013bded63d9b715893f3efe/sprites-icons-svg-svg-data.svg) 0 -3196px no-repeat;
    margin-left: 5px;
    padding-left: 8px;
    text-decoration: none !important;
  }

  .eigenwerbung__teasertext .more a:hover,
  .eigenwerbung__teasertext .more a:active,
  .eigenwerbung__teasertext .more a:focus {
    background-position: 0 -3396px;
    color: #363636;
    text-decoration: underline !important;
  }

  #main .eigenwerbung p a {
    text-decoration: none;
  }

  #main .eigenwerbung p a:hover,
  #main .eigenwerbung p a:focus {
    text-decoration: underline;
  }

  .eigenwerbung-liste__headline {
    color: #890d48 !important;
  }

  .eigenwerbung-liste__teaser {
    position: static;
    opacity: 1;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
  }

  .eigenwerbung-liste__teaser--hidden {
    position: absolute;
    opacity: 0;
  }

  .teaserboxensprechblasen__teaserboxen {
    padding-right: .5em;
  }

  .teaserboxensprechblasen__teaserboxrow {
    margin-left: -.5em;
    margin-right: -.5em;
    margin-bottom: 10px;
  }

  .teaserboxensprechblasen__teaserboxrow:before,
  .teaserboxensprechblasen__teaserboxrow:after {
    content: ' ';
    display: table;
  }

  .teaserboxensprechblasen__teaserboxrow:after {
    clear: both;
  }

  .teaserboxensprechblasen__teaserbox {
    padding-left: .5em;
    padding-right: .5em;
    width: 50%;
    float: left;
    box-sizing: border-box;
  }

  .teaserboxensprechblasen__teaserbox__headline {
    margin: 0;
    padding: 10px;
    min-height: 2.6em;
    font-size: 180%;
  }

  .teaserboxensprechblasen__teaserbox__teasers {
    padding: 20px 10px 10px 10px;
    position: relative;
    list-style-type: none;
    margin: 0 !important;
    background-color: #f0f0f0;
  }

  .teaserboxensprechblasen__teaserbox__teasers:before {
    content: '';
    border-color: #696c7c transparent transparent;
    border-style: solid;
    border-width: 20px 0 0 25px;
    width: 0;
    height: 0;
    left: 30px;
    position: absolute;
    top: 0;
  }

  .teaserboxensprechblasen__teaserbox__teaser {
    padding: 5px 0;
  }

  .teaserboxensprechblasen__teaserbox--1 .teaserboxensprechblasen__teaserbox__teasers:before {
    border-color: #00b8f2 transparent transparent;
  }

  .teaserboxensprechblasen__teaserbox--1 .teaserboxensprechblasen__teaserbox__headline {
    background-color: #00b8f2;
    color: black;
  }

  .teaserboxensprechblasen__teaserbox--2 .teaserboxensprechblasen__teaserbox__teasers:before {
    border-color: #004f80 transparent transparent;
  }

  .teaserboxensprechblasen__teaserbox--2 .teaserboxensprechblasen__teaserbox__headline {
    background-color: #004f80;
    color: white;
  }

  .teaserboxensprechblasen__teaserbox--3 .teaserboxensprechblasen__teaserbox__teasers:before {
    border-color: #66d4f7 transparent transparent;
  }

  .teaserboxensprechblasen__teaserbox--3 .teaserboxensprechblasen__teaserbox__headline {
    background-color: #66d4f7;
    color: black;
  }

  .teaserboxensprechblasen__teaserbox--4 .teaserboxensprechblasen__teaserbox__teasers:before {
    border-color: #337299 transparent transparent;
  }

  .teaserboxensprechblasen__teaserbox--4 .teaserboxensprechblasen__teaserbox__headline {
    background-color: #337299;
    color: white;
  }

  .teaserboxensprechblasen__teaserbox--5 .teaserboxensprechblasen__teaserbox__teasers:before {
    border-color: #ccf1fc transparent transparent;
  }

  .teaserboxensprechblasen__teaserbox--5 .teaserboxensprechblasen__teaserbox__headline {
    background-color: #ccf1fc;
    color: black;
  }

  .teaserboxensprechblasen__teaserbox--6 .teaserboxensprechblasen__teaserbox__teasers:before {
    border-color: #99b9cc transparent transparent;
  }

  .teaserboxensprechblasen__teaserbox--6 .teaserboxensprechblasen__teaserbox__headline {
    background-color: #99b9cc;
    color: black;
  }

  .teaserboxensprechblasen__teaserbox--7 .teaserboxensprechblasen__teaserbox__teasers:before {
    border-color: #99e3fa transparent transparent;
  }

  .teaserboxensprechblasen__teaserbox--7 .teaserboxensprechblasen__teaserbox__headline {
    background-color: #99e3fa;
    color: black;
  }
}