/*
  Theme Name: Weingut Hofstätter Theme
  Template: Impreza
  Version: 1.01
  Author:	Raphael Posch (CodingBase GmbH)
  Theme URI: https://www.codingbase.at/
  Author URI: https://www.codingbase.at/
  */
  /*
  .l-subheader {
  	padding: 0 !important;
  }

  .l-subheader-cell.at_left, .l-subheader-cell.at_right a.w-nav-control {
  	padding: 0 1.5em
  }

  #hofstaetter-menu:has(.w-nav-control.active) .w-nav-list.level_1{
  }

  */


  #nav-shop-link, #hofstaetter-menu {
      display: flex !important;
  	flex-direction: column;
  	justify-content: center;
  }

  #hofstaetter-menu .w-nav-control .w-nav-icon {
  	display: none;
  }

  #hofstaetter-logo {
  	z-index: 10 ;
  }

  #hofstaetter-menu .w-nav-list.level_1 {
  	position: absolute;
  	height: 100dvh;
  	min-height: 0;
  	width: 50vw;
  	right: -2.5rem;
  	top: calc( var(--site-outline-width,0px) + 0px /*var(--wp-admin--admin-bar--height,0px) */);
  	padding: 0 60px 0 30px;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	visibility: hidden;
  	transform: none;
  	/*transition: opacity 0.2s;*/
  	opacity: 0;
  }

  #hofstaetter-menu .w-nav-control.active + .w-nav-list.level_1{
  	visibility: visible;
  	opacity: 1;
  }

  #hofstaetter-menu .w-nav-control {
  	/* margin-right: 0; */
  }

  /* BUGFIX: doppelt unterstrichen wegen border-bottom und text-decoration underline */
  .nav-main-link > a:hover, .nav-main-link > a:hover .w-nav-title {
  	text-decoration: none !important;
  }

  #hofstaetter-menu a:hover, #hofstaetter-menu a:hover .w-nav-title{
  	text-decoration: none !important;
  }

  /* END BUGFIX */

  .nav-main-link > a:hover > span {
  	border-bottom: 1px solid;
  }

  #hofstaetter-menu .w-nav-title {
  	border-bottom: 1px solid transparent !important;
  }

  #hofstaetter-menu a:hover {
  	text-decoration: none;
  }

  #hofstaetter-menu a:hover>.w-nav-title {
  	border-bottom: 1px solid var(--color-header-middle-text) !important;
  }

  #hofstaetter-menu .w-nav-item.current-menu-item > a > .w-nav-title{
  	border-bottom: 1px solid var(--color-header-middle-text) !important;

  }
  /*

  #hofstaetter-menu .w-nav-item.level_1:hover>a:hover {
  	color: var(--color-header-middle-text-hover);
  }

  #hofstaetter-menu .w-nav-item.level_1:not(.current-menu-item):hover>a {
  	color: inherit;
  	transition: color .3s;
  }

  */
  #nav-shop-link {
  	height: 110px;
  	align-content: center;
  }

  #hofstaetter-menu {
  	position: absolute;
  	top: 0;
  	height: 110px;
  	align-content: center;
  }

  #hofstaetter-menu .w-nav-anchor.level_1 {
  	padding-bottom: 0;
  	width: fit-content;
  	margin-left: auto;
  }

  #hofstaetter-menu .w-nav-anchor.level_1  span {
  	padding-left: 0 !important;
  }

  #hofstaetter-menu .w-nav-list.level_2 {
  	display: flex;
  	justify-content: flex-end;
  	margin-bottom: 20px;
  	font-family: NovelPro Sans;
  	text-transform: none;
  	opacity: 1 !important;
  	visibility: visible !important;
  	gap: 10px;
  }

  #hofstaetter-menu .w-nav-anchor.level_2 {
  	transition: color .3s;
  	padding-right: 0.7em;
  }

  #hofstaetter-menu .w-nav-close {
  	display: inherit;
  	top: 10px;
  	right: 5px;
  	width: 1em;
  	line-height: 1;
  }
  #hofstaetter-menu .w-nav-close::before {
  	content: '\00d7';
  }

  #hofstaetter-menu .wpml-ls-statics-shortcode_actions {
  	position: absolute;
  	top: 85vh;
  	z-index: 10;
  }

  #hofstaetter-menu .wpml-ls-current-language a, #hofstaetter-menu .wpml-ls-item a:hover {
  	border-bottom: 1px solid;
  }

  .hofstaetter-slider, .margin-container {
  	margin-left: 1em ;
  	margin-right: 1em;
  }

  .link-header {
  	height: 600px;
  }

  .vigna-logo_bottle {
  	width: 100px;
  }

  .mobile-header {
  	height: 100dvh !important;
  	z-index: 15;
  }

  .wine-title-mobile {
  	word-break: auto-phrase;
  }

  .w-popup-box-h>.w-popup-closer {
  	color: var(--color-alt-content-text);
  	width: 2rem;
  	line-height: 2rem;
  	font-size: 1.5rem;
  }


  @media only screen and (max-width: 1200px) {
  	#hofstaetter-menu .w-nav-anchor.level_1 {
  		font-size: 1.3rem;
  	}

  	#hofstaetter-menu .w-nav-anchor.level_2 {
  		font-size: .8rem;
  	}

  	.hofstaetter-slider .vc_column_container, .link-header {
  		height: 400px !important;
  	}
  }

  @media only screen and (max-width: 1000px) {
  	#hofstaetter-menu .w-nav-list.level_1 {
		 right: -1rem;
  		width: 100vw;
  	}
  	#hofstaetter-menu .w-nav-close {
  		top: 20px;
          font-size: 3rem;
      }
  	#hofstaetter-menu .wpml-ls-statics-shortcode_actions {
  		font-size: .8em;
  		margin-left: 1em;
  	}

  	#hofstaetter-menu .w-nav-list.level_1 {
  		/* BUG BIX 20260128 - align menu back to far right with commenting this
  		 * right: -1rem;
  		 * */
  	}
  }
  @media only screen and (max-width: 800px) {
  	.hofstaetter-slider .vc_column_container, .link-header {
  		height: 300px !important;
  	}
  }

  @media only screen and (max-width: 600px) {

  	#hofstaetter-menu .w-nav-list.level_1 {
  		padding: 0 5%;
  		top: calc(-90dvh /*- 10px */);
  	}
  	#hofstaetter-menu, #nav-shop-link {
  		height: 90px;
  	}
  	#hofstaetter-menu .w-nav-control {
  		margin-right: 0;
  		padding: 0;
  	}

  	#hofstaetter-menu .w-nav-close {
  		top: calc(88dvh + 24px)
  	}
  	.hofstaetter-slider, .margin-container {
  		margin-left: 10px !important;
  		margin-right: 10px !important;
  	}
  	.hofstaetter-slider .vc_column_container, .link-header {
  		height: 200px !important;
  	}

  	#page-footer {
      	margin-top: 50px;
  	}


  	/* FIX FILTER DISPLAY ON MOBILE DEVICES - 20241014*/
  	.wine-category-filter .w-filter-item-values, .wine-category-filter .w-filter-list {
  		display: inherit !important;
  	}

  	.wine-category-filter .w-filter-item-value label {
  		justify-content: center;
  		margin-bottom: 20px;
  	}

  	.w-tabs-section-header {
  		font-size: 1.2em !important;
  	}
  	#hofstaetter-menu .wpml-ls-statics-shortcode_actions {
  		top: calc(85dvh + 24px)
  	}
  }

  @media only screen and (max-width: 400px) {
  	.hofstaetter-slider .vc_column_container, .link-header {
  		height: 180px !important;
  	}

  	#hofstaetter-menu .w-nav-list.level_2 {
  		gap: 0px;
  	}

  	.vigna-logo_bottle {
  		width: 80px !important;
  	}
  }

  @media only screen and (min-width: 2000px) {
  	#hofstaetter-menu .w-nav-anchor.level_1 {
  		font-size: 1.5em;
  	}
  	#hofstaetter-menu .w-nav-anchor.level_2 {
  		font-size: 1em;
  	}

  	#hofstaetter-menu .w-nav-list.level_2 {
  		margin-bottom: 30px;
  	}
  }
  /* HIDE DROPDOWN ARROW */
  #hofstaetter-menu span.w-nav-arrow {
  	display: none;
  }

  #wein-filter {
  	margin-bottom: 3em;
      margin-top: -1em;
  }

  #wein-filter .w-filter-item-value.selected, #wein-filter .w-filter-item-value:hover {
      background: inherit;
      text-decoration: underline;
  	color: inherit;
  }

  /*
  #wein-filter input[type=radio]{
  	display: none;
  }
  */

  .type_message {
  	background: none !important;
  	border: 2px solid;
  }

  .wine-category-filter .w-filter-item-title, .wine-category-filter .w-filter-item-reset {
      display: none !important;
  }

  .wine-category-filter .w-filter-item-values {
      display: flex;
      gap: 30px;
  }

  .wine-category-filter input[type=radio]{
  	display: none;
  }

  .wine-category-filter .w-filter-item  {
  	margin-bottom: 0 !important;
  }

  #featured-wines .w-grid-list {
  	justify-content: center;
  }

