/* Close menu icon */
i.ba-icons.ba-icon-close.ba-overlay-section-close,
.ba-image-modal.instagram-modal i {
  color: #00acf0;
  font-size: 110px;
  width: auto;
}

i.ba-icons.ba-icon-close.ba-overlay-section-close:hover,
.instagram-modal i.ba-icon-close:hover {
    transform: rotate(180deg);
}

/* Scroll down button */
.btn-sroll-down {
    transform: rotate(-90deg);
}

/* Portfolio listing */
.portfolio-listing .ba-blog-post-image {
    display: none !important;
}

.portfolio-listing .ba-blog-post {
    margin-top: 0;
}
@media (min-width: 769px){
    .custom-intro-image img {
        height: 100vh;
    }
}

@media (max-width: 768px){
    .custom-intro-image img {
        display: none;
    }   
}

/* Project page */
@media (min-width: 1024px){
.gallery-columns-gutter .ba-instagram-image {
    margin: 50px;
}
}

/* Home */

.knockout-text .headline-wrapper > * {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://schmid-kaeltetechnik.de/images/2024-10_schmid_hero_01.jpg) !important;
    transform: translate3d(0, 0, 0);
}

.knockout-text h2, h1 {
	text-shadow: 1px 1px 1px rgba(28,52,77,0.15);
  padding-top:20px;
}

/* Recent works */
.recent-work ul.carousel-type li {
		box-sizing: border-box;	
  	padding-left: 100px;
}

/* tevu */

/* Sektion Hero */
.ba-wrapper:has(.tevu--hero--iced) {
	background-image: url("https://schmid-kaeltetechnik.de/images/2024-07_frost_hero.png");
  background-size: cover;
  background-position: center top;
}
/* Sektion Footer */
.ba-wrapper:has(.tevu--footer--iced) {
	background-image: url("https://schmid-kaeltetechnik.de/images/2024-07_frost_hero.png");
  background-size: cover;
}

/* Seite Startseite */
/* Seite Startseite: Leistungen */
.tevu--startseite--leistungen a img,
.tevu--startseite--leistungen a h3 {
  transition: 0.3s all;
  padding-left: 100px;
}
.tevu--startseite--leistungen img {
	height: 700px !important;
  object-fit: cover;
  padding-left: 100px;
}
.tevu--startseite--leistungen a h3 {
  color: var(--primary);
  font-family: tevu--Righteous;
  font-size: 24px;
  font-weight: normal;
}
.tevu--startseite--leistungen a:hover h3 {
  color: var(--title)
}
.tevu--startseite--leistungen a:hover img {
  opacity: 0.5 !important;
	transform: scale(1.1);
}

.tevu--beitrags-slider .ba-slideshow-img {
	width: 80%;
}