.elementor-8780 .elementor-element.elementor-element-9b8be18{--display:flex;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:1;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-8780 .elementor-element.elementor-element-9b8be18:not(.elementor-motion-effects-element-type-background), .elementor-8780 .elementor-element.elementor-element-9b8be18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8780 .elementor-element.elementor-element-9b8be18::before, .elementor-8780 .elementor-element.elementor-element-9b8be18 > .elementor-background-video-container::before, .elementor-8780 .elementor-element.elementor-element-9b8be18 > .e-con-inner > .elementor-background-video-container::before, .elementor-8780 .elementor-element.elementor-element-9b8be18 > .elementor-background-slideshow::before, .elementor-8780 .elementor-element.elementor-element-9b8be18 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8780 .elementor-element.elementor-element-9b8be18 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8780 .elementor-element.elementor-element-044dd9c > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-8780 .elementor-element.elementor-element-8a8579a > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-8780 .elementor-element.elementor-element-1eb0f9d .elementor-heading-title{font-family:"Colombo Sans", Sans-serif;font-size:1px;font-weight:normal;}@media(max-width:767px){.elementor-8780 .elementor-element.elementor-element-9b8be18:not(.elementor-motion-effects-element-type-background), .elementor-8780 .elementor-element.elementor-element-9b8be18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arriola-tanzstudio.at/wp-content/uploads/2024/07/Header_Cover_mobile_2_WS_2024.webp");background-position:top center;background-size:contain;}.elementor-8780 .elementor-element.elementor-element-9b8be18{--min-height:64vh;--margin-top:-2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for html, class: .elementor-element-8a8579a *//* =====================================================
   COLOMBO SANS FONT
   The family name matches the font's internal name.
   ===================================================== */

@font-face {
    font-family: "Colombo Sans Font";

    src: url("https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.eot");

    src:
        url("https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.eot?#iefix")
        format("embedded-opentype"),

        url("https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.woff2")
        format("woff2"),

        url("https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.woff")
        format("woff"),

        url("https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.ttf")
        format("truetype"),

        url("https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.svg#ColomboSans")
        format("svg");

    font-weight: normal;
    font-style: normal;
}

/* =====================================================
   MAIN WRAPPER
   Hidden until the font has loaded.
   ===================================================== */

.holo-svg-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    line-height: 0;

    visibility: hidden;
    opacity: 0;
}


/* Reveal after JavaScript confirms the font is ready */
.holo-svg-wrapper.holo-font-ready {
    visibility: visible;
    opacity: 1;
}


/* =====================================================
   RESPONSIVE SVG
   ===================================================== */

.holo-svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}


/* =====================================================
   SVG TYPOGRAPHY
   Colombo Sans is a Regular/400 font.
   Do not use 700 or 900 unless you upload a real
   Bold or Black version of the font.
   ===================================================== */

.holo-svg-text {
    font-family:
        "Colombo Sans Font",
        "Colombo Sans",
        sans-serif;

    font-size: 168px;
    font-weight: 400;
    font-style: normal;

    letter-spacing: 0px;

    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}


/* =====================================================
   FINE METALLIC VECTOR OUTLINE
   ===================================================== */

.holo-svg-outline {
    fill: none;
    stroke: rgba(255, 255, 255, 0.65);
    stroke-width: 1px;
    pointer-events: none;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {
    .holo-svg-wrapper {
        width: 100%;
    }
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {
    .holo-svg-wrapper {
        width: 100%;
    }

    .holo-svg-outline {
        stroke-width: 0.75px;
    }
}


/* =====================================================
   ACCESSIBILITY
   Stop animations when reduced motion is enabled.
   ===================================================== */

@media (prefers-reduced-motion: reduce) {
    .holo-svg animate,
    .holo-svg animateTransform {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1eb0f9d */.colombo-font-loader {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0.001 !important;
    pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8be18 *//* =====================================================
   HERO CONTAINER
   Matches the proportions of the current homepage hero.
   ===================================================== */

.holo-layer-container {
    position: relative !important;
    display: block !important;

    width: 100%;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* =====================================================
   TRANSPARENT FOREGROUND IMAGE
   Homepage uses approximately 85% width.
   ===================================================== */

.holo-layer-container > .holo-overlay-image {
    position: relative !important;
    z-index: 2;

    display: block;

    width: 85% !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    pointer-events: none;
}

.holo-layer-container
.holo-overlay-image
.elementor-widget-container {
    width: 100%;
    height: auto;

    margin: 0 !important;
    padding: 0 !important;
}

.holo-layer-container
.holo-overlay-image
img {
    display: block;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin: 0;
    padding: 0;

    object-fit: contain;
    object-position: center top;
}


/* =====================================================
   ANIMATED TEXT LAYER
   Covers the complete parent container.
   ===================================================== */

.holo-layer-container > .holo-animation-layer {
    position: absolute !important;

    inset: 0;

    z-index: 1;

    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.holo-layer-container
.holo-animation-layer
.elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


/* =====================================================
   TEXT SIZE AND POSITION
   58% width closely matches the homepage artwork.
   ===================================================== */

.holo-layer-container
.holo-animation-layer
.holo-svg-wrapper {
    position: absolute;

    top: 20%;
    left: 50%;

    width: 88%;
    max-width: none;

    margin: 0;

    transform: translateX(-50%);
}


/* Animated SVG */
.holo-layer-container
.holo-animation-layer
.holo-svg {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {
    .holo-layer-container > .holo-overlay-image {
        width: 92% !important;
    }

    .holo-layer-container
    .holo-animation-layer
    .holo-svg-wrapper {
        top: 19%;
        width: 63%;
    }
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {
    .holo-layer-container > .holo-overlay-image {
        width: 100% !important;
    }

    .holo-layer-container
    .holo-animation-layer
    .holo-svg-wrapper {
        top: 18%;
        width: 69%;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Colombo Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.eot');
	src: url('https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.eot?#iefix') format('embedded-opentype'),
		url('https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.woff2') format('woff2'),
		url('https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.woff') format('woff'),
		url('https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.ttf') format('truetype'),
		url('https://arriola-tanzstudio.at/wp-content/uploads/2026/09/Colombo-Sans-Font.svg#ColomboSans') format('svg');
}
/* End Custom Fonts CSS */