/* Webfont einbinden und auf Seite anwenden */
@font-face {
    font-family: 'Cera Pro';
    src: url('/res/ism/font/CeraPro/CeraPro-Regular.ttf');
    font-style: 'regular';
    font-weight: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/res/ism/font/CeraPro/CeraPro-Thin.ttf');
    font-style: 'regular';
    font-weight: 300;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/res/ism/font/CeraPro/CeraPro-Bold.ttf');
    font-style: 'regular';
    font-weight: bold;
}

body {
    font-family: 'Cera Pro' !important;
    font-style: regular;
    font-size: 14px;
    background: none;
}
/* Ende Webfont einbinden und auf Seite anwenden */

/* Für Seiten mit Voicereader */
.vrweb_player_main {
    float: right;
    z-index: 100;
}
.modHeader div.header-navigation ul li div.vrweb_player_main a {
    display: contents;
}
/* Anpassung für Voicereader UI Version 20 */
button.VR20S_h_button_play:focus {
    background-image: url('/res/ism/js/voicereader20/buttons/black/play.png') !important;
}
button.VR20S_h_button_pause:focus {
    background-image: url('/res/ism/js/voicereader20/buttons/black/pause.png') !important;
}
button.VR20S_h_button_previous:focus {
    background-image: url('/res/ism/js/voicereader20/buttons/black/prev.png') !important;
}
button.VR20S_h_button_next:focus {
    background-image: url('/res/ism/js/voicereader20/buttons/black/next.png') !important;
}
button.VR20S_h_button_config:focus {
    background-image: url('/res/ism/js/voicereader20/buttons/black/config.png') !important;
}
button.VR20S_h_player_button:focus {
    border-color: #000 !important;
    background-color: #000 !important;
}


/* Header anpassen */
.modHeader div.logo a, .modHeader div.logo img {
    height: 60px;
}

.modHeader div.extra a, .modHeader div.extra img {
    height: 110px !important;
}

.modHeader div.logo img {
    max-height: 120px;
}

.modHeader section#modHeaderStage ul li figure>div figcaption {
    clear: left;
    color: #fff;
    height: 100%;
    /* background-image: url('/mam/header/bogen.png'); */
    background-color: #3e9ac5;
    opacity: 0.4;
}
.modHeader section#modHeaderStage ul li figure>div {
    top: 0;
    left: 0;
    bottom: 0;
    width: 330px;
}
.modHeader section#modHeaderStage ul li figure>div figcaption h2 {
    font-size: 25pt;
    font-weight: normal;
    border-bottom: none;
    padding-left: 15px;
    overflow: hidden;
    color: white;
}
.controls {
    display: none !important;
}
.modHeader section#modHeaderStage ul li figure>div figcaption a::before {
    content: "> ";
}
.modHeader section#modHeaderStage ul li figure>div figcaption h2::before {
    content: "";
}
.modHeader div.header-navigation .header-navigation-fixed.fix {
    position: initial;
}
.modHeader section#modHeaderStage ul li figure>div figcaption h2 small {
    display: none !important;
}
.modHeader section#modHeaderStage ul li figure>div div.controls button.next, .modHeader section#modHeaderStage ul li figure>div div.controls button.prev, .modHeader section#modHeaderStage ul li figure>div div.controls button.play, .modHeader section#modHeaderStage ul li figure>div div.controls button.pause {
    display: none;
}

.headerTeaser {
    width: 300px;
    overflow: hidden;
}

.headerTeaser h2 {
    font-size: 22pt;
    color: #fff;
    padding-left: 16px;
    padding-top: 12px;
}
/* Ende Header anpassen */


