/* Datei: "/static/css/styles.css" media="screen" */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}
audio,canvas,video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],template {
    display: none
}
script {
    display: none!important
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
a {
    background: transparent
}
a:focus {
    outline: thin dotted
}
a:active,a:hover {
    outline: 0
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,strong {
    font-weight: bold
}
dfn {
    font-style: italic
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
mark {
    background: #ff0;
    color: #000
}
code,kbd,pre,samp {
    font-family: monospace,serif;
    font-size: 1em
}
pre {
    white-space: pre-wrap
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
    font-size: 80%
}
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}
button,input {
    line-height: normal
}
button,select {
    text-transform: none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],html input[disabled] {
    cursor: default
}
input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.aural,#top-bar .target-audience label,#search label,.navSkip a,#nav-meta h1,#nav-meta a em,#nav-meta strong em,#nav section h1,#nav li em,#nav-sub h1,#nav-sub em,#breadcrumbs h1,#breadcrumbs em,footer section>h1,footer nav>h1,.article-full .toc h2,table.table-wrapper caption,.result-search label,.service-search label,.pagination-view h2,.pagination-view span {
    display: block;
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden
}
.navSkip a:focus {
    display: block;
    position: static;
    overflow: auto;
    left: 0;
    width: auto;
    height: auto
}
#top-bar .weather-data .weather-icon,.search-btn a,#search input[type=submit],#nav-meta li.icon a,#nav-meta li.icon strong,#nav h1 a,footer section.social-services .smlogo,p.navToTop a,figcaption .zoom,figcaption .zoom-click,.article-full figcaption .zoom,.article-full figcaption .zoom-click,.accordion .pagination .prev,.accordion .pagination .next,.showbox .showbox-box a.close-button,.result-search input[type=submit],.service-search input[type=submit],.pagination-view .previous a,.pagination-view .next a {
    overflow: hidden;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent
}
.no-header-bg #breadcrumbs nav,.no-header-bg #breadcrumbs nav>ul,#top-bar,#nav nav,#nav section,.sidebar+section article .teaser.type-2 .teaser-box,.events a,.latest ul,.article-full p.navToTop,.multi-tab .tab-move-wrapper,.multi-tab.leistungen .switcher,.multi-tab.leistungen .select-wrapper form .select-box,.multi-tab.leistungen .tab-nav .icon-wrapper,.multi-tab.leistungen.white .content-wrapper.light>div,.accordion,.service-detail .sub-menu,.result-search {
    zoom:1}
.no-header-bg #breadcrumbs nav:before,.no-header-bg #breadcrumbs nav>ul:before,#top-bar:before,#nav nav:before,#nav section:before,.sidebar+section article .teaser.type-2 .teaser-box:before,.events a:before,.latest ul:before,.article-full p.navToTop:before,.multi-tab .tab-move-wrapper:before,.multi-tab.leistungen .switcher:before,.multi-tab.leistungen .select-wrapper form .select-box:before,.multi-tab.leistungen .tab-nav .icon-wrapper:before,.multi-tab.leistungen.white .content-wrapper.light>div:before,.accordion:before,.service-detail .sub-menu:before,.result-search:before,.no-header-bg #breadcrumbs nav:after,.no-header-bg #breadcrumbs nav>ul:after,#top-bar:after,#nav nav:after,#nav section:after,.sidebar+section article .teaser.type-2 .teaser-box:after,.events a:after,.latest ul:after,.article-full p.navToTop:after,.multi-tab .tab-move-wrapper:after,.multi-tab.leistungen .switcher:after,.multi-tab.leistungen .select-wrapper form .select-box:after,.multi-tab.leistungen .tab-nav .icon-wrapper:after,.multi-tab.leistungen.white .content-wrapper.light>div:after,.accordion:after,.service-detail .sub-menu:after,.result-search:after {
    display: table;
    visibility: hidden;
    clear: both;
    content: ' '
}
#nav .flyout-box ul,.teaser-group,.startseite main>.slot>.row,.tab-box .tab-toc,.tab-box .content.facebook,.tab-box .content.sub {
    display: table;
    width: 100%;
    word-spacing: -1em
}
#nav .flyout-box ul>li,.teaser-group>.teaser,.startseite main>.slot>.row>.teaser,.startseite main>.slot>.row>.multi-tab,.tab-box .tab-toc>li,.tab-box .content.facebook>div,.tab-box .content.sub>div {
    display: inline-block;
    vertical-align: top;
    word-spacing: 0
}
.article-full h1,.page-intro h1,.multi-tab h3 {
    font-size: 2.2rem;
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin: 10px 0

}
h1,h2,.teaser.warning h2,.article-full h2,.accordion h3,.accordion .toc-wrapper h2,.results .teaser h2 {
    margin: 0 0 25px 0;
    font-size: 2.2rem;
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
    font-weight: normal
}
h1 .overview,h2 .overview,.teaser.warning h2 .overview,.accordion h3 .overview,.accordion .toc-wrapper h2 .overview,.results .teaser h2 .overview {
    float: right;
    padding-top: 12px;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    font-style: italic;
    font-size: 1.2rem
}
@media only screen and (max-width: 599px) {
    h1 .overview,h2 .overview,.teaser.warning h2 .overview,.accordion h3 .overview,.accordion .toc-wrapper h2 .overview,.results .teaser h2 .overview {
        float:none;
        display: block;
        margin: 10px 0
    }
}
.teaser h2,.mod h3,.teaser.twitter p,.tab-box.social .content p,.multi-tab.white h3 {
    margin: 0 0 12px 0;
    font-size: 2.1rem;
    font-family: "DejaVuSerif","Times New Roman",Times,serif;
    font-weight: normal
}
.teaser h2 em,.mod h3 em,.teaser.twitter p em,.tab-box.social .content p em,.multi-tab.white h3 em {
    display: block;
    padding: 0 0 5px 0;
    font-size: 1.2rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    color: #666
}
footer section.site-index .box.mod h1,.number h2,.mod h2,.article-full h3 {
    font-size: 1.7rem;
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
    font-weight: normal
}
table.table-wrapper thead th,.tab-box h3 {
    font-size: 1.2rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    font-weight: normal;
    color: #999
}
.article-full h4 {
    font-size: 1.4rem;
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
    font-weight: normal
}
.article-full h5,.article-full h6 {
    font-size: 1.4rem;
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-style: italic
}
.teaser.type-2 .teaser-box .more,.events li.more,.latest li.more,.teaser.warning .more,.tab-box .more,.multi-tab .content-wrapper .content .more,.accordion .more,.faq-box .faq-box-wrapper .more,.search-results .more {
    display: block
}
.teaser.type-2 .teaser-box .more a,.events li.more a,.latest li.more a,.teaser.warning .more a,.tab-box .more a,.multi-tab .content-wrapper .content .more a,.accordion .more a,.faq-box .faq-box-wrapper .more a,.search-results .more a,.teaser.type-2 .teaser-box .more em,.events li.more em,.latest li.more em,.teaser.warning .more em,.tab-box .more em,.multi-tab .content-wrapper .content .more em,.accordion .more em,.faq-box .faq-box-wrapper .more em,.search-results .more em, .olmore {
    display: block;
    background-color: #F2F4F6;
    padding: 17px;
    text-align: center;
    font-size: 1.4rem;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-style: normal
}
.teaser.type-2 .teaser-box .more a:hover,.events li.more a:hover,.latest li.more a:hover,.teaser.warning .more a:hover,.tab-box .more a:hover,.multi-tab .content-wrapper .content .more a:hover,.accordion .more a:hover,.faq-box .faq-box-wrapper .more a:hover,.search-results .more a:hover,.teaser.type-2 .teaser-box .more a:active,.events li.more a:active,.latest li.more a:active,.teaser.warning .more a:active,.tab-box .more a:active,.multi-tab .content-wrapper .content .more a:active,.accordion .more a:active,.faq-box .faq-box-wrapper .more a:active,.search-results .more a:active,.teaser.type-2 .teaser-box .more a:focus,.events li.more a:focus,.latest li.more a:focus,.teaser.warning .more a:focus,.tab-box .more a:focus,.multi-tab .content-wrapper .content .more a:focus,.accordion .more a:focus,.faq-box .faq-box-wrapper .more a:focus,.search-results .more a:focus,.teaser.type-2 .teaser-box .more em:hover,.events li.more em:hover,.latest li.more em:hover,.teaser.warning .more em:hover,.tab-box .more em:hover,.multi-tab .content-wrapper .content .more em:hover,.accordion .more em:hover,.faq-box .faq-box-wrapper .more em:hover,.search-results .more em:hover,.teaser.type-2 .teaser-box .more em:active,.events li.more em:active,.latest li.more em:active,.teaser.warning .more em:active,.tab-box .more em:active,.multi-tab .content-wrapper .content .more em:active,.accordion .more em:active,.faq-box .faq-box-wrapper .more em:active,.search-results .more em:active,.teaser.type-2 .teaser-box .more em:focus,.events li.more em:focus,.latest li.more em:focus,.teaser.warning .more em:focus,.tab-box .more em:focus,.multi-tab .content-wrapper .content .more em:focus,.accordion .more em:focus,.faq-box .faq-box-wrapper .more em:focus,.search-results .more em:focus, .olmore:hover, .olmore:focus {
    outline: 0;
    background: #2D4B9B;
    color: #fff;
    text-decoration: none
}
header:after,footer:not(.dwd-services):after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 15px;
    background: url(../images/scala.svgz) 0 0 no-repeat
}
@media only screen and (max-width: 1040px) {
    header:after,footer:not(.dwd-services):after {
        display:none
    }
}
.search-btn a,#search input[type=submit] {
    background-image: url(../images/search.svgz);
    background-repeat: no-repeat
}
.result-search input[type=submit],.service-search input[type=submit] {
    background-image: url(../images/search-grey.svgz);
    background-repeat: no-repeat
}
p.navToTop a {
    background-image: url(../images/top-link.svgz);
    background-repeat: no-repeat
}
p.navToTop a:hover,p.navToTop a:active,p.navToTop a:focus {
    background-image: url(../images/top-link-hover.svgz);
    background-repeat: no-repeat
}
.multi-tab .tab-nav-wrapper .pagination .prev .arrow,.multi-tab .tab-nav-wrapper .pagination .next .arrow,.gallery-box .pagination .prev.arrow,.gallery-box .pagination .next.arrow,.gallery-box-scroller .pagination .prev.arrow,.gallery-box-scroller .pagination .next.arrow,.multi-tab form .select-box .combobox span,.result-search form .select-box .combobox span,#nav-meta form .select-box .combobox span,.showbox-toolbar .prev-btn,.showbox-toolbar .next-btn,.showbox .gallery-box .pagination .prev.arrow,.showbox .gallery-box .pagination .next.arrow,.showbox .gallery-box-scroller .pagination .prev.arrow,.showbox .gallery-box-scroller .pagination .next.arrow {
    background-image: url(../images/arrow-sprite.svgz);
    background-repeat: no-repeat
}
#breadcrumbs li {
    background-image: url(../images/arrow-breadcrumb.svgz);
    background-repeat: no-repeat
}
.link-list a.download,.teaser.downloads a,.downloads a,.service-detail .details .link-list a.download:hover,.service-detail .details .link-list a.download:focus {
    background-image: url(../images/download.svgz);
    background-repeat: no-repeat
}
footer section.site-index .box.mod a:hover,footer section.site-index .box.mod a:active,footer section.site-index .box.mod a:focus,.toc a,.multi-tab.leistungen .switcher .next,.pagination-view .previous a,.pagination-view .next a {
    background-image: url(../images/arrow-right.svgz);
    background-repeat: no-repeat
}
footer section.site-index .box.mod a {
    background-image: url(../images/arrow-right-white.svgz);
    background-repeat: no-repeat
}
.faq-box .faq-bg:before {
    background-image: url(../images/faq-box.svgz);
    background-repeat: no-repeat
}
.showbox .showbox-box a.close-button {
    background-image: url(../images/close-sprite.svgz);
    background-repeat: no-repeat
}
.teaser.type-2 .teaser-box h1 em,.sidebar+section article .teaser.type-2 .teaser-box .phone em {
    background-image: url(../images/hotline.svgz);
    background-repeat: no-repeat
}
.link-list a,.article-full a.internal,.article-full a.external,.service-detail .details .link-list a:hover,.service-detail .details .link-list a:focus {
    background-image: url(../images/link-internal.svgz);
    background-repeat: no-repeat
}
.link-list a.external,.article-full a.external,.service-detail .details .link-list a.external:hover,.service-detail .details .link-list a.external:focus {
    background-image: url(../images/link-external.svgz);
    background-repeat: no-repeat
}
.service-detail .details .link-list a {
    background-image: url(../images/link-internal-white.svgz);
    background-repeat: no-repeat
}
.service-detail .details .link-list a.download {
    background-image: url(../images/download-white.svgz);
    background-repeat: no-repeat
}
.service-detail .details .link-list a.external {
    background-image: url(../images/link-external-white.svgz);
    background-repeat: no-repeat
}
.service-detail .details .more span,.service-detail .details .less span {
    background-image: url(../images/arrow-white-sprite.svgz);
    background-repeat: no-repeat
}
.service-detail .sub-menu .back {
    background-image: url(../images/arrow-white-left.svgz);
    background-repeat: no-repeat
}
.multi-tab.leistungen .switcher .prev,.pagination-view .previous a {
    background-image: url(../images/arrow-left.svgz);
    background-repeat: no-repeat
}
.accordion .pagination .prev {
    background-image: url(../images/arrow-grey-up.svgz);
    background-repeat: no-repeat
}
.tab-box .tab-toc li a.twitter {
    background-image: url(../images/social-twitter.svgz);
    background-repeat: no-repeat
}
.tab-box .tab-toc li a.on.twitter,.tab-box .tab-toc li a.twitter:hover,.tab-box .tab-toc li a.twitter:active,.tab-box .tab-toc li a.twitter:focus {
    background-image: url(../images/social-twitter-h.svgz);
    background-repeat: no-repeat
}
.tab-box .tab-toc li a.facebook {
    background-image: url(../images/social-facebook.svgz);
    background-repeat: no-repeat
}
.tab-box .tab-toc li a.on.facebook,.tab-box .tab-toc li a.facebook:hover,.tab-box .tab-toc li a.facebook:active,.tab-box .tab-toc li a.facebook:focus {
    background-image: url(../images/social-facebook-h.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-1 a {
    background-image: url(../images/services-1.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-2 a {
    background-image: url(../images/services-2.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-3 a {
    background-image: url(../images/services-3.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-4 a {
    background-image: url(../images/services-4.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-5 a {
    background-image: url(../images/services-5.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-1 a:hover,footer section.services li.service-1 a:active,footer section.services li.service-1 a:focus {
    background-image: url(../images/services-1-h.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-2 a:hover,footer section.services li.service-2 a:active,footer section.services li.service-2 a:focus {
    background-image: url(../images/services-2-h.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-3 a:hover,footer section.services li.service-3 a:active,footer section.services li.service-3 a:focus {
    background-image: url(../images/services-3-h.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-4 a:hover,footer section.services li.service-4 a:active,footer section.services li.service-4 a:focus {
    background-image: url(../images/services-4-h.svgz);
    background-repeat: no-repeat
}
footer section.services li.service-5 a:hover,footer section.services li.service-5 a:active,footer section.services li.service-5 a:focus {
    background-image: url(../images/services-5-h.svgz);
    background-repeat: no-repeat
}
footer section.legal .info div {
    background-image: url(../images/adler.svgz);
    background-repeat: no-repeat
}
.accordion .pagination .next {
    background-image: url(../images/arrow-grey-down.svgz);
    background-repeat: no-repeat
}
figcaption .zoom:before,figcaption .zoom-click:before,.article-full figcaption .zoom:before,.article-full figcaption .zoom-click:before {
    background-image: url(../images/zoom.svgz);
    background-repeat: no-repeat
}
figcaption .zoom:hover:before,figcaption .zoom:active:before,figcaption .zoom:focus:before,figcaption .zoom-click:hover:before,figcaption .zoom-click:active:before,figcaption .zoom-click:focus:before,.article-full figcaption .zoom:hover:before,.article-full figcaption .zoom:active:before,.article-full figcaption .zoom:focus:before,.article-full figcaption .zoom-click:hover:before,.article-full figcaption .zoom-click:active:before,.article-full figcaption .zoom-click:focus:before {
    background-image: url(../images/zoom-hover.svgz);
    background-repeat: no-repeat
}
.link-list .pro-1 a {
    background-image: url(../images/pro-1.svgz);
    background-repeat: no-repeat
}
.link-list .pro-2 a {
    background-image: url(../images/pro-2.svgz);
    background-repeat: no-repeat
}
.link-list .pro-3 a {
    background-image: url(../images/pro-3.svgz);
    background-repeat: no-repeat
}
.link-list .pro-4 a {
    background-image: url(../images/pro-4.svgz);
    background-repeat: no-repeat
}
.link-list .pro-5 a {
    background-image: url(../images/pro-5.svgz);
    background-repeat: no-repeat
}
.link-list .pro-6 a {
    background-image: url(../images/pro-6.svgz);
    background-repeat: no-repeat
}
.link-list .pro-7 a {
    background-image: url(../images/pro-7.svgz);
    background-repeat: no-repeat
}
.link-list .pro-8 a {
    background-image: url(../images/pro-8.svgz);
    background-repeat: no-repeat
}
.link-list .pro-9 a {
    background-image: url(../images/pro-9.svgz);
    background-repeat: no-repeat
}
#top-bar.warning .weather-warning a {
    background-image: url(../images/warning.svgz);
    background-repeat: no-repeat
}
#top-bar.no-warning .weather-warning a {
    background-image: url(../images/no-warning.svgz);
    background-repeat: no-repeat
}
#nav-meta li.lang-e a,#nav-meta li.lang-e strong {
    background-image: url(../images/lang-e.svgz);
    background-repeat: no-repeat
}
#nav-meta li.lang-s a,#nav-meta li.lang-s strong {
    background-image: url(../images/lang-s.svgz);
    background-repeat: no-repeat
}
.search-btn a.js-active {
    background-image: url(../images/x.svgz);
    background-repeat: no-repeat
}
.filter h4>span,.filter a>span {
    background-image: url(../images/service-add.svg.png);
    background-repeat: no-repeat
}
.filter h4>span {
    background-image: url(../images/services-down.svg.svgz);
    background-repeat: no-repeat
}
.filter h4:hover>span,.filter h4:active>span,.filter h4:focus>span,.filter a:hover>span,.filter a:active>span,.filter a:focus>span,.filter h4.ally-key-focus>span,.filter a.ally-key-focus>span {
    background-image: url(../images/service-add-h.svg.png);
    background-repeat: no-repeat
}
.filter h4:hover>span,.filter h4:active>span,.filter h4:focus>span {
    background-image: url(../images/services-down-h.svg.svgz);
    background-repeat: no-repeat
}
.filter .less a {
    background-image: url(../images/mini-arrow-up.svgz);
    background-repeat: no-repeat
}
.filter .more a {
    background-image: url(../images/mini-arrow-down.svgz);
    background-repeat: no-repeat
}
.filter h4.on>span,.filter a.on>span {
    background-image: url(../images/services-delete.svg.png);
    background-repeat: no-repeat
}
#top-bar .weather-data .weather-icon.icon-1 {
    background-image: url(../images/weather-1.svgz);
    background-repeat: no-repeat
}
#top-bar .weather-data .weather-icon.icon-2 {
    background-image: url(../images/weather-2.svgz);
    background-repeat: no-repeat
}
.multi-tab.leistungen .tab-nav .icon-wrapper .icon-big {
    background-image: url(../images/steckbr-big.svgz);
    background-repeat: no-repeat
}
.multi-tab.leistungen .tab-nav .icon-wrapper .icon:hover .icon-big,.multi-tab.leistungen .tab-nav .icon-wrapper .icon:active .icon-big,.multi-tab.leistungen .tab-nav .icon-wrapper .icon:focus .icon-big {
    background-image: url(../images/steckbr-big-h.svgz);
    background-repeat: no-repeat
}
.multi-tab.leistungen .tab-nav .icon-wrapper .icon-download {
    background-image: url(../images/steckbr-download.svgz);
    background-repeat: no-repeat
}
.multi-tab.leistungen .tab-nav .icon-wrapper .icon:hover .icon-download,.multi-tab.leistungen .tab-nav .icon-wrapper .icon:active .icon-download,.multi-tab.leistungen .tab-nav .icon-wrapper .icon:focus .icon-download {
    background-image: url(../images/steckbr-download-h.svgz);
    background-repeat: no-repeat
}
.multi-tab.leistungen .tab-nav .icon-wrapper .icon-legend {
    background-image: url(../images/steckbr-legende.svgz);
    background-repeat: no-repeat
}
.multi-tab.leistungen .tab-nav .icon-wrapper .icon:hover .icon-legend,.multi-tab.leistungen .tab-nav .icon-wrapper .icon:active .icon-legend,.multi-tab.leistungen .tab-nav .icon-wrapper .icon:focus .icon-legend {
    background-image: url(../images/steckbr-legende-h.svgz);
    background-repeat: no-repeat
}
.multi-tab.leistungen .tab-nav .icon-wrapper .icon-print {
    background-image: url(../images/steckbr-print.svgz);
    background-repeat: no-repeat
}
.multi-tab.leistungen .tab-nav .icon-wrapper .icon:hover .icon-print,.multi-tab.leistungen .tab-nav .icon-wrapper .icon:active .icon-print,.multi-tab.leistungen .tab-nav .icon-wrapper .icon:focus .icon-print {
    background-image: url(../images/steckbr-print-h.svgz);
    background-repeat: no-repeat
}
* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}
html {
    font-size: 62.5%
}
body {
    font-size: 1.6rem;
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
    line-height: 1.3;
    color: #555
}
a {
    color: #2D4B9B;
    text-decoration: none
}
a:hover,a:active,a:focus {
    text-decoration: underline
}
p {
    font-size: 1.4rem;
    line-height: 1.5
}
li {
    font-size: 1.4rem;
    line-height: 1.5;
    list-style: none
}
.row,.skip,.flyout-box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 61.875em;
    *zoom:1}
.row:before,.row:after,.skip:before,.skip:after,.flyout-box:before,.flyout-box:after {
    content: " ";
    display: table
}
.row:after,.skip:after,.flyout-box:after {
    clear: both
}
.sidebar .row,.sidebar+section .row,.sidebar+section .teaser.latest:not(.latest-top) ul {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom:1}
.sidebar .row:before,.sidebar .row:after,.sidebar+section .row:before,.sidebar+section .row:after,.sidebar+section .teaser.latest:not(.latest-top) ul:before,.sidebar+section .teaser.latest:not(.latest-top) ul:after {
    content: " ";
    display: table
}
.sidebar .row:after,.sidebar+section .row:after,.sidebar+section .teaser.latest:not(.latest-top) ul:after {
    clear: both
}
.content-sidebar .teaser.link-list,.content-sidebar .teaser.downloads,.content-sidebar .teaser.events,.sidebar .teaser,.page-intro,.article-full,#nav-sub,.sidebar+section .teaser.latest,.latest li.more,.tab-box,.faq-box,.search-box,.gallery-box,.gallery-box-scroller,.multi-tab,.acoordion,.latest.latest-top li:not(.more),.sectionRelated,.tab-nav,.section-headline,.sidebar+section article .teaser {
    position: relative;
    padding-left: .9375em;
    padding-right: .9375em;
    width: 100%;
    float: left
}
.content.service-detail .headline,.result-search .search {
    position: relative;
    padding-left: .9375em;
    padding-right: .9375em;
    width: 75%;
    float: left
}
.sidebar+section,.stage section,.multi-tab.leistungen .tab-nav-wrapper,.content.service-detail .description {
    position: relative;
    padding-left: .9375em;
    padding-right: .9375em;
    width: 66.66667%;
    float: left
}
.legal .info {
    position: relative;
    padding-left: .9375em;
    padding-right: .9375em;
    width: 58.33333%;
    float: left
}
.sidebar+section .teaser,.teaser.link-list,.teaser.downloads,.latest li:not(.more),.latest.latest-top,.sidebar+section .teaser.latest.latest-top,.services-list>.row>h1,.service-search,.sidebar+section article .teaser .half {
    position: relative;
    padding-left: .9375em;
    padding-right: .9375em;
    width: 50%;
    float: left
}
.legal .links {
    position: relative;
    padding-left: .2em;
    padding-right: .9375em;
    width: 41.66667%;
    float: left
}
/*  padding-left: .9375em; */ 
.sidebar,.teaser,.startseite .multi-tab,.startseite main .teaser,.startseite main .multi-tab,.site-index .box.mod,.multi-tab.leistungen .icon-wrapper,.content.service-detail .description-aside {
    position: relative;
    padding: 0 10px 0 10px;
    width: 30%;
    float: left
}
/* width: 33.33333%; */
.social-services .box,.content.service-detail .select-wrapper,.search-results .result-search form .select-box {
    position: relative;
    padding-left: .9375em;
    padding-right: .9375em;
    width: 25%;
    float: left
}
.site-index .box {
    position: relative;
    padding-left: .9375em;
    padding-right: .9375em;
    width: 16.66667%;
    float: left
}
section.services ul {
    display: block;
    padding: 0;
    margin: 0;
    *zoom:1}
section.services ul:before,section.services ul:after {
    content: " ";
    display: table
}
section.services ul:after {
    clear: both
}
section.services ul>li {
    display: inline;
    height: auto;
    float: left;
    padding: 0
}
section.services ul>li {
    width: 20%;
    padding: 0
}
section.services ul>li:nth-of-type(n) {
    clear: none
}
section.services ul>li:nth-of-type(5n+1) {
    clear: both
}
.filter>ul>li>ul,.multi-tab.leistungen .icon-wrapper ul {
    display: block;
    padding: 0;
    margin: 0;
    *zoom:1}
.filter>ul>li>ul:before,.filter>ul>li>ul:after,.multi-tab.leistungen .icon-wrapper ul:before,.multi-tab.leistungen .icon-wrapper ul:after {
    content: " ";
    display: table
}
.filter>ul>li>ul:after,.multi-tab.leistungen .icon-wrapper ul:after {
    clear: both
}
.filter>ul>li>ul>li,.multi-tab.leistungen .icon-wrapper ul>li {
    display: inline;
    height: auto;
    float: left;
    padding: 0
}
.filter>ul>li>ul>li,.multi-tab.leistungen .icon-wrapper ul>li {
    width: 25%;
    padding: 0
}
.filter>ul>li>ul>li:nth-of-type(n),.multi-tab.leistungen .icon-wrapper ul>li:nth-of-type(n) {
    clear: none
}
.filter>ul>li>ul>li:nth-of-type(4n+1),.multi-tab.leistungen .icon-wrapper ul>li:nth-of-type(4n+1) {
    clear: both
}
.stage>.row {
    max-width: 63.8em
}
main {
    margin-top: -160px
}
main .slot>.row {
    padding-bottom: 20px
}
main .row {
    background: #fff
}
body.startseite main {
    margin-top: -120px
}
/*
body.startseite main>.slot:first-child>.row {
    padding-top: 30px;
    padding-bottom: 44px
}
*/
.slot.type-2 {
    background: #2D4B9B
}
.slot.type-2 .row {
    background: transparent
}
@media only screen and (max-width: 1023px) {
    #nav-sub {
        display:none
    }
    .sidebar,.sidebar+section {
        position: relative;
        padding-left: .9375em;
        padding-right: .9375em;
        width: 100%;
        float: left
    }
    .content.service-detail .headline {
        position: relative;
        padding-left: .9375em;
        padding-right: .9375em;
        width: 66.66667%;
        float: left
    }
    .stage .sidebar,.content.service-detail .select-wrapper {
        position: relative;
        padding-left: .9375em;
        padding-right: .9375em;
        width: 33.33333%;
        float: left
    }
    section.services ul {
        display: block;
        padding: 0;
        margin: 0;
        *zoom:1}
    section.services ul:before,section.services ul:after {
        content: " ";
        display: table
    }
    section.services ul:after {
        clear: both
    }
    section.services ul>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0
    }
    section.services ul>li {
        width: 33.33333%;
        padding: 0
    }
    section.services ul>li:nth-of-type(n) {
        clear: none
    }
    section.services ul>li:nth-of-type(3n+1) {
        clear: both
    }
    main {
        margin-top: 0
    }
}
@media only screen and (max-width: 768px) {
    .startseite .stage>.row>section,.startseite .stage .sidebar,.startseite main .teaser,.startseite main .multi-tab {
        position:relative;
        padding-left: .9375em;
        padding-right: .9375em;
        width: 50%;
        float: left
    }
}
@media only screen and (max-width: 767px) {
    .sidebar+section .teaser,.stage .sidebar,.stage section,.teaser.events,.social,.site-index .box.mod,.content.service-detail .headline,.content.service-detail .select-wrapper,.content.service-detail .description-aside,.content.service-detail .description,.services-list>.row>h1,.service-search {
        position:relative;
        padding-left: .9375em;
        padding-right: .9375em;
        width: 100%;
        float: left
    }
    .teaser,.social-services .box {
        position: relative;
        padding-left: .9375em;
        padding-right: .9375em;
        width: 50%;
        float: left
    }
    .site-index .box {
        position: relative;
        padding-left: .9375em;
        padding-right: .9375em;
        width: 25%;
        float: left
    }
    .filter>ul>li>ul {
        display: block;
        padding: 0;
        margin: 0;
        *zoom:1}
    .filter>ul>li>ul:before,.filter>ul>li>ul:after {
        content: " ";
        display: table
    }
    .filter>ul>li>ul:after {
        clear: both
    }
    .filter>ul>li>ul>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0
    }
    .filter>ul>li>ul>li {
        width: 50%;
        padding: 0
    }
    .filter>ul>li>ul>li:nth-of-type(n) {
        clear: none
    }
    .filter>ul>li>ul>li:nth-of-type(2n+1) {
        clear: both
    }
    .multi-tab.leistungen .icon-wrapper ul {
        display: block;
        padding: 0;
        margin: 0;
        *zoom:1}
    .multi-tab.leistungen .icon-wrapper ul:before,.multi-tab.leistungen .icon-wrapper ul:after {
        content: " ";
        display: table
    }
    .multi-tab.leistungen .icon-wrapper ul:after {
        clear: both
    }
    .multi-tab.leistungen .icon-wrapper ul>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0
    }
    .multi-tab.leistungen .icon-wrapper ul>li {
        width: 100%;
        padding: 0
    }
    .multi-tab.leistungen .icon-wrapper ul>li:nth-of-type(n) {
        clear: none
    }
    .multi-tab.leistungen .icon-wrapper ul>li:nth-of-type(1n+1) {
        clear: both
    }
    body.startseite main>.slot:first-child>.row {
        padding-bottom: 0
    }
}
@media only screen and (max-width: 599px) {
    .teaser,.teaser.link-list,.teaser.downloads,.startseite main .teaser,.startseite main .multi-tab,.startseite .stage>.row>section,.startseite .stage .sidebar,.latest li:not(.more),.site-index .box,.legal .box,.teaser.latest.latest-top,.sidebar+section .teaser.latest.latest-top,.sidebar+section article .teaser .half,.result-search .search,.search-results .result-search form .select-box {
        position:relative;
        padding-left: .9375em;
        padding-right: .9375em;
        width: 100%;
        float: left
    }
    .social-services .box {
        position: relative;
        padding-left: .9375em;
        padding-right: .9375em;
        width: 25%;
        float: left
    }
    section.services ul,.filter>ul>li>ul {
        display: block;
        padding: 0;
        margin: 0;
        *zoom:1}
    section.services ul:before,section.services ul:after,.filter>ul>li>ul:before,.filter>ul>li>ul:after {
        content: " ";
        display: table
    }
    section.services ul:after,.filter>ul>li>ul:after {
        clear: both
    }
    section.services ul>li,.filter>ul>li>ul>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0
    }
    section.services ul>li,.filter>ul>li>ul>li {
        width: 100%;
        padding: 0
    }
    section.services ul>li:nth-of-type(n),.filter>ul>li>ul>li:nth-of-type(n) {
        clear: none
    }
    section.services ul>li:nth-of-type(1n+1),.filter>ul>li>ul>li:nth-of-type(1n+1) {
        clear: both
    }
    main {
        margin-top: 0
    }
}
header {
    background: #f3f3f3 50% 0 no-repeat;
    height: 610px
}
.hcm body:not(.no-header-bg) header {
    min-height: 400px!important
}
.startseite header {
    height: auto;
    min-height: 610px;
    background-position: 50% 0
}
.startseite header .stage {
    margin-top: 58px;
    padding-bottom: 120px
}
.no-header-bg header {
    position: relative;
    min-height: 0;
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid #e8e9eb;
    margin-bottom: 0
}
.no-header-bg main {
    margin-top: 0
}
.no-header-bg #breadcrumbs .row {
    padding-bottom: 2.8rem;
    padding-top: 2.8rem
}
.no-header-bg #breadcrumbs nav {
    margin: 0;
    padding: 0 .9375em
}
.no-header-bg #breadcrumbs nav>ul {
    margin: 0
}
.no-header-bg #breadcrumbs nav li {
    margin-bottom: 0
}
#top-bar {
    background: #2D4B9B;
    max-height: 55px;
    overflow: hidden
}
#top-bar.warning {
    border-top: 5px solid #e10019
}
#top-bar.warning .weather-warning a {
    background-color: #e10019
}
#top-bar.warning .weather-warning a:hover,#top-bar.warning .weather-warning a:focus,#top-bar.warning .weather-warning a:active {
    background-color: #e10019;
    text-decoration: none
}
#top-bar.no-warning {
    border-top: 5px solid #247ba1
}
#top-bar.no-warning .weather-warning a {
    background-color: #247ba1;
    padding-top: 5px;
    padding-bottom: 7px
}
#top-bar.no-warning .weather-warning a:hover,#top-bar.no-warning .weather-warning a:focus,#top-bar.no-warning .weather-warning a:active {
    background-color: #2D4B9B;
    text-decoration: none
}
#top-bar * {
    color: #fff
}
#top-bar .weather p {
    text-align: center
}
#top-bar .weather a {
    display: block;
    padding: 15px 20px 16px 20px;
    font-size: 1.3rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif
}
#top-bar .weather-data {
    float: left;
    margin-right: 1px
}
#top-bar .weather-data p {
    padding: 5px 15px
}
#top-bar .weather-data span {
    display: inline-block;
    vertical-align: middle
}
#top-bar .weather-data .weather-location {
    font-size: 1.3rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif
}
#top-bar .weather-data .weather-icon {
    height: 40px;
    width: 50px;
    background-position: 50% 50%
}
#top-bar .weather-data .weather-temp {
    font-size: 2.4rem;
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif
}
#top-bar .weather-warning {
    float: right;
    max-width: 200px
}
#top-bar .weather-warning a {
    background-position: 15px 50%;
    padding-left: 50px;
    text-transform: uppercase
}
#top-bar .target-audience {
    float: right;
    max-height: 50px;
    background: #2D4B9B
}
#top-bar .target-audience fieldset {
    margin: 0;
    border: 0;
    padding: 0
}
#top-bar .target-audience input {
    float: left;
    width: 100px;
    background: #2D4B9B;
    border: 0;
    padding: 17px 5px 18px 15px;
    font-size: 1.3rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    cursor: pointer
}
#top-bar .target-audience input:hover,#top-bar .target-audience input[aria-expanded=true] {
    background-color: #2D4B9B;
    color: #fff
}
#top-bar .target-audience input:hover+span,#top-bar .target-audience input[aria-expanded=true]+span {
    background-color: #2D4B9B;
    color: #fff
}
#top-bar .target-audience span span {
    display: inline-block;
    padding: 15px 8px
}
.no-js #top-bar .target-audience select {
    border: 0;
    padding: 14px 14px 15px 7px;
    color: #333;
    font-size: 1.4rem
}
.no-js #top-bar .target-audience option {
    color: #333
}
.datalist.datalist-target {
    width: auto!important;
    min-width: 175px;
    background: #2d4b9b
}
.datalist.datalist-target li {
    border: 0;
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 1.3rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    cursor: pointer
}
.datalist.datalist-target li:last-child {
    border-bottom: 0
}
.datalist.datalist-target li:hover {
    background-color: #96b9dc;
    color: #333
}
.search-btn {
    float: right;
    list-style: none;
    margin-left: 1px;
    background: #2D4B9B
}
.search-btn a {
    display: block;
    width: 50px;
    height: 50px;
    background-position: 50% 50%
}
.search-btn a:hover,.search-btn a:active,.search-btn a:focus {
    text-decoration: none;
    background-color: #2D4B9B
}
.search-btn a.js-active {
    background-color: #2D4B9B
}
.hcm .search-btn a {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif
}
#search {
    background: #2D4B9B;
    padding: 20px 0
}
#search .search-box {
    position: relative
}
#search form {
    padding-right: 70px
}
#search input {
    width: 100%;
    min-height: 50px;
    background: #fff;
    border: 0;
    padding: 0 20px
}
.hcm #search input {
    border: 1px solid;
    color: #fff
}
#search input[type=submit] {
    position: absolute;
    top: 0;
    right: 15px;
    width: 50px;
    height: 50px;
    background-color: #2D4B9B;
    background-position: 50% 50%;
    font-size: 1.7rem
}
.hcm #search input[type=submit] {
    line-height: 1.6rem;
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif
}
.extended {
    display: block
}
.extended.hide {
    display: none
}
@media only screen and (max-width: 1023px) {
    header {
        height:auto;
        min-height: 300px;
        margin-bottom: 30px;
        border-bottom: 0
    }
    header #nav {
        border-bottom: 1px solid #e8e9eb
    }
    .startseite header {
        border-bottom: 0
    }
    body:not(.startseite) header {
        background-image: none!important;
        background-color: #fff
    }
    .startseite #nav {
        border-bottom: 1px solid #e8e9eb
    }
    .no-header-bg #breadcrumbs .row {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    #top-bar .weather-warning a {
        min-height: 50px;
        padding-left: 35px;
        overflow: hidden;
        font: 0/0 serif;
        text-shadow: none;
        color: transparent
    }
    .stage .sidebar .teaser {
        margin-bottom: 0
    }
    .stage .sidebar .teaser-box a:after {
        content: " ";
        display: block;
        clear: both
    }
    .stage .sidebar .img-container {
        float: left;
        margin-right: 15px
    }
}
@media only screen and (max-width: 768px) {
    .startseite header {
        background-image:-webkit-gradient(radial,center center,0,center center,460,color-stop(0%,#fff),color-stop(100%,#abb7d7))!important;
        background-image: -webkit-radial-gradient(#fff,#abb7d7)!important;
        background-image: -moz-radial-gradient(#fff,#abb7d7)!important;
        background-image: radial,,#fff,#abb7d7!important
    }
    .no-cssgradients .startseite header {
        background-color: #c2cadd
    }
    .startseite header .stage {
        margin-top: 23px
    }
}
@media only screen and (max-width: 767px) {
    header {
        background-image:none!important;
        background-color: #fff
    }
}
@media only screen and (max-width: 599px) {
    .no-header-bg header {
        margin-bottom:25px
    }
    #top-bar {
        position: relative;
        background-color: #fff;
        max-height: none
    }
    #top-bar .weather-data {
        display: none
    }
    #top-bar .weather-warning p a {
        background-position: 50% 50%;
        min-height: 98px;
        padding-left: 45px
    }
    .search-btn {
        position: absolute;
        right: 0;
        top: 0;
        background-color: rgba(242,244,246,0.4);
        border-left: 1px solid #f0f0f0
    }
    .search-btn a {
        min-height: 98px;
        min-width: 65px;
        background-image: url(../images/search-dark.svgz);
        background-repeat: no-repeat;
        padding: 40px 20px
    }
    #search {
        position: relative;
        margin-top: -1px
    }
}
@media only screen and (max-width: 740px) {
    #top-bar .weather-data p {
        padding:0
    }
    #top-bar .weather-data span {
        min-height: 50px;
        padding: 0;
        overflow: hidden;
        font: 0/0 serif!important;
        text-shadow: none;
        color: transparent
    }
    #top-bar .weather-data span.weather-icon {
        display: none
    }
}
@media only screen and (max-width: 580px) {
    #top-bar a[lang] {
        display:none
    }
}
.navSkip li {
    font-size: 1.3rem
}
.navSkip a:focus {
    padding: 10px 0;
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif
}
#nav-meta a.menu-button {
    display: none
}
#nav-meta ul {
    float: left
}
#nav-meta li {
    float: left;
    list-style: none;
    background: #2D4B9B;
    margin-right: 1px
}
#nav-meta li.icon {
    width: 53px
}
#nav-meta li.icon a,#nav-meta li.icon strong {
    background-position: 50% 50%;
    min-height: 50px;
    min-width: 53px
}
#nav-meta a,#nav-meta strong {
    display: block;
    padding: 16px 20px;
    font-size: 1.3rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    line-height: 1.4
}
#nav-meta a:hover,#nav-meta a:active,#nav-meta a:focus,#nav-meta strong:hover,#nav-meta strong:active,#nav-meta strong:focus {
    text-decoration: none;
    background-color: #96b9dc;
}
#nav-meta strong {
    background-color: #2D4B9B
}
#nav {
    background: rgba(255,255,255,0.6)
}
#nav h1 {
    position: absolute;
    top: 57px
}
.slot:not(.hide)+#nav h1 {
    top: 146px
}
#nav h1 a {
    display: block;
    min-width: 270px;
    min-height: 70px;
    background: url(../images/logo.png) 0 0 no-repeat,url(../images/logo-text.png) 52px 85% no-repeat;
    margin-left: 8px 
}
.hcm #nav h1 a {
    padding-top: 13px;
    font-size: 1.8rem;
    line-height: 2rem;
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif
}
.hcm #nav h1 a em {
    display: block;
    font-size: 1.3rem;
    font-style: normal
}
#nav ul {
    float: right;
    padding-left: 100px
}
#nav li {
    float: left;
    margin-left: 1px;
    background: rgba(242,244,246,0.4);
    list-style: none;
    font-size: 1.5rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif
}
#nav li a,#nav li strong {
    display: block;
    padding: 40px 20px;
    text-transform: uppercase;
    color: #2D4B9B;
    line-height: 1.5em
}
#nav li a:hover,#nav li a:active,#nav li a:focus,#nav li.has-flyout.flyout-hover>a {
    background: #fff;
    color: #333;
    text-decoration: none
}
#nav li.open a,#nav li.on a,#nav li strong {
    color: #333;
    font-weight: bold
}
#nav li ul {
    display: none
}
#nav li.open li a,#nav li.on li a {
    color: #2D4B9B;
    font-weight: normal
}
#nav [data-collapse] {
    display: none
}
.flyout {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100
}
.mobile .flyout {
    display: none!important
}
#nav li.flyout-hover>.flyout,#nav li:hover>.flyout {
    display: block
}
#nav .flyout-box-group {
    background-color: #fff;
    box-shadow: 0 5px 8px -4px rgba(0,0,0,0.2)
}
#nav .flyout-box {
    max-width: 98.6rem;
    background-color: #fff
}
#nav .flyout-box ul {
    display: block;
    margin: 20px 0 40px 0;
    padding: 0 0 0 14px
}
#nav .flyout-box ul li {
    width: 33.3%;
    background: 0;
    margin: 0
}
#nav .flyout-box ul li a,#nav .flyout-box ul li strong {
    margin: 0 0 0 30px;
    border-bottom: 1px dotted #ccc;
    padding: 20px 10px;
    text-transform: none;
    color: #2D4B9B
}
#nav .flyout-box ul li strong {
    color: #333
}
#nav .flyout-box ul li a:hover,#nav .flyout-box ul li a:active,#nav .flyout-box ul li a:focus {
    background-color: rgba(242,244,246,0.4);
    color: #333
}
#nav .flyout-box ul li:nth-child(3n+1) a,#nav .flyout-box ul li:nth-child(3n+1) strong {
    margin-left: 0
}
#nav-sub {
    padding-bottom: 40px
}
#nav-sub a,#nav-sub strong {
    display: block;
    padding: 15px 0 15px 12px;
    color: #555
}
#nav-sub strong {
    font-weight: bold
}
#nav-sub a:hover,#nav-sub a:active,#nav-sub a:focus {
    text-decoration: none;
    background: #eee
}
#nav-sub ul {
    border-bottom: 1px dotted #ccc
}
#nav-sub li {
    border-top: 1px dotted #ccc
}
#nav-sub li:first-child {
    border-top: 0
}
#nav-sub li ul {
    border-top: 1px dotted #ccc;
    border-bottom: 0
}
#nav-sub li li a,#nav-sub li li strong {
    padding-left: 40px
}
#nav-sub li li li a,#nav-sub li li li strong {
    padding-left: 70px
}
#breadcrumbs nav {
    background: #fff;
    margin: 0 0 30px 0;
    padding: 15px
}
.no-header-bg #breadcrumbs ul {
    margin-left: -15px
}
#breadcrumbs li {
    float: left;
    background-position: 100% 50%;
    margin: 0 10px 10px 0;
    padding: 0 15px 0 0;
    font-size: 1.2rem
}
#breadcrumbs li:first-child a {
    color: #2D4B9B
}
#breadcrumbs li:last-child {
    background: 0
}
#breadcrumbs a {
    color: #555
}
#breadcrumbs strong {
    font-weight: normal
}

