/*
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/wky5svt.css");

.font-extra-light, .font-extra-light *{
	font-family: "din-2014", sans-serif;
	font-weight: 200;
	font-style: normal;
}

.font-light, .font-light *{
	font-family: "din-2014", sans-serif;
	font-weight: 300 !important;
	font-style: normal;
}

.font-regular, .font-regular *{
	font-family: "din-2014", sans-serif;
	font-weight: 400 !important;
	font-style: normal;
}

.font-demi, .font-demi *{
	font-family: "din-2014", sans-serif;
	font-weight: 600 !important;
	font-style: normal;
}

.font-bold, .font-bold *{
	font-family: "din-2014", sans-serif;
	font-weight: 700 !important;
	font-style: normal;
}

.font-extra-bold, .font-extra-bold *{
	font-family: "din-2014", sans-serif;
	font-weight: 800 !important;
	font-style: normal;
}


.find_us_links > .wpb_wrapper{
	display: inline-block;
}


.find_us_links > .wpb_wrapper > p {
  display: flex;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
  margin: 60px 0;
}

.find_us_links > .wpb_wrapper > p > a {
  position: relative;
  font-size: 24px;
  color: #555;
  text-decoration: none;
  padding-bottom: 5px;
  transition: color 0.3s ease;
}

.find_us_links > .wpb_wrapper > p > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #4da3f7;
  transition: background-color 0.3s ease;
}

/* Hover Effekt */
.find_us_links > .wpb_wrapper > p > a:hover {
  color: #4da3f7;
}

.find_us_links > .wpb_wrapper > p > a:hover::after {
  background-color: #1e5ca5;
}

.dots_before::before {
  content: "";
  display: block;
  width: 28.983px;
  height: 77.887px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='77' viewBox='0 0 28 77'%3E%3Cg fill='%2350585a'%3E%3Ccircle cx='5' cy='5' r='3'/%3E%3Ccircle cx='5' cy='27' r='3'/%3E%3Ccircle cx='5' cy='49' r='3'/%3E%3Ccircle cx='5' cy='71' r='3'/%3E%3Ccircle cx='23' cy='5' r='3'/%3E%3Ccircle cx='23' cy='27' r='3'/%3E%3Ccircle cx='23' cy='49' r='3'/%3E%3Ccircle cx='23' cy='71' r='3'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.dots_after::after {
  content: "";
  display: block;
  height: 28.983px;
  width: 77.887px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='28' viewBox='0 0 77 28'%3E%3Cg fill='%2350585a'%3E%3Ccircle cx='5' cy='5' r='3'/%3E%3Ccircle cx='27' cy='5' r='3'/%3E%3Ccircle cx='49' cy='5' r='3'/%3E%3Ccircle cx='71' cy='5' r='3'/%3E%3Ccircle cx='5' cy='23' r='3'/%3E%3Ccircle cx='27' cy='23' r='3'/%3E%3Ccircle cx='49' cy='23' r='3'/%3E%3Ccircle cx='71' cy='23' r='3'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}


.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
	background: #ffffff !important;
	border-radius: 0px !important;
	border: 1.5px solid #4E545A !important;
}


.subtitle-h1 h3{
	font-size: 200% !important;
}

.subtitle-h2 h3{
	font-size: 150% !important;
}

.title_pm_zero{
	margin-bottom: 0px !important;
}

body .dark h1,
body .dark h2{
	color: #1D1D1B !important;
}

body.material .nectar-button.jumbo.see-through-2 span{
	color: #1D1D1B;
}

body.material .nectar-button.jumbo.see-through-2:hover span{
	color: #ffffff;
}

.border_on_edge_automotive::before {
  content: "";
  display: block;
  width: 77px;
  height: 677px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='827' viewBox='0 0 77 827'%3E%3Cpath d='M0,0H0A77,77,0,0,1,77,77V750A77,77,0,0,1,0,827H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z' fill='%2300b7fa'/%3E%3C/svg%3E");
  background-size: 66% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
left: -30px;
  top: 0px;
  z-index: 1;
}


.border_on_edge_gastronomie::after {
  content: "";
  display: block;
  width: 77px;
  height: 677px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='827' viewBox='0 0 77 827'%3E%3Cpath d='M0,0H0A77,77,0,0,1,77,77V750A77,77,0,0,1,0,827H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z' transform='translate(77 827) rotate(180)' fill='%2357cbc6'/%3E%3C/svg%3E");
  background-size: 66% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
right: -30px;
  top: 0px;
  z-index: 1;
  visibility: visible !important;
}