/* Helperleiste/Suchfeld verschieben und anpassen */
.modHeader div.header-navigation .header-navigation-fixed {
    margin-left: 523px;
}
.modHeader div.header-navigation .header-navigation-fixed.fix {
    width: 592px;
}
.modHeader div.header-navigation ul li.accessibility a {
    background-image: none !important;
    background-color: #000;
}
.modHeader div.header-navigation ul li.accessibility a:hover {
    background-image: none !important;
    background-color: #fff;
    color: #000;
}
/* Ende Helperleiste/Suchfeld verschieben und anpassen */


/* Navigation der ersten Ebene anpassen */
div.modMainNavigation {
    margin-bottom: 30px;
}
.modMainNavigation ul.nav-level-1>li>a {
    border-left: none;
    border-right: none;
    background: none;
    color: #000;
    border-bottom: solid #3e9ac5;
    height: auto;
    min-height: 76px;
    padding-left: 0;
}
.contrastMode .modMainNavigation ul.nav-level-1>li>a {
    background: #000;
    color: #fff;
    padding-left: 5px;
    border-bottom: solid #fff;
}

.modMainNavigation ul.nav-level-1>li>a:active, .modMainNavigation ul.nav-level-1>li>a:focus, .modMainNavigation ul.nav-level-1>li>a:hover {
    background: none;
    color: #3e9ac5;
    border-bottom: solid #000;
}
.modMainNavigation ul.nav-level-1>li {
    margin-left: 5px;
    margin-right: 5px;
}
.modMainNavigation ul.nav-level-1>li:first-child {
    margin-left: 0;
}
.modMainNavigation ul.nav-level-1>li:last-child {
    margin-right: 0;
}

.modMainNavigation ul.nav-level-1>li.active>a {
    color: #3e9ac5;
    background: none;

}
.modMainNavigation ul.nav-level-1>li.hover>a {
    color: #3e9ac5;
    background: none;

}
.modMainNavigation ul.nav-level-1>li.active>a {
    border-bottom: solid #000;
}
.contrastMode .modMainNavigation ul.nav-level-1 > li.active > a {
    font-weight: 700;
}
/* Ende Navigation der ersten Ebene anpassen */


/* Navigation der zweiten Ebene anpassen */
.modMainNavigation ul.nav-level-2 {
    background: none;
}
.modMainNavigation ul.nav-level-2>li>a {
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    background: none;
    color: #000;
    border-bottom: solid #3e9ac5 1px;
    height: 37px;
    padding-left: 0;
}
.modMainNavigation ul.nav-level-2>li>a {
    border-bottom: solid #000 1px;
}
.modMainNavigation ul.nav-level-2>li {
    margin-left: 0;
    margin-right: 10px;
    background: none !important;
}
.modMainNavigation ul.nav-level-2>li:first-child {
    margin-left: 0;
}
.modMainNavigation ul.nav-level-2>li:last-child {
    margin-right: 0;
}


.modMainNavigation ul.nav-level-2>li.active>a {
    color: #3e9ac5;
    background: none;
    border-bottom: solid #000 1px;
}
.contrastMode .modMainNavigation ul.nav-level-2 > li.active > a {
    color: #000;
    border-bottom: solid #000 3px;
}
/* Ende Navigation der zweiten Ebene anpassen */


/* Seitennavigation anpassen */
.modSidebarNavigation ul.nav-level-1>li>a {
    border-bottom: solid #3e9ac5 1px;;
    font-weight: 300;
    color: #000;
    padding-left: 0;
    margin-bottom: 1px;
}
.contrastMode .modSidebarNavigation ul.nav-level-1 > li > a {
    border-bottom: solid #000 1px;;
    font-weight: 500;
    color: #000;
    padding-left: 0;
}
/* Ende Seitennavigation anpasen */


/* Footer anpassen */
.modFooter {
    background: none;
}
.modFooter a, .modFooter a:hover {
    color: #000;
}

.modFooter ul {
    border-top: solid 1px #3e9ac5;
    padding-top: 10px;
    text-align: center;
}
.contrastMode .modFooter ul {
    border-top: solid 1px #fff;
}
.modFooter ul li {
    color: #000;
    vertical-align: top;
}
.contrastMode .modFooter ul li {
    color: #fff;
    vertical-align: top;
}
.contrastMode .modFooter ul li {
    border-right: solid 1px #333;
}

