body, .body{font-weight:500;text-transform:none;font-size:14px;line-height:1.7em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}html{background-color:rgb(255, 255, 255);}[data-bs-theme=dark]{background-color:rgb(255, 255, 255);}body{--bs-body-bg:rgb(255, 255, 255);--bs-body-color:rgb(85, 85, 85);}body a{color:var(--as-link-color);--as-link-color:rgba(34, 34, 34, 1);}body a:hover{color:var(--as-link-hover-color);--as-link-hover-color:rgb(153, 153, 153);}[data-bs-theme=dark] body{--bs-body-bg:rgb(255, 255, 255);--bs-body-color:rgb(85, 85, 85);}[data-bs-theme=dark] body a{--as-link-color:rgba(0, 0, 0, 1);}[data-bs-theme=dark] body a:hover{--as-link-hover-color:rgb(153, 153, 153);}header{color:rgb(153, 153, 153);}[data-bs-theme=dark] header{color:rgb(153, 153, 153);}.astroid-header-section, .astroid-sidebar-header, .astroid-sidebar-header > *{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-header-section, [data-bs-theme=dark] .astroid-sidebar-header, [data-bs-theme=dark] .astroid-sidebar-header > *{background-color:rgb(255, 255, 255);}#astroid-sticky-header{background-color:rgba(0, 117, 86, 1);}#astroid-sticky-header .astroid-nav .nav-link{color:rgba(255, 255, 255, 1);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgba(255, 255, 255, 1);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgba(255, 255, 255, 1);}[data-bs-theme=dark] #astroid-sticky-header{background-color:rgba(153, 153, 153, 1);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link{color:rgba(147, 147, 147, 1);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:hover{color:rgba(0, 0, 0, 1);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:active, [data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link.active{color:rgba(180, 180, 180, 1);}.astroid-nav .nav-link{color:rgba(255, 255, 255, 1);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active{color:rgba(255, 255, 255, 1);}[data-bs-theme=dark] .astroid-nav .nav-link{color:rgba(14, 0, 0, 1);}[data-bs-theme=dark] .astroid-nav .nav-link:hover{color:rgba(199, 199, 199, 1);background-color:rgba(186, 202, 198, 1);}[data-bs-theme=dark] .astroid-nav .nav-link:focus{color:rgba(199, 199, 199, 1);}[data-bs-theme=dark] .astroid-nav .nav-link:active, [data-bs-theme=dark] .astroid-nav .nav-link.active{color:rgba(11, 0, 0, 1);background-color:rgba(191, 191, 191, 1);}.megamenu-container{background-color:rgba(255, 255, 255, 1);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgba(255, 255, 255, 1);}.has-megamenu.open .arrow{border-bottom-color:rgba(255, 255, 255, 1);}.megamenu-container li.nav-item-submenu > a{color:rgb(119, 119, 119);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(0, 0, 0);background-color:rgb(248, 248, 248);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(0, 0, 0);background-color:rgb(248, 248, 248);}[data-bs-theme=dark] .megamenu-container{background-color:rgba(179, 0, 255, 1);}[data-bs-theme=dark] .megamenu-container .nav-submenu .nav-submenu{background-color:rgba(179, 0, 255, 1);}[data-bs-theme=dark] .has-megamenu.open .arrow{border-bottom-color:rgba(179, 0, 255, 1);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a{color:rgb(119, 119, 119);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:hover{color:rgb(0, 0, 0);background-color:rgb(248, 248, 248);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:active, [data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a.active{color:rgb(0, 0, 0);background-color:rgb(248, 248, 248);}.astroid-sidebar-menu .nav-item-inner > .as-menu-item{color:rgba(255, 255, 255, 1);}.astroid-sidebar-menu .nav-item-inner > .as-menu-item:active, .astroid-sidebar-menu .nav-item-inner > .as-menu-item.active{color:rgba(255, 255, 255, 1);}.astroid-sidebar-menu .nav-item-inner:active > i, .astroid-sidebar-menu .nav-item-inner.active > i{color:rgba(255, 255, 255, 1);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover{background-color:rgb(248, 248, 248);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover a.as-menu-item{color:rgb(0, 0, 0);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner:active{background-color:rgb(248, 248, 248);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item{color:rgb(119, 119, 119);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item:active{color:rgb(248, 248, 248);}.astroid-sidebar-menu .navbar-subnav{background-color:rgba(255, 255, 255, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item{color:rgba(14, 0, 0, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item:hover{color:rgba(199, 199, 199, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item:active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item.active{color:rgba(11, 0, 0, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner:hover{background-color:rgba(186, 202, 198, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner:active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner.active{background-color:rgba(191, 191, 191, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover{background-color:rgb(248, 248, 248);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover a.as-menu-item{color:rgb(0, 0, 0);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner:active{background-color:rgb(248, 248, 248);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item{color:rgb(119, 119, 119);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item:active{color:rgb(248, 248, 248);}[data-bs-theme=dark] .astroid-sidebar-menu .navbar-subnav{background-color:rgba(179, 0, 255, 1);}#astroid-sticky-header .header-mobilemenu-trigger.burger-menu-button .inner, #astroid-sticky-header .header-mobilemenu-trigger.burger-menu-button .inner::before, #astroid-sticky-header .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgba(0, 117, 86, 1);}#astroid-sticky-header .astroid-mobilemenu-open .burger-menu-button .inner, #astroid-sticky-header .astroid-mobilemenu-open .burger-menu-button .inner::before, #astroid-sticky-header .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgba(0, 117, 86, 1);}.astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(0, 117, 86) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(0, 117, 86) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgb(255, 255, 255);}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgba(209, 209, 209, 1);}[data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgba(209, 209, 209, 1);}.astroid-mobilemenu{background-color:rgba(255, 255, 255, 1) !important;color:rgba(0, 0, 0, 1) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgba(255, 255, 255, 1) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgba(255, 255, 255, 1) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgba(0, 117, 86, 1) !important;}.astroid-mobilemenu .menu-indicator{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-mobilemenu{background-color:rgba(245, 245, 245, 1) !important;color:rgba(121, 121, 121, 1) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgba(245, 245, 245, 1) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgba(23, 35, 32, 1) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgba(0, 117, 86, 1) !important;}[data-bs-theme=dark] .astroid-mobilemenu .menu-indicator{color:rgb(0, 0, 0) !important;}.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:rgba(0, 117, 86, 1);}[data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgba(224, 224, 224, 1);}.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:rgba(0, 117, 86, 1);}[data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgba(0, 117, 86, 1);}.items-leading .article-title .page-header h2{font-size:22px;}.items-row .article-title .page-header h2{font-size:18px;}.jobs-filters {
    margin-top: 100px;
}

