:root {
      --bg: #f9f9f9;
      --main-color: #232323;
      --h1: rgb(0,155,151);
      --link: rgb(0,155,151);
      --link-hover: rgb(0,155,151);
      --bg-hover: #cee9f1;
      --h2: #dbe5e5;
}

/* Basis-Reset */
*,
*::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


body {
      margin: 0;
      font-family: 'Kaius', serif;
      color: var(--main-color, #000000);
      line-height: 1.3em;
      background: var(--bg, #ffffff);
      display: flex;
      flex-direction: column;
}

h1 { line-height: 2em; color: var(--h1, #232323); }
h2 { margin-bottom: 0.5em; line-height: 3em; color: var(--h2, #232323); }
h3 { margin-bottom: 0.5em; line-height: 3em; }
h4 { margin-top: 1.5em; }
p { line-height: 1.5em; margin: 0.5em 0; }
a { color: var(--link); }


.flip-section a:hover,
.flip-section a:focus { background-color: var(--bg-hover); padding: 0.3rem 1.6rem; }

.flip-section a:focus { outline: 2px solid #ff9900; outline-offset: 2px; }

.flip-section a:active { background-color: var(--bg-hover); }

.guillemet::before {  content: "»"; }
.guillemet::after {  content: "«"; }


/* Flipkarte Text */


/* Logo der Stiftung */

.logo-stiftung  {
  width: 30%;
  float: left;
  margin: 0.3em 1.2em 0.5em 0;
}

/* Kleingedruckte */
.kleingedrucktes {
  text-align: start;
  font-size: 0.85rem;
  margin-bottom: 0.6em;
}