/* =====================================================================
   STEFANO FANELLO · RECHTSTEXTE (Lieferung, Impressum, AGB,
   Widerrufsrecht, Datenschutz) – ergänzt style.css
   Schriftgrößen kommen ausschließlich aus den Variablen in style.css
   (--fs-h1 … --fs-small). Hier steht keine einzige feste Schriftgröße.
   ===================================================================== */

div.legal {
         padding: 70px 20px 260px 20px;   /* unten Platz für die Kugel über dem Footer */
         box-sizing: border-box;
}

.legal-page div.headline {
         width:100%;
         margin:0px 0px 50px 0px;
         padding:30px;
         background:var(--nerolight);
}

div.legal-content {
         max-width: 760px;
         margin: 0 auto;
         font-size: var(--fs-p);
         line-height: 1.9;
}

.legal-kicker {
         display: block;
         text-align: center;
         font-size: var(--fs-small);
         font-weight: 700;
         letter-spacing: 3px;
         text-transform: uppercase;
         color: var(--verde);
         margin-bottom: 6px;
}

div.legal-content h1 {
         font-size: var(--fs-h1);
         line-height: 1.05;
         hyphens: auto;
         overflow-wrap: break-word;
         text-align: center;
         color: var(--nerolight);
         text-shadow:
                  1.5px 1.5px 0px var(--avoriolight),
                  3px 3px 0px var(--oro);
         margin: 0 0 34px 0;
}

div.legal-content h2 {
         font-size: var(--fs-h2);
         line-height: 1.1;
         hyphens: auto;
         margin: 56px 0 18px 0;
}

div.legal-content h3 {
         font-size: var(--fs-h3);
         margin: 40px 0 10px 0;
}

div.legal-content p,
div.legal-content ul,
div.legal-content table {
         margin: 0 0 16px 0;
}

div.legal-content ul {
         padding-left: 22px;
}

div.legal-content li {
         margin-bottom: 6px;
}

div.legal-content a {
         overflow-wrap: anywhere;   /* Farbe und Unterstrich: rahmen.css */
}

div.legal-content a.button {
         color: var(--avoriolight);
}

div.legal-content table {
         width: 100%;
         border-collapse: collapse;
         background: #fff;
         border-radius: 14px;
         overflow: hidden;
         box-shadow: 0 1px 0 var(--avorio);
         font-size: var(--fs-p);
         line-height: 1.5;
}

div.legal-content th,
div.legal-content td {
         text-align: left;
         padding: 12px 16px;
         border-bottom: 1px solid var(--avorio);
         vertical-align: top;
}

div.legal-content th {
         font-size: var(--fs-small);
         letter-spacing: 1px;
         text-transform: uppercase;
         background: var(--avorio);
}

div.legal-content tr:last-child td {
         border-bottom: 0;
}

.legal-cta {
         margin: 28px 0 36px 0 !important;
}

/* Platzhalter, die noch entschieden werden müssen */
mark.todo {
         background: #fbe7a1;
         color: var(--nero);
         padding: 1px 5px;
         border-radius: 4px;
}

.legal-draft {
         display: none;
         background: #fbe7a1;
         border-radius: 12px;
         padding: 12px 18px;
         font-size: var(--fs-small);
         line-height: 1.6;
         margin: 0 0 30px 0 !important;
}

div.legal-content:has(mark.todo) .legal-draft {
         display: block;
}

@media (max-width: 768px) {
         div.legal {
                  padding: 44px 16px 140px 16px;
         }

         div.legal-content table {
                  display: block;
                  overflow-x: auto;
         }
}