: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;
}
Zykliva
Zyklus verstehen — privat, ohne Werbung, ohne Tracking.
Zykliva ist eine App zur persönlichen Dokumentation des
Menstruationszyklus. Sie hilft dabei, Periode, Symptome und Befinden
festzuhalten und Zusammenhänge zu erkennen.
Zykliva ersetzt keine ärztliche Beratung und ist keine sichere
Verhütungsmethode.
Deine Daten
Zykliva verarbeitet Gesundheitsdaten. Sie liegen in einem Rechenzentrum
in Frankfurt am Main. Es gibt keine Werbung, keine Weitergabe an Dritte zu
Werbezwecken und keine Analysebausteine in der App. Einzelheiten stehen in
der Datenschutzerklärung.
Rechtliches
Zur Anwendung
Die Web-Fassung von Zykliva ist derzeit nicht öffentlich und nur mit
Zugangsdaten erreichbar: zur Anmeldung.
Anbieter
TAS Prozesswerk — Tobias Schmid
Falkensteinstraße 29A
83083 Riedering
Deutschland
E-Mail: info@tas-prozesswerk.de
Datenschutz ·
Nutzungsbedingungen ·
Impressum