/*Standardseiten*/

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

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

.latestEvents p {
color: #555;
}

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

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

.article-full .pagination-view ul li {

margin: 0 10px 10px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.PrintLogo {
display:none;
}

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

.clear {
clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*Formular*/

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

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

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

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

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

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

#nav .break {
display:block;
}

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

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

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

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

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

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

/* Links*/

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

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

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

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

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

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

th p,
.article-full th p {
margin: 0;
}
/* Unterstuetzung fuer das tablesorter plugin */
.tablesorter.no-stretch {
  width: auto;
}
  /* Aenderungen fuer das "default" theme */
  .tablesorter-default .tablesorter-header-inner {
     padding-right: 15px;
  }

/* Multitabs*/

.multi-tab.leistungen.white .content-wrapper > .content-container .content {
line-height:20px;
background-color: #fff;
border-bottom: 1px solid #2B4A92;
border-top: 1px solid #2B4A92;
}

.multi-tab.leistungen.white .content-wrapper > .content-container .data{
color:#fff;
padding:1em 0 1em 0;
}
.multi-tab.leistungen.white .content-wrapper > .content-container .data {
color: #000;
}

.multi-tab figcaption p, .multi-tab .article-full figcaption p {
  color: #fff;
  padding: 0.5em;
}
figcaption .zoom, figcaption .zoom-click, .article-full figcaption .zoom, .article-full figcaption .zoom-click {
  top: 3px;
}
.multi-tab.white p {
  padding-bottom: 0.5em;
}

/* .multi-tab .light img {
width: 100%;
}*/
.leistungen.multi-tab .light img {
width: auto;
margin-top: 5px;
}

.multi-tab .content-wrapper {
  background-color: #FFF;
  border: 1px solid #EEEEEE;
}

.multi-tab .content-wrapper .content-wrapper {
  border: 0;
  margin-top: 0;
}
.multi-tab.leistungen.white .content-wrapper form .select-box {
  min-width: 19%;
  width: auto;
  margin-bottom: 11px;
}

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

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

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

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

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

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

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

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

/* Twitter */

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

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

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

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

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

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

/* Suchergebnis Leistungen */

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

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

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

/* Video */

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

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

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

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

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

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

/* Service Navigation*/

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

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

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

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

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

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

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

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

/* Leistungssteckbrief Selectboxen */

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

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

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

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

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

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

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

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

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

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

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

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

/* Service navigation Mobile */

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

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

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

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

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

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

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

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

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

}

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

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

.search-btn {
position: static;
}

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

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

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

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

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

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

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

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

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

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

.sidebar .teaser h1 {
margin-bottom: 0;
}
section + .sidebar, section.content{
  float: left;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  position: relative;
  width: 100%;
}
.article-full h1, .page-intro h1, .multi-tab h3 {
  font-size: 1.6em;
  font-size: 2rem;
}

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

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

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

/* Unwetter Warnung */

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

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

}

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

/* Teaser 1spaltig, kleinesBild*/

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

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

max-width: 200px;

}

/* Teaser 1spaltig, kleinesBild - Ende*/

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

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

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

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

/* fachnutzer Icons*/

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

/**** Facetten****/

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

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

.filter  h3 {

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

/* Flyout einspaltig*/

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

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

}

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

/* Kontaktdaten Navigationsspalte*/

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

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

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

/* Teminteaser Navigationsspalte*/

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

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

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

.flyout {
  z-index: 100000;
}

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

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

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

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

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

/* Logo Liste Subsite */

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

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

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

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

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

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

}

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

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

 .jwfullscreen {

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

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

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

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