/*
Theme Name: Zahnarztpraxis Dr. Scharn
Theme URI: https://www.zahnarztpraxen-emsland.de/
Author: COSWA EDV
Description: Eigenes WordPress-Theme, das das ursprüngliche Design der Zahnarztpraxis Dr. Scharn (Emsland) 1:1 übernimmt. Alle Inhalte – Logo, Navigation, Praxis-Adressen, Öffnungszeiten, Telefonnummern, Social-Links und Seiteninhalte – sind über das WordPress-Backend (Theme-Einstellungen + Seiten) konfigurierbar.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: zahnarzt-scharn
*/

/* Das gesamte Layout-CSS stammt aus den eingebetteten Styles des Original-Designs
   (siehe parts/head-assets.html, eingebunden in header.php). Diese style.css dient
   nur als Theme-Kennung sowie für eigene Anpassungen. */

/* =========================================================================
   Eigene Anpassungen zur 1:1-Annäherung an das Original-Design:
   graue Kopfleiste, Hero-Slideshow, graue Hinweisbox, Magenta-Termin-CTA
   und Magenta-Footer.
   Original-Farben: Marken-Magenta #C700C7, Grau #F4F4F4.
   ========================================================================= */

/* Graue Kopfleiste (volle Breite) wie im Original. */
header {
	background-color: #f4f4f4;
}

/* --- Hero-Slideshow direkt unter dem Header --- */
.zs-hero {
	position: relative;
	width: 100%;
	height: 35.5vw;
	min-height: 220px;
	max-height: 455px;
	overflow: hidden;
	/* Basisbild: sorgt dafür, dass das Hero nie leer ist (auch während der
	   Überblendung der animierten Ebenen). */
	background: url(uploads/0RIm7Uyw/zahnarztmeppengeeste1_srcset-large__msi___jpg.jpg) center / cover no-repeat;
}
.zs-hero-slide {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	opacity: 0;
	animation: zsHeroFade 18s infinite;
}
.zs-hero-slide:nth-child(1) {
	background-image: url(uploads/0RIm7Uyw/zahnarztmeppengeeste1_srcset-large__msi___jpg.jpg);
	animation-delay: 0s;
}
.zs-hero-slide:nth-child(2) {
	background-image: url(uploads/eRCdVZSP/zahnarztmeppengeeste2_srcset-large__msi___jpg.jpg);
	animation-delay: 6s;
}
.zs-hero-slide:nth-child(3) {
	background-image: url(uploads/X9hdKd95/zahnarztmeppengeeste3_srcset-large__msi___jpg.jpg);
	animation-delay: 12s;
}
@keyframes zsHeroFade {
	0%   { opacity: 0; }
	5%   { opacity: 1; }
	28%  { opacity: 1; }
	33%  { opacity: 0; }
	100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.zs-hero-slide { animation: none; }
	.zs-hero-slide:nth-child(1) { opacity: 1; }
}

/* --- Hinweisbox (Praxisumzug) als grauer Kasten --- */
.zs-notice {
	background-color: #f4f4f4;
	padding: 30px 40px;
}

/* --- Termin-CTA: vollbreiter Magenta-Block mit weißer Schrift --- */
.zs-cta-row {
	background-color: #c700c7;
	padding: 30px 0;
}
.zs-cta-row .module.text,
.zs-cta-row .module.text * {
	color: #ffffff !important;
}

/* --- Footer in Marken-Magenta mit weißer Schrift --- */
footer {
	background-color: #c700c7;
	padding: 40px 0 30px;
}
footer,
footer a,
footer .custom1,
footer .custom1 span {
	color: #ffffff !important;
}
footer .module.socialmedia a {
	color: #ffffff !important;
}