:root {
     color-scheme: light;
     /* both supported */
 }

 .burger-menu-button {

     text-align: right;
     line-height: 0;
     position: absolute;
     left: 0;
     top: 15px;

 }

 .offcanvasRight {
     display: none !important;
 }

 .astroid-nav,
 .header-center-section {
     height: 80px;
 }

 .nav-stacked-logo {
     margin-right: 10px;
     margin-left: 10px;
 }

 .astroid-nav li a {
     color: #2a7f67 !important;
     font-weight: 600;
 }

 .astroid-header-sticky .astroid-nav li a {
     margin-top: 15px;
 }

 .astroid-footer-section {
     background-color: #2a7f67 !important;
 }

 .megamenu-container,
 .megamenu-container .nav-submenu .nav-submenu {
     border-top: 0px solid rgba(44, 46, 54, 0.4) !important;
 }

 .astroid-mobilemenu {
     max-width: unset !important;
     width: 100% !important;
 }

 .module-title,
 h1,
 h2,
 h3 {
     color: #2a7f67;
     font-weight: 400;
     border-bottom-width: 0px !important;
 }


 @media screen and (max-width: 468px) {
     h1 {
         font-size: 33px;
         line-height: 1.1em;
         margin: 0 0 25px 0;
     }

     p {
         font-size: 1.1rem;
     }

     .footer-info p {
         font-size: 14px;
     }
 }

 .btn {
     border-radius: 5px;
     background: #2a7f67;
     border: none;
     font-size: 16px;
     font-weight: 400;
     margin-top: 10px;
 }

 .module-title::before {
     display: none !important;
 }

 .astroid-stacked-seperated-menu {
     height: 70px;
 }

 #astroid-mobilemenu .nav-title i {
     display: none;
 }

 .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active>a {
     color: #2a7f67 !important;
 }

 #astroid-mobilemenu .nav-title {
     font-size: 20px;
     font-weight: 400;
 }

 .uk-dotnav>.uk-active>* {
     background-color: #2a7f67;
     border-color: transparent;
 }

 .uk-slidenav:focus,
 .uk-slidenav:hover {
     color: #2a7f67;
     background: #2a7f67;
 }

 .container-fluid {
     padding-right: 0px;
     padding-left: 0px;
 }

 #inhalt {
     padding-top: 0px;
     padding-bottom: 0px;
 }

 .astroid-component-section {
     padding: 0;
     max-width: 1200px;
     margin: 0 auto;
 }

 body {
     background-color: rgb(255 255 255);
     color: rgb(85, 85, 85);
 }

 .col-1200 {
     max-width: 1200px;
     width: 100%;
 }


 .astroid-section {

     margin: 0 auto;
     width: 100%;
 }

 @media screen and (max-width: 1210px) {
     #ca-1529739248826 {
         padding: 20px 10px 20px 10px;
     }
 }







 .itemid-234 #ac-1528971561366,
 .itemid-235 #ac-1528971561366,
 .itemid-237 #ac-1528971561366 {
     padding: 25px 0px 30px 0px;

 }

 .fa-calendar-check {
     display: none;
 }

 .Bottom {
     background-color: #fff;

 }

 .btn,
 a.btn,
 .btn-primar {
     min-width: 150px;
     padding: 15px;
     border-radius: 5px;
     color: #fff;
 }

 .btn:hover,
 a.btn:hover,
 .btn-primar:hover {
     background-color: #4a917d;
 }


 .offcanvasRight {
     display: none !important;
 }

 .astroid-nav,
 .header-center-section {
     height: 80px;
     align-items: center;
 }

 .nav-stacked-logo {
     margin-right: 10px;
     margin-left: 10px;
 }

 .astroid-nav li a {
     color: #2a7f67 !important;
     font-weight: 600;
 }

 .astroid-header-sticky .astroid-nav li a {
     margin-top: 15px;
 }

 .astroid-footer-section {
     background-color: #2a7f67 !important;
 }

 .megamenu-container,
 .megamenu-container .nav-submenu .nav-submenu {
     border-top: 0px solid rgba(44, 46, 54, 0.4) !important;
 }

 header#astroid-header {
     max-width: 1200px;
     margin: 0 auto;
 }

 .opendays {
     float: left;
     min-width: 140px;
 }

 .astroid-mobilemenu {
     max-width: unset !important;
     width: 100% !important;
 }

 .itemid-101 #ca-1529739248826 {}

 @media screen and (max-width: 992px) {
     header {
         height: 65px;
     }

     .astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
         padding: 15px;
     }

     .logo-wrapper {
         position: absolute;
         right: 0;
         top: 10px;
     }
 }


 .module-title,
 h1,
 h2,
 h3 {
     color: #2a7f67;
     font-weight: 400;
     border-bottom-width: 0px !important;
 }

 .btn {

     background: #2a7f67;
     border: none;
     font-size: 16px;
     font-weight: 400;
     margin-top: 10px;
 }

 .module-title::before {
     display: none !important;
 }

 .astroid-stacked-seperated-menu {
     height: 70px;
 }

 #astroid-mobilemenu .nav-title i {
     display: none;
 }

 .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active>a {
     color: #2a7f67 !important;
 }

 #astroid-mobilemenu .nav-title {
     font-size: 20px;
     font-weight: 400;
 }

 .uk-dotnav>.uk-active>* {
     background-color: #2a7f67;
     border-color: transparent;
 }

 .uk-slidenav:focus,
 .uk-slidenav:hover {
     color: #2a7f67;
     background: #2a7f67;
 }

 .uk-position-relative {
     position: relative !important;
     min-height: 250px;
 }

 .uk-slideshow-items>* {

     min-height: 250px;
 }

 .uk-slideshow-items {
     overflow: visible;
 }

 .container-fluid {
     padding-right: 0px;
     padding-left: 0px;
 }

 #inhalt {
     padding-top: 0px;
     padding-bottom: 0px;
 }

 .astroid-component-section {
     padding: 0;
     max-width: 1200px;
     margin: 0 auto;
 }

 body {
     background-color: rgb(255 255 255);
     color: rgb(85, 85, 85);
 }

 .astroid-section {

     margin: 0 auto;
     width: 100%;
 }

 .Bottom {
     background-color: #fff;

 }

 /*
    Special ID's
*/
 #b13f-oku73np5q {
     margin: 0px 0px 0px 0px;
     padding: 20px 20px 20px 10px;
 }

 /*
    Breadcrumbs
 */

 .breadcrumb .float-start {
     display: none;
 }

 .breadcrumb {

     position: relative;
     left: -15px;
     margin: 0 0 -35px;

 }

 @media screen and (max-width: 992px) {
     .breadcrumb {

         position: relative;
         left: -7px;
         margin: 0;
     }
 }

 /*
    Article / Blog
 */

 div[itemprop="articleBody"]>img,
 div[itemprop="articleBody"]>p>img {
     float: left;
     margin: 10px 15px 15px 0;
     max-width: 400px;

 }


 /*
 
    Breezing Forms
 */

 form {
     max-width: 600px;
 }

 .form-control:focus,
 #adminForm .controls>textarea:focus,
 #adminForm .controls>select:focus,
 #adminForm .controls>input[type="text"]:focus,
 #adminForm .controls>input[type="password"]:focus,
 #adminForm .controls>input[type="datetime"]:focus,
 #adminForm .controls>input[type="datetime-local"]:focus,
 #adminForm .controls>input[type="date"]:focus,
 #adminForm .controls>input[type="month"]:focus,
 #adminForm .controls>input[type="time"]:focus,
 #adminForm .controls>input[type="week"]:focus,
 #adminForm .controls>input[type="number"]:focus,
 #adminForm .controls>input[type="email"]:focus,
 #adminForm .controls>input[type="url"]:focus,
 #adminForm .controls>input[type="search"]:focus,
 #adminForm .controls>input[type="tel"]:focus,
 #adminForm .controls>input[type="color"]:focus,
 #adminForm .controls>.uneditable-input:focus,
 #adminForm .controls .field-calendar input[type="text"]:focus,
 #adminForm .controls .field-media-input:focus {
     color: #212529;
     background-color: white;
     border-color: #2a7f67;
     ;
     outline: 0;
     box-shadow: none;
 }

 .bfQuickMode input[type=text],
 .bfQuickMode textarea,
 .bfQuickMode select,
 .bfQuickMode .uneditable-input {
     min-height: 50px;
 }

 /*
    Footer
 */

 .mod-custom p {
     margin: 0;
 }

 /*

Footer iage

*/

 .footerIageLinks a.footerIageLinksIage {
     color: #b0b0b0;
     opacity: 1;
 }

 .footerIageLinks a.footerIageLinksKlima {
     color: #b0b0b0;
     opacity: 1;
     white-space: nowrap;
 }

 .footerIageLinks a.footerIageLinksIage:hover {
     color: #fff !important;
     opacity: 1;
     text-decoration: none;
 }

 .footerIageLinks a.footerIageLinksKlima:hover {
     color: #fff !important;
     opacity: 1;
     text-decoration: none;
 }

 .footerIageLinks a span {}

 .footerIageLinks a.footerIageLinksIage span {
     background-image: url("/images/footer-iage/iage-logo-weiss.svg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% auto;
     display: inline-block;
     height: 22px;
     margin-bottom: 0;
     margin-left: 5px;
     margin-right: 10px;
     opacity: 0.7;
     width: 33.9px;
     vertical-align: middle;
 }


 .footerIageLinks a.footerIageLinksKlima span {
     background-image: url("/images/footer-iage/klimafreundlich-weiss.svg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% auto;
     display: inline-block;
     height: 22px;
     margin-bottom: 0;
     margin-left: 5px;
     opacity: 0.7;
     width: 22.6px;
     vertical-align: middle;
 }

 .footerIageLinks a.footerIageLinksIage:hover span {
     background-image: url("/images/footer-iage/iage-logo-weiss.svg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% auto;
     display: inline-block;
     height: 22px;
     margin-bottom: 0;
     margin-left: 5px;
     margin-right: 10px;
     opacity: 1;
     width: 33.9px;
     vertical-align: middle;
 }

 .footerIageLinks a.footerIageLinksKlima:hover span {
     background-image: url("/images/footer-iage/klimafreundlich-gruen.svg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% auto;
     display: inline-block;
     height: 22px;
     margin-bottom: 0;
     margin-left: 5px;
     opacity: 1;
     width: 22.6px;
     vertical-align: middle;
 }


 @media (prefers-color-scheme: dark) {
     .astroid-header-section {
         background-color: #fffcfc;
     }

     .header-mobilemenu-trigger.burger-menu-button .inner,
     .header-mobilemenu-trigger.burger-menu-button .inner::before,
     .header-mobilemenu-trigger.burger-menu-button .inner::after {
         background-color: rgb(0, 0, 0);
     }

     .astroid-mobilemenu-open .close-offcanvas,
     .astroid-mobilemenu-open .close-offcanvas:hover {
         color: #000000;

     }

     .astroid-mobilemenu-open .burger-menu-button .inner,
     .astroid-mobilemenu-open .burger-menu-button .inner::before,
     .astroid-mobilemenu-open .burger-menu-button .inner::after {
         background-color: rgb(0, 0, 0);
     }
 }