@media only screen and (max-width: 1023) {
    #nav h1 {
        left:0
    }
    #nav h1 a {
        min-width: 80px;
        background: url(../images/logo.png) 35px 0 no-repeat;
        margin-left: 0
    }
    #nav li.open {
        position: relative
    }
    #nav li.open.expand-open {
        position: static
    }
    #nav li.open>a,#nav li.open>strong {
        position: relative
    }
    #nav li.open ul {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        overflow: visible;
        background-color: #ddd;
        padding: 10px
    }
    #nav li.open ul a,#nav li.open ul strong {
        padding: 15px;
        text-transform: none
    }
    #nav li.open ul ul {
        background-color: #ccc
    }
    #nav li.open ul ul ul {
        background-color: #c1c1c1
    }
    #nav li.open li {
        background-color: transparent
    }
    #nav .level-1>li.open>a,#nav .level-1>li.open>strong {
        background-color: #ddd
    }
    #nav .level-3,#nav .level-4 {
        top: 72px
    }
    #nav.has-level-3 .level-2 li {
        display: none
    }
    #nav.has-level-3 .level-2 li.open {
        display: block
    }
    #nav.has-level-3 .level-2 li.open a,#nav.has-level-3 .level-2 li.open strong {
        color: #333;
        font-weight: bold;
        padding-left: 30px;
        background-image: url(../images/arrow-grey-left.svgz);
        background-position: 10px 50%;
        background-repeat: no-repeat
    }
    #nav.has-level-3 .level-2 li.open .level-3 li {
        display: block
    }
    #nav.has-level-3 .level-2 li.open .level-3 li a {
        color: #2D4B9B;
        font-weight: normal;
        background-image: none;
        padding: 15px
    }
    #nav.has-level-3 .level-2 li.open .level-3 li strong {
        background-image: none;
        padding: 15px
    }
    #nav.has-level-4 .level-2 li,#nav.has-level-4 .level-3 li {
        display: none
    }
    #nav.has-level-4 .level-2 li.open,#nav.has-level-4 .level-3 li.open {
        display: block
    }
    #nav.has-level-4 .level-2 li.open a,#nav.has-level-4 .level-2 li.open strong,#nav.has-level-4 .level-3 li.open a,#nav.has-level-4 .level-3 li.open strong {
        color: #333;
        font-weight: bold;
        padding-left: 30px;
        background-image: url(../images/arrow-grey-left.svgz);
        background-position: 10px 50%;
        background-repeat: no-repeat
    }
    #nav.has-level-4 .level-2 li.open .level-4 li,#nav.has-level-4 .level-3 li.open .level-4 li {
        display: block
    }
    #nav.has-level-4 .level-2 li.open .level-4 li a,#nav.has-level-4 .level-3 li.open .level-4 li a {
        color: #2D4B9B;
        font-weight: normal;
        background-image: none;
        padding: 15px
    }
    #nav.has-level-4 .level-2 li.open .level-4 li strong,#nav.has-level-4 .level-3 li.open .level-4 li strong {
        background-image: none;
        padding: 15px
    }
    .js #nav .expandarea,.js #nav .level-2-btn[aria-expanded=true],.js #nav .level-2-btn-close[aria-expanded=false] {
        display: none!important
    }
    .js #nav [data-collapse],.js #nav .expandarea.js-selected {
        display: block!important
    }
    .no-js #nav [data-collapse] {
        display: none!important
    }
    #nav .level-2-btn {
        position: absolute!important;
        left: 0;
        right: 0;
        bottom: -40px;
        border-top: 1px solid #fff;
        padding: 20px;
        background: url(../images/arrow-grey-down.svgz) 50% 50% no-repeat;
        overflow: hidden;
        font: 0/0 serif;
        text-shadow: none;
        color: transparent
    }
    #nav .level-2-btn:hover,#nav .level-2-btn:active,#nav .level-2-btn:focus {
        background: url(../images/arrow-grey-down.svgz) 50% 50% no-repeat
    }
    #nav .level-2-btn-close {
        position: absolute!important;
        right: 10px;
        top: 177px;
        z-index: 1;
        width: 30px;
        height: 30px;
        background: url(../images/close-sprite.svgz) 50% 9px no-repeat;
        padding: 0;
        overflow: hidden;
        font: 0/0 serif;
        text-shadow: none;
        color: transparent
    }
    #nav .level-2-btn-close:hover,#nav .level-2-btn-close:active,#nav .level-2-btn-close:focus {
        background: url(../images/close-sprite.svgz) 50% 9px no-repeat
    }
    #nav .level-2.expandarea {
        padding-right: 50px
    }
    #breadcrumbs nav {
        display: none
    }
    .flyout {
        display: none!important
    }
}
@media only screen and (max-width: 755px) and (min-width:599px) {
    #nav .level-1>li {
        font-size:1.3rem
    }
    #nav .level-1>li>a,#nav .level-1>li>strong {
        padding: 40px 6px
    }
    #nav .level-1 .level-2-btn,#nav .level-1 .level-2-btn-close {
        padding: 20px
    }
}
@media only screen and (max-width: 599px) {
    #nav-meta ul,.target-audience {
        display:none
    }
    #breadcrumbs {
        display: none
    }
    #nav-meta {
        float: right
    }
    #nav-meta a.menu-button {
        display: block;
        min-width: 65px;
        background-color: rgba(242,244,246,0.4);
        margin-right: 65px;
        padding: 40px 15px;
        text-transform: uppercase;
        color: #2D4B9B;
        text-align: center
    }
    #nav-meta a.menu-button.js-active,#nav-meta a.menu-button:hover,#nav-meta a.menu-button:active,#nav-meta a.menu-button:focus {
        text-decoration: none;
        background-color: #eee
    }
    #nav-meta a.menu-button.js-active {
        min-height: 98px;
        min-width: 65px;
        background-image: url(../images/x-blue.svgz);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        overflow: hidden;
        font: 0/0 serif;
        text-shadow: none;
        color: transparent
    }
    #nav-meta a.menu-button span {
        display: block;
        position: absolute;
        left: -9999px;
        width: 1px;
        height: 1px;
        overflow: hidden
    }
    #nav nav {
        position: static
    }
    #nav h1 {
        top: 5px;
	border-bottom: none
    }
    .slot:not(.hide)+#nav h1 {
        top: 5px
    }
    #nav li {
        display: none
    }
    #nav li a {
        text-transform: none
    }
    #nav li.open {
        position: static
    }
