/* Angelas Ferienland – Feinschliff 1.1.4 (Design-Prüfung 28.10.2026)
   1.1.2: Alle Regeln beginnen mit „html body“. Diese Datei wird vor den Dateien des Homepage-Plugins geladen,
   deshalb müssen die Regeln stärker sein als dort, sonst greifen sie nicht. */

/* Buchungskasten am Handy: Die Kalendertage waren mindestens 44 px breit, dadurch wurde der Kasten 11–42 px breiter als der Bildschirm. */
@media (max-width: 639px) {
	html body .afl .afl-kal button { min-height: 0; }
}

/* Leiste „Freie Termine finden“: auf der Kontaktseite und während der Eingabe in ein Formularfeld ausblenden */
html body.afl-ohne-leiste .afl-mobilleiste,
html body.afl-tippt .afl-mobilleiste { display: none; }

/* Datumsfelder in der Suche am Handy sichtbar machen.
   Das iPhone zeigt ein leeres Datumsfeld ohne Platzhalter an; mit dem durchsichtigen Feld war es unsichtbar. */
@media (max-width: 760px) {
	html body .afl .afl-feld label { position: relative; }
	html body .afl .afl-feld input[type="date"] {
		-webkit-appearance: none; appearance: none;
		background: #fff; border: 1.5px solid rgba(23, 32, 29, .28); border-radius: 12px;
		box-sizing: border-box; height: 48px; min-height: 48px; line-height: 45px;
		padding: 0 10px; margin-top: 6px; text-align: center;
	}
	html body .afl .afl-feld input[type="date"]:focus { border-color: #2b6b5e; outline: none; }
	html body .afl .afl-feld input[type="date"]::-webkit-date-and-time-value { text-align: center; margin: 0; }
	html body .afl .afl-feld input[type="date"]::-webkit-datetime-edit { display: inline-flex; justify-content: center; width: 100%; }
	html body .afl .afl-feld input[type="date"][data-fls-leer] { color: transparent; }
	html body .afl .afl-feld .fls-ph {
		position: absolute; left: 0; right: 0; bottom: 12px; text-align: center; pointer-events: none;
		font-weight: 500; text-transform: none; letter-spacing: 0; color: rgba(23, 32, 29, .55); font-size: 1rem;
	}
	html body .afl .afl-feld input[type="date"]:not([data-fls-leer]) + .fls-ph { display: none; }
}
@media (min-width: 761px) { html body .afl .afl-feld .fls-ph { display: none; } }

/* 1.1.4: Team auf der Startseite – leere graue Bildfläche ausblenden, solange kein Foto hinterlegt ist */
html body .afl-gz-team .el-item:not(:has(.el-image))::before { display: none; }

/* 1.1.4: Logo im Kopf – war durch das verzögerte Laden (Smush) oft unsichtbar oder blass und am Handy sehr klein */
html body .afl-marke img {
	opacity: 1 !important; width: auto !important; height: 60px; max-width: none; object-fit: contain;
}
@media (max-width: 760px) { html body .afl-marke img { height: 54px; } }

/* Zwischenüberschriften in der Gästeinfo */
html body .afl-faq-gruppe { font-size: 1.35rem; margin: 2em 0 .3em; }
html body .afl-faq-gruppe:first-child { margin-top: 0; }