/*
Theme Name:  Dilly Child Theme
Description: Dies ist ein benutzerdefiniertes Child-Theme für Dilly
Theme URI:   https://www.dilly.work
Author: Dilly
Author URI:  https://www.dilly.work
Template: dilly
Version: 1.0
*/

  @import url("https://use.typekit.net/ive7qrb.css");


:root {
	  /* Akzentfarbe (für SVGs, Buttons, aktive Elemente) */
	  --dillymenu-accent-color: #E69491;
	  
	  /* Slider Gradient Breiten */
	  --dillymenu-slider-gradient-width: 50px;
	  
	  /* Slider Gradient Farbe (sollte zur Tab-Bar-Hintergrundfarbe passen) */
	  --dillymenu-slider-gradient-color: var(--dillymenu-tabbar-bg);
	  
	  /* Card-Farben */
	  --dillymenu-card-bg-light: #FFE8E5;
	  --dillymenu-card-bg-light-hover: #ffffff;
	  --dillymenu-card-text-light: #623B4D;
  
	  
	  /* Tab-Bar Farben (normal) - Light Mode */
	  --dillymenu-tabbar-bg: #623B4D;
	  --dillymenu-tabbar-button-bg: transparent;
	  --dillymenu-tabbar-button-text: #ffffff;
	  --dillymenu-tabbar-button-border: rgba(255, 255, 255, 0.1);
	  
	  /* Tab-Bar Farben (aktiv) */
	  --dillymenu-tabbar-active-bg: var(--dillymenu-accent-color);
	  --dillymenu-tabbar-active-text: #ffffff;
	  --dillymenu-tabbar-active-border: var(--dillymenu-accent-color);
	  
	  /* Tab-Bar Farben (fixiert) - gleich wie normal */
	  --dillymenu-tabbar-fixed-bg: rgba(105,36,61,100);
	  
	  /* Modal Farben */
	  --dillymenu-modal-bg: #ffffff;
	  --dillymenu-modal-text: #623B4D;
	  --dillymenu-modal-hover: #ffeed9;
	  --dillymenu-modal-border: rgba(204, 204, 204, 0.25);
	  
	  /* Sidepanel Farben */
	  --dillymenu-sidepanel-bg: #541d31;
	  --dillymenu-sidepanel-text: #ffffff;
	  
	  /* Skeleton Loader */
	  --dillymenu-skeleton-color: #F9DEBF;
	  
	  /* Button Text (für Tageskarte-Button) / Allgemeiner Text */
	  --dillymenu-button-text-light: #ffffff;
	  --dillymenu-text: #ffffff;
	  
	  /* Weitere Standard-Farben */
	  --dillymenu-border-color: #cccccc;
	  --dillymenu-shadow: rgba(0, 0, 0, 0.1);
	  --dillymenu-overlay: rgba(0, 0, 0, 0.5);
  
	  /* Category-Toggle Table-View Farben */
	  --dillymenu-category-toggle-table-view-bg: var(--dillymenu-accent-color);
	  --dillymenu-category-toggle-table-view-text: #FDF5EB;
	  --dillymenu-category-toggle-table-view-border: rgba(0, 0, 0, 0.1);
	  --dillymenu-category-toggle-table-view-hover: rgba(0, 0, 0, 0.02);
  
	  
	  /* Table-View Farben */
	  --dillymenu-table-bg: #69243D;
	  --dillymenu-table-text: #FDF5EB;
	  --dillymenu-table-text-secondary: rgba(253, 245, 235, 0.65);
	  --dillymenu-table-border: rgba(0, 0, 0, 0);
	  --dillymenu-table-border-light: rgba(0, 0, 0, 0);
	  --dillymenu-table-hover: rgba(0, 0, 0, 0.02);
	  
	  /* Preloader/Loading Circle Farben */
	  --dillymenu-preloader-bg: rgba(255, 112, 0, 0.2);
	  --dillymenu-preloader-active: var(--dillymenu-accent-color);
	  --dillymenu-preloader-overlay: rgba(0, 0, 0, 0.0);
	  
	  /* Modal-Inhalt (Allergene/Features Popup) */
	  --dillymenu-modal-content-border: #888888;
	  --dillymenu-modal-close: #aaaaaa;
	  --dillymenu-modal-close-hover: #000000;
	  --dillymenu-box-shadow-medium: 0 2px 5px rgba(0, 0, 0, 0.1);
	  --dillymenu-box-shadow-strong: 0 4px 6px rgba(0, 0, 0, 0.2);
	  --dillymenu-box-shadow-modal: 0 10px 40px rgba(0, 0, 0, 0.3);
	  
	  /* Toggle-Switch (Filter) */
	  --dillymenu-toggle-track: #cccccc;
	  --dillymenu-toggle-thumb: #ffffff;
	  
	  /* Ingredients-Footer (Light-Mode bei Filter) */
	  --dillymenu-ingredients-footer-color: rgba(255, 255, 255, 0.75);
	  --dillymenu-ingredients-footer-light-color: rgba(255, 255, 255, 0.75);
	  --dillymenu-ingredients-footer-light-border: rgba(255, 255, 255, 0.2);
	  
	  /* Price-Table-Row (Tabellen-View) */
	  --dillymenu-price-table-row-border: rgba(255, 255, 255, 0.5);
	  --dillymenu-price-table-row-border-first: rgba(255, 255, 255, 0);
	  
	  /* Skeleton-Gradient (Animation) */
	  --dillymenu-skeleton-gradient-start: #ddc3a2;
	  --dillymenu-skeleton-gradient-end: #ffeed9;
	  
	  /* Load-More-Button */
	  --dillymenu-load-more-bg: var(--dillymenu-accent-color);
	  --dillymenu-load-more-text: #ffffff;
	  --dillymenu-load-more-hover: var(--dillymenu-card-text-light);
	  
	  /* Scrollbar (Product-Detail) */
	  --dillymenu-scrollbar-thumb: rgba(0, 0, 0, 0.3);
	  --dillymenu-scrollbar-thumb-hover: rgba(0, 0, 0, 0.5);
	  
	  /* Scroll-Margin beim Klick auf Kategorie (pixelgenau: Abstand oben beim Scroll-Ziel) */
	  --dillymenu-scroll-margin-top: 250px;
	  --dillymenu-scroll-margin-top-mobile: 150px;
	  
	  /* Legacy Support */
	  --primary-color: var(--dillymenu-accent-color);
	  --border-color: var(--dillymenu-border-color);
  }
  
  .brunch_time_position{
	  margin-top: -50px;
	  z-index: 9;
  }
  
  .dillymenu-no-results{
	  color: #E69491;
  }
  
  .dillymenu-table-toggle-icon{
	  font-size: 3.5em;
  }
  
  #dillymenu_results .h2-content{
	font-family: "fisterra-fora", sans-serif;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 2em;
  line-height: 1;
  color: #FFE8E5 !important;
  }
  
  .dillymenu-table-view{
	  padding-top: 20px;
	  padding-bottom: 20px;
  }
  
