:root { --hintergrund: #ffffff;--hintergrund-alternativ: #e2e2e2;--akzent: #364755;--akzent-alternativ: #687580;--text: #364755;--text-alternativ: #ffffff;--schatten: #000000;--fehler: #c90000;--hinweis: #edc729;--bestaetigung: #3cad00;--verlauf-1-start: var(--akzent);--verlauf-1-end: var(--akzent-alternativ);--verlauf-2-start: var(--hintergrund);--verlauf-2-end: var(--transparent);--h1-size: 36px;--h1-font: 'Voyager';--h1-weight: 400;--h2-size: 30px;--h2-font: 'Voyager';--h2-weight: 400;--h3-size: 24px;--h3-font: 'Voyager';--h3-weight: 400;--h4-size: 20px;--h4-font: 'Voyager';--h4-weight: 400;--text-size: 16px;--text-font: 'MontserratLight';--text-weight: 400;--quotation-size: 12px;--quotationt-weight: 300;--quotation-font: 'MontserratLight';--quotation-style: normal;--quotation-decoration: none;--button-a-background: var(--verlauf-1);--button-a-color: var(--text-alternativ);--button-a-border-radius: 150px;--button-b-background: var(--schatten);--button-b-color: var(--text-alternativ);--button-b-border-radius: 10px;--footer-background: var(--verlauf-2);--footer-border-radius: 0px;--overlay-hintergrund: linear-gradient(to right, rgba(54, 71, 85, 0.8), rgba(104, 117, 128, 0.8)); }@media (prefers-color-scheme: dark){ :root { --hintergrund: #ffffff;--hintergrund-alternativ: #e2e2e2;--akzent: #364755;--akzent-alternativ: #687580;--text: #364755;--text-alternativ: #ffffff;--schatten: #000000;--fehler: #c90000;--hinweis: #edc729;--bestaetigung: #3cad00; } }