/*
******************************************************************
(c) sinntun.codes
******************************************************************
*/

/* mobile_760px.css ist für Bildschirmbreiten von 800px - 521px */

@media only screen and (max-width: 800px) {
    .pageelement-contactform .contactform-content {
        width: 80%;
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-columns: 1fr;
        -ms-grid-rows: 1fr 1fr;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
    }

    .pageelement-contactform .contactform-content :first-child {
        grid-row: 2;
        -ms-grid-row: 2;
    }

    .pageelement-contactform .contactform-content .contactform-contact-box {
        -webkit-box-align: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    .pageelement-contactform .contactform-content .contactform-contact-box .contactform-contact .text {
        margin-top: 1.5rem;
        padding-left: 0;
    }

    .pageelement-contactform .contactform-content .contactform-contact-box .contactform-contact {
        padding-bottom: 0;
    }

    .pageelement-contactform .contactform-content .contact-form form .contactform-button {
        margin-top: 1rem;
        max-height: 50px;
        max-width: 100%;
        line-height: 0;
    }

    .material-list .text-label {
        padding-left: 0;
        padding-bottom: 15px;
    }

    .material-list .tabs {
        width: 100%;
    }
}


@media only screen and (max-width: 770px) {
    .visual-text-background {
        max-height: 200px;
    }

    .visual-text-img {
        max-height: 80px;
        width: auto;
    }

    .visual-text {
        width: 70%;
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 0 100px;
    }

}

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

    /*****************************************************************
    *********** Document
    ******************************************************************/
    /*****************************************************************
    *********** Allgemeine Selektoren
    ******************************************************************/
    /*****************************************************************
    *********** Header
    ******************************************************************/
    .mainheadline {
        font-size: 35px !important;
    }

    /*****************************************************************
    *********** Footer
    ******************************************************************/
    /*****************************************************************
    *********** Content
    ******************************************************************/
    /*#### gallery-list #####*/
    .gallery-list-main .item {

    }


    /*****************************************************************
    *********** Seitenelemente
    ******************************************************************/
    /* overviewpages-main */
    .overview-item-container .overview-item {
        height: 175px;
        width: 100%;
    }

    .overviewpages-main .text-container {
        height: auto;
        width: auto !important;
        display: flex;
    }


    #info-canvas {
        width: 100%;
        margin: 0 0;
    }

    #content-canvas {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 25px;
    }

    .text-image-main .left-column {
        float: none;
        height: auto;
        overflow: hidden;
        padding-right: 0 !important;
    }

    .text-image-main .right-column {
        overflow: hidden;
        float: none;
        height: auto;
        padding-left: 0 !important;
    }

    .text-image-senkrecht-main {
        flex-direction: column;
    }

    .text-image-senkrecht-main .right-column {
        padding: 0;

        margin-top: 20px;
    }

    .text-image-senkrecht-main .left-column {
        padding: 0;
    }

    .text-image-senkrecht-main .right-column.text, .text-image-senkrecht-main .left-column.text {
        width: 100% !important;
    }

    .header-text {
        display: none !important;
    }

    /*   #logo img {
          width: 60px;
       }*/
    .menu-button {
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 30px;
    }

    #main-navigation {
        display: none !important;
    }


    #nav2-canvas {
        width: 100%;
        margin-bottom: 10px;
    }

    .image-text-three-columns-main .col {
        width: 100% !important;
        margin: 20px 0;
    }

    .contactform .textbox, .contactform #nachricht {
        width: 60%;
    }

    .contactform .form-info, .contactform .title {
        margin: 0;
    }

    #head-image img {
        height: 225px;
        align-content: center;
    }

    .overviewpages-main .overview-item {
        flex-direction: column;
    }

    .overviewpages-main .text-container {
        display: block;
    }

    .overviewpages-main .image-container {
        padding: 0;
        margin-bottom: 10px;
        display: block;
    }

    .text-image-main {
        flex-direction: column;
    }

    .text-image-main .text-contentbox .textbox-image {
        padding-bottom: 0;
    }

    .gallery-list-main, .gallery-container {
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
    }

    .slick-slide img {
        width: auto;
        height: 165px;
    }

    .person-main .person-container .content-container {
        padding: 10px;
    }

    .person-main .headline {
        font-size: 22px;
    }

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

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

    /* media-text */
    .media-text .text-container {
        padding: 25px 60px;
    }

    .media-text .text-container h4 {
        margin-bottom: 15px;
    }

    .teaserbox {
        flex-direction: column;
    }

    .teaserbox-textcontainer p {
        font-size: 18px;
    }

    .teaserbox-textcontainer p {
        font-size: 18px;
    }

    .logotext-image {
        flex-basis: 100% !important;
    }

    .text-contentbox .right-img {
        width: 100%;
    }

    .text-contentbox .left-img {
        width: 100%;
    }

    .teaserbox-wide .teaserbox-imagecontainer {
        width: 100%;
    }

    .teaserbox-wide .teaserbox-textcontainer {
        width: 100%;
    }

    .events-registration .form-row {
        flex-flow: column;
    }

    .events-registration .form-row input.textbox {
        margin-left: 0;
        width: 100%;
    }

    .events-registration .defaultform .form-row select {
        width: 100%;
        margin-left: 0;
    }

    .events-registration .form-row.geburtsdatum {
        display: block;
    }

    .events-registration .form-row.geburtsdatum label {
        width: 100%;
    }

    .events-registration .form-row.geburtsdatum select {
        display: inline-block;
    }

    .events-registration .form-row span.radiobuttons-wrapper {
        flex-flow: column;
    }

    .events-registration .form-row span.radiobuttons-wrapper input {
        margin-left: 0;
    }

    .events-detail-main .detail-info .row {
        display: flex;
        flex-flow: column;
    }
}


