/* responsive.css */
/* Version: 1.0.0 */

@charset "utf-8";

@media (min-width: 1600px)  {
    .logo {width: 100%;}
    .logo a img {height:32px;}
    .text-logo {
        line-height: 32px;
        font-size: 30px;
		margin-top:0px;

    }
    .text-logo a {
        line-height: 32px;
        font-size: 30px;
		margin-top:0px;

    }
    .subtext-logo {
    font-size: 14px;
    float:right;
	}

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

@media (min-width: 1400px) and (max-width: 1599px) {
    .logo {width: 100%;}
    .logo a img {height:30px;}
    .text-logo {
        line-height: 30px;
        font-size: 28px;
		margin-top:0px;

    }
    .text-logo a {
        line-height: 30px;
        font-size: 28px;
		margin-top:0px;

    }
    .subtext-logo {
    font-size: 13px;
    float:right;
	}

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


    .navigation_main > ul > li {padding:0 20px;}
    .navigation_main > ul > li > a {font-size:16px;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:16px;}
    .logo {width: 90%;}
    .logo a img {height:26px;}
    .text-logo {
        line-height: 28px;
        font-size: 26px;
		margin-top:0px;
    }

    .text-logo a {
        line-height: 28px;
        font-size: 26px;
		margin-top:0px;
    }

    .subtext-logo {
    font-size: 13px;
    float:right;
	}

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

    .navigation_main > ul > li {padding:0 15px;}
    .navigation_main > ul > li > a {font-size:16px; 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:13px;}
    .aktuellebox .lessenlink a{font-size:13px;}
    .lessenlink a span:after {top:3px;}
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size: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.25em;
		line-height: 1.2;
		margin-bottom: 0em;
		width:100%;
	}
    .news_content h1 {font-size: 50px;}

    .eventbox .image {width: 25%;}

    .keyword_sec {padding:0 0 100px;}

    .footer_top .about h2 {font-size: 50px;}
    .footer .ft_box {padding:0;}
    .footer .newsbtn a {font-size:16px;}
    .footer_bottom {padding: 100px 20px 100px;}
    
}
@media (min-width: 992px) and (max-width: 1199px) {
    body {font-size:15px;}

    .navigation_main > ul > li {padding:0 8px;}
    .navigation_main > ul > li > a {font-size:16px; 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%;
    }

    h1 {font-size: 42px;}
    h2 {font-size: 38px;}
    h3 {font-size: 32px;}
    h4 {font-size: 20px;}
    h5 {font-size: 18px;}
    h6 {font-size: 16px;} 
    .btnbox.big a {height: 65px;line-height: 65px;}   
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size:48px;}
    .teaser_tite p {font-size: 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:32px;}
    .price small {font-size:24px;}
    .price span {font-size:20px;}

    .dienstle-title h2 {font-size: 50px;padding: 0 0 0px;width: 100%;}    
    .cus_accordion h6 {font-size: 24px;line-height: 62px;}
    .cus_accordion h6 span {width:62px;height: 62px;}

    .downloadbereich_sec {padding:0 0 100px;}
    .download_word {width:100%;}
    .news_content h1 {font-size: 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: 42px;}
    .footer .ft_box {padding:0;}
    .footer .newsbtn a {font-size:14px;padding: 0 18px;}
    .footer_bottom {padding: 100px 20px 100px;}   

    .logo {width: 100%;}
    .logo a img {height:28px;}
    
    .text-logo {
        line-height: 26px;
        font-size: 26px;
        margin-top: 0px;

    }

    .text-logo a{
        line-height: 26px;
        font-size: 26px;
		margin-top:0px;
    }

    .subtext-logo {
        font-size: 11px;
        float:right;
	}

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

@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: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 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: 42px;}
    h2 {font-size: 38px;}
    h3 {font-size: 32px;}
    h4 {font-size: 20px;}
    h5 {font-size: 18px;}
    h6 {font-size: 16px;} 
    .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:48px;}
    .teaser_tite p {font-size: 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:32px;}
    .price small {font-size:24px;}
    .price span {font-size:20px;}    
    .dienstle-title h2 {font-size: 50px;padding:0 0 0px;width: 100%;}    
    .dienstle_content {padding-right: 20px;}
    .cus_accordion h6 {font-size: 24px;line-height: 62px;}
    .cus_accordion h6 span {width:62px;height: 62px;}    

    .downloadbereich_sec {padding:0 0 50px;}
    .download_word {width:100%;}   
    .news_content h1 {font-size: 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: 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 {
        line-height: 25px;
        font-size: 25px;
        margin-top: 0px;
    }

    .text-logo a {
        line-height: 25px;
        font-size: 25px;
        margin-top: 0px;
    }
    .subtext-logo {
        font-size: 14px;
        float:right;
	}

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

    .bottom-yellow-bar {
        position: absolute;
        right: 12%;
        bottom: -20px;
        width: 30.6%;
        height: 40px;
        background-color: #FFCD02;
        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: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:30px;}
    .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: 40px;}
    h2 {font-size: 40px;}
    h3 {font-size: 30px;}
    h4 {font-size: 20px;}
    h5 {font-size: 18px;}
    h6 {font-size: 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 {height: 65px;line-height: 65px;}      
    .teaser_sec {padding:0 0 60px;}
    .teaser_tite h2 {font-size:40px;}
    .teaser_tite p {font-size: 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:24px;padding: 7px 0 8px;}
    .price small {font-size:20px;}
    .price span {font-size:16px;}    
    .dienstle-title h2 {font-size: 30px;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: 20px;line-height: 48px;}
    .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: 30px;}
    .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: 30px;}
    .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: 32px;padding: 0 0 21px;}
    .footer .ft_box {padding: 0 0 40px;}
    .footer .newsbtn a {font-size:14px;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:12px;}
}

@media (min-width: 568px) and (max-width: 767px) {
    .text-logo {
        line-height: 24px;
        font-size: 24px;
        margin-top: 3px;
    }
    .text-logo a {
        line-height: 24px;
        font-size: 24px;
        margin-top: 3px;
    }
    .subtext-logo {
        font-size: 12px;
        float:right;
	}
}

@media (min-width: 240px) and (max-width: 567px) {
    .text-logo {
        line-height: 24px;
        font-size: 18px;
        margin-top: 5px;
    }
    .text-logo a {
        line-height: 24px;
        font-size: 18px;
        margin-top: 5px;
    }
    .subtext-logo {
        font-size: 12px;
        float:right;
	}

    .logo a img {
        height: 24px;
    }

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

    .jobRow {
        flex-direction: column;
    }

    .jobRow .jobTitle {
        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: 16px;
        font-family: 'Arial-BoldMT';
        color: #fff;
        line-height: 44px;
        padding: 0 8px;
    }
	
}