/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com
*/
/* ---------- Typo ----------  */

.hero {
	font-size: clamp(3.125rem, 0.9943rem + 6.5vw, 7.35rem);
	font-family: var(--font-h1);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0.1em;
	color: var(--color-content-heading);
	padding: 0;
	margin-top: 0;
	text-transform: uppercase;
}
.l-section.color_alternate .hero {
	color: var(--color-alt-content-heading);
}
.intro {
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 300;
}
.intro-sm {
  text-transform: none;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 300;
}
.h1 {
  font-family: var(--font-h1);
  font-weight: 700;
  font-size: clamp(3.125rem,2.2727rem + 2.7273vw,5rem);
  line-height: 1.2;
  margin-block: 0.6em;
  text-transform: uppercase;
}
/* ---------- Buttons ---------- */
.w-btn.us-btn-style_3,
.w-btn.us-btn-style_4,
.w-btn.us-btn-style_5,
.w-btn.us-btn-style_6,
.w-btn.us-btn-style_7 {
  border-style: solid!important;
  border-width: 0;
  border-bottom-width: 3px!important;
}
.blocklink a {
	width: 100%;
	height: 100%;
	display: block;
}
/* -------------------- Navi Both ---------------------- */

.l-subheader.at_middle .type_mobile .w-nav-list.level_1 {
  background: var(--color-alt-content-bg-alt)!important
}
.w-nav-icon {
  color:white;
  z-index: 3000;
} 
.no-touch .l-subheader.at_middle a:hover, .no-touch .l-header.bg_transparent .l-subheader.at_middle .w-dropdown.opened a:hover {
  color: #ffffff!important;
}
/* -------------------- Navi Mobile ---------------------- */
 @media only screen and (max-width: 1024px) {
   #page-content {
     padding-top: var(--header-height);
   }
  .w-dropdown-list {
    box-shadow: none !important;
  }
  .l-subheader.at_middle, .l-subheader.at_middle .w-dropdown-list {
    background: var(--color-alt-content-bg)!important
  }
  .ush_menu_1 .w-nav-item.level_1.current-menu-item > a:not(.w-btn), .ush_menu_1 .w-nav-item.level_1.current-menu-ancestor > a:not(.w-btn), .ush_menu_1 .w-nav-item.level_1.current-page-ancestor > a:not(.w-btn){
    color: #ffffff!important
  }
  .ush_menu_1 .w-nav-item.level_1 > a:not(.w-btn):focus, .no-touch .ush_menu_1 .w-nav-item.level_1.opened > a:not(.w-btn), .no-touch .ush_menu_1 .w-nav-item.level_1:hover > a:not(.w-btn) {
    color: #ffffff!important
  }
  .ush_menu_1 .w-nav-list:not(.level_1) a {
      color: #ffffff!important
  }
}

/* -------------------- Navi Desktop --------------------- */
 @media only screen and (min-width: 1024px) {
  
  .l-header.sticky .ush_hwrapper_1 {
    background:transparent !important;
  }
  .no-touch .w-menu.style_blocks[style*=--main-hover-bg-color] .menu>li:not(.current-menu-item)>a:hover,
  .no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-cart-link:hover, .no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-text a:hover, .no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-html a:hover, .no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-nav>a:hover, .no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-menu a:hover, .no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-search>a:hover, .no-touch .l-header.bg_transparent:not(.sticky) .at_middle .w-dropdown a:hover, .no-touch .l-header.bg_transparent:not(.sticky) .at_middle .type_desktop .menu-item.level_1:hover>a{
    color: #ffffff!important;
  }
  html.w-nav-open .header_hor .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-list.level_1 {
    filter: drop-shadow(0 0 15px rgba(0,0,0,0.40));
  }
  .kreis {
    transform: rotate(30deg);
  }
  .trapez::before {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333333;
    transform: skew(-20deg); 
    z-index: -1; 
    height: 100px;
    width: 100%;
    filter: drop-shadow(0 0 15px rgba(0,0,0,0.40));
  }
  .trapez {
    position: relative;
  
  }
  .anti-trapez::before {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: solid 5px white;
    background-color: #E63321; 
    transform: skew(20deg); 
    height: 100px;
    filter: drop-shadow(0 0 15px rgba(0,0,0,0.40));
  }
  .anti-trapez {
    position: relative;
  
  }

  .w-nav-anchor .level_2{
    padding-top: 4rem;
  }
  
  .l-subheader-h {
    align-items: flex-start;
    align-items: start!important;
  }
  
  
  .schraeg-rechts {
    transform:skwewY(20deg)
  }
  
  .w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
    min-width: 30vw;
  }
  
  .w-tabs.accordion > div > .w-tabs-section {
    border: none;
  }
  
  .no-touch .l-subheader.at_middle a:hover, .no-touch .l-header.bg_transparent .l-subheader.at_middle .w-dropdown.opened a:hover {
    color: white;
  }
  .w-search-close {
    color: white !important;
  }  
  .w-search-form {
    margin-right: 1rem;
  }

}
@media only screen and (min-width: 1600px) {
  .w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
    min-width: 20vw;
 }
}













