/* Styles for devices with a minimum width of 450px */
@media (min-width: 450px) {


    a.gold, .btn-primary {
        padding: 15px 35px;
    }
} /* ENDE @media (min-width: 450px) ENDE */


/*******************************************************************************/
/* Styles for devices with a minimum width of 640px */
/*******************************************************************************/

@media (min-width: 640px) {

    html, body {
        font-size: 21px;
    }

    h1 {
        font-size: 48px;
    }
    h3 {
        font-size: 28px;
    }






    .erfolgsgeschichte .camera_target_content .cameraContents .camera_caption_desc {
        font-size: 30px;
    }

    .erfolgsgeschichte .camera_target_content .cameraContents .camera_caption_title {
        margin-bottom: 30px;
    }
    .erfolgsgeschichte .camera_target_content .cameraContents .camera_caption_title::after {
        /*top: 55px;*/
    }
    .erfolgsgeschichte a.btn.camera-button {
        margin-bottom: 50px;
    }

    .erfolgsgeschichte.camera_wrap img {
        height: auto !important;
        width: 100% !important;
    }




    .blauer-3er-block table td {
        margin: 25px 0;
        padding: 100px 50px 200px 50px;
    }

    .blauer-3er-block .item-content {
        margin:0 5%;
    }
    .blauer-3er-block h3 {
        font-size: 30px;
    }




    .hg-verlauf-mit-text {
        padding: 150px 10%;
    }


/* BLOG */

.blog {
    
    flex-flow: wrap;
}

.blog .category-desc {
    padding: 0;
}


/*suche im beitrag*/
.suche_im_beitrag {
    
    text-align: left;
    padding: 25px;
    width: 90%;
    margin: 0 5%;
}


    .footer_verlauf {

        margin-bottom: 100px;
    }
    .footer_box {

        margin-bottom: 180px;
    }

    .footer-item {
        width: 50%;
    }

    .footer_allgemein_left {
        display: flex;
    }


    .footer_allgemein_right_box {
        justify-content: right;
    }



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


/*******************************************************************************/
/* Styles for devices with a minimum width of 767px */
/*******************************************************************************/

@media (min-width: 767px) {


    .neutral {

        max-width: 80vw;
    }

    /*wissenswertes*/
    #wissenswertes .blog,
#wissenswertes .blog-featured {
    margin: 8% 5% 5%;


}

.blog-items.columns-3 .blog-item .article-info {
    flex-flow: row;
}
   .kategoriebeschreibung_sortierung {
    
    flex-flow: row; 
    padding:0;
   }
    
.kategoriebeschreibung_sortierung form {
    flex-flow: row; 
}


    .erfolgsgeschichte .camera_target_content .cameraContents .camera_caption {
        height: 100%;
    }


    /* Aufzählung goldener Kreis - check */
    content ul li::before  {
        /*top: -6px;*/
    }







    /* bofrost, cewe, siemens */
    table.arbeitgeber tr {

        flex-flow: row;
        align-items: end;

    }
    table.arbeitgeber td {
        flex-flow: row;

    }
    table.arbeitgeber tr td:nth-child(even) {


        width: 33%;
    }
    table.arbeitgeber tr td:nth-child(odd) {
        width: 66%;

    }

    /* BLOG */
    .blog-items.columns-2 .blog-item {
        width: 50%;
        padding: 20px;
    }









    .erfolgsgeschichte.slideshowck {
        /*        margin: 150px 10% !important;*/
        /* height: 50vh !important; */
        height: 630px !important;
        background: var(--verlauf_diagonal);
    }

    .erfolgsgeschichte.camera_wrap .cameraSlide {
        width: 30% !important;
        height: 100% !important;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .erfolgsgeschichte.camera_wrap img {
        height: 100% !important;
        width: auto !important;
    }
    .erfolgsgeschichte .camera_target_content .cameraContents {
        width: 70% !important;
        right: 0 !important;
        position: absolute !important;
        display: flex !important;
    }
    .erfolgsgeschichte .camera_target_content .cameraContent {
        display: flex !important;
        align-items: center;
    }
    .erfolgsgeschichte .camera_target_content .cameraContents::before {
        content: "Erfolgs-geschichten ab 50";
        height: 130px;
        width: 130px;
        border-radius: 150px;
        background: var(--sekundaerfarbe);
        position: absolute;
        margin-top: -65px;
        margin-left: -65px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 18px;
        padding: 15px;
        font-weight: 800;
        color: var(--weiss);
    }
    .erfolgsgeschichte .camera_target_content .cameraContents::before {
        font-size: 22px;
        height: 150px;
        width: 150px;
        margin-left: -75px;
        margin-top: -75px;
    }

    .erfolgsgeschichte .camera_target_content .cameraContents .camera_caption_desc {
        /*font-size: 14px;*/
        display: inherit;
        /*font-size: 18px;*/
    }
    .erfolgsgeschichte .camera_target_content .cameraContents .camera_caption_title {
        margin-bottom:50px;
        text-align: left;
        font-size: 21px;
    }
    .erfolgsgeschichte a.btn.camera-button {
        background: var(--sekundaerfarbe);
        margin-top: 50px;
        padding: 15px 30px;
        border-radius: 50px;
        color: var(--weiss);
        width:auto;
        margin-bottom: 0;
    }


    .blog-items.columns-3 .blog-item {


        width: calc((100% - 20px) / 2);
        margin-right:0;
    }
    .blog-items.columns-3 .blog-item:nth-child(2n+1) {
        margin-right: 20px;
    }
    



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


/*******************************************************************************/
/* Styles for devices with a minimum width of 990px */
/*******************************************************************************/

@media (min-width: 990px) {

    #quick_menu {


        bottom: 35px;

    }


    .top {

        margin: 0 10%;
    }




    .hg-bild-mit-text-davor .item-content {
        max-width: 620px;
        margin: 8% 0 0 10%;
    }

    .blauer-3er-block .item-content {
        margin: 0 10%;
    }

    h2 {
        font-size: 30px;

    }


    .hg-bild-mit-text-davor .item-image img {
        display: inherit;
        /*width: 100%;*/
    }
    .hg-bild-mit-text-davor .item-content {
        /*max-width: 820px;*/
    }
    content {
        /* top: 70px; */
    }

    #wissenswertes .blog,
    #wissenswertes .blog-featured {
        margin: 8% 10%;
    }


    .com-content-article.item-page {
        margin: 8% 10%;
    }

    .footer_hg {
        margin: 0 10%;
    }
    .footer-item {
        width: 33%;
    }


    .suche_im_beitrag {
        width: 80%;
        margin: 0 10%;
    }




    /* Kontaktformular */
    .mp_body {
        flex-flow: row;
    }
    .mp_right {
        display: block;
    }
    .mp_confirmation {
        top: 35px;
    }


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


/*******************************************************************************/
/* Styles for devices with a minimum width of 1200px */
/*******************************************************************************/

@media (min-width: 1200px) {

    .blog-items.columns-3 .blog-item {
        width: calc((100% - 40px) / 3);
        margin-right:0;
    }
    
    .blog-items.columns-3 .blog-item:nth-child(2n+1) {
        margin-right: 0;
    }
    
    
    .blog-items.columns-3 .blog-item:nth-child(3n+1) {
        margin-right: 20px;
    }
    .blog-items.columns-3 .blog-item:nth-child(3n+2) {
        margin-right: 20px;
    }


    .k50plusbeitrag {

        flex-flow:row;

    }

    .suche_im_beitrag {
        /*        position: absolute;
                right: 10%;
                top: 30px;
                width: 380px;
                padding: 25px;
                background: var(--verlauf_diagonal);
                color: var(--weiss);
                margin: 0;*/
    }


    /* Add your styles here */
    .hg-bild-mit-text-davor .item-content {
        /*        max-width: 480px;*/
    }
    a.menu_mobile {
        display: none !important;
    }

    .blog.k50 .blog-items .blog-item {
        margin-bottom: 100px;
    }


    /* Sie haben in Ihrem Leben die nötige Erfahrung gesammelt ...  BILD LINKS TEXT RECHTS */
    .bild-links-text-rechts .item-image{
        width: 50%;

    }
    .bild-links-text-rechts .item-image img {

    }
    .bild-links-text-rechts .item-content {
        width: 50%;

    }

    /*  3er Block blaue Container  */

    .blauer-3er-block tr {
        flex-flow: row;
    }

    .blauer-3er-block table td {
        width: calc(100% / 3);

        background: var(--primaerfarbe);
        color: var(--weiss);
        position: relative;
        margin: 0;
    }

    .blauer-3er-block table td:nth-child(3n+1) {
        margin-right: 20px;
    }

    .blauer-3er-block table td:nth-child(3n+2) {
    }

    .blauer-3er-block table td:nth-child(3n+0) {
        margin-left: 20px;
    }

    /* Noch unsicher ? TEXT LINKS BILD RECHTS */

    .text-links-bild-rechts {
        flex-flow: row-reverse;
        align-items: center;
    }
    .text-links-bild-rechts .item-image {
        width: 50%;
        justify-content: flex-end;
    }
    .text-links-bild-rechts .item-content {
        width: 50%;
        padding-left: 10%;
        padding-right: 5%;
    }




























    span.mod-menu__heading.nav-header.menutitle {
        padding: 0;
        background: var(--transparent);
        display: flex;
    }









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


/*******************************************************************************/
/* Styles for devices with a minimum width of 1440px */
/*******************************************************************************/

@media (min-width: 1440px) {

    body {
        font-size: 21px;
    }
    /* BUTTONS */
    a.gold {
        /*    padding: 15px 50px; <<- Startseite blaue Box funktioniert so nicht*/

    }
    /* Add your styles here */
}


/*******************************************************************************/
/* Styles for devices with a minimum width of 1900px */
/*******************************************************************************/

@media (min-width: 1900px) {
    /* Add your styles here */
}


/*******************************************************************************/
/* Styles for devices with a minimum width of 2200px */
/*******************************************************************************/

@media (min-width: 2200px) {
    .hg-bild-mit-text-davor .item-image img {
        display: inherit;
        width: 70%;
    }


    h1 {
        font-size: 64px;
        margin-bottom: 64px;
    }
    h2 {
        /* Add your styles here */
    }
    h3 {
        font-size: 36px;
    }
    .top {
        /*margin: 0 15%;*/
    }
    li.field-entry.editor-davor {
        margin: 13% 0 0 15%;
        max-width: 820px;
    }
    table.arbeitgeber tr td:nth-child(even) {
        font-size: 18px;
    }
    li.field-entry.editor-1,
    li.field-entry.editor-2,
    li.field-entry.editor-3 {
        height: 700px;
    }






}


/*******************************************************************************/
/* Styles for devices with a minimum width of 2560px */
/*******************************************************************************/

@media (min-width: 2560px) {

    .hg-bild-mit-text-davor .item-content {
        max-width: 760px;
    }
}