/*
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/mad7mhr.css");


body{
	font-family: "mundial", sans-serif;
}

#header-outer ul.sf-menu>li>a>.nectar-menu-icon-img{
	max-height: 60px !important;
}

body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit]{
	padding: 16px 42px !important;
}

/* Inputs */
.quform .quform-field-captcha, .quform .quform-field-date, .quform .quform-field-email, .quform .quform-field-file, .quform .quform-field-multiselect, .quform .quform-field-password, .quform .quform-field-select, .quform .quform-field-text, .quform .quform-field-textarea, .quform .quform-field-time, .quform .select2-container--quform .select2-selection {
  border:1.5px solid #4E545A;
  border-radius:2px;
  padding:12px 12px;
  font-size:16px;
  background:#fff;
}
.quform .quform-field input:focus,
.quform .quform-field textarea:focus,
.quform .quform-field select:focus, .quform .quform-field-textarea:focus {
  outline:none;
  border-color:#D8000D !important;
}

/* Select Arrow minimal */
.quform .quform-field select {
  background-image:
	linear-gradient(45deg,transparent 50%,#111 50%),
	linear-gradient(135deg,#111 50%,transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right:36px;
}

.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%;
}

.footer-small-text{
	font-size: 80% !important;
	line-height: 1.5;
}

.fs-uppercase{
	text-transform: uppercase !important;
}

.fs-footer-menu .wpb_wrapper{
	font-size: 110% !important;
	line-height: 1.5 !important;
  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-end;
	  align-items: center;
	  gap: 8px;
	  margin-bottom: 5px !important;
}

.fs-footer-menu a{
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff !important;
	opacity: 1 !important;
}

.fs-footer-menu a:hover{
	opacity: 0.5 !important;
}



.fs-footer-menu span {
  margin: 0 20px;
}

#header-secondary-outer nav > ul > li > a > i{
	color: #d8000d !important;
}

h1.ns-heading-el{
	max-width: min-content;
	text-shadow:
	0 2px 4px rgba(0, 0, 0, 0.45),
	0 4px 12px rgba(0, 0, 0, 0.25),
	0 0 25px rgba(0, 0, 0, 0.2);
}

.wss-styles h3{
	margin-top: 50px !important;
	margin-bottom: 10px !important;
	padding-bottom: 0px !important;
	display: inline-flex;
	  align-items: center;
	  gap: 10px;
	  font-size: 3rem;
	  font-weight: 800;
	  color: #fff;
	  text-transform: uppercase;
	  background: none;
	  position: relative;
	  transition: color 0.3s ease;
}

.wss-styles h3 a{
	color: #ffffff !important;
}

.wss-styles h3::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17.217' height='22.639' viewBox='0 0 17.217 22.639'><path d='M2 2l12.691 9.7L2 21.5' fill='none' stroke='%23d8000d' stroke-width='4'/></svg>") no-repeat center center;
  background-size: contain;
  margin-top:5px;
  transition: transform 0.3s ease;
}

.wss-styles h3:hover::after {
  transform: translateX(10px);
}

.wss-styles h3:hover a{
	color: #d8000d !important;
}

.wss-styles .wpb_text_column{
	margin-bottom: 0px !important;
}

 

.wss-cardlink:hover h3::after {
  transform: translateX(10px);
}

.wss-cardlink:hover h3 {
	color: #d8000d !important;
}

.preisliste-row{
	border-bottom: 1px solid #797676;
	font-size: 1.25rem;
	line-height: 1.0;
}

.nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next i{
	border: 0px solid transparent;
}

.nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev i{
	border: 0px solid transparent;
}

.post .content-inner{
	padding-bottom: 0px !important;
}


.fullw-button{
	width: 100% !important;
}

.highlight-subtitle{
	color: #DB040C;
	font-size: 125%;
	line-height: 1.25;
	font-weight: 600;
}

.highlight-subtitle b, .highlight-subtitle strong{
	color: #DB040C;
	font-size: 125%;
	line-height: 1.25;
	font-weight: 900;
}

.angebotsfrist{
	color: #DB040C;
	font-size: 125%;
	line-height: 1.25;
	font-weight: 600;
}


.nectar-scrolling-text.font_size_2vw .nectar-scrolling-text-inner *{
	padding-top: 0.05vw;
	padding-bottom: 0.25vw;
}

.swiper-slide .button a{
	padding: 10px 24px 13px 24px !important;
}

.nectar-button.medium{
	padding: 7px 15px 10px 15px !important;
}

.nectar-button.large{
	padding: 12px 22px 15px 22px !important;
}

body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit]{
	padding: 13px 42px 16px 42px !important;
}

.full-width-section .light .nectar-button, .nectar-button{
	  transition: transform 0.15s ease-in-out;
}

.full-width-section .light .nectar-button:hover, .nectar-button:hover{
	opacity: 1.0 !important;
	transform: scale(1.15);
}

.span_12.light .wpb_text_column a:not(:hover){
	opacity: 1.0 !important;
	text-decoration: underline;
}


@media only screen and (max-width: 999px) {
	.fs-footer-menu .wpb_wrapper {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center;
		gap: 4px;
	  }
	  
	  .nectar-flickity[data-control-style=material_pagination]:not(.masonry) .flickity-viewport, .nectar-flickity[data-controls=material_pagination]:not(.masonry) .flickity-viewport{
		  margin: 30px 0 130px 0 !important;
	  }
	  
	  .nectar-scrolling-text.font_size_mobile_5vw .nectar-scrolling-text-inner *{
		  line-height: 1.0em;
		  padding-bottom: 1vw;
		  padding-top: 0.5vw;
	  }
	  
	  .fs-image-mask{
		  margin-bottom: 0px !important;
	  }
	
	  .fs-footer-menu span {
		display: none;
	  }
	  
	  .wss-styles h3{
		  margin-top: 15px !important;
	  }
	  
	  .wss-styles .img-with-aniamtion-wrap{
		  margin-top: 30px !important;
	  }
	  
	  .force-phone-text-align-center .vc_column-inner{
		  display: inline-block;
	  }
	  
	  .footer-social-media-icons .img-with-aniamtion-wrap{
			display: inline-block;
		}
		
	  .footer-social-media-icons .img-with-aniamtion-wrap .inner{
			  margin: 0px 10px !important;
		}
		
		.fs-image-mask .img-with-aniamtion-wrap .inner {
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		  }
		  
		  .preisliste-row{
			  border-bottom: 1px solid #797676;
			  font-size: 1.0rem;
			  line-height: 1.0;
		  }
		  
		  .dilly-filter-content{
			  padding-top: 20px;
			  padding-bottom: 20px;
		  }
		  
		  .dilly-filter-group{
			  border-bottom: 1px solid #1f1f1f;
		  }
		  
		  .dilly-filter-group select.dilly-filter-select {
			  width: 100% !important;
		  }
		  
		  body h1, body h2, body h3, body h4{
			  line-height: 1.05 !important;
		  }
}