/* styles.css */

/* Set the background image */

/* For desktop devices */
body {
    margin: 0;
    overflow: hidden; /* Prevent scrollbars */
    background-image: url('anfang/bild1.jpg');
    background-size: cover; /* Adjust this property as needed */
    background-repeat: no-repeat;
    background-attachment: fixed; /* If you want a fixed background */
    background-position: left center; /* Center the background image */
    /* Add other desktop-specific styles here */
}

/* For mobile devices (screens with a maximum width of 768px) */
@media screen and (max-width: 768px) {
    body {
        background-image: url('anfang/Bild2Mobile.jpg');
        background-size: cover; /* Adjust this property as needed */    
        background-repeat: no-repeat;
        background-attachment: fixed; /* If you want a fixed background */
        background-position: left top; /* Center the background image */
        /* Add other mobile-specific styles here */
    }
}
.tooltip {
    display: none;
    position: absolute;
    /*background-color: #333;*/
    color: #ff6a00;
    padding: 5px;
    border-radius: 5px;
    z-index: 1;
}

.hover-container {
    position: relative;
    width: 100%;
    height: 100vh; /* Full viewport height */
}

.hover-container:hover .tooltip {
    display: block;
    transform: translate(10px, 300%); /* Adjust position relative to mouse pointer */
}

/* styles.css */



/* Add additional styles for your website content */