.uk-button-small {
    padding: 0 15px;
    line-height: 28px;
    font-size: 0.875rem;
    padding: 10px;
}

#sppb-addon-0fdbd60f-061e-4cab-9885-d45a349fd586 #btn-0fdbd60f-061e-4cab-9885-d45a349fd586.sppb-btn-custom:hover {
    border: 2px solid #007556;
}

#sppb-addon-0fdbd60f-061e-4cab-9885-d45a349fd586 #btn-0fdbd60f-061e-4cab-9885-d45a349fd586.sppb-btn-custom {
    border: 2px solid #007556;
}

#sppb-addon-86897df2-98bc-490b-90fc-465636a440db #btn-86897df2-98bc-490b-90fc-465636a440db.sppb-btn-custom:hover {
    border: 2px solid #007556;
}

#sppb-addon-86897df2-98bc-490b-90fc-465636a440db #btn-86897df2-98bc-490b-90fc-465636a440db.sppb-btn-custom {
    border: 2px solid #007556;
}

/* unvisited link */
a:link {
    color: rgb(0, 0, 0);
}

/* visited link */
a:visited {
    color: rgb(0, 0, 0);
}

/* mouse over link */
a:hover {
    color: rgb(0, 0, 0);
}

/* selected link */
a:active {
    color: rgb(0, 0, 0);
}

.sppb-panel-custom .sppb-panel-heading {
    color: black;
}

.sppb-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bolder;
    color: black;
}

#sppb-addon-1b274357-5489-4a96-9cfd-801f5650c120 {
    color: #000;
}

.test-horizontal {
    width: 100%;
    overflow: auto;
    /* Oder 'auto', wenn du möchtest, dass der Scrollbalken nur bei Bedarf angezeigt wird */
}

