/* 
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
*/

/* Add your custom styles here */
/* dancing-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/fonts/dancing-script-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dancing-script-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/uploads/fonts/dancing-script-v28-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dancing-script-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/uploads/fonts/dancing-script-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dancing-script-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/uploads/fonts/dancing-script-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* liberation-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Liberation Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/fonts/LiberationSans-Regular.ttf') format('truetype'); 
}
/* liberation-bold - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Liberation Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/uploads/fonts/LiberationSans-Bold.ttf') format('truetype'); 
}
/* liberation-bold - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Liberation Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/uploads/fonts/LiberationSans-Bold.ttf') format('truetype'); 
}
/* liberation-bold - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Liberation Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/uploads/fonts/LiberationSans-Bold.ttf') format('truetype'); 
}
/* liberation-bold - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Liberation Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/uploads/fonts/LiberationSans-Bold.ttf') format('truetype'); 
}
/* liberation-bold - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Liberation Sans';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/uploads/fonts/LiberationSans-Bold.ttf') format('truetype'); 
}
/* liberation-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Liberation Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/uploads/fonts/LiberationSans-Italic.ttf') format('truetype'); 
}
/* liberation-bold-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Liberation Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/wp-content/uploads/fonts/LiberationSans-BoldItalic.ttf') format('truetype'); 
}

body {
  font-family: 'Liberation Sans', Arial, sans-serif;
}

.elementor-heading-title {font-weight:500 !important; font-family:'Liberation Sans' !important}
.writing *, .inline-writing {font-family:'Dancing Script' !important}

/* Header & Menü ***********************************************************************************************/
.external svg {width:10px; margin-left:5px; fill:#888}

/* Header */
.new-header {
background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 30%, rgba(255,255,255,0) 100%);
height:300px; 
margin-bottom:-300px; 
padding-bottom:150px;
}

.elementor-sticky--active {
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background-image: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 30%);
height:100px; 
margin-bottom:-150px; 
padding-bottom:0; }

/*   M e n ü   *******************/
/*
a.elementor-sub-item {text-shadow: #fff 0px 0px 8px !important; background-image: radial-gradient(ellipse, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%);}
*/

.elementor-sub-item.elementor-item-active {background-color:#ffffff00 !important; font-weight:700 !important}

/* Sub-Submenu nach unten */
.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown {margin-left:0px !important; margin-top:0 !important}
.elementor-nav-menu--dropdown .has-submenu .sub-arrow {display:none}
.menu-showroom .menu-fachbereiche svg {width:10px;  margin-left:5px}
.menu-fachbereiche li a {padding-left:0px !important}
.logo-im-menu {width:300px !important}
.elementor-sticky--active .logo-im-menu {width:200px !important}
/* .new-header .elementor-nav-menu li {width:170px;} */
/* Menu 1.Ebene LI */ .new-header .elementor-nav-menu > li:not(.menu-bild) {width:170px;}
/* Menu Submenüs LI .new-header .elementor-nav-menu .sub-menu li {width:180px;} */
/* Menu 2. Ebene LI */ .new-header .elementor-nav-menu .sub-menu li:not(.menu-item-has-children) a {padding-right:8px}
/* Menu 3. Ebene UL */.new-header .elementor-nav-menu .sub-menu li ul {width:100% !important}

.new-header .elementor-nav-menu a {justify-content:center;}
.sub-menu a {justify-content:start !important;}

.menu-showroom .elementor-nav-menu--dropdown:not(.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown) {margin-left: 5px !important}
.menu-planung .elementor-nav-menu--dropdown {margin-left: 15px !important}
.menu-outlet .elementor-nav-menu--dropdown {margin-left: 27px !important}
.menu-ueber-uns .elementor-nav-menu--dropdown {margin-left: 16px !important}

/* Submenü not sticky */
.elementor-nav-menu--dropdown, .elementor-sub-item:hover, .elementor-sub-item.highlighted {background-color:inherit !important;x-webkit-backdrop-filter: blur(15px) !important; xbackdrop-filter: blur(15px) !important;}
.elementor-nav-menu--dropdown:not(.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown) {margin-top: -45px !important}

/* Submenü sticky scroll */
@media (min-width:600px) {
/*.elementor-sticky--active*/ .elementor-nav-menu--dropdown
{background-image: none !important; background:transparent !important; -webkit-backdrop-filter: blur(15px) !important; backdrop-filter: blur(15px) !important;}
}

/*.elementor-sticky--active*/ .elementor-sticky .elementor-nav-menu--dropdown li
{background:rgba(255,255,255,0.55) !important;}

.elementor-sticky--active .elementor-nav-menu--dropdown:not(.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown)
{margin-top: -43px !important; padding-top:33px;}


/* MOBILE Header *****************************/
.mob-menu-cont .elementor-widget-off-canvas .e-off-canvas__content {background-color:#ffffff00 !important;
background-image:linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.6) 100%);	
	-webkit-backdrop-filter: blur(5px) brightness(100%);
