/* Textschatten (Doppeltext-Effekt) global deaktivieren */
			*, body, p, h1, h2, h3, h4, h5, h6, a, span, li, input, textarea {
				text-shadow: none !important;
			}

			/* Einheits-Hintergrund für die gesamte Seite */
			body, 
			.wrapper.style1, 
			.wrapper.style2, 
			.wrapper.style3, 
			.wrapper.style4 {
				background-color: #f8f5e7 !important;
			}

			/* Fließtexte & Überschriften auf Anthrazit (#282828) setzen */
			body, p, h1, h2, h3, h4, h5, h6,
			.wrapper.style1, .wrapper.style2, .wrapper.style3, .wrapper.style4,
			#kontakt header h2, #kontakt header p, #kontakt h3,
			#copyright, #copyright li, #copyright a {
				color: #282828 !important;
			}

			/* Kontaktformular Eingabefelder */
			#kontakt input[type="text"],
			#kontakt input[type="email"],
			#kontakt textarea {
				background-color: #ffffff !important;
				color: #282828 !important;
				border: 1px solid #ccc !important;
			}

			/* Buttons: Originale Button-Farben des Templates behalten, nur Schrift weiß erzwingen */
			#kontakt input[type="submit"],
			#kontakt input[type="reset"],
			#kontakt input[type="submit"]:hover,
			#kontakt input[type="reset"]:hover,
			#kontakt input[type="submit"]:focus,
			#kontakt input[type="reset"]:focus {
				color: #ffffff !important;
				-webkit-text-fill-color: #ffffff !important;
			}

			/* Social-Buttons: Weiße Icons & Markenfarben */
			#kontakt ul.social li a,
			#kontakt ul.social li a:before,
			#kontakt ul.social li a span {
				color: #ffffff !important;
				box-shadow: none !important;
				opacity: 1 !important;
			}

			#kontakt ul.social li a.fa-linkedin-in { background-color: #0a66c2 !important; }
			#kontakt ul.social li a.fa-xing        { background-color: #006567 !important; }
			#kontakt ul.social li a.fa-envelope    { background-color: #ea4335 !important; }
			#kontakt ul.social li a.fa-phone       { background-color: #25d366 !important; }

			/* Erfolgsbenachrichtigung (Grünes Banner mit weißem Text) */
			.form-success-msg {
				display: none;
				background-color: #2e7d32 !important;
				color: #ffffff !important;
				border: 1px solid #1b5e20 !important;
				padding: 15px !important;
				border-radius: 6px !important;
				margin-bottom: 25px !important;
				text-align: center !important;
				font-weight: bold !important;
			}

			/* Mobiles Menü (Off-Canvas Drawer) */
			.mobile-nav-toggle, .mobile-nav-panel, .mobile-nav-overlay {
				display: none;
			}

			@media screen and (max-width: 736px) {
				/* Normale Navigationsleiste auf Mobile ausblenden */
				#nav {
					display: none !important;
				}

				/* Hamburger-Button (3 Linien) oben rechts fixieren */
				.mobile-nav-toggle {
					display: flex !important;
					flex-direction: column;
					justify-content: space-between;
					position: fixed;
					top: 12px;
					right: 15px;
					width: 40px;
					height: 40px;
					background-color: #282828 !important;
					border: none;
					border-radius: 6px;
					padding: 10px 8px !important;
					z-index: 10001;
					cursor: pointer;
					box-shadow: 0 2px 8px rgba(0,0,0,0.2);
				}

				.mobile-nav-toggle span {
					width: 100%;
					height: 3px;
					background-color: #ffffff;
					border-radius: 2px;
					display: block;
				}

				/* Seitliches Ausklappfenster */
				.mobile-nav-panel {
					display: block !important;
					position: fixed;
					top: 0;
					right: -280px;
					width: 250px;
					height: 100%;
					background-color: #f8f5e7 !important;
					box-shadow: -4px 0 15px rgba(0,0,0,0.15);
					z-index: 10003;
					transition: right 0.3s ease-in-out;
					padding: 70px 25px 20px 25px !important; /* Genügend Abstand oben für die Liste */
				}

				.mobile-nav-panel.active {
					right: 0 !important;
				}

				/* Schließen-Button (X) im Seitenfenster zurücksetzen & kompakt halten */
				.mobile-nav-close {
					position: absolute;
					top: 15px;
					right: 15px;
					width: 32px !important;
					height: 32px !important;
					min-width: 0 !important;
					padding: 0 !important;
					margin: 0 !important;
					background: transparent !important;
					border: none !important;
					box-shadow: none !important;
					font-size: 24px !important;
					line-height: 1 !important;
					color: #282828 !important;
					cursor: pointer;
					display: flex !important;
					align-items: center;
					justify-content: center;
				}

				/* Menüpunkte im Seitenfenster */
				.mobile-nav-panel ul {
					list-style: none;
					padding: 0 !important;
					margin: 0 !important;
				}

				.mobile-nav-panel ul li {
					margin-bottom: 18px;
					border-bottom: 1px solid #e0dccb;
					padding-bottom: 10px;
				}

				.mobile-nav-panel ul li a {
					color: #282828 !important;
					font-weight: bold;
					font-size: 1.1em;
					text-decoration: none;
					display: block;
				}

				/* Abdunkelung des Hintergrunds beim Öffnen */
				.mobile-nav-overlay {
					display: block !important;
					position: fixed;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0,0,0,0.4);
					z-index: 10002;
					opacity: 0;
					visibility: hidden;
					transition: opacity 0.3s ease, visibility 0.3s ease;
				}

				.mobile-nav-overlay.active {
					opacity: 1 !important;
					visibility: visible !important;
				}
			}

				/* Abdunkelung des Hintergrunds beim Öffnen */
				.mobile-nav-overlay {
					display: block !important;
					position: fixed;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0,0,0,0.4);
					z-index: 10002;
					opacity: 0;
					visibility: hidden;
					transition: opacity 0.3s ease, visibility 0.3s ease;
				}

				.mobile-nav-overlay.active {
					opacity: 1 !important;
					visibility: visible !important;
				}
				
			}
			/* Profilbild/Logo global perfekt rund gestalten */
#top .image img {
	border-radius: 50% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
}

/* Mobile Anpassung für das Bild im Header */
@media screen and (max-width: 736px) {
	#top .image {
		max-width: 180px !important; /* Begrenzt die Größe auf Smartphones */
		margin: 0 auto 25px auto !important; /* Zentriert das Bild und schafft Abstand zum Text */
		display: block !important;
	}

	#top .image img {
		width: 100% !important;
		height: auto !important;
	}
}