/*
.gruen {color:#23614f}
.orange {color:#fbba00}
.hellblau {color:#f4f8fb}
.dunkelgrau {color:#6B7581}
.tuerkis {color:#19b0d8}
.navi {color:#f0f1f3}
*/
@font-face {font-family:'BundesSansWebRegular';src: url('../Fonts/BundesSansWeb-Regular.eot?#iefix') format('embedded-opentype'),url('../Fonts/BundesSansWeb-Regular.woff') format('woff'),url('../Fonts/BundesSansWeb-Regular.ttf')  format('truetype');}
@font-face {font-family:'BundesSerifWebRegular';src: url('../Fonts/BundesSerifWeb-Regular.eot?#iefix') format('embedded-opentype'),url('../Fonts/BundesSerifWeb-Regular.woff') format('woff'),url('../Fonts/BundesSerifWeb-Regular.ttf')  format('truetype');}
@font-face {font-family:'BundesSansWebItalic';src: url('../Fonts/BundesSansWeb-Italic.eot?#iefix') format('embedded-opentype'),url('../Fonts/BundesSansWeb-Italic.woff') format('woff'),url('../Fonts/BundesSansWeb-Italic.ttf')  format('truetype');}
@font-face {font-family:'BundesSansWebBold';src: url('../Fonts/BundesSansWeb-Bold.eot?#iefix') format('embedded-opentype'),url('../Fonts/BundesSansWeb-Bold.woff') format('woff'),url('../Fonts/BundesSansWeb-Bold.ttf')  format('truetype');}
@font-face {font-family:'BundesSansWebBoldItalic';src: url('../Fonts/BundesSansWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../Fonts/BundesSansWeb-BoldItalic.woff') format('woff'),url('../Fonts/BundesSansWeb-BoldItalic.ttf')  format('truetype');}
body,.card,.callout,.callout.primary,.callout.secondary,.accordion-content {font-family: "BundesSansWebRegular", Arial, sans-serif;color:#6B7581;}
h1, h2, h3, h4, h5, h6 {font-family: "BundesSansWebBold", Arial, sans-serif;color: #6B7581;}
h2.grau {background:#e6e6e6;padding-bottom:.25rem;padding-left:.25rem}
h3.stellvertreter {padding-left:.25rem}
.top-bar, .top-bar ul {background-color: #fff}
.row,.title-bar,.row.title-bar {max-width: 108rem;}
/*#inhalt figcaption {display:none}*/
#inhalt figcaption {display:block;padding-bottom:.9375rem;text-align:left}
#inhalt .masonry-brick figcaption, #inhalt .gridinfo figcaption {background: #fff;display: block;padding: 1rem;}
/*.row.title-bar {max-width: 108em!important}*/
.title-bar a {color:#6B7581}
.title-bar {background:#fff;color:#6B7581 ;padding:0}
.title-bar ul, footer ul, #footer ul {list-style-type:none;margin-bottom:0;margin-top:1rem;}
.title-bar ul {margin-top:0;}
.title-bar li, ul.service li {display:inline;padding:.5rem 1rem;}
.title-bar li.snavi {position: relative;top: 1rem;vertical-align: top}
.title-bar li.hbplogo {display: none}
/*.title-bar input ,.title-bar form {display:table-cell;}*/
.title-bar input,.title-bar form {display:inline}
.title-bar [type="text"] {height:2rem;padding:0 .5rem;margin:0;width: 10rem}
img.bmel {max-height:4.5rem;}
footer, #footer {background:#6B7581;color:#fff;font-size:1.0rem;padding:6.25rem 0 3.125rem;clear:both}
footer .columns {padding-bottom: 2rem;}
.servicenavi {padding-top:2.0rem;}
footer ul, #footer ul {margin:0}
footer a,#footer a {font-weight:bold;color:#fff;opacity:.5}
footer a:hover,#footer a:hover {color:#fff;text-decoration:underline;}
footer .ebene2 a,#footer .ebene2 a {font-weight:normal;}
/* =============================================================================
* Allgemeine Schriftgroessen / Abstaende 53,3%
* ========================================================================== */
.callout ol, .callout ul , .callout p, p, #inhalt ul, .card-section p.fontNormal {font-size: 1.0rem;line-height: 1.4}
#inhalt ul.accordion {clear:both;}
.columns .extra.columns .callout.primary{margin-right: -0.9375rem;margin-left: -0.9375rem;}
h1 {font-size: 1.375rem;}
h2 {font-size: 1.375rem;}
h3 {font-size: 1.0rem;}
h3.news {margin:-1rem 0 2rem 0}
#inhalt {padding-bottom:2rem;clear:both;display:block;}
.start-themen {padding-top:2rem;}
h1.bauen {color:#FBBA00;}
h1.gruen {color:#23614f;}
h1.querschnitt {color:#19b0d8;}
figure {position:relative}
figure.equalheight img {aspect-ratio: 4/3;height: auto;object-fit: cover;width: 100%;}
figure.image {padding-bottom:1.875rem}
.aside figure.image {padding-bottom:0}
input.icon-search[type="submit"] {font-family: 'icomoon';width: auto;font-size:1.875rem;min-height: .875rem;line-height: 1;padding:.25rem;box-shadow: none;border: none;background: transparent;/*float:right*/}
iframe{max-width:100%}
/* =============================================================================
 * Kopfbilder Captions
 * ========================================================================== */
.image-container.header-image {position: relative;margin: 0 auto;/*header-image nicht groesser als  1920*/max-width: 120em;}
.image-container.header-image img{/*min-height: 100%;*/}
.header-image figcaption, .header-image figcaption.startseite {position: absolute;bottom: 5%;left: 5%;}
.kopfslider p.caption0 span,.caption {/*font-size: 1.5rem;*/padding: 0.1rem 0.7rem;/*font-weight: 400;*/}
.kopfslider p.caption0 span,.caption-parent {font-size: 1.8rem;}
.caption-child {font-size: 1.5rem;}

p.caption0, p.caption1, p.caption2 {/*margin-bottom: 0.5rem;*/margin-bottom: 0.3rem;line-height: 1.3;}
.kopfslider p.caption0 {margin-bottom:1.1rem;}
p.caption0 .caption-handlungsfeld {line-height: 1.1;}
.caption-weiss {color: #777;background-image: linear-gradient(to bottom, transparent 0%, transparent 15%, white 17%, white 100%);}
.caption-orange {color: #fff;background-image: linear-gradient(to bottom, transparent 0%, transparent 17%, rgba(251, 186, 0, 1.0) 17%, rgba(251, 186, 0, 1.0) 100%);}
.kopfslider p.caption0 span,.caption-gruen {color: #fff;background-image: linear-gradient(to bottom,transparent 0%, transparent 17%, rgba(35,97,79, 1.0) 17%,rgba(35,97,79, 1.0) 100%)}

.caption-tuerkis {color: #fff;background-image: linear-gradient(to bottom, transparent 0%, transparent 17%, rgba(25, 176, 216, 1.0) 17%, rgba(25, 176, 216, 1.0) 100%);}
.kopfslider p.caption0 span,.caption-fett {font-family: "BundesSansWebBold","Arial Bold",sans-serif;}
.plus{padding-left:0;color:#d0661c;}
.aside strong {color:#23614f}
/* =============================================================================
 * cookiebar
 * ========================================================================== */
.cookiebar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: rgb(255,255,255);
  z-index: 100000000000;
  padding: 15px 110px 15px 15px;
  background: #76b837 none repeat scroll 0 0;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
  display: none;
}
.cookiebar.open {
  display: block;
}
.cookiebar-close {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  background: rgba(0,0,0,0.3);
  padding: 5px 10px;
  border-radius: 3px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);  
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;  
}
.cookiebar-close:hover {background: rgba(0,0,0,0.5);}
.cookiebar a {color: rgb(255,255,255);font-weight: bold}
.cookiebar a:hover {color: #fff;text-decoration:underline}
/* =============================================================================
 * icon test
 * ========================================================================== */
[class^="icon-"], [class*=" icon-"], .news a {
  color: #23614f;font-family:"BundesSansWebRegular", Arial, sans-serif;font-size:1.125rem;
}

[class^="icon-"]:hover, [class*=" icon-"]:hover {
  color: #23614f;
  cursor: pointer;
}
[class^="icon-"]:after {display:block;font-family: 'icomoon' !important;padding-bottom: 1rem;font-size:3.875rem;}
.news a::before {font-size:1rem;font-family: 'icomoon';content: "\e917";padding-right:.25rem;font-weight:normal;position: relative;top: .125rem;}

.header[class*=" icon-"]{text-align:left;}
.header[class*=" icon-"]:hover{cursor:default;color:#6b7581;}
.header[class*=" icon-"]:before {font-family: 'icomoon';font-size:1.5rem;display:inline;padding-right:.5rem;color:#23614f;}
.header[class*=" icon-"].orange:before {color:#fbba00;}
.icon-down::after{font-family: 'icomoon' !important}
.read-more-show.close {display:none;}
.header[class*=" icon-"]{text-align:left;}
.jahr,.plus {padding-left:.00625rem;}
/* =============================================================================
 * cards
 * ========================================================================== */
.card {border:none}
.card-section {
  padding: 1rem 0rem;
}
.card-section h2 {
  font-family: "BundesSansWebRegular", Arial, sans-serif;
}
.card-section p {
  font-size: 1.25rem;
  line-height: 1.5;
}
button,.button,.button:focus,.button:link,.button:visited, [type="submit"], p.news-more a {
  font-size: 1.125rem !important;
  background-color: #d0661c;
  padding: 0.4em 1em .65em;font-weight:normal;cursor:pointer;color:#fff;border:1px solid #d0661c;}
button:hover,.button:hover,[type="submit"]:hover {background-color: #fff;color:#d0661c;}
button#access_nav{border:none;background:transparent;}
button, input, optgroup, select, textarea,label {font-family: "BundesSansWebRegular", Arial, sans-serif;}
[type="checkbox"] + label, [type="radio"] + label {max-width:85%;vertical-align: top}
label,select {color:#333;max-width:90%}
.button.weiter, p.news-more a {text-transform: none}
.button.icon-down,.button.icon-up {color:#fff;font-weight:normal;margin-top: 1.5rem;}
.button.icon-down:before,.button.icon-up:before{content:'';};
.button.icon-down:before{font-size:1.25rem;color:#fff;}
.button.icon-down::after {font-size:1rem;font-family: 'icomoon';content: "\e907";padding-left:.5rem;font-weight:normal}
.button.icon-up::after {font-size:1rem;font-family: 'icomoon';content: "\e926";padding-left:.5rem;font-weight:normal}
.button:hover,.card:hover .button, p.news-more a:hover {background-color: #fff;color: #d0661c !important;}
.button.orange:hover,.card:hover .button.orange {background-color: #fbba00}
button.access_aid {background: transparent;border: none;color: #6b7581;font-weight:bold;}
.card:hover [class^="icon-"] {color: #23614f}
.invisible {visibility: hidden}
/*abstaende der karten*/
.teaser .column, .start-themen .column {margin-bottom:2rem;}
.teaser .column:last-child:not(:first-child) {float:left;}

img.mfp-img {border-bottom:1px solid #f3f3f3;padding:0;}
.mfp-bottom-bar {background:#fff;display:block;margin-top:0;padding:.5rem 0}
a,a.magnificpopup:link,a.magnificpopup:visited,a.magnificpopup:active {color:#6B7581}
#sortedtable a, #sortedtable a:focus,a.liste,a.liste::before,a.icon-left,a.icon-left::before {color:#23614f}
#sortedtable a:hover {color:#fff;text-decoration: underline;}
a.liste::before,a.icon-left::before {content: "\e917";font-family: "icomoon";font-size: 1rem;font-weight: normal;display: inline;text-decoration: inherit;width: 1rem;padding-right: .3rem;height: 0}

a.mail,a.download,a.internal-link,a.external-link-new-window,a:hover,a.magnificpopup:hover, .card:hover h2 a {color:#23614f}
a.download:hover,a.internal-link:hover,a.external-link-new-window:hover {text-decoration:underline}
a.external-link-new-window:after {font-family: 'icomoon';content: "\e92d";padding-left:.5rem;font-weight:normal}
a.download:after {font-family: 'icomoon';content: "\e92c";padding-left:.5rem;font-weight:normal}
/*#inhalt a.button.external-link-new-window,#inhalt a.button.external-link-new-window:after {color:#fff}
#inhalt a.download.button,#inhalt a.download.button:hover {color:#fff}*/
a.download.button:hover,a.button.external-link-new-window:hover,a.button.external-link-new-window:hover:after{text-decoration:none}
#inhalt a.button:hover {background-color: #fff;color:#d0661c;}
.card p a:hover {color:#6B7581;}
.card p a.button:hover {color:#fff;}
figure a {display: block;}
video:hover {cursor:pointer}
a.magnificpopup::before, a.magnificpopupgallery::before, a[rel^="lightbox"]:before {font-family:'icomoon';content: '\e908';
    position: absolute;/*left: 0;top: 0;*/z-index: 2;font-size:1.875rem;
}

a.videolink::before {
  background:#fff;
  border-radius:50%;
content: "\e91a";
font-family: "icomoon";
font-size: 3.5rem;
font-weight: normal;
    position: absolute;
    left: 40%;
    top: 33%;
    width: 4.2rem;
    height: 4.2rem;
    line-height: 1.2;
    padding-left:.5rem;
}
.callout a.videolink:hover::before {background-color:#23614f;}
/*.columns {border:1px solid #000;}*/
.bild {padding-left:0;}
/* =============================================================================
 * callouts
 * ========================================================================== */
.callout {
  padding: 0;border:none;
}
.callout.primary {
  background-color: #eee;
  padding: 1.5rem;
}

.aside .row.callout.primary {
  background-color: #fff;padding:0;margin:0
}
.aside .column-block{padding:0}

footer .callout.primary {background-color: transparent;color:#fff;padding-right:0;}
tr,table tbody tr:nth-child(2n){background:#eee;}
.callout.schwerpunkt,.callout.beitrag {margin:0;}
.callout h3 {font-size: 1.25rem;line-height: 1.4;font-family: "BundesSansWebBold"}
.callout.schwerpunkt h3, .callout.beitrag h3 {margin-bottom: 1.0rem;}
.callout.secondary {
  background-color: #f6f9eb;
  padding: 1.5rem;
}
h2, .callout.secondary h3, .callout.secondary a, .callout.secondary a:hover, .callout.secondary a:focus {color: #23614f}
.callout.secondary a.button:focus {color: #fff;background:##d0661c;}
.callout.secondary a:hover, .callout.secondary a:focus {text-decoration: underline;}
blockquote p {font-size:1rem;line-height:1.4}
td {font-size:1.125rem}
.contenttable td:first-child {min-width:15%}
ul, .callout ul, ol, .callout ol {margin-left:2rem}
.page-navigation {padding: .9375rem;text-align: center}
ul.pager, ul.f3-widget-paginator {list-style-type: none;margin: 0;padding: 0}
.pager li, .f3-widget-paginator li {display: inline;padding: .625rem}
footer .callout ul,.callout ul.menu {margin-left:0}
.callout .menu li {border-bottom: 0px none;}
/*.callout li {margin-bottom: 1.375rem}*/
.callout.ziele li {margin-bottom: 1.375rem}
hr.weiss{border-bottom: .25rem solid #fff;padding-top:1.75rem;}

#schwerpunkt.callout ul li, #beitrag.callout ul li {margin-bottom:0}
/* =============================================================================
* Accordion
* ========================================================================== */
.accordion ul, .accordion ol {
  margin-left: 1.25rem;
}
.accordion-title, .accordion-title:focus {
  font-size: 1.0rem;
  color: #6b7581;
  font-weight: 800;
}
.accordion-title::before {
  font-family: 'icomoon';
  content: "\e907";
  margin-top: -0.5rem;
  position: absolute;
  right: 1rem;
  top: 50%;
}
.is-active > .accordion-title::before {
  content: "\e926";
}
.breadcrumb {font-size:.875rem;padding:1.0rem 0.9375rem;/*margin-top:-2rem;margin-bottom:2rem;*/}
.teaser .column {margin-bottom:3rem;}
.teaser .button {margin-top:0}
p.header {margin-top:2rem;margin-bottom:.75rem;border-bottom:1px solid #6b7581;font-weight:bold}
p.news-more {padding-top:1rem}
.masonry-brick {padding:.5rem;margin-bottom:0}
.aside .masonry-brick {width:100%!important}

#scroll-top {float: right;margin: 1.0rem;position: fixed;z-index: 9;
    bottom: 0;right: 0;display: inline-block;text-decoration: none;opacity: 1.0;}
#scroll-top [class^="icon-"]::before {font-size:1.875rem;background: #fff;border-radius: 1.5rem;padding: 0.5rem}
/* =============================================================================
* Akteure Carousel
* ========================================================================== */
.callout .akteur-single p {font-size: 1.0rem;}
.callout .akteur-bild {padding-bottom: 2.5rem;}
.callout .akteur-titel {padding-bottom: 1rem;}
.callout .akteure .slick-slide img {display: inline-block;width: 200px;}

/*input[type="text"], input[type="password"] {max-width: 15rem}*/
input.plz{max-width: 10rem}
.flex-video.padding-bottom-50 {padding-bottom:55%}

ul.ankernavi  {list-style-type: none;margin: 0 0 4rem 0}
ul.ankernavi  li {float: left;margin-right: 1rem;}
/* =============================================================================
* Charta Tabellen
* ========================================================================== */
table {width: 100%!important}
table thead th,table tbody td {vertical-align: top;}
table tbody td:first-child {font-weight: bold;}
table thead th {font-weight: bold;padding: 0.5rem 0.625rem 0.625rem;text-align: left;background-color: #6b7581;color: #fff;}
td.feld {font-weight: bold}
.no-print {display:block;font-style:italic;font-size:.875rem;width:100%}
.print {display:none;}
.rot {border:1px dotted #f00;}


/* =============================================================================
* END Charta Tabellen
* ========================================================================== */
  .callout.secondary [type="submit"] {width:100%;position:relative}
.registrierung form {margin-top:.9375rem;background-color:red;}
  #inhalt {padding-bottom:4rem;padding-top:2rem;}
.caption-child{display:inline-block;}

* {-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
.dataTables_filter input[type="search"] {width: 85%;display: inline;float:right;padding-right:0;margin-right:0;}
.dataTables_filter span {padding-right:.9375rem;}
#inhalt .back a,.tabs-title a,.tabs-title a:hover,#sortedtable a, #sortedtable a:focus,a.liste,a.liste::before,a.icon-left,a.icon-left::before {color:#23614f}
#sortedtable a:hover {text-decoration: underline;}
ul.tabs {margin-left:0;border:none;background:transparent;}
.tabs-title > a {font-size:1.5rem;}
.tabs-content {border:none;background:transparent}
.tabs-panel.events {padding:.9375rem 0;position:relative;}
.tabs-title > a[aria-selected="false"] {background: #e6e6e6;}
.tabs-title > a:hover,.tabs-title > a:focus,.tabs-title > a[aria-selected="true"] {background:transparent;}

.button:visited {
    background-color: #d0661c;
    color: #fff;
}
table thead th {cursor:pointer;position:relative;}
table thead th.titel {width:50%!important;}
table tbody td {border-bottom:2px solid #fff;}
table tbody td:first-child {font-weight:normal;}

.sorting::after, .sorting_asc::after, .sorting_desc::after {
    color: #fff;
    font-family: "icomoon";
    font-size: 1rem;
    font-weight: normal;
    float: right;
    display: inline-block;
    position: absolute;
    right: 0.5rem;
    top:.5rem;
}
.sorting_asc::after {content: "\e907"}
.sorting_desc::after {content: "\e926"}

.ce_dlh_googlemaps {
    width: 100% !important;
    height: 620px !important;
    margin-bottom: 0rem;clear:both;
}

/*.googlemaps {width: 12rem}*/
ul.tabs {margin-left:0;border:none;background:transparent;}
.tabs-title > a {font-size:1.5rem;}
.tabs-content {border:none;background:transparent}
.tabs-panel.events {padding:.9375rem 0;position:relative;}
.tabs-title > a[aria-selected="false"] {background: #e6e6e6;}
.tabs-title > a:hover,.tabs-title > a:focus,.tabs-title > a[aria-selected="true"] {background:transparent;}

/*Staffelstab*/
.mfp-title {color:#6B7581!important;padding-left:.9375rem}
.gm_staffelstab {padding-top:.9375rem}
.gm-style img {max-width: 650px!important}
.gm_staffelstab img {max-height:480px;max-width:650px; width:auto;height:auto}
.masonry-brick {width: 100%;margin: 0;float: left;padding: 0.9375rem}

/*Formular - Start*/
.checkbox label {max-width: 90%}
.checkbox [type="checkbox"] {margin-top: .5rem;vertical-align: top;}


.anmelden,.anmelden_rechts {position:absolute;bottom:-4rem;right:5%;z-index:4;}
.slick-next::before,.slick-prev::before {color:#fff;}
.callout .akteure .slick-slide img {width:auto !important;}
button.popup {text-align:left;cursor:pointer}
button.btn {color:#fff;cursor:pointer;font-size:1.125rem;padding: 0.4em 1em .65em;}
.button.uebersicht,.button.programm {width:100%;font-weight:bold;}
button.btn, .button.uebersicht,.button.uebersicht:link,.button.uebersicht:hover,.button.uebersicht:active {border:1px solid #fff;background-color: #333;text-decoration: none}
button.btn:hover, button.btn-primary {background-color: #fff;border:1px solid #333;color:#333;text-decoration:underline}

.green button.btn, .green .button.uebersicht,.green .button.uebersicht:link,.green .button.uebersicht:hover,.green .button.uebersicht:active {border:1px solid #23614f;background-color: transparent;color:#23614f;text-decoration: none}
.green button.btn:hover,.green button.btn-primary {background-color: #fff;border:1px solid #333;color:#333;text-decoration:underline}

.button.uebersicht:hover,.button.uebersicht:active {text-decoration: underline;}
.green .button.uebersicht:hover,.green .button.uebersicht:active {color:#23614f!important;text-decoration: underline;}

.button.programm,.button.programm:link,.button.programm:hover,.button.programm:active {border:1px solid #fff;background-color: #fff;color:#f7bc3e;text-decoration: none}
.button.programm:hover,.button.programm:active {text-decoration: underline;color:#f7bc3e!important}

.green .button.programm,.green .button.programm:link,.green .button.programm:hover,.green .button.programm:active {border:1px solid #fff;background-color: #fff;color:#23614f;text-decoration: none}
.green .button.programm:hover,.green .button.programm:active {border:1px solid #23614f;text-decoration: underline;color:#23614f!important}
.green .stimme {color:#23614f}

fieldset.powermail_fieldset {padding-top:.5rem}
fieldset.powermail_fieldset legend {display:none}

.powermail_tab_navigation {float: right;text-align: right;}
.powermail_fieldwrap {padding-bottom: .5rem;}
.next {padding-right: 1.5rem;margin-left: .75rem;}
.previous::before,.next::after {font-size: 1rem;font-weight: normal;display: inline-block;position: relative;top: .06125rem;}
.next::after {content: ">";float: right;right: 1rem;}
.previous {padding-left: 1.5rem;}
.previous::before {content: "<";float: left;left: 1rem;}

.container-fluid,.powermail_confirmation,.powermail_create{float:none}

.tabs {border:0}
.tabs-content {border:0}
.tabs-panel {padding:0}


.tabs-title > a:hover,.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
    background: #f4f8fb;
    color: #333;
}
.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 1.5rem;
    font-weight:bold;
    line-height: 1;
    color: #333;
}

@media screen and (max-width:40em) {
.anmelden {width:33.333%;height:auto;}
}
@media screen and (min-width:40.625em) {
.anmelden {right:55%}
}
/*Formular - Ende*/

@media screen and (min-width: 30.0em) { /*480*/
  .caption {
    font-size: 1.5rem;
  }
  .kopfslider p.caption0 span,.caption-parent {
    font-size: 2.5rem;
  }
  .header-image figcaption.startseite {
    left: 5%;
  }
}
@media screen and (max-width: 40.0em) { /*640*/
.googlemaps {width: 12rem}
.caption{display:inline-block}
.header-image figcaption, .header-image figcaption.startseite {right: 5%}
  ul.service li {display:block;}
  .caption-gruen {background-image:none; background:#23614f}
  .caption-weiss {background-image:none; background:#fff}
}
@media screen and (max-width: 42.5em) { /*ca. 660*/
  .title-bar [type="text"] {width: 6rem}
  ul.snavi {display:none;}
  table tbody td {width: 100%;display: block;}
  .grusswort {padding:0;}
}
@media screen and (min-width: 40em) {.masonry-brick {width: 50%}}

@media screen and (max-width: 44.0em) { /*704*/
  .title-bar [type="text"] {width: 8rem}
}
@media screen and (min-width: 42.5em) { /*640*/
    /*h4 größer mit margin top*/
    h4 {font-size: 1.375rem;margin-top: 4rem;}

  /* =============================================================================
  * Allgemeine Schriftgroessen / Abstaende 80%
  * ========================================================================== */
  .callout ol, .callout ul , .callout p, p, #inhalt ul, .card-section p.fontNormal {font-size: 1.125rem;line-height: 1.6}
  h1 {font-size: 1.875rem;}
  h2 {font-size: 1.375rem;}
  h3 {font-size: 1.25rem;}
  .start-themen {padding-top:4rem;}
  .callout.schwerpunkt h3, .callout.beitrag h3 {margin-bottom: 1.25rem;}
  /*abstaende der karten*/
  .teaser .column, .start-themen .column {margin-bottom:3rem;}
  /* =============================================================================
  * Kopfbilder Captions
  * ========================================================================== */
  .header-image figcaption, .header-image figcaption.startseite {
    bottom: 10%;
    left: 10%;
  }
  .caption {
    font-size: 1.5rem;
  }
  .kopfslider p.caption0 span,.caption-parent {
    font-size: 3.0rem;
  }
  p.caption0, p.caption1, p.caption2 {
    margin-bottom: 0.2rem;
  }
  .kopfslider p.caption0 {margin-bottom:1.1rem;}
  /* =============================================================================
   * cards
   * ========================================================================== */
  .card-section p {
    font-size: 1.1875rem;
    line-height: 1.4;
  }
  .button {
    /*margin-top: 2.125rem;*/
    font-size: 1.125rem !important;
    padding: 0.4em 1em .65em
  }
  /* =============================================================================
  * Accordion
  * ========================================================================== */
  .accordion ul, .accordion ol {
    margin-left: 2.25rem;
  }
  .accordion-title, .accordion-title:focus {
    font-size: 1.5rem;padding: 1.25rem 3rem 1.25rem 1rem;
  }
  /* =============================================================================
  * callouts
  * ========================================================================== */
  .callout {
    padding: 2.5rem 3rem 3rem;border:none;
  }
  .callout.primary {
    padding: 2.5rem 3rem 3rem;
  }
  .callout.secondary { /*ziele*/
    padding: 2.5rem 3rem 3rem;
  }
  .callout.small {
    padding: 0.5rem;
  }
  .callout.ziele li {margin-bottom: 0.75rem}
  /* =============================================================================
  * Akteure Carousel
  * ========================================================================== */
  .callout .akteur-single p {font-size: 1.25rem;}
  .callout .akteur-bild {padding-bottom: 2.5rem;}
  .callout .akteur-titel {padding-bottom: 1rem;}
  .callout .akteure .slick-slide img {display: inline-block;width: 300px;}
  /* =============================================================================
  * Spalten interner Bereich
  * ========================================================================== */
  .internerBereich .medium-4, .internerBereich .medium-8  {width: 100%;}
  /* =============================================================================
  * END Spalten interner Bereich
  * ========================================================================== */
  /* =============================================================================
  * Charta Member List
  * ========================================================================== */
  .tx-listfeusers-pi1.medium-up-1 > .column, .tx-listfeusers-pi1.medium-up-1 > .columns {
      width: 95%;
  }
  /* =============================================================================
  * Charta Member List
  * ========================================================================== */
    select.bl {width:20rem;}
    select.monat,select.jahr {width:5rem}

}
@media screen and (min-width: 56.00em) { /*896*/
.googlemaps {width: 28rem}
    .title-bar li.hbplogo {display: inline}

  .breadcrumb {font-size:.875rem;padding:1.875rem 0.9375rem;}
  /* =============================================================================
 * Allgemeine Schriftgroessen / Abstaende 80%
 * ========================================================================== */
  .callout ol, .callout ul , .callout p, p, #inhalt ul, .card-section p.fontNormal {font-size: 1.125rem;}
  h1 {font-size: 1.875rem;}
  h2 {font-size: 1.5rem;}
  h2.grau {margin-top:.9375rem;margin-bottom:0}

  #inhalt {padding-bottom:4rem;}
  .start-themen {padding-top:4rem;}
  /* =============================================================================
  * Kopfbilder Captions
  * ========================================================================== */
  .header-image figcaption, .header-image figcaption.startseite {
    bottom: 10%;
    left: 20%;
  }
  .caption-parent {
    font-size: 2.75rem;
  }
  .caption-child {
    font-size: 1.75rem;
  }
  p.caption0, p.caption1, p.caption2 {
    margin-bottom: 0.0rem;
    line-height: 1.4;
  }
  .kopfslider p.caption0 {margin-bottom:1.1rem;}
  .kopfslider p.caption0 span,.caption-parent {
    line-height: 1.1;
  }
  /* =============================================================================
  * footer
  * ========================================================================== */
  footer, #footer {font-size:1.125rem;}
  footer .columns {padding-bottom: 0;}
  .servicenavi {padding-top:4.0rem;}

  /* =============================================================================
   * cards
   * ========================================================================== */
  .card-section p {
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .button {
    /*margin-top: 2.125rem;*/
    font-size: 1.125rem !important;
    padding: 0.4em 1em .65em
  }
  /* =============================================================================
  * Accordion
  * ========================================================================== */
  .accordion-title, .accordion-title:focus {
    font-size: 1.5rem;
  }
  .accordion-title::before {
    top: 45%;
  }
  /* =============================================================================
  * callouts
  * ========================================================================== */
  .callout.ziele li {margin-bottom: 1.0rem}
  /* =============================================================================
  * Akteure Carousel
  * ========================================================================== */
  .callout .akteur-single p {font-size: 1.125rem;}
  .callout .akteur-bild {padding-bottom: 2.5rem;}
  .callout .akteur-titel {padding-bottom: 1rem;}
  .callout .akteure .slick-slide img {display: inline-block;}
  /* =============================================================================
  * Spalten interner Bereich
  * ========================================================================== */
  .internerBereich .medium-4  {width: 33.33333%;}
  .internerBereich .medium-8  {width: 66.66666%;}
  /* =============================================================================
  * END Spalten interner Bereich
  * ========================================================================== */
  /* =============================================================================
  * Charta Tabellen
  * ========================================================================== */
  .internerBereich table thead th,.internerBereich  table tbody td {width: 33.33%;display: table-cell;}
  /* =============================================================================
  * END Charta Tabellen
  * ========================================================================== */
  /* =============================================================================
  * Charta Member List
  * ========================================================================== */
  .ag .medium-up-1 > .column:nth-of-type(2n+1) {clear:both}
  .ag .medium-up-1 > .column:nth-of-type(n+1),.ag .medium-up-1 > .columns:nth-of-type(n+1) {clear:none}
  .ag .tx-listfeusers-pi1.medium-up-1 > .column, .ag .tx-listfeusers-pi1.medium-up-1 > .columns {width: 47%;}
/*  .interneNavi,.mitglieder {
  position:fixed!important;
  top:20%
}*/

}

@media screen and (max-width: 64em) {
table {width:100%!important;}
table thead th {display:none;}
table tbody td {width:100%;display:block}
table tbody td.ort {width:auto;display:inline-block;padding-right:0}
/*table tbody td:last-child {border-bottom:2px solid #fff;}*/
table tbody td {border:none;}
.callout.primary,tr,table tbody tr:nth-child(2n),table tbody tr:nth-child(2n)+1{background:#fff;color:#000}

table tbody td:first-child {border-top:2px solid #fff;}
}
@media screen and (min-width: 64.0125em) {.masonry-brick {width: 25%}}
@media screen and (min-width: 80.0em) { /*1280*/
  /* =============================================================================
 * Allgemeine Schriftgroessen / Abstaende 93,3%
 * ========================================================================== */
  .callout ol, .callout ul , .callout p, p, #inhalt ul, .card-section p.fontNormal {font-size: 1.125rem;}
  h1 {font-size: 1.875rem;margin-bottom: 1.4375rem;}
  h2 {font-size: 1.5rem;margin-bottom: 1.0rem;}
  h2.grau {margin-top:.9375rem;margin-bottom:0}
  h3 {margin-bottom: 0.875rem;}
  #inhalt {padding-bottom:5rem;}
  .start-themen {padding-top:5rem;}
  .callout.schwerpunkt h3, .callout.beitrag h3 {margin-bottom: 1.875rem;}

  /* =============================================================================
  * callouts
  * ========================================================================== */
  .callout.ziele li {margin-bottom: 1.0rem}
  /* =============================================================================
  * Kopfbilder Captions
  * ========================================================================== */
  .caption-child {
    font-size: 2.5rem;
  }
  .kopfslider p.caption0 span,.caption-parent {
    font-size: 4rem;
  }
  p.caption0, p.caption1, p.caption2 {
    margin-bottom: 0.2rem;
    line-height: 1.3;
  }
  .kopfslider p.caption0 {margin-bottom:1.1rem;}
  .kopfslider p.caption0 span,.caption-parent {
    line-height: 1.1;
  }

  /* =============================================================================
  * Charta Member List
  * ========================================================================== */
  .tx-listfeusers-pi1.large-up-2 > .columns, .tx-listfeusers-pi1.large-up-2 > .column {width: 47%;}
  .ag .tx-listfeusers-pi1.large-up-2 > .columns, .ag .tx-listfeusers-pi1.large-up-2 > .column {width: 32%;}
  .ag .large-up-2 > .column:nth-of-type(2n+1), .ag .medium-up-1 > .column:nth-of-type(2n+1) {clear:none}
  .ag .large-up-2 > .column:nth-of-type(3n+1) {clear:both}
  /*.tx-listfeusers-pi1.large-up-2 > div:nth-of-type(1n) {clear: none; }
  .tx-listfeusers-pi1.large-up-2 > div:nth-of-type(2n+1) {clear: both; }
  [class*="block-grid-"] > div {
      display: block;
      float: left;
      height: auto;
  } */
}
@media screen and (min-width: 81.0em) { /*1281 / ( für 1366)*/
  .login {float:left;width:49%;padding-right:1%}
  .registrierung {float:right;width:49%;padding-left:1%;position:relative}
  .registrierung form {position:absolute;bottom:0;width:100%}

  /* =============================================================================
  * cards
  * ========================================================================== */
  .card-section p {
   font-size: 1.375rem;
    line-height: 1.5;
  }
  .button {
    /*margin-top: 2.125rem;*/
    font-size: 1.125rem !important;
    /*text-transform: capitalize;background-color: #6B7581;*/
    padding: 0.4em 1em .65em
  }
}
@media screen and (min-width: 90.0em) { /*1440*/
  /* =============================================================================
  * Allgemeine Schriftgroessen / Abstaende 100%
  * ========================================================================== */
  .callout ol, .callout ul , .callout p, p, #inhalt ul, .card-section p.fontNormal {font-size: 1.125rem;}
  h1 {font-size: 1.875rem;margin-bottom: 1.0rem;}
  h2 {font-size: 1.5rem;margin-bottom: 1.0rem;}
  h3 {font-size: 1.25rem;margin-bottom: 0.875rem;}
  #inhalt {padding-bottom:6rem;}
  .start-themen {padding-top:6rem;}
  .callout.schwerpunkt h3, .callout.beitrag h3 {margin-bottom: 1.6rem;}
}
@media screen and (min-width: 103.0em) {
.title-bar .columns.end {padding-right: 8.5rem}
}
@media screen and (min-width: 120.0em) { /*1920*/
  /* =============================================================================
 * Kopfbilder Captions
 * ========================================================================== */
.header-image figcaption,.header-image figcaption.startseite {
    bottom: 13%;
/*    left: 20%;*/
  }
/*schriftgroesse*/
  .kopfslider p.caption0 span,.caption {
    font-size: 6.25rem;
  }
/*abstende nach unten*/
  p.caption0, p.caption1, p.caption2 {
    margin-bottom: 0.2rem;
    line-height: 1.3;
  }
.kopfslider p.caption0 {margin-bottom:1.1rem;}
  /*parent kleinere schriftgroesse*/
  .caption-child {
    font-size: 2.8125rem;
  }

  [class^="icon-"].sp-read-more-show, [class*=" icon-"].sp-read-more-show,
  [class^="icon-"].beitrag-read-more-show, [class*=" icon-"].beitrag-read-more-show,
  [class^="icon-"].sp-read-more-hide, [class*=" icon-"].sp-read-more-hide,
  [class^="icon-"].beitrag-read-more-hide, [class*=" icon-"].beitrag-read-more-hide,
   {
    font-size: 1.125rem;
  }

  [class^="icon-"]:before {display:block;font-family: 'icomoon' !important;padding-bottom: 1rem;font-size:5.75rem;}
  /* =============================================================================
   * cards
   * ========================================================================== */
  .card-section p {
    font-size: 1.125rem;
    line-height: 1.6;
  }
  .button {
    /*margin-top: 1.0rem;
    background-color: #6B7581;*/
    padding: 0.4em 1em .65em
  }

}
.print-only {display: none!important;}
@media print {
/*verstecken*/
#main_nav,.sticky-container,footer,/*.image-container figure,*/.header-image figure img,.hide-on-print,.interneNavi,.cookiebar,.breadcrumb,.ankernavi, #scroll-top, .news-more,
.sp-read-more-show, .beitrag-read-more-show, .show-for-large-only, .sp-read-more-hide, .beitrag-read-more-hide, a.button, #owl-silder-akteure,.medium-pull-10 {display: none!important;}
/*member*/
.large-up-1 > .column, .large-up-1 > .columns ,.large-up-2 > .column, .large-up-2 > .columns ,.large-up-3 > .column, .large-up-3 > .columns ,.large-up-4 > .column, .large-up-4 > .columns {width: 100%!important;
display: table!important;float: none!important;height: auto;}
a,p,li,.callout p {font-size:14pt}
h1 {font-size:18pt}
h2,h3 {font-size:16pt}
.column,.columns {width:100%}
.column.medium-6,.columns.medium-6 {width: 50%}
a.magnificpopup::before {content:""}

a[href]:after {content: "";}
.card-section a {text-decoration: none;}
/*printadresse*/
.print-only {display: block!important;}
.printadresse {border-bottom: 1px solid #000;font-size: 10pt;}
/*startseite anzeigen*/
.header-image figcaption {position: relative!important;display: block!important;/*padding-top: 200px;*/left: 0}
.header-image figcaption p.caption0,.header-image figcaption p.caption1,.header-image figcaption p.caption2 {display: inline-block!important;font-size: 18pt!important}
.caption,.caption-parent,.caption-child {font-size: 26pt!important}
/*reset equalize */
.callout.primary , .callout.primary div {height: auto!important;display: block;}
/*reset masonry todo*/
.masonry-brick {position: relative!important;display: block;left: 0;top: 0;height: auto!important;float: none}
/*grundsaetze linksbuendig*/
.medium-push-2 {left: 0}
/*accordion*/
#schwerpunkt, #beitrag, .accordion-content {display: block!important;height: auto;}
.accordion-title {font-size: 16pt}
.beitrag {text-align: left!important;}
/*mediathek*/

.masonry-brick[style], #infothek .column-block[style] {position:relative !important;display:block !important;left:0 !important;top:auto !important;float:left}

#masonry[style],#infothek[style]{height:auto !important}
  .print {display:block;font-weight:bold;}
  .no-print {display:none;}
}
/* Bilder im Callout zentriert */
.callout .medium-12.textpic figure {
text-align: center !important;
}

#inhalt .medium-8 .row .extra {
  padding: 0 0.9375rem
}

.tabs-panel[aria-hidden="false"] {display: block}
.tabs-title > a {font-size: 1.5rem}

#sortedtable a:hover {text-decoration: underline;}
ul.tabs {margin-left:0;border:none;background:transparent;}
.tabs-title > a,.tabs-title > a:hover, .tabs-title > a:visited {font-size:1.5rem;color:#a2c037}
.tabs-content {border:none;background:transparent}
.tabs-panel.events, .tabs-panel {padding:.9375rem 0;position:relative;}
.tabs-title > a[aria-selected="false"] {background: #e6e6e6;}
.tabs-title > a:hover,.tabs-title > a:focus,.tabs-title > a[aria-selected="true"] {background:transparent;color: #23614f;}
.button:visited {
    background-color: #d0661c;
    color: #fff;
}
table thead th {cursor:pointer;position:relative;}
table thead th.titel {width:50%!important;}
table tbody td {border-bottom:2px solid #fff;}
table tbody td:first-child {font-weight:normal;}
td.vertical-bottom{vertical-align:bottom}
.sorting::after, .sorting_asc::after, .sorting_desc::after {
    color: #fff;
    font-family: "icomoon";
    font-size: 1rem;
    font-weight: normal;
    float: right;
    display: inline-block;
    position: absolute;
    right: 0.5rem;
    top:.5rem;
}
.sorting_asc::after {content: "\e907"}
.sorting_desc::after {content: "\e926"}

.ce_dlh_googlemaps {
    width: 100% !important;
    height: 620px !important;
    margin-bottom: 0rem;clear:both;
}

.googlemaps {width: 12rem}

/*Staffelstab*/
.mfp-title {color:#6B7581!important;padding-left:.9375rem}
.gm_staffelstab {padding-top:.9375rem}
.gm-style img {max-height:250px;max-width: 400px;width:auto;height:auto}
.gm_staffelstab img {max-height:480px;max-width:650px; width:auto;height:auto}
.masonry-brick {width: 100%;margin: 0;float: left;padding: 0.9375rem}
#inhalt .masonry-brick figcaption,#inhalt .gridinfo figcaption {background: #fff;display:block;padding: 1rem;}
.caption-head {border-bottom: 1px solid #7f7f7f;display:block;font-weight:bold;padding: 0 0 .5rem;}
.caption-text {display: block;font-size: 1rem;padding: .5rem 0}
.refgeb p {font-size:.875rem}
.refgeb {width:550px;}
.gm-style-iw {width:600px !important}

div.feld{float:left;width:100%;padding:.2rem 1%;margin:0;font-weight:bold}
div.wert{float:left;width:100%;padding:.2rem 1%;margin:0}

@media only screen and (min-width:37.5rem){
div.feld{float:left;width:33.3333%;padding:.8rem 1%}
div.wert{float:right;width:66.6666%;padding:.8rem 1%}
}

@media only screen and (min-width:40rem){
div.feld{float:left;width:25%}
div.wert{float:right;width:75%}
.masonry-brick {width: 50%}
.popup-gallery img {padding:0 1% 1% 0}
}


@media screen and (max-width: 40.0em) { /*640*/
.googlemaps {width: 12rem}
.caption{display:inline-block}
}

@media screen and (min-width: 56.00em) { /*896*/
.googlemaps {width: 28rem}
}
@media screen and (min-width: 64.125em) {.masonry-brick {width: 33.333%}