/**
Theme Name: Mea IT Services Astra
Author: mea IT Services e.U. | Kerstin Greifensteiner
Author URI: https://mea-it.services
Description: Child Theme of Astra WP developed by mea IT Services e.U.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mea-it-services-astra
Template: astra
*/

/* General */

html, body {
    overflow-x: hidden;
}

.hidden {
    display: none;
}

/* Slider */
.swiper-pagination-bullet {
    height: 16px;
    width: 16px;
    background-color: white;
    opacity: 1;
}

.swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 22px;
    padding-bottom: 1em;
}

.swiper-pagination-bullet-active {
    background-image: url('https://www.spuerraum.at/wp-content/uploads/2025/04/favicon.svg');
}

/* Menü Positionierung */

.site-header-primary-section-right {
    align-items: start;
}

.menu-toggle {
    padding-right: 0;
}

.site-primary-header-wrap {
	padding-left: 0 !important;
    padding-right: 0 !important;
}

.menu-toggle-close svg {
    height: 45px;
    width: 45px;
}

/* Text */

.sr-justify,
.sr-justify p 
{
    text-align: justify;
}

/* Icon Liste */

.uagb-icon-list__source-wrap svg {
    display: none;
}

.uagb-icon-list__source-wrap {
    background-image: url('https://www.spuerraum.at/wp-content/uploads/2025/04/favicon.svg');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.wp-block-uagb-icon-list-child {
    margin-bottom: 0 !important;
}


/* Willkommen */

.sr-welcome-img div,
.sr-welcome-img figure,
.sr-welcome-img img 
{
    height: 100% !important;
}

.sr-welcome-img img {
    object-fit: cover;
}

/* Bild mit Kreis-Maske von Favicon */

div:has(> .sr-img-overlay-container) {
    position: relative;
}

.sr-img-overlay-container {
    position: absolute;
    right: 0;
    transform: scale(0.8);
}

.sr-img-overlay-container img {
    mask-size: 125% !important;
    -webkit-mask-size: 125% !important;
}

.sr-img-overlay {
    position: absolute;
    transform: scale(1.15);
}

/* Bild volle Breite */

.sr-img-full-width img,
.sr-img-full-width figure 
{
    width: 100% !important;
}

.home-info-blocks {
	margin-block-end: 1rem !important;
}

 /* Contact */

.sr-form-right {
    width: 50%;
    /* justify-self: end; */
	float: right;
    padding-left: 7px;
}

.sr-contact-info {
    position: absolute;
    width: 50% !important;
    z-index: 0;
}

#kontakt form {
    z-index: 1;
}

#kontakt .uagb-forms-main-submit-button-wrap {
	clear: both;
}

/* Footer */

footer a,
footer a:hover 
{
    color: white !important;
}

footer a:hover  {
    text-decoration: underline;
}

/* Sticky Button */

.entry-content {
	position: relative;
}

.sr-sticky-phone {
    z-index: 2;
    right: 0;
	top: -2em;
    position: absolute;
}

.sr-sticky-phone .uagb-position__sticky {
	left: auto !important; 
}



/* Tablet */

@media screen and (max-width: 976px) {
	.sr-sticky-phone {
		top: 2em;
	}
}

/* Mobile Portrait */

@media screen and (max-width: 767px) {
	
	h2 {
        text-align: center;
    }
	
	.sr-justify p {
		text-align: left;
	}
	
	.sr-welcome-img img {
        width: 800px !important;
        height: 500px !important;
        object-position: 50% 35%;
    }
	
	.swiper-content {
        height: 400px;
    }
	
	.swiper-wrapper {
        min-height: 400px !important;
    }
	
	.sr-sticky-phone {
		top: 1em;
	}
	
    .sr-img-overlay-container {
        position: relative;
    }

    .uagb-icon-list__label {
        width: 80%;
    }
	
	.wp-block-uagb-icon-list.uagb-block-65e89aba .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {
        align-self: start !important;
        margin-top: 10px;
    }
	
	.uagb-icon-list__wrap {
        row-gap: 1em;
    }

    .sr-contact-info {
        position: relative;
        width: 100% !important;
    }

    .sr-form-right {
        width: 100%;
        padding-left: 0;
    }

    #kontakt form .uag-col-2-wrap {
        display: flex;
        flex-direction: column;
    }

    .ast-primary-header-bar {
        padding: 0 !important;
    }
}

/* Mobile Landscape */

@media screen and (max-height: 500px) and (max-width: 800px) {
    .sr-welcome-columns {
        flex-wrap: nowrap !important;
    }

    .uagb-icon-list__label {
        width: 100%;
    }

    .sr-img-overlay-container {
        transform: scale(0.5);
    }

    .sr-img-overlay,
    .sr-img-with-overlay 
    {
        margin-top: -8em;
        margin-bottom: -7em;
    }

    #mein-angebot {
        margin-top: -2em;
    }
	
	.swiper-content {
        height: 250px;
    }

    .swiper-wrapper {
        min-height: 250px !important;
    }
}