body {
            margin: 0;
            font-family: Arial, sans-serif;
            background: #f4f4f4;
            color: #003366;
        }

        /* Kopfzeile */
        header {
            background: white;
            padding: 10px 20px;
            display: flex;
            align-items: center;
            border-bottom: 3px solid #005A9C;
	    
        }

        header img {
            width: 250px;
	    height: 250px;
            margin-right: 20px;
        }

        header h1 {
            font-size: 28px;
            color: #003366; /* Blauton aus dem Logo */
            margin: 0;
	    float: left;
        }

        /* Navigation */
        nav {
            background: #003366;
            padding: 10px 20px;
	    text-align: center;
        }

        nav a {
            color: white;
            text-decoration: none;
            margin-right: 20px;
            font-size: 18px;
        }

        nav a:hover {
            text-decoration: underline;
        }

        /* Hauptbereich */
        .container {
            max-width: 1000px;
            margin: 30px auto;
            background: white;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
	.karten {
	margin-top: 40px;
	margin-bottom: 40px;
}
	.appell {
	background-color: #ff9900; 
	color: #ffffff; 
	padding: 20px; 
	margin-top: 40px; 
	font-size: 20px; 
	text-align: center;
}
	.beleft {
	width: 50%; 
	float: left;
}
	.beleft img {
	width: 272px; 
	float: left;
	margin-right: 10px;
}
	.beg img {
	height: 98px;  
}
	.beh img {
	height: 150px;  
}
	.besch img {
	height: 128px;  
}

	.besoe img {
	height: 87px;  
}

	.beright {
	width: 50%; 
	float: right;
}
	.beright img {
	width: 272px; 
	float: left;
	margin-right: 10px;
}
	

	.eaw img {
	height: 135px;  
}
	.nerg img {
	height: 109px;  
}
	.sonne img {
	height: 81px;  
}

	.clr {
	clear: both;
}

        h2 {
            color: #003366;
	    margin-top: 50px;
        }

	h3, h4 {
	margin-top: 40px;
}

        footer {
            text-align: center;
            padding: 20px;
            margin-top: 40px;
            background: #eaeaea;
            font-size: 14px;
        }