/*

/* ----------  Navi ----------  */
/* .w-tabs.style_simple2>.w-tabs-list .w-tabs-item:after {
	background: var(--color-content-link);
}
ul.w-nav-list.level_1 {
	background: var(--color-content-bg-alt)!important;
	top: 0!important;
	padding-top: var(--header-height);
	z-index: -1!important;
	transition: padding-top 0.4s;
}
header.sticky ul.w-nav-list.level_1 {
	padding-top: var(--header-sticky-height)!important;
}
.l-subheader.at_middle.width_full {
	z-index: 10!important;
}

.w-nav-title {
	color: #4D4D4D;
}


*/

/* header:not(.sticky) .navi-wrapper, */
/* html.w-nav-open .navi-wrapper {
	background: transparent!important;
}

html.w-nav-open .w-nav-icon,
html.w-nav-open .w-dropdown,
html.w-nav-open .w-search {
	color: var(--color-header-middle-text-hover)!important;
}

.wplang-dropdown .w-dropdown-item:after {
	display: none!important;
}
.wplang-dropdown .w-dropdown-item {
	padding: 0;
}
*/
/*
/* --Optische Anpassungen Hauptmenü-- */
/* .w-nav-control.active .w-nav-icon div {
  background-color: red;
}

.w-search-close {
	color: red !important;
    opacity: 100% !important;
} */
 
/* ---------- CUBEGRID ---------- */
.full-size, .spv-flip-box .object, .spv-flip-box .front, .spv-flip-box .back {
  width: 100%;
  height: 100%;
}

.slice, .spv-flip-box .front, .spv-flip-box .back, .spv-flip-box .flank {
  display: flex;
  overflow: hidden;
  position: absolute;
}

.spv-flip-box {
  float: left;
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  aspect-ratio: 5 / 8;
  perspective: 400px;
}
.spv-flip-box .object {
  position: absolute;
  transition-property: transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform-style: preserve-3d;
  transform: translateZ(-5px);
}
.spv-flip-box:hover .object, .spv-flip-box:focus .object {
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateZ(-5px) rotateY(180deg);
  z-index: +100000
}
.spv-flip-box .front {
  z-index: 1;
  transform: rotateY(0deg) translateZ(5px);
}
.spv-flip-box .back {
  z-index: 0;
  transform: rotateY(180deg) translateZ(5px);
}
.spv-flip-box .flank {
  width: 150px;
  height: 100%;
  left: 5px;
  background-color: #55700e;
  transform: rotateY(-90deg) translateZ(150px);
}
.spv-flip-box.flip-up:hover .object, .spv-flip-box.flip-up:focus .object {
  transform: translateZ(-5px) rotateX(180deg);
}
.spv-flip-box.flip-up .back {
  transform: rotateX(180deg) translateZ(5px);
}
.spv-flip-box.flip-up .flank {
  width: 10px;
  height: 3px;
  left: 0;
  top: 25px;
  transform: rotateX(-90deg) translateZ(10px);
}
.spv-flip-box.alternative .front {
  aspect-ratio: 5 / 8;
}
.spv-flip-box.alternative .back {
  aspect-ratio: 5 / 8;
}
.spv-flip-box.quadrat,
.spv-flip-box.quadrat .front,
.spv-flip-box.quadrat .back {
  aspect-ratio: 1 / 1;
}
.spv-flip-box.quadrat .flank,
.spv-flip-box.alternative .flank {
	display: none;
}
/* ---------- Karousell ---------- */
.overflow-visible .owl-stage-outer {
	overflow: visible!important;
}

/*--2-Spaltiger Text--*/

@media only all and (min-width: 1300px) { 
.text-col-2 .wpb_wrapper {
	column-count: 2;
	column-gap: 2em;
	orphans: 2;
}
}

/*--Anpassung Tesaer Buttons --*/

.w-btn {
  display: inline-block;
  padding: 5px 10px; /* Hier kannst du das Padding entsprechend anpassen */
  white-space: nowrap;
}

.w-vwrapper.usg_vwrapper_2 {
  display: flex;
  align-items: center;
}

.w-vwrapper.usg_vwrapper_2 .w-btn {
  flex-shrink: 0;
}


/*Card-Flip Fix*/
.owl-carousel .owl-stage-outer {
	overflow: visible;
}