/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* img.swiper-slide-image {
    height: 100%;
}

.elementor-image-carousel.swiper-wrapper {
    max-height: 400px;
    height: 300px;
}

img.swiper-slide-image {
    object-fit: contain;
}

figure.swiper-slide-inner {
    max-height: 100%;
    height: 100%;
} */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('http://via-hausverwaltung.data4next.com/wp-content/themes/blocksy-child/assets/font/open_sans/OpenSans-Regular.ttf') format('ttf');
}

.elementor-heading-title{
line-height: var(--theme-line-height) !important;
	hyphens:auto;
}

:root {
    --primary-color: #F6F6F1;
    --primary-color-rgb:#f8f8f7;
    --primary-hover-color: #F6F6F1;
    --secondary-color: #e0e0e0;
    --secondary-hover-color: #f8f8f7;
    --text-color: #333;
    --light-text-color: #555;
    --border-color-1: #DDDBDB;
    --error-color: #dc3545;
    --highlight-bg: #F6F6F1;
    --success-color: #4CAF50;
    --white: #fff;
    --medium-grey: #e0e0e0;
    --whatsapp-color:#25d366;

}

.yt-swiper-conatiner {
    max-width: 90vw;
    max-height: 1300px;
}


.yt-gallery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1150px) {
.page-hero-content{
	position: relative !important
}
}
	
@media screen and (min-width: 1150px) {
.line-c {
    border: none;
    width: 200px;
    height: 200px;
    border-top: 1px dashed #000;
    border-right: 1px dashed #000;
    border-top-right-radius: 50px !important;
}
.line-c-r {
    border: none;
    width: 200px;
    height: 200px;
    border-top: 1px dashed #000;
    border-left: 1px dashed #000;
    border-top-left-radius: 50px !important;
}
	.sticky-top-200 {
    position: sticky;
    top: 200px;
}
}

.img-border-1 {
    border-radius: 10px;
    /*  border-bottom-right-radius: 96px;
    border-top-left-radius: 96px;*/
    overflow: hidden;
    object-fit: cover;

}

.title-mark {
    color: #de0614;
}


/***** objeckt slider ***/

.object-slider .object-slider-item {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
}

/** object widget***/

.featured-objects {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.featured-objects-title {
    font-size: 1.25rem;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .5s ease-in-out;
    font-weight: 200;
}

.featured-objects .featured-objects-item {
    width: 100%;
    height: 300px;
    border-radius: 8px;
    position: relative;.featured-objects .featured-objects-item>div
    background-position: center;
    background-size: cover;
    background-color: #cbcbcb;
}

.featured-objects .featured-objects-item>a:hover .featured-objects-title {
    white-space: normal;
    word-break: break-all;
}

.featured-objects .featured-objects-item>a {
    color: initial;
    background: #ffffffad;
    position: absolute;
    bottom: 0px;
    margin: 10px;
    transition: all .5s ease-in-out;
    border-radius: 10px;
    padding: 10px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;

}

.featured-objects .featured-objects-item:hover>a{
    width: 90%;
    white-space: normal;
    background-color: #fff;

}



.featured-objects .featured-objects-cat {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .5s ease-in-out;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
}


.featured-objects-cat span {
    background: #ebe8e8;
    border-radius: 7px;
    padding: 2px 4px;
    margin: 2px;
    white-space: nowrap;
    font-size: 0.85rem;
}


@media (max-width: 767px) {}

@media (min-width: 768px) {
    .featured-objects {
        flex-direction: row;

    }

    .featured-objects .featured-objects-item {
        width: 50%;
    }
}

/* Desktop (ab 1024px) */
@media (min-width: 1024px) {
    .featured-objects .featured-objects-item {
        width: 33%;
         height: 280px;
    }
}



/*****************/
footer .ct-container,
header .ct-container {
	padding:0;
	margin:0;
	width:100%;
	min-width:100%;
}
header .ct-container>div, header .ct-container>div>div,
header .ct-container>div .ct-header-text ,
footer .ct-container>div, footer .ct-container>div>div {
	width:100%;
}