<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#sec_haus {
   grid-column: 3/6;
   grid-row: 1/2;
   max-height: 300px;
}
        #sec_haus img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .slideshow-container {
           max-width: 100%;
           position: relative;
           margin: auto;
        }
        .slideshow-container img {
           max-height: 300px;
           object-fit: cover;
        }
        .mySlides {
           display: none;
        }
        .dot {
           cursor: pointer;
           height: 15px;
           width: 15px;
           margin: 0 2px;
           background-color: #bbb;
           border-radius: 50%;
           display: inline-block;
           transition: background-color 0.6s ease;
        }
        .active {
             background-color: #288052;
        }
        .dot:hover {
           background-color: #717171;
        }
        .pfeile {
           cursor: pointer;
           color: #717171;
        }

#sec_beschreibung1 {
   grid-column: 1/3;
   grid-row: 1/2;
   background: #FBF1CE;
   border: 1px solid #ddd;
   border-radius: 5px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#sec_beschreibung2 {
   grid-column: 1/3;
   grid-row: 2/3;
   background: #FBF1CE;
   border: 1px solid #ddd;
   border-radius: 5px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#sec_wohnung11 {
   grid-column: 3/4;
   grid-row: 2/3;
   background: #FBF1CE;
   border: 1px solid #ddd;
   border-radius: 5px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
        #sec_wohnung11 img {
            width: 100%;
            object-fit: contain;
        }

#sec_wohnung12 {
   grid-column: 4/5;
   grid-row: 2/3;
   background: #FBF1CE;
   border: 1px solid #ddd;
   border-radius: 5px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
        #sec_wohnung12 img {
            width: 100%;
            object-fit: contain;
        }

#sec_wohnung13 {
   grid-column: 5/6;
   grid-row: 2/3;
   background: #FBF1CE;
   border: 1px solid #ddd;
   border-radius: 5px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
        #sec_wohnung13 img {
            width: 100%;
            object-fit: contain;
        }

#sec_footer {
   grid-column: 1/6;
   grid-row: 3/4;
   background: #FBF1CE;
   border: 1px solid #ddd;
   border-radius: 5px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


@media (max-width: 768px) {
   #sec_haus {
       grid-column: 1/1;
       grid-row: 1/2;
   }
   #sec_beschreibung1 {
       grid-column: 1/1;
       grid-row: 2/3;
   }
   #sec_beschreibung2 {
       grid-column: 1/1;
       grid-row: 3/4;
   }
   #sec_wohnung11 {
       grid-column: 1/1;
       grid-row: 4/5;
   }
   #sec_wohnung12 {
       grid-column: 1/1;
       grid-row: 5/6;
   }
   #sec_wohnung13 {
       grid-column: 1/1;
       grid-row: 6/7;
   }
   #sec_footer {
       grid-column: 1/1;
       grid-row: 7/8;
   }
}


#lightbox {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}
         #lightbox img {
             max-width: 90%;
             max-height: 90%;
             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
             border-radius: 5px;
         }</pre></body></html>