/*
Theme Name: Designexo Pro Child
Theme URI: https://themearile.com/themes/designexo-pro/
Template: designexo-pro
Author: ThemeArile
Author URI: https://themearile.com
Description: Designexo is a fully modern and high-quality WordPress theme for creating architects and interior design websites. The theme perfectly suited for architecture, interior design, decoration, business, furniture, home decor, construction, corporate, agency, business promotion, industries, Beauty & spa salons, photography, gym, blog, travel agency and many other websites compatible, You will have lots of options to consider. As well as sophisticated plus it has some exotic features like customization and clean code, advanced typography, sticky menu, logo upload, header image, Bootstrap 4 framework, built with SEO in mind, and theme info area besides being Mobile ready, translation ready (WPML, Polylang) and it's built to be beautiful on all screen sizes. This theme supports the best Elementor page builder to create, edit and updates page designs as per the requirement. Designexo also supports popular free and premium WordPress plugins such as Elementor, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, Google Analytics and much more.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-background,custom-header,custom-menu,editor-style,featured-images,footer-widgets,post-formats,theme-options,threaded-comments,rtl-language-support,translation-ready,full-width-template,custom-logo,blog,e-commerce,portfolio
Version: 2.5.1758209875
Updated: 2025-09-18 17:37:55



/* theme title grösse*/
/*media (max-width: 768px) { 
	#theme-main-slider .item {
		height: 700px;
	}
	
	h1.title-large { font-size: 30px !important; margin: 0 0 1.500rem !important; } 
}
*/

	
/* Hintergrundfarbe Button / Link Banner "Alle Projekte" Startseite */
.theme-bg-default {
    background-color: #202020 !important; }
.theme-project .btn-dark {
	background: #00bfff !important; }






/* Bild Grösse Dienstleistung Seite Mobil */
@media only screen and (max-width: 768px) {
    .page-id-986 {
        
 
        
        /* 2. BILDER perfekt */
        .wp-block-cover__background,
        img,
        figure img {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
        }
        
             
        /* 5. TEXT-Größen */
        .wp-block-cover__inner-container * { font-size: 22px !important; }
        .wp-block-cover__inner-container h1 { font-size: 2.6rem !important; }
        .wp-block-cover__inner-container h2 { font-size: 2rem !important; }

  
    }
}





/* Overlay Grösse anpassen Dienstleistungen diverse Mobil Ansichten */

@media (max-width: 768px) {
	.page-id-986 .wp-block-cover,
	.page-id-986 .wp-block-cover__background,
	.wp-block-cover__gradient-background,
	.wp-block-cover__inner-container {
		height: 250px !important;
		min-height: 250px !important;	
	}
	/* Text Overlay immer zentriert */
	.page-id-986 .wp-block-cover__inner-container {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 20px !important;
		transform: none !important;
		width: 100% !important;
		height: 100% !important;
		text-align: center !important;
}

@media (max-width: 455px) {
	.page-id-986 .wp-block-cover,
	.page-id-986 .wp-block-cover__background,
	.wp-block-cover__gradient-background,
	.wp-block-cover__inner-container {
		height: auto !important;
		min-height: 200px !important;
	}
}

@media (max-width: 420px) {
	.page-id-986 .wp-block-cover,
	.page-id-986 .wp-block-cover__background,
	.wp-block-cover__gradient-background,
	.wp-block-cover__inner-container {
		height: auto !important;
		min-height: 150px !important;
	}
	
}

/* Dienstleitungs Seite - Content weiter runter da sonst im Logo oben */
	body.wp-singular.page-template-default.page.page-id-986 {
@media (max-width: 768px) {
	.container {
		padding-top: 100px !important;
		}
	}
}


   
/* COOKIE BANNER fixen - WICHTIG! */
    .rcb,
    .cookie-banner,
    #rcb,
    .real-cookie-banner {
        width: 90% !important;
        max-width: 500px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin: 0 auto !important;
    }


	
	
	
	
	
	
/* Neuer Versuch IOS Project-Slider problem */
/* 1. Basis-Stabilität (keine 3D-Transforms, keine Animationen auf Stage/Items) */
.is-ios .theme-project .owl-carousel,
.is-ios .theme-project .owl-carousel .owl-stage,
.is-ios .theme-project .owl-carousel .owl-item {
  transition: none !important;
  animation: none !important;
  transform-style: flat !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}
.is-ios .theme-project .owl-carousel .owl-stage { 
  transform: none !important; 
}

/* 2. Bilder stabilisieren */
.is-ios .theme-project .owl-carousel .owl-item img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  filter: none !important;
}

/* 3. iOS: Fade-only Slides – KEINE Stage-Bewegung */
.is-ios .theme-project .owl-carousel .owl-stage {
  transform: none !important;
}

.is-ios .theme-project .owl-carousel .owl-item {
  position: absolute !important;
  top: 0; left: 0; width: 100%;
  opacity: 0;
  z-index: 1;
}

.is-ios .theme-project .owl-carousel .owl-item.active {
  position: relative !important;
  opacity: 1;
  z-index: 2;
}

/* Sanftes Überblenden */
.is-ios .theme-project .owl-carousel .owl-item { 
  transition: opacity 250ms ease !important; 
}

/* 4. Pfeile immer klickbar */
.is-ios .theme-project .owl-carousel .owl-nav { 
  pointer-events: auto !important; 
}

/* Dots optional klickbar */
.is-ios .theme-project .owl-carousel .owl-dots { 
  pointer-events: auto !important; 
}

/* iOS: Bilder-Klicks blockieren (nur Pfeile) */
.is-ios .theme-project .owl-carousel .owl-item img,
.is-ios .theme-project .owl-carousel .owl-stage {
  pointer-events: none !important;
}
.is-ios .theme-project .owl-carousel .owl-nav {
  pointer-events: auto !important;
}



	
	
	


/* MOBIL MAIN SLIDER: MAXIMALER OVERRIDE */
@media (max-width: 768px) {
	#theme-main-slider .owl-item > div {
		background-size: contain !important;
		height: 400px !important;
		background-color: #18191b !important;
	}

}
	
	@media (max-width: 768px) {
		#theme-main-slider .overlay {
			display: none !important;
		}
  }