backdrop-filter: blur(5px) brightness(100%);}

@media (max-width:1360px) {

.new-header .elementor-nav-menu > li:not(.menu-bild) {width: 150px !important;} 
.menu-bild {margin-left:-30px !important; margin-right:-30px !important}
	
.menu-showroom .elementor-nav-menu--dropdown:not(.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown) {margin-left: 5px !important}
.menu-planung .elementor-nav-menu--dropdown {margin-left: 5px !important}
.menu-outlet .elementor-nav-menu--dropdown {margin-left: 17px !important}
.menu-ueber-uns .elementor-nav-menu--dropdown {margin-left: 6px !important}
}

@media (max-width:1160px) {
.new-header:not(.elementor-sticky--active) {height:250px;}	
	
.new-header .elementor-nav-menu > li:not(.menu-bild) {width: 130px !important;}
.new-header .elementor-nav-menu li.menu-fachbereiche {xwidth:150px !important}	
.menu-bild {width:200px !important}
	.new-header .elementor-nav-menu .sub-menu {min-width: 100px !important}
	
	
.new-header .elementor-nav-menu li a {font-size:18px !important} 	
.new-header .elementor-nav-menu .sub-menu li a {font-size:14px !important} 	

.menu-item-has-children .sub-arrow {padding-left:5px}
.writing span{xfont-size:40px !important}

.menu-termin {margin-left:-20px !important}
.menu-outlet {margin-right:-30px !important}
	
}



@media (max-width:1024px) {
.elementor-nav-menu--dropdown .has-submenu .sub-arrow {xdisplay:block !important}
	.elementor-nav-menu a {justify-content:start !important}
.menu-showroom .elementor-nav-menu--dropdown:not(.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown) {margin-left: 3px !important}
.menu-planung .elementor-nav-menu--dropdown {margin-left: 5px !important}
.menu-outlet .elementor-nav-menu--dropdown {margin-left: 5px !important}
.menu-ueber-uns .elementor-nav-menu--dropdown {margin-left: 3px !important}
}


@media (max-width:960px) {
.new-header:not(.elementor-sticky--active)  {height:220px}	
.elementor-sticky--active .logo-im-menu, .logo-im-menu {width:150px !important}	
 {width:200px !important}
.new-header .elementor-nav-menu > li:not(.menu-bild) {width: 115px !important;}
.new-header .elementor-nav-menu li a {font-size:16px !important} 
	
.elementor-nav-menu .sub-arrow  .sub-arrow {display:none}
/* Menu 2. Ebene  .new-header .elementor-nav-menu > li .sub-menu li:not(.menu-item-has-children)	
	{top: 97px !important;}	*/
		
.new-header .elementor-nav-menu > li > ul {top: 107px !important;}
.elementor-sticky--active .elementor-nav-menu > li > ul {top: 97px !important;}	
}