/*
    #nav:not(.hide) ul {
        overflow: hidden;
        float: none;
        padding: 10px
    }
*/

    #nav:not(.hide) li.open {
        display: block;
        width: 100%
    }
    #nav:not(.hide) li.open>a,#nav:not(.hide) li.open>strong {
        display: inline-block;
        margin-bottom: 10px;
        padding: 15px 15px 15px 30px;
        background-image: url(../images/arrow-grey-left.svgz);
        background-position: 10px 50%;
        background-repeat: no-repeat
    }
    #nav:not(.hide) li.open li {
        display: block
    }
    #nav:not(.hide) .level-1 {
        background-color: #eee
    }
    #nav:not(.hide) .level-1>li.open>a,#nav:not(.hide) .level-1>li.open>strong {
        background-color: transparent
    }
    #nav:not(.hide) .level-1>li.open>a:hover,#nav:not(.hide) .level-1>li.open>a:active,#nav:not(.hide) .level-1>li.open>a:focus,#nav:not(.hide) .level-1>li.open>strong:hover,#nav:not(.hide) .level-1>li.open>strong:active,#nav:not(.hide) .level-1>li.open>strong:focus {
        background-color: #fff
    }
    #nav:not(.hide).has-level-1 li {
        display: block!important
    }
    #nav:not(.hide).has-level-1 li a,#nav:not(.hide).has-level-1 li strong {
        padding: 10px
    }

    #nav:not(.hide).has-level-3 .level-2 li {
        display: none
    }
    #nav:not(.hide).has-level-3 .level-2 li.open {
        display: block
    }
    #nav:not(.hide).has-level-3 .level-2 li.open a,#nav:not(.hide).has-level-3 .level-2 li.open strong {
        color: #333;
        font-weight: bold;
        padding-left: 30px;
        background-image: url(../images/arrow-grey-left.svgz);
        background-position: 10px 50%;
        background-repeat: no-repeat
    }
    #nav:not(.hide).has-level-3 .level-2 li.open .level-3 li {
        display: block
    }
    #nav:not(.hide).has-level-3 .level-2 li.open .level-3 li a {
        color: #2D4B9B;
        font-weight: normal;
        background-image: none;
        padding: 15px
    }
    #nav:not(.hide).has-level-3 .level-2 li.open .level-3 li strong {
        background-image: none;
        padding: 15px
    }
    #nav:not(.hide).has-level-4 .level-2 li,#nav:not(.hide).has-level-4 .level-3 li {
        display: none
    }
    #nav:not(.hide).has-level-4 .level-2 li.open,#nav:not(.hide).has-level-4 .level-3 li.open {
        display: block
    }
    #nav:not(.hide).has-level-4 .level-2 li.open a,#nav:not(.hide).has-level-4 .level-2 li.open strong,#nav:not(.hide).has-level-4 .level-3 li.open a,#nav:not(.hide).has-level-4 .level-3 li.open strong {
        color: #333;
        font-weight: bold;
        padding-left: 30px;
        background-image: url(../images/arrow-grey-left.svgz);
        background-position: 10px 50%;
        background-repeat: no-repeat
    }
    #nav:not(.hide).has-level-4 .level-2 li.open .level-4 li,#nav:not(.hide).has-level-4 .level-3 li.open .level-4 li {
        display: block
    }
    #nav:not(.hide).has-level-4 .level-2 li.open .level-4 li a,#nav:not(.hide).has-level-4 .level-3 li.open .level-4 li a {
        color: #2D4B9B;
        font-weight: normal;
        background-image: none;
        padding: 15px
    }
    #nav:not(.hide).has-level-4 .level-2 li.open .level-4 li strong,#nav:not(.hide).has-level-4 .level-3 li.open .level-4 li strong {
        background-image: none;
        padding: 15px
    }
    .js #nav [data-collapse],.no-js #nav [data-collapse] {
        display: none!important
    }
    .js #nav .expandarea {
        display: block!important
    }
    #nav .level-2.expandarea {
        padding-right: 10px
    }

    .article-full {
	padding-left: 0;
	padding-right: 0
    }

    .noWarning {
        padding-left: 0;
        padding-right: 0 
    }
}
footer:not(.dwd-services) {
    position: relative;
    z-index: 1;
    background-color: #324B8C;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#324B8C),color-stop(100%,#247ba1));
    background-image: -webkit-linear-gradient(left,#324B8C#247ba1);
    background-image: linear-gradient(to right,#324B8C,#247ba1)
}
footer:not(.dwd-services) footer:not(.dwd-services):after {
    background-position: 0 100%
}
footer * {
    color: #fff
}
footer a {
    display: block
}
footer section.services {
    padding: 0 0 40px 0
}
footer section.services ul {
    padding: 0 15px
}
footer section.services li {
    float: left
}
footer section.services li:first-child a {
    padding-left: 40px
}
footer section.services li:last-child a {
    margin-right: 0;
    border-right: 0;
    padding-right: 0
}
footer section.services a {
    display: block;
    position: relative;
    min-height: 5rem;
    background-position: 0 50%;
    margin: 0 20px 0 0;
    border-right: 1px solid #ccc;
    padding: 0 8px 0 50px;
    word-wrap: break-word;
    font-size: 1.4rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    color: #555555
}
footer section.services a:hover span span,footer section.services a:active span span,footer section.services a:focus span span {
    text-decoration: underline
}
footer section.services a span {
    display: table;
    height: 50px
}
footer section.services a span span {
    color: #555555;
    display: table-cell;
    vertical-align: middle;
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif
}
@media only screen and (max-width: 1023px) {
    footer section.services li {
        margin-bottom:20px
    }
    footer section.services li a {
        border: 0
    }
}
@media only screen and (max-width: 599px) {
    .startseite footer section.services {
        margin-top:0
    }
    footer section.services li a {
        border: 0
    }
}
footer section.site-index {
    padding: 45px 0 35px 0
}
footer section.site-index h1 {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    font-weight: normal;
    white-space: nowrap
}
footer section.site-index li {
    padding: 0 0 8px 0;
    font-size: 1.2rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif
}
footer section.site-index .box.mod {
    float: right;
    margin-bottom: 0
}
footer section.site-index .box.mod h1 {
    margin-bottom: 10px
}
footer section.site-index .box.mod li {
    padding: 0;
    font-size: 1.4rem;
    border-top-style: solid
}
footer section.site-index .box.mod li:first-child {
    border-top: 0
}
footer section.site-index .box.mod a {
    padding-top: 16px;
    padding-bottom: 16px
}
footer section.site-index .box.mod a:hover,footer section.site-index .box.mod a:active,footer section.site-index .box.mod a:focus {
    color: #555
}
@media only screen and (max-width: 767px) {
    footer section.site-index .box.mod {
        float:none;
        margin-bottom: 30px
    }
}
@media only screen and (max-width: 599px) {
    footer section.site-index .box:not(.mod) h1 {
        background:#fff;
        margin-bottom: 10px
    }
    footer section.site-index .box:not(.mod) h1 a {
        display: block;
        background: url(../images/arrow-grey-down.svgz) 97% 50% no-repeat;
        padding: 15px 30px 15px 10px;
        color: #3b5796;
        font-weight: bold
    }
    footer section.site-index .box:not(.mod) ul {
        display: none
    }
    footer section.site-index .box:not(.mod) ul:target {
        display: block
    }
    footer section.site-index .box:not(.mod) li a {
        display: block;
        padding: 5px 0
    }
}
footer section.social-services {
    background-color: #2d4b9b;

    padding: 40px 0 0 0
}
footer section.social-services .smlogo {
    background: url('../images/footer-sm.png'); 
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin: 2px 10px 20px 0
}
/*
background-position: 50% 50%;
    background-size: 100% 100%;
*/
footer section.social-services p {
    margin: 0 0 20px 0;
    font-size: 1.2rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    line-height: 1.6rem
}
footer section.social-services a:hover,footer section.social-services a:active,footer section.social-services a:focus {
    text-decoration: none
}
@media only screen and (max-width: 599px) {
    footer section.social-services .box {
        width: 19%;
    }
    footer section.social-services p {
        display: none
    }
}
footer section.legal {
    background-color: #2D4B9B;
    padding: 55px 0 15px 0
}
footer section.legal .box-box * {
    font-size: 1.2rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif
}
footer section.legal .info div {
    background-position: 0 4px;
    padding: 0 0 10px 70px
}
footer section.legal .info div p {
    padding: 0 0 10px 0
}
footer section.legal .info div address {
    font-style: normal
}
footer section.legal .links div {
    padding-top: 44px
}
@media only screen and (max-width: 599px) {
   footer section.legal .links div {
       padding-top: 20px
   }
}

footer section.legal .links div ul,footer section.legal .links div p {
    float: right;
    padding-left: 10px
}
footer section.legal .links div li {
    float: left;
    padding-left: 10px;
    line-height: 1.5
}
.teaser {
    margin-bottom: 30px
}
.teaser img {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0
}
.teaser h2 {
    padding: 0 5px
}
@media only screen and (max-width: 320px) {
    .teaser h2 {
        word-wrap:break-word
    }
}
.teaser p {
    padding: 0 5px;
    color: #555
}
.teaser a {
    display: block
}
.teaser a:hover,.teaser a:active,.teaser a:focus {
    background-color: #f6f6f6;
    text-decoration: none;
    outline: 15px solid #f6f6f6
}
.teaser.type-2 .teaser-box {
    border: 1px solid #eee;
    padding: 15px
}
.teaser.type-2 .teaser-box .more {
    padding: 0 0 15px
}
.teaser.type-2 .teaser-box h1 em {
    display: block;
    padding: 18px 0 0 30px;
    font-size: 3.2rem;
    font-style: normal;
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
    background-position: 0 23px;
    letter-spacing: -2px
}
.teaser.type-2 .teaser-box h1 em a {
    display: inline;
    color: #555
}
.teaser.type-2 .teaser-box h1 em span {
    font-size: 1.4rem;
    vertical-align: top
}
.teaser.type-2 .teaser-box .legal {
    position: relative
}
.teaser.type-2 .teaser-box .legal p {
    font-size: 1.2rem;
    padding-left: 15px;
    color: #666
}
.teaser.type-2 .teaser-box .legal p span {
    position: absolute;
    left: 0
}
.sidebar+section article .teaser.type-2 .teaser-box .half {
    padding: 0 15px 0 0
}
.sidebar+section article .teaser.type-2 .teaser-box .half+.half {
    padding-right: 0
}
.sidebar+section article .teaser.type-2 .teaser-box .half .more {
    padding-right: 30px
}
.sidebar+section article .teaser.type-2 .teaser-box h1 {
    font-size: 1.7rem
}
.sidebar+section article .teaser.type-2 .teaser-box .legal {
    clear: both
}
.sidebar+section article .teaser.type-2 .teaser-box .phone {
    margin-top: 10px
}
.sidebar+section article .teaser.type-2 .teaser-box .phone a {
    display: inline;
    color: #555
}
.sidebar+section article .teaser.type-2 .teaser-box .phone em {
    display: block;
    padding: 0 0 0 30px;
    font-size: 3.2rem;
    font-style: normal;
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
    background-position: 0 10px;
    letter-spacing: -2px
}
.sidebar+section article .teaser.type-2 .teaser-box .phone em span {
    font-size: 1.4rem;
    vertical-align: top
}
@media only screen and (max-width: 599px) {
    .sidebar+section article .teaser.type-2 .teaser-box .half {
        padding-right:0
    }
    .sidebar+section article .teaser.type-2 .teaser-box .half .more {
        padding-right: 0
    }
}
.teaser.type-3 .teaser-box {
    background-color: #eee;
    padding: 15px
}
.teaser.type-4 .teaser-box {
    background-color: #FFF;
    padding: 15px
}
.teaser.type-4 .teaser-box .img-container {
    text-align: center
}
.teaser.type-4 .teaser-box img {
    max-width: 100%;
    width: auto
}
.teaser-group .teaser {
    float: none
}
.teaser-group h1 {
    padding: 0 15px;
    word-spacing: 0
}
.number .teaser-box:hover {
    background-color: #f6f6f6
}
.number h2 {
    color: #555
}
.number h2 em {
    display: block;
    padding: 18px 0 7px 0;
    font-size: 9rem;
    color: #2D4B9B;
    font-style: normal;
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif
}
.mod .teaser-box:hover {
    background-color: #f6f6f6
}
.mod h2 {
    margin-bottom: 20px;
    color: #555
}
.mod img {
    float: left;
    width: auto;
    margin: 0;
    padding: 0 15px 20px 0
}
.mod p {
    font-weight: bold
}
.mod span {
    display: block
}
.mod h3 {
    clear: both;
    margin: 0
}
footer .mod .teaser-box:hover {
    background-color: transparent
}
.events li {
    border-top: 1px dotted #ccc
}
.events li.more {
    border-top: 0
}
.events .date {
    padding: 0 0 0 5px;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    font-size: 1.2rem;
    color: #666
}
.events .date p {
    margin: 0 6px 0 0;
    padding: 0 10px 0 0;
    font-size: 1.2rem
}
.events .date p span {
    display: inline
}
.events .date p span:after {
    content: '|';
    padding: 0 3px
}
.events .date p span:last-child:after {
    display: none
}
.events h2 {
    margin-bottom: 0
}
.events a {
    padding: 15px 0
}
.events a:hover,.events a:active,.events a:focus {
    background: 0;
    outline: 0
}
.events a:hover h2,.events a:active h2,.events a:focus h2 {
    text-decoration: underline
}
.latest h1 {
    margin-bottom: 10px
}
.latest li {
    margin: 0 0 15px 0;
    padding-top: 15px
}
.latest li.more {
    clear: both;
    margin: 0
}
.latest li:nth-child(2n+1) {
    clear: both
}
.latest h2 {
    margin-bottom: 10px;
    padding: 0
}
.latest p {
    padding: 0
}
.latest p em {
    display: inline!important;
    font-style: italic;
    color: #2D4B9B
}
.latest .date p {
    padding-bottom: 4px;
    font-size: 1.2rem
}
.latest.type-2 .teaser-box li {
    padding-right: 0;
    padding-left: 0
}
.latest.type-2 .teaser-box a:hover,.latest.type-2 .teaser-box a:active,.latest.type-2 .teaser-box a:focus {
    background-color: transparent;
    outline: 0
}
.latest.type-2 .teaser-box a:hover h2,.latest.type-2 .teaser-box a:hover em.more,.latest.type-2 .teaser-box a:active h2,.latest.type-2 .teaser-box a:active em.more,.latest.type-2 .teaser-box a:focus h2,.latest.type-2 .teaser-box a:focus em.more {
    text-decoration: underline
}
.latest.type-2 .teaser-box h2 {
    margin-bottom: 0
}
.latest.type-2 .teaser-box p {
    padding-top: 10px
}
.latest.type-2 .teaser-box .more {
    padding-bottom: 0
}
.teaser.plain .teaser-box a:hover,.teaser.plain .teaser-box a:active,.teaser.plain .teaser-box a:focus {
    background-color: transparent;
    outline: 0
}
.teaser.plain .teaser-box a:hover em.more,.teaser.plain .teaser-box a:active em.more,.teaser.plain .teaser-box a:focus em.more {
    text-decoration: underline
}
.teaser.plain .teaser-box p {
    padding: 0 0 20px 0
}
.teaser.plain .teaser-box em.more {
    display: inline;
    color: #2D4B9B
}
.teaser.plain .teaser-box div.more {
    margin-top: 10px;
    padding: 0
}
.teaser.twitter h3 {
    display: none
}
.teaser.twitter a {
    display: inline;
    word-wrap: break-word;
    overflow-wrap: break-word
}
.teaser.twitter a:hover,.teaser.twitter a:active,.teaser.twitter a:focus {
    background-color: transparent;
    outline: 0;
    text-decoration: underline
}
.teaser.twitter .teaser-box .more {
    padding: 0
}
.latest-top li {
    border-top: 1px dotted #ccc
}
.latest-top li.more,.latest-top li:first-child {
    border-top: 0;
    padding-top: 0
}
.latest-top li.more {
    margin-top: 15px
}
.latest-top h2 em {
    padding-bottom: 10px
}
.latest-top img {
    float: left;
    width: auto;
    max-width: 140px;
    margin: 5px 15px 8px 0
}
.sidebar+section .latest-top img {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0
}
.link-list li {
    border-top: 1px dotted #ccc
}
.link-list li:first-child {
    border: 0
}
.link-list a {
    display: block;
    position: relative;
    padding: 20px 40px 20px 10px;
    background-position: 97% 50%
}
.link-list a:hover,.link-list a:active,.link-list a:focus {
    outline: 0
}
.link-list .pro-1 a {
    background-position: 10px 50%;
    padding-left: 60px
}
.link-list .pro-2 a {
    background-position: 10px 50%;
    padding-left: 60px
}
.link-list .pro-3 a {
    background-position: 10px 50%;
    padding-left: 60px
}
.link-list .pro-4 a {
    background-position: 10px 50%;
    padding-left: 60px
}
.link-list .pro-5 a {
    background-position: 10px 50%;
    padding-left: 60px
}
.link-list .pro-6 a {
    background-position: 10px 50%;
    padding-left: 60px
}
.link-list .pro-7 a {
    background-position: 10px 50%;
    padding-left: 60px
}
.link-list .pro-8 a {
    background-position: 10px 50%;
    padding-left: 60px
}
.link-list .pro-9 a {
    background-position: 10px 50%;
    padding-left: 60px
}
.link-list em {
    display: block;
    color: #555;
    font-style: normal
}
.teaser.downloads a,.downloads a {
    background-position: 97% 18px
}
.teaser.xxl-img .teaser-box {
    padding: 0
}
.teaser.xxl-img .teaser-box .more {
    margin: 0 15px 15px 15px;
    padding-bottom: 0
}
.teaser.warning a:hover,.teaser.warning a:active,.teaser.warning a:focus {
    background-color: transparent;
    outline: 0
}
.teaser.warning h2 {
    color: #555
}
.teaser.warning img {
    padding-bottom: 30px
}
.teaser.warning .more {
    clear: both
}
.startseite main>.slot>.row {
    display: block
}
.startseite main .teaser,.startseite main .multi-tab {
    margin-bottom: 30px
}

/* float: none; */
.startseite main .teaser h1,.startseite main .multi-tab h1 {
    margin-bottom: 15px
}
.startseite main .teaser .teaser-box {
    position: relative;
    padding-bottom: 6.5rem
}
.startseite main .teaser .teaser-box li.more,.startseite main .teaser .teaser-box div.more, .olmore {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: auto;
    margin: 0
}
.startseite main .multi-tab .content-wrapper .content-container {
    position: relative;
    padding-bottom: 6.5rem;
    padding-top: 0
}
.startseite main .multi-tab .content-wrapper .content a {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: auto;
    margin: 0
}
@media only screen and (max-width: 1023px) {
    .teaser.warning .teaser-box {
        border:1px solid #eee
    }
}
@media only screen and (max-width: 767px) {
    .startseite main .teaser,.startseite main .multi-tab {
        margin-bottom:30px
    }
    .teaser.twitter p {
        font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
        font-size: 1.4rem
    }
}
@media only screen and (max-width: 599px) {
    .latest-top li:not(:first-child) {
        display:none
    }
    .startseite .teaser-box,.startseite .content-container {
        min-height: 0!important
    }
}
p.navToTop {
    float: right;
    margin: 0 15px;
    padding: 40px 0
}
p.navToTop a {
    display: block;
    background-color: #F2F4F6;
    background-position: 50% 50%;
    padding: 25px 50px 25px 0;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif
}
p.navToTop a:hover,p.navToTop a:active,p.navToTop a:focus {
    background-color: #2b4a92;
    background-position: 90% 50%;
    padding: 25px 80px 25px 30px;
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none
}
.gallery-stage {
    position: relative
}
.gallery-stage-box {
    left: 0;
    position: absolute;
    top: 0;
    max-width: 100%
}
article .intro {
    margin: 0 0 30px 0;
    padding: 0;
    height: auto;
    background: 0
}
article .intro p {
    font-weight: bold;
    font-size: 1.6rem
}
.toc a {
    display: block;
    position: relative;
    padding: 15px 15px 15px 40px;
    background-position: 15px 50%
}
.toc a:hover,.toc a:active,.toc a:focus {
    background-color: #f6f6f6;
    text-decoration: none
}
p.right {
    text-align: right
}
p.justify {
    text-align: justify
}
p.center {
    text-align: center
}
.article-full h3,.article-full h4,.article-full h5 {
    margin-top: 30px
}
.article-full h2 {
    margin-top: 30px
}
.article-full section {
    margin-bottom: 24px
}
.article-full section:last-child {
    border: 0
}
.article-full p,.article-full ul,.article-full ol {
    margin: 5px 0
}
.article-full p.navToTop {
    float: none;
    border-bottom: 1px solid #eee;
    margin: 0 0 40px 0;
    padding-top: 0;
    padding-bottom: 15px
}
.article-full p.navToTop a {
    float: right;
    background-color: transparent
}
.article-full p.navToTop a:hover,.article-full p.navToTop a:active,.article-full p.navToTop a:focus {
    background-color: #2b4a92
}
.article-full ul {
    margin-left: 1.7rem
}
.article-full ol {
    margin-left: 2.2rem
}
.article-full ul li {
    list-style-type: none;
    margin: 0 0 5px 0;
    position: relative
}
.article-full ul li:before {
    background: transparent url(../images/square.png) no-repeat center center;
    content: '';
    display: block;
    height: 4px;
    left: -15px;
    margin-top: 6px;
    position: absolute;
    width: 4px
}
.article-full ol li {
    list-style-type: decimal;
    margin: 0 0 5px 0
}
.article-full dl {
    font-size: 1.4rem
}
.article-full dd {
    padding-left: 20px
}
.article-full a.internal,.article-full a.external {
    background-position: 100% 50%;
    margin-right: 3px;
    padding-right: 16px;
    color: #555;
    color: #2D4B9B
}
.article-full a.internal:hover,.article-full a.internal:active,.article-full a.internal:focus,.article-full a.external:hover,.article-full a.external:active,.article-full a.external:focus {
    text-decoration: underline
}
.article-full a.media {
    text-decoration: none
}
.article-full .toc ul {
    border-top: 1px dotted #ccc;
    margin-left: 0
}
.article-full .toc ul ul {
    margin: 0
}
.article-full .toc li {
    list-style-type: none;
    margin: 0
}
.article-full .toc li:before {
    display: none
}
.article-full .toc li li a {
    padding-left: 65px;
    background-position: 40px 50%
}
.article-full .toc li li li a {
    padding-left: 90px;
    background-position: 65px 50%
}
.article-full .toc li li li li a {
    padding-left: 115px;
    background-position: 90px 50%
}
.article-full .toc li li li li li a {
    padding-left: 140px;
    background-position: 115px 50%
}
.article-full .toc li li li li li li a {
    padding-left: 165px;
    background-position: 140px 50%
}
.article-full figure,.article-full img {
    width: auto;
    max-width: 100%
}
.article-full .links {
    float: left;
    margin: 10px 20px 10px 0;
    max-width: 300px
}
.article-full .rechts {
    float: right;
    margin: 10px 0 10px 20px;
    max-width: 300px
}
.article-full .mitte {
    display: block;
    margin: 10px auto;
    max-width: 300px
}
.article-full .voll {
    max-width: 100%
}
figcaption,.article-full figcaption {
    position: relative;
    padding: 0 40px 0 0
}
figcaption p,.article-full figcaption p {
    font-size: 1.1rem;
    margin: 0;
    padding: 0;
    text-decoration: none
}
figcaption *,.article-full figcaption * {
    color: #555
}
figcaption .copyright,.article-full figcaption .copyright {
    margin-left: 5px
}
figcaption .zoom,figcaption .zoom-click,.article-full figcaption .zoom,.article-full figcaption .zoom-click {
    position: absolute;
    right: 0;
    top: -3px;
    width: 2.4rem;
    height: 2.4rem;
    background: #F2F4F6
}
figcaption .zoom:before,figcaption .zoom-click:before,.article-full figcaption .zoom:before,.article-full figcaption .zoom-click:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.4rem;
    height: 2.4rem;
    background-position: 50% 50%
}
figcaption .zoom:hover,figcaption .zoom:active,figcaption .zoom:focus,figcaption .zoom-click:hover,figcaption .zoom-click:active,figcaption .zoom-click:focus,.article-full figcaption .zoom:hover,.article-full figcaption .zoom:active,.article-full figcaption .zoom:focus,.article-full figcaption .zoom-click:hover,.article-full figcaption .zoom-click:active,.article-full figcaption .zoom-click:focus {
    background: #2D4B9B
}
table.table-wrapper {
    margin: 0 0 30px 0;
    border-bottom: 1px dotted #999;
    border-collapse: separate;
    border-spacing: 5px 0;
    text-align: left;
    font-size: 1.4rem
}
table.table-wrapper thead th {
    border-bottom: 1px solid #666;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    color: #666
}
table.table-wrapper th,table.table-wrapper td {
    border-bottom: 1px dotted #999;
    padding: 6px;
    text-align: left
}
table.table-wrapper tbody tr:last-child th,table.table-wrapper tbody tr:last-child td {
    border-bottom: 0
}
table.table-wrapper th {
    font-weight: bold
}
.sectionRelated {
    margin: 0 0 30px 0
}
.sectionRelated ul {
    border-bottom: 1px dotted #ccc
}
.sectionRelated a:hover,.sectionRelated a:active,.sectionRelated a:focus {
    background-color: #f6f6f6;
    text-decoration: none
}
@media only screen and (max-width: 1024px) {
    figcaption a.disabled {
        display:none
    }
}
@media only screen and (max-width: 599px) {
    .article-full .links,.article-full .rechts {
        float:none;
        margin: 10px 0
    }
}
.page-intro {
    margin: 0 0 70px 0
}
.page-intro h1 {
    margin: 0 0 15px 0
}
.tab-box {
    padding-bottom: 40px
}
.tab-box p.top {
    padding: 0
}
.tab-box p.top a {
    background-color: transparent
}
.tab-box.social .tab-toc li a {
    text-indent: -9999px
}
.hcm .tab-box.social .tab-toc li a {
    text-indent: 0
}
.tab-box.social .content p {
    color: #2D4B9B
}
.tab-box .tab-toc li {
    z-index: 2;
    width: 48%;
    background-color: #fff;
    text-align: center
}
.tab-box .tab-toc li a {
    display: block;
    border: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 20px;
    background-color: #F2F4F6
}
.tab-box .tab-toc li a.twitter {
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.tab-box .tab-toc li a.facebook {
    background-position: 50% 15px;
    background-repeat: no-repeat
}
.tab-box .tab-toc li a.on {
    border-bottom: 0;
    padding-bottom: 21px;
    background-color: #FFF
}
.tab-box .tab-toc li:first-child {
    margin-right: 4%
}
.tab-box .content-container {
    z-index: 1;
    margin-top: -1px;
    border: 1px solid #EEE;
    padding: 20px
}
.tab-box .content.sub .half {
    width: 50%;
    float: left;
    padding-right: 15px
}
.tab-box .content.sub .half:last-child {
    padding: 0 0 0 15px
}
.tab-box .content .user-image {
    width: 10%;
    margin-right: 5%
}
.tab-box .content .user-image img {
    max-width: 100%
}
.tab-box .content .post {
    width: 85%
}
.tab-box .content p {
    word-wrap: break-word
}
.tab-box .content p.head {
    font-weight: bold;
    padding-bottom: 15px
}
.tab-box .content .interact {
    display: none
}
.tab-box .more {
    padding: 15px 0 0
}
.tab-box .more.sub {
    width: 50%;
    padding-right: 30px
}
.tab-box .half .more.sub {
    width: 100%;
    padding-right: 15px
}
.multi-tab {
    margin-bottom: 40px
}
.startseite .multi-tab .stage {
    padding-left: 0;
    padding-right: 0
}
.multi-tab h3 {
    padding-bottom: 34px
}
.multi-tab p {
    padding-bottom: 42px
}
.multi-tab .content-wrapper {
    background-color: #F2F4F6;
    float: left;
    width: 100%
}
.multi-tab .content-wrapper>div {
    clear: both;
    padding: 11px
}
.multi-tab .content-wrapper .content {
    width: 50%;
    float: left;
    padding-left: 9px;
    padding-right: 9px;
    margin-top: 30px;
    margin-bottom: 30px
}
.multi-tab .content-wrapper .content img {
    max-width: 100%
}
.multi-tab .content-wrapper .content.big {
    width: 100%
}
.multi-tab .content-wrapper .content:first-child {
    padding-right: 21px
}
.multi-tab .content-wrapper .content a p {
    color: #333
}
.multi-tab .content-wrapper .content a p em {
    display: inline!important;
    color: #2b4a92
}
.multi-tab .content-wrapper .content a:hover,.multi-tab .content-wrapper .content a:focus,.multi-tab .content-wrapper .content a:active {
    text-decoration: none
}
.multi-tab .content-wrapper .content a:hover h3,.multi-tab .content-wrapper .content a:focus h3,.multi-tab .content-wrapper .content a:active h3 {
    text-decoration: underline
}
.multi-tab .content-wrapper .content .more a {
    background: #fff
}
.multi-tab .content-wrapper.light {
    border: 1px solid #eee
}
.multi-tab .content-wrapper.light>div {
    overflow: hidden
}
.multi-tab .content-wrapper.light .content-container {
    overflow: hidden;
    background-color: #FFF
}
.multi-tab .content-wrapper.light .content .more a {
    background: #F2F4F6
}
.multi-tab .content-wrapper.light .content .more a:hover,.multi-tab .content-wrapper.light .content .more a:active,.multi-tab .content-wrapper.light .content .more a:focus {
    outline: 0;
    background: #2D4B9B;
    color: #fff;
    text-decoration: none
}
.multi-tab .content-wrapper .full {
    padding: 0
}
.multi-tab .content-wrapper .full .content {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}
.multi-tab .content-wrapper .full .content:first-child {
    padding: 0;
    margin: 0
}
.multi-tab .content-wrapper .full .content:first-child .video-box {
    padding: 0
}
.multi-tab .content-wrapper .full .content:first-child .video-box .video-js {
    margin-bottom: 0
}
.multi-tab .content-wrapper .full .content:first-child img,.multi-tab .content-wrapper .full .content:first-child video {
    max-width: none;
    width: 100%;
    display: block
}
.multi-tab .content-wrapper .full .content:first-child:first-child {
    padding-right: 0
}
.multi-tab .tab-hide-wrapper {
    background-color: #2D4B9B;
    width: 100%
}
.hcm .multi-tab .tab-hide-wrapper {
    overflow: auto!important
}
.multi-tab .tab-move-wrapper {
    width: 10000%
}
.multi-tab .tab-toc {
    float: left;
    margin: 0
}
.multi-tab .tab-toc li {
    float: left;
    margin: 0;
    list-style-type: none;
    margin-right: 20px
}
.multi-tab .tab-toc li:first-child {
    margin-left: 20px
}
.multi-tab .tab-toc a {
    padding: 24px 11px 24px 11px;
    color: #FFF;
    display: block;
    background: 0;
    background-position: 0 0;
    background-color: #2D4B9B;
    border-top: 0
}
.multi-tab .tab-toc a.on {
    border-top: 3px solid #FFF;
    padding-top: 21px;
    font-weight: bold
}
.multi-tab .tab-nav-wrapper {
    position: relative;
    clear: both
}
.multi-tab .tab-nav-wrapper .pagination .prev,.multi-tab .tab-nav-wrapper .pagination .next {
    position: absolute;
    left: 0;
    top: 0;
    opacity: .2;
    height: 100%;
    width: 5%;
    z-index: 10;
    min-width: 30px
}
.multi-tab .tab-nav-wrapper .pagination .prev.show,.multi-tab .tab-nav-wrapper .pagination .next.show {
    cursor: pointer;
    opacity: 1
}
.multi-tab .tab-nav-wrapper .pagination .prev .arrow,.multi-tab .tab-nav-wrapper .pagination .next .arrow {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: 5px -8%;
    background-repeat: no-repeat
}
.multi-tab .tab-nav-wrapper .pagination .prev .gradient,.multi-tab .tab-nav-wrapper .pagination .next .gradient {
    position: absolute;
    width: 100%;
    height: 90%;
    margin-top: 10%;
    background-image: -webkit-linear-gradient(right,rgba(34,54,127,0) 0,#2D4B9B 46%);
    background-image: linear-gradient(to left,rgba(34,54,127,0) 0,#2D4B9B 46%)
}
.no-cssgradients .multi-tab .tab-nav-wrapper .pagination .prev .gradient,.no-cssgradients .multi-tab .tab-nav-wrapper .pagination .next .gradient {
    background-image: url(../images/bg/gradient.svgz);
    background-repeat: no-repeat;
    background-position: 0 106%
}
.multi-tab .tab-nav-wrapper .pagination .next {
    right: 0;
    left: auto
}
.multi-tab .tab-nav-wrapper .pagination .next .arrow {
    background-position: 17px 7%
}
.multi-tab .tab-nav-wrapper .pagination .next .gradient {
    background-image: -webkit-linear-gradient(left,rgba(34,54,127,0) 0,#2D4B9B 46%);
    background-image: linear-gradient(to right,rgba(34,54,127,0) 0,#2D4B9B 46%)
}
.no-cssgradients .multi-tab .tab-nav-wrapper .pagination .next .gradient {
    background-position: top right
}
.multi-tab.white h3 {
    color: #2b4a92;
    padding-bottom: 8px
}
.multi-tab.white p {
    padding-bottom: 0
}
.multi-tab.white .content-wrapper {
    background-color: #FFF
}
.multi-tab.white .tab-hide-wrapper {
    background-color: #FFF;
    border-top: 1px solid #2b4a92
}
.multi-tab.white .tab-toc a {
    color: #2b4a92;
    background-color: #FFF
}
.multi-tab.white .tab-toc a:hover,.multi-tab.white .tab-toc a:active,.multi-tab.white .tab-toc a:focus {
    background-color: #e2e6f0;
    text-decoration: none
}
.multi-tab.white .tab-toc a.on {
    border-top: 3px solid #2b4a92
}
.multi-tab.white .tab-nav-wrapper .pagination .prev .arrow,.multi-tab.white .tab-nav-wrapper .pagination .next .arrow {
    background-position: 5px 22%
}
.multi-tab.white .tab-nav-wrapper .pagination .prev .gradient,.multi-tab.white .tab-nav-wrapper .pagination .next .gradient {
    position: absolute;
    width: 100%;
    height: 99%;
    margin-top: 0;
    background-image: -webkit-linear-gradient(right,rgba(255,255,255,0) 0,#fff 46%);
    background-image: linear-gradient(to left,rgba(255,255,255,0) 0,#fff 46%)
}
.no-cssgradients .multi-tab.white .tab-nav-wrapper .pagination .prev .gradient,.no-cssgradients .multi-tab.white .tab-nav-wrapper .pagination .next .gradient {
    background-image: url(../images/bg/gradient-white.svg.svgz);
    background-repeat: no-repeat;
    background-position: 0 106%
}
.multi-tab.white .tab-nav-wrapper .pagination .next .arrow {
    background-position: 17px 37%
}
.multi-tab.white .tab-nav-wrapper .pagination .next .gradient {
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 46%);
    background-image: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 46%)
}
.no-cssgradients .multi-tab.white .tab-nav-wrapper .pagination .next .gradient {
    background-position: top right
}
.no-js .multi-tab .tab-move-wrapper {
    width: 100%
}
.no-js .multi-tab .tab-toc {
    float: none
}
.no-js .multi-tab .tab-toc li {
    margin: 0;
    float: none
}
.no-js .multi-tab .tab-nav-wrapper .pagination {
    display: none
}
.article-full .multi-tab,.startseite .multi-tab {
    max-width: 300px;
    float: right;
    margin: 10px 0 10px 20px
}
.article-full .multi-tab h3,.startseite .multi-tab h3 {
    color: #2D4B9B;
    margin-top: 0;
    padding: 11px;
    padding-bottom: 15px
}
.article-full .multi-tab .content-wrapper .content,.startseite .multi-tab .content-wrapper .content {
    width: 100%
}
.startseite .multi-tab {
    max-width: none;
    float: none;
    margin: 0
}
.startseite .multi-tab .content-wrapper {
    padding-top: 66px
}
.startseite .multi-tab .content-wrapper .content {
    margin-top: 0;
    margin-bottom: 10px
}
.startseite .multi-tab .content-wrapper .content p {
    padding-bottom: 10px
}
.startseite .multi-tab .content-wrapper .content a {
    display: block;
    background-color: #F2F4F6;
    padding: 17px 8px;
    text-align: center;
    font-size: 1.4rem;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-style: normal
}
.startseite .multi-tab .content-wrapper .content a:hover,.startseite .multi-tab .content-wrapper .content a:active,.startseite .multi-tab .content-wrapper .content a:focus {
    outline: 0;
    background: #2D4B9B;
    color: #fff;
    text-decoration: none
}
.startseite .multi-tab .tab-nav-wrapper {
    position: absolute;
    left: 15px;
    right: 15px
}
.startseite .multi-tab .tab-nav-wrapper .pagination {
    margin: 0
}
.multi-tab.leistungen {
    margin-bottom: 2rem
}
.multi-tab.leistungen .switcher {
    float: left;
    width: 20%;
    white-space: nowrap
}
.multi-tab.leistungen .switcher .current-value,.multi-tab.leistungen .switcher .prev,.multi-tab.leistungen .switcher .next {
    background-color: transparent;
    border: 1px solid #DDD;
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 10px 0 11px;
    text-align: center;
    width: 100%
}
.multi-tab.leistungen .switcher .current-value {
    margin: 0 2%;
    overflow: hidden;
    width: 68%
}
.multi-tab.leistungen .switcher .prev,.multi-tab.leistungen .switcher .next {
    text-indent: -9999em;
    width: 14%
}
.multi-tab.leistungen .switcher .prev {
    background-position: center center
}
.multi-tab.leistungen .switcher .next {
    background-position: center center
}
.multi-tab.leistungen .headline,.multi-tab.leistungen .select-wrapper {
    padding: 0
}
.multi-tab.leistungen .pagination {
    margin-bottom: 0
}
.multi-tab.leistungen .select-wrapper form .select-box {
    width: 100%;
    margin-bottom: 2rem
}
.multi-tab.leistungen .select-wrapper form .select-box input {
    color: #fff
}
.multi-tab.leistungen .select-wrapper form .select-box .combobox span {
    background-color: #2D4B9B;
    background-image: url(../images/arrow-white-sprite.svgz);
    height: 95%
}
.multi-tab.leistungen .tab-nav {
    padding: 0;
    background-color: #fff
}
.multi-tab.leistungen .tab-nav .tab-nav-wrapper {
    padding: 0
}
.multi-tab.leistungen .tab-nav .icon-wrapper {
    padding: 0
}
.multi-tab.leistungen .tab-nav .icon-wrapper .icon {
    display: block;
    position: relative;
    padding: 19px 0 0 0
}
.multi-tab.leistungen .tab-nav .icon-wrapper span[class^="icon-"] {
    display: block;
    min-height: 26px;
    background-position: 50% 50%
}
.multi-tab.leistungen.white .content-wrapper.light>div {
    overflow: visible
}
.multi-tab.leistungen.white .content-wrapper form .select-box,.multi-tab.leistungen.white .content-wrapper .switcher {
    margin-left: 1%;
    padding-left: 0
}
.multi-tab.leistungen.white .content-wrapper .switcher:first-child {
    margin-left: 0
}
.multi-tab.leistungen.white .content-wrapper form .select-box {
    width: 18%
}
.multi-tab.leistungen.white .content-wrapper form .select-box .combobox span {
    background-color: #fff;
    height: 95%
}
.multi-tab.leistungen.white .content-wrapper>.content-container {
    background-color: #4f67a0;
    margin: 0;
    padding: 0
}
.multi-tab.leistungen.white .content-wrapper>.content-container .content {
    margin: 0;
    line-height: 0;
    padding: 0;
    text-align: center;
    width: 100%
}
.multi-tab.leistungen.white .tab-hide-wrapper {
    border-top: 0
}
@media only screen and (max-width: 767px) {
    .multi-tab.leistungen.white .tab-nav-wrapper {
        width:100%;
        padding-right: 66px
    }
    .multi-tab.leistungen.white .tab-nav-wrapper .pagination .next {
        right: 66px
    }
    .multi-tab.leistungen.white .icon-wrapper {
        position: absolute;
        right: 0;
        width: 66px
    }
    .multi-tab.leistungen.white .icon-wrapper a.icon,.multi-tab.leistungen.white .icon-wrapper a.icon:visited,.multi-tab.leistungen.white .icon-wrapper a.icon:active {
        display: block;
        width: 100%
    }
    .multi-tab.leistungen.white .icon-wrapper .tooltip-wrapper:not(.smartphone) {
        display: none;
        width: 100%
    }
}
@media only screen and (max-width: 599px) {
    .tab-box .content.facebook .user-image {
        display:none
    }
    .tab-box .content.sub .half {
        width: 100%;
        float: none;
        padding-bottom: 15px
    }
    .tab-box .content.sub .half:last-child {
        padding: 0 15px 0 0
    }
    .tab-box .more.sub {
        width: 100%;
        padding-right: 0
    }
    .multi-tab {
        position: relative;
        clear: both
    }
    .multi-tab .content-wrapper {
        margin-top: 4em;
        margin-bottom: 0
    }
    .multi-tab .content-wrapper .content {
        width: 100%;
        float: none
    }
    .multi-tab .content-wrapper .content:first-child {
        padding-right: 9px;
        padding-bottom: 21px
    }
    .multi-tab .content-wrapper .full .content:first-child {
        padding: 0
    }
    .multi-tab .tab-nav-wrapper {
        position: absolute;
        left: 0;
        right: 0
    }
    .multi-tab.no-tab-nav .content-wrapper {
        margin-top: 0
    }
    .article-full .multi-tab {
        margin: 0;
        max-width: 100%;
        padding: 0
    }
    .article-full .multi-tab .content-wrapper {
        margin-bottom: 40px
    }
    .article-full .multi-tab .tab-nav-wrapper {
        left: auto;
        right: auto
    }
    .startseite .multi-tab .content-wrapper {
        padding-top: 0
    }
    .multi-tab.leistungen.white {
        margin-bottom: 0
    }
    .multi-tab.leistungen.white .content-wrapper {
        margin: 70px 0 80px 0;
        padding: 0 0 290px 0
    }
    .multi-tab.leistungen.white .content-wrapper .top {
        position: absolute;
        bottom: 80px;
        left: 15px;
        right: 15px
    }
    .multi-tab.leistungen.white .content-wrapper .top .switcher {
        float: none;
        width: 100%;
        margin: 0 0 10px 0
    }
    .multi-tab.leistungen.white .content-wrapper .top .select-box {
        margin-left: 0
    }
    .multi-tab.leistungen.white .select-wrapper {
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        width: auto
    }
    .multi-tab.leistungen.white.white .content-wrapper form .select-box {
        width: 100%
    }
    .multi-tab.leistungen.white .tab-nav {
        position: absolute;
        left: 15px;
        right: 15px;
        width: auto
    }
}
.accordion {
    min-height: 430px;
    background-color: #fff;
    margin-bottom: 30px
}
.accordion img {
    width: auto;
    max-width: 100%
}
.accordion .more {
    margin: 15px 0 0
}
.startseite .accordion {
    padding-left: 0;
    padding-right: 0
}
.accordion .content-wrapper {
    width: 69%;
    float: left
}
.accordion .content {
    margin: 20px
}
.accordion .toc-container {
    float: right;
    width: 31%;
    max-height: 430px;
    background: #F2F4F6
}
.accordion .toc-wrapper {
    overflow: hidden;
    max-height: 215px;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px
}
.accordion .toc-wrapper>a {
    display: none
}
.accordion .toc-wrapper h2 {
    display: block;
    margin: 20px
}
.accordion .toc-wrapper+.toc-wrapper {
    border-bottom: 0
}
.accordion .toc-wrapper+.toc-wrapper .pagination {
    top: 240px
}
.accordion .toc {
    display: block;
    clear: both
}
.accordion .toc li {
    border-left: 5px solid #F2F4F6;
    padding: 0 20px 0 15px
}
.accordion .toc li a {
    background-image: none;
    border-bottom: 1px dotted #545454;
    padding: 7px 0
}
.accordion .toc li.on {
    border-left: 5px solid #fff
}
.accordion .toc li.on a {
    color: #545454;
    font-weight: bold
}
.accordion .toc li:last-child a {
    border-bottom: 0
}
.accordion .pagination {
    display: none;
    position: absolute;
    top: 15px;
    right: 30px
}
.accordion .pagination.visible {
    display: block
}
.accordion .pagination .prev,.accordion .pagination .next {
    display: inline-block;
    width: 46px;
    height: 30px;
    background-color: #fff;
    background-position: 50% 50%;
    opacity: .5
}
.accordion .pagination .prev.show,.accordion .pagination .next.show {
    opacity: 1
}
@media only screen and (max-width: 1023px) {
    .accordion {
        margin-bottom:30px
    }
}
@media only screen and (max-width: 768px) {
    .accordion .toc-wrapper {
        overflow:visible;
        position: static;
        max-height: none;
        background: #F2F4F6;
        margin-bottom: 10px;
        border-bottom: 0;
        padding: 0
    }
    .accordion .toc-wrapper>a {
        display: block;
        background-image: url(../images/arrow-grey-down.svgz);
        background-repeat: no-repeat;
        background-position: 90% 50%;
        margin: 0;
        padding: 12px;
        font-size: 1.7rem;
        font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
        font-weight: normal;
        color: #555;
        text-decoration: none
    }
    .accordion .toc-wrapper>a[aria-expanded=true] {
        background-image: url(../images/arrow-grey-up.svgz)
    }
    .accordion .toc-wrapper h2 {
        display: none
    }
    .accordion .content-wrapper {
        float: none;
        clear: both;
        width: 100%
    }
    .accordion .toc-container {
        float: none;
        width: auto;
        max-height: none;
        background: 0;
        margin: 20px
    }
    .accordion .toc {
        display: none
    }
    .accordion .toc.js-selected {
        display: block
    }
}
.faq-box {
    width: 100%
}
.faq-box p.question {
    font-weight: bold
}
.faq-box p.answer {
    margin-top: 15px;
    font-style: italic
}
.faq-box a.small {
    padding: 0 24px 24px 24px;
    display: block;
    font-style: italic;
    font-size: 1.4rem;
    line-height: 1.2
}
.faq-box .faq-bg {
    position: relative;
    background-color: #F2F4F6
}
.faq-box .faq-bg:before {
    position: absolute;
    top: -40px;
    left: 85%;
    z-index: 999;
    width: 36px;
    height: 46px;
    display: block;
    content: " ";
    box-sizing: border-box
}
.faq-box .faq-hide-wrapper {
    width: 100%
}
.faq-box .faq-hide-wrapper .faq-move-wrapper {
    width: 10000%
}
.faq-box .faq-box-wrapper {
    background-color: #F2F4F6;
    width: 100%;
    min-width: 100%;
    float: left
}
.faq-box .faq-box-wrapper .content {
    padding: 24px
}
.faq-box .faq-box-wrapper .more {
    margin: 15px 0 0
}
.faq-box .faq-box-wrapper .more a {
    background-color: #FFF
}
.faq-box .faq-box-wrapper .more a .close {
    display: none
}
.faq-box .faq-box-wrapper .more.on a .close {
    display: block
}
.faq-box .faq-box-wrapper .more.on a .open {
    display: none
}
.faq-box .pagination {
    margin-top: 20px
}
.gallery-box,.gallery-box-scroller {
    width: 100%
}
.gallery-box .gallery-hide-wrapper,.gallery-box-scroller .gallery-hide-wrapper {
    width: 100%
}
.js .gallery-box .gallery-hide-wrapper .gallery-move-wrapper,.js .gallery-box-scroller .gallery-hide-wrapper .gallery-move-wrapper {
    width: 10000%
}
.gallery-box .gallery-wrapper,.gallery-box-scroller .gallery-wrapper {
    position: relative;
    margin-top: 30px;
    border-top: 1px solid #eee;
    padding: 30px 30px 0 30px
}
.gallery-box .gallery-box-wrapper,.gallery-box-scroller .gallery-box-wrapper {
    width: 100%;
    min-width: 100%;
    float: left;
    padding: 0 30px
}
.gallery-box .gallery-toc li,.gallery-box-scroller .gallery-toc li {
    float: left;
    min-width: 250px;
    text-align: center
}
.gallery-box .gallery-toc li dd,.gallery-box-scroller .gallery-toc li dd {
    display: none
}
.gallery-box .gallery-toc li img,.gallery-box-scroller .gallery-toc li img {
    padding: 0 15px 15px 15px
}
.gallery-box .pagination .prev,.gallery-box .pagination .next,.gallery-box-scroller .pagination .prev,.gallery-box-scroller .pagination .next {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -29px;
    opacity: .2;
    height: 44px;
    width: 30px;
    z-index: 10;
    border: 1px solid #DDD
}
.gallery-box .pagination .prev.show,.gallery-box .pagination .next.show,.gallery-box-scroller .pagination .prev.show,.gallery-box-scroller .pagination .next.show {
    cursor: pointer;
    opacity: 1
}
.gallery-box .pagination .prev.arrow,.gallery-box .pagination .next.arrow,.gallery-box-scroller .pagination .prev.arrow,.gallery-box-scroller .pagination .next.arrow {
    background-position: 8px 24%;
    background-repeat: no-repeat
}
.gallery-box .pagination .next,.gallery-box-scroller .pagination .next {
    right: 0;
    left: auto
}
.gallery-box .pagination .next.arrow,.gallery-box-scroller .pagination .next.arrow {
    background-position: 11px 38%
}
.pagination {
    text-align: center;
    margin: 0 0 20px 0
}
.pagination.js-hidden {
    display: none
}
.pagination ul {
    display: inline-block
}
.pagination li {
    display: inline-block;
    margin: 0 5px
}
.pagination button {
    border: 1px solid #CCC;
    padding: 0;
    background: 0;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    border-radius: 12px
}
.pagination .on button,.pagination button:hover,.pagination button:focus,.pagination button:active {
    background: #CCC
}
.no-js .pagination {
    display: none
}
.no-js .faq-box .faq-hide-wrapper .faq-move-wrapper {
    width: 100%
}
@media only screen and (max-width: 599px) {
    .multi-tab .pagination {
        margin:0
    }
    .gallery-box .gallery-toc li,.gallery-box-scroller .gallery-toc li {
        min-width: 200px
    }
}
@media only screen and (max-width: 320px) {
    .gallery-box .gallery-toc li,.gallery-box-scroller .gallery-toc li {
        min-width:150px
    }
    .gallery-box .gallery-toc li img,.gallery-box-scroller .gallery-toc li img {
        width: 100%
    }
}
.tooltip {
    background: #fff;
    box-shadow: 4px 4px 3px rgba(0,0,0,0.2);
    display: none;
    padding: 15px 40px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    white-space: nowrap;
    z-index: 98
}
.tooltip:before,.tooltip:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    z-index: 99
}
.tooltip:after {
    box-shadow: 4px 4px 3px rgba(0,0,0,0.2);
    z-index: 97
}
.tooltip-wrapper {
    position: relative
}
.tooltip-wrapper:hover .tooltip {
    display: block
}
.multi-tab.leistungen .switcher .tooltip {
    top: -45px
}
.multi-tab.leistungen .tab-nav .tooltip {
    top: -36px
}
input,select {
    font-size: 1.6rem;
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
    line-height: 1.3;
    color: #555
}
.js input,.js select {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}
#nav-meta input,#nav-meta select {
    color: #fff;
    font-size: 1.2rem
}
.datalist {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    cursor: default;
    background-color: #F2F4F6
}
.datalist li {
    padding: 10px 9px 11px 9px;
    border: 1px solid #DDD;
    border-bottom: 0
}
.datalist li:last-child {
    border-bottom: 1px solid #DDD
}
.datalist li.js-selected,.datalist li.js-checked {
    background: #2D4B9B;
    color: #fff;
    cursor: pointer
}
.multi-tab form,.result-search form {
    width: 100%
}
.multi-tab form .select-box,.result-search form .select-box {
    float: left;
    width: 33.3%;
    padding-left: 15px
}
.multi-tab form .select-box:first-child,.result-search form .select-box:first-child {
    padding-left: 0
}
.multi-tab form .select-box fieldset,.result-search form .select-box fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
.multi-tab form .select-box .combobox,.result-search form .select-box .combobox {
    position: relative;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    width: 100%
}
.multi-tab form .select-box .combobox input,.result-search form .select-box .combobox input {
    padding: 10px 9px 11px 9px;
    background-color: transparent;
    border: 1px solid #DDD;
    width: 100%;
    box-sizing: border-box
}
.multi-tab form .select-box .combobox input:hover,.result-search form .select-box .combobox input:hover {
    cursor: pointer
}
.multi-tab form .select-box .combobox span,.result-search form .select-box .combobox span {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 30px;
    height: 98%;
    text-indent: -9999em;
    background-position: 9px 51%;
    background-repeat: no-repeat;
    border-left: 1px solid #DDD
}
#nav-meta form {
    width: 100%
}
#nav-meta form .select-box fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
#nav-meta form .select-box .combobox {
    position: relative;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    width: 100%
}
#nav-meta form .select-box .combobox input {
    padding: 10px 9px 11px 9px;
    background-color: transparent;
    width: 100%;
    box-sizing: border-box
}
#nav-meta form .select-box .combobox span {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 30px;
    height: 98%;
    text-indent: -9999em;
    background-position: 9px 51%;
    background-repeat: no-repeat
}
.multi-tab .select-box label {
    display: none
}
#nav-meta label {
    display: none
}
.no-js .select-box {
    width: auto
}
.no-js .multi-tab .select-box label {
    display: block
}
.no-js #nav-meta label {
    display: block
}
.article-full .multi-tab .select-box,.article-full .multi-tab .select-box[max-width~="500px"] {
    margin-bottom: 10px;
    padding: 0;
    width: 100%
}
@media only screen and (max-width: 599px) {
    .multi-tab form .select-box {
        float:none;
        width: 100%;
        padding-left: 0;
        margin-bottom: 10px
    }
    .multi-tab form .select-box form {
        margin-bottom: 15px
    }
}
.showbox {
    position: absolute;
    z-index: 1001;
    visibility: hidden;
    margin-top: 30px
}
.showbox .showbox-box {
    width: auto;
    margin: 0 auto
}
.showbox .showbox-box .content-box {
    max-width: 1024px;
    min-width: 800px
}
.showbox .showbox-box h1,.showbox .showbox-box h2,.showbox .showbox-box p {
    color: #FFF
}
.showbox .showbox-box h2 {
    margin-bottom: 30px;
    max-width: 950px;
    width: 90%
}
.showbox .showbox-box img {
    display: block
}
.showbox .showbox-box a.close-button {
    padding: 25px 50px 25px 0;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #F2F4F6;
    background-position: 50% -100%
}
.showbox .showbox-box a.close-button:hover,.showbox .showbox-box a.close-button:focus,.showbox .showbox-box a.close-button:active {
    background-color: #2b4a92;
    background-position: 50% 200%
}
.showbox .showbox-box a.close-button span {
    display: block;
    text-indent: -9999px
}
.showbox .multimedia-box-wrapper {
    position: relative;
    padding-bottom: 20px
}
.showbox .multimedia-box-wrapper img {
    max-width: 100%;
    margin: 0 auto
}
.showbox-toolbar .prev-btn,.showbox-toolbar .next-btn {
    background-position: 10px 24%;
    background-repeat: no-repeat;
    background-color: #fff;
    border: 0;
    position: absolute;
    height: 46px;
    left: 20px;
    opacity: .5;
    top: 50%;
    width: 30px;
    z-index: 10
}
.showbox-toolbar .prev-btn.ui-disabled,.showbox-toolbar .next-btn.ui-disabled {
    opacity: .2
}
.showbox-toolbar .next-btn {
    background-position: 11px 38%;
    left: auto;
    right: 20px
}
.showbox .gallery-box .pagination .prev,.showbox .gallery-box .pagination .next,.showbox .gallery-box-scroller .pagination .prev,.showbox .gallery-box-scroller .pagination .next {
    background-repeat: no-repeat;
    background-color: #fff;
    border: 0;
    height: 46px;
    margin-top: -23px;
    top: 50%;
    opacity: .5!important
}
.showbox .gallery-box .pagination .prev.ui-disabled,.showbox .gallery-box .pagination .next.ui-disabled,.showbox .gallery-box-scroller .pagination .prev.ui-disabled,.showbox .gallery-box-scroller .pagination .next.ui-disabled {
    opacity: .2!important
}
.showbox .gallery-box img,.showbox .gallery-box-scroller img {
    display: inline
}
.showbox .gallery-box-scroller {
    margin-top: 20px;
    padding: 0
}
.showbox .gallery-box-scroller .gallery-wrapper {
    margin-top: 0
}
.showbox .gallery-box-scroller .gallery-toc li {
    margin-bottom: 15px
}
.showbox .gallery-box-scroller .gallery-toc li.active {
    margin-bottom: 10px
}
.showbox .gallery-box-scroller .gallery-toc li.active img {
    border-bottom: 5px solid #2b4a92
}
.showbox .gallery-box-scroller .gallery-toc li img {
    padding: 0
}
.showbox .text-content p {
    font-size: 1.1rem;
    padding: 0;
    text-decoration: none
}
.a11y-wrapper .showbox {
    display: block
}
.mask {
    background-color: #000;
    z-index: 1000
}
.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    vertical-align: middle
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.video-js:-moz-full-screen {
    position: absolute
}
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}
.video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important;
    _position: absolute
}
.video-js:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}
.vjs-poster {
    margin: 0 auto;
    padding: 0;
    cursor: pointer;
    position: relative;
    width: 100%;
    max-height: 100%
}
.video-js .vjs-text-track-display {
    text-align: center;
    position: absolute;
    bottom: 4em;
    left: 1em;
    right: 1em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}
