/* =============================================
   service.css – PlusFrame-Styling gabiundteam
   ============================================= */

/* =============================================
   HEADER – TITEL
   ============================================= */
.PlusFrame>.Header>.Zeile1>.Title>h1 {
    font-family: 'Cinzel', serif;
    font-weight: 100;
    font-style: italic;
    font-size: 2rem;
    letter-spacing: 0.05em;
    color: #f5f0e8;
}


/* =============================================
   HEADER – MENÜ
   ============================================= */
.PlusFrame>.Header>.Zeile1>.TopMenu>ul>li {
    font-family: 'Cinzel', serif;
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.PlusFrame>.Header>.Zeile1>.TopMenu>ul>li>a {
    color: #f5f0e8;
    text-decoration: none;
    transition: color 0.2s ease;
}

.PlusFrame>.Header>.Zeile1>.TopMenu>ul>li>a:hover {
    color: #e8c87a;
    text-decoration: none;
}

/* =============================================
   HINTERGRUND
   Das Bild wird vom C++ inline als background gesetzt.
   background-position überschreiben wir mit !important.
   Den Gradient-Overlay setzen wir über body::before.
   ============================================= */
body {
    background-position: center top !important;
}

body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background:
        radial-gradient(ellipse at center, transparent 35%, rgba(20, 13, 4, 0.38) 100%),
        linear-gradient(to bottom, rgba(26, 18, 8, 0.20) 0%, rgba(26, 18, 8, 0.55) 65%, rgba(26, 18, 8, 0.85) 100%);
}