@media (max-width:768px) {

.topbar-button .elementor-button {font-size:11px}	
	
.menu-showroom {order:2}
.menu-planung {order:3}	
.menu-termin {order:4}
.menu-outlet {order:6}
.menu-ueber-uns {order:7}
.menu-kontakt {order:8}
	
.menu-bild {xdisplay:none !important; order:1; max-width:140px !important; width:140px !important; margin:-50px !important; margin-right:-30px !important}

.elementor-sticky--active{height:60px; margin-top:-5px !important}
	.elementor-sticky--active .menu-bild {max-width:120px !important; }
	
.new-header .elementor-nav-menu > li:not(.menu-bild) {width: 90px !important; }	
.new-header .elementor-nav-menu li a	{font-size:11px !important;  }
.new-header .elementor-nav-menu .sub-menu li a {font-size:11px !important; line-height: 6px;} 	
.menu-showroom .menu-fachbereiche svg {width: 6px;}
.menu-termin {margin-left:-10px !important; margin-right:-10px !important}
.menu-outlet {margin-right:-20px !important}	
	
.new-header .elementor-nav-menu > li > ul {top: 80px !important;}
.elementor-sticky--active .elementor-nav-menu > li > ul {top: 78px !important;}		
	
.elementor-sticky--active .elementor-nav-menu--dropdown:not(.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown) {margin-top: -35px !important;
  padding-top: 5px;}	
}



@media (max-width:600px) {
.topbar-button .elementor-button {font-size:10px; padding:2px !important}		
.topbar-tel	{display:none}
	
.elementor-sticky--active{height:70px; margin-top:-5px !important}	
	
.new-header .elementor-nav-menu li:not(.menu-bild) {height:30px	}
.menu-bild {display:none !important}
	.menu-termin {margin:0 !important}
	
.menu-showroom .elementor-nav-menu--dropdown:not(.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown),
.menu-planung .elementor-nav-menu--dropdown,
.menu-outlet .elementor-nav-menu--dropdown,
.menu-ueber-uns .elementor-nav-menu--dropdown
{margin-left: 0 !important}	
.elementor-sub-item {margin-top:-20px}	
.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown {margin-left:30px !important}	
	
.elementor-widget-off-canvas	{z-index:999999 !important}
.elementor-nav-menu--main .elementor-nav-menu ul {position:relative}	
.elementor-nav-menu--dropdown:not(.elementor-nav-menu--dropdown .elementor-nav-menu--dropdown) {margin-top:0 !important}	

.elementor-nav-menu--dropdown .has-submenu .sub-arrow {display:none}
.menu-showroom .menu-fachbereiche svg {width:10px;  margin-left:5px}	
	
}




/******* PRODUKTSEITEN Produkt-Tabs ***************************/


/***** Alles ab 769px **************/