.modFooterSocial {
    background: none;
    color: #3f3f3f;
}
.modFooterSocial a.footer-instagram::before {
    color: #3f3f3f;
}
.modFooterSocial a.footer-facebook::before {
    color: #3f3f3f;
}
/* Ende Footer anpassen */

/* Aktuelle Meldungen auf Homepage anpassen */
.modCurrent ul li:after {
    border-bottom: none;
}
.modCurrent ul li figure a img {
    max-width: 80%;
}
/* Ende Aktuelle Meldungen auf Homepage anpassen */

/* PM-Archiv anpassen */
.modDates table tbody tr td, .modDates table tbody tr th {
    background-color: #fff;
}
/* Ende PM-Archiv anpassen */

/* Kurzlinks */
.modSidebarShortlinks ul li, .modSidebarShortlinks ul li h3 a, .modSidebarShortlinks ul li h3 a:hover {
    background-color: inherit;
}
.modSidebarShortlinks img {
    width: inherit;
    height: inherit;
    padding-bottom: 0.5em;
}
.modSidebarShortlinks a:hover img {
    outline: none !important;
}
.modSidebarMinistry ul li a {
    display: inline;
}
.modSidebarShortlinks ul li a.more {
    font-weight: bold;
    color: #3e9ac5;
    display: initial;
}
.contrastMode .modSidebarShortlinks ul li a.more {
    color: #000;
}
.contrastMode .modSidebarShortlinks ul li a:hover {
    color: #fff;
}
.modSidebarShortlinks ul li::after {
    border-bottom: none;
}
.modSidebarShortlinks ul li h3 {
    font-size: 150%;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 .5em;
    text-transform: none;
}
.modSidebarShortlinks ul li p {
    padding: 0 .5em 8px 0em !important;
}
.modSidebarShortlinks ul li {
    border-bottom: none;
}
.modSidebarShortlinks h2 {
    text-transform: none;
}

/* Ende Kurzlinks */

/* Suchfeld */
.contrastMode .modHeader form .ym-searchfield:hover, .contrastMode .modHeader form .ym-searchfield:active {
    border: 3px solid #000;
    color: #000;
}
.contrastMode .modHeader form .ym-searchfield {
    color: #000;
    border: 3px solid #000;
    font-weight: 400;
}
.contrastMode ::placeholder {
    color: #000;
    opacity: 1;
}
.contrastMode ::-ms-input-placeholder {
    color: #000;
}
.contrastMode .modHeader form .ym-searchbutton::before {
    color: #000;
}
.contrastMode .modHeader form .ym-searchbutton {
    color: #000;
}

/* Ende Suchfeld */

/* Akordeons */
.modSidebarSubject .toggle-box {
    color: #000;
    background-color: #fff;
}
.modSidebarSubject .toggle-title {
    display: block;
    margin: 0;
    border: 1px solid #000;
    border-bottom-color: rgb(0, 141, 201);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: solid 1px #000;
    cursor: pointer;
    font-size: 113%;
    overflow: hidden;
    color: #000;
    background-color: #fff;
}
.modSidebarSubject .toggle-title a::before {
    color: #000 !important;
}
.contrastMode .modSidebarSubject .toggle-title a::before {
    color: #fff !important;
}
.contrastMode .modSidebarSubject .toggle-title a:hover:before {
    color: #000 !important;
}
.contrastMode .modSidebarSubject .toggle-title a:active:before, .contrastMode .modSidebarSubject .toggle-title a:focus:before {
    color: #000 !important;
}
.modSidebarSubject .toggle-title:active, .modSidebarSubject .toggle-title:focus {
    background-color: #fff;
}
#main [tabindex]:focus, #main a:focus, #main button:focus, #main label:focus {
    background-color: #fff !important;
    color: #000 !important;
}
.modSidebarSubject .toggle-title .button, .modSidebarSubject .toggle-title a, .modSidebarSubject .toggle-title button {
    color: #000;
}
.modSidebarSubject .toggle-box ul a {
    color: #3e9ac5;
}
.modSidebarSubject .toggle-box a:hover {
    background: none;
}
.modSidebarSubject .toggle-content {
    border: 1px solid #000;
}
.modSidebarSubject .toggle-content li > a.icon::before {
    float: left;
    font-size: 1.3em;
    line-height: 1.3em;
}
/* Ende Akordeons */

