/* responsive.css */
/* Version: 1.0.5 */
/* etl_germania */

@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 {
        line-height: 1.0667;
        font-size: 1.875rem;
		margin-top:0px;
    }
    .text-logo a {
        line-height: 1.0667;
        font-size: 1.875rem;
		margin-top:0px;
    }
    .subtext-logo {
        font-size: 0.875rem;
        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_background:#94c356;
  --col_primary: #94c356;
}

@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 {
        line-height: 1.0714;
        font-size: 1.75rem;
		margin-top:0px;
    }
    .text-logo a {
        line-height: 1.0714;
        font-size: 1.75rem;
		margin-top:0px;
    }
    .subtext-logo {
        font-size: 0.8125rem;
        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;}
    .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 {
        line-height: 1.0769;
        font-size: 1.625rem;
		margin-top:0px;
    }
    .text-logo a {
        line-height: 1.0769;
        font-size: 1.625rem;
		margin-top:0px;
    }
    .subtext-logo {
        font-size: 0.8125rem;
        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;}
    .aktuellebox .lessenlink a{font-size:0.8125rem;}
    .lessenlink a span:after {top:3px;}
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size:3.125rem;}
    .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.25em;
		line-height: 1.2;
		margin-bottom: 0em;
		width:100%;
	}
    .news_content h1 {font-size: 3.125rem;}
    .eventbox .image {width: 25%;}
    .keyword_sec {padding:0 0 100px;}
    .footer_top .about h2 {font-size: 3.125rem;}
    .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;}
    .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;}
    h2 {font-size: 2.375rem;}
    h3 {font-size: 2rem;}
    h4 {font-size: 1.25rem;}
    h5 {font-size: 1.125rem;}
    h6 {font-size: 1rem;} 
    .btnbox.big a {height: 65px;line-height: 65px;}   
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size:3rem;}
    .teaser_tite p {font-size: 1.25rem;}
    .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;}
    .price small {font-size:1.5rem;}
    .price span {font-size:1.25rem;}
    .dienstle-title h2 {font-size: 3.125rem;padding: 0 0 0px;width: 100%;}    
    .cus_accordion h6 {font-size: 1.5rem;line-height: 2.5833;}
    .cus_accordion h6 span {width:62px;height: 62px;}
    .downloadbereich_sec {padding:0 0 100px;}
    .download_word {width:100%;}
    .news_content h1 {font-size: 3.125rem;}
    .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.625rem;}
    .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 {
        line-height: 1;
        font-size: 1.625rem;
        margin-top: 0px;
    }
    .text-logo a{
        line-height: 1;
        font-size: 1.625rem;
		margin-top:0px;
    }
    .subtext-logo {
        font-size: 0.6875rem;
        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 no-repeat center center; min-height: 158px; 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;}
    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: 0.9375rem;}
    .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_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;}
    h2 {font-size: 2.375rem;}
    h3 {font-size: 2rem;}
    h4 {font-size: 1.25rem;}
    h5 {font-size: 1.125rem;}
    h6 {font-size: 1rem;} 
    .btnbox.big a {height: 65px;line-height: 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:3rem;}
    .teaser_tite p {font-size: 1.25rem;}
    .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;}
    .price small {font-size:1.5rem;}
    .price span {font-size:1.25rem;}    
    .dienstle-title h2 {font-size: 3.125rem;padding:0 0 0px;width: 100%;}    
    .dienstle_content {padding-right: 20px;}
    .cus_accordion h6 {font-size: 1.5rem;line-height: 2.5833;}
    .cus_accordion h6 span {width:62px;height: 62px;}    
    .downloadbereich_sec {padding:0 0 50px;}
    .download_word {width:100%;}   
    .news_content h1 {font-size: 3.125rem;}
    .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.625rem;padding: 0 0 21px;}
    .footer .ft_box {padding:0;}
    .footer .newsbtn a {font-size:0.875rem;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 {
        line-height: 1;
        font-size: 1.5625rem;
        margin-top: 0px;
    }
    .text-logo a {
        line-height: 1;
        font-size: 1.5625rem;
        margin-top: 0px;
    }
    .subtext-logo {
        font-size: 0.875rem;
        float:right;
	}
    .home-banner .captionbox h1 {
        font-family: 'ArialMT';
        line-height: 1;
        color: #ffffff;
        margin: 0;
        padding: 0 0 0px;
        font-size: 3.4375rem;
    }
    .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;}
    .header_wapper .container {display: block;}
    .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 > 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_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;}
    h2 {font-size: 2.5rem;}
    h3 {font-size: 1.875rem;}
    h4 {font-size: 1.25rem;}
    h5 {font-size: 1.125rem;}
    h6 {font-size: 1rem;}
    .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 {height: 65px;line-height: 65px;}      
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size:2.5rem;}
    .teaser_tite p {font-size: 1.25rem;}
    .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;padding: 7px 0 8px;}
    .price small {font-size:1.25rem;}
    .price span {font-size:1rem;}    
    .dienstle-title h2 {font-size: 1.875rem;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;}
    .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;padding: 13px 20px;margin-right: 15px;margin-bottom: 15px;}
    .download_word .btnbox a span {display: block;}
    .news_content h1 {font-size: 1.875rem;}
    .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: 1.875rem;}
    .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: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: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: 2rem;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;}
}

@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 {
        line-height: 1;
        font-size: 1.5rem;
        margin-top: 3px;
    }
    .text-logo a {
        line-height: 1;
        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 {
        line-height: 1.3333;
        font-size: 1.125rem;
        margin-top: 5px;
    }
    .text-logo a {
        line-height: 1.3333;
        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;
        height: 48px;
        display: inline-block;
        vertical-align: top;
        font-size: 1rem;
        font-family: 'Arial-BoldMT';
        color: #fff;
        line-height: 3;
        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: 3;
        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: 3;
        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: 3;
        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: 3;
        padding: 0 30px;
    }	
}