@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body,h1,h2,h3 { font-family: 'Montserrat'; }
body {  font-size:18px; }
h1 {font-size: 60px;}
h2 {font-size: 48px;}
h3 {font-size: 32px;}

:root {
  --cassiopeia-color-primary: #071A3A; /* sehr dunkles Blau */
  --cassiopeia-color-link: #2B4C7E;    /* kühles Blau */
  --cassiopeia-color-hover: #FF1E1E;   /* kräftiges Rot */

  --cassiopeia-gradient: linear-gradient(
    120deg,
    #050F24 0%,
    #071A3A 35%,
    #0B2D5C 65%,
    #FF1E1E 100%
  );
}

/* Hintergrund für die ganze Seite */
body {
  background: var(--cassiopeia-gradient);
  background-attachment: fixed;
  background-size: cover;
  color: white; /* damit Text lesbar bleibt */
}

/* Optional: bessere Lesbarkeit für Inhalte */
main, header, footer {
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(6px);
}
/* Karten */

.card{

    background:rgba(255,255,255,0.12);

    backdrop-filter:blur(8px);

    border-radius:15px;

    padding:25px;

    margin:20px 0;

    box-shadow:0 5px 15px rgba(0,0,0,0.3);

}


/* Buttons */

.btn{

    display:inline-block;

    background:#0033a0;

    color:white;

    padding:12px 24px;

    border-radius:8px;

    text-decoration:none;

    font-weight:bold;

   transition:0.3s;

}


.btn:hover{

    background:#0057d9;

    transform:scale(1.05);}