/* Ensure table responsiveness */
table {
    width: 100%; /* Make the table take up the full width of its container */
    border-collapse: collapse; /* Merge table borders */
}

table th, table td {
    font-size: 14px; /* Reduce font size for better fit */
    word-wrap: break-word; /* Prevent long text from overflowing */
}

@media (max-width: 768px) {
    table {
        display: block; /* Turn the table into a block element for better scrolling */
        overflow-x: auto; /* Add horizontal scrolling for smaller screens */
        white-space: nowrap; /* Prevent table content from wrapping */
    }

    table th, table td {
        font-size: 12px; /* Further reduce font size for smaller devices */
    }

    .termin-buchen-section { 
        padding: 0 10px; /* Add padding for better mobile spacing */
    }
}



.shortcut-button {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -10%);
    background-color: #ff6700;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
}

.shortcut-button:hover {
    background-color: #e55d00;
}

/* For Uber Usn Banner */
#main .bg-about {
/*     background: url('../themes/wp-idata/assets/images/banner/Banner-Uber-Uns.jpg')  */
    background-size: cover; /* Use cover to maintain a good background fit */
    width: 100%; /* Full width of the container */
    height: 770px; /* Default height for large screens */
}

@media (max-width: 1200px) {
    #main .bg-about {
        height: 200px; /* Adjust height for medium screens */
    }
}

@media (max-width: 768px) {
    #main .bg-about {
        height: 326px; /* Adjust height for smaller screens */
    }
}

@media (max-width: 480px) {
    #main .bg-about {
        height: 200px; /* Adjust height for mobile devices */
    }
}


/* Floating Icon Container */
.float-icon-hotline {
    bottom: 190px; /* Adjust height to prevent overlap with other elements */
}

/* Adjust Position of the Floating Phone Ring Wrapper */
.hotline-phone-ring-wrap {
    bottom: -10px; /* Provides more space from floating social icons */
}

/* Move Only the Last Floating Icon (WhatsApp in this case) */
.hotline-phone-ring:last-of-type {
    bottom: 30px !important; /* Fine-tune position */
}