body{margin:0;background-color: transparent !important;padding: 0;height: auto !important;font-family:'Manrope',sans-serif;color:#333}
.hero{height:80vh;background:url('https://momentsof.me/terrace/foto/header.jpg') center/cover}
.overlay{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.45);color:#fff}
.btn{background:#fff;color:#000;padding:12px 24px;text-decoration:none;border-radius:30px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:25px}
.facts div{background:#f4f4f4;padding:15px;text-align:center;border-radius:10px}
.content{max-width:1200px;margin:auto;padding:30px}
.gallery{columns:5 250px;column-gap:15px}
.gallery img{width:100%;margin-bottom:15px;border-radius:12px}
.card{background:#fff;border:1px solid #eceae4;border-radius:16px;}
.info-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin:80px 0;
}

.info-card{
    background:#fff;
    border:1px solid #eceae4;
    border-radius:20px;
    padding:35px;
}

@media(max-width:900px){
    .info-grid{
        grid-template-columns:1fr;
 }
	
.booking-wrapper{
    width:1400px;
	height:1200px;
    margin:600px auto;
    padding:0 30px;
}

.booking-intro{
    text-align:center;
    margin-bottom:40px;
}

.booking-intro h2{
    font-size:42px;
    margin-bottom:15px;
}

.booking-intro p{
    font-size:18px;
    opacity:.8;
}
	a[href*="maps"], 
a[href^="mailto:"] {
    color: #315d6e !important;
    text-decoration: none; /* Entfernt die Unterstreichung */
    font-weight: bold; /* Optional: Macht den Text etwas dicker */
    transition: opacity 0.3s ease;
}

/* Leichter Effekt, wenn man mit der Maus darüber fährt */
a[href*="maps"]:hover, 
a[href^="mailto:"]:hover {
    opacity: 0.7;
}
footer{background:#fff;color:#fff;text-align:center;padding:40px}