@media (max-width: 790px) and (max-height: 700px) {
    .contentSummary {
        height: 70vh;
    }

    .summary-container {
        height: 70vh;
    }

    .showContacts {
        max-height: 60vh !important;
    }
}

/* Höhenanpassungen für mobile Geräte */
@media (max-width: 550px) and (max-height: 800px) {

    .taskRows{
        height: 55vh !important;
    }

    .coloumns {
        max-height: 65vh;
    }

    .divRow1{
        height: 104px !important;
    }

    .divRow1 svg{
        width: 40px !important;
        height: 40px !important;    
    }

    .summaryRows{
        width: 90% !important;
        height: auto !important;
        gap: 16px;
    }

    .summaryRow2{
        height: auto !important;
        padding: 8px;
    }

    .SummaryRow3Style{
        height: auto !important;
        padding: 8px;
    }

    .taskDetailSection {
        align-items: flex-start;
        padding: 0;
    }

    .taskDetailMain {
        width: 100%;
        height: 100vh;
        border-radius: 0;
        overflow-y: auto;
        padding: 60px 16px 80px; /* Extra Padding für Close-Button und Bottom-Navigation */
    }

    .closeDetailBtn {
        z-index: 1001;
        background: white;
        border-radius: 50%;
        padding: 8px;
    }

    /* Anpassungen für die inneren Elemente */
    .detailCategory, 
    .detailHeader, 
    .detailInfos,
    .detailBtns {
        width: 100%;
        max-width: 100%;
    }

    .contacts{
        height: auto !important;
    }
    
    .headline-container{
        width: 100% !important;
    }

    .width{
        width: 100% !important;
    }

    .newContactForm {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 1100;
    }

    .new-contact-container {
        height: 100vh !important;
        max-width: none;
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: unset !important;
    }

    .bg-main {
        height: 40vh; /* Reduzierte Höhe */
        min-height: 160px;
        padding: 16px !important;
        justify-content: flex-start;
        gap: 16px;
    }

    .join-contact-container {
        padding: 0;
    }

    .bg-white {
        flex: 1; /* Nimmt den restlichen Platz ein */
        padding: 16px;
        overflow-y: auto;
    }

    .editContactsInfoImg, .add-contact-info-img{
        display: none;
    }

    .add-container, .margin{
        margin: 0 !important;
    }

    .edit-container{
        position: unset !important;
    }

    .loginDiv{
        filter: none !important;
    }

    .loginBox{
        background-color: white;
    }

    @keyframes logoMoveToHeader {
        0% {
            transform: translate(-50%, -50%) scale(1);
            top: 50%;
            left: 50%;
            position: fixed;
            opacity: 0.1;
        }
        100% {
            transform: translate(0, 0) scale(1);
            top: 0px;
            left: 0px;
            position: fixed;
            opacity: 1;
        }
    }
}