/* Bildergalerien */
.modGalerie>.box {
    background: none;
}
.modGalerie .es-carousel-wrapper {
    border: 1px solid #000;
}
#cboxClose::before, #cboxSlideshow::before {
    color: #3e9ac5;
}
.download::before {
    font-family: custom-icon-font;
    content: "\e815  ";
    color: #3e9ac5;
}

.es-carousel ul {
    list-style: none;
}
/* Ende Bildergalerien */

/* Seitenübergreifende Formatierung */

/* h1::before{
    content: "_ ";
} */

h1 {
    text-transform: uppercase;
    margin: 0 0 .5em;
}
h2 {
    text-transform: uppercase;
    font-size: 100%;
}
h1, h2 {
    color: #000;
}

a.top {
    display: block;
    text-align: right;
    font-weight: 300;
}
a.top::before {
    content: "\2227";
    color: #3e9ac5;
}

.contrastMode a.top::before {
    content: "\2227";
    color: #000;
}
.contrastMode a.top {
    font-weight: 600;
}

[data-role="date"] {
    font-weight: bold;
    border-bottom: solid 1px #3e9ac5;
}

[data-role="date"] a.more::before {
    content: '' !important;
}

.modCurrent h2 {
    text-transform: none;
}

.modCurrent h3 a {
    color: #3e9ac5;
}

.modCurrent h3 a.more:hover{
    color: #000;
}
.modCurrent h3 a.more::before {
    content: none !important;
}

.modCurrent ul li h3 {
    margin: 0 0 0.4em;
    font-size: 150%;
}

.modCurrent ul li a.more:before {
    content: none !important;
    font-weight: bold;
    color: #3e9ac5;
}
.modFooter .button:hover, .modFooter a:hover, .modFooter button:hover {
    color: #3e9ac5;
    background: none;
}
.modCurrent span.time::before {
    content: "\00a0\00a0|\00a0\00a0  ";
    color: #3e9ac5;
}

.modContent div.teaser {
    display: grid;
}

.ym-form {
    background-color: #fff;
}
/* Ende Seitenübergreifende Formatierung */

.ym-form div.ym-fbox-button, .ym-form div.ym-fbox-check, .ym-form div.ym-fbox-text, div.ym-fbox-select {
    padding: 0;
}

.modForm .ym-form .acc-title {
    border: solid 1px #000;
}
.modForm .ym-form .acc-title a {
    margin-top: 0;
}
.modForm a:before, .modForm a:active:before, .modForm a:focus:before {
    color: #3e9ac5!important;
}
.modForm .ym-form .ym-searchfield {
    padding: 0 0.3em 0 1em;
}
.modForm .ym-form .ym-searchbutton:before {
    color: #3e9ac5;
}
.modForm .ym-form .ym-searchbutton {
    margin-right: -1.5em;
}

.modForm .ym-form .ym-grid {
    border: #000 1px solid;
    width: 99.8%;
}
.ym-form .ym-fbox-check input, .ym-form input[type=checkbox], .ym-form input[type=radio] {
    margin-left: 1em;
}
.ym-form input[type=submit] {
    color: #3e9ac5;
    background-color: #fff;
    font-weight: 700;
}
.ym-form input[type=submit]:hover {
    background-color: #3e9ac5;
    color: #fff;
}

