:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
margin: 0;
padding: 1.5rem 1.25rem 4rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 17px;
line-height: 1.6;
color: #1f2430;
background: #fbfbfd;
-webkit-text-size-adjust: 100%;
}
main { max-width: 44rem; margin: 0 auto; }
h1 { font-size: 1.6rem; line-height: 1.25; margin: 0 0 .25rem; }
h2 { font-size: 1.15rem; margin: 2rem 0 .5rem; }
h3 { font-size: 1rem; margin: 1.5rem 0 .4rem; }
p, li { margin: .6rem 0; }
ul { padding-left: 1.2rem; }
a { color: #2f5bd7; }
strong { font-weight: 600; }
hr { border: 0; border-top: 1px solid #e2e4ec; margin: 2rem 0; }
.kopf { font-size: .85rem; color: #6b7280; margin: 0 0 1.5rem; }
.fuss { font-size: .85rem; color: #6b7280; margin-top: 3rem; }
.fuss a { color: #6b7280; }
table { border-collapse: collapse; width: 100%; margin: .8rem 0; font-size: .95rem; display: block; overflow-x: auto; }
th, td { border: 1px solid #e2e4ec; padding: .45rem .6rem; text-align: left; vertical-align: top; }
th { background: #f1f2f7; font-weight: 600; }
.hinweis { background: #fff; border: 1px solid #e2e4ec; border-left: 3px solid #2f5bd7; padding: .8rem 1rem; margin: 1.5rem 0; border-radius: 4px; }
.gross { font-size: 1.05rem; }
.klein { font-size: .85rem; color: #6b7280; }
ol { padding-left: 1.3rem; }
/* Ab hier: nur fuer die Auffangseiten (/passwort, /einladung, /bestaetigen).
Die Rechtstexte benutzen davon nichts. */
/* [hidden] muss staerker sein als jede display-Regel unten, sonst blitzen
verborgene Abschnitte beim Laden kurz auf. */
[hidden] { display: none !important; }
.feld { display: block; margin: 1rem 0; }
.feld span { display: block; font-size: .9rem; margin-bottom: .3rem; }
.feld input {
width: 100%;
font: inherit;
padding: .7rem .8rem;
border: 1px solid #c9ccd8;
border-radius: 8px;
background: #fff;
color: inherit;
}
.feld input:focus { outline: 2px solid #2f5bd7; outline-offset: 1px; }
.knopf {
display: inline-block;
font: inherit;
font-weight: 600;
padding: .75rem 1.2rem;
border: 0;
border-radius: 10px;
background: #2f5bd7;
color: #fff;
text-decoration: none;
cursor: pointer;
/* Fingerkuppengroesse, damit die Seite auf dem Telefon bedienbar ist. */
min-height: 44px;
}
.knopf:disabled { opacity: .6; cursor: default; }
.knopf.zweit { background: #eef0f7; color: #1f2430; font-weight: 500; }
.fehler { color: #b3261e; font-size: .95rem; }
.code {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 1.7rem;
letter-spacing: .18em;
font-weight: 600;
background: #fff;
border: 1px solid #e2e4ec;
border-radius: 8px;
padding: .7rem .9rem;
/* Der Code darf umbrechen statt aus dem Bildschirm zu laufen. */
overflow-wrap: anywhere;
}
AGB
Zykliva · Stand: 15. Juli 2026 · Version 1.0
Zykliva ist eine Anwendung zur persönlichen Dokumentation deines
Menstruationszyklus. Sie ersetzt keine ärztliche Beratung und ist keine
sichere Verhütungsmethode.
Nutzung
Du bist verantwortlich für die Richtigkeit deiner Eingaben. Berechnungen
dienen ausschließlich zur Orientierung.
Konto
Du kannst dein Konto jederzeit selbst löschen. Zugangsdaten bewahre bitte
sicher auf.
Haftung
Für gesundheitliche Entscheidungen konsultiere bitte medizinisches
Fachpersonal.
Anbieter
TAS Prozesswerk — Tobias Schmid
Falkensteinstraße 29A
83083 Riedering
Deutschland
E-Mail: info@tas-prozesswerk.de
Startseite ·
Datenschutzerklärung ·
Impressum