/*
 Theme Name: Divi-Mastermind-Child-Theme
 Theme URI: https://www.divimastermind.com/
 Description: Dies ist ein <b>ready-to-start</b> Child-Theme f&uuml;r Divi. Entwickelt und bereitgestellt von den Divi Masterminds. Dieses Theme beinhaltet alle notwendigen Dateien, um den schnellen und einfach Start zu erm&ouml;glichen.
 Author: Divi Mastermind - Benny Hozjan und Frank Oschatz
 Author URI: https://divimastermind.com/
 Template: Divi
 Version: 1.0.0
 Tag: divi, child-theme, rawbone, easy-to-use, mastermind, german-group, 
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*  ==================================================================
	STANDARD CSS =====================================================
	==================================================================  */
	
	#wpadminbar {
    z-index: 9999999;
	}
	
	* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	}
	html {
	font-size: 62.5%;
	}

	/* toolbar sticky by scroll */
	.mce-top-part {
	position: sticky!important;
	top: -60px;
	}

	/*increase the height of the Divi inner field settings modal*/
	.et-fb-field-settings-modal {
	  max-height: 500px!important;
	}

/*increase the height of the Divi inner field settings modal*/
	.et-fb-field-settings-modal {
	  max-height: 600px!important;
	}


/* Align Buttons in bottom of a row */
	.lem_fixed_buttons .et_pb_column {
	padding-bottom:20px;}
	.lem_fixed_buttons .et_pb_button_module_wrapper {
	    	position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
	}

/* Dropdown Fix */
	.dropdown_fix ul {
	right: 0px !important;
	}

/* Fliestext */
	.et_pb_module.et_pb_text p,
	.et_pb_module.et_pb_text ul li,
	.et_pb_toggle.et_pb_module.et_pb_accordion_item .et_pb_toggle_content,
	.et_pb_toggle.et_pb_module.et_pb_accordion_item .et_pb_toggle_content ul li,
#main-content .et_pb_section .et_pb_module.et_pb_post_content p,
	.janolaw-paragraph {
  	font-size: clamp(1.8rem, 2vw, 2rem);
  	line-height: clamp(1.8rem, 2vw, 2.9rem);
  	font-weight: 300;
	}


	
	
	/* Hyperlinks */
	.et_pb_module.et_pb_text a,
	.et_pb_module.et_pb_post_content p a {
  	font-size: clamp(1.8rem, 2vw, 2rem);
  	line-height: clamp(1.8rem, 2vw, 2.9rem);
  	color: #33302a!important;
  	text-decoration: underline;
	}

/* Öffnungszeiten */
	.et_pb_module.dsm_business_hours_child {
  	font-size: 18px;
  	line-height: 2.9rem;
	}

	
	
	/* Business Days Überschriften */ 
	.et_pb_module.et_pb_text p.openingdays,
	.et_pb_module.et_pb_blurb p.openingdays {
    font-size: clamp(1.8rem, 2vw, 1.8rem);
  	line-height: clamp(1.8rem, 2vw, 2.3rem);
  	font-weight: 500;
	}

/* Footer */

	.et_pb_column .et_pb_module h3.footer,
	.et_pb_column .et_pb_module p.footer,
	.et_pb_column .et_pb_module a.footer {
		font-size: 1.6rem!important;
		line-height: 2.1rem!important;
	}
	
