/*
Theme Name: Hiataeinzug
Theme URI: https://new.hiataeinzug.at
Description: Child-Theme von Ollie für hiataeinzug.at
Author: Michael Brantner
Template: ollie
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hiataeinzug
*/

/* Eigene Styles bevorzugt in theme.json ablegen. Hier nur, was theme.json nicht abdeckt. */

/* Hero-Animation Startseite: Nachbau des Slider-Revolution-Moduls "home" ohne Plugin.
   Ebenen sind <img> mit --x, --y, --w (Pixel der 1800×700-Bühne), --t (Start) und --d (Dauer).
   Das Hintergrundbild kommt über --hiata-bg aus dem Inhalt, damit die URL beim Domainwechsel mitzieht. */
.hiata-hero {
	position: relative;
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	aspect-ratio: 1800 / 700;
	max-height: 700px;
	overflow: hidden;
	background: #d0e8ee var(--hiata-bg) center bottom / contain no-repeat;
}

.hiata-hero img {
	position: absolute;
	display: block;
	height: auto;
	left: calc(var(--x) / 1800 * 100%);
	top: calc(var(--y) / 700 * 100%);
	width: calc(var(--w) / 1800 * 100%);
	opacity: 0;
	animation: hiataFade var(--d, 300ms) cubic-bezier(.65, 0, .35, 1) var(--t) forwards;
}

@keyframes hiataFade {
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.hiata-hero img {
		animation: none;
		opacity: 1;
	}
}