/* responsive.css */
/* Version: 1.0.4 */
/* elt_services_gruen */

@charset "utf-8";

@media (min-width: 1600px)  {
    .logo {width: 100%;}
    .logo a img {height:32px;}

    .text-logo, .text-logo a, .subtext-logo {
        font-size: 1rem; /* Sicherstellen, dass 1em = 16px bleibt */
        line-height: 2; /* was 32px/30px */
    }

    .text-logo {
		margin-top:0px;

    }
    .text-logo a {
        font-size: 1.875rem; /* was 30px */
		margin-top:0px;

    }
    .subtext-logo {
        font-size: 0.875rem; /* was 14px */
        float:right;
	}

    .bottom-yellow-bar {
        position: absolute;
        right: 21%;
        bottom: -20px;
        width: 30.6%;
        height: 40px;
        background-color: var(--col_background);
        z-index: 1;
    }
}

:root{
    --col_secondary:#FFCD02;
    --col_primary:#0057b8;
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .logo {width: 100%;}
    .logo a img {height:30px;}

    .text-logo, .text-logo a, .subtext-logo {
        font-size: 1rem; /* Sicherstellen, dass 1em = 16px bleibt */
        line-height: 1.875; 
    }

    .text-logo {
		margin-top:0px;

    }
    .text-logo a {
        font-size: 1.75rem; /* was 28px */
		margin-top:0px;

    }
    .subtext-logo {
        font-size: 0.8125rem; /* was 13px */
        float:right;
	}

    .bottom-yellow-bar {
        position: absolute;
        right: 8%;
        bottom: -20px;
        width: 45.6%;
        height: 40px;
        background-color: var(--col_background);
        z-index: 1;
    }


    .navigation_main > ul > li {padding:0 20px;}
    .navigation_main > ul > li > a {font-size: 1rem;font-weight: 600;}
    .navigation_main ul li > a:after {top:7px;}
    .teaser_tab .teaser_content .teaser_contenbox {padding: 0 100px 128px;}    
    .home_slider .owl-dots{width: 1290px;}
    .aktuellebox .info_bottom .i_box {    padding: 11px 10px 10px;}

    .sidebar {padding: 0 20px 0 98px;}
    .searchbox input {width:320px;}
    .footer .ft_box {padding:0;}
 }
