/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@font-face {
	font-display: swap;
	font-family: 'Arial Black';
	font-weight: normal;
	font-style: normal;
    src: url("/wp-content/uploads/2025/04/8984ea7fcbebdcfe77fbbc1b86e7cfe6.ttf");
    src: url("/wp-content/uploads/2025/04/8984ea7fcbebdcfe77fbbc1b86e7cfe6.woff2")format("woff2"),
    url("/wp-content/uploads/2025/04/8984ea7fcbebdcfe77fbbc1b86e7cfe6.woff")format("woff"),
    url("/wp-content/uploads/2025/04/8984ea7fcbebdcfe77fbbc1b86e7cfe6.ttf")format("truetype");
}

:root {
	--contentWidth: 750px;
}

body {
  animation: fadeInAnimation ease .3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

.header-menu-wrapper {
	min-width: var(--contentWidth) !important;
}
@media (min-width: 768px) {
    .header-menu-wrapper {
        width: var(--contentWidth) !important;
    }
	.page-content .e-con-inner {
        min-width: var(--contentWidth) !important;
    }
}

.header-menu-wrapper .elementor-nav-menu:after { content: none !important; }

#uc_fullscreen_navigation_menu_elementor_fa08bdf .checkbox-toggle,
#uc_fullscreen_navigation_menu_elementor_2eb637e .checkbox-toggle {
	width: 28px !important;
	height: 28px !important;
}
#uc_fullscreen_navigation_menu_elementor_fa08bdf .ue_hamburger > div:before,
#uc_fullscreen_navigation_menu_elementor_2eb637e .ue_hamburger > div:before {
	top: -11px !important;
}
#uc_fullscreen_navigation_menu_elementor_fa08bdf .ue_hamburger > div:after,
#uc_fullscreen_navigation_menu_elementor_2eb637e .ue_hamburger > div:after {
	top: 11px !important;
}
#uc_fullscreen_navigation_menu_elementor_fa08bdf .checkbox-toggle:checked + .ue_hamburger > div:before,
#uc_fullscreen_navigation_menu_elementor_fa08bdf .checkbox-toggle:checked + .ue_hamburger > div:after, 
#uc_fullscreen_navigation_menu_elementor_2eb637e .checkbox-toggle:checked + .ue_hamburger > div:before,
#uc_fullscreen_navigation_menu_elementor_2eb637e .checkbox-toggle:checked + .ue_hamburger > div:after {
	top: 0 !important;
}
#uc_fullscreen_navigation_menu_elementor_fa08bdf.menu-opened .ue_menu > div.ue_inner_menu, 
#uc_fullscreen_navigation_menu_elementor_2eb637e.menu-opened .ue_menu > div.ue_inner_menu {
	opacity: 0.9 !important;
}
#uc_fullscreen_navigation_menu_elementor_fa08bdf .ue_menu .ue_inner_menu::after, 
#uc_fullscreen_navigation_menu_elementor_2eb637e .ue_menu .ue_inner_menu::after {
	content: 'Markenhaut ist ein Webstuhl';
	position: absolute;
	top: 125px;
	right: -35px;
	font-size: 9px;
	color: #828282;
	transform: rotate(-90deg);
}

nav li.menu-item.current-menu-item,
nav li.menu-item.current-page-ancestor {
	font-family: 'Arial Black', Arial, sans-serif;
}
nav li.menu-item.current-page-ancestor a {
	color: var(--e-global-color-accent) !important;
}

.elementor-widget-text-editor .elementor-widget-container p:last-child {
	margin-bottom: 0;
}

/*body:not(.philosophie-page) .swiper-slide:not(.elementor-lightbox-item),
body.projekte-page .e-grid .e-child,
body.projects-page .e-grid .e-child,
body.publikationen-page .e-grid .e-child,
body.publications-page .e-grid .e-child {
	height: unset !important;
}*/
/*body:not(.startseite-page) .swiper-slide:not(.elementor-lightbox-item),
body:not(.home-page) .swiper-slide:not(.elementor-lightbox-item),*/
body.projekte-page .e-grid .e-child,
body.projects-page .e-grid .e-child,
body.publikationen-page .e-grid .e-child,
body.publications-page .e-grid .e-child,
body.architecture-page .e-grid .e-child,
body.interior-design-page .e-grid .e-child,
body.urban-design-page .e-grid .e-child {
	height: unset !important;
	aspect-ratio: 1 / 1.1;
}
body.startseite-page .swiper-slide,
body.home-page .swiper-slide {
	height: unset !important;
	aspect-ratio: 1 / 1.1;
}
/*body.philosophie-page .swiper-slide {
	aspect-ratio: unset !important;
}*/

body.kontakt-page .swiper-slide .elementor-background-overlay,
body.contact-page .swiper-slide .elementor-background-overlay,
body.news-page .swiper-slide .elementor-background-overlay,
body.news-en-page .swiper-slide .elementor-background-overlay {
	opacity: 0.2;
}

.home-grid-item-overlay,
.subpage-grid-item-overlay {
	height: 100%;
}
.home-grid-item-overlay h3,
.subpage-grid-item-overlay h3 {
	color: #828282;
	user-select: none;
	transition: transform 1s ease-out;
}
.home-grid-item-overlay:hover h3,
.subpage-grid-item-overlay:hover h3 {
	color: #FCFBE8;
	transform: scale(1.2);
  	transition: transform 1s;
}

@media screen and (min-width: 1024px) {
	.elementor-widget-text-editor.text-editor-scrollable {
		height: 450px;
		overflow-y: auto;
	}
}


.polylang_langswitcher {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.polylang_langswitcher li {
	display: inline;
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.polylang_langswitcher li a {
	text-decoration: none;
	color: #828282;
}
.polylang_langswitcher li a:hover, .polylang_langswitcher li a:focus {
	text-decoration: none;
	color: #FF0000;
}
.polylang_langswitcher li.current-lang a {
	font-weight: bold;
	color: #FF0000;
}
.polylang_langswitcher li:after {
    content: " |";
	color: #828282;
}
.polylang_langswitcher li:last-child:after {
    content: "";
}


@media screen and (max-width: 767px) {
    /*.elementor-19 .elementor-element.elementor-element-2eb637e .ue_hamburger {
        width: 55px !important;
    }*/
	/*body.startseite-page .swiper-slide,
	body.home-page .swiper-slide {
		height: unset !important;
		aspect-ratio: 1.5 / 1;
	}*/
	.polylang_langswitcher li {
	  	font-size: 12px;
  	}
}