@charset "UTF-8";
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/baloo2-latin-ext-lXcLtA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/baloo2-latin-M4olXc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(schriften/baloo2-latin-ext-lXcLtA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(schriften/baloo2-latin-M4olXc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(schriften/nunito-latin-ext-nFcQIG.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(schriften/nunito-latin-TMnFcQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/nunito-latin-ext-nFcQIG.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(schriften/nunito-latin-TMnFcQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(schriften/nunito-latin-ext-nFcQIG.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(schriften/nunito-latin-TMnFcQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --ink900:#1E2C52; --sage700:#14605E; --cream50:#FBF6EF; --cream200:#E8DECE;
  --paper:#FFFDFA; --text2:#5C6683;
}
*{box-sizing:border-box}
body{
  margin:0; padding:2.5rem 1.25rem 4rem; background:var(--cream50); color:var(--ink900);
  font-family:Nunito, system-ui, sans-serif; font-size:1.0625rem; line-height:1.65;
}
main{max-width:44rem; margin-inline:auto}
h1,h2{font-family:"Baloo 2", Nunito, sans-serif; font-weight:700; line-height:1.2}
h1{font-size:1.9rem; margin:0 0 1.75rem}
h2{font-size:1.2rem; margin:2rem 0 .5rem}
p{margin:0 0 .9rem}
a{color:var(--sage700)}
address{font-style:normal; margin-bottom:.9rem}
.zurueck{display:inline-block; margin-bottom:2rem; font-weight:600}
.stand{margin-top:2.5rem; padding-top:1.25rem; border-top:1px solid var(--cream200); color:var(--text2); font-size:.9rem}
.offen{background:#FBD9CE; border-left:4px solid #D9552E; padding:.8rem 1rem; margin:1rem 0; border-radius:.4rem}

/* Abgesetzter Kasten fuer das Widerspruchsrecht. Art. 21 Abs. 4 DSGVO verlangt
   einen Hinweis "in einer verstaendlichen und von anderen Informationen
   getrennten Form" — ein Satz am Ende eines Absatzes genuegt dafuer nicht. */
.widerspruch{
  background:var(--paper); border:2px solid var(--sage700); border-radius:1rem;
  padding:1.25rem 1.25rem 1.4rem; margin:1rem 0 1.5rem;
}
.widerspruch p:last-child{margin-bottom:0}
.schalter{
  font:inherit; font-weight:700; font-family:"Baloo 2", Nunito, sans-serif;
  background:var(--sage700); color:#fff; border:none; border-radius:999px;
  padding:.8rem 1.5rem; cursor:pointer; margin:.4rem 0 .2rem;
}
.schalter[data-aus="ja"]{background:var(--cream200); color:var(--ink900)}
.schalter:focus-visible{outline:3px solid var(--ink900); outline-offset:3px}
/* Anzeige unter dem Schalter. Eigener Name, weil .stand schon die Fusszeile
   ist — beide hiessen frueher gleich, und die Fusszeile wurde dadurch fett. */
.schalter-stand{font-weight:700; margin:.6rem 0 0}
.schalter-stand.aus{color:var(--sage700)}
.hinweis-klein{font-size:.88rem; color:var(--text2)}

/* ---------- Druck und PDF ----------
   Rechtstexte werden ausgedruckt und abgeheftet — von uns selbst fuer die
   Unterlagen, von Eltern zum Nachlesen. Ohne diese Regeln stuenden im PDF ein
   Zurueck-Verweis ins Nichts und ein Knopf, den niemand druecken kann. */
@media print {
  :root{ --paper:#fff; --cream50:#fff; --cream100:#fff; --cream200:#ccc; }
  body{ background:#fff; color:#000; font-size:11pt; }
  main{ max-width:none; padding:0; }

  /* Was auf Papier keinen Sinn ergibt. */
  .zurueck{ display:none; }
  .schalter, .schalter-stand{ display:none; }

  /* Ersatz fuer den Schalter: Der Widerspruch nach Art. 21 muss auch auf dem
     Ausdruck ausuebbar bleiben, sonst waere die Papierfassung unvollstaendig. */
  .widerspruch::after{
    content:"Der Schalter dazu steht auf der Internetseite unter tintasia.de/datenschutz.html. "
            "Sie können ebenso formlos an die oben genannte Anschrift widersprechen.";
    display:block; font-weight:700; margin-top:.4rem;
  }

  /* Der Kasten bleibt sichtbar — Art. 21 Abs. 4 verlangt die getrennte Form
     auch hier —, nur ohne Farbflaeche. */
  .widerspruch{ border:1.5pt solid #000; background:#fff; }

  .hinweis-klein, .stand{ color:#000; }
  a{ color:#000; text-decoration:underline; }
  h1{ font-size:20pt; }
  h2{ font-size:13pt; page-break-after:avoid; }
  h2 + p, h2 + address{ page-break-before:avoid; }
  p, address, .widerspruch{ page-break-inside:avoid; }

  /* Fusszeile mit Herkunft — ein Ausdruck ohne Quelle ist wertlos. */
  .stand::after{
    content:"Abgerufen von tintasia.de";
    display:block; margin-top:.3rem; font-weight:400;
  }
  @page{ margin:18mm 16mm; }
}