/* Themify Customize Styling */
body {	background: none;
	background-color: #f9f6f1;
	font-family: "Rubik";	font-weight:400;
	letter-spacing:0px;
	line-height:1.3em;

	color: #0d182a; 
}
h1 {	
	font-family: "Rubik Maps";	letter-spacing:0px;
	text-transform:uppercase;
	color: #0d182a; 
}
h2 {	
	font-family: "Rubik Maps";	font-weight:700;
	letter-spacing:0px;
	text-transform:uppercase;
	color: #0d182a; 
}
h3 {	
	font-family: "Rubik";	font-weight:600;
	letter-spacing:0px;
	line-height:1.1em;

	color: #0d182a; 
}
h4 {	
	font-family: "Rubik";	font-weight:600;
	letter-spacing:0px;
	line-height:1.1em;

	color: #0d182a; 
}
h5 {	
	font-family: "Rubik";	font-weight:600;
	letter-spacing:0px;
	line-height:1.1em;

	color: #0d182a; 
}
h6 {	
	font-family: "Rubik";	font-weight:600;
	letter-spacing:0px;
	line-height:1.1em;

	color: #0d182a; 
}

/* Themify Custom CSS */
/*** GLOBALS ***/
#content {
  padding-top: 0;
  padding-bottom: 0;
}
.module-buttons-item.tf_in_flx {
  margin-bottom: 10px;
}
/***************/
/*** BUTTON ***/
/**************/
.global_btn .module-buttons-item {
  position: relative;
  display: inline-flex;
  overflow: visible !important;
}

.global_btn .builder_button {
  position: relative;
  z-index: 2;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.global_btn .module-buttons-item::before {
  content: "";
  position: absolute;
  inset: -10px 0px;
  z-index: 1;
  background: url("https://grillaholic.eu/wp-content/uploads/2026/05/button-brush-navy-reference-style-900.png") center / 100% 100% no-repeat;
  pointer-events: none;
}
/*** SECONDARY ***/
/* Secondary Button im gemeinsamen Button-Modul */
.global_btn #secondary {
  background: transparent !important;
  color: #0D1B2A !important;
  border: 1px solid rgba(13, 27, 42, 0.45) !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

/* Brush-Hintergrund beim zweiten Button entfernen */
.global_btn .module-buttons-item:has(#secondary)::before {
  display: none;
}
.global_btn #secondary em,
.global_btn #secondary svg {
  color: #0D1B2A !important;
  fill: #0D1B2A !important;
}
/*****************/
/*** BUTTON HOVER ***/
/*****************/
/* Grundzustand: Brush-Hintergrund animierbar machen */
.global_btn .module-buttons-item::before {
  transition: filter 180ms ease, opacity 180ms ease;
}

/* Primary Brush Button Hover */
.global_btn .module-buttons-item:not(:has(#secondary)):hover::before {
  opacity: 0.84;
}

/* Primary Text bleibt sauber weiß */
.global_btn .module-buttons-item:not(:has(#secondary)):hover .builder_button {
  color: #FAF7F2 !important;
}

/* Secondary hat keinen Brush */
.global_btn .module-buttons-item:has(#secondary)::before {
  display: none !important;
}

/* Secondary Grundzustand */
.global_btn #secondary {
  background: transparent !important;
  color: #0D1B2A !important;
  border: 1px solid rgba(13, 27, 42, 0.45) !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

.global_btn #secondary em,
.global_btn #secondary svg {
  color: #0D1B2A !important;
  fill: #0D1B2A !important;
  transition: color 180ms ease, fill 180ms ease;
}

/* Secondary Hover */
.global_btn #secondary:hover {
  background: #0D1B2A !important;
  color: #FAF7F2 !important;
  border-color: #0D1B2A !important;
}

.global_btn #secondary:hover em,
.global_btn #secondary:hover svg {
  color: #FAF7F2 !important;
  fill: #FAF7F2 !important;
}
/*************/
/*** BUTTON ORANGE ***/
/*************/
.orange_btn .module-buttons-item::before {
  background: url("https://grillaholic.eu/wp-content/uploads/2026/05/button-brush-orange.png") center / 100% 100% no-repeat;
}
/*****************/
/*** BLOG ***/
/****************/
.blog-wrapper.eins {
   margin-top: 80px;
}