/* Footer Credits */

	.et_pb_column .et_pb_module h3.lem-credits,
	.et_pb_column .et_pb_module p.lem-credits,
	.et_pb_column .et_pb_module a.lem-credits {
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
	
	.et_pb_column .et_pb_module a.lem-credits {
		text-decoration: underline;
	}


/* Footer vertical Menue */

.dl-v-menu .et_pb_menu_inner_container,
.dl-v-menu .et_pb_menu__wrap,
.dl-v-menu .et_pb_menu__menu,
.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav,
.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav>ul {
    display: block;
}

.dl-v-menu .et_mobile_nav_menu {
    display: none;
}

.dl-v-menu a:before {
    content: '';
    background: #000;
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    top: .3em;
    left: -20px;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.dl-v-menu a:hover:before {
    left: -10px;
    opacity: 1;
}

.dl-v-menu a:hover {
    padding-left: 5px;
}


.dl-v-menu ul#menu-footer-menue-leistungen.et-menu li.menu-item a {
  padding-bottom:0;
}

/* Lightbox */

	.slb_data_content span.slb_data_title span.slb_template_tag.slb_template_tag_item {
	  display: none;
	}

	.slb_details .slb_data .slb_data_content span.slb_group_status span.slb_template_tag.slb_template_tag_ui {
	  color: #000;
	}




/*  ==================================================================
	GÄSTEBUCH CSS ====================================================
	==================================================================  */


/* Gästebuch Buttons */

.et_pb_module .gwolle-gb .gwolle-gb-write-button input.button,
.et_pb_module .gwolle-gb form .gwolle_gb_submit .input input.gwolle_gb_submit.button {
  color: #000000 !important;
    border-width: 0px !important;
    border-radius: 0px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #FFFFFF;
  padding-top: 20px !important;
    padding-right: 40px !important;
    padding-bottom: 20px !important;
    padding-left: 40px !important;
  line-height: 1.7em;
}


.et_pb_module .gwolle-gb .gwolle-gb-write-button input.button:hover,
.et_pb_module .gwolle-gb form .gwolle_gb_submit .input input.gwolle_gb_submit.button:hover {
color: #000000 !important;
    letter-spacing: 1px !important;
    background-image: initial;
    background-color: #ffc367;
}

/* Gästebuch Formularfelder */ 
.et_pb_module .gwolle-gb .gwolle-gb-read .gb-entry article .gb-entry-content,
.et_pb_module .gwolle-gb .gwolle-gb-read .gb-entry article .gb-author-info,
.et_pb_module  .gwolle-gb .gwolle-gb-read .gwolle-gb-total {
  font-size: clamp(1.8rem, 2vw, 2rem);
  	line-height: clamp(1.8rem, 2vw, 2.9rem);
  	font-weight: 300;
  
}

/* Gästebuch Labels */
.et_pb_module .gwolle-gb form.gwolle-gb-write .label label.text-info,
.et_pb_module .gwolle-gb form.gwolle-gb-write .label label.text-info a{
  font-size: clamp(1.8rem, 2vw, 2rem);
  	line-height: clamp(1.8rem, 2vw, 2.9rem);
  	font-weight: 300;
}




.et_pb_module .gwolle-gb .gwolle-gb-read .gb-entry article .gb-author-info {
  padding-bottom: 10px;
}


.et_pb_module .gwolle-gb .gwolle-gb-read .gb-entry {
  border-top: 1px solid #926d33;
}

div.et_pb_module > div > div.gwolle-gb > form.gwolle-gb-write > div > div.input > input[type='text'],
div.et_pb_module > div > div.gwolle-gb > form.gwolle-gb-write > div > div.input > input.gwolle_gb_ece3b803eac41f0e5a1bab0fbd7ebb39[type='email'],
div.et_pb_module > div > div.gwolle-gb > form.gwolle-gb-write > div.gwolle_gb_content > div.input > textarea.gwolle_gb_content[name='gwolle_gb_content'] {
  padding: 10px;
  font-size: clamp(1.8rem, 2vw, 2rem);
  	line-height: clamp(1.8rem, 2vw, 2.9rem);
  	font-weight: 300;
}

  
/* Privacy Checkbox Styling */
.et_pb_module .gwolle-gb form.gwolle-gb-write .gwolle_gb_privacy .input input.gwolle_gb_privacy[type='checkbox'] {
  /* Grundstil der Checkbox */
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  appearance: none; /* Entfernt das Standard-Browser-Styling */

  /* Styling für den Hintergrund und die Grenze */
  background-color: #fff;
  transition: background-color 0.3s, border-color 0.3s;
}

.et_pb_module .gwolle-gb form.gwolle-gb-write .gwolle_gb_privacy .input input.gwolle_gb_privacy[type='checkbox']:checked {
  /* Stil für die markierte Checkbox */
  background-color: #926d33; /* Angepasst an die gewünschte Farbe */
  border-color: #926d33;
  color: #fff;
}

.et_pb_module .gwolle-gb form.gwolle-gb-write .gwolle_gb_privacy .input input.gwolle_gb_privacy[type='checkbox']:checked::before {
  /* Hinzufügen eines Häkchens in der Checkbox */
  content: '✔'; /* Unicode für Häkchen-Symbol */
  display: block;
  text-align: center;
  line-height: 20px;
  font-size: 19px;
  color: #fff;
}

.et_pb_module .gwolle-gb form.gwolle-gb-write .gwolle_gb_privacy .input input.gwolle_gb_privacy[type='checkbox']:focus {
  /* Stil für die Checkbox im Fokus */
  outline: none;
  border-color: #926d33;
}

.et_pb_module .gwolle-gb form.gwolle-gb-write .gwolle_gb_privacy .input label {
  /* Stil für das Label der Checkbox */
  margin-left: 8px;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
}

.et_pb_module .gwolle-gb form.gwolle-gb-write > h3 {
  padding-bottom: 3%!important;
}




/*  ==================================================================
	H1 - H6 ==========================================================
	==================================================================  */



/* H1-H6 Überschriften */
	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_column .et_pb_module h1,
	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_column .et_pb_module h1.main_h1 {
		font-size: clamp(3rem, 6vw, 6rem);
		line-height: clamp(3rem, 6vw, 6rem);
		font-weight: 800!important;
	}
	
	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_column .et_pb_module.et_pb_text p.sub_p {
		font-size: clamp(2rem, 6vw, 4rem);
		line-height: clamp(2rem, 6vw, 4rem);
		font-weight: 800;
	}

	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_column .et_pb_module.et_pb_text h1.sub_h1 {
	font-size: clamp(2rem, 6vw, 8rem);
	line-height: clamp(2rem, 6vw, 6rem);
	font-weight: 300!important;
	}
	
	/*.et_pb_column .et_pb_module.et_pb_text p.sub_p {
	font-size: clamp(2rem, 6vw, 6rem);
	line-height: clamp(2rem, 6vw, 6rem);
	}*/

	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_column .et_pb_module h2,
	.et_pb_section .et_pb_column .et_pb_module .wpfd-content.wpfd-content-ggd .wpfd-container.show_category_title .wpfd-col.wpfd-container-ggd .wpfd-categories h2 {
	  	font-size: clamp(2.7rem, 2vw, 4rem);
		line-height: clamp(2.7rem, 3vw, 4rem);
		font-weight: 200!important;
	}
	
	.et_pb_column .et_pb_module h2.brand {
	  text-transform: uppercase;
	}
	
	.et_pb_section .et_pb_column .et_pb_module .wpfd-content.wpfd-content-ggd .wpfd-container.show_category_title .wpfd-col.wpfd-container-ggd .wpfd-categories h2 {
		color: #009fe3!important;
	}
	
	.et-db .et-boc #et-main-area .et-l .et_pb_section .h2_v2 .dipi-text h2.dipi-hover-box-heading,
	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_module .et_pb_text_inner h2.h2_v2 {
		font-size: clamp(2.2rem, 2vw, 2.5rem)!important;
		line-height: clamp(2.2rem, 2vw, 2.5rem)!important;
		font-weight: 500!important;
	}
	
	
	
	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_column .et_pb_module h3 {
	  	font-size: clamp(2.3rem, 2vw, 2.8rem);
		line-height: clamp(2.3rem, 2vw, 2.8rem);
	}
	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_column .et_pb_module h4 {
	  	font-size: clamp(2.3rem, 2vw, 2.8rem);
		line-height: clamp(2.3rem, 2vw, 2.8rem);
	}
	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_column .et_pb_module h5 {
	  	font-size: clamp(2.3rem, 2vw, 2.8rem);
		line-height: clamp(2.3rem, 2vw, 2.8rem);
	  	font-weight:900;
	}
	.et-db .et-boc #et-main-area .et-l .et_pb_section .et_pb_column .et_pb_module h6 {
	  	font-size: clamp(2.3rem, 2vw, 2.8rem);
		line-height: clamp(2.3rem, 2vw, 2.8rem);
	}