@media only screen and (min-width: 600px) and (max-width: 900px) {
	#wein-filter .w-filter-list {
		flex-direction: column;
        gap: 10px;
	}
}

  @media only screen and (min-width: 600px) {
  	#wein-filter {
  		position: relative;
  		top: -80px;
  		left: 240px;
  		width: fit-content;
  		margin: 0;
  	}
  }

  @media only screen and (max-width: 600px) { 
	#wein-filter .w-filter-list .w-filter-item:not(:last-child):after {
  	  content : "";
  	  position: absolute;
  	  bottom    : 0;
  	  left     : 25%;
  	  width  : 50px;
  	  width   : 50%;
  	  border-bottom:1px solid var(--color-content-border);
  	}
	  
	  #wein-filter .w-filter-list .w-filter-item:not(:last-child) {
		          padding-bottom: 1px;
        margin-bottom: 21px !important;
	  }
  }

  /* DIVINEA STYLES START */

	.cdk-overlay-container .mat-checkbox-label, .cdk-overlay-container .mat-form-field-label-wrapper {
		font-family: "NovelPro" !important;
		font-size: 16px !important;
	}

	.cdk-overlay-container input:not([type=submit]), .cdk-overlay-container textarea, .cdk-overlay-container select {
		font-family: "NovelPro" !important;
	}

  app-divinea>#divinea-wrapper app-homepage#divinea *{
         font-family: "NovelPro" !important;
  }

 app-divinea>#divinea-wrapper app-homepage#divinea h2 {
	 font-size: var(--h2-font-size) !important;
	 line-height: var(--h2-line-height) !important;
}