.nectar-global-section.before-footer{
	background-color: transparent !important;
}

.margin_zero_keycfacts{
	margin-bottom: 10px !important;
}

#top nav > ul > li > a{
	font-weight: 500 !important;
}

.title_font{
	font-family: "fisterra-fora", sans-serif;
	font-weight: 700 !important;
	font-style: normal;
}

.subtitle_font{
	font-family: "neulis-cursive", sans-serif;
	font-weight: 300 !important;
	font-style: normal;
}

.subtitle_font h3{
	font-family: "neulis-cursive", sans-serif;
	font-weight: 300 !important;
	font-style: normal;
}

.body_font{
	font-family: "raleway", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.big_title h1{
	font-size: 100px !important;
	line-height: 0.85;
}

.big_title h2{
	font-size: 100px !important;
	line-height: 0.85;
}

.sub_title h2{
	font-size: 34px !important;
	font-weight: 300 !important;
	color: #E69491;
}

.sub_title h3{
	font-size: 34px !important;
	font-weight: 300 !important;
	color: #E69491;
}

.sub_title_lightcolor h2{
	font-size: 34px !important;
	font-weight: 300 !important;
	color: #FFE8E5;
}

.sub_title_lightcolor h3{
	font-size: 34px !important;
	font-weight: 300 !important;
	color: #FFE8E5;
}

.accent_color_1 *{
	color: #E69491 !important;
}

.svg-embed {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.embedded-svg path {
  stroke-width: 4px !important;
  vector-effect: non-scaling-stroke !important;
}

#title_brunch_time{
	margin-top: -50px;
	z-index: 1;
}

.svg_outlines path {
  stroke-width: 4px !important;
  vector-effect: non-scaling-stroke !important;
}

.svg_outlines line {
  stroke-width: 4px !important;
  vector-effect: non-scaling-stroke !important;
}

.transform_svg_1{
	-webkit-transform: rotate(325deg);
transform: rotate(325deg);
margin-right: 75px;
}

.find_us_svg{
	position: absolute;
	top: -90px;
	left: -90px;
}

.vector1{
	position: absolute;
	right: 0vw;
	top: 7.5vw;
}

.vector1_1{
	position: absolute;
	right: 0vw;
	top: 0vw;
}


.vector2{
	position: absolute;
	right: 0vw;
}

.from_instagram_svg{
}

.vector3{
	position: absolute;
	left: 20vw;
	top: 2vw;
}

.enjoy_title{
	font-size: 60px;
	line-height: 1.0;
	font-family: "neulis-cursive", sans-serif;
	color: #E69491;
}

.tkwdlvr_style{
	position:absolute;
	  left:50%;
	  bottom: -50px;                /* wie weit in den lila Bereich rein */
	  transform: translateX(-50%);
	  background:#6b2138;          /* dunkler Kasten */
	  padding: 28px 64px;
	  text-align:center;
	  min-width: 300px;
	  box-sizing:border-box;
}

.tkwdlvr_style h3{
	font-family: "fisterra-fora", sans-serif;
	margin-bottom: 0px !important;
	line-height: 1 !important;
	padding: 0px;
	color: #E69491 !important;
	font-size: 200% !important;
}




body{
	font-family: "raleway", sans-serif;
}

#ajax-content-wrap > .container-wrap{
	background: #69243D;
	background: linear-gradient(to bottom, #69243D 15%, #B55C6A 100%);
}

.small-footer-links a{
	opacity: 1.0 !important;
}

.small-footer-links a:hover{
	opacity: 0.65 !important;
}

.small-footer-links h3{
	color: #E69491;
}

.small-footer-links p{
	color: #ffffff;
}

.div-opacity-0{
	opacity: 0;
}


.cmplz-cookiebanner.cmplz-show{
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show{
	    top: calc(100% - 80px) !important;
		width: 50px!important;
		height: 50px !important;
		border-radius: 100% !important;
		padding: 0px !important;
		min-width: 50px !important;
		background: var(--cmplz_button_accept_background_color) !important;
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show:hover{
	box-shadow: rgb(0 0 0 / 9%) 0px 10px 20px, rgb(0 0 0 / 13%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show svg{
	width: 30px !important;
	height: 30px !important;
	margin-bottom: -5px;
}

.cmplz-description{
	line-height: 18px;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{
	max-width: 100%;
}

/* #header-outer:not([data-header-resize="1"]):not([data-format=left-header]) #logo:not(.disable-opacity-transition) img{
	position: relative;
	top: 35px;
	transform-origin: top center;
	will-change: transform, top;
} */

/* Basiszustand */
#logo{
	position: relative;
	top: 35px;
	transform: scale(1);
	transform-origin: top center;
	transition: top 250ms ease, transform 250ms ease;
	will-change: top, transform;
}

/* Compact-Zustand */
#logo.is-compact{
	top: 20px;
	transform: scale(0.75);
}

#open-menus-modal h2{
	font-size: 2em;
}

#open-menus-modal h2::after {
  content: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='18.663' height='10.235' viewBox='0 0 18.663 10.235'>\
<path d='M.514.514A.9.9 0 0 1 1.69.427l.1.087L9.582 8.3l7.79-7.79A.9.9 0 0 1 18.547.427l.1.087a.9.9 0 0 1 .087 1.176l-.087.1L10.22 10.22a.9.9 0 0 1-1.176.087l-.1-.087L.514 1.792A.9.9 0 0 1 .514.514Z' fill='white'/>\
</svg>");
  margin-left: 8px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.quform-theme-dark .quform-field-captcha:hover, .quform-theme-dark .quform-field-date:hover, .quform-theme-dark .quform-field-email:hover, .quform-theme-dark .quform-field-multiselect:hover, .quform-theme-dark .quform-field-password:hover, .quform-theme-dark .quform-field-select:hover, .quform-theme-dark .quform-field-text:hover, .quform-theme-dark .quform-field-textarea:hover, .quform-theme-dark .quform-field-time:hover, .quform-theme-dark .select2-container--quform .select2-selection:hover{
	border-color: #ffffff !important;
}

.quform-theme-dark .quform-field-captcha, .quform-theme-dark .quform-field-date, .quform-theme-dark .quform-field-email, .quform-theme-dark .quform-field-multiselect, .quform-theme-dark .quform-field-password, .quform-theme-dark .quform-field-select, .quform-theme-dark .quform-field-text, .quform-theme-dark .quform-field-textarea, .quform-theme-dark .quform-field-time, , .quform-theme-dark.quform-timepicker.k-list-container.k-popup{
	border: 2px solid #b55c6a;
	background-color: #69243d;
}

.quform-theme-dark.select2-container--quform .select2-results__option--highlighted[aria-selected], .quform-theme-dark.quform-datepicker .k-calendar td.k-state-focused, .quform-theme-dark.quform-datepicker .k-calendar td.k-state-selected.k-state-focused {
	background-color: #b55c6a !important;
border-color: #69243d !important;
color: #fff !important;
}

.quform-theme-dark.quform-datepicker .k-calendar .k-content, .quform-theme-dark.quform-datepicker .k-calendar .k-content td, .quform-theme-dark.quform-datepicker .k-calendar .k-content th{
	background-color: #69243d;
}


.quform-theme-dark.select2-container--quform .select2-search--dropdown .select2-search__field{
	border: 0 solid #ffffff;
	border-color: #b55c6a;
	background-color: #69243d;
	color: #ffffff;
}

.quform-theme-dark.quform-timepicker.k-popup ul.k-list li.k-item.k-state-hover {
	background-color: #b55c6a !important;
	border-color: #69243d !important;
	color: #fff !important;
}

.quform-theme-dark.select2-container--quform .select2-dropdown--below .select2-results__options {
	border-top: 1px solid #69243d;
}

.quform-theme-dark.select2-container--quform .select2-results__option.select2-results__message{
	background-color: #69243d;
	color: #ffffff;
}

.quform-theme-dark.select2-container--quform .select2-dropdown{
	background-color: #69243d;
}

@media (max-width: 999px) {
  /* Mobile + Tablet Styles */

	.big_title h1, .big_title h2{
		font-size: 50px !important;
		line-height: 0.85;
	}
	
	.sub_title h2, .sub_title h3{
		font-size: 18px !important;
		font-weight: 300;
		color: #E69491;
	}
	
	.sub_title_lightcolor h3{
		font-size: 18px !important;
		font-weight: 300;
	}
	
	.from_instagram_mb0{
		margin-bottom: 0px !important;
	}


	#title_brunch_time{
		margin-top: -30px;
	}
	
	.find_us_svg{
		position: absolute;
		top: -75px;
		left: auto;
		right: -7px;
		width: 150px;
		stroke-width: 4px !important;
		  vector-effect: non-scaling-stroke !important;
	}
	
	.find_us_svg circle{
  stroke-width: 4px !important;
	  vector-effect: non-scaling-stroke !important;
  	}
	
	#header-outer header li.menu-item-133 > a .nectar-menu-icon-img{
		margin-right: 0px !important;
		padding-right: 0px !important;
	}
	
	#header-outer #top .col.span_3 #logo{
		position: relative;
		top: 2px;
	}
	
	.dillymenu-table-toggle-icon{
		  font-size: 2.5em;
	  }
	  
	  #dillymenu_results .h2-content{
		font-family: "fisterra-fora", sans-serif;
	  font-weight: 700 !important;
	  font-style: normal;
	  font-size: 1.5em;
	  line-height: 1;
	  }
	  .dillymenu-table-category-toggle{
		  padding: 0px 15px !important;
	  }
	  
	  .dillymenu-table-category-toggle h2{
		  margin-top: 15px !important;
		  margin-bottom: 15px !important;
	  }
	  
	  .dillymenu-table-row{
		  padding: 10px 15px !important;
	  }
	  
	  .dillymenu-table-view{
		  padding-top: 0px !important;
		  padding-bottom: 0px !important;
	  }
	  
	  .dillymenu-front-product-content h3{
		  margin-bottom: 0px !important;
	  }
	  
	  .dillymenu-front-product-content{
		  gap: 0px !important;
	  }
	  
	  .dillymenu-front-product-content .product-features .feature-icon svg{
		  scale: 0.75;
		  transform: translate(0px, 8px);
	  }

	
}

.show_on_big_screen1{
	display: none;
}

@media (min-width: 2200px) {
  /* ab 2200px Breite */
  
.show_on_big_screen1{
	  display: block;
  }
  
}