/*
************************************************************
Copyright:  (c) 2022 interaktiv manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/

@media only screen and (max-width: 800px) {
    #footer-bottom .column:nth-child(1),
    #footer-bottom .column:nth-child(2),
    #footer-bottom .column:nth-child(3),
    #footer-bottom .column:nth-child(4) {
        height: auto;
        width: 100%;
        margin: auto;
        text-align: center;
        margin-bottom: 15px;
    }

    .socialmedia-icons {
        text-align: center;
        margin-bottom: 25px;
    }

    .socialmedia-icons .nav-footer-link:nth-child(2),
    .socialmedia-icons .nav-footer-link {
        margin: 0;
        text-align: center;
        display: block;
        float: none;
    }

    .socialmedia-icons a {
        float: none;
        text-align: center;
    }

    .social-media-link img {
        margin: 0 auto;
        margin-top: 10px;
    }

    #footer-bottom h2 {
        margin-bottom: 5px;
    }

    #footer-bottom {
        margin-top: 0;
        padding-top: 20px;
    }
    .select2-container--default .select2-results > .select2-results__options {
      background-color: #fff;
    }
    
}

@media only screen and (max-width: 760px) {

    h1 {
        font-size: 30px;
        line-height: 35px;
    }


    .teaser-start-main .teaser-box-image {
        width: 100%;
    }

    .teaser-start-main .teaser-box-no-image {
        width: 100%;
        margin-bottom: 25px;
    }

    .teaser-start-main .teaser-box-no-image:last-child {
        margin-bottom: 0;
    }

    .jobs-detail .person-container .image-container {
        float: none;
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .testimonial-box {
        width: 100%;
        height: auto;
        float: none;
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 25px;
    }

    .publication-item {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 25px;
    }

    .publication-item:nth-child(2n+1) {
        margin-right: 0;
    }

    .person-main .person-container {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0;
    }

    .person-main .person-container .image-container {
        max-width: 100%;
        height: auto;
        float: none;
        display: block;
        overflow: hidden;
    }

    .person-main-double .person-container:first-child {
        margin-bottom: 45px;
    }

    #job-list-search-form .select2-container--open .select2-dropdown--below {
        left: 0px;
    }

    #job-list-search-form .filter-row {
        height: auto;
        flex-wrap: wrap;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #job-list-search-form .filter-row label {
        width: 100%;
    }

    #job-list-search-form .select2-container {
        margin-left: 0;
    }

    .jobs-detail .link-back,
    .button-link {
        font-size: 18px;
        line-height: 50px;
        width: 290px;
    }

    .text-main .text * {
        font-size: 16px;
        line-height: 21px;
    }

    .logo-text .left-column {
        float: none;
    }

    .logo-text .right-column {
        margin-bottom: 20px;
    }

    #job-list-search-form .select2-container--open .select2-dropdown--below {
        min-width: 200px;
        background: #ccc;
    }

    #job-list-search-form .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
    }

    #job-list-search-form .select2-container {
        margin-left: 0;
        width: 250px !important;
        margin-bottom: 15px;
    }

    #job-list-search-form .filter-row label {
        width: 100%;
        margin-bottom: 20px;
    }

    #job-list-search-form .submit-button {
        width: 100%;
        font-size: 18px;
        line-height: 50px;
    }

    .place-info .row .column img {
        margin-bottom: 15px;
    }
  .select2-container--default .select2-results > .select2-results__options {
        background-color: #fff;
   }
   
   .teaser-full-width .text-top {
   top:25px;
   left:50px;
   }
   .place-info .row .column-address .wrapper {
    width: 100%;
    margin-bottom: 20px;
   }

    .teaser-start-main .no-image-wrapper {
        width: 100%;
    }

    .news-teaser-start .kachel,
    .jobs-teaser-start .kachel {
        margin-left: auto;
        margin-right: auto;
    }

    .jobs-detail .person-container .person-container-inner {
        flex-direction: column;
    }

    .jobs-detail .person-container .image-container {
        padding-bottom: 0;
    }

    .jobs-detail .person-container .content-container {
        min-height: initial;
    }

}

@media only screen and (max-width: 650px) {

.select2-container--default .select2-results > .select2-results__options {
      background-color: #fff;
}

.teaser-full-width .text * {
    font-size: 20px;    
}

.teaser-full-width .text-top {
   top:25px;
   left:50px;
}


}