/* Anpassen des Scrollbalkens für WebKit-basierte Browser (Chrome, Safari, neueste Versionen von Opera) */
.test-horizontal::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.test-horizontal::-webkit-scrollbar-thumb {
    background: #007556;
    border-radius: 5px;
}

.test-horizontal::-webkit-scrollbar-track {
    background-color: #ddd;
    border: 1px solid #ccc;
}

.test-horizontal::-webkit-scrollbar-button {
    background-color: #007556;
    border-radius: 5px;
}

.test-horizontal::-webkit-scrollbar-button:hover {
    background-color: #999999;
}

/* Anpassungen für Firefox */
.test-horizontal {
    scrollbar-width: thin;
    /* 'auto' oder 'thin' */
    scrollbar-color: #007556 #ddd;
    /* Daumen und Track */
}

/* Internet Explorer und Edge Legacy-Unterstützung */
/* Für IE und Edge Legacy gibt es keine direkten CSS-Eigenschaften zur Anpassung der Scrollbalken, daher sind keine zusätzlichen Styles notwendig. */

/* Globale Anpassung für ::-webkit-scrollbar für WebKit-basierte Browser, wenn @supports verfügbar ist */
@supports selector(::-webkit-scrollbar) {
    .test-horizontal::-webkit-scrollbar:horizontal {
        background: #007556 !important;
    }

    .test-horizontal::-webkit-scrollbar-thumb:horizontal {
        background: #007556 !important;
    }
}


#sppb-addon-1615447076683 #btn-1615447076683.sppb-btn-info {
    letter-spacing: 0px;
    color: #fff;
}

.pd-categories-view {
    margin-top: 50px;
}


.btn-primary {
    background: #ddd !important;
    color: black !important;
    border: 0 !important;

}

.pd-button-box-bt a.btn {
    float: right;
    margin: 5px;
    background: #fff;
    color: black !important;
}

#phoca-dl-category-box .pd-category h3.pd-ctitle,
#phoca-dl-file-box .pd-file h3.pd-ctitle,
#phoca-dl-download-box .pd-file h3.pd-ctitle {
    margin: 0;
    padding: 15px;
    background: #fafafa;
    border: 1px solid #e9e9e9;
    margin-bottom: 7px;
    /* border-radius: 25px; */
}

#phoca-dl-download-box .pd-filenamebox-bt,
#phoca-dl-category-box .pd-filenamebox-bt {
    position: relative;
    float: left;
    margin: 5px 0px;
    padding-left: 25px;
    padding-top: 15px;
}

#btn-c6570ea9-5515-484c-86bc-d37c892bdbbf0 .sppb-btn-custom:hover {
    background-color: #fff;
    color: #007556;
}

.burger-menu-button {
    text-align: right;
    line-height: 0;
    margin: 0;
    padding-left: 25px;
    padding-top: 8px;
    padding-bottom: 8px;

}

.com-content-category-blog__items {
    margin-top: 75px;

}

#jb_template {
    margin-top: 75px !important;
}

.page-header {
    margin-top: 75px !important;
}

#phoca-dl-category-box {
    margin-top: 75px !important;
}

#sppb-addon-1eb538c6-5355-45bb-b251-facd33b8fb86 .sppb-addon-header .sppb-addon-title {
    font-weight: 500;
    font-style: italic;
    font-size: 55px;
    line-height: 55px;
}

/** ################################################################################ **/
/** ################################################################################ **/
/** ################################################################################ **/


/** ################################################################################ **/
/** adjustments to header height **/
/** ################################################################################ **/

/** defunct empty section blocking grey menu events **/
section#section-id-a82d054f-9634-436b-bbef-fc2e098bd0ae {
    display: none;
}

@media only screen and (min-width: 769px) {
    :root {
        --header-max-height: 10rem;
        --top-menu-max-height: 60px;
    }

    /** full header white bg section bracket **/
    section#hm-fs8bhwlsh {
        max-height: var(--header-max-height);
    }

    /** astroid-column white header bracket **/
    div#ac-cxm6jskss {
        max-height: var(--header-max-height);
    }

    /** top menu **/
    section#section-id-1683182862898 {
        max-height: var(--top-menu-max-height) !important;
    }

    /** header pushed down by some other hack or broken template hierarchy **/
    header#astroid-header {
        padding-top: 2px;
        padding-bottom: 10px;
    }

    /** grey menu tooltip **/
    span.nav-title sup {
        top: -17px !important;
    }

    span.nav-title sup span.menu-item-badge {}

    /** grey bar module position **/
    div#mp-2yxactw28 {}
}


