/* =========================================================
   DYNA werbung+design – Farbanpassungen
   Wird nach allen anderen Stylesheets geladen.
   ========================================================= */

/* Alle gruenen Schriften (bisher Petrol #1a9389): Einleitung,
   Namen im Team, Titel der Leistungsfelder, aktive Punkte mobil */
:root {
	--dm-accent: #5F7A06;
	--dm-green: #5F7A06;
}

/* Button «Lernen Sie uns kennen»: neutrales Grau */
.button.special,
#header .container .button {
	background-color: #5E6264;
	color: #FFFFFF !important;
}
.button.special:hover,
#header .container .button:hover {
	background-color: #44484A;
	color: #FFFFFF !important;
}
.button.special:active,
#header .container .button:active {
	background-color: #33373A;
}

/* Kontakt: Telefon und E-Mail im Grau des Fliesstexts, Hover im neuen Gruen */
.dm-contact a,
.dm-contact a:link,
.dm-contact a:visited {
	color: #666666;
	border-bottom-color: rgba(102, 102, 102, .45);
}
.dm-contact a:hover,
.dm-contact a:focus {
	color: #5F7A06 !important;
	border-bottom-color: #5F7A06;
}

/* CTA «Sie haben eine Idee?» grösser */
#footer .container p.dm-cta {
	font-size: 1.5em;
	line-height: 1.35;
	margin-bottom: .6em;
}

/* Social-Icons im Footer (inline SVG, Font Awesome Free 6, CC BY 4.0) */
ul.dm-social li { vertical-align: middle; }
ul.dm-social .dm-soc {
	display: inline-block;
	color: rgba(255, 255, 255, .5);
	border: 0;
	line-height: 0;
	transition: color .2s ease, transform .2s ease;
}
ul.dm-social .dm-soc:hover,
ul.dm-social .dm-soc:focus-visible {
	color: #ffffff !important;
	transform: translateY(-2px);
}
ul.dm-social .dm-soc:focus-visible { outline: 2px solid #ffffff; outline-offset: 4px; }
ul.dm-social svg {
	display: block;
	height: 28px;
	width: auto;
	fill: currentColor;
}

/* Einleitung (gruen): etwas fetter, gleicher Abstand wie zwischen den grauen Absaetzen */
.dm-lead {
	font-weight: 500;
	margin-bottom: 2em;
}