/*  ==================================================================
	GRAVITY FORMS ====================================================
	==================================================================  */

		/* Gravity Textfelder */
		
			body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
			body .gform_wrapper .gform_body .gform_fields .gfield textarea,
			body .gform_wrapper .gform_body .gform_fields .gfield select,
			body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
			body .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
			  border: 1px solid #666666;
			  border-radius: 3px;
			 padding: 10px;
			  background: rgba(102,102,102,0.05)
			}
		
		/* Gravity Textfelder Focus */
			body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
			body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
			body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
			body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
			body .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
			 border: 1px solid rgba(38,170,224);
			  padding: 10px;
			}
		
		/* Gravity Submit Button */
		
			body .gform_wrapper .gform_footer input.button,
			body .gform_wrapper .gform_footer input[type=submit] {
			    color:#ffffff;
			    padding-top:10px;
			    padding-bottom:10px;
			    padding-left:20px;
			    padding-right:20px;
			    border: 1px solid rgba(117,113,102);
			    border-radius: 1px;
			    -moz-border-radius: 3px;
			    -webkit-border-radius: 3px;
			    box-shadow: 0 1px 0px rgba(114,114,114,0.3);
			    -moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
			    -webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
			    background-color: rgba(117,113,102);
			}
		
		/* Gravity Labels */
			body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
			  color: rgba(0,0,0);
			  font-weight: 500;
			}
		
		/* Gravity Description */
			body .gform_wrapper .gfield_description {
				font-size: 18px;
			  line-height: 1.3em;
			}
		
		/* Gravity Placeholder */ 
		/* form placeholder overrides - have to use !important or this doesn't work
		--------------------------------------------- */
			::-webkit-input-placeholder { /* Chrome */
			  color: #1E1F22 !important;
			}
			:-ms-input-placeholder { /* IE 10+ */
			  color: #1E1F22 !important;
			}
			::-moz-placeholder { /* Firefox 19+ */
			  color: #1E1F22 !important;
			  opacity: 1 !important;
			}
			:-moz-placeholder { /* Firefox 4 - 18 */
			  color: #1E1F22 !important;
			  opacity: 1 !important;
			}
		
		
		
		
		/* Gravity Required*/
			.gform_wrapper .gfield_required {
			color:rgba(0,0,0);
			  font-weight: 300;
			}
		
		
		
		/* Gravity Submit Button Hover */ 
			body .gform_wrapper .gform_footer input[type=submit]:hover {
			    border: 1px solid rgba(102,102,102);
			    background-color: #666666;
			}
		
		
		
		/*Default styles for Gravity Forms single-column-form class*/
		
			.single-column-form ul.gfield_checkbox li input[type=checkbox]:checked+label,.single-column-form ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label {
			  margin-left:19px;
			  font-weight: 400;
			  font-size: 20px;
			}
		
		/*Custom subscribe box for .single-column-form class*/
			.single-column-form [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
			  position: absolute!important;
			  left: -9999px;
			}
			
			.single-column-form [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
			  position: relative!important;
			  padding-left: 1.0em!important;
			  cursor: pointer!important;
			}
			
			.single-column-form [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
			  content: '';
			  position: absolute;
			  left: -17px;
			  top: 2px;
			  width: 1.30em;
			  height: 1.30em;
			  border: 2px solid #ccc;
			  background: #fff;
			  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
			  padding: 2px;
			}
			
			.single-column-form [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
			  content: '';
			  position: absolute;
			  width: 18px;
			  height: 18px;
			  top: 6px;
			  left: -13px;
			  font-size: 1.3em;
			  line-height: 0.8;
			  background-color: #26AAE0;
			  transition: all .2s;
			}
		
		/* checked mark aspect changes */
			.single-column-form [type="checkbox"]:not(:checked) + label:after {
			  opacity: 0;
			  transform: scale(0);
			}
			
			.single-column-form [type="checkbox"]:checked + label:after {
			  opacity: 1;
			  transform: scale(1);
			}
		
		/* disabled checkbox */
			.single-column-form [type="checkbox"]:disabled:not(:checked) + label:before,
			[type="checkbox"]:disabled:checked + label:before {
			  box-shadow: none;
			  border-color: #bbb;
			  background-color: #ddd;
			}
			
			.single-column-form [type="checkbox"]:disabled:checked + label:after {
			  color: #999;
			}
			
			.single-column-form [type="checkbox"]:disabled + label {
			  color: #aaa;
			}


.mobile_menu_bar:before {
color: #000000 !important;
}