@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap');

		/* NEU – scrollt normal bis ganz oben */
		html, body {
			margin: 0;
			padding: 0;
		}

		body {
			font-family: 'IM Fell English SC', serif;
			background-color: #1a1a1a;
			color: #e0c39a;
			/* wichtig: kein flex und keine feste Höhe */
			min-height: 100vh;          /* optional */
			overflow-y: auto;           /* falls nötig */
		}

		.container {
			width: 88%;
			max-width: 850px;
			text-align: center;
			background: linear-gradient(135deg, #222222, #1a1a1a);
			padding: 40px;
			border-radius: 18px;
			box-shadow: 0 12px 30px rgba(0, 0, 0, 0.75);
			border: 3px solid #8a6f44;
			margin: 40px auto;          /* zentriert + Abstand nach oben */
		}  
		
        .container {
            width: 88%;
            max-width: 850px;
            text-align: center;
            background: linear-gradient(135deg, #222222, #1a1a1a);
            padding: 40px;
            border-radius: 18px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.75);
            border: 3px solid #8a6f44;
        }

        .title-image {
            max-width: 100%;
            margin-bottom: 30px;
            filter: drop-shadow(4px 4px 9px rgba(0, 0, 0, 0.7));
        }

        .download-section {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
        }

        .download-column {
            text-align: left;
            flex: 1;
            padding: 18px;
            background: rgba(0, 0, 0, 0.4);
            border-radius: 12px;
            box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.75);
            border: 3px solid #8a6f44;
            margin: 0 18px;
        }
		
		.download-column2 {
            text-align: center;
        }

        h2 {
			text-align: left;
            color: #e0c39a;
            font-size: 1.8rem; /* Noch etwas größer */
            margin-bottom: 14px;
            border-bottom: 3px solid #e0c39a;
            padding-bottom: 7px;
            display: inline-block;
            text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
        }

        a {
            display: block;
            margin: 14px 0;
            color: #d89e4d;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.3rem; /* Noch ein Tick größer */
            transition: all 0.3s ease;
        }

        a:hover {
            color: #d89e4d;
            text-shadow: 0px 0px 14px rgba(255, 215, 0, 0.8);
            transform: scale(1.1);
        }
		
/* Kleiner Legal-/Footer-Link */
.legal-links {
  margin-top: 16px;
  text-align: center;
  color: #caa978;
  font-size: 0.85rem; /* Grundgröße des Blocks */
}

.legal-links a {
  display: inline;        /* globales block-Layout überschreiben */
  margin: 0 6px;          /* kleiner Abstand, keine großen Block-Margins */
  font-size: 0.85rem;     /* kleiner als die normalen Links (1.3rem) */
  font-weight: bold;      /* wie deine normalen Links */
  color: #f1d9ad;         /* leicht heller als Fließtext */
  text-decoration: none;
  transition: none;       /* kein Hover-Gedöns */
  transform: none;
}

.legal-links a:hover {
  color: #f1d9ad;         /* gleiche Farbe (kein Wechsel) */
  text-shadow: none;
  transform: none;
}