:root {
      --bg: #f7f7fb;
      --surface: #ffffff;
      --text: #121319;
      --muted: #5c5f6a;
      --primary: green;   /* Blau */
      --primary-ink: rgb(1, 133, 25);
      --ring: rgba(84, 229, 110, 0.35);
      --border: #e7e7ef;
      --shadow: 0 10px 30px rgba(0,0,0,.08);
      --radius: 16px;
      --maxw: 1100px;
}
h3{
    color: var(--primary-ink);
}
#email{
    color: var(--primary-ink);
}

.card:nth-child(1){
    --primary: orange;   /* Blau */
    --primary-ink: rgb(170, 111, 2);
    --ring: rgba(170, 111, 2, 0.594);
}

.card:nth-child(2){
    --primary: red;   /* Blau */
    --primary-ink: rgb(200, 40, 40);
    --ring: rgba(200, 40, 40, 0.594);
}

.card:nth-child(3){
    --primary: pink;   /* Blau */
    --primary-ink: rgb(220, 60, 150);
    --ring: rgba(220, 60, 150, 0.594);
}

.card:nth-child(4){
    --primary: violet;   /* Blau */
    --primary-ink: rgb(120, 60, 200);
    --ring: rgba(120, 60, 200, 0.594);
}

.card:nth-child(5){
    --primary: lightblue;   /* Blau */
    --primary-ink: rgb(80, 150, 255);
    --ring: rgba(80, 150, 255, 0.594);
}