/*
  Theme Name: REALONAUT
  Theme URI: https://realonaut.com
  Version: 1.0.0
  Template: Divi
  Author: REALONAUT GmbH
  Author URI: https://realonaut.com
  Description: REALONAUT GmbH | Kochgasse 24, 1080 Vienna, AUSTRIA | realonaut.com | office@realonaut.com | +43 650 28 33 78 7
  Text Domain: realonaut
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


:root {
  --ms-var:#000;
}



/* MENÜ und BUCHUNG nur als fixed wenn kein builder aktiv  */
body:not(.et-fb) #ol-menu{
  position:fixed;
  height: 100dvh!important;
  opacity:.0;
  left:0;top:110%;
  transition: top 0ms linear 250ms, opacity 150ms linear;
}
body:not(.et-fb) #ol-menu.show{
  top:0;
  opacity:1;
  transition: top 0ms, opacity 150ms linear 10ms;
}




body, 
p, 
li, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    hyphens: auto;
    text-wrap: pretty;
}

.et_pb_text p a{
    text decoration:underline;
    font-weight:500;
    font-size:1.2em;
    color:currentColor;
    text-decoration:underline;
}

/**
 *     ██████ ██    ██ ██████  ███████  ██████  ██████  
 *    ██      ██    ██ ██   ██ ██      ██    ██ ██   ██ 
 *    ██      ██    ██ ██████  ███████ ██    ██ ██████  
 *    ██      ██    ██ ██   ██      ██ ██    ██ ██   ██ 
 *     ██████  ██████  ██   ██ ███████  ██████  ██   ██ 
 *                                                      
 *                                                      
 */

/* Das Cursor-Element */
body:not(.et-fb) .custom-cursor {
    width: 24px!important;
    height: 24px!important;
    background-color: #5f0a35; /* Der schwarze Punkt */
    border-radius: 50%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none; /* Wichtig: Klicks gehen durch den Punkt hindurch */
    z-index: 9999;
    transition: transform 0.1s ease-out; /* Erzeugt die leichte Verzögerung */
    will-change: transform;
    display: none; /* Standardmäßig aus auf Mobilgeräten */
}

@media (min-width: 768px) {
    body:not(.et-fb) .custom-cursor {
        display: block;
    }
}



/**
 *    ██████  ██████  
 *         ██ ██   ██ 
 *     █████  ██   ██ 
 *         ██ ██   ██ 
 *    ██████  ██████  
 *                    
 *                    
 */

/* Basis-Setup für den 3D-Raum und die Hardwarebeschleunigung */
body:not(.et-fb) .drehung-links, 
body:not(.et-fb) .drehung-rechts {
    will-change: transform;
    /* Leichtes ease-out für ein weicheres Gefühl beim Mausrad-Scrollen */
    transition: transform 0.1s ease-out !important; 
    transform-style: preserve-3d !important;
}

/* Scharnier links */
body:not(.et-fb) .drehung-links {
    transform-origin: left center !important; 
    transform: perspective(1200px) rotateY(60deg);
}

/* Scharnier rechts */
body:not(.et-fb) .drehung-rechts {
    transform-origin: right center !important;
    transform: perspective(1200px) rotateY(-60deg);
}














/* Gruppe standardmäßig ausblenden */
body:not(.et-fb) .rl-toggle-content {
    display: none !important;
}

/* Gruppe einblenden (wird per JS getriggert) */
body:not(.et-fb) .rl-toggle-content.is-visible {
    display: flex !important;
    animation: rlFadeIn 0.3s ease-in-out forwards;
}

/* Weiche Einblend-Animation */
@keyframes rlFadeIn {
    from { 
        opacity: 0; 
        transform: translateY(-10px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}


/**
 *    STAPEL: Bereich bleibt stehen, die Bilder schieben sich darüber
 *
 *    Section mit der Klasse curo-sticky-section: Die Reihe vor den Klappbildern
 *    bleibt stehen, sobald ihr unteres Ende den Fensterrand erreicht. Die Reihe
 *    mit den Bildern (drehung-links/-rechts) scrollt über den stehenden Text.
 *    Endet die Section, scrollt alles wieder mit. Das JS setzt die Klassen und die
 *    Höhe; ohne JS und bei „Bewegung reduzieren“ scrollt alles normal.
 */

/* Divi setzt overflow-y: hidden auf #page-container. Das macht ihn zum
   Scroll-Container, und sticky würde an ihm statt am Fenster kleben.
   clip schneidet genauso ab, ohne Scroll-Container zu sein. */
#page-container:has(.curo-sticky-section) {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

@media (prefers-reduced-motion: no-preference) {
    /* !important, weil Divi aus den Reiheneinstellungen position: relative !important erzeugt */
    body:not(.et-fb) .rl-stapel-oben {
        position: sticky !important;
        /* unteres Ende bündig mit dem Fensterrand */
        top: calc(100svh - var(--rl-stapel-hoehe, 100svh)) !important;
        z-index: 0 !important;
    }

    body:not(.et-fb) .rl-stapel-vorhang {
        position: relative !important;
        z-index: 1 !important;
    }
}