@media (min-width:769px) {
/* Tab- Buttons mit Schatten*/
.highlights-tabs .e-n-tabs-heading {
    margin-left:-10px;
    margin-right:-10px !important;
    margin-top:10px;
padding-top:10px; 
padding-bottom:20px;
padding-left:10px;
padding-right:10px !important;
position:absolute; 
top:calc(100vh - 500px);
left:0px;
width:calc(100% + 20px);
z-index:9;
justify-content:space-between;
}


.highlights-tabs button[aria-selected="true"] {color:#fff !important;}

.highlights-tabs button {xmargin-left:-10px;xmargin-right:-20px;}

/* Tab-Content */

/* Slider je Tab */
.highlights-tabs .mein-bilder-slider {margin-bottom:60px !important;}
.highlights-tabs .mein-bilder-slider img {height:calc(100vh - 500px); width:100% ; object-fit:cover !important; }

/* Heading */

/* Text */
.highlights-tabs .elementor-widget-text-editor {margin-top:-10px;}
}


/***** 601px bis 1160px **************/

@media (min-width:601px) and (max-width:1160px) {
.tab-scndhead .elementor-heading-title  {font-size:3vw !important}
}    


@media (min-width:768px) and (max-width:1160px) {
.highlights-tabs .e-n-tab-title-text {font-size: 1.3vw !important} 
}    

/***** 601px bis 900px **************/
@media (min-width:601px) and (max-width:900px) {
.e-n-tabs-heading button {padding: 5px 10px !important; }
}    



/******* Max 768px *******/

@media (max-width:768px) {
.highlights-tabs .e-n-tabs-heading {width: 120px !important;flex-direction:column !important; 
    position: absolute;
    justify-content:center !important;
    top: 0;
    z-index: 9;
    gap:0 !important;
    backdrop-filter: blur(5px) !important;
    margin:10px !important;
    background-color:#ffffff99;
    height:calc(100vh - 500px);
    min-height:300px !important; padding-left:10px;}
  
.highlights-tabs button span {font-size:12px !important;width:100%;color:#000;}    

.highlights-tabs button {padding:3px!important; background:none !Important;box-shadow:none !important;align-items:start !important;}

.highlights-tabs button[aria-selected="true"] {background-color:#fff !important;}

.highlights-tabs .elementor-heading-title	  {font-size:4vw !important}	
.tab-scndhead .elementor-heading-title  {font-size:3.5vw !important}	
	
	.highlights-tabs button {white-space:wrap !important}
	.e-n-tab-title-text {text-align:left !important}	
	
	
/*
.highlights-tabs button[aria-selected="true"]:after {content:'>'; font-size:12px;}
*/

/* Produktmenü aufklappbar Versuch 1 */
.highlights-tabs .e-n-tabs-heading {margin-left: -90px !important;transition:all 1s ease}
.highlights-tabs .e-n-tabs-heading button {display:none !important; transition:all 1s ease !important;}		

.highlights-tabs .e-n-tabs-heading:hover {margin-left: 0 !important;}	
.highlights-tabs .e-n-tabs-heading:hover	button {display:block !important; transition:all 1s ease;  font-size:12px !important; margin-left:0px}
.highlights-tabs .e-n-tabs-heading:hover::after {display:none; content:''}		
}

@media (max-width:500px) {
.highlights-tabs .elementor-heading-title	  {display:block; font-size:5vw !important; width:95vw}	
.tab-scndhead .elementor-heading-title  {font-size:5vw !important; text-align:left;margin-top:-30px}	

}

/* Wichtig: Mindesthöhe für Produktbildslider alle Bildschirme*/
.mein-bilder-slider img {height:calc(100vh - 500px); width:100% ; object-fit:cover !important; min-height:300px !important; }


/* Lightbox */
.swiper-fade .swiper-slide {pointer-events:initial !important}
.elementor-slideshow__title {display:none}
.elementor-lightbox .e-eicon-share-arrow {display:none}

/* Falls in der Lightbox doch einmal Beschreibungstexte eingefügt werden sollen die nächste Zeile entfernen
.elementor-slideshow__description {display:none} */

/*
.mein-bilder-slider * {z-index:9999 !important}
.mein-bilder-slider a {z-index:999999999 !important; position:relative; display:block}*/


@media (min-width:769px) and (max-height:800px) {
	.highlights-tabs .e-n-tabs-heading {top:300px;}
}



/* Weiteres ****************************************************/

/* Akkordeon FAQ *
.elementor-widget-n-accordion .e-n-accordion-item {padding-left:10px;padding-right:10px;padding:10px !important}
.e-n-accordion-item-title {xbox-shadow:0px 5px 10px 0px rgba(0,0,0,0.5);}
.blur {-webkit-backdrop-filter: blur(5px) !important; backdrop-filter: blur(5px) !important; padding:30px;}*/

.faq .elementor-widget-text-editor {padding-left:33px !important;}

/* CTA */
.cta-verlauf {background-image: linear-gradient(90deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%);}





/* Social Sidebar by SEO-Kueche******************************************************** 
 * footer.php : HTML Links und Inhalte
 * style.css  : CSS Grundlayout
 * Customizer : CSS Feineinstellungen wie Farben */

.icon-bar-sk {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 0px 0px 16px -3px rgba(51,51,51,0.78);
-moz-box-shadow: 0px 0px 16px -3px rgba(51,51,51,0.78);
box-shadow: 0px 0px 16px -3px rgba(51,51,51,0.78);
}

.icon-bar-sk {
  z-index: 9999;
}

.icon-bar-sk a {
  display: block;
  text-align: center;
  padding: 14px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar-sk a {
	position:relative;
	z-index:99999 !important}

/* ! Ausblenden bestimmter Icons Beispiel:
.sk-instagram {display:none !important} */

/* ! Ausblenden der Infos: 
.icon-bar-sk div {display:none;}  */

/**** Infos mit Animation ****/
.icon-bar-sk div {
	z-index: 9 !important;
	position:absolute; 
	width:200px; 
	right: -200px; 
	height:58px; 
	margin-top:-58px;
	
	display: flex;
    align-items: center;
	justify-content: center;
	padding:10px;
	
  transition:.5s all;}

.icon-bar-sk a:hover + div,
.icon-bar-sk div:hover {right:48px}