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 .logo,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: 3rem;
    font-family: "DejaVuSans-ExtraLight",Arial,Helvetica,sans-serif;
    font-weight: normal
}
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
}
footer section.social-services .twitter .logo {
    background-image: url(../images/footer-twitter.svgz);
    background-repeat: no-repeat
}
footer section.social-services .facebook .logo {
    background-image: url(../images/footer-facebook.svgz);
    background-repeat: no-repeat
}
footer section.social-services .flickr .logo {
    background-image: url(../images/footer-flickr.svgz);
    background-repeat: no-repeat
}
footer section.social-services .youtube .logo {
    background-image: url(../images/footer-youtube.svgz);
    background-repeat: no-repeat
}
footer section.social-services .twitter:hover .logo,footer section.social-services .twitter:active .logo,footer section.social-services .twitter:focus .logo {
    background-image: url(../images/footer-twitter-h.svgz);
    background-repeat: no-repeat
}
footer section.social-services .facebook:hover .logo,footer section.social-services .facebook:active .logo,footer section.social-services .facebook:focus .logo {
    background-image: url(../images/footer-facebook-h.svgz);
    background-repeat: no-repeat
}
footer section.social-services .flickr:hover .logo,footer section.social-services .flickr:active .logo,footer section.social-services .flickr:focus .logo {
    background-image: url(../images/footer-flickr-h.svgz);
    background-repeat: no-repeat
}
footer section.social-services .youtube:hover .logo,footer section.social-services .youtube:active .logo,footer section.social-services .youtube:focus .logo {
    background-image: url(../images/footer-youtube-h.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: .9375em;
    padding-right: .9375em;
    width: 41.66667%;
    float: left
}
.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-left: .9375em;
    padding-right: .9375em;
    width: 33.33333%;
    float: left
}
.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: 13px 0 0 20px
}
.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: 1023px) {
    #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
    }
    .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
    }
}
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 .logo {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    background-position: 50% 50%;
    background-size: 100% 100%;
    margin: 2px 10px 20px 0
}
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 .logo {
        width:45px;
        height: 45px
    }
    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
}
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 {
    float: none;
    margin-bottom: 30px
}
.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: 20px 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.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%;
}