/* MOBIL MAIN Logo: überblendung 570 - 460 px */
body.home.wp-singular.page-template.page-template-page-templates.page-template-frontpage.page-template-page-templatesfrontpage-php.page.page-id-12 {
	@media (min-width: 460px) and (max-width: 570px) {
		#theme-main-slider {
			margin-top: 50px !important;
	}
		.navbar img.custom-logo,
		.theme-header-logo-center img.custom-logo {
			transform: translatey(-50px) !important;
			position: relative !important
		}
	}

	
/* MOBIL MAIN Logo: überblendung 459 - 420 px */
	
	@media (min-width: 420px) and (max-width: 459.9px) {
		#theme-main-slider {
			margin-top: 30px !important;
	}
		.navbar img.custom-logo,
		.theme-header-logo-center img.custom-logo {
			transform: translatey(-25px) !important;
			position: relative !important
		}
	}
	}
	

/* MOBIL MAIN Slider: Text Zentrieren und Grösse */

	@media (max-width: 510px) {
		.theme-caption-bg h1,
		.theme-caption-bg2 h1,
		.theme-caption-bg .title-large
		.theme-caption-bg2 .title-large {
			font-size: 2.0rem !important;
			line-height: 1.1 !important;
			text-align: center !important;
			margin: 0 auto !important;
			max-width: 85vw !important;
			padding: 10px !important;
		}
	}
	
	
/* MOBIL MAIN Slider: Text Zentrieren und Grösse */
	@media (max-width: 451px) {
		.theme-caption-bg h1,
		.theme-caption-bg2 h1,
		.theme-caption-bg .title-large
		.theme-caption-bg2 .title-large {
			font-size: 1.8rem !important;
			line-height: 1.1 !important;
			text-align: center !important;
			margin: 0 auto !important;
			max-width: 85vw !important;
			padding: 10px !important;
		}
	}
	
		
/* MOBIL MAIN Slider: Text Zentrieren und Grösse */
	@media (max-width: 421px) {
		.theme-caption-bg h1,
		.theme-caption-bg2 h1,
		.theme-caption-bg .title-large
		.theme-caption-bg2 .title-large {
			font-size: 1.6rem !important;
			line-height: 1.1 !important;
			text-align: center !important;
			margin: 0 auto !important;
			max-width: 85vw !important;
			padding: 10px !important;
		}
	}
	
	
/* MOBIL MAIN Slider: Text Zentrieren und Grösse */
	@media (max-width: 391px) {
		.theme-caption-bg h1,
		.theme-caption-bg2 h1,
		.theme-caption-bg .title-large
		.theme-caption-bg2 .title-large {
			font-size: 1.4rem !important;
			line-height: 1.1 !important;
			text-align: center !important;
			margin: 0 auto !important;
			max-width: 85vw !important;
			padding: 10px !important;
		}
	}
	
	
	
/* Neuigkeiten Seite - Content weiter runter da sonst im Logo oben */
	body.blog .container {
		padding-top: 50px !important;
	}
	
	@media (min-width: 992px) {
		body.blog .container .col-lg-8 {
			padding-top: 400px !important;
	}
	}
}