:root {
    --accent-blue: #007AFF;
    --card-bg: rgba(255, 255, 255, 0.9);
    --text-color: #1a1a1a;
}

body {
    /* Pfad angepasst: Uploads/ mit großem U, Dateiendung .jpg */
    background-image: url('Uploads/marktplatz.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: var(--text-color);
    font-family: 'Inter', sans-serif;
    margin: 0;
    min-height: 100vh;
}

.master-layout {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    gap: 30px;
    padding: 60px 20px;
    max-width: 1200px;
    margin: auto;
    align-items: center;
}

.card {
    background: var(--card-bg);
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 20px;
    border: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: 0.3s;
}

.card:hover { transform: scale(1.02); border-color: var(--accent-blue); }

.card h3 { color: #000; margin-top: 0; border-bottom: 2px solid var(--accent-blue); display: inline-block; padding-bottom: 5px; }

.card ul { list-style: none; padding: 0; }

.card ul li a { color: #333; text-decoration: none; display: block; padding: 6px 0; font-weight: 500; }

.center-text { text-align: center; background: rgba(255,255,255,0.9); padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }

.footer-logo { height: 60px; margin-bottom: 15px; }
.ht-logo { height: 70px; }
.master-footer { text-align: center; padding: 40px; }