@media only screen and (max-width: 769px) {
    /** ################################################################################ **/
    /** broken template hierarchy - mobile menu top margin fix (hack(?)) **/
    /** ################################################################################ **/

    :root {
        --mobile-menu-height: 74px;
    }

    /** full header white bg section bracket **/
    section#hm-fs8bhwlsh {
        max-height: var(--mobile-menu-height);
    }

    div#ar-aj20a49jd,
    div#h-199izrpg7,
    div#h-199izrpg7 div {
        margin: 0;
        padding: 0;
        height: 0;
        max-height: 0;
    }





    /** ################################################################################ **/
    /** mobile menu site logo hack **/
    /** ################################################################################ **/

    /** cleanup **/
    body {
        padding-top: 0 !important;
    }

    section#section-id-dce7270d-1c07-4182-8ebe-70f48aa08e25 {
        display: none;
    }

    #column-id-583acd88-95e9-47c3-ac1b-57ba45a582ac {
        height: 0;
    }

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

        /** mobile grey menu bar color **/
        :root {
            --mobile-header-bg-color: #ffffff;
        }

        div#mp-2yxactw28 div.position-0-position {
            margin: 0;
            padding: 8px;
            background-color: var(--mobile-header-bg-color);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            /* Schlagschatten nach unten */
        }

        header#astroid-header {
            background-color: var(--mobile-header-bg-color);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
            /* Schlagschatten nach unten */
        }
    }


    /* Stellt sicher, dass das Logo im mobilen Menü ganz rechts positioniert ist */
    @media (max-width: 769px) {
        #astroid-header {
            position: relative;
        }

        /* Logo-Wrapper anpassen */
        #astroid-header .logo-wrapper {
            position: absolute;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
        }

        /* Falls das Logo selbst zusätzlich angepasst werden muss */
        #astroid-header .astroid-logo {
            display: flex;
            justify-content: flex-end;
        }
    }

    .logo-wrapper {
        position: absolute;
        right: 25px;
        /* Oder ein anderer Abstand */
    }

    .sticky-header .logo-wrapper {
        position: absolute;
        right: 25px;
        /* Stelle sicher, dass es im Sticky-Modus auch rechts bleibt */
    }


    /* Erhöhen der Höhe des mobilen Menüs */
    #astroid-sticky-header {
        height: 80px;
        /* Passen Sie die Höhe nach Bedarf an */
    }

    /* Anpassen der Höhe der inneren Elemente */
    #astroid-sticky-header .container {
        height: 100%;
        align-items: center;
    }

    /* Anpassen der Höhe des Burger-Menüs */
    .header-mobilemenu-trigger {
        height: 100%;
    }

    /* Anpassen der Höhe des Logos */
    .logo-wrapper {
        height: 100%;
        display: flex;
        align-items: center;
    }


    /* Positionierung des Burger-Menüs ganz links */
    .header-mobilemenu-trigger {
        margin-right: auto;
        /* Verschiebt das Menü nach links */
        padding-left: 25px;
        /* Optional: Fügt etwas Abstand zum linken Rand hinzu */
    }

    /* Optional: Anpassung der Position des Logos, falls nötig */
    .logo-wrapper {
        margin-left: 0;
        /* Verschiebt das Logo nach rechts */
    }



    /* Schatten unter dem Menü beim Scrollen */
    #astroid-sticky-header {
        transition: box-shadow 0.3s ease-in-out;
        /* Sanfte Übergänge für den Schatten */
    }

    #astroid-sticky-header.scrolled {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        /* Schatten beim Scrollen */
    }


    /* Fixiere das mobile Menü oben */
    @media (max-width: 769px) {
        #astroid-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            background-color: #fff;
            /* Hintergrundfarbe anpassen */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            /* Optional: Schatten hinzufügen */
        }

        /* Optional: Abstand nach oben für den Inhalt hinzufügen, damit er nicht vom Menü verdeckt wird */
        body {
            padding-top: 60px;
            /* Höhe des Menüs anpassen */
        }
    }

    /* Versteckt das mobile Menü und entfernt es aus dem DOM */
    #maximenuck268-mobile-bar {
        display: none !important;
        visibility: hidden;
        height: 0;
        width: 0;
        overflow: hidden;
    }

    /* Abstand nach Oben für den Home-Wrapper, Header Video Startseite */
    #section-id-86c0e43f-9a0c-4150-98ff-4fd17a508ddc {
        margin-top: 0px !important;
    }





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

        /* Container für den mobilen Header */
        .header-mobilemenu-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            padding: 8px 15px;
            gap: 10px;
            /* Gleichmäßiger Abstand */
        }

        /* Online-Anfrage Button LINKS neben dem Burger-Menü */
        .mobile-request-button {
            background-color: #007556;
            color: #ffffff !important;
            /* Weiße Schrift mit Priorität */
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            padding: 6px 12px;
            border-radius: 6px;
            border: none;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 32px;
            /* Höhe auf Menü-Höhe anpassen */
            line-height: 32px;
            white-space: nowrap;
            /* Kein Umbruch */
            z-index: 9999;
            /* Sicherstellen, dass er sichtbar ist */
            position: fixed;
            /* Fixierung beim Scrollen */
            top: 10px;
            /* Position von oben */
            left: 15px;
            /* Position von links */
            order: -1;
            /* Button nach links verschieben */
            margin-left: 65px;
            /* Button leicht nach rechts verschieben */
            margin-top: 7px;
            /* Button leicht nach unten verschieben */
        }

        /* Hover-Effekt */
        .mobile-request-button:hover {
            background-color: #00573F;
            color: #ffffff !important;
        }

        /* Burger-Menü */
        .header-mobilemenu-trigger {
            display: flex;
            align-items: center;
            height: 32px;
        }

        /* Logo bleibt ohne zusätzlichen Abstand */
        .logo-wrapper {
            display: flex;
            align-items: center;
            margin-left: auto;
        }
    }





    @media only screen and (min-width: 769px) {
        .mobile-request-button {
            display: none !important;
            /* Button auf Desktop komplett ausblenden */
            visibility: hidden !important;
            opacity: 0 !important;
            position: absolute !important;

            @media only screen and (min-width: 769px) {
                .header-mobilemenu-container {
                    display: none !important;
                    /* Blendet das gesamte Menü auf Tablets und Desktops aus */
                    visibility: hidden !important;
                    height: 0 !important;
                    overflow: hidden !important;
                }
            }

        }
    }

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

        /* Container für den mobilen Header */
        .header-mobilemenu-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            padding: 0px 15px;
            gap: 10px;
            /* Gleichmäßiger Abstand */
        }

        /* Online-Anfrage Button NUR auf mobilen Geräten */
        .mobile-request-button {
            background-color: #007556;
            color: #ffffff !important;
            /* Weiße Schrift mit Priorität */
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            padding: 6px 12px;
            border-radius: 6px;
            border: none;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 32px;
            /* Höhe auf Menü-Höhe anpassen */
            line-height: 32px;
            white-space: nowrap;
            /* Kein Umbruch */
            z-index: 9999;
            /* Sicherstellen, dass er sichtbar ist */
            position: fixed;
            /* Fixierung beim Scrollen */
            top: 10px;
            /* Position von oben */
            left: 15px;
            /* Position von links */
            order: -1;
            /* Button nach links verschieben */
            margin-left: 65px;
            /* Button leicht nach rechts verschieben */
            margin-top: 6px;
            /* Button leicht nach unten verschieben */
        }

        /* Hover-Effekt */
        .mobile-request-button:hover {
            background-color: #00573F;
            color: #ffffff !important;
        }

        /* Burger-Menü */
        .header-mobilemenu-trigger {
            display: flex;
            align-items: center;
            height: 32px;
        }

        /* Logo bleibt ohne zusätzlichen Abstand */
        .logo-wrapper {
            display: flex;
            align-items: center;
            margin-left: auto;
        }
    }




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

        /* Online-Anfrage Button standardmäßig sichtbar */
        .mobile-request-button {
            display: flex !important;
        }

        /* Button ausblenden, wenn das Menü geöffnet ist */
        [class*="mobilemenu-open"] .mobile-request-button,
        [class*="active"] .mobile-request-button {
            display: none !important;
        }
    }



}