/* Linkbox und Kontaktbox*/
.modSidebarLinkbox h3 {
    text-transform: uppercase;
    font-weight: 300;
}
.contrastMode .modSidebarLinkbox h3 {
    text-transform: uppercase;
    font-weight: 700;
}
.modSidebarLinkbox a {
    color: #3e9ac5;
    text-decoration: none;
}
.contrastMode .modSidebarLinkbox a {
    color: #000;
    text-decoration: none;
}

.modSidebarLinkbox li>a::before {
    content: "> ";
}

.modSidebarLinkbox a:hover {
    color: #000;
    text-decoration: none;
}
.contrastMode .modSidebarLinkbox a:hover {
    color: #000;
    text-decoration: underline;
}
.modSidebarLinkbox {
    margin-bottom: 2em;
}
.modSidebarLinkbox img {
    width: inherit;
}
/* Ende Linkbox und Kontaktbox*/

/* Angebote Teaser Sidebar */
.modSidebarAngeboteTeaser p {
    margin-bottom: 0;
}
.modSidebarAngeboteTeaser img {
    width: 300px;
    padding: 1em 0 0 0;
}
.modSidebarAngeboteTeaser h3 {
    text-transform: uppercase;
    font-weight: 300;
}
/* Ende Angebote Teaser Sidebar */

/* Ansprechpartner (Contentbereich) */
div.apTable {
    display: table;
    border-collapse:collapse;
    margin-bottom: 0.3em;
}
div.apTableRow {
    display:table-row;
}
div.apTableCell {
    display:table-cell;
    padding:5px 5px 5px 0;
    vertical-align: top;
    min-width: 80px;
}

.ap_h3_mit_kreisname {
    margin-top: 1.5em !important;
    margin-bottom: 1em !important;
    font-size: 100%;
}

.ap_h3_ohne_kreisname {
    margin-top: 2em !important;
    margin-bottom: -1em !important;
    text-transform: uppercase;
    font-size: 100%;
    text-decoration: underline;
}
/* Ende Ansprechpartner (Contentbereich) */

/* Ansprechpartner Overlay */
#ap_box {
    position: fixed;
    display: none;
    width: 250px;
    height: 110px;
    /*line-height: 40px;*/
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1); /* Black background with opacity */
    z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    color: #000;
    padding: 10px 5px;
}
#ap_box span {
    vertical-align: middle;
}

/* Ende Ansprechpartner Overlay */

/* CSS für tablesorter */
/*************
  Blue Theme
 *************/
/* overall */
.tablesorter-blue {
    width: 100%;
    background-color: #fff;
    margin: 10px 0 15px;
    text-align: left;
    border-spacing: 0;
    border: #cdcdcd 1px solid;
    border-width: 1px 0 0 1px;
}
.tablesorter-blue th,
.tablesorter-blue td {
    border: #cdcdcd 1px solid !important;
    border-width: 0 1px 1px 0 !important;
}

/* header */
.tablesorter-blue th,
.tablesorter-blue thead td {
    font: bold 10px/10px Arial, Sans-serif !important;
    color: #000;
    background-color: #fff;
    border-collapse: collapse;
    padding: 4px;
    text-shadow: 0 1px 0 rgba(204, 204, 204, 0.7);
}
.tablesorter-blue tbody td,
.tablesorter-blue tfoot th,
.tablesorter-blue tfoot td {
    font-size:14px !important;
    padding: 4px;
    line-height: 2em;
    vertical-align: top;
}

