/* Grundlegende Stilregeln für die gesamte Seite */
body {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	min-height: 100vh;
	padding-top: 15vh;
	padding-bottom: 30vh;
	background: linear-gradient(135deg, #1e3b1e, #2c582c, #3a6b3a);
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	perspective: 1000px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	color: #f0f0f0;
	touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

.bg-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: blur(0.5px);
    display: block;
}

/* Neue Klasse für responsive Positionierung */
.bg-image.responsive {
    /* Behält Bildproportionen bei */
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}


/* Alle Schriftrollen initial verstecken */
.scroll-container,
.second-scroll-container,
.third-scroll-container,
.fourth-scroll-container,
.fifth-scroll-container,
.sixth-scroll-container,
.seventh-scroll-container,
.eighth-scroll-container {
    visibility: hidden;
    opacity: 0;
}

/* Überschreibung für Paint Black Mode */
body.background-turning-black {
    background: #000000 !important;
    background-image: none !important;
    background-color: #000000 !important;
}

/* Verstecke Scrollbars für verschiedene Browser */
* {
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
}

/* Verstecke Webkit-Scrollbars (Chrome, Safari, etc.) */
*::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.container {
	position: relative;
	width: 300px;
	height: 200px;
	cursor: pointer;
	transform-style: preserve-3d;
	transition: transform 1s ease;
}

/* Allgemeine Schriftstile */
h2 {
	margin-top: 0;
	margin-bottom: 20px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	color: #3a6b3a;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
	font-size: 24px;
	letter-spacing: 1px;
}

p {
	font-size: 18px;
	line-height: 1.5;
	color: #4a5d32;
	font-weight: 500;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	letter-spacing: 0.5px;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
	margin: 0;
}

@keyframes pulse {
	0% { opacity: 0.7; }
	100% { opacity: 1; }
}

/* Entferne Hand-Cursor von allen Scroll-Containern */
.scroll-container,
.second-scroll-container,
.third-scroll-container,
.fourth-scroll-container,
.fifth-scroll-container,
.sixth-scroll-container,
.seventh-scroll-container,
.eighth-scroll-container {
    cursor: default !important;
}