.video-js .vjs-text-track {
    display: none;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background: #000;
    background: rgba(0,0,0,0.5)
}
.video-js .vjs-subtitles {
    color: #fff
}
.video-js .vjs-captions {
    color: #fc6
}
.vjs-tt-cue {
    display: block
}
.vjs-fade-in {
    visibility: visible!important;
    opacity: 1!important;
    -webkit-transition: visibility 0s linear 0s,opacity .3s linear;
    -moz-transition: visibility 0s linear 0s,opacity .3s linear;
    -ms-transition: visibility 0s linear 0s,opacity .3s linear;
    -o-transition: visibility 0s linear 0s,opacity .3s linear;
    transition: visibility 0s linear 0s,opacity .3s linear
}
.vjs-fade-out {
    visibility: hidden!important;
    opacity: 0!important;
    -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
    transition: visibility 0s linear 1.5s,opacity 1.5s linear
}
.vjs-default-skin .vjs-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    height: 2.6em;
    color: #fff;
    border-top: 1px solid #404040;
    background: #242424;
    background: -moz-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);
    background: -webkit-gradient(linear,0% 0,0% 100%,color-stop(50%,#242424),color-stop(50%,#1f1f1f),color-stop(100%,#171717));
    background: -webkit-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);
    background: -o-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);
    background: -ms-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%);
    background: linear,top,#242424 50%,#1f1f1f 50%,#171717 100%;
    visibility: hidden;
    opacity: 0
}
.vjs-default-skin .vjs-control {
    position: relative;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 2.6em;
    width: 2.6em
}
.vjs-default-skin .vjs-control:focus {
    outline: 0
}
.vjs-default-skin .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.vjs-default-skin .vjs-play-control {
    width: 5em;
    cursor: pointer!important
}
.vjs-default-skin.vjs-paused .vjs-play-control div {
    width: 15px;
    height: 17px;
    background: url(../images/video-js.png);
    margin: .5em auto 0
}
.vjs-default-skin.vjs-playing .vjs-play-control div {
    width: 15px;
    height: 17px;
    background: url(../images/video-js.png) -25px 0;
    margin: .5em auto 0
}
.vjs-default-skin .vjs-rewind-control {
    width: 5em;
    cursor: pointer!important
}
.vjs-default-skin .vjs-rewind-control div {
    width: 19px;
    height: 16px;
    background: url(../images/video-js.png);
    margin: .5em auto 0
}
.vjs-default-skin .vjs-mute-control {
    width: 3.8em;
    cursor: pointer!important;
    float: right
}
.vjs-default-skin .vjs-mute-control div {
    width: 22px;
    height: 16px;
    background: url(../images/video-js.png) -75px -25px;
    margin: .5em auto 0
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0 div {
    background: url(../images/video-js.png) 0 -25px
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1 div {
    background: url(../images/video-js.png) -25px -25px
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2 div {
    background: url(../images/video-js.png) -50px -25px
}
.vjs-default-skin .vjs-volume-control {
    width: 5em;
    float: right
}
.vjs-default-skin .vjs-volume-bar {
    position: relative;
    width: 5em;
    height: .6em;
    margin: 1em auto 0;
    cursor: pointer!important;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    background: #666;
    background: -moz-linear-gradient(top,#333,#666);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#333),to(#666));
    background: -webkit-linear-gradient(top,#333,#666);
    background: -o-linear-gradient(top,#333,#666);
    background: -ms-linear-gradient(top,#333,#666);
    background: linear,top,#333,#666
}
.vjs-default-skin .vjs-volume-level {
    position: absolute;
    top: 0;
    left: 0;
    height: .6em;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    background: #fff;
    background: -moz-linear-gradient(top,#fff,#ccc);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#fff),to(#ccc));
    background: -webkit-linear-gradient(top,#fff,#ccc);
    background: -o-linear-gradient(top,#fff,#ccc);
    background: -ms-linear-gradient(top,#fff,#ccc);
    background: linear,top,#fff,#ccc
}
.vjs-default-skin .vjs-volume-handle {
    position: absolute;
    top: -0.2em;
    width: .8em;
    height: .8em;
    background: #ccc;
    left: 0;
    border: 1px solid #fff;
    -moz-border-radius: .6em;
    -webkit-border-radius: .6em;
    border-radius: .6em
}
.vjs-default-skin div.vjs-progress-control {
    position: absolute;
    left: 4.8em;
    right: 4.8em;
    height: 1.0em;
    width: auto;
    top: -1.3em;
    border-bottom: 1px solid #1f1f1f;
    border-top: 1px solid #222;
    background: #333;
    background: -moz-linear-gradient(top,#222,#333);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#222),to(#333));
    background: -webkit-linear-gradient(top,#222,#333);
    background: -o-linear-gradient(top,#333,#222);
    background: -ms-linear-gradient(top,#333,#222);
    background: linear,top,#333,#222
}
.vjs-default-skin .vjs-progress-holder {
    position: relative;
    cursor: pointer!important;
    padding: 0;
    margin: 0;
    height: 1.0em;
    -moz-border-radius: .6em;
    -webkit-border-radius: .6em;
    border-radius: .6em;
    background: #111;
    background: -moz-linear-gradient(top,#111,#262626);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#111),to(#262626));
    background: -webkit-linear-gradient(top,#111,#262626);
    background: -o-linear-gradient(top,#111,#262626);
    background: -ms-linear-gradient(top,#111,#262626);
    background: linear,top,#111,#262626
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
    position: absolute;
    display: block;
    height: 1.0em;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    -moz-border-radius: .6em;
    -webkit-border-radius: .6em;
    border-radius: .6em
}
.vjs-default-skin .vjs-play-progress {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);
    background: -webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#fff),color-stop(50%,#d6d6d6),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);
    background: -o-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);
    background: -ms-linear-gradient(top,#fff 0,#d6d6d6 50%,#fff 100%);
    background: linear,top,#fff 0,#d6d6d6 50%,#fff 100%;
    background: #efefef;
    background: -moz-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
    background: -webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#efefef),color-stop(50%,#f5f5f5),color-stop(50%,#dbdbdb),color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
    background: -o-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#f1f1f1',GradientType=0);
    background: linear,top,#efefef 0,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%
}
.vjs-default-skin .vjs-load-progress {
    opacity: .8;
    background: #666;
    background: -moz-linear-gradient(top,#666,#333);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#666),to(#333));
    background: -webkit-linear-gradient(top,#666,#333);
    background: -o-linear-gradient(top,#666,#333);
    background: -ms-linear-gradient(top,#666,#333);
    background: linear,top,#666,#333
}
.vjs-default-skin div.vjs-seek-handle {
    position: absolute;
    width: 16px;
    height: 16px;
    margin-top: -0.3em;
    left: 0;
    top: 0;
    background: url(../images/video-js.png) 0 -50px;
    -moz-border-radius: .8em;
    -webkit-border-radius: .8em;
    border-radius: .8em;
    -webkit-box-shadow: 0 2px 4px 0 #000;
    -moz-box-shadow: 0 2px 4px 0 #000;
    box-shadow: 0 2px 4px 0 #000
}
.vjs-default-skin .vjs-time-controls {
    position: absolute;
    right: 0;
    height: 1.0em;
    width: 4.8em;
    top: -1.3em;
    border-bottom: 1px solid #1f1f1f;
    border-top: 1px solid #222;
    background-color: #333;
    font-size: 1em;
    line-height: 1.0em;
    font-weight: normal;
    font-family: Helvetica,Arial,sans-serif;
    background: #333;
    background: -moz-linear-gradient(top,#222,#333);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#222),to(#333));
    background: -webkit-linear-gradient(top,#222,#333);
    background: -o-linear-gradient(top,#333,#222);
    background: -ms-linear-gradient(top,#333,#222);
    background: linear,top,#333,#222
}
.vjs-default-skin .vjs-current-time {
    left: 0
}
.vjs-default-skin .vjs-duration {
    right: 0;
    display: none
}
.vjs-default-skin .vjs-remaining-time {
    right: 0
}
.vjs-time-divider {
    display: none
}
.vjs-default-skin .vjs-time-control {
    font-size: 1em;
    line-height: 1;
    font-weight: normal;
    font-family: Helvetica,Arial,sans-serif
}
.vjs-default-skin .vjs-time-control span {
    line-height: 25px
}
.vjs-secondary-controls {
    float: right
}
.vjs-default-skin .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer!important;
    float: right
}
.vjs-default-skin .vjs-fullscreen-control div {
    width: 16px;
    height: 16px;
    background: url(../images/video-js.png) -50px 0;
    margin: .5em auto 0
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div {
    background: url(../images/video-js.png) -75px 0
}
.vjs-default-skin .vjs-big-play-button {
    display: block;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8.0em;
    height: 8.0em;
    margin: -42px 0 0 -42px;
    text-align: center;
    vertical-align: center;
    cursor: pointer!important;
    border: .2em solid #fff;
    opacity: .95;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #454545;
    background: -moz-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);
    background: -webkit-gradient(linear,0% 0,0% 100%,color-stop(0%,#454545),color-stop(50%,#232323),color-stop(50%,#161616),color-stop(100%,#3f3f3f));
    background: -webkit-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);
    background: -o-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);
    background: -ms-linear-gradient(top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545',endColorstr='#3f3f3f',GradientType=0);
    background: linear,top,#454545 0,#232323 50%,#161616 50%,#3f3f3f 100%;
    -webkit-box-shadow: 4px 4px 8px #000;
    -moz-box-shadow: 4px 4px 8px #000;
    box-shadow: 4px 4px 8px #000
}
.vjs-default-skin div.vjs-big-play-button:hover {
    -webkit-box-shadow: 0 0 80px #fff;
    -moz-box-shadow: 0 0 80px #fff;
    box-shadow: 0 0 80px #fff
}
.vjs-default-skin div.vjs-big-play-button span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 35px;
    height: 42px;
    margin: -20px 0 0 -15px;
    background: url(../images/video-js.png) -100px 0
}
.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55px;
    height: 55px;
    margin: -28px 0 0 -28px;
    -webkit-animation-name: rotatethis;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotatethis;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear
}
@-webkit-keyframes rotatethis {
    0% {
        -webkit-transform: scale(0.6) rotate(0deg)
    }
    12.5% {
        -webkit-transform: scale(0.6) rotate(0deg)
    }
    12.51% {
        -webkit-transform: scale(0.6) rotate(45deg)
    }
    25% {
        -webkit-transform: scale(0.6) rotate(45deg)
    }
    25.01% {
        -webkit-transform: scale(0.6) rotate(90deg)
    }
    37.5% {
        -webkit-transform: scale(0.6) rotate(90deg)
    }
    37.51% {
        -webkit-transform: scale(0.6) rotate(135deg)
    }
    50% {
        -webkit-transform: scale(0.6) rotate(135deg)
    }
    50.01% {
        -webkit-transform: scale(0.6) rotate(180deg)
    }
    62.5% {
        -webkit-transform: scale(0.6) rotate(180deg)
    }
    62.51% {
        -webkit-transform: scale(0.6) rotate(225deg)
    }
    75% {
        -webkit-transform: scale(0.6) rotate(225deg)
    }
    75.01% {
        -webkit-transform: scale(0.6) rotate(270deg)
    }
    87.5% {
        -webkit-transform: scale(0.6) rotate(270deg)
    }
    87.51% {
        -webkit-transform: scale(0.6) rotate(315deg)
    }
    100% {
        -webkit-transform: scale(0.6) rotate(315deg)
    }
}
@-moz-keyframes rotatethis {
    0% {
        -moz-transform: scale(0.6) rotate(0deg)
    }
    12.5% {
        -moz-transform: scale(0.6) rotate(0deg)
    }
    12.51% {
        -moz-transform: scale(0.6) rotate(45deg)
    }
    25% {
        -moz-transform: scale(0.6) rotate(45deg)
    }
    25.01% {
        -moz-transform: scale(0.6) rotate(90deg)
    }
    37.5% {
        -moz-transform: scale(0.6) rotate(90deg)
    }
    37.51% {
        -moz-transform: scale(0.6) rotate(135deg)
    }
    50% {
        -moz-transform: scale(0.6) rotate(135deg)
    }
    50.01% {
        -moz-transform: scale(0.6) rotate(180deg)
    }
    62.5% {
        -moz-transform: scale(0.6) rotate(180deg)
    }
    62.51% {
        -moz-transform: scale(0.6) rotate(225deg)
    }
    75% {
        -moz-transform: scale(0.6) rotate(225deg)
    }
    75.01% {
        -moz-transform: scale(0.6) rotate(270deg)
    }
    87.5% {
        -moz-transform: scale(0.6) rotate(270deg)
    }
    87.51% {
        -moz-transform: scale(0.6) rotate(315deg)
    }
    100% {
        -moz-transform: scale(0.6) rotate(315deg)
    }
}
div.vjs-loading-spinner .ball1 {
    opacity: .12;
    position: absolute;
    left: 20px;
    top: 0;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc
}
div.vjs-loading-spinner .ball2 {
    opacity: .25;
    position: absolute;
    left: 34px;
    top: 6px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc
}
div.vjs-loading-spinner .ball3 {
    opacity: .37;
    position: absolute;
    left: 40px;
    top: 20px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc
}
div.vjs-loading-spinner .ball4 {
    opacity: .50;
    position: absolute;
    left: 34px;
    top: 34px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 15px;
    border: 1px solid #ccc
}
div.vjs-loading-spinner .ball5 {
    opacity: .62;
    position: absolute;
    left: 20px;
    top: 40px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc
}
div.vjs-loading-spinner .ball6 {
    opacity: .75;
    position: absolute;
    left: 6px;
    top: 34px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc
}
div.vjs-loading-spinner .ball7 {
    opacity: .87;
    position: absolute;
    left: 0;
    top: 20px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc
}
div.vjs-loading-spinner .ball8 {
    opacity: 1.00;
    position: absolute;
    left: 6px;
    top: 6px;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #ccc
}
.vjs-default-skin .vjs-menu-button {
    float: right;
    margin: .2em .5em 0 0;
    padding: 0;
    width: 3em;
    height: 2em;
    cursor: pointer!important;
    border: 1px solid #111;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    background: #4d4d4d;
    background: -moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));
    background: -webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: linear,top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%
}
.vjs-default-skin .vjs-menu-button div {
    background: url(../images/video-js.png) 0 -75px no-repeat;
    width: 16px;
    height: 16px;
    margin: .2em auto 0;
    padding: 0
}
.vjs-default-skin .vjs-menu-button ul {
    display: none;
    opacity: .8;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 10em;
    bottom: 2em;
    max-height: 15em;
    left: -3.5em;
    background-color: #111;
    border: 2px solid #333;
    -moz-border-radius: .7em;
    -webkit-border-radius: 1em;
    border-radius: .5em;
    -webkit-box-shadow: 0 2px 4px 0 #000;
    -moz-box-shadow: 0 2px 4px 0 #000;
    box-shadow: 0 2px 4px 0 #000;
    overflow: auto
}
.vjs-default-skin .vjs-menu-button:focus ul,.vjs-default-skin .vjs-menu-button:hover ul {
    display: block;
    list-style: none
}
.vjs-default-skin .vjs-menu-button ul li {
    list-style: none;
    margin: 0;
    padding: .3em 0 .3em 20px;
    line-height: 1.4em;
    font-size: 1.2em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: left
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
    text-decoration: underline;
    background: url(../images/video-js.png) -125px -50px no-repeat
}
.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
    background-color: #ccc;
    color: #111;
    outline: 0
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    color: #fff;
    font-weight: bold;
    cursor: default;
    background: #4d4d4d;
    background: -moz-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4d4d4d),color-stop(50%,#3f3f3f),color-stop(50%,#333),color-stop(100%,#252525));
    background: -webkit-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -o-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: -ms-linear-gradient(top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%);
    background: linear,top,#4d4d4d 0,#3f3f3f 50%,#333 50%,#252525 100%
}
.vjs-default-skin .vjs-captions-button div {
    background-position: -25px -75px
}
.vjs-default-skin .vjs-chapters-button div {
    background-position: -100px -75px
}
.vjs-default-skin .vjs-chapters-button ul {
    width: 20em;
    left: -8.5em
}
.vjs-default-skin.vjs-paused .vjs-play-control div,.vjs-default-skin.vjs-playing .vjs-play-control div,.vjs-default-skin .vjs-rewind-control div,.vjs-default-skin .vjs-mute-control div,.vjs-default-skin .vjs-mute-control.vjs-vol-0 div,.vjs-default-skin .vjs-mute-control.vjs-vol-1 div,.vjs-default-skin .vjs-mute-control.vjs-vol-2 div,.vjs-default-skin div.vjs-seek-handle,.vjs-default-skin .vjs-fullscreen-control div,.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div,.vjs-default-skin div.vjs-big-play-button span,.vjs-default-skin .vjs-menu-button div,.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
    background-image: url(../images/videoplayer.svgz)
}
.video-js {
    margin: 0 0 70px 0;
    background: 0
}
.video-js .vjs-tech {
    position: relative;
    height: auto
}
.vjs-default-skin div.vjs-big-play-button {
    background: #333;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0
}
.vjs-default-skin div.vjs-big-play-button:hover,.vjs-default-skin div.vjs-big-play-button:active,.vjs-default-skin div.vjs-big-play-button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #2D4B9B
}
.vjs-default-skin div.vjs-big-play-button.hide {
    display: none
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar,.vjs-default-skin.vjs-controls-disabled div.vjs-big-play-button {
    display: none
}
.vjs-default-skin.vjs-fullscreen .vjs-control-bar {
    position: absolute;
    bottom: 0;
    width: 100%
}
.vjs-default-skin .vjs-control-bar {
    height: 30px;
    background: #333
}
.vjs-default-skin .vjs-control-bar div.vjs-progress-control {
    bottom: 30px;
    top: auto;
    left: 0;
    right: 0
}
.vjs-default-skin .vjs-control-bar .vjs-time-controls {
    bottom: 12px;
    top: auto;
    background: 0
}
.vjs-default-skin .vjs-control-bar .vjs-time-controls.vjs-current-time {
    left: 3.6em
}
.vjs-default-skin .vjs-control-bar .vjs-time-controls.vjs-duration {
    display: block;
    left: 7.2em
}
.vjs-default-skin .vjs-control-bar .vjs-time-controls.vjs-remaining-time {
    display: none
}
.vjs-default-skin .vjs-control-bar .vjs-time-divider {
    display: block;
    position: absolute;
    bottom: 12px;
    left: 7.6em
}
.vjs-default-skin .vjs-control-bar div.vjs-progress-control {
    border: 0
}
.vjs-default-skin .vjs-control-bar div.vjs-progress-control .vjs-progress-holder {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #000
}
.vjs-default-skin .vjs-control-bar div.vjs-progress-control .vjs-progress-holder .vjs-load-progress,.vjs-default-skin .vjs-control-bar div.vjs-progress-control .vjs-progress-holder .vjs-play-progress {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.vjs-default-skin .vjs-control-bar div.vjs-progress-control .vjs-progress-holder .vjs-load-progress {
    background: #999
}
.vjs-default-skin .vjs-control-bar div.vjs-progress-control .vjs-progress-holder .vjs-play-progress {
    background: #CCC
}
.vjs-default-skin .vjs-control-bar div.vjs-progress-control .vjs-progress-holder .vjs-seek-handle {
    background: #2D4B9B;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 1.0em;
    margin: 0;
    width: 15px
}
.vjs-default-skin .vjs-control-bar div.vjs-progress-control .vjs-progress-holder .vjs-seek-handle:hover,.vjs-default-skin .vjs-control-bar div.vjs-progress-control .vjs-progress-holder .vjs-seek-handle:active,.vjs-default-skin .vjs-control-bar div.vjs-progress-control .vjs-progress-holder .vjs-seek-handle:focus {
    border: 1px solid #FFF
}
.vjs-default-skin .vjs-control-bar .vjs-time-controls {
    color: #FFF;
    border: 0
}
.vjs-default-skin .vjs-volume-bar {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #999
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-level {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #CCC
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #2D4B9B;
    border: 0;
    height: .6em;
    top: 0
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle:hover,.vjs-default-skin .vjs-volume-bar .vjs-volume-handle:active,.vjs-default-skin .vjs-volume-bar .vjs-volume-handle:focus {
    border: 1px solid #FFF
}
.vjs-default-skin .vjs-play-control:hover,.vjs-default-skin .vjs-play-control:active,.vjs-default-skin .vjs-play-control:focus,.vjs-default-skin .vjs-mute-control:hover,.vjs-default-skin .vjs-mute-control:active,.vjs-default-skin .vjs-mute-control:focus,.vjs-default-skin .vjs-fullscreen-control:hover,.vjs-default-skin .vjs-fullscreen-control:active,.vjs-default-skin .vjs-fullscreen-control:focus {
    outline: 1px solid #FFF
}
.mobile .vjs-default-skin div.vjs-big-play-button {
    display: none
}
.mobile .vjs-default-skin .vjs-control-bar {
    display: none
}
.services-list>.row>h1 {
    padding: 0 15px;
    font-size: 3rem
}
.result-search,.service-search {
    margin-bottom: 25px;
    padding: 0 15px
}
.result-search input,.service-search input {
    width: 100%;
    min-height: 50px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 80px 0 20px;
    font-size: 1.7rem
}
.result-search input[type=submit],.service-search input[type=submit] {
    position: absolute;
    top: 1px;
    right: 16px;
    width: 50px;
    min-height: 0;
    height: 48px;
    background-color: #fff;
    border: 0;
    background-position: 50% 50%;
    padding: 0
}
.filter {
    clear: both;
    background: #2D4B9B;
    margin: 0 0 40px 0;
    padding: 20px 0
}
.filter * {
    color: #fff
}
.filter h3 {
    padding: 0 0 10px 0;
    font-size: 1.4rem;
    font-weight: bold;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif
}
@media only screen and (max-width: 599px) {
    .filter h3 {
        background:url(../images/toggle-down.svgz) no-repeat 100% 50%;
        margin: 0 39px 20px 0;
        padding: 0
    }
    .filter h3.active {
        background-image: url(../images/toggle-up.svgz)
    }
}
.filter>ul>li {
    margin: 0 0 20px 15px
}
.filter h4,.filter a {
    display: table;
    width: 100%;
    padding: 0 15px 10px 0
}
.filter h4:hover,.filter h4:active,.filter h4:focus,.filter a:hover,.filter a:active,.filter a:focus {
    text-decoration: none;
    cursor: pointer
}
.filter h4>span,.filter a>span {
    display: table-cell;
    height: 40px;
    width: 100%;
    background-color: #304a89;
    background-position: 95% 50%;
    padding: 0 40px 0 10px;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    font-weight: normal;
    line-height: 1em;
    vertical-align: middle
}
.filter h4:hover>span,.filter h4:active>span,.filter h4:focus>span,.filter a:hover>span,.filter a:active>span,.filter a:focus>span {
    background-color: #6379ab
}
.filter h4.on>span,.filter a.on>span {
    background-color: #6379ab
}
.filter h4.ally-key-focus,.filter h4:focus,.filter a.ally-key-focus,.filter a:focus {
    outline: 0
}
.filter h4.ally-key-focus>span,.filter h4:focus>span,.filter a.ally-key-focus>span,.filter a:focus>span {
    background-color: #6379ab
}
.filter h4>span {
    background-color: #304a89
}
.filter h4:hover>span,.filter h4:active>span,.filter h4:focus>span {
    background-color: #6379ab
}
.filter .toggle-dropdown .toggle-dropdown-wrapper {
    overflow: auto;
    width: 100%;
    max-height: 206px;
    margin-top: -9px;
    -webkit-overflow-scrolling: touch
}
.filter .toggle-dropdown ul {
    max-width: 241px;
    margin: 0;
    padding: 0 13px 0 0
}
@media only screen and (max-width: 599px) {
    .filter .toggle-dropdown ul {
        max-width:none
    }
}
.filter .toggle-dropdown li {
    display: block;
    float: none
}
.filter .toggle-dropdown li a {
    margin-bottom: 0;
    border-bottom: 1px solid #2D4B9B;
    padding: 0
}
.filter .more,.filter .less {
    background-color: #2D4B9B;
    display: none;
    margin: 0 15px -20px;
    padding: 0 0 5px 0;
    position: relative;
    border-top: 1px solid #5068a1;
    text-align: center;
    z-index: 1
}
.filter .more.active,.filter .less.active {
    display: block
}
.filter .more a,.filter .less a {
    display: inline-block;
    width: auto;
    background-position: 100% 50%;
    padding: 10px 15px 10px 0;
    font-size: 1.2rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    font-style: italic
}
.filter.selected>ul>li {
    margin-bottom: 0
}
.filter.selected .delete-all {
    display: inline;
    width: auto;
    float: right;
    font-size: 1.2rem;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
    font-style: italic;
    font-weight: normal
}
.filter.selected .delete-all:hover,.filter.selected .delete-all:active,.filter.selected .delete-all:focus {
    text-decoration: underline
}
.hcm .filter.selected a.on>span:before {
    content: 'X '
}
.jspContainer {
    overflow: hidden;
    position: relative
}
.jspContainer .jspPane {
    position: absolute
}
.jspContainer .jspVerticalBar {
    position: absolute;
    top: 0;
    right: 16px;
    width: 22px;
    height: 100%;
    border-left: 1px solid #2D4B9B
}
.jspContainer .jspCap {
    display: none
}
.jspContainer .jspTrack {
    background: #6379ab;
    position: relative
}
.jspContainer .jspDrag {
    background: #304a89;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}
.jspContainer .jspHorizontalBar .jspTrack,.jspContainer .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}
.jspContainer .jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}
.results .teaser h2 {
    margin-bottom: 12px;
    font-size: 1.8rem
}
.results .teaser img {
    border: 1px solid #ccc
}
.sticky {
    position: fixed;
    top: 0;
    z-index: 99
}
.sticky.row {
    background: transparent
}
.service-detail {
    margin-bottom: 2.8rem;
    padding-top: .9375em;
    padding-bottom: 0
}
.service-detail .sub-menu {
    padding-left: .9375em;
    padding-right: .9375em;
    padding-bottom: 2rem
}
.service-detail .sub-menu .back {
    background-color: transparent;
    background-position: left center;
    color: #fff;
    float: left;
    font-family: DejaVuSansCondensed;
    font-size: 1.2rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-top: .9375em
}
.service-detail h1 {
    color: #fff;
    font-size: 3rem
}
.service-detail .details {
    color: #fff;
    font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif
}
.service-detail .details .description h1 {
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 150%;
    margin-top: 0
}
.service-detail .details .description-aside h1 {
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
    font-size: 1.7rem;
    line-height: 110%;
    margin-top: 0;
    margin-bottom: 1rem
}
.service-detail .details .description-aside .sectionRelated {
    margin-bottom: 4rem
}
.service-detail .details a {
    color: #fff
}
.service-detail .details a:hover,.service-detail .details a:focus {
    text-decoration: none
}
.service-detail .details a.mail {
    background-color: #fff;
    color: #2D4B9B;
    display: inline-block;
    margin: 2rem 0 3rem;
    padding: 2rem 4rem 2rem 4rem;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in
}
.service-detail .details a.mail:hover,.service-detail .details a.mail:focus,.service-detail .details a.mail:active {
    background-color: #e2e6f0;
    text-decoration: underline
}
.service-detail .details .mail-wrapper .mail-content {
    display: none
}
.service-detail .details .more,.service-detail .details .less {
    border-top: 1px solid #5068a1;
    display: none;
    font-size: 1.2rem;
    margin-top: 2rem;
    position: relative;
    padding: 2rem 4rem 2rem 1rem;
    text-align: center
}
.service-detail .details .more span,.service-detail .details .less span {
    text-indent: -9999em;
    width: 36px;
    display: inline-block
}
.service-detail .details .more.active,.service-detail .details .less.active {
    display: block
}
.service-detail .details .more:hover,.service-detail .details .more:focus,.service-detail .details .less:hover,.service-detail .details .less:focus {
    text-decoration: underline
}
.service-detail .details .more span {
    background-position: 100% -196px
}
.service-detail .details .less span {
    background-position: 100% -244px
}
.service-detail .details .link-list ul {
    border: 0
}
.service-detail .details .link-list li {
    border-top: 0;
    border-bottom: 1px solid #5068a1
}
.service-detail .details .link-list a {
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px
}
.service-detail .details .link-list a:hover,.service-detail .details .link-list a:focus {
    color: #2D4B9B
}
.service-detail .teaser .link-list ul {
    border-bottom: 0
}
.service-detail .teaser .link-list li {
    border-bottom: 1px solid #DDD;
    border-top: 0
}
.filter .more {
    margin-top: 0
}
.filter .closed+.more {
    margin-top: -20px
}
.filter.open {
    margin-top: 0
}
@media only screen and (max-width: 767px) {
    .service-detail .sub-menu .switcher {
        display:block
    }
    .service-detail .sectionRelated {
        padding-right: 0;
        padding-left: 0
    }
    .service-detail .details .mail-wrapper {
        border: 1px solid rgba(255,255,255,0.1);
        margin: 0 0 40px 0;
        padding: 20px
    }
    .service-detail .details .mail-wrapper h1 {
        font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
        font-size: 1.7rem;
        line-height: 140%;
        margin-top: 0;
        margin-bottom: 1.5rem
    }
    .service-detail .details .mail-wrapper .mail-content {
        display: block
    }
    .service-detail .details .mail-wrapper .mail-content span {
        display: block;
        font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 160%;
        margin-top: 0;
        margin-bottom: 1.5rem
    }
    .service-detail .details .mail-wrapper .mail-content span.tel {
        font-weight: normal
    }
    .service-detail .details .mail-wrapper a.mail {
        display: block;
        margin: 20px 0 0;
        padding: 2rem 4rem 2rem 4rem;
        text-align: center
    }
    .service-detail .details .link-list a {
        padding-bottom: 20px;
        padding-top: 20px
    }
}
.search-results {
    padding-top: 40px
}
.search-results h1 {
    font-size: 1.6rem
}
.result-search {
    padding: 0
}
@media only screen and (min-width: 1023px) {
    .result-search .search {
        padding-left: 0;
        max-width: 73%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .result-search .search {
        max-width: 65%;
    }
}
@media only screen and (max-width: 768px) {
    .result-search .search {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}
.result-search .select-box {
    padding-right: 0!important
}
.result-search .select-box input {
    font-size: 1.4rem;
    color: #555555
}
.search-results .result-list {
    margin: 0 0 40px 0;
    border-bottom: 1px solid #eee;
    padding-top: 40px
}
.search-results .result-list li {
    border-top: 1px solid #eee
}
.search-results .result-list a {
    display: block;
    padding: 35px 15px
}
.search-results .result-list a:hover,.search-results .result-list a:active,.search-results .result-list a:focus {
    background-color: #f6f6f6;
    text-decoration: none
}
.search-results .result-list h2 {
    margin: 8px 0 15px 0
}
.search-results .result-list .meta {
    color: #777
}
.search-results .result-list p {
    color: #555555
}
.search-results .result-list .highlight {
    font-weight: bold;
    color: #000
}
.pagination-view li {
    float: left;
    margin: 0 10px 10px 0
}
.pagination-view a,.pagination-view strong {
    display: block;
    width: 5rem;
    height: 5rem;
    background-color: #F2F4F6;
    padding: 15px;
    color: #2D4B9B;
    text-align: center;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in
}
.pagination-view a:hover,.pagination-view a:focus,.pagination-view a:active {
    outline: 0;
    background-color: #2D4B9B;
    color: #fff;
    text-decoration: none
}
.pagination-view strong {
    background-color: #2D4B9B;
    color: #fff
}
.pagination-view .previous a,.pagination-view .next a {
    background-position: 50% 50%;
    background-color: #fff
}
.pagination-view .previous a:hover,.pagination-view .previous a:focus,.pagination-view .previous a:active,.pagination-view .next a:hover,.pagination-view .next a:focus,.pagination-view .next a:active {
    background-color: #F2F4F6
}
.hcm .pagination-view .previous a,.hcm .pagination-view .next a {
    width: auto;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif
}
/*@media only screen and (max-width: 1023px) {
    .search-results h1 {
        padding:0 15px
    }
    .result-search .search {
        padding-left: 15px
    }
    .result-search .select-box {
        padding-right: 15px!important
    }
}*/
@media only screen and (max-width: 599px) {
    .result-search .search {
        margin-bottom:15px
    }
    .pagination-view ul {
        padding: 0 15px
    }
}
 :root .row {
    max-width: 62.4em \0
}
:root .stage .row {
max-width: 64.3em  \0
}
:root .stage .row .row {
    max-width: 62.4em \0
}
:root .skip {
    max-width: 62.4em \0
}
:root .flyoutbox {
    max-width: 62.4em \0
}
.accordion .toc-container {
width: 31%;
}
.accordion .content-wrapper {
width: 69%;
}


.social-services .box {
    width: 20%;
}

footer section.social-services .facebook    .smlogo { background-position: -0px -0; }
footer section.social-services .facebook_h  .smlogo { background-position: -60px -0; }

footer section.social-services .flickr      .smlogo { background-position: -120px -0; }
footer section.social-services .flickr_h    .smlogo { background-position: -180px -0; }

footer section.social-services .instagram   .smlogo { background-position: -240px -0; }
footer section.social-services .instagram_h .smlogo { background-position: -300px -0; }

footer section.social-services .twitter     .smlogo { background-position: -360px -0; }
footer section.social-services .twitter_h   .smlogo { background-position: -420px -0; }

footer section.social-services .youtube     .smlogo { background-position: -480px -0; }
footer section.social-services .youtube_h   .smlogo { background-position: -540px -0; }

footer section.social-services .youtube:hover .smlogo,
footer section.social-services .youtube:active .smlogo,
footer section.social-services .youtube:focus .smlogo{ background-position: -540px -0; }
footer section.social-services .facebook:hover .smlogo,
footer section.social-services .facebook:active .smlogo,
footer section.social-services .facebook:focus .smlogo{ background-position: -60px -0; }
footer section.social-services .flickr:hover .smlogo,
footer section.social-services .flickr:active .smlogo,
footer section.social-services .flickr:focus .smlogo{ background-position: -180px -0; }
footer section.social-services .twitter:hover .smlogo,
footer section.social-services .twitter:active .smlogo,
footer section.social-services .twitter:focus .smlogo{ background-position: -420px -0; }
footer section.social-services .instagram:hover .smlogo,
footer section.social-services .instagram:active .smlogo,
footer section.social-services .instagram:focus .smlogo{ background-position: -300px -0; }


/* Datei: "/static/css/layout.css" media="screen" */
/* clear floats */
.group::before,
.group::after {
  content: "";
  display: table;
} 
.group::after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/* Header - Bereich */



/* Main - Bereich */

.tpl-bodytext {
  font-size: 14px;
  line-height: 21px;
  padding: 10px 0 0 0;    
}
.tpl-bodytext p {
  font-weight:normal;
}
.tpl-bodytext li {
  padding-bottom: 5px; 	
  font-weight:normal;
}
.tpl-bodytext a {
  padding-bottom: 5px;
  color: rgb(45, 75, 155);  
}

/* Startseite */

div.teaser {
    border: solid 1px #f2f4f6;
    float: left;
    margin: 10px;
}

#teaser_region {
    width: 45%;
    min-width: 270px;
}

div.teaser_head {
	color: #555;
	background: #fff;
	font-size: 17px;
	display: block;
    font-weight: normal;
    height: 40px;
    padding: 10px;
	text-align: center;
}

.teaser p {
    padding: 0 10px;
    height: 40px;
}
/* width: 270px; */
/*
div.teaser_nav {
	color: #2d4b9b;
    background: #f2f4f6;
    border-bottom: 1px solid #fff;
	min-width: 150px;
	margin: 70px 0 0 0;
	float: left;
}
div.teaser_nav ul {

}

div.teaser_nav li {
	list-style: none; 
}

div.teaser_nav a {
	text-decoration: none;
	outline: none;
}

*/
/*
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
*/
img#wetter {
        min-width: auto;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
}
/* max-height: 300px; */

img#warnung {
        min-width: auto;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
}
/* max-height: 300px; */

img#radar {
        min-width: auto;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
}
/* max-height: 300px; */


div.teaser a {
	color: #2d4b9b;
    background: #f2f4f6;
	display: block;
    text-decoration: none;
    padding: 10px;
	margin-top: 10px;
    text-align: center;
    font-size: 14px;
}
div.teaser a:hover {
    background: #2d4b9b;
    color: #fff;
	transition: all .2s ease-in;
}

div.portlet {
    border: solid 1px #324A92;
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
}

div.ls-box {
	border: solid 1px #f2f4f6;
    float: left;
    margin: 10px 0;
	width: 100%;
}

div.ls-box select {
    padding: 10px 9px;
    background-color: transparent;
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
	color: #555;
	font-size: 14px;
	position: relative;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
}

div.ls-box option {
  font-size: 14px;
}

.menue {
	background-color: transparent;
}

.menue ul {
	box-sizing: border-box;
    margin: 0;
    padding: 0;
	    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;

    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
    line-height: 1.3;
}

.menue li {
    line-height: 1.5;
    list-style: none;
	border-bottom: 1px dotted #ccc;
}


.menue a {
	display: block;
    padding: 15px 0 15px 12px;
    color: #555;
	text-decoration: none;
	box-sizing: border-box;
    margin: 0;
}

.menue a:hover{
	background: #eee;
}


img.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#wettertext  {
	margin: 0;
	padding: 0;
}

#wettertext pre {
	white-space: pre-line;
	margin: 0;
	padding: 0;
}

#wettertext h3 {
    font-size: 180%;
    font-weight: bold;
    color: #2d4b9b;
    margin: 10px 0;
}	




img {
	border: 0;
    max-width: 100%;
    height: auto;
}


a { text-decoration:none; }

h1 { color:#324A92; font-size:2.2rem; border-bottom: solid 2px #324A92; margin: 10px; }
h2 { font-size:115%; font-weight:bold; padding-bottom: 0; margin-bottom: 0; margin: 10px; }
/* h3 { color:#000; font-size:1.1em; margin: 10px; } */

hr { border-bottom: solid 1px #324A92; }

pre { font-size: 100%; }


/* Head <--- START --- > */

	
li.gm-active { border-color:#324A92; color:#FFF; text-decoration:none; font-weight:bold; }

/* Head <--- ENDE--- > */


/* Singel - Portlet */
/*div.portlet { width:99%; border: solid 1px #324A92; margin: 0; float: left; } */



/* Theaser - Portlet */

div.teaser_left {  border: solid 1px #324A92; margin: 0 0 7px 0; float: left; width: 100%; }

div.portlet_teaser { border: solid 1px #324A92; margin: 0px 227px 0px 228px; height: auto !important; height: 600px; min-height: 600px; min-width:200px; }
  
div.teaser_right {  border: solid 1px #324A92; margin: 0 0 7px 0; float: left; width: 100%; }

div.center { margin-top: 2px; margin-bottom: 3px; position: relative; width: 100%; }

div.portlet_teaser_middle { border: solid 1px #324A92; margin: 0 5px 5px 0; float: left; height: auto !important; height: 100px; min-height: 100px; width:380px; }


#tpl-content {
font-size: 14px;
padding: 0;
font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
}


/* Portlet - Menue <--- START --- > */
div.menue_portlet_container { float:left; width:220px; border: solid 1px #324A92; background-color: #d4e3f2; margin-right: 10px;}

div.menue_portlet_head { color: #fff; background-color: #2d4b9b; padding: 5px; }

li.pm-active { font-weight:bold; } 

div.menue_portlet_content { padding: 10px; background: #fff }
div.menue_portlet_content ul { list-style-image: url(/static/icons/menue_pfeil.png); background-repeat:no-repeat;  margin: 0em 0em 0em 1em; padding: 0em 0.3em 0em 0.3em; font-weight:normal; }
div.menue_portlet_content ul li { padding: 0.1em 0.1em 0em 0em; margin: 0.3em 0em 0.5em 0.2em; color:#002266;  }
div.menue_portlet_content ul li a { color:#002266; }
div.menue_portlet_content ul li a:hover { text-decoration: underline; }
/* Portlet - Menue <--- END --- > */


/* Portlet - Content <--- START --- > */
div.portlet_container { border: solid 1px #2d4b9b; margin: 0 0 0 230px; }

div.portlet_head { color: #FFF; background-color: #2d4b9b; padding: 5px; }
div.portlet_content { padding: 15px; } 


div.portlet_container_empty { border: 0; margin: 0 0 0 228px; padding: 0; }

div.portlet_content_teaser { float: left; margin: 5px 5px 0 5px; padding-bottom: 5px; width: 97%; } 
div.portlet_content_teaser_pic_left { float:left; margin-right: 10px; }
div.portlet_content_teaser_text_right { margin: 0; padding: 0; }
div.portlet_content_teaser_more { clear: both; }
/* Portlet - Content <--- END--- > */



/* Tabellen */	
table { border-collapse: collapse; }
table thead th { background-color:#324A92; color:#E2E9FD; height: 35px; border: solid 1px #808080; padding: 5px; }
table tbody th,td { text-align: left; font-weight: normal; padding: 5px; background-color: #E2E9FD; border: solid 1px #808080; }
table tbody a { color: #002266}
table tbody a:hover { text-decoration: underline; }


/* Links */
a.more { color:#00214E; text-decoration:none; font-size: 0.75em; float:right; font-weight: bold; padding: 10px 0px 5px 0px }
a.more_teaser { clear:both; color:#00214E; text-decoration:none; font-size: 0.75em; float:right; font-weight: bold; }


a.intern { color:#002266; text-decoration:none; }
a.intern:hover { color:#002266; text-decoration:underline; }
a.extern { color:#00214E; text-decoration:underline; }


/* Sonstiges */

/*
div.text {
}
*/

 
#maxsize img {
	width: 100%;
	max-width: max-content; 
	height: auto; 
	object-fit: cover;
}



div.tpl-pretext pre {
        white-space: pre-line;
        margin: 0;
        padding: 0;
}


.last {
	font-weight: bold
}

div.clear { clear:both; }

@media only screen and (max-width: 599px) {
   div.teaser {
        margin: 0
    }
}


/* Datei: "/static/css/handheld_addon_mmenu.css" media="screen" */

@media only screen and (max-width: 599px) {
html.mm-opened .mm-page,html.mm-opened #mm-blocker,html.mm-opened .mm-fixed-top,html.mm-opened .mm-fixed-bottom,html.mm-opened .mm-menu.mm-horizontal>.mm-panel {
	-webkit-transition:none .4s ease;
	-moz-transition:none .4s ease;
	-ms-transition:none .4s ease;
	-o-transition:none .4s ease;
	transition:none .4s ease;
	-webkit-transition-property:top,right,bottom,left,border;
	-moz-transition-property:top,right,bottom,left,border;
	-ms-transition-property:top,right,bottom,left,border;
	-o-transition-property:top,right,bottom,left,border;
	transition-property:top,right,bottom,left,border
}
html.mm-opened .mm-page,html.mm-opened #mm-blocker {
	left:0;
	top:0;
	margin:0;
	border:0 solid rgba(0,0,0,0)
}
html.mm-opened.mm-opening .mm-page,html.mm-opened.mm-opening #mm-blocker {
	border:0 solid rgba(100,100,100,0)
}
.mm-menu .mm-hidden {
	display:none
}
.mm-fixed-top,.mm-fixed-bottom {
	position:fixed;
	left:0
}
.mm-fixed-top {
	top:0
}
.mm-fixed-bottom {
	bottom:0
}
html.mm-opened .mm-page,.mm-menu>.mm-panel {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box
}
html.mm-opened,html.mm-opened body {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative
}
html.mm-opened .mm-page {
	height:100%;
	overflow:hidden;
	position:absolute
}
html.mm-background .mm-page {
	background:inherit
}
#mm-blocker {
	background:#fff;
	opacity:0;
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	z-index:999999
}
html.mm-opened #mm-blocker,html.mm-blocking #mm-blocker {
	display:block
}
.mm-menu.mm-current {
	display:block
}
.mm-menu {
	background:inherit;
	display:none;
	overflow:hidden;
	height:100%;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	z-index:0
}
.mm-menu>.mm-panel {
	background:inherit;
	-webkit-overflow-scrolling:touch;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;
	height:100%;
	padding:20px;
	position:absolute;
	top:0;
	left:100%;
	z-index:0
}
.mm-menu>.mm-panel.mm-opened {
	left:0
}
.mm-menu>.mm-panel.mm-subopened {
	left:-40%
}
.mm-menu>.mm-panel.mm-highest {
	z-index:1
}
.mm-menu>.mm-panel.mm-hidden {
	display:block;
	visibility:hidden
}
.mm-menu .mm-list {
	padding:20px 0
}
.mm-menu>.mm-list {
	padding:20px 0 40px 0
}
.mm-panel>.mm-list {
	margin-left:-20px;
	margin-right:-20px
}
.mm-panel>.mm-list:first-child {
	padding-top:0
}
.mm-list,.mm-list>li {
	list-style:none;
	display:block;
	padding:0;
	margin:0
}
.mm-list {
	font:inherit;
	font-size:14px
}
.mm-list a,.mm-list a:hover {
	text-decoration:none
}
.mm-list>li {
	position:relative
}
.mm-list>li>a,.mm-list>li>span {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:inherit;
	line-height:20px;
	display:block;
	padding:10px 10px 10px 20px;
	margin:0
}
.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
	content:'';
	border-bottom-width:1px;
	border-bottom-style:solid;
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0
}
.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
	width:auto;
	margin-left:20px;
	position:relative;
	left:auto
}
.mm-list a.mm-subopen {
	width:40px;
	height:100%;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	z-index:2
}
.mm-list a.mm-subopen::before {
	content:'';
	border-left-width:1px;
	border-left-style:solid;
	display:block;
	height:100%;
	position:absolute;
	left:0;
	top:0
}
.mm-list a.mm-subopen.mm-fullsubopen {
	width:100%
}
.mm-list a.mm-subopen.mm-fullsubopen:before {
	border-left:none
}
.mm-list a.mm-subopen+a,.mm-list a.mm-subopen+span {
	padding-right:5px;
	margin-right:40px
}
.mm-list>li.mm-selected>a.mm-subopen {
	background:transparent
}
.mm-list>li.mm-selected>a.mm-fullsubopen+a,.mm-list>li.mm-selected>a.mm-fullsubopen+span {
	padding-right:45px;
	margin-right:0
}
.mm-list a.mm-subclose {
	text-indent:20px;
	padding-top:30px;
	margin-top:-20px
}
.mm-list>li.mm-label {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	font-size:10px;
	text-transform:uppercase;
	text-indent:20px;
	line-height:25px;
	padding-right:5px
}
.mm-list>li.mm-spacer {
	padding-top:40px
}
.mm-list>li.mm-spacer.mm-label {
	padding-top:25px
}
.mm-list a.mm-subopen:after,.mm-list a.mm-subclose:before {
	content:'';
	border:2px solid transparent;
	display:block;
	width:7px;
	height:7px;
	margin-bottom:-5px;
	position:absolute;
	bottom:50%;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.mm-list a.mm-subopen:after {
	border-top:0;
	border-left:none;
	right:18px;
	top:14px
}
.mm-list a.mm-subclose:before {
	border-right:0;
	border-bottom:0;
	margin-bottom:-15px;
	left:22px
}
.mm-menu.mm-vertical .mm-list .mm-panel {
	display:none;
	padding:10px 0 10px 10px
}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
	border-color:transparent
}
.mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel {
	display:block
}
.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen {
	height:40px
}
.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after {
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	transform:rotate(-135deg);
	top:18px;
	right:18px
}
html.mm-opened .mm-page {
	box-shadow:0 0 20px rgba(0,0,0,0.5)
}
.mm-ismenu {
	background:#333
}
.mm-menu {
	color:rgba(255,255,255,0.6)
}
.mm-menu .mm-list>li:after {
	border-color:rgba(0,0,0,0.15)
}
.mm-menu .mm-list>li>a.mm-subclose {
	background:rgba(0,0,0,0.1);
	color:rgba(255,255,255,0.3)
}
.mm-menu .mm-list>li>a.mm-subopen:after,.mm-menu .mm-list>li>a.mm-subclose:before {
	border-color:rgba(255,255,255,0.3)
}
.mm-menu .mm-list>li>a.mm-subopen:before {
	border-color:rgba(0,0,0,0.15)
}
.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),.mm-menu .mm-list>li.mm-selected>span {
	background:rgba(0,0,0,0.1)
}
.mm-menu .mm-list>li.mm-label {
	background:rgba(255,255,255,0.05)
}
.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,.mm-menu.mm-vertical .mm-list li.mm-opened>ul {
	background:rgba(255,255,255,0.05)
}
html.mm-opened.mm-opening .mm-page,html.mm-opened.mm-opening #mm-blocker,html.mm-opened.mm-opening .mm-fixed-top,html.mm-opened.mm-opening .mm-fixed-bottom {
	left:80%
}
.mm-menu {
	width:80%
}
@media all and (max-width:175px) {
	.mm-menu {
		width:140px
	}
	html.mm-opened.mm-opening .mm-page,html.mm-opened.mm-opening #mm-blocker,html.mm-opened.mm-opening .mm-fixed-top,html.mm-opened.mm-opening .mm-fixed-bottom {
		left:140px
	}
}
@media all and (min-width:550px) {
	.mm-menu {
		width:440px
	}
	html.mm-opened.mm-opening .mm-page,html.mm-opened.mm-opening #mm-blocker,html.mm-opened.mm-opening .mm-fixed-top,html.mm-opened.mm-opening .mm-fixed-bottom {
		left:440px
	}
}
html.mm-nooverflowscrolling.mm-opened {
	height:auto;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:scroll
}
html.mm-nooverflowscrolling.mm-opened body {
	overflow:auto
}
html.mm-nooverflowscrolling.mm-opened .mm-page {
	min-height:1000px;
	position:fixed
}
html.mm-nooverflowscrolling.mm-opened .mm-menu {
	height:auto;
	min-height:1000px;
	overflow:auto;
	overflow-x:hidden;
	position:relative;
	left:auto;
	top:auto
}
html.mm-nooverflowscrolling.mm-opened>.mm-panel {
	position:relative;
	height:auto;
	display:none;
	left:0
}
html.mm-nooverflowscrolling.mm-opened>.mm-panel.mm-current {
	display:block
}
html.mm-opened.mm-light .mm-page {
	box-shadow:0 0 10px rgba(0,0,0,0.3)
}
.mm-ismenu.mm-light {
	background:#f3f3f3
}
.mm-menu.mm-light {
	color:rgba(0,0,0,0.6)
}
.mm-menu.mm-light .mm-list>li:after {
	border-color:rgba(0,0,0,0.1)
}
.mm-menu.mm-light .mm-list>li>a.mm-subclose {
	background:rgba(255,255,255,0.6);
	color:rgba(0,0,0,0.3)
}
.mm-menu.mm-light .mm-list>li>a.mm-subopen:after,.mm-menu.mm-light .mm-list>li>a.mm-subclose:before {
	border-color:rgba(0,0,0,0.3)
}
.mm-menu.mm-light .mm-list>li>a.mm-subopen:before {
	border-color:rgba(0,0,0,0.1)
}
.mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen),.mm-menu.mm-light .mm-list>li.mm-selected>span {
	background:rgba(255,255,255,0.6)
}
.mm-menu.mm-light .mm-list>li.mm-label {
	background:rgba(0,0,0,0.03)
}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>a.mm-subopen,.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>ul {
	background:rgba(0,0,0,0.03)
}
.mm-menu.mm-light .mm-search input {
	background:rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.6)
}
.mm-menu.mm-light li.mm-noresults {
	color:rgba(0,0,0,0.3)
}
.mm-menu.mm-light em.mm-counter {
	color:rgba(0,0,0,0.3)
}
.mm-menu.mm-light .mm-list li.mm-label>div>div {
	background:rgba(0,0,0,0.03)
}
.mm-menu.mm-light .mm-header {
	border-color:rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.3)
}
.mm-menu.mm-light .mm-header a:before {
	border-color:rgba(0,0,0,0.3)
}
html.mm-opened.mm-white .mm-page {
	box-shadow:0 0 10px rgba(0,0,0,0.3)
}
.mm-ismenu.mm-white {
	background:white
}
.mm-menu.mm-white {
	color:rgba(0,0,0,0.6)
}
.mm-menu.mm-white .mm-list>li:after {
	border-color:rgba(0,0,0,0.1)
}
.mm-menu.mm-white .mm-list>li>a.mm-subclose {
	background:rgba(0,0,0,0.08);
	color:rgba(0,0,0,0.3)
}
.mm-menu.mm-white .mm-list>li>a.mm-subopen:after,.mm-menu.mm-white .mm-list>li>a.mm-subclose:before {
	border-color:rgba(0,0,0,0.3)
}
.mm-menu.mm-white .mm-list>li>a.mm-subopen:before {
	border-color:rgba(0,0,0,0.1)
}
.mm-menu.mm-white .mm-list>li.mm-selected>a:not(.mm-subopen),.mm-menu.mm-white .mm-list>li.mm-selected>span {
	background:rgba(0,0,0,0.08)
}
.mm-menu.mm-white .mm-list>li.mm-label {
	background:rgba(0,0,0,0.03)
}
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>a.mm-subopen,.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>ul {
	background:rgba(0,0,0,0.03)
}
.mm-menu.mm-white .mm-search input {
	background:rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.6)
}
.mm-menu.mm-white li.mm-noresults {
	color:rgba(0,0,0,0.3)
}
.mm-menu.mm-white em.mm-counter {
	color:rgba(0,0,0,0.3)
}
.mm-menu.mm-white .mm-list li.mm-label>div>div {
	background:rgba(0,0,0,0.03)
}
.mm-menu.mm-white .mm-header {
	border-color:rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.3)
}
.mm-menu.mm-white .mm-header a:before {
	border-color:rgba(0,0,0,0.3)
}
html.mm-opened.mm-black .mm-page {
	box-shadow:none
}
.mm-ismenu.mm-black {
	background:black
}
.mm-menu.mm-black {
	color:rgba(255,255,255,0.6)
}
.mm-menu.mm-black .mm-list>li:after {
	border-color:rgba(255,255,255,0.2)
}
.mm-menu.mm-black .mm-list>li>a.mm-subclose {
	background:rgba(255,255,255,0.25);
	color:rgba(255,255,255,0.3)
}
.mm-menu.mm-black .mm-list>li>a.mm-subopen:after,.mm-menu.mm-black .mm-list>li>a.mm-subclose:before {
	border-color:rgba(255,255,255,0.3)
}
.mm-menu.mm-black .mm-list>li>a.mm-subopen:before {
	border-color:rgba(255,255,255,0.2)
}
.mm-menu.mm-black .mm-list>li.mm-selected>a:not(.mm-subopen),.mm-menu.mm-black .mm-list>li.mm-selected>span {
	background:rgba(255,255,255,0.25)
}
.mm-menu.mm-black .mm-list>li.mm-label {
	background:rgba(255,255,255,0.15)
}
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>a.mm-subopen,.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>ul {
	background:rgba(255,255,255,0.15)
}
.mm-menu.mm-black .mm-search input {
	background:rgba(255,255,255,0.3);
	color:rgba(255,255,255,0.6)
}
.mm-menu.mm-black li.mm-noresults {
	color:rgba(255,255,255,0.3)
}
.mm-menu.mm-black em.mm-counter {
	color:rgba(255,255,255,0.3)
}
.mm-menu.mm-black .mm-list li.mm-label>div>div {
	background:rgba(255,255,255,0.15)
}
.mm-menu.mm-black .mm-header {
	border-color:rgba(255,255,255,0.2);
	color:rgba(255,255,255,0.3)
}
.mm-menu.mm-black .mm-header a:before {
	border-color:rgba(255,255,255,0.3)
}
.mm-menu li strong {
	background-color:white;
	background-repeat:no-repeat;
	color:#202020;
	cursor:auto;
	display:block;
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:20px;
	line-height:20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	text-align:left;
	text-decoration:none solid #202020;
	text-overflow:ellipsis;
	white-space:nowrap
}
.mm-menu.mm-top {
	width:100%
}
html.mm-top.mm-opened .mm-page,html.mm-top.mm-opened #mm-blocker {
	top:0
}
html.mm-top.mm-opened.mm-opening .mm-page,html.mm-top.mm-opened.mm-opening #mm-blocker,html.mm-top.mm-opened.mm-opening .mm-fixed-top,html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
	left:0
}
.mm-menu.mm-right {
	left:auto;
	right:0
}
html.mm-right.mm-opened .mm-page,html.mm-right.mm-opened #mm-blocker,html.mm-right.mm-opened .mm-fixed-top,html.mm-right.mm-opened .mm-fixed-bottom {
	left:auto;
	right:0
}
html.mm-right.mm-opened.mm-opening .mm-page,html.mm-right.mm-opened.mm-opening #mm-blocker,html.mm-right.mm-opened.mm-opening .mm-fixed-top,html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
	left:auto
}
.mm-menu.mm-bottom {
	width:100%;
	top:auto;
	bottom:0
}
html.mm-bottom.mm-opened .mm-page,html.mm-bottom.mm-opened #mm-blocker {
	bottom:0;
	top:auto
}
html.mm-bottom.mm-opened.mm-opening .mm-page,html.mm-bottom.mm-opened.mm-opening #mm-blocker,html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
	top:auto;
	left:0
}
.mm-menu.mm-top {
	height:80%
}
html.mm-top.mm-opening .mm-page,html.mm-top.mm-opening #mm-blocker,html.mm-top.mm-opening .mm-fixed-top {
	top:80%
}
html.mm-top.mm-opening .mm-fixed-bottom {
	bottom:-80%
}
@media all and (max-height:175px) {
	.mm-menu.mm-top {
		height:140px
	}
	html.mm-top.mm-opening .mm-page,html.mm-top.mm-opening #mm-blocker,html.mm-top.mm-opening .mm-fixed-top {
		top:140px
	}
	html.mm-top.mm-opening .mm-fixed-bottom {
		bottom:-140px
	}
}
@media all and (min-height:1100px) {
	.mm-menu.mm-top {
		height:880px
	}
	html.mm-top.mm-opening .mm-page,html.mm-top.mm-opening #mm-blocker,html.mm-top.mm-opening .mm-fixed-top {
		top:880px
	}
	html.mm-top.mm-opening .mm-fixed-bottom {
		bottom:-880px
	}
}
.mm-menu.mm-right {
	width:80%
}
html.mm-right.mm-opening .mm-page,html.mm-right.mm-opening #mm-blocker,html.mm-right.mm-opening .mm-fixed-top,html.mm-right.mm-opening .mm-fixed-bottom {
	right:80%
}
@media all and (max-width:175px) {
	.mm-menu.mm-right {
		width:140px
	}
	html.mm-right.mm-opening .mm-page,html.mm-right.mm-opening #mm-blocker,html.mm-right.mm-opening .mm-fixed-top,html.mm-right.mm-opening .mm-fixed-bottom {
		right:140px
	}
}
@media all and (min-width:550px) {
	.mm-menu.mm-right {
		width:440px
	}
	html.mm-right.mm-opening .mm-page,html.mm-right.mm-opening #mm-blocker,html.mm-right.mm-opening .mm-fixed-top,html.mm-right.mm-opening .mm-fixed-bottom {
		right:440px
	}
}
.mm-menu.mm-bottom {
	height:80%
}
html.mm-bottom.mm-opening .mm-page,html.mm-bottom.mm-opening #mm-blocker,html.mm-bottom.mm-opening .mm-fixed-bottom {
	bottom:80%
}
html.mm-bottom.mm-opening .mm-fixed-top {
	top:-80%
}
@media all and (max-height:175px) {
	.mm-menu.mm-bottom {
		height:140px
	}
	html.mm-bottom.mm-opening .mm-page,html.mm-bottom.mm-opening #mm-blocker,html.mm-bottom.mm-opening .mm-fixed-bottom {
		bottom:140px
	}
	html.mm-bottom.mm-opening .mm-fixed-top {
		top:-140px
	}
}
@media all and (min-height:1100px) {
	.mm-menu.mm-bottom {
		height:880px
	}
	html.mm-bottom.mm-opening .mm-page,html.mm-bottom.mm-opening #mm-blocker,html.mm-bottom.mm-opening .mm-fixed-bottom {
		bottom:880px
	}
	html.mm-bottom.mm-opening .mm-fixed-top {
		top:-880px
	}
}
html.mm-front.mm-opened .mm-page {
	top:0!important;
	right:0!important;
	bottom:0!important;
	left:0!important
}
.mm-menu.mm-front,.mm-menu.mm-next {
	-webkit-transition:none .8s ease;
	-moz-transition:none .8s ease;
	-ms-transition:none .8s ease;
	-o-transition:none .8s ease;
	transition:none .8s ease;
	-webkit-transition-property:top,right,bottom,left,-webkit-transform;
	-moz-transition-property:top,right,bottom,left,-moz-transform;
	-ms-transition-property:top,right,bottom,left,-o-transform;
	-o-transition-property:top,right,bottom,left,-o-transform;
	transition-property:top,right,bottom,left,transform
}
html.mm-front .mm-page,html.mm-front #mm-blocker {
	z-index:0
}
.mm-menu.mm-front {
	z-index:1;
	box-shadow:0 0 15px rgba(0,0,0,0.5)
}
html.mm-opened.mm-next .mm-page {
	box-shadow:none
}
html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next {
	left:0
}
.mm-menu.mm-top.mm-front,.mm-menu.mm-top.mm-next {
	left:0
}
html.mm-opening .mm-menu.mm-top.mm-front,html.mm-opening .mm-menu.mm-top.mm-next {
	left:0;
	top:0
}
.mm-menu.mm-right.mm-front,.mm-menu.mm-right.mm-next {
	left:auto
}
html.mm-opening .mm-menu.mm-right.mm-front,html.mm-opening .mm-menu.mm-right.mm-next {
	left:auto;
	right:0
}
.mm-menu.mm-bottom.mm-front,.mm-menu.mm-bottom.mm-next {
	top:auto;
	left:0
}
html.mm-opening .mm-menu.mm-bottom.mm-front,html.mm-opening .mm-menu.mm-bottom.mm-next {
	left:0;
	bottom:0
}
.mm-menu.mm-front,.mm-menu.mm-next {
	left:-80%
}
@media all and (max-width:175px) {
	.mm-menu.mm-front,.mm-menu.mm-next {
		left:-140px
	}
}
@media all and (min-width:550px) {
	.mm-menu.mm-front,.mm-menu.mm-next {
		left:-440px
	}
}
.mm-menu.mm-top.mm-front,.mm-menu.mm-top.mm-next {
	top:-80%
}
@media all and (max-height:175px) {
	.mm-menu.mm-top.mm-front,.mm-menu.mm-top.mm-next {
		top:-140px
	}
}
@media all and (min-height:1100px) {
	.mm-menu.mm-top.mm-front,.mm-menu.mm-top.mm-next {
		top:-880px
	}
}
.mm-menu.mm-right.mm-front,.mm-menu.mm-right.mm-next {
	right:-80%
}
@media all and (max-width:175px) {
	.mm-menu.mm-right.mm-front,.mm-menu.mm-right.mm-next {
		right:-140px
	}
}
@media all and (min-width:550px) {
	.mm-menu.mm-right.mm-front,.mm-menu.mm-right.mm-next {
		right:-440px
	}
}
.mm-menu.mm-bottom.mm-front,.mm-menu.mm-bottom.mm-next {
	bottom:-80%
}
@media all and (max-height:175px) {
	.mm-menu.mm-bottom.mm-front,.mm-menu.mm-bottom.mm-next {
		bottom:-140px
	}
}
@media all and (min-height:1100px) {
	.mm-menu.mm-bottom.mm-front,.mm-menu.mm-bottom.mm-next {
		bottom:-880px
	}
}
html.mm-front .mm-fixed-top,html.mm-front .mm-fixed-bottom,html.mm-opening.mm-front .mm-fixed-top,html.mm-opening.mm-front .mm-fixed-bottom {
	left:0;
	right:auto
}
html.mm-front .mm-fixed-top,html.mm-opening.mm-front .mm-fixed-top {
	top:0
}
html.mm-front .mm-fixed-bottom,html.mm-opening.mm-front .mm-fixed-bottom {
	bottom:0
}
html.mm-slide .mm-menu {
	-webkit-transition:-webkit-transform .8s ease;
	-moz-transition:-moz-transform .8s ease;
	-o-transition:-o-transform .8s ease;
	transition:transform .8s ease
}

/* own */
div.menue_portlet_container {
	visibility: collapse;
        width: 0;
	height: 0;
        margin-right: 0;
        border: 0
}
div.portlet_container {
	float: left;
	margin: 0;
	width: 100%
}
section.content {
	width: 0
}
}
/* Datei: "/static/css/materna_additional_stylesheet.css" media="screen" */
/*Standardseiten*/

.latestEvents {
padding-left: 0.9375em;
padding-right: 0.9375em;
margin-bottom: 30px;
}

.latestEvents ul {
margin: 0 -0.9375em;
}

.latestEvents p {
color: #555;
}

#searchResultIndex a, #searchResultIndexstrong {
    display: block;
    width: 5rem;
    height: 5rem;
    background-color: #EEEEEE;
    padding: 15px;
    color: #2D4B9B;
    text-align: center;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#searchResultIndex a:hover, #searchResultIndex a:focus, #searchResultIndex a:active {
    outline: 0;
    background-color: #2D4B9B;
    color: #fff;
    text-decoration: none;
}

.article-full .pagination-view ul li {

margin: 0 10px 10px 0;
}

.white.leistungen.multi-tab .light.content-wrapper .content-container> div {
overflow: auto;
}
.multi-tab .content-container .content h2 {
font-size: 1.4rem;
}

.sectionRelated .sectionRelated {
margin-bottom: 0;
margin-top: 4em;
padding-left: 0;
}

.stage .accordionHeader {
  font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
  font-size: 2.2rem;
  font-weight: normal;
  margin: 20px 20px 25px;
}

.stage .content .more a.ally-focus{
background-color: #EEEEEE!important;
color: #2D4B9B!important;
}
.accordion .pagination .prev, .accordion .pagination .next {
  width: 38px;
}
.accordion .toc-wrapper + .toc-wrapper .pagination {
  top: 233px;
}
.startseite .accordion {
position:relative;
}
.accordion .pagination {
right: 15px;
}
/* 3-Themen Variante der Stage -rkrusenb */
.accordion.brandaktuell .toc-wrapper + .toc-wrapper .pagination {
  top: 15px;
}
.accordion.brandaktuell .toc-wrapper + .toc-wrapper + .toc-wrapper .pagination {
  top: 15px;
}
.accordion.brandaktuell .toc-wrapper {
  max-height: 143px;
 position: relative;
}

.accordion.brandaktuell .toc-wrapper h2 {
margin: 20px 10px;
}

.accordion.brandaktuell .toc li {
padding: 0 20px 0 10px;
}
@media only screen and (max-width:768px){
  .accordion.brandaktuell .toc-wrapper{
    max-height: none;
  }
}
/* ENDE 3-Themen Variante Stage */

/* .startseite .accordion .content-wrapper .more {
position: absolute;
bottom: 2em;
}*/
section.content {
 position: relative;
}
/*
 float: right; 
padding-left: 0.9375em;
  padding-right: 0.9375em;
*/
section+.sidebar {
  float: right;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  position: relative;
  width: 33.3333%;
}
.startseite section + .sidebar {
   width: 33.3333%;
}
.startseite section + .sidebar .teaser-box, .startseite section .accordion {
   min-height: 430px;
}

.article-full .address,
.article-full .contactData {
margin-top: 1em;
font-size: 1.4px;
font-size: 1.4rem;
}

/*
.article-full figure, .article-full img {
height: auto!important;
}
*/

.article-full .links.originalgroesse,
.article-full .rechts.originalgroesse,
.article-full .rechts.originalgroesse,
.article-full .mitte.originalgroesse {
max-width: 100%;
}

.langLink {
  font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
  font-size: 1.3rem;
  line-height: 1;
  padding: 5px;
  background: #334f91;
  color: #fff;
  display: inline-block;
  margin-top: -2px;
  position: relative;
  top: -4px;
}
.langLink:hover,
.langLink:focus {
  background: #b9c0d0;
  color: #fff;
  text-decoration: none;
}

.article-full .toc h2 {
position: static;
height: auto;
width: auto;
}

.article-full figure.rechtsOhne  {
  margin-left: auto;
  width: auto;
}

.article-full .toc ul.toc{
display:none;
color: #fff;
}
.article-full .toc ul.toc a{
color: #fff;
}

.article-full .toc ul.toc a:hover{
background-color: #6379AB;
}

.article-full .toc {
  cursor: pointer;
  padding-top: 0px;
 background: #2D4B9B;
}

.article-full ul.toc {
  margin-top: 0;
}

.article-full .toc h2 {
padding-left: 15px;
padding-right: 25px;
padding-top: 10px;
display:inline-block;
margin-bottom: 0;
color: #fff;
background: #2D4B9B url(filter-open.gif) 100% 18px no-repeat;
margin-top: 0;
}
.article-full .toc h2.close {
  background-image: url(filter-close.gif);
}

dt {
  clear: left;
  display: block;
  float: left;
  font-weight: bold;
  padding-right: 0.5em;
}
#main section .teaser-2-spalig h1{
padding-left: 0.9375em;
padding-right: 0.9375em;
}
#main section div h1 {
padding-left: 0;
padding-right: 0;
}

#main .sidebar section div h1 {
margin-bottom: 0;
}

.PrintLogo {
display:none;
}

.docData .label {
    font-weight: bold;
}
.article-full h2 {
/*clear:both;*/
}

.clear {
clear: both;
}

.teaser-2-spalig .teaser, .teaser-2-spaltig .teaser{
width: 50%;
}

.teaser-1-spaltig .teaser{
width: 100%;
}

.twitter.teaser-1-spaltig .teaser{
border: 1px solid #eee;
padding: 1em;
}

#twitter-widget-0 .timeline .stream{
    width:100%!important;
}