app-divinea>#divinea-wrapper app-homepage#divinea .price span:not(.symbol) {
	font-size: 16px !important;
}

app-divinea>#divinea-wrapper app-homepage#divinea .experience-detail-wrapper .right .back {
    font-size: 16px !important;
}



  app-divinea>#divinea-wrapper app-homepage#divinea dp-day-calendar.dp-material .dp-selected {
      background: #243140 !Important;
  }
  app-divinea>#divinea-wrapper app-homepage#divinea .divinea-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  app-divinea>#divinea-wrapper app-homepage#divinea dp-day-calendar.dp-material .dp-current-day {
      border: 1px solid #243140  !Important;
  }

  app-divinea>#divinea-wrapper app-homepage#divinea .checkout-wrapper .right>.content>.coupon button.special-button{
    background-color: transparent !important;
    border:none !important;
    color:  #243140 !important;
  }

  app-divinea>#divinea-wrapper app-homepage#divinea .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, app-divinea>#divinea-wrapper app-homepage#divinea .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
      background-color: #243140 !Important;
      color:#fff !important;
  }
app-divinea>#divinea-wrapper app-homepage#divinea .description .html-content p span, app-divinea>#divinea-wrapper app-homepage#divinea .included .html-content p span {
	font-size: 16px !important;
}

  app-divinea>#divinea-wrapper app-homepage#divinea ng-select.inline .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label {
      background-color: #243140 !important;
      color:#fff !important;
      }

   app-divinea>#divinea-wrapper app-homepage#divinea .experience-box>div.content>.title{
      color: #243140  !important;
  }
  .ng-fa-icon svg{
      color: #243140 !important;
  }
