:root {
      --font-head: 'Poppins', sans-serif;
      --font-body: 'Roboto', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
      --color-text:#232323;
      --color-muted:#6b6b6b;
      --color-accent:#1d6e7a;
      --radius:12px;  }


  /* CTA-Beispiel */
  .btn {
      display:inline-block; padding:12px 18px; border-radius:10px;
      background:var(--color-accent); color:#fff; text-decoration:none;
  }
  .btn:hover { filter:brightness(1.05); }

body { margin: 0; padding: 0; height: 100vh; background-image: url('/img/googleBildViaMartino.png'); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: rgba(148, 177, 211, 1); font-family: var(--font-body); line-height: 1.65; color:#232323; }

.svg-wrapper { position: absolute; left: 50%; transform: translateX(-50%);}
.svg-wrapper svg { width: 100%; height: auto; display: block; position: absolute; top: 0px; left: 0px;}
.svg-container { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; overflow: hidden; border: 0px solid green;
  background-color: rgba(242,242,242,0.8); border-radius: 24px 24px 0 0;
}
.svg-container svg { width: 100%; height: auto; display: block; position: absolute; top: 0px; left: 0px;}

.menu        { position: absolute; left: 50%; transform: translateX(-50%); min-width: 150px; border: 0px solid green; overflow: auto;}

.menu ul     { list-style: none; margin: 0; padding: 0; display: flex; gap: 0px; flex-wrap: wrap; align-items: center; }

.menu ul li  { margin: 0; background-color: rgba(0, 85, 212, 1); border-radius: 0px; color: #eeeeee; }
.menu ul li:hover  { margin: 0; background-color: rgba(90, 141, 200, 1); color: #eeeeee; }
.menu ul li:first-child   { border-radius: 12px 0 0 0;}
.menu ul li:last-child    { border-radius: 0 12px 0 0;}
.menu ul li > a { display: block; padding: 8px 12px; text-decoration: none; }
.content        { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; min-width: 150px; border: 0px solid green; overflow: auto; padding-bottom: 180px;}

h1,h2,h3 { font-family: var(--font-head); font-weight:600; letter-spacing:.2px; margin:.6em 0 .3em; }
h1 { font-size: clamp(30px, 4.3vw, 52px); line-height:1.16; }
h2 { font-size: clamp(22px, 2.8vw, 30px); }
h3 { font-size: clamp(18px, 2vw, 22px); }

  /* Lesbarkeit & Rhythmus */
p { margin: 0 0 1em; max-width: 70ch; }