@media (min-width: 576px) {}

@media (min-width: 769px) {

    body,
    .body {
        font-size: 14px !important;
        line-height: 1.7em !important;
    }
}

@media (min-width: 992px) {
    #mp-2yxactw28 {
        margin-bottom: -150px !important;
    }



    #f1c-qe89el34j {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #f-oel6e1bpp {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    body,
    .body {
        font-size: 15px !important;
        line-height: 1.7em !important;
    }

}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {

    .astroid-component-section {
        padding: 0 !important;
    }

    .sp-page-builder .page-content #section-id-405a18d4-d888-4f5d-9de0-90fb6f5d4284 {
        padding-top: 30px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        color: rgb(255, 255, 255);
        border-radius: 0px;
        min-height: 0px;
    }





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

        /* Header sicherstellen */
        #astroid-header {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            background-color: #ffffff !important;
            /* Weißer Hintergrund */
            padding: 10px 15px;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 10000;
            /* Sicherstellen, dass es oben bleibt */
            height: 60px;
        }

        /* Fix für das Burger-Menü */
        .header-mobilemenu-trigger {
            display: flex !important;
            align-items: center;
            justify-content: center;
        }

        /* Logo sicherstellen */
        .logo-wrapper.astroid-logo {
            display: flex !important;
            align-items: center;
            justify-content: center;
            max-width: 150px;
            /* Falls nötig, Größe anpassen */
        }

        /* Online-Anfrage Button sichtbar */
        .mobile-request-button {
            display: flex !important;
            align-items: center;
            justify-content: center;
            padding: 5px 10px;
            background-color: #007150;
            color: #ffffff;
            text-decoration: none;
            border-radius: 5px;
        }

        /* Body Padding verhindern, falls Header fixiert ist */
        body {
            padding-top: 70px !important;
        }
    }




    @media (max-width: 770px) {
        .mobile-header {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            background-color: white !important;
            padding: 10px;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
        }

        .mobile-header .logo {
            max-width: 150px;
            /* Anpassen je nach Größe des Logos */
        }

        .mobile-header .burger-menu,
        .mobile-header .menu-button {
            display: block !important;
        }

        .desktop-menu {
            display: none !important;
        }
    }




    /* Container für die Buttons */
    div#maximenuck268 ul.maximenuck2 div.maximenuck_mod {
        display: flex;
        flex-direction: column;
        /* Buttons bleiben untereinander */
        align-items: center;
        /* Zentriert die Buttons */
        width: 100%;
        /* Sorgt dafür, dass der Container nicht überläuft */
        box-sizing: border-box;
    }

    /* Styling für die Buttons */
    div#maximenuck268 ul.maximenuck2 div.maximenuck_mod a {
        display: block;
        width: 95%;
        /* Buttons passen sich dem Container an */
        max-width: 300px;
        /* Begrenzung für größere Bildschirme */
        margin: 15px 0;
        /* Abstand oben und unten, aber kein extra Padding innen */
        text-align: center;
        box-sizing: border-box;
        /* Verhindert Größenprobleme */
        gap: 5px;
        /* Abstand zwischen Icon und Text */
        padding-right: 30px !important;
        /* Abstand rechts */
        padding-left: 30px !important;
        /* Abstand links */
    }


    /* Social Media Bar */
    .nav-header {
        display: block;
        padding: 0;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
        color: #999;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        text-transform: uppercase;
    }


    /* Abstand Premium Produkte, Phoca Download */
    .pd-categories-view {
        padding-top: 100px;
        padding-bottom: 350px;
    }

    /* Abstand Stellenangebote */
    #jb_template {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    /* Abstand Startseite unter dem Header */
.sp-page-builder .page-content #section-id-jbh1yEesmrVsoLS_rlHz9 {
    padding-top: -65px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-radius: 0px;
    min-height: 0px !important;
}

.sp-page-builder .page-content #section-id-1739265608057 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-radius: 0px;
    min-height: 0px;
}


/** Abstand Unter dem Header und über dem Footer, darf nicht größer sein als 50px **/

#cs-1528971561366 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}



}@media (min-width: 576px) {}@media (min-width: 768px) {body, .body{font-size:14px;line-height:1.7em;}}@media (min-width: 992px) {body, .body{font-size:15px;line-height:1.7em;}}@media (min-width: 1200px) {}@media (min-width: 1400px) {}