.tablesorter-blue tbody>tr>td>p {
    line-height: 2em;
}
.tablesorter-header-inner {
    font-size:14px !important;
    line-height: 2em;
}
.tablesorter-blue .header,
.tablesorter-blue .tablesorter-header {
    /* black (unsorted) double arrow */
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    /* white (unsorted) double arrow */
    /* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
    /* image */
    /* background-image: url(images/black-unsorted.gif); */
    background-repeat: no-repeat;
    background-position: center right;
    padding: 4px 18px 4px 4px;
    white-space: normal;
    cursor: pointer;
}
.tablesorter-blue .headerSortUp,
.tablesorter-blue .tablesorter-headerSortUp,
.tablesorter-blue .tablesorter-headerAsc,
.tablesorter-blue .tablesorter-headerAsc:focus {

    background-color: #fff;
    /* black asc arrow */
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) !important;
    /* white asc arrow */
    /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
    /* image */
    /* background-image: url(images/black-asc.gif); */
}
.tablesorter-blue .headerSortDown,
.tablesorter-blue .tablesorter-headerSortDown,
.tablesorter-blue .tablesorter-headerDesc,
.tablesorter-blue .tablesorter-headerDesc:focus {
    background-color: #fff;
    /* black desc arrow */
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important;
    /* white desc arrow */
    /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
    /* image */
    /* background-image: url(images/black-desc.gif); */
}
.tablesorter-blue thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px;
}

/* tfoot */
.tablesorter-blue tfoot .tablesorter-headerSortUp,
.tablesorter-blue tfoot .tablesorter-headerSortDown,
.tablesorter-blue tfoot .tablesorter-headerAsc,
.tablesorter-blue tfoot .tablesorter-headerDesc {
    /* remove sort arrows from footer */
    background-image: none;
}

/* tbody */
.tablesorter-blue td {
    color: #3d3d3d !important;
    background-color: #fff !important;
    padding: 4px !important;
    vertical-align: top !important;
}

/* hovered row colors
 you'll need to add additional lines for
 rows with more than 2 child rows
 */
.tablesorter-blue tbody > tr:hover > td,
.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.even:hover > td,
.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
    background: #d9d9d9;
}
.tablesorter-blue tbody > tr.odd:hover > td,
.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
    background: #bfbfbf;
}