.twitter.teaser-1-spaltig .more a {
    display: block;
    background-color: #EEEEEE;
    padding: 17px;
    text-align: center;
    font-size: 1.4rem;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-style: normal;
}

.twitter.teaser-1-spaltig .more a:hover,
.twitter.teaser-1-spaltig .more a:focus {
outline: 0;
background-color: #2D4B9B;
color: #fff;
}

.article-full table.links {
width: 100%;
max-width: 100%;
}
.multi-tab img,
#main img {
max-width: 100%;
}

.multi-tab form .select-box:first-child {
  padding-left: 0!important;
}

.multi-tab .content-wrapper .top {
  padding-left: 0;
  padding-bottom: 0;
}

.galleryshowbox h2 {
margin-top: 25px;
}

#main table.tablewithborder,
#main table.tablesorterwithborder {
  border: 1px solid #999;
  border-collapse: collapse;
  border-spacing: 0;
}

#main table.tablewithborder  th,
#main table.tablesorterwithborder th,
#main table.tablewithborder  td,
#main table.tablesorterwithborder td {
  border: 1px solid #999;
}

#main table.tablewithborder2 {
  border-bottom: 1px solid #eee;
  border-collapse: collapse;
  border-spacing: 0;
}

#main table.tablewithborder2  td {
  border: 1px solid #eee;
  vertical-align: top;
}

