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

.titles{
	font-family: "pf-marlet-display", sans-serif !important;
	  font-weight: 400;
	  font-style: normal;
}

.bodytext{
	font-family: "raleway", sans-serif !important;
	font-weight: 300;
	font-style: normal;
}

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

body h1,
body h2,
body h3,
body h4,
body h5,
body h6{
	font-family: "pf-marlet-display", sans-serif;
}

.uppercase-footer a{
	text-transform: uppercase;
	font-weight: bold;
}

.wpb_wrapper .instagram-follow {
  display: inline-flex; /* statt full width */
  align-items: center;
  gap: 10px;
  font-size: 18px;
  text-decoration: none;
  color: #000;
}

.wpb_wrapper .instagram-follow{
  text-align: center; /* zentriert den Link in der Spalte */
}

#osp-modal .osp-list {
	list-style: none;   /* ✅ entfernt die Punkte */
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

#osp-modal .osp-list li {
	list-style: none;   /* Sicherheit */
	margin: 0;
	padding: 0;
}

#osp-modal .osp-list a, 
#osp-modal .osp-list span {
	display: block;
	padding: 12px 14px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
}

.nectar-flickity[data-controls=material_pagination] .flickity-page-dots{
	bottom: -50px;
}

/* Replace/override in the plugin CSS */

/* container: no border */
.ojc{margin:28px 0;border:0;padding:0}

/* each item only with BOTTOM border (top border removed) */
.ojc-item{
  border:0;
  border-bottom:4px solid var(--ojc-blue);
  margin:36px 0 0;
  padding:0 0 40px;
}

/* first item: no extra top spacing line */
.ojc-item:first-child{margin-top:0}

/* arrow/title etc. keep as-is */
.ojc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;cursor:pointer}
.ojc-title{font-size:42px;line-height:1.1;margin:0;color:var(--ojc-text);font-weight:600;letter-spacing:.2px}
.ojc-sub{margin:6px 0 0;font-size:22px;color:var(--ojc-blue);font-weight:600}
.ojc-arrow{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg);transition:transform .2s ease}
.ojc-item.is-open .ojc-arrow{transform:rotate(135deg)}
.ojc-body{display:none;margin-top:26px}


.ojc-title .ojc-mwd {
  font-size: 0.6em;    /* kleiner */
  font-weight: 400;    /* leichter */
  margin-left: 4px;
  color: #444;         /* optional dunkler grau */
}


.ojc-arrow {
  transition: transform .2s ease;
}
.ojc-item.is-open .ojc-arrow {
  transform: rotate(180deg); /* zeigt nach oben */
}


.instagram-follow {
  display: flex;
  align-items: center;
  justify-content: center; /* mittig */
  gap: 12px; /* Abstand Text <-> Icon */
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #000;
}

.instagram-follow img {
  width: 48px !important;   /* feste Größe */
  height: 48px !important;
  object-fit: contain;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.accent_color_title h1, .accent_color_title h2, .accent_color_title h3, .accent_color_title h4, .accent_color_title h5{
	color: #004C8C !important;
}

#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: #000000;
}

.sf-menu>li ul {
	width: 24em;
}

/* #header-outer[data-lhe="default"] #top nav > ul > li > a{
	padding-left: 3vw;
	padding-right: 3vw;
} */


.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{
	border-radius: 0px !important;
	border: 2px solid #004C8C !important;
	background: #ffffff !important;
}

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

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

 body #header-outer[data-has-menu][data-format] header#top nav ul.sf-menu li.menu-item.menu-item-83[class*="menu-item-btn-style"] > a:hover *:not(.char) {
	color: #ffffff !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%;
}


@media only screen and (max-width: 690px) {
	.ojc-sub{margin:6px 0 0;font-size:14px;color:var(--ojc-blue);font-weight:600}
}