/* table processing indicator */
.tablesorter-blue .tablesorter-processing {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* background-image: url(../addons/pager/icons/loading.gif) !important; */
    background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-blue tbody tr.odd td {
    background-color: #ebf2fa;
}
.tablesorter-blue tbody tr.even td {
    background-color: #fff;
}

/* Column Widget - column sort colors */
.tablesorter-blue td.primary,
.tablesorter-blue tr.odd td.primary {
    background-color: #99b3e6;
}
.tablesorter-blue tr.even td.primary {
    background-color: #c2d1f0;
}
.tablesorter-blue td.secondary,
.tablesorter-blue tr.odd td.secondary {
    background-color: #c2d1f0;
}
.tablesorter-blue tr.even td.secondary {
    background-color: #d6e0f5;
}
.tablesorter-blue td.tertiary,
.tablesorter-blue tr.odd td.tertiary {
    background-color: #d6e0f5;
}
.tablesorter-blue tr.even td.tertiary {
    background-color: #ebf0fa;
}

/* caption */
caption {
    background: #fff;
}

/* filter widget */
.tablesorter-blue .tablesorter-filter-row td {
    background: #eee;
    line-height: normal;
    text-align: center; /* center the input */
    -webkit-transition: line-height 0.1s ease;
    -moz-transition: line-height 0.1s ease;
    -o-transition: line-height 0.1s ease;
    transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-blue .tablesorter-filter-row .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-blue .tablesorter-filter-row.hideme td {
    /*** *********************************************** ***/
    /*** change this padding to modify the thickness     ***/
    /*** of the closed filter row (height = padding x 2) ***/
    padding: 2px;
    /*** *********************************************** ***/
    margin: 0;
    line-height: 0;
    cursor: pointer;
}
.tablesorter-blue .tablesorter-filter-row.hideme .tablesorter-filter {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0;
    filter: alpha(opacity=0);
}
/* filters */
.tablesorter-blue .tablesorter-filter {
    width: 98%;
    height: auto;
    margin: 0;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}

/* ENDE CSS für tablesorter */

/* Links in Tablesorter-Tabellen nicht unterstrichen */
.tablesorter-blue td  a {
    text-decoration: none !important;
}
/* Ende Links in Tablesorter-Tabellen nicht unterstrichen */

/* Cookie Layer ans Seitenende  und Farbe der Schaltfläche anpassen*/
.modCookieBar {
    bottom: 0px;
    background: rgb(232, 237, 241);
}
.save-selected {
    background-color: #fff !important;
    color: #153b6a85 !important;
}
.modCookieBar p {
    width: 100%;
}
/* Ende Cookie Layer ans Seitenende */

/* Copyright kleiner darstellen */
.modContent figure figcaption small.copyright, .modContent figure figcaption span {
    font-size: 0.8em;
}
/* Ende Copyright kleiner darstellen */

/* Link zu Expose */
.immo-expose {
    color: #fff !important;
    background-color: #3e9ac5;
}
.immo-expose p a {
    color: #fff !important;
}
/* Ende Link zu Expose */

/* Tabelle Veranstaltungen */
table.table_dates {
    margin-bottom: 1.5em;
}
/* Ende Tabelle Veranstaltungen */

.modSidebarDates ul li strong {
    margin: 0;
    padding-left: 0;
    display: block;
    font-weight: 700;
}

.modSidebarDates ul li {
    background-color: #fff;
    padding-left: 0;
}

.modSidebarDates ul li.more>a{
    background-color: #fff;
    width: 100%;
    text-align: left;
    padding-left: 0;
    font-size: 100%;
}

.modSidebarDates h2 {
    text-transform: none;
}

.modDates ul li figure {
    float: left;
    display: inline-block;
}

.modDates ul li figure a img {
    max-width: 80%;
    padding-top: 5px;
}




/* ---------- viewport tablet ---------- */
@media only screen and (min-width : 767px) and (max-width : 1024px) {
    .modMainNavigation ul.nav-level-1 > li {
        font-size: 80%;
    }
    .modHeader div.header-navigation .header-navigation-fixed {
        margin-left: 0px;
    }
    .modSidebarMinistry {
        padding: 0;
        width: initial;
    }
    .modSidebarShortlinks img {
        float: left;
        padding-right: 40px;
    }
    .modHeader section#modHeaderStage ul li figure > div figcaption h2 {
        font-size: 26pt;
    }
    .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a {
        background-color: #fff;
        color: #000;
    }
    .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a:active, .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a:focus, .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a:hover {
        background: #fff;
        color: #3e9ac5;
    }
    .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li.active:not(.open) > a, .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li.open:not(.active) > a {
        background: #fff;
        color: #3e9ac5;
    }
    .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a {
        background: none;
    }
    [tabindex]:focus, [tabindex]:focus img, a:focus, a:focus img, button:focus, button:focus img, label:focus, label:focus img {
        background-color: #000 !important;
        color: #3e9ac5 !important;
        outline: 0;
    }
    .modHeader section#modHeaderStage ul li figure > div figcaption h2 {
        font-size: 17pt
    }

    .contrastMode .modHeader section#modHeaderStage ul li figure > div figcaption h2 {
        color: #fff;
    }
    .contrastMode .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role=main-navigation] ul.nav-level-1>li>a {
        color: white;
    }
    .contrastMode .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role=main-navigation] ul.nav-level-2>li>a {
        color: #000;
        background-color: #f3f3f3;
        font-weight: 600;
    }
    .contrastMode .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role=main-navigation] ul.nav-level-1>li.active:not(.open)>a, .contrastMode .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role=main-navigation] ul.nav-level-1>li.open:not(.active)>a {
        background: #fff;
        color: #000;
        font-weight: 600;
    }
    Element {

    }
    .modHeader section#modHeaderStage ul li figure > div {
        width: 205px;
    }
    .modHeader section#modHeaderStage ul li figure>div figcaption {
        /* background-image: url('/mam/header/bogen_tablet.png'); */
    }

    .headerTeaser h2 {
        font-size: 15pt;
    }
    /* Angebote Teaser Sidebar */
    .modSidebarAngeboteTeaser img {
        width: 100%;
    }
    /* Ende Angebote Teaser Sidebar */
}