#main table.tablewithborder2  th {
  color: #fff;
  background-color: #2D4B9B;
  text-transform: none;
  padding: 6px;
  border: none;
}

/*Formular*/

.checkboxBox {
  width: auto;
margin-top: 1em;
}
#main form .checkboxBox .formLabel {
width: auto; float: left;
}

/*Externer Link*/
.externalLinkArticle .body-text {
margin-bottom: 3em;
}

/* Navigation */
#nav.has-level-4:not(.hide) .level-2 li.open a strong,
#nav.has-level-4:not(.hide) .level-3 li.open a strong {
  background-image: none;
  padding: 0;
}
#nav.has-level-4:not(.hide) .level-2 li.open .level-4 li a strong, #nav.has-level-4:not(.hide) .level-3 li.open .level-4 li a strong,
#nav-sub li li li a strong,
#nav-sub li a strong,
#nav-sub li li a strong,
#nav-meta a strong,
#nav-sub a strong,
#nav li a strong  {
  padding: 0px;
}

#nav-sub li li li li a, #nav-sub li li li li strong {
  padding-left: 100px;
}

#nav-sub li li li li li a, #nav-sub li li li li li strong {
  padding-left: 130px;
}
#nav-meta2 li a:hover, #nav-meta2 li a:active, #nav-meta2 li a:focus, #nav-meta2 li strong:hover, #nav-meta2 li strong:active, #nav-meta2 li strong:focus {
  background-color: #b9c0d0;
}