@media only screen and (max-width: 700px) {
    .events-calendarlist .filter-select-wrapper .form-select {
        width: 100%;
        margin-bottom: 10px;
    }

    .events-calendarlist .filter-select-wrapper {
        flex-wrap: wrap;
        padding-bottom: 5px;
    }

    .events-calendarlist .filter-tabs-wrapper {
        padding-bottom: 20px;
        flex-wrap: wrap;
    }

    .events-calendarlist .filter-tabs-wrapper .title {
        /*break-after: always;*/
    }
}

@media only screen and (max-width: 650px) {
    #logo img {
        max-width: 370px;
    }

    #mobile-search-box .search-input {
        height: 42px;
        font-size: 18px;
    }

    .mobile-search .mobile-search-icon {
        top: 8px;
        font-size: 22px;
        right: 20px;
    }

    #mobile-menu-search-box form {
        width: 90%;
    }

    #mobile-menu-search-box .search-input {
        height: 42px;
        padding: 4px 65px 4px 20px;
        font-size: 18px;
    }

    .mobile-menu-search-icon {
        right: 19px;
        top: 29px;
    }

    .mobile-menu-search-icon i {
        font-size: 24px;
    }

    .mobile-menu-search {
        height: auto;
    }

    .person-main .person-container {
        margin: 25px auto;
    }

    /* *** material-list *** */
    .material-list .search .searchbar {
        height: 42px;
        font-size: 20px;
    }

    .material-list .search .innericon {
        right: 4%;
    }

    .material-list .search .searchicon::before {
        font-size: 21px;
        padding-top: 0;
        transform: translateY(-2px);
    }

    .material-list .text-label {
        font-size: 20px;
    }

    .material-list .filter-topic {
        margin-bottom: 15px;
    }

    .material-list .filter-type {
        margin-bottom: 40px;
    }

    .nav1-mobile-div.menu-1 {
        top: 110px;
        height: calc(100vh - 110px);
    }

}