app-divinea>#divinea-wrapper app-homepage#divinea .switcher {
	width: 240px !important;
}
  app-divinea>#divinea-wrapper app-homepage#divinea .switcher input+label {
      background: #243140 !important;
      color:#fff !important;
	  right: 120px !important;
	  
      }
app-divinea>#divinea-wrapper app-homepage#divinea .switcher input:not(:checked)+label {
	      color:#777 !important;
	left: 120px !important;
	right: 10px !important;
}
  app-divinea>#divinea-wrapper app-homepage#divinea .primary {
      color: #243140  !important;
  }
  app-divinea>#divinea-wrapper app-homepage#divinea .experience-box>div.content>.information-group-top>.title {
      color: #243140  !important;
  }
  app-divinea>#divinea-wrapper app-homepage#divinea .btn.btn-primary{
  background: #243140 !important;
  color:#fff !important;
  }
  app-divinea>#divinea-wrapper app-homepage#divinea a {
      color: #243140 !important;
  	border-bottom: 1px solid;
  }
  app-divinea>#divinea-wrapper app-homepage#divinea .switcher input:before,app-divinea>#divinea-wrapper app-homepage#divinea .switcher input:after {
      font-size: 14px !important;
  }
  @media screen and (min-width: 768px){
  app-divinea>#divinea-wrapper app-homepage#divinea .experience-detail-wrapper .left>.summary>div:first-child {
      width: 130px !important;
  }
  }
  @media (max-width: 420px){
  app-divinea>#divinea-wrapper app-homepage#divinea .experience-detail-wrapper .left .left-responsive {
      max-width: calc(100% - 0px) !important;
  }
  }

  app-divinea>#divinea-wrapper app-homepage#divinea small {
  	font-size: 1.4em !important;
  }
  /*
  app-divinea>#divinea-wrapper app-homepage#divinea small .grey {
  	background-color: #243140 !important;
  	padding: 5px !important;
  	border-radius: 5px !important;
  	color: white !important;
  }

  .ng-fa-icon svg {
      color: white !important;
  }
  */
  .mat-input-element {
  	min-height: inherit !important;
  	line-height: inherit !important;
  	box-shadow: none !important;
  }

  /* DIVINEA STYLES END */

  /* SVG MAP STYLING START */
  #Hofstätter-Karte-Lagen rect, #Hofstätter-Karte-Lagen ellipse,  #Hofstätter-Karte-Lagen circle, #Hofstätter-Karte-Lagen path {
  	transition: ease .2s !important;
  }

  #Hofstätter-Karte-Lagen #Gebietsoverlays a:hover rect{
  	stroke: #cbbba0 !important;
  	stroke-width: 2 !important;
  }

  #Hofstätter-Karte-Lagen #Gebietsoverlays a:hover g g path{
  	fill: #cbbba0 !important;
  }

  #Hofstätter-Karte-Lagen #Vignaoverlays g g line {
  	display: none !important;
  }

  #Hofstätter-Karte-Lagen #Vignaoverlays g a:hover g line {
  	display: block !important;
  }

  #Hofstätter-Karte-Lagen #Vignaoverlays > g > a:hover + circle {
  	r: 6px;
  }

  /* SVG MAP STYLING END */

  .wobble {
      -webkit-animation: wobble 1s infinite  alternate !important;
      animation: wobble 1s infinite  alternate !important;
  }

  @-webkit-keyframes wobble {
      0% { transform: translateY(0); }
      100% { transform: translateY(-100px); }
  }

  @keyframes wobble {
      0% { transform: translateY(0); }
      100% { transform: translateY(-30px); }
  }

  /* TEXT WITH LAGEN-ICON */

  .lagen-icon {
    position: relative;
    display: inline-block;
    padding-right: .6em;
  }

  .lagen-icon::after {
      content: "";
      mask: url(https://www.hofstatter.com/wp-content/uploads/2025/11/Lagen-Logo_2024_inheritColor.svg) no-repeat center;
      mask-size: contain;
      background-color: currentColor;
      position: absolute;
      top: .1em;
      right: 0;
      width: .6em;
  	height: 0.7em;
  }