* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Roboto', serif;
	background: linear-gradient(135deg, #1E1A17 0%, #2C2623 50%, #1E1A17 100%);
	background-size: 400% 400%;
	animation: gradientShift 8s ease-in-out infinite;
	min-height: 100vh;
	color: #F5F5F5;
	position: relative;
	overflow-x: hidden;
}

/* Main Content - NUR FÜR HOME */
.main-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 3rem 2rem;
	/* KEIN GRID! */
}

.hero-section {
	text-align: center;
	margin-bottom: 4rem;
	background: linear-gradient(135deg, #2C2623 0%, #1E1A17 100%);
	padding: 3rem 2rem;
	border-radius: 15px;
	border: 1px solid rgba(255,255,255,0.1);
	box-shadow: inset 0 4px 12px rgba(0,0,0,0.3);
}

.hero-title {
	font-size: 3rem;
	color: #F4C066;
	margin-bottom: 1rem;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.hero-subtitle {
	font-size: 1.3rem;
	color: #D8C5B0;
	margin-bottom: 2rem;
	font-style: italic;
}

.hero-description {
	font-size: 1.1rem;
	color: #F5F5F5;
	line-height: 1.6;
	max-width: 800px;
	margin: 0 auto;
}

/* Services Grid */
.services-section {
	margin-bottom: 4rem;
}

.section-title {
	font-size: 2.2rem;
	color: #F4C066;
	text-align: center;
	margin-bottom: 2rem;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-top: 2rem;
}

.service-card {
	background: linear-gradient(135deg, #2C2623 0%, #1E1A17 100%);
	padding: 2rem;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.1);
	box-shadow: inset 0 4px 12px rgba(0,0,0,0.3);
	transition: all 0.3s ease;
	cursor: pointer;
}

.service-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 32px rgba(244, 192, 102, 0.2);
	border-color: #F4C066;
}

.service-icon {
	font-size: 2.5rem;
	color: #F4C066;
	margin-bottom: 1rem;
	text-align: center;
}

.service-title {
	font-size: 1.4rem;
	color: #F5F5F5;
	margin-bottom: 1rem;
	text-align: center;
	font-weight: bold;
}

.service-description {
	color: #D8C5B0;
	line-height: 1.5;
	text-align: center;
}

.info-section {
	background: linear-gradient(135deg, #2C2623 0%, #1E1A17 100%);
	padding: 3rem 2rem;
	border-radius: 15px;
	border: 1px solid rgba(255,255,255,0.1);
	box-shadow: inset 0 4px 12px rgba(0,0,0,0.3);
}

.info-content {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.info-title {
	font-size: 2rem;
	color: #F4C066;
	margin-bottom: 1.5rem;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.info-text {
	color: #D8C5B0;
	line-height: 1.6;
	font-size: 1.1rem;
}

.cta-button {
	display: inline-block;
	background: linear-gradient(135deg, #C8491D 0%, #FF8232 100%);
	color: #F5F5F5;
	padding: 1rem 2rem;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
	margin-top: 2rem;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.cta-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(255, 130, 50, 0.4);
	border-color: #F4C066;
}

/* Entfernt Unterstreichungen von Service-Karten Links */
.service-card, 
.service-card a,
a .service-card {
    text-decoration: none;
}

/* Zusätzlich für alle Links innerhalb der Services-Section */
.services-section a {
    text-decoration: none;
    color: inherit;
}