.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#003366;--e-global-color-text:#282828;--e-global-color-accent:#CC0033;--e-global-color-cbd5ed5:#D2C6B0;--e-global-color-16345ca:#FFFFFF;--e-global-color-44e660f:#CEC7BA;--e-global-typography-primary-font-family:"Futura";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Sahitya";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Futura";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Futura";--e-global-typography-accent-font-weight:600;--e-global-typography-790b736-font-family:"Grey Qo";--e-global-typography-790b736-font-size:45px;--e-global-typography-790b736-font-weight:500;--e-global-typography-819f418-font-family:"Sahitya";--e-global-typography-819f418-font-size:17px;--e-global-typography-819f418-line-height:21px;--e-global-typography-819f418-letter-spacing:-0.5px;--e-global-typography-d97e1c1-font-family:"Futura";--e-global-typography-d97e1c1-font-size:1.3rem;--e-global-typography-d97e1c1-font-weight:300;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1920px){.elementor-kit-6{--e-global-typography-primary-font-size:1.2rem;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-kit-6{--e-global-typography-primary-font-size:1.2rem;--e-global-typography-secondary-font-size:1rem;--e-global-typography-text-font-size:1.2rem;--e-global-typography-accent-font-size:1.5rem;--e-global-typography-accent-line-height:1em;--e-global-typography-790b736-font-size:2.3rem;--e-global-typography-819f418-font-size:1.2rem;--e-global-typography-d97e1c1-font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.magic-container {
    cursor: url('https://stauraumzauberer.at/wp-content/uploads/2025/03/wand-mouse.png') 2 8, auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Standardmäßig alle Bilder ausblenden */
.magic-item img {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

/* Mittlerer Bereich (enthält den Hut) */
.magic-item.middle {
    position: relative;
    width: 250px; /* Größe der Bilder */
    height: 250px;
}

/* Zauberhut als ::before */
.magic-item.middle::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: url('https://stauraumzauberer.at/wp-content/uploads/2025/03/zauberstab-b.webp') no-repeat center center /contain;
    opacity: 1;
    transition: opacity 0.6s ease-in-out;
}

/* Neues Bild als ::after */
.magic-item.middle::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('https://stauraumzauberer.at/wp-content/uploads/2025/03/reveal2.webp') no-repeat center center / contain;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

/* Zauberhut verschwindet, Bild erscheint */
.magic-item.middle:hover::before {
    opacity: 0;
}

.magic-item.middle:hover::after {
    opacity: 1;
}

/* **Gestaffeltes Einblenden – mit Verzögerung!** */
.magic-item.middle:hover + .bottom img {
    opacity: 1;
    transition: opacity 0.6s ease-in-out 1s; /* Startet 1 Sekunde später */
}

.magic-container:hover .top img {
    opacity: 1;
    transition: opacity 0.6s ease-in-out 2s; /* Startet 2 Sekunden später */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://stauraumzauberer.at/wp-content/uploads/2025/02/FuturaLT-Heavy.woff') format('woff');
}
@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://stauraumzauberer.at/wp-content/uploads/2025/02/FuturaLT-Book.woff') format('woff');
}
@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://stauraumzauberer.at/wp-content/uploads/2025/02/FuturaLT-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://stauraumzauberer.at/wp-content/uploads/2025/02/FuturaLT-Light.woff') format('woff');
}
/* End Custom Fonts CSS */