#nav li.mehrzeiligerTitel a, #nav li.mehrzeiligerTitel strong {
  padding: 29px 20px;
}

#nav .break {
display:block;
}

/* Mobile Navigation*/
.mm-list .lang-e a{
background: transparent url(icon-e_mobile.png) 20px 9px no-repeat;
padding-left: 40px;
}
.mm-list .lang-s a{
background: transparent url(icon-s_mobile.png) 20px 9px no-repeat;
padding-left: 40px;
}

#nav-meta a.menu-button {
  margin-right: 0;
}

/* Top-Bar*/
#top-bar .weather-data a {
  padding: 0;
}
#top-bar .weather-data a:hover,
#top-bar .weather-data a:focus {
  text-decoration: none;
}
#top-bar .weather-data:hover,
#top-bar .weather-data:hover a{
background-color: #96b9dc;
}
#top-bar .weather-data .weather-icon.icon-1 {
   background-image: none;
}

/* Weiße Line Hover bei Teaser gefixed*/
.teaser a{
padding: 4px 2px 2px;
}
.link-list a {
  padding: 20px 40px 20px 10px;
}
.events a {
  padding: 15px 0;
}

/* Inhaltsverzeichnis*/
.link-list .toc a {
  padding: 10px 15px 10px 40px;
}
footer section.site-index .box:not(.mod) ul {
   display: block;
}
footer section.site-index .box:not(.mod) h1 a {
  background-image:none;
}

/* search result*/
.firstPag {
clear: both;
display: block;
margin-top: 1rem;
}
.search-results .result-list {
  clear: both;
margin-bottom: 10px;
  padding: 0;
}
#search input {
  border: 1px solid #A6A7A9;
}
#search input[type="submit"] {
border: none;
}
#main .singleview form input,
#main .singleview form select,
#main .singleview form textarea {
padding: 0.5rem;
width: 80%;
}
#main .singleview form input.radio,
#main .singleview form input.checkbox {
width: auto;
}
#main .singleview form input.checkbox {
margin-right: 0.5em;
}
.formFieldcheckbox label {
margin-right: 1em;
}
#main .singleview form input.submit,
#main .singleview form input.reset {
  background: none repeat scroll 0 0 #EFEFEF;
  border: 1px solid #CCCCCC;
  font-size: 1.4rem;
  padding: 10px;
width: auto;
}
#main .singleview form .submit:hover,
#main .singleview form .reset:hover {
background: rgba(51, 78, 144, 0.95);
color: #fff;
}
#main .singleview form .formNote {
font-size: 1rem;
margin-bottom: 2em;
}
#main .singleview form fieldset {
border: 0;
padding: 0;
margin:0;
}
#main form .formLabel em {
font-style: normal;
}

/* Links*/

.downloadLink a,
a.download,
a.Publication {
background: transparent url(../images/downloadLink.svg) 100% 6px no-repeat;
padding-right: 40px;
}

/* Lightbox */
.showbox .text-content p.bu {
   font-size: 1.6rem;
}
/* Bildergalerie + Dossier */
.photogalleryDocuments {
padding: 0 40px;
float: left;
}
.photogalleryDocuments p {
float: left;
margin: 10px 0;
}
.photogalleryDocuments img {
  float: left;
  margin: 3px 20px 0 0;
}

div.illustration {
margin: 0 auto 2em auto;
position: relative;
}

.imggallery .pagination,
.dossier .pagination {
margin: 0 auto;
width: 15em;
}
.imggallery .start,
.dossier .start {
display:block;
font-size: 1.4rem;
padding: 13px;
text-align: center;
background-color: #EEEEEE;
margin: 0 20px;
}
.imggallery .back,
.imggallery .start,
.dossier .back,
.dossier .start  {
float:left;
}
.imggallery .forward,
.dossier .forward  {
float:left;
}
/* Bildergalerie ohne JS */
.no-js dl.photo {
  margin-bottom: 2.5em;
  min-height: 133px;
  position: relative;
}
.no-js .gallery-box .gallery-toc li,
.no-js .gallery-box-scroller .gallery-toc li {
  text-align: left;
}
.no-js .gallery-box .gallery-toc li dd,
.no-js .gallery-box-scroller .gallery-toc li dd {
  display: block;
  margin-bottom: 0.4em;
  margin-left: 237px;
}
.no-js .gallery-box .gallery-toc li dt,
.no-js .gallery-box-scroller .gallery-toc li dt {
  position: absolute;
}

/* Tabellen*/
/*
#main table {
  border-bottom: 1px dotted #999999;
  border-collapse: separate;
  border-spacing: 5px 0;
  font-size: 1.4rem;
  margin: 0 0 30px;
  text-align: left;
}
#main table thead th {
  border-bottom: 1px solid #666666;
  color: #666666;
  padding-bottom: 0;
  padding-top: 0;
  text-transform: uppercase;
}
#main table th {
  font-weight: bold;
}
#main  table thead th, .tab-box h3 {
  color: #999999;
  font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  font-weight: normal;
}
#main table th, #main table td {
  border-bottom: 1px dotted #999999;
  padding: 6px;
  text-align: left;
}
#main .multi-tab table th, #main .multi-tab table td {
vertical-align: top;
}
#main table tbody tr:last-child th, #main table tbody tr:last-child td {
  border-bottom: medium none;
}
table caption {
    display: block;
    height: 1px;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.FliesstextTabelle,
table.FormLayouts {
font-size: 1.4px;
font-size: 1.4rem;
  border-bottom: 1px solid #666666;
margin-bottom: 2em;
}
.FliesstextTabelle td,
table.FormLayouts td{
  border: 1px solid #666666;
  padding: 6px;
}
.FliesstextTabelle th,
table.FormLayouts th{
  border: 1px solid #666666;
  border-bottom: 2px solid #304A89;
  padding: 6px;
text-align: left;
}
th p,
.article-full th p {
margin: 0;
}
*/



.datalist {
  background-color: #FFF;
}
.multi-tab .content-wrapper .content .more a {
  background: #EEEEEE;
}

.withTeaser .content-container .teaser{
   display:block !important;
}
figcaption, .article-full figcaption {
  min-height: 2em;
}

.teaser-group .teaser figcaption {
padding-right: 0;
}

/* Downloads */
.service-detail .details .link-list a em{
  color: #FFFFFF;
  display:inline;
  font-style: italic;
}

.service-detail .details a {
   text-decoration: underline;
}

/** rkrusenb Aenderungen **/
/* Uebernahme redaktionelle Ergebnisse / Icons etc. */
.catcomplete-list .ExternalLink a {
  background: url(img/search/icon_external.gif) no-repeat scroll 5px 8px transparent;
}
.catcomplete-list .ExternalLink a.ui-state-focus {
  background: url(img/search/icon_external_w.gif) no-repeat scroll 5px 8px transparent;
}
.catcomplete-list .NavNode a {
background: url(img/search/icon_document.gif) 5px 8px no-repeat transparent;
}
.catcomplete-list .NavNode a.ui-state-focus {
background: url(img/search/icon_document_w.gif) 5px 8px no-repeat transparent;
}
.ui-menu .Publication a {
background: url(img/search/icon_download.gif) 5px 8px no-repeat transparent;
}
.ui-menu .Publication a.ui-state-focus {
background: url(img/search/icon_download_w.gif) 5px 8px no-repeat transparent;
}
/* Vorschlagssuche */
.fakeloading {
   min-height: 8em;
}
.ui-autocomplete-loading, .ui-autocomplete-fakeloading {
   background: url(ajax-loader.gif) no-repeat scroll right center white;
}
.catcomplete-list .dummy {
   display: none;
}
.catcomplete-list .ui-menu-item .ui-state-focus,
.catcomplete-list.ui-menu .ui-menu-item a.ExternalLink.ui-state-focus {
   background-color: #2D4B9B;
   color:#fff;
}
.catcomplete-list .themenkomplex + li a, .catcomplete-list li.tkchild a {
  margin-left: 13px;
  font-weight: normal;
  font-style: italic;
}
.catcomplete-list .link {
   font-weight: bold;
   /*font-style: italic;*/
}
.catcomplete-list .themenkomplex a {
   /*font-style: italic;
   font-weight: normal;*/
}
.catcomplete-list span.themenkomplex {
   display: block;
   color: black;
   font-weight: normal;
   font-style: italic;
}
.catcomplete-list span.themenkomplex span,
.catcomplete-list li.themenkomplex span {
   font-weight: bold;
   font-style: normal;
}
.catcomplete-list .ui-state-focus span.themenkomplex {
   color: white;
}
.catcomplete-list .link a {
   line-height: 1;
   background: url(img/search/icon_document.gif) 5px 5px no-repeat transparent;
}
.catcomplete-list .link a.ui-state-focus {
   background-image: url(img/search/icon_document_w.gif);
}
.catcomplete-list .themenkomplex + li a,
.catcomplete-list li.tkchild a {
   /*padding-top: 0em;*/
   background: url(img/search/icon_child.gif) no-repeat scroll 10px 7px transparent;
}
.catcomplete-list .themenkomplex + li a.ui-state-focus,
.catcomplete-list li.tkchild a.ui-state-focus {
   background-image: url(img/search/icon_child_w.gif);
}
#content .catcomplete-list {
   font-size: 10px;
   list-style: none outside none;
}
.catcomplete-list li {
   width: 100%;
}
#content .catcomplete-list li {
   background-image: none;
   margin: 0;
   padding: 0;
   width: 420px;
}
#content .catcomplete-list li a {
   font-size: 140%;
}
.catcomplete-list li a {
   line-height: 1.5;
   display: block;
   color: #202020;
   padding: 0.2em 0.4em 0.2em 1.5em;
}
.catcomplete-list li a .site {
   float: right;
   font-weight: normal;
}
  /* Vorschlagssuche: Abstände zwischen Rubriken*/
  .catcomplete-list .link.last {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
  }
  .catcomplete-list .link.last + li {
    margin-top: 1em;
  }

.slot.type-2 figcaption *,
.slot.type-2 .article-full figcaption * {
color: #fff;
}
/* Leistungssteckbrief Lade-Icon */
.content-wrapper .content-container {
   position: relative;
}
#lsb-loader {
  background-image: url(ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
/* Fachnutzer Navigation */
.js-on .non-js {
   display: none;
}
#top-bar input.non-js {
   float: right;
   width: 4em;
   padding: 17px;
}

/* iPad-Version der Flyout-Navigation - QuickFix(tm) */
#nav.has-level-3 .level-2 li.childs,
#nav.has-level-3 .level-2 li.childs li,
#nav.has-level-4 .level-2 li.childs,
#nav.has-level-4 .level-3 li.childs {
   display: block;
}

/* Twitter */

.materna-consent-box-twitter {
  min-height: 29em;
  position: relative;
}
.startseite .materna-consent-box-twitter {
  min-height: 27em;
}
.sidebar .materna-consent-box-twitter {
  min-height: 29em;
}
.materna-consent-box-twitter iframe {
  min-height: 22.5em !important;
  max-height: 22.5em;
  overflow: auto;
}
.startseite .materna-consent-box-twitter iframe {
  min-height: 20.5em !important;
  max-height: 20.5em;
}
.sidebar .materna-consent-box-twitter iframe {
  min-height: 22.5em !important;
  max-height: 22.5em;
}
.teaser.type-2 .teaser-box.materna-consent-box-twitter {
  padding-bottom: 5.1em;
}
.teaser .materna-consent-box-twitter a {
  display: inline-block;
}
.materna-consent-box-twitter img {
  display: block;
}
.materna-consent-box-twitter.consent-given .consent-infotext {
  display: none;
}
.materna-consent-box-twitter .consent-infotext p {
  font-size: 1.4rem;
}
.materna-consent-box-twitter .consent-byline .consent-control-revoke {
  display: none;
}
.materna-consent-box-twitter.consent-given .consent-control-revoke {
  /* size */
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  /* background, sprite with a "close" icon */
  background-image: url(close-sprite.svg);
  background-repeat: no-repeat;
  background-position: 19px 19px;
  /* positioning */
  position: absolute;
  right: 0;
}
.materna-consent-box-twitter .more,
.materna-consent-box-twitter .consent-byline {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  width: auto;
  margin: 0px;
}
.materna-consent-box-twitter .consent-byline a {
  display: block;
  background-color: #F2F4F6;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  padding: 17px;
}
.materna-consent-box-twitter.consent-given .consent-byline a {
  display: inline-block;
}

/* shariff */
body.startseite main>.slot:first-child>.row {
padding-bottom: 10px;
}
.article-full .shariff ul {
  margin: 0;
}
.materna-shariff {
  margin-top: -.9375em;
margin-bottom: 30px;

margin-top: 10px;
padding-right: 30px;
float: left; width: 100%;
}
#materna-shariff-bar-opener {
  color: #2d4b9b;
  float: right;

width: auto;
  margin-right: 0.9375em;
  padding-left: 20px;
  background: url(recommend.png) no-repeat;
  background-position: 0 2px;
-webkit-transition: margin 0.2s; /* Safari */
    transition: margin 0.3s;
}
#materna-shariff-bar-opener span {
  color: #2d4b9b;
}
#materna-shariff-bar-opener.opened {
  background: url(close-shariff.png) no-repeat;
  background-position: 0 0;
  overflow: hidden;
  margin-top: 9px;
  height: 30px;
  width: 30px;
  margin-left: 90px;
}
#materna-shariff-bar-opener.opened * {
  visibility: hidden;
  font-size: 0;
}
/* shariff customization */

footer section.services {
    padding-bottom: 20px;
}
footer .shariff .orientation-horizontal li {
  min-width: auto;
  max-width: 20%;
  margin-right: .9375em;
  margin-left: .9375em;
  margin-bottom: 0;
}
footer .shariff .orientation-horizontal {
  margin-top: -.9375em;
  margin-bottom: 20px;
}
.shariff .orientation-horizontal
.shariff .addthis a,
.shariff .diaspora a,
.shariff .facebook a,
.shariff .flattr a,
.shariff .googleplus a,
.shariff .info a,
.shariff .linkedin a,
.shariff .mail a,
.shariff .pinterest a,
.shariff .reddit a,
.shariff .stumbleupon a,
.shariff .twitter a,
.shariff .whatsapp a,
.shariff .xing a,
.shariff .tumblr a,
.shariff .threema a {
  background-color: #F2F4F6;
  color: #2D4B9B;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  transition: all .2s ease-in;
}
.shariff a * {
  color: inherit;
}
.shariff .addthis a:hover,
.shariff .diaspora a:hover,
.shariff .facebook a:hover,
.shariff .flattr a:hover,
.shariff .googleplus a:hover,
.shariff .info a:hover,
.shariff .linkedin a:hover,
.shariff .mail a:hover,
.shariff .pinterest a:hover,
.shariff .reddit a:hover,
.shariff .stumbleupon a:hover,
.shariff .twitter a:hover,
.shariff .whatsapp a:hover,
.shariff .xing a:hover,
.shariff .tumblr a:hover,
.shariff .threema a:hover {
  color: white;
}
.shariff .addthis a:hover {
  background-color: #f8694d;
}
.shariff .diaspora a:hover {
  background-color: #999;
}
.shariff .facebook a:hover {
  background-color: #3b5998;
}
.shariff .flattr a:hover {
  background-color: #7ea352;
}
.shariff .googleplus a:hover {
  background-color: #d34836;
}
.shariff .info a:hover {
  background-color: #2D4B9B;
}
.shariff .linkedin a:hover {
  background-color: #0077b5;
}
.shariff .mail a:hover {
  background-color: #999;
}
.shariff .pinterest a:hover {
  background-color: #bd081c;
}
.shariff .reddit a:hover {
  background-color: #ff4500;
}
.shariff .stumbleupon a:hover {
  background-color: #eb4924;
}
.shariff .twitter a:hover {
  background-color: #55acee;
}
.shariff .whatsapp a:hover {
  background-color: #5cbe4a;
}
.shariff .xing a:hover {
  background-color: #126567;
}
.shariff .tumblr a:hover {
  background-color: #36465D;
}
.shariff .threema a:hover {
  background-color: #333;
}

/* suche*/
.filter {
padding-top: 10px;
padding-bottom: 15px;
cursor: pointer;
}
.services-list .filter {
padding-bottom: 20px;
}
.filter h2 {
padding-left: 15px;
padding-top: 1px;
margin-bottom: 0;
}
.search-results .filter h2 {
padding-left: 15px;
padding-right: 25px;
display:inline;
margin-bottom: 0;
position: relative;
background: transparent url(filter-open.gif) 100% 13px no-repeat;
}
.search-results .filter h2.close {
  background-image: transparent url(filter-close.gif);
}
.searchString {
   font-weight:bold;
   font-style: normal;
   color: #2D4B9B;
}
.search-results .filter h2 span {
font-size: 145%;
position: absolute;
top: 10px;
}
.search-results .more-toggler {
display:none;
margin-top: 25px;
}

/* Suchergebnis Leistungen */

.services-list {
  padding-top: 40px;
}
.services-list  h1 {
  font-size: 1.6rem;
}
.services-list  .result-list {
  border-bottom: 1px solid #EEEEEE;
  margin: 0 0 40px;
  padding-top: 40px;
}
.services-list  .result-list li {
  border-top: 1px solid #EEEEEE;
}
.services-list  .result-list a {
  display: block;
  padding: 35px 15px;
}
.services-list  .result-list .meta {
  color: #777777;
}
.services-list  .result-list p {
  color: #525252;
}
.services-list  .result-list h2 {
  margin: 8px 0 15px;
}
.services-list  .result-list p {
  color: #525252;
}

.slot.type-2 .article-full ul li:before {
  background-image: url(square_weiss.png);
}

/* Leistungssteckbrief*/
.type-2 .description td,
.type-2 .description th {
  border-bottom: 1px solid #FFFFFF;
  font-size: 1.4rem;
  padding: 0.2em;
}
.type-2 .description th {
  font-weight: bold;
  border-bottom: 2px solid #FFFFFF;
text-align:left;
}
.service-detail .details .link-list a:hover *, .service-detail .details .link-list a:focus *{
  color: #2D4B9B;
}
/* Leistungsteaser */
/* leistungssteckbrief - additional styles for switchers in leistungsteasers */
.multi-tab.leistungsteaser .switcher .current-value,
.multi-tab.leistungsteaser .switcher .prev,
.multi-tab.leistungsteaser .switcher .next {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #DDDDDD;
  display: block;
  float: left;
  padding: 10px 0 11px;
  text-align: center;
}
.multi-tab.leistungsteaser .switcher .prev {
  background-image: url(arrow-left.svgz);
  background-repeat: no-repeat;
}
.multi-tab.leistungsteaser .switcher .next {
  background-image: url(arrow-right.svg);
  background-repeat: no-repeat;
}
.multi-tab.leistungsteaser .switcher .current-value {
  margin: 0 2%;
  overflow: hidden;
  width: 68%;
}
.multi-tab.leistungsteaser .switcher .prev,
.multi-tab.leistungsteaser .switcher .next {
  background-position: center center;
  text-indent: -9999em;
  width: 14%;
}
/*.multi-tab .tab-move-wrapper:before,
.multi-tab .tab-move-wrapper:after,*/
.multi-tab.leistungsteaser .switcher:before,
.multi-tab.leistungsteaser .select-wrapper form .select-box:before,
.multi-tab.leistungsteaser .tab-nav .icon-wrapper:before,
.multi-tab.leistungsteaser.white .content-wrapper.light > div:before,
.multi-tab.leistungsteaser .switcher:after,
.multi-tab.leistungsteaser .select-wrapper form .select-box:after,
.multi-tab.leistungsteaser .tab-nav .icon-wrapper:after,
.multi-tab.leistungsteaser.white .content-wrapper.light > div:after {
  clear: both;
  content: " ";
  display: table;
  visibility: hidden;
}
.multi-tab.leistungsteaser .switcher {
  float: left;
  white-space: nowrap;
  width: 30%;
}

/* Video */

.stage .video-js {
  margin: 0;
}
#nav-meta2 ul {
float: left;
}

/* Formulare*/
#main .singleview  form {
margin-top: 1em;
}
#main form .formLabel {
display:block;
width: 100%;
}
.formFieldcheckbox {
  /*float: left;
  padding-left: 6px;*/ */Führte zu fehlern im Kontaktformular*/
  padding-top: 2px;
}

.js .formFieldcheckbox input.checkbox {
-webkit-appearance: checkbox;
}

.js input[type="radio"] {
  -webkit-appearance: radio;
}

p.formHandle {
margin-top: 1em;
margin-bottom: 2em;
}

/* Glossar */
#glossaryIndex li {
display: inline;
}
#glossaryHits {
margin-top: 1em;
}

/* Service Navigation*/

#nav.has-level-1:not(.hide) #nav-meta2 li a, #nav.has-level-1:not(.hide) #nav-meta2 li strong {
    padding: 16px 20px;
}

#nav li.open ul {
  float: left;
  position: relative;
  width: 100%;
}

#nav .level-2.expandarea {
padding-right: 0;
}

#nav:not(.hide) ul,
#nav:not(.hide) ul ul {
padding: 10px 0 0 0 ;
}
#nav #nav-meta2 ul {
padding-top: 0;
}
#nav .level-3, #nav .level-4 {
top: 0;
}

#nav-meta2 li {
  background: none repeat scroll 0 0 rgba(51, 78, 144, 0.95);
  float: left;
  list-style: none outside none;
  margin: 1px 1px 0 0;
  height: 50px;
}
#nav-meta2 li a, #nav-meta2 li strong,
#nav.has-level-1:not(.hide) #nav-meta2 li a, #nav.has-level-1:not(.hide) #nav-meta2 li strong {
  display: block;
  font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 16px 20px;
  color: #fff;
}
#nav-meta2 li.lang-s a,
#nav-meta2 li.lang-s strong{
    background-image:url(../img/icons/lang-s.svg);background-repeat:no-repeat;
}
#nav-meta2 li.lang-e a,
#nav-meta2 li.lang-e strong{
    background-image:url(../img/icons/lang-e.svg);background-repeat:no-repeat;
}
#nav-meta2 li.icon a, #nav-meta2 li.icon strong {
  color: rgba(0, 0, 0, 0);
  font: 0px/0 serif;
  overflow: hidden;
  text-shadow: none;
}
#nav-meta2 li.icon a, #nav-meta2 li.icon strong,
#nav.has-level-1:not(.hide) #nav-meta2 li.icon a, #nav.has-level-1:not(.hide) #nav-meta2 li.icon strong {
  background-position: 50% 50%;
  min-height: 50px;
  min-width: 53px;
}
#nav-meta2 li.icon {
  width: 53px;
}
#nav-meta2 li.lang-e {
width: 85px;
}
#nav-meta2 li.lang-s {
width: 78px;
}

#nav-meta2,
#nav-meta2 .target-audience {
   display: none;
}
#nav-meta2 .target-audience fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
color: #fff;
}
#nav-meta2 .target-audience input {
  background: none repeat scroll 0 0 rgba(51, 78, 144, 0.95);
  border: 0 none;
  cursor: pointer;
  float: left;
  font-family: "DejaVuSansCondensed",Arial,Helvetica,sans-serif;
  font-size: 1.3rem;
  padding: 16px 20px;
  width: 100px;
height: 100%;
overflow: hidden;
}
#nav-meta2 .target-audience {
  background: none repeat scroll 0 0 rgba(51, 78, 144, 0.95);
  float: left;
  height: 50px;
  color: #fff;
}
#nav-meta2 .target-audience input {
  color: #fff;
}

#nav.has-level-3:not(.hide) .level-2 li.on strong {
  background-image: url(../img/icons/arrow-grey-left.svg);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  color: #333333;
  font-weight: bold;
  padding-left: 30px;
}
#nav-meta2 .target-audience span span {
  display: inline-block;
  padding: 15px 8px;
}
#nav-meta2 label{
  display: block;
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
#nav-meta2 .serviceLang a,
#nav.has-level-1:not(.hide) #nav-meta2 li.serviceLang a, #nav.has-level-1:not(.hide) #nav-meta2 li.serviceLang strong {
padding:16px 55px 16px 55px;
}
#nav.has-level-1:not(.hide) #nav-meta2 li.icon a, #nav.has-level-1:not(.hide) #nav-meta2 li.icon strong  {
  color: rgba(0, 0, 0, 0);
  font: 0px/0 serif;
  overflow: hidden;
  text-shadow: none;
}
#top-bar .weather-data .weather-temp {
  font-size: 2em;
  font-size: 2rem;
}

