/* =====================================================
   Impressum / Datenschutzerklärung als eigenständige
   Seiten. Sie werden normalerweise per JavaScript in
   das Overlay der Startseite geladen – ohne JavaScript
   (oder beim direkten Aufruf) greift diese Darstellung.
   ===================================================== */

body.legal-body {
   background: #fff;
   overflow-x: hidden;
}

.legal-page {
   width: min(100% - 44px, 820px);
   margin: 0 auto;
   padding: clamp(28px, 6vw, 70px) 0 clamp(50px, 8vw, 110px);
}

.legal-back {
   font-family: var(--alt-font);
   text-transform: uppercase;
   letter-spacing: .1em;
   font-size: .75em;
   font-weight: 600;
   margin: 0 0 clamp(24px, 5vw, 50px);
}

.legal-back a {
   color: var(--couch);
   text-decoration: none;
   border-bottom: 2px solid var(--yellow);
   padding-bottom: 3px;
}

.legal-back a:hover {
   border-color: var(--couch);
}

/* Inhalt selbst nutzt die Klassen der Startseite */
#legal-content .tagline {
   margin-top: 0;
   display: block;
}

#legal-content h2 {
   font-family: 'Canela Web', serif;
   font-weight: 100;
   line-height: 1.4;
   font-size: 2.1em;
   margin: .3em 0 0;
}

#legal-content h3 {
   font-size: 1em;
   line-height: 1.4;
   margin-top: 2.2em;
}

#legal-content p {
   margin-bottom: 20px;
}

#legal-content ul {
   margin: 0 0 20px;
   padding-left: 1.35em;
}

#legal-content li {
   margin-bottom: .5em;
}

#legal-content a {
   color: var(--couch);
   overflow-wrap: anywhere;
}

#legal-content code {
   font-size: .92em;
   background: var(--ricepaper);
   padding: .1em .4em;
   border-radius: 3px;
}

#legal-content .angebot_ink {
   margin-top: -10px;
}

#legal-content .angebot_ink img {
   position: static;
   width: 33%;
   height: auto;
   max-height: none;
   margin-bottom: 3vw;
   mix-blend-mode: normal;
}

.text-center { text-align: center; }