/* ---------- viewport smartphone ---------- */
@media only screen and (min-width : 20px) and (max-width : 766px) {
    .modHeader div.logo.extra {
        float: none;
        clear: none;
    }
    .modHeader div.header-navigation .header-navigation-fixed {
        margin-left: 0px;
    }

    .modCurrent ul li {
        padding-bottom: 0px;
    }
    .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a {
        background-color: #fff;
        color: #000;
    }
    .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a:active, .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a:focus, .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a:hover {
        background: #fff;
        color: #3e9ac5;
    }
    .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li.active:not(.open) > a, .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li.open:not(.active) > a {
        background: #fff;
        color: #3e9ac5;
    }
    .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li > a {
        background: none;
    }
    [tabindex]:focus, [tabindex]:focus img, a:focus, a:focus img, button:focus, button:focus img, label:focus, label:focus img {
        background-color: #000 !important;
        color: #3e9ac5 !important;
        outline: 0;
    }
    .modHeader section#modHeaderStage ul li figure > div figcaption h2 {
        font-size: 17pt
    }

    #pager img {
        width: initial;
    }
    .modHeader section#modHeaderStage ul li figure>div figcaption {
        height: auto;
    }
    .contrastMode .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role=main-navigation] ul.nav-level-1>li>a {
        color: white;
    }
    .contrastMode .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role=main-navigation] ul.nav-level-2>li>a {
        color: #000;
        background-color: #f3f3f3;
        font-weight: 600;
    }
    .contrastMode .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role=main-navigation] ul.nav-level-1>li.active:not(.open)>a, .contrastMode .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role=main-navigation] ul.nav-level-1>li.open:not(.active)>a {
        background: #fff;
        color: #000;
        font-weight: 600;
    }
    .headerTeaser h2 {
        font-size: 10pt;
        color: #000;
        padding-left: 10px;
    }

    /* Kurzlinks */
    .modSidebarShortlinks img {
        padding-right: 1em;
        float: left;
    }
    /* Ende Kurzlinks */

    /* Cookie Layer */
    .modCookieBar {
        position: inherit;
        background: rgb(232, 237, 241);
    }
    /* Ende Cookie Layer */

    /* Ränder der Linkbox am Seitenende */
    .modSidebarLinkbox {
        margin: 0 0.8em 2em;
    }
    /* Ende Ränder der Linkbox am Seitenende */

    /* Top-Link */
    a.top {
        padding-right: 1.5em;
    }
    /* Ende Top-Link */

    /* Angebote Teaser Sidebar */
    .modSidebarAngeboteTeaser img {
        width: 100%;
    }

    .modSidebarAngeboteTeaser {
        margin: 0 1em;
    }
    /* Ende Besondere Angebote */

    .tablesorter-blue tbody td,
    .tablesorter-blue tfoot th,
    .tablesorter-blue tfoot td {
        font-size:10px !important;
        padding: 4px;
        line-height: 1em;
        vertical-align: top;
    }

    .tablesorter-blue tbody>tr>td>p {
        line-height: 1.4em;
    }
    .tablesorter-header-inner {
        font-size:10px !important;
        line-height: 1em;
    }

    /* Übersicht Veranstaltungen */
    .modDates div.coma-g62 {
        width: auto;
    }

    .modDates div.ym-gr {
        margin: 0px;
    }

    .modDates {
        width: 95%;
        padding: 0 .75em;
    }

    /* Ende Übersicht Veranstaltungen */

}