#nav-meta a.menu-button.js-active {
  background-image: none;
  color: #2D4B9B;
  font-size: 1.3em;
  font-size: 1.3rem;
  font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
padding: 40px 15px;
line-height: 1.4;
}

/* Leistungssteckbrief Selectboxen */

#main .content-wrapper form .Facetten40 {
width:39%;
}

#main .content-wrapper form .Facetten60 {
width:59%;
}

#main .content-wrapper form .Facetten80 {
width:79%;
}

#main .content-wrapper form .Facetten100 {
width:99%;
}

.content-wrapper form .facetteHeadline {
font-size:1.2rem;
}

.multi-tab.leistungen .icon-wrapper ul > li:nth-of-type(4n+1) {
clear:none;
}

.multi-tab.leistungen .icon-wrapper ul > li {
width:20%;
}

.multi-tab.leistungen .tab-nav .icon-wrapper .icon-reload{
   background-image:url(../img/icons/reload.svg);
   background-repeat:no-repeat;
}

.multi-tab.leistungen .tab-nav .icon-wrapper .icon:hover .icon-reload{
   background-image:url(../img/icons/reload-h.svg);
   background-repeat:no-repeat;
}

#top-bar.warning .weather-warning p.warning a{
  background-image:url(../img/icons/warning.svg);
  background-repeat:no-repeat;
  background-color:#e10019;
  font-weight:bold;
}

#top-bar.noWarning .weather-warning p.no-warning a{
  background-image:url(../img/icons/no-warning.svg);
  background-repeat:no-repeat;
  background-position:10px 38%;
  text-transform:uppercase;
  display:block;
  font-size:1.3rem;
  padding:6px 20px 16px 50px;
  font-weight:bold;
  text-align:left;
}

#top-bar.noWarning {
  max-height: 55.4px;
  border-top: 0px;
}

/* Service navigation Mobile */

.multi-tab.leistungen.white .content-wrapper > .content-container .content {overflow: visible;}

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

#top-bar.noWarning .weather-warning p.no-warning a{
  display:block;
  font: 0/0 serif;
  padding:0 0 0 35px;
  overflow: hidden;
  background-position: 0 38%;
}
   #nav-sub, #breadcrumbs nav{display:block}
.multi-tab.leistungen.white .content-wrapper > .content-container .content {overflow: auto;}

  #top-bar.noWarning .weather-warning p span {
    font:0px/0 serif;
    background-color:#47609B;
    padding:6px 0 16px 45px;
    background-position: 50% 50%;
    display: block;
    height:50px;
    width:53px;
  }

  #top-bar.noWarning {
  max-height:none;
  }

.multi-tab.leistungen.white .content-wrapper.noFacet {
 padding-bottom: 0;
}

.legal .links {
width: 100%;
}
}

@media only screen and (max-width: 1023px) and (min-width: 769px){

.accordion .content-wrapper {
  width: 60%;
}
.accordion .toc-container {
  width: 40%;
}

}

@media only screen and  (min-width: 569px) and (max-width: 599px) {

.latest-top li:not(:first-child) {
   display: block;
}

.search-btn {
position: static;
}

#top-bar .weather-data span.weather-icon {
  display: none;
}

section.services ul > li,
section.services ul > li, .filter > ul > li > ul > li{
  padding: 0;
  width: 33.3333%;
}
section.services ul > li:nth-of-type(n+1), .filter > ul > li > ul > li:nth-of-type(n+1) {
clear:none;
}
.teaser-2-spalig .teaser { width: 50%;}
.content-sidebar .sidebar section.teaser {width: 50%;}

.startseite .stage > .row > section, .startseite .stage .sidebar, .startseite main .row .teaser, .startseite main .row .multi-tab {
  float: left;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  position: relative;
  width: 50%;
}

#main .teaser-group .teaser {
width: 50%;
}
}

.services-list  h1 {
  font-size: 3rem;
  padding: 0 15px;
}

.services-list .service-search {
width: auto;
}

.services-list .result-list {
clear: both;
}
#main .teaser-group .clear {
display:none;
clear:none;
}

/* smartphone + Tablet hochkant*/
@media only screen and (max-width: 599px) {

#nav-sub, #breadcrumbs nav{display:none;}
.hide #nav-meta2 li {display:none;}
.datalist.datalist-target {  min-width: 10px; margin-left: -15px;}
.datalist-innerbox ul { max-height: 100%!important; }
header {margin-bottom: 0;}
.no-header-bg header {margin-bottom: 0;}
.content-sidebar .row{
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
}

.startseite header .stage {
   padding-bottom: 20px;
}

.sidebar .teaser h1 {
margin-bottom: 0;
}
section + .sidebar, section.content{
  float: left;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  width: 100%;
}
/*
  padding-left: 0.9375em;
  padding-right: 0.9375em;
*/

.article-full h1, .page-intro h1, .multi-tab h3 {
  font-size: 1.6em;
  font-size: 2rem;
}

#main .content-sidebar {
margin-top: 2em;
}

.page-intro {
  margin-top: 10px;
}
h1, h2, .teaser.warning h2, .article-full h2, .accordion h3, .accordion .toc-wrapper h2, .results .teaser h2 {
  font-size: 1.25em;
  font-size: 2rem;
}

footer section.site-index .box:not(.mod) h1 strong {
  color: #333;
  display: block;
  font-weight: bold;
  padding: 15px 30px 15px 10px;
}
   /* Mobile Navigation */
   .mm-menu li span strong, .mm-menu li a strong {
      padding: 0;
      background-color: transparent;
      cursor: inherit;
   }
   .nonMobile section{
      display: none;
   }
   #nav-meta2.nonMobile {
      display: none;
   }

/* Unwetter Warnung */

  #top-bar.noWarning .weather-warning p span {
    font:0px/0 serif;
    background-color:#47609B;
    padding:6px 0 16px 45px;
    background-position: 50% 50%;
    display: block;
    min-height:98px;
    min-width:65px;
  }

  #top-bar.noWarning {
  max-height:none;
  }

}

/* desktop Tablet*/
@media only screen and (min-width: 600px){
.latestEvents li {
width: 50%;
}

/* Teaser 1spaltig, kleinesBild*/

.teaser.withLImage {
width: 100%;
clear: both;
}
.teaser.withLImage a{
float: left;
width: 100%;
}

.teaser.withLImage .picture {
   float: left;
margin-right: 10px;
margin-bottom: 5px;

max-width: 200px;

}

/* Teaser 1spaltig, kleinesBild - Ende*/

.filter > ul > li > ul > li{
  padding: 0;
  width: 100%;
}
   #menu {
      display: none;
   }
}

.multi-tab.leistungen.white .content-wrapper > .content-container .content {
  font-size: 14px;
}
.content-container pre {
white-space: pre-wrap;
line-height: 1;
}
.multi-tab.leistungen.white .content-wrapper > .content-container .content {
  text-align: left;
padding: 1em 0.8em;
}
/****
 * Anpassung an den Abständen im Leistungskatalog
 ****/
.services-list .filter {
  margin-bottom: 20px;
}
.services-list .result-list {
  padding-top: 0px;
}
.services-list .result-list a {
  padding: 15px;
}
.services-list .result-list a h2 {
  margin-top: 0;
}
/****
 * Anpassung der Facetten-Comboboxen (Ticket: DWDI-189)
 ****/
.datalist li,
.datalist.datalist-facetbox li {
  background-color: #F5F5F5;
}
.datalist.datalist-target li,
.datalist.datalist-facetbox li.js-checked,
.datalist.datalist-facetbox li.js-selected {
    background-color: #2D4B9B;
}
/****
 * Link zur Expertensuche in Leistungskatalog (Ticket: DWDI-181)
 ****/
#main .services-list .searchLink .hint {
  margin-bottom: 10px;
}
#main .services-list .searchLink .search-btn{
    background-color: #EEEEEE;
    display: block;
    font-size: 1.4rem;
    font-style: normal;
    padding: 17px;
    text-align: center;
    transition: all 0.2s ease-in 0s;
    float: none;
}
/****
 * Hervorherbung der Toggle-Boxen in Facetten (Ticket :DWDI-178)
 ****/
.filter .toggle-dropdown ul {
  border-color: #6379AB;
  border-style: solid;
  border-width: 5px 15px 15px;
  margin: 0;
  padding-right: 0px;
  max-width: auto;
width: 100%!important;
position: relative!important;
}
.filter .toggle-dropdown li a {
  border-bottom: 0;
}

.filter .toggle-dropdown ul ul {
border-right-width: 0;
border-bottom-width: 5px;
}

.filter .toggle-dropdown ul ul  h4 > span,
.filter .toggle-dropdown ul ul  a > span {
  background-color: #6379ab;
}

/* fachnutzer Icons*/

.link-list .navFachnutzerEnergiewirtschaft a,
.link-list .navFachnutzerForschungUndLehre a,
.link-list .navFachnutzerForschungUndLehre a,
.link-list .navFachnutzerGesundheit a,
.link-list .navFachnutzerHobbymeterologen a,
.link-list .navFachnutzerLandwirtschaft a,
.link-list .navFachnutzerLuftfahrt a,
.link-list .navFachnutzerSchifffahrt a,
.link-list .navFachnutzerSchulen a,
.link-list .navFachnutzerKatastrophenschutz a,
.link-list .navFachnutzerMeteorologischeDienstleister a,
.link-list .navFachnutzerWasserwirtschaft a  {
  background-position: 10px 50%;
  padding-left: 60px;
background-repeat: no-repeat;
}
.link-list .navFachnutzerEnergiewirtschaft a {
  background-image: url(energiewirtschaft);
}
.link-list .navFachnutzerKatastrophenschutz a {
  background-image: url(katastrophenschutz);
}
.link-list .navFachnutzerMeteorologischeDienstleister a {
  background-image: url(met_dienstleister);
}
.link-list .navFachnutzerForschungUndLehre a {
  background-image: url(forschungundlehre);
}
.link-list .navFachnutzerGesundheit a {
  background-image: url(gesundheit);
}
.link-list .navFachnutzerHobbymeterologen a {
  background-image: url(hobbymeteorologen);
}
.link-list .navFachnutzerLandwirtschaft a {
  background-image: url(landwirtschaft);
}
.link-list .navFachnutzerLuftfahrt a {
  background-image: url(luftfahrt);
}
.link-list .navFachnutzerSchifffahrt a {
  background-image: url(schifffahrt);
}
.link-list .navFachnutzerSchulen a {
  background-image: url(schulen);
}
.link-list .navFachnutzerWasserwirtschaft a {
  background-image: url(wasserwirtschaft);
}
/****
 * LSBSuche - alle Filter aufheben in Suchergebnisliste darstellen
 ****/
.services-list .resetFacets {
    background-color: #2D4B9B;
    float: right;
    line-height: 1rem;
    padding: 1em;
}
.services-list .resetFacets .delete-all {
    color: #fff;
}
/****
 * Expertensuche - alle Facetten aufheben in Suchergebnisdarstellung
 ****/
.services-list .resetFacets.expertSearch {
  line-height: 1.7rem;
}
@media only screen and (max-width: 768px) {
  .services-list .resetFacets.expertSearch {
    line-height: 1rem;
    margin-bottom: .9375em;
  }
}

/**** Facetten****/

.filter h4, .filter a {
  padding: 0;
}

.filter > ul > li {
  margin: 0 15px 20px 15px;
}

.filter  h3 {

  background: url(toggle-down.svg) no-repeat scroll 100% 41% rgba(0, 0, 0, 0);
  margin: 0 39px 20px 0;
  padding: 0;
}

.filter h3.active {
  background-image: url(toggle-up.svg);
}

.filter h3 {
  background-size: 19px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #6379ab;
padding-bottom:  0.5em;
}
.filter.selected h3 {
  background-image: none;
  border-bottom: 0;
}
/****
 * Leistungssteckbrief ohne MultiTab konsumierbar über zwei Spalten anzeigen
 ****/
.multi-tab.grossesbild .content-wrapper .content {
  width: 100%;
}
/****
 * Anzeige statsiches Element in LS-Einzelansicht optimiert
 ****/
.multi-tab.leistungen.white .content-wrapper > .content-container.static {
  background-color: #fff;
  padding: 11px;
}
.multi-tab.leistungen.white .content-wrapper > .content-container.static figure img {
  display: block;
  margin: 0 auto;
}
.multi-tab.leistungen.white .content-wrapper > .content-container.static figure figcaption p{
  color: #000;
  font-size: 1.4rem;
  line-height: 1.5em;
}

.multi-tab form .select-box .combobox input, .result-search form .select-box .combobox input {
  font-size: 1.4rem;
}

.multi-tab h3 {
  font-size: 2.2rem;
}

#main .multi-tab .data table td {
white-space: nowrap;
}
/****
 * Thema des Tages-Archiv
 ****/
.content.service-detail .headline, .result-search .search.thema-des-tages {
  width: 100%;
 }
.results .thema-des-tages li figure {
    float: right;
    margin: 0 0 1em 1em;
    width: 33%;
}
.results .thema-des-tages li {
  clear: both;
}
.result-list.thema-des-tages a:after {
  clear: both;
  content: " ";
  display: block;
}
/****
 * FIX Überschrift über Leistungssteckbriefe
 ****/
.content.service-detail .leistungen .headline.related-ents {
  width: 75%;
}

/****
 * Ergänzende Leistungen über TeaserImContentNurBild
 ****/
.content .multi-tab.wrapper.relatedServicesSwitcher {
  border: 1px solid #eee;
  background-color: #F8F9F9;
  margin: 0 0 40px 0;
  padding: .9375em;
}
.content .multi-tab.wrapper.relatedServicesSwitcher .select-wrapper:after {
  content: " ";
  display: block;
  clear: both;
  margin-bottom: 10px;
}
.content .leistungsteaser.grossesbild .select-wrapper {
  width: 40%;
  float: right;
}

.content .multi-tab.wrapper .select-wrapper {
float: left;
width: 100%;
}
.content .multi-tab.wrapper .select-wrapper form .select-box {
  float: right;
}
.content .multi-tab.wrapper .select-wrapper:after {
  clear: both;
  content: " ";
  display: table;
  visibility: hidden;
}
.content .leistungsteaser.grossesbild .select-wrapper form .select-box {
  width: 100%;
}
.content .multi-tab.wrapper .multi-tab.leistungsteaser.grossesbild {
  margin: 0;
  padding: 0;
}

footer section.site-index h1 {
  white-space: normal;
}
/****
 * Lightbox in Multitabs
****/
.startseite main .multi-tab .content-wrapper .content a.big-img-link.img-wrapper {
  display: inline;
  padding: 0;
  position: static;
}

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

.multi-tab.leistungen.white .select-wrapper,
.multi-tab.leistungen.white .content-wrapper .top {
  position: static;
}
.multi-tab.leistungen.white .content-wrapper {
padding-bottom: 0;
margin-top: 0;
}

}

@media only screen and (min-width: 600px) {
#nav-meta2 { display: block; margin-bottom: 30px; float:left;}
#nav-meta2 .target-audience, #nav-meta2 li{ display: block;}
}

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

#top-bar #nav section,
#nav-meta2 {
display:none;
}
}

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

.relatedServicesSwitcher .multi-tab .content-wrapper {
margin-top: 0;
}

  .teaser-2-spalig .teaser { width: 100%;}
  main,
  .no-header-bg main {
    margin-top: 15px;
  }
  #sitewrapper main {
    margin-top: 0;
  }
  .search-btn {
    position:static;
  }
  .content .leistungsteaser.grossesbild .select-wrapper {
    width: 100%;
  }
}

/* Seite mit großem Inhaltsbereich*/
@media only screen and (min-width: 961px){
  .bigContent .row{
    max-width: 960px;
  }
  .bigContent section + .sidebar{
    width: 200px;
  }
  .bigContent section.content {
    width: 760px;
  }
}

/* Anpassung ausgewählte Filter LSB-Suche (TICKET DWDI-274) */
.filter.selected li {
    padding-bottom: 0.75em;
}
.filter.selected li:last-child {
  padding-bottom: 0;
}
.filter.selected a {
    display: block;
}
.filter.selected a > span {
    background-position: 95% 0.95em;
    display: inline-block;
    height: auto;
    line-height: 1.5em;
    padding-bottom: 0.75em;
    padding-top: 0.75em;
}
.filter.selected a.on > span.facetName {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    display: block;
    font-size: 75%;
    height: auto;
    line-height: 1em;
    padding: 0;
}
/* Sprachumschaltung in Leistungssteckbriefen (TICKET DWDI-241) */
.leistungen .langLink {
    background-color: #b9c0d0;
    color: #334f91;
}
.leistungen .langLink:hover,
.leistungen .langLink:focus {
    background-color: #334f91;
    color: #ffffff;
}

/* Multitab Blätterlinks */
.multi-tab .tab-toc a {
  padding: 14px 11px;
}
.multi-tab .tab-toc a.on {
  padding-top: 11px;
}
.multi-tab .tab-nav-wrapper .pagination .prev .arrow, .multi-tab .tab-nav-wrapper .pagination .next .arrow {
  background-position: 5px -5%;
}
.multi-tab .tab-nav-wrapper .pagination .next .arrow {
  background-position: 17px 9%;
}

/* IMGMap Startseitenteaser */
.imgmap.teaser img {
  max-width: none;
  width: inherit;
}

.imgmap.teaser .teaser-box {
  text-align: center;
}

.imgmap.teaser .teaser-box .more {
padding-bottom: 0;
}

.latest.type-2 .teaser-box p {
  padding-top: 0;
}

.teaser h2, .mod h3, .teaser.twitter p, .tab-box.social .content p, .multi-tab.white h3 {
  font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
}
/****
 * DWD-240 Bild auf volle Breite des MultiTabs
 ****/
.multi-tab .content-wrapper .content.imgOnly {
  width: 100%;
  margin: 0;
  padding: 0;
}
.content-wrapper .content-container .row .multi-tab {
  margin-bottom: 0;
}

/* Selectboxen Unwetterwarnung*/
.select-box .combobox span {
  background-image: url(../img/icons/arrow-sprite.svg);
  background-repeat: no-repeat;
}
/* fuer Fachnutzer Hintergrundbild wieder ausschalten */
.target-audience .select-box .combobox span {
  background-image: none;
}
.thema-des-tages .select-box .combobox span {
  background-position: 9px 51%;
  background-repeat: no-repeat;
  border-left: 1px solid #ddd;
  display: block;
  height: 98%;
  position: absolute;
  right: 1px;
  text-indent: -9999em;
  top: 1px;
  width: 30px;
}

form .thema-des-tages .select-box .combobox {
  cursor: pointer;
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  width: 100%;
}
form .thema-des-tages .select-box {
  float: left;
  padding-left: 0;
  width: 80%;
margin-bottom: 2em;
}
#main form .thema-des-tages .combobox input {
  background-color: transparent;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 10px 9px 11px;
  width: 100%;
}

/****
 * DWD-275 Visitenkartendarstellung für Employee
 ****/
.row .vcard {
    display: table;
    width: 100%;
    word-spacing: -1em;
    margin-bottom: 30px;
}
.row .vcard .vcard-image{
max-width: 33%;
}
.row .vcard .vcard-image .picture {
max-width: 100%;
}
.row .vcard .vcard-image,
.row .vcard .vcard-content {
    display: inline-block;
    padding: 0 0.935em;
    width: 50%;
    word-spacing: 0;
    vertical-align: top;
}
.row .vcard .vcard-content .vcard-description {
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
    font-size: 1.1em;
}
.row .vcard .vcard-content .vcard-name {
    font-size: 1.3em;
    font-weight: bold;
}

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

.row .vcard .vcard-image {
max-width: 100%;
float: none;
width: 100%;
}
.row .vcard .vcard-image .picture{
width: 100%;
max-width: 100%;
}
.row .vcard .vcard-image, .row .vcard .vcard-content {
  width: 100%;
}

}

p.navToTop a {
font-size: 1.4rem;
color: #2D4B9B;
background-position: 100% 50%;
padding: 25px 32px 25px 0;
}
.article-full p.navToTop {
padding-bottom:0;
}
.article-full p.navToTop a:hover, .article-full p.navToTop a:active, .article-full p.navToTop a:focus {
  background-color: transparent;
}
p.navToTop a:hover, p.navToTop a:active, p.navToTop a:focus {
  background-color: transparent;
background-position: 100% 50%;
  color: #2D4B9B;
  padding: 25px 32px 25px 0;
  text-decoration: underline;
}

figcaption p, .article-full figcaption p {
  font-size: 1.3rem;
  font-style:italic;
}
.teaser img {
  margin: 0;
  width: 100%;
}

/* Flyout einspaltig*/

@media only screen and (min-width: 1023px)
{
#nav li {
  position: relative;
}
#nav .flyout-box-group {
  background-color: transparent;
  box-shadow: none;
}
#nav .flyout-box {
  width: 30rem;
}
#nav .flyout-box ul li {
  width: 100%;
}
#nav .flyout-box ul li a, #nav .flyout-box ul li strong {
  margin: 0;
}
#nav:not(.hide) ul ul {
  padding: 10px;
}
#nav .flyout-box ul {
  display: block;
  margin: 20px 0 10px;
  padding: 0 0 0 14px;
}

#nav .flyout-box {
box-shadow:  0 5px 8px -3px rgba(0,0,0,0.5);
}
.FlyoutLinks .flyout {
  left: auto;
}

}

#nav li strong:hover, #nav li strong:active, #nav li strong:focus{
  background: none repeat scroll 0 0 #fff;
  color: #333;
  text-decoration: none;
}

/* Kontaktdaten Navigationsspalte*/

.sidebar address .label {
display: block;
float: left;
width: 4em;
}

.sidebar address strong {
margin-bottom: 1em;
display:block;
width: 100%;
}

.sidebar address .website {
margin-top: 1em;
}
.sidebar address .value {
display: block;
}
#main .sidebar address a {
display: inline;
background-image: none;
padding: 0;
}
.sidebar address div {
clear: both;
}

/* Teminteaser Navigationsspalte*/

.sidebar .eventList a{
padding-left: 0;
padding-right: 0;
background-image: none;
}

.sidebar .eventList a .date{
font-size: 1.2rem;
padding-bottom: 4px;
}

/* Linkliste im Contentbereich*/
.article-full section.link-list ul  {
  margin: 0;
}
.article-full section.link-list ul li::before {
  background: none;
}

.flyout {
  z-index: 100000;
}

div.paragraph,
div.paragraph p {
  font-size: 1.4rem;
  line-height: 1.5;
}
.startseite .teaser.warning h2 {
  padding-top: 5px;
}

/* Teaser Im Content im Multi-Tab */
.multi-tab .content-container .teaser {
width: 100%;
}

/* Download Liste Subsite*/
.teaser-box li.pJF .author {
font-size: 1.2rem;
text-transform: uppercase;
}
.teaser-box li.pJF em {
font-size: 1.2rem;
font-style: normal;
}
.teaser-box li.pJF a {
font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
font-weight: bold;
}

/*Teaser im Multitab (Subsite)*/
.ticml,
.startseite #main .ticml {
padding:0;
position:static;
}
.startseite main .ticml .teaser-box {
position:static;
}

.ticml .more {
color:#2D4B9B;
cursor:pointer;
}
.ticml .more:hover,
.ticml .more:focus{
color:#fff;
}

/* Logo Liste Subsite */

ul.logos {
   padding-left: .9375em;
  margin-bottom: 3em;
  float: left;
  width: 100%;
}
h2.nSD {
   padding-left: .9375em;
   padding-right: .9375em;
}
ul.logos li {
   float: left;
   display:block;
   max-width: 33.3%;
   margin-right: .9375em;
   margin-bottom: .9375em;
   width: 12.9em;
   min-height: 169px;
   text-align: center;
  padding: 1em;
  border: 1px solid #eee;
}

figure.picture figcaption p span.ImageTitle + span.source,
.a11y-wrapper .showbox-box .copy span.ImageTitle + span.source {
  font-size: 1.2rem;
  padding-left: 10px;
}
figure.picture figcaption p span.source {
  font-size: 1.2rem;
}
/****
 * Button für den Contentbereich
 ****/
.content .contentButton {
    float: right;
    margin-right: 5em;
    width: 15em;
    background-color: #2C4B98;
    color: #fff;
    padding: 0.5em;
    text-align: center;
}
/****
 * Styling Aktuelle Wetterlage auf der Startseite
 ****/
#buehneTop .teaser-box a pre {
    color: #555555;
}
/****
 * Accordion im Content
 ****/
section .row .accordionContainer {
  float: left;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  margin: 0 0 30px;
  position: relative;
  width: 100%;
}
section .row .accordionContainer h2 {
  border-bottom: 1px dotted #cccccc;
  margin: 0;
  padding: 20px 50px 20px 10px;
  background-image: url(arrow-grey-down);
  background-repeat: no-repeat;
  background-position: 98% 35px;
  clear: both;
}
section .row .accordionContainer h2:first-child {
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
}
section .row .accordionContainer h2.open {
  border-bottom: 0 none;
background-image: url(arrow-grey-up)
}
section .row .accordionContainer .teaser.accordionContent {
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 20px;
  padding: 0 0 0 10px;
  width: 100%;
}
section .row .accordionContainer .teaser.accordionContent p {
  padding: 0;
  margin: 20px 0;
}
/****
 * Stylen des Logout-Button in der Navigationsspalte
 ****/
.sidebar .row .logoutButton {
    margin: 0 auto 40px;
    width: 12em;
}
.sidebar .row .logoutButton a {
    background-color: #2D4B9B;
    color: #ffffff;
    padding: 1em;
    display: inline-block;
    text-align: center;
    width: 10em;
}

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

/* Leistungssteckbrief Selectboxen im Smartphone und Tablet Portrait immer 100% */

#main .content-wrapper form .Facetten40,
#main .content-wrapper form .Facetten60,
#main .content-wrapper form .Facetten80,
#main .content-wrapper form .Facetten100  {
width: 100%;
}

.content.service-detail .multi-tab .select-wrapper,
.content.service-detail .leistungen .headline.related-ents {
width: 100%;
}

}

.article-full .pagination-index ul li::before {background-image: none;}

/* Stage Fullscreenbutton; erzwingen, diesen anzuzeigen. zuvor wurde der Button im IE11 in der stage nicht angezeigt*/

 .jwfullscreen {

display:block!important;
}
/****
 * Mehrspaltige Darstellung für NAS-Inhalte
 ****/
.leistungen table.mehrspaltig.links,
.paragraph table.mehrspaltig.links {
  float: left;
  width: auto;
}
.leistungen table.mehrspaltig.rechts,
.paragraph table.mehrspaltig.rechts {
  float: none;
  width: auto;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
.leistungen table.mehrspaltig.rechts,
.paragraph table.mehrspaltig.rechts {
  float: right;
}
}

.mm-list .lang-e ul a,
.mm-list .lang-s ul a,
.mm-list .lang-e a.mm-subopen,
.mm-list .lang-s a.mm-subopen
{ background-image: none; }

.showbox .multimedia-box-wrapper img {
height: auto;
}

/****
 * Direkte Downloadlinks in Suchergebnissen (DWDI-530)
 ****/
.services-list .result-list .downloadLink a {
    padding-top: 0;
    padding-left: 40px;
    background-position: 15px 6px;
}


/* Datei: "/static/css/styles_additional_nologo.css" media="screen" */
* {
   word-spacing: 0;
}

@media only screen and (max-width: 599px) {
  .startseite header {
    min-height: auto;
  }
  #sitewrapper main,
  body.startseite main  {
    margin-top: 0;
  }
  #nav li {
    width: 20%;
  }
  #nav section > ul {
    display: inline-block;
  }
  #nav section > ul::after {
    display: block;
    content: " ";
    font-size: 0;
    height: 0;
    clear: both;
  }
  #nav-meta a.menu-button {
    display: none;
  }
  #sitewrapper #nav-meta .menu-button {
   display: block;
  }
}

@media only screen and (max-width: 1023px) {
  #nav h1 a {
    max-width: 72px;
    min-width: 42px;
    background-position: url(../images/logo.png) 0 0 no-repeat 
  }
}

@media only screen and (min-width: 599px) {
  .site-index .box{
    width: 24.66667%;
  }
}

@media only screen and (min-width: 600px){
  #nav h1 {
    top: 57px;
    border-bottom: none
  }

  #top-bar.noWarning {
    max-height: 55.4px;
  }

  header {
    min-height: 290px !important;
  }
  .no-header-bg header {
    min-height: 0 !important;
  }
}

#nav-meta .menu-button {
   display: none;
}
main {
  margin-top: -120px;
}

#top-bar.warning {
  border-top: 5px solid #FFAB17;
}

#nav ul.level-1 a,
#nav ul.level-1 strong {
  padding: 0;
  height: 100px;
  width: 154px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

#nav ul.level-1 ul a,
#nav ul.level-1 ul strong {
  padding: 20px 10px;
  height: auto;
  width: 100%;
  text-align: left;
  display: block;
}

#nav:not(.hide) ul.level-1 {
   padding: 0;
}

#nav li {
   background: rgba(242,244,246,0.8);
   height: 200px;
}

footer section.legal {
   padding: 22px 0 22px 0;
}

footer .legal a  * {
   color: inherit;
}


footer section.legal .info div {
    background-image: url(../images/adler.png);
    background-repeat: no-repeat;
}

/* twocolumn-text */
.twocolumn-text {
   display: inline-block;
   font-size: 0.9em;
   word-spacing: 0;
   padding: 0px 15px 25px;
}

.twocolumn-text h1 {
   font-size: 1.5em;
}

.twocolumn-text-column {
   width: 50%;
   float: left;
}

.twocolumn-text-column:first-of-type {
   font-weight: bold;
   padding-right: 20px;
}