/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 450px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 450px) {


}

/*ENDE @media (min-width: 450px) ENDE*/


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 600px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 600px) {

    #modul_start_teaser {
        font-size: 46px;
    }
    #modul_start_teaser div div {
        font-size: 46px;
    }

    .start_leistungen_title_box {

        flex-flow: wrap;

    }
    .start_leistungen_title_box .custom {

        margin: 15px 20px 15px 0;
        width: calc(50% - 20px);
    }



}/*ENDE @media (min-width: 600px) ENDE*/

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 767px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 767px) {

    .fullscreen {
        display: block;
    }
    .mobile {
        display: none;
    }



    .jetztbewerben_box .box_oben h2 {
        hyphens: auto;
    }

    .jetztbewerben_box .box_oben {
        padding: 25px 20% 50px;
    }
    .jetztbewerben_box .box_unten {

        flex-flow: row;
    }




    .hg-breadcrumb {
        display: block;
    }

/******************** SPALTEN **********************/
.columns-2 .blog-item {
    width:50%;
}

.news_item {
    font-size: 18px;
    margin: 15px 
}



    .teaser_jena {

        padding-bottom: 0px;
    }
    #nebeneinander .blog-item {
        order: 2;
    }

    #nebeneinander .blog-item:first-child {
        width: 63%;
        min-height: 640px;
        order: 1;

    }

    #nebeneinander .blog-item:nth-child(2) {
        width: 33%;
        padding: 15px;
    }



    .accordion {
        flex-flow:row;
    }

    .acc_slider1,
    .acc_slider2,
    .acc_slider3,
    .acc_slider4,
    .acc_slider5,
    .acc_slider6 {
        width: 20%;
        background: var(--schwarz);
    }

    .acc_slider1:hover,
    .acc_slider2:hover,
    .acc_slider3:hover,
    .acc_slider4:hover,
    .acc_slider5:hover,
    .acc_slider6:hover{
        width: 60%;
    }

    .acc_image {
        height: 800px;
    }
    .acc_image img {
        height:800px;
        right: 0;
        position: relative;

    }


    .acc_slider1 .acc_image,
    .acc_slider2 .acc_image,
    .acc_slider3 .acc_image,
    .acc_slider4 .acc_image,
    .acc_slider5 .acc_image,
    .acc_slider6 .acc_image{
        background: var(--schwarz);
        opacity: 0.5;
        transition: 0.5s opacity ease;
    }

    /* Bild verschiebung bei HOVER ?*/
    .acc_slider1:hover .acc_image,
    .acc_slider2:hover .acc_image,
    .acc_slider3:hover .acc_image,
    .acc_slider4:hover .acc_image,
    .acc_slider5:hover .acc_image,
    .acc_slider6:hover .acc_image{
        background: var(--schwarz);
        opacity: 0.7;
        transition: 0.5s opacity ease;
    }
    /* Bildanimation / Bildbewegung wenn Maus drüber */
    .acc_slider1:hover .acc_image img,
    .acc_slider2:hover .acc_image img,
    .acc_slider3:hover .acc_image img,
    .acc_slider4:hover .acc_image img,
    .acc_slider5:hover .acc_image img,
    .acc_slider6:hover .acc_image img{
        right:0;
        animation:move_acc_slider_image 10s;
        animation-delay:1s;
    }

    /* Überschriften */

    h2, .h2 {
        font-size:30px;
    }


    /* Header  */
    #header {
        /*padding-bottom:98px;*/
    }







    /**** BLOG nebeneinander Unterseite Technologie ****/
    #nebeneinander .blog-item {

        width:48%;
    }


    /*Blogbeiträge*/

    .bildabstand {
        display:block;
    }

    .beitragsbox {
        display: flex;
        flex-flow:row;
    }

    .beitragsbox a img {
        max-height:800px;
    }

    .png-left {
        width: 100%;
        display:block;
    }

    .txt-right  {
        padding:0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .txt-right .txt-box  {
        padding:50px;
        max-width:550px;
    }

    .png-right  {
        width: 100%;
        display:block;
        order:2;
    }

    .txt-left  {
        padding:0;
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
        order:1;
    }

    .txt-left .txt-box {
        float: right;
        width: 100%;
        padding:50px;
        max-width:550px;
    }




    /* Startseite */

    .startzeile1 {

        flex-flow:row;

    }
    .startreihe1 {

        width:66%;
    }
    .startbeitrag1 {
        padding:150px 50px 0 0;
    }
    .startbild1 {

        display: block;
    }
    .startbeitrag2 {
        padding-right:50px;

    }

    .startstrich1 {
        display:inherit;

    }
    .startreihe2 {

        width:33%;

    }
    .startbeitrag3 {

        padding: 50px 50px 150px;
    }
    .startquote {
        height:auto;
        min-height: 300px;
    }
    .startbeitrag4 {
        padding: 50px 50px 50px;
    }

    #leistungsspektrum table {
        display: inline-table;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.show {
        display: block !important;
    }


    #kontaktformular_seite .contact-flexbox2 {
        position: absolute;
    }

    #home h2,
    .kernkompetenzen_title h2 {

        padding: 50px 0 25px;
        font-size: 36px;
    }

    .kernkompetenzen_buttons button {

        width: calc((100% / 3) - 40px);
        margin: 20px;
        padding: 15px;
        text-align: left;
    }


    .kernkompetenzen_beitrag .kernkompetenzen {
        padding: 0 50px 50px;
    }
    .kernkompetenzen_box {

        flex-flow: row;
    }
    .kernkompetenzen_box .kernkompetenzen_box_item {
        padding: 15px;
    }
    
    .kernkompetenzen_box_item.item_a {
        order:1;
    }
    .kernkompetenzen_box_item.item_b {
        order:2;
    }

    #home h2,
    .kernkompetenzen_title h2 {

        padding: 20px 0;

    }


    .beratung_box {

        flex-flow: row;
    }



    /* TABELLE * TABELE */


    th {
        padding: 20px 35px 15px 35px;
    }

    tr:nth-child(even) td,
    tr:nth-child(odd) td {
        padding: 20px 35px 15px 35px;
    }

    table {
        border-spacing: 0px;
        border:1px solid var(--grau);
        text-align: left;
        position: relative;
        width:100%;
        font-size: 18px;
    }







    .footer-box-oben {

        flex-flow: row;
        margin: 100px 0 15px;
    }
    .footer-logo {
        justify-content: left;
    }
    .footer-social a {
        top: -25px;
    }


    .hg-copy {
        margin-bottom: 0;
    }

}/*ENDE @media (min-width: 767px) ENDE*/

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 990px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 990px) {




    /***** Karriere *****/

    #karriere .category-desc {
        padding: 25px 20% 50px;
    }


    #karriere .category-desc .bubble {
        flex-flow: row;
    }
    #karriere .category-desc h3::after {
        top:36px;
    }

    /**** Technologie ****/

    #kat-uebersicht .category-desc {
        padding: 25px 20% 50px;
    }

    #kat-uebersicht .cat-children {
        flex-flow: row;
        padding: 15px 20% 50px;
    }

} /*ENDE @media (min-width: 990px) ENDE*/

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 1200px)             		           */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/
@media (min-width: 1200px) {

    #home .hg_branchen {
        display: block;

    }


    /* LEISTUNGEN */
    .start_leistungen_title_box {
        flex-flow: row;
    }
    .start_leistungen_title_box .custom {
        margin: 15px;
    }

    .innovation_box {
        flex-flow: row;
    }
    .innovation_box .custom {
        margin: 5px 5px 50px 5px;
    }

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

    /** früher responsiver / mobiler menüstart */
    .hg2 {
        /*top:98px;*/
    }
    .full-menu {
        display: block;
    }
    .mobile-menu {
        display: none;
    }



    .content_body {

        top: 97px;

        margin-bottom: 100px;
    }

    .header_bottom {
        top: 97px;
    }


    .breadcrumb li {
        margin:0;
    }



    #header {
        /*padding-bottom:28px;*/

    }

    /* Button Beschreibung */
    .kernkompetenzen_buttons .full_kompetenz {
        display: block;
    }

    /* MOBIL MENU */
    body {
        padding-top: 0 !important;
    }
    #mobilemenuck-164-mobile-bar {
        display: none;
    }

} /*ENDE @media (min-width: 1160px) ENDE*/


@media (min-width: 2024px) {

    .slider-box .slider .custom {

        background-size: 100% auto;
    }

    #qualitaet .hg3-content {
        background-size: 100% auto;
    }
}