.border_on_edge_vertrieb::before {
  content: "";
  display: block;
  width: 77px;
  height: 677px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='827' viewBox='0 0 77 827'%3E%3Cpath d='M0,0H0A77,77,0,0,1,77,77V750A77,77,0,0,1,0,827H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z' fill='%23ea6085'/%3E%3C/svg%3E");
  background-size: 66% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
 left: -30px;
 top: 0px;
  z-index: 1;
}

.border_on_edge_halal_food::after {
  content: "";
  display: block;
  width: 77px;
  height: 677px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='827' viewBox='0 0 77 827'%3E%3Cpath d='M0,0H0A77,77,0,0,1,77,77V750A77,77,0,0,1,0,827H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z' transform='translate(77 827) rotate(180)' fill='%23fc9d06'/%3E%3C/svg%3E");
  background-size: 66% auto;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
right: -30px;
  top: 0px;
  z-index: 1;
  visibility: visible !important;
}



body, blockquote{
	font-family: "din-2014", sans-serif;
	font-style: normal;
}

#top nav ul li a, body[data-header-color=light] .mobile-header, body[data-header-color=light] .span_9>.slide-out-widget-area-toggle a .label{
	color: #1D1D1B;
}

#header-outer .menu-item-28 > a:before{
	border: 2px solid;
	opacity: 1.0;
	box-sizing: border-box;
	border-color: #00B7FA;
}

.text_uppercase, .text_uppercase *{
	text-transform: uppercase !important;
}

.text_letterspace_2, .text_letterspace_2 *{
	letter-spacing: 0.2em !important;
}


.header_block_1{
	
}

.header_block_2{
	border-left: 1px solid #A9B9BE;
}

.header_block_3{
	border-left: 1px solid #A9B9BE;
}

.header_block_4{
	border-left: 1px solid #A9B9BE;
}

.slider_title_wrapped{
	font-size: 135%;
	letter-spacing: 1rem;
}


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

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


.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%;
}


/* phone only */


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

	
	.slider_title_wrapped{
		font-size: 150%;
		letter-spacing: 0.35rem;
	}
	
	.header_block_2{
		border-left: none;
		border-top: 1px solid #A9B9BE;
	}
	
	.header_block_3{
		border-left: none;
		border-top: 1px solid #A9B9BE;
	}
	
	.header_block_4{
		border-left: none;
		border-top: 1px solid #A9B9BE;
	}
	
	body .swiper-container[data-bullet_style="see_through_ar_visualized"] .slider-pagination-wrap, body .swiper-container[data-bullet_style="see_through_ar_visualized"] .slider-pagination-wrap{
		bottom: 45px;
	}
	
}


/* tablet */

@media only screen and (min-width: 691px) and (max-width: 999px) {
	

	.slider_title_wrapped{
		font-size: 150%;
		letter-spacing: 0.5rem;
	}
	
	.header_block_3{
		border-left: none;
	}
	
}


/* phone and tablet only */

@media only screen and (min-width: 1px) and (max-width: 999px) {

	.border_on_edge_automotive::before {
  	content: "";
  	display: none;
	}

	.border_on_edge_gastronomie::after {
	  content: "";
	  display: none;
	}
	
	.border_on_edge_vertrieb::before {
	  content: "";
	  display: none;
	}
	
	.border_on_edge_halal_food::after {
	  content: "";
	  display: none;
	}	
	
	.img-with-aniamtion-wrap.bl_br_100px .img-with-animation{
		border-bottom-left-radius: 0px;
	}
	
	.img-with-aniamtion-wrap.br_br_100px .img-with-animation{
		border-bottom-right-radius: 0px;
	}
	
	.mobile_ml_opt{
		margin-left: -50px;
	}
	
	.force-tablet-text-align-center .divider-wrap > div, .force-phone-text-align-center .divider-wrap > div{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.vc_row-fluid[data-column-margin="90px"] .wpb_column:not([class*="vc_col-xs-"]):not(.child_column):not(:last-child), .inner_row[data-column-margin="90px"] .child_column:not([class*="vc_col-xs-"]):not(:last-child){
		margin-bottom: 45px !important;
	}


}