@media (min-width: 1200px) and (max-width: 1399px) {

    body {font-size: 1rem;} /* was 16px */
    .logo {width: 90%;}
    .logo a img {height:26px;}

    .text-logo, .text-logo a, .subtext-logo {
        font-size: 1rem; /* Sicherstellen, dass 1em = 16px bleibt */
        line-height: 1.75;
    }

    .text-logo {
		margin-top:0px;
    }

    .text-logo a {
        font-size: 1.625rem; /* was 26px */
		margin-top:0px;
    }

    .subtext-logo {
    font-size: 0.8125rem; /* was 13px */
    float:right;
	}

    .bottom-yellow-bar {
        position: absolute;
        right: 4%;
        bottom: -20px;
        width: 45.6%;
        height: 40px;
        background-color: var(--col_background);
        z-index: 1;
    }

    .navigation_main > ul > li {padding:0 15px;}
    .navigation_main > ul > li > a {font-size: 1rem; font-weight: 600;}
    .navigation_main ul li > a:after {top:8px;}

    .home_slider .owl-dots{width: 1170px;}
    .aktuellebox .info_bottom{border-top: 3px solid #fff;}
    .aktuellebox .info_bottom .i_box {    padding: 11px 10px 10px;}
    .aktuellebox .info_bottom .i_box:last-child {border-left: 3px solid #fff;}
    .aktuellebox .date {font-size: 0.8125rem; /* was 13px */}
    .aktuellebox .lessenlink a{font-size: 0.8125rem; /* was 13px */}
    .lessenlink a span:after {top:3px;}
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size: 3rem; /* was 50px */}
    .teaser_tab .teaser_content .teaser_contenbox {padding: 0 70px 128px;}
    
    .sidebar {padding: 0 20px 0 58px;} 
    .sidebar .searchbox input {width:100%;}   
    .dienstle-title h2 {
		font-size: 3.25rem;
		line-height: 1.2;
		margin-bottom: 0em;
		width:100%;
	}
    .news_content h1 {font-size: 3rem; /* was 50px */}

    .eventbox .image {width: 25%;}

    .keyword_sec {padding:0 0 100px;}

    .footer_top .about h2 {font-size: 3rem; /* was 50px */}
    .footer .ft_box {padding:0;}
    .footer .newsbtn a {font-size: 1rem;}
    .footer_bottom {padding: 100px 20px 100px;}
    
}

@media (min-width: 992px) {
    #grdstteaser_news {
        float: right;
        margin-bottom: 30px;
        padding-left: 30px;
        border-left: 1px solid var(--col_primary);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body {font-size: 0.9375rem;} /* was 15px */

    .navigation_main > ul > li {padding:0 8px;}
    .navigation_main > ul > li > a {font-size: 1rem; font-weight: 600;}
    .navigation_main ul li > a:after {top:8px;width: 11px;height: 7px;}
    header .megamenu .sub_menu{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    header .megamenu .sub_menu .col {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
    }
    .navigation_main .container > ul > li { padding: 0 20px 0 0; }

    h1 {font-size: 2.625rem; /* was 42px */}
    h2 {font-size: 2.375rem; /* was 38px */}
    h3 {font-size: 2rem; /* was 32px */}
    h4 {font-size: 1.25rem; /* was 20px */}
    h5 {font-size: 1.125rem; /* was 18px */}
    h6 {font-size: 1rem; /* was 16px */} 
    .btnbox.big a {min-height: 65px;line-height: 1; /* was 65px/65px */}   
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size: 2.5rem; /* was 48px */}
    .teaser_tite p {font-size: 1.25rem; /* was 20px */}
    .teaser_tab .teaser_content .teaser_contenbox {padding: 0 50px 118px;}

    .sidebar {padding: 0 20px 0 58px;}    
    .sidebar .searchbox input {width:100%;}
    .sidebar .ansprechbox .partner_text p {word-break: break-all;}
    .dienstle_sec {padding:0 0 54px;}
    .dienstle-title {flex-wrap: wrap;}
    .dienstle-title .price {margin:0 0 30px;}
    .price {font-size: 2rem; /* was 32px */}
    .price small {font-size: 1.5rem; /* was 24px */}
    .price span {font-size: 1.25rem; /* was 20px */}

    .dienstle-title h2 {font-size: 3rem; /* was 50px */padding: 0 0 0px;width: 100%;}    
    .cus_accordion h6 {font-size: 1.5rem;line-height: 2.583; /* was 62px/24px */}
    .cus_accordion h6 span {width:62px;height: 62px;}

    .downloadbereich_sec {padding:0 0 100px;}
    .download_word {width:100%;}
    .news_content h1 {font-size: 3rem; /* was 50px */}
    .single_content {padding:0 40px 0 0;}
    .single_content .single_image {height:310px;}

    .eventbox .image {width: 25%;}
    .eventbox .info_right {width: 25%;}
    .eventbox .info {padding:20px 32px; width:50%;}

    .keyword_sec {padding:0 0 100px;}

    .profil_top{flex-wrap: wrap;}
    .profil_top .image {height:274px;    flex: 0 0 100%;        max-width: 274px;}
    .profil_top .info {width:50%;padding: 28px 30px 0 25px;}

    .footer_top .about h2 {font-size: 2.5rem; /* was 42px */}
    .footer .ft_box {padding:0;}
    .footer .newsbtn a {font-size: 0.875rem;padding: 0 18px;}
    .footer_bottom {padding: 100px 20px 100px;}   

    .logo {width: 100%;}
    .logo a img {height:28px;}

    .text-logo, .text-logo a, .subtext-logo {
        font-size: 1rem; /* Sicherstellen, dass 1em = 16px bleibt */
        line-height: 1.563;
    }
    
    .text-logo {
        margin-top: 0px;

    }

    .text-logo a{
        font-size: 1.5625rem; /* was 25px */
		margin-top:0px;
    }

    .subtext-logo {
        font-size: 0.6875rem; /* was 11px */
        float:right;
	}

    .bottom-yellow-bar {
        position: absolute;
        right: 8%;
        bottom: -20px;
        width: 45.6%;
        height: 40px;
        background-color: var(--col_background);
        z-index: 1;
    }
}

@media (max-width: 991px) {

    #header { position: fixed; overflow-y: auto; }
    .scrolldesable #header { height: 100%; }
    .header_wapper {background:#fff; min-height: 158px;}
    header .megamenu { position: relative;top: 0; }
    header .megamenu.open { max-height: none;/*overflow-y: auto;*/ }
    .navigation_main { position: relative; margin: 0;background:#f9f9f9;width:100%;padding:15px 0;/*height: 65vh;*/ }
    /*.navigation_main .container {height:100%;overflow-y: auto;}*/
    .navigation_main::after {content: '';width:188px;height:21px;background: var(--col_background);position: absolute;bottom:0;right:0;display: block;margin-left: auto;}
    .navigation_main .container > ul { flex-direction: column; }
    .navigation_main .container > ul > li { padding: 6px 0 10px; }
    .navigation_main .container > ul > li:first-child {padding-left:0;}
    .navigation_main .container > ul > li > a {color:#58585A;display: inline-block;vertical-align: top;text-transform: uppercase;}
    .navigation_main .container > ul > li h6 {color:var(--col_primary);font-size: 1rem;padding:0 0 10px;}
    .navigation_main .container > ul > li ul {padding:15px 0;}
    .navigation_main .container > ul > li ul li {width: 100%;padding:0;}
    .navigation_main .container > ul > li ul li a {color:#58585A;}
    .navigation_main .container > ul > li > a:after {background: url(../images/down-arrow-b.svg) no-repeat center center;background-size:contain; -webkit-transition: all ease-in-out 300ms;transition: all ease-in-out 300ms;}
    .navigation_main .container > ul > li.active > a { color: var(--col_primary); }
    .navigation_main .container > ul > li.active > a:after { background-image: url(../images/down-arrow-g.svg); -webkit-transform: rotate(180deg);transform: rotate(180deg); }
    .navigation_main .container > ul > li > a {
        padding:0 23px 3px 0;
        line-height: 1.2; /* was auto */
    }
    body header .megamenu .sub_menu { padding: 30px 0; }
    header .megamenu .sub_menu h6 { background: none;color: var(--col_primary);padding: 0; }
    header .megamenu .sub_menu h6.mt-5 { margin-top: 0 !important; }
}

@media (min-width: 768px) and (max-width: 991px) {    
    .main_wapper.p-top {padding: 162px 0 0;}
    body {font: size 15px;}
    .header_wapper .container {display: flex;}
    .header_wapper {background:#fff;}
    .header_wapper .container:before {width:375px;}
    .logo {width:90%;padding:60px 0 30px;}
    .logo a {height:auto;}
    .logo a img {height:27px;}
    .navigation_main > ul > li {padding:0 8px;}
    .navigation_main > ul > li > a {font-size: 1rem;padding: 0 14px 9px 0;}
    .navigation_main ul li > a:after {top:5px;width: 10px;height: 6px;}    
    .navigation_main > ul > li > a:hover:before{width:0;}
    .navigation_main > ul > li.active > a:before{width:100%;}
    .navigation_main ul > li:before, main ul:not(.bullets) > li:before {
        content: "‒ ";
        color: #F0823C;
        font-weight: bold;
        padding-right: 0.3em;
        display: none;
    }
    .navigation_main {display:none;}
    .ham_menubtn {display:block !important; float:right; }
    #header.fixed-header .ham_menubtn {
        margin: 10px 0px 10px 0px;
    }
    /*header .megamenu.open {opacity: 0;visibility: hidden;}*/
    .header_wapper.inner_header {padding:0;}
    .header_wapper.inner_header .logo {background: #F4F4F4;}
    .header_wapper.inner_header.bg-white .logo {background: #FFF;}
    .mobile_menu {height:calc(100vh - 137px)}

    .home-banner .imagebox {height:698px;}
    .startseite_menu .startseite::before{width:375px;}
    h1 {font-size: 2.625rem; /* was 42px */}
    h2 {font-size: 2.375rem; /* was 38px */}
    h3 {font-size: 2rem; /* was 32px */}
    h4 {font-size: 1.25rem; /* was 20px */}
    h5 {font-size: 1.125rem; /* was 18px */}
    h6 {font-size: 1rem; /* was 16px */} 
    .btnbox.big a {min-height: 65px;line-height: 1; /* was 65px/65px */}      
    .aktuelles_top {flex-wrap: wrap;}
    .aktuelles_top .btnbox {padding:40px 20px 0;}
    .aktuellebox .info_bottom .i_box {    padding: 11px 10px 10px;}
    .aktuellebox .info_bottom .i_box:last-child {border-left: 3px solid #fff;}
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size: 2.5rem; /* was 48px */}
    .teaser_tite p {font-size: 1.25rem; /* was 20px */}
    .teaser_tab {flex-wrap: wrap;}
    .teaser_tab .teaser_menu {width:100%;}
    .teaser_tab .nav-tabs {margin: 0 -10px;}
    .teaser_tab .nav-tabs li {width:50%;padding: 0 10px 20px;}
    .teaser_tab .nav-tabs li:last-child{padding: 0 10px 20px;}
    .teaser_tab .teaser_content .teaser_contenbox {padding: 60px 50px 118px;}

    .sidebar {padding: 60px 0 0 20px;max-width: 382px;}    
    .searchbox input {width:320px;}
    .dienstle_sec {padding:0 0 54px;}
    .dienstle-title {flex-wrap: wrap;}
    .dienstle-title .price {margin:0 0 30px;}
    .price {font-size: 2rem; /* was 32px */}
    .price small {font-size: 1.5rem; /* was 24px */}
    .price span {font-size: 1.25rem; /* was 20px */}    
    .dienstle-title h2 {font-size: 3rem; /* was 50px */padding: 0 0 0px;width: 100%;}    
    .dienstle_content {padding-right: 20px;}
    .cus_accordion h6 {font-size: 1.5rem;line-height: 2.583; /* was 62px/24px */}
    .cus_accordion h6 span {width:62px;height: 62px;}    

    .downloadbereich_sec {padding:0 0 50px;}
    .download_word {width:100%;}   
    .news_content h1 {font-size: 3rem; /* was 50px */}
    .single_content {padding:0;}
    .single_content .single_image {height:310px;}    

    .themen_row ul li {width:33.3333%;}
    .themen_row ul li > span {min-width:100%;}
    .event-row {margin: 0 -10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;        
    }
    .event-row .event-col {width:50%;padding:10px 10px; }
    .eventbox {flex-wrap: wrap;}
    .eventbox .image {width: 100%;}
    .eventbox .info_right {width: 100%;}
    .eventbox .info {padding:20px 20px; width:100%;}    
    .eventbox .evetn_date {margin: 0;padding:20px;}

    .keyword_sec {padding:0 0 60px;}
    .author_row .row {margin:0 -10px;}
    .author_row .row > div[class*="col-"] { padding: 0 10px;}
    .author_row h6 {padding:0 0 12px;}
    .authorbox {margin: 12px 0;}

    .profil_top .info {padding: 28px 30px 0 25px;}
    .fachliche {padding: 49px 20px 0;}

    .footer_top .ft_box.about {padding: 0 0 40px;}
    .footer_top .about h2 {font-size: 2.5rem; /* was 42px */padding: 0 0 21px;}
    .footer .ft_box {padding:0;}
    .footer .newsbtn a {font-size:14px;padding: 0 18px;}
    .footer_bottom {padding: 60px 20px 60px;}
    .ftbttom_row {flex-wrap: wrap;}
    .ftbttom_row .ftbttom_col {width: 33.3333%;padding:20px 20px;}

    .text-logo, .text-logo a, .subtext-logo {
        font-size: 1rem; /* Sicherstellen, dass 1em = 16px bleibt */
        line-height: 1.563;
    }

    .text-logo {
        margin-top: 0px;
    }

    .text-logo a {
        font-size: 1.5625rem; /* was 25px */
        margin-top: 0px;
    }
    .subtext-logo {
        font-size: 0.875rem; /* was 14px */
        float:right;
	}

    .home-banner .captionbox h1 {
        font-family: 'ArialMT';
        line-height: 1; /* was 1 */
        color: #ffffff;
        margin: 0;
        padding: 0 0 0px;
        font-size: 3.4375rem; /* was 55px */
    }

    .bottom-yellow-bar {
        position: absolute;
        right: 12%;
        bottom: -20px;
        width: 30.6%;
        height: 40px;
        background-color: var(--col_background);
        z-index: 1;
    }
}

@media(min-width:768px){
    .ham_menubtn {display: none;}
}

@media (max-width: 767px) {
    .container {padding-left: 20px;padding-right: 20px;}
    .main_wapper,
    .main_wapper.p-top {padding: 60px 0 0;}
    body {font-size: 0.9375rem;} /* was 15px */
    .header_wapper .container {display: block;}
    /*.header_wapper {background:#fff; min-height: 150px;}*/
    .header_wapper .container:before {width:188px;height:21px;left:0;}
    .logo {width:100%;padding:30px 0 30px;}
    .logo a {height:auto;}
    .logo a img {height:27px;}
    /*.navigation_main > ul > li {padding:0 8px;}
    .navigation_main > ul > li > a {font-size:16px;padding: 0 14px 9px 0;}*/
    .navigation_main ul li > a:after {top:5px;width: 10px;height: 6px;}    
    .navigation_main > ul > li > a:hover:before{width:0;}
    .navigation_main > ul > li.active > a:before{width:100%;}
    .navigation_main {display:none;}
    .ham_menubtn {
        display: block !important;
        float: right;
    }
    #header.fixed-header .ham_menubtn {
        margin: 10px 0px 10px 0px;
    }
    /*header .megamenu.open {opacity: 0;visibility: hidden;}*/
    .header_wapper.inner_header {padding:0;}
    .header_wapper.inner_header .logo {background: #F4F4F4;}    
    #header.z-index {z-index: 120;}
    .header_wapper.inner_header.bg-white .logo {background: #FFF;}
    .mobile_menu {height:calc(100vh - 120px);position:relative;z-index: 100; margin-top: 0px;}

    .home-banner .imagebox {height:420px;}
    .home-banner .captionbox .caption_text {padding:0;}
    .home-banner .captionbox h1 {font-size: 1.875rem;}
    .home-banner .captionbox p {display:none;}
    .home_slider .owl-dots {bottom:44px;}
    .owl-carousel button.owl-dot {width:18px;height:18px;margin-left: 9px;}
    .startseite_menu {padding:0 0 49px;position: relative;z-index: 100;}
    .startseite_menu .startseite::before{width:188px;height:21px;margin-top: 10px;margin-right: -20px;}
    .startseite_menu .startseite ul {padding: 23px 0 0 0;flex-wrap: wrap;}
    h1 {font-size: 2.5rem; /* was 40px */}
    h2 {font-size: 2.5rem; /* was 40px */}
    h3 {font-size: 1.875rem; /* was 30px */}
    h4 {font-size: 1.25rem; /* was 20px */}
    h5 {font-size: 1.125rem; /* was 18px */}
    h6 {font-size: 1rem; /* was 16px */}
    .aktuelles_sec {padding:0 0 45px;} 
    .aktuelles_top {flex-wrap: wrap;}
    .aktuelles_top .btnbox {padding:40px 0 0;}
    .aktuelles_top .btnbox a {display: block;text-align: center;margin-left: 0;width:100%;}
    .aktuelles_top .btnbox a + a {margin-top: 20px;}
    .aktuellebox .info_bottom .i_box {    padding: 11px 10px 10px;}
    .aktuellebox .info_bottom .i_box:last-child {border-left: 3px solid #fff;}    
    .teaser_tite {padding:0 3px 0;}
    .sub_title {padding:0 1px 44px;}
    .sub_title h5 {font-family: 'ArialMT';padding:27px 0 0 0;}
    .sub_title h5::before,
    .sub_title h5:after {height:20px;}
    .btnbox.big a {min-height: 65px;line-height: 1; /* was 65px/65px */}      
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size: 2.5rem; /* was 40px */}
    .teaser_tite p {font-size: 1.25rem; /* was 20px */}
    .teaser_tab {flex-wrap: wrap;margin: 36px -10px 0;}
    .teaser_tab .teaser_menu {width:100%;}
    .teaser_tab .nav-tabs {margin: 0 -10px;}
    .teaser_tab .nav-tabs li {width:100%;padding: 0 10px 20px;}
    .teaser_tab .nav-tabs li:last-child{padding: 0 10px 20px;}
    .teaser_tab .teaser_content .teaser_contenbox {padding: 30px 20px 100px;}
    .teaser_tab .teaser_content .teaser_text h4 {padding: 0 0 25px;}

    .sidebar {padding: 60px 0 0 0;max-width: 382px;}    
    .dienstle_sec {padding:0 0 40px;}
    .dienstle-title {padding:0;}
    .dienstle-title {flex-wrap: wrap;}
    .dienstle-title .price {margin:0 0 30px;}
    .price {font-size: 1.5rem; /* was 24px */padding: 7px 0 8px;}
    .price small {font-size: 1.25rem; /* was 20px */}
    .price span {font-size: 1rem; /* was 16px */}    
    .dienstle-title h2 {font-size: 3rem; /* was 50px */padding: 0 0 0px;width: 100%;}    
    .dienstle_content h4 {padding:0 0 30px;}
    .dienstle_content {padding-right:0;padding-left:0;}
    .cus_accordion_outer {padding:40px 0 0;}
    .cus_accordion_outer > h4 {padding:0 0 20px;}
    .cus_accordion h6 {font-size: 1.25rem;line-height: 2.4; /* was 48px/20px */}
    .cus_accordion h6 span:before{width:3px;height: 19px;}
    .cus_accordion h6 span:after {width: 19px;height: 3px;}
    .cus_accordion h6 span {width:48px;height: 48px;}    
    
    .downloadbereich_sec {padding:0 0 50px;}
    .downloadbereich_row .searchbox {padding:40px 0;}
    .download_word {width:100%;padding:0;}        
    .download_word .btnbox a {
        height: auto;
        line-height: 1.2; /* was 1.2 */
        padding: 13px 20px;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .download_word .btnbox a span {display: block;}
    .news_content h1 {font-size: 3rem; /* was 50px */}
    .single_content {padding:0;}
    .single_content .single_image {height:200px;}       
    .n-tag ul {flex-wrap: wrap;}
    .n-tag ul li {padding-bottom: 10px;}
    .n-share {padding:10px 0 40px;}

    .filter_row {padding:0;}
    .themen_row {padding:18px 0;}
    .themen_row ul li {width:100%;}
    .event-title {padding:33px 0 28px}
    .themen_row ul li span {min-width: 100%;}
    .themen_row ul .btnbox a.bordered {display: block;    width: 100%;}
    .event-title h2 {font-size: 3rem; /* was 50px */}
    .event-row {margin: 0 -10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;        
    }
    .event-row .event-col {width:100%;padding:10px 10px; }
    .eventbox {flex-wrap: wrap;}
    .eventbox .image {width: 100%;}
    .eventbox .info_right {width: 100%;}
    .eventbox .info {padding:20px 20px; width:100%;}    
    .eventbox .evetn_date {margin: 0;padding:20px;}    

    .keyword_sec {padding:0 0 40px;}
    .ergebnisse_row .ergebnisse_col .ergebnissebox {width:100%;}
    .ergebnisse_slider .filterbox {width:54px;height:54px;line-height: 1; /* was 54px/54px */}
    .ergebnisse_slider .slick-arrow{width:54px;height:54px;}
    .ergebnisse_slider .slick-arrow.slick-prev::before,
    .ergebnisse_slider .slick-arrow.slick-next::before {width: 10px;height: 18px;}
    .ergebnisse_slider .slick-list {padding:0 54px;}
    .ergebnisse_for .filterbox {height:42px;line-height: 1; /* was 42px/42px */}

    .profil_top {flex-wrap: wrap;}
    .profil_top .info {padding: 28px 0 0 0;}
    .fachliche {padding: 49px 20px 0;}  
    .berufliche h4 {padding:0 0 10px;}
    .berufliche_list table tr th,
    .berufliche_list table tr td {display: block;    padding: 0 0 10px;}  
    .berufliche_list table tr th {padding-top:15px;}

    .footer {margin: 50px 0 0;}
    .footer_top {padding:0 0 25px;}
    .footer_top .about h2 {font-size: 2.5rem; /* was 42px */padding: 0 0 21px;}
    .footer .ft_box {padding: 0 0 40px;}
    .footer .newsbtn a {font-size: 0.875rem;padding: 0 18px;display: block;text-align: center;}
    .footer_bottom {padding: 60px 20px 60px;}
    .ftbttom_row {flex-wrap: wrap;}
    .ftbttom_row .ftbttom_col {width: 100%;padding:20px 0;}
    .copyright .copy_text p {font-size: 0.75rem; /* was 12px */}
}

@media (min-width: 568px) and (max-width: 767px) {

    .text-logo, .text-logo a, .subtext-logo {
        font-size: 1rem; /* Sicherstellen, dass 1em = 16px bleibt */
        line-height: 1.5;
    }

    .text-logo {
        margin-top: 3px;
    }
    .text-logo a {
        font-size: 1.5rem;
        margin-top: 3px;
    }
    .subtext-logo {
        font-size: 0.75rem;
        float:right;
	}
}

@media (min-width: 240px) and (max-width: 567px) {

    .text-logo, .text-logo a, .subtext-logo {
        font-size: 1rem; /* Sicherstellen, dass 1em = 16px bleibt */
        line-height: 1.5;
    }

    .text-logo {
        margin-top: 5px;
    }
    .text-logo a {
        font-size: 1.125rem;
        margin-top: 5px;
    }
    .subtext-logo {
        font-size: 0.75rem;
        float:right;
	}

    .logo a img {
        height: 24px;
    }

    .bottom-yellow-bar {
        position: absolute;
        right: 6%;
        bottom: -10px;
        width: 45.6%;
        height: 20px;
        background-color: var(--col_background);
        z-index: 1;
    }

    .jobRow {
        flex-direction: column;
    }

    .jobRow .jobTitle {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .jobRow .jobButton  {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .jobRow .jobTitle,
    .jobCity,
    .jobType {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .btnbox a {
        width: auto;
        min-height: 48px;
        display: inline-block;
        vertical-align: top;
        font-size: 1rem;
        font-family: 'Arial-BoldMT';
        color: #fff;
        line-height: 1; /* was 44px/44px */
        padding: 0 8px;
    }

    .button-standard {
        width: auto;
        height: auto;
        border: 2px solid var(--col_primary);
        border-radius: 0px;
        background: var(--col_primary);
        display: inline-block;
        vertical-align: top;
        font-size: 1rem;
        font-family: 'Arial-BoldMT';
        color: #fff !important;
        line-height: 1.5; /* was 24px/16px */
        padding: 0 30px;
    }
    
    .button-standard:hover {
        width: auto;
        height: auto;
        border: 2px solid var(--col_primary);
        border-radius: 0px;
        background: #fff;
        display: inline-block;
        vertical-align: top;
        font-size: 1rem;
        font-family: 'Arial-BoldMT';
        color: var(--col_primary) !important;
        line-height: 1.5; /* was 24px/16px */
        padding: 0 30px;
    }
    
    .button-standard-outline {
        width: auto;
        height: auto;
        border: 2px solid var(--col_primary);
        border-radius: 0px;
        background: #fff;
        display: inline-block;
        vertical-align: top;
        font-size: 1rem;
        font-family: 'Arial-BoldMT';
        color: var(--col_primary);
        line-height: 1.5; /* was 24px/16px */
        padding: 0 30px;
    }
    
    .button-standard-outline:hover {
        width: auto;
        height: auto;
        border: 2px solid var(--col_primary);
        border-radius: 0px;
        background: var(--col_primary);
        display: inline-block;
        vertical-align: top;
        font-size: 1rem;
        font-family: 'Arial-BoldMT';
        color: #fff;
        line-height: 1.5; /* was 24px/16px */
        padding: 0 30px;
    }	
}