/*
 Theme Name: Divi SMB Child-Theme
 Theme URI: https://socialmedia-bayern.de
 Description: Dies ist ein Child-Theme für Divi.
 Author: SocialMedia Bayern - Reiner Pfeil
 Author URI: https://socialmedia-bayern.de/
 Template: Divi
 Version: 1.0.0
 Tag: divi, child-theme,
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/********************************************************/
/* Body                                                 */
/********************************************************/
body {
	font-size: 16px !important;
	font-weight: 400 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.5em !important;
}
/********************************************************/
/* ENDE Body                                            */
/********************************************************/

/********************************************************/
/* Headers                                              */
/********************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {	
	line-height: 1.5em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

/********************************************************/
/* Schriftgrößen Headers                                */
/********************************************************/
/* Desktop                                              */
/********************************************************/
@media screen and (min-width: 981px) {
h1 {font-size: 28px!important;}
h2 {font-size: 24px!important;}
h3 {font-size: 18px!important;}
h4 {font-size: 18px !important;}
h5 {font-size: 17px !important;}
h6 {font-size: 17px !important;}
}
/********************************************************/
/* Tablet                                               */
/********************************************************/
@media screen and (min-width: 480px) and (max-width:980px){
h1 {font-size: 20px!important;}
h2 {font-size: 18px!important;}
h3 {font-size: 17px!important;}
h4 {font-size: 17px!important;}
h5 {font-size: 17px!important;}
h6 {font-size: 17px!important;}
h1, h2, h3, h4, h5, h6 {line-height: 1.3em;}
}
/********************************************************/
/* Mobile                                               */
/********************************************************/
@media screen and (max-width:479px){
h1 {font-size: 20px!important;}
h2 {font-size: 18px!important;}
h3 {font-size: 17px!important;}
h4 {font-size: 17px!important;}
h5 {font-size: 17px!important;}
h6 {font-size: 17px!important;}
h1, h2, h3, h4, h5, h6 {line-height: 1.3em;}
}


/********************************************************/
/* Back-to-Top-Button anpassen                          */
/********************************************************/
.et_pb_scroll_top.et-pb-icon {
    border-top-left-radius: 100%  !important;
    border-bottom-left-radius: 100%  !important;
    border-bottom-right-radius: 100%  !important;
    border-top-right-radius: 100%  !important;
    border: #fff 1px solid;
    background: #A48741 !important; /* Farbe Button anpassen */
    font-size: 40px !important; /*Größe evtl anpassen */
    right: 5px !important;
}

/********************************************************/
/* Scroll-Bar anpassen                                  */
/********************************************************/
::-webkit-scrollbar {width: 10px; } 
::-webkit-scrollbar-track {background-color: #F1F1F1;border-radius: 0px; }  /* Farbe Hintergrund Scrollbaar anpassen */
::-webkit-scrollbar-thumb {background-color: #A48741;border-radius: 0px; } /*Farbe Scrollbar anpassen */

/*********************************************************/
/* Google Captcha responive formatieren                  */
/*********************************************************/
@media screen and (max-width: 575px) { 
	#rc-imageselect, .g-recaptcha 
	{
		transform:scale(0.77);
		-webkit-transform:scale(0.77);transform-origin:0 0;
		-webkit-transform-origin:0 0;
	} 
}

/*********************************************************/
/* Content nicht verschieben bei Mobilgeräten            */
/*********************************************************/
@media all and (max-width:980px){
	#et-main-area{
		padding-top:0px !important;
	}
}

/*********************************************************/
/* Den Content vertikal zentrieren                       */
/*********************************************************/
.SMB-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/*********************************************************/
/* Hereinlaufende Texte verstecken                       */
/*********************************************************/
#page-container { 
	overflow:hidden; 
}


/*********************************************************/
/* Menü anpassen auf iPad Quer                           */
/*********************************************************/
@media screen and (min-width: 981px) and (max-width:1024px) {
	.et_pb_menu .et-menu > li {
		padding-left: 8px !important;
    	padding-right: 8px !important;
	}
}

/*********************************************************/
/* Hauptmenü und Submenü Farbe anpassen                  */
/*********************************************************/
.nav li li a:hover {
	background-color: #A48741 !important;
	color: #fff !important;
	opacity:1 !important;
}
.et-menu-nav li.mega-menu > ul > li > a:first-child:hover{
	background-color: #A48741 !important;

}

/*********************************************************/
/* Mega-Menü anpassen                                    */
/*********************************************************/
@media screen and (min-width: 1025px) {
	.et-menu-nav li.mega-menu li > a {
    	width: 300px !important;
	}
}

.et-menu-nav li.mega-menu > ul {
	width: 100% !important;
}

.et-menu-nav li li li a {
	color: blue !important;
}

/*********************************************************/
/* Breite Untermenüs                                     */
/*********************************************************/
.nav li ul{
	width:300px !important;
}
.et-menu li li a {
	width: 260px !important;
}

/*********************************************************/
/* Menüpunkt Rot hinterlegen                             */
/*********************************************************/
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
	padding-top: 8px;
}
.et-menu a {
    color: #333333;
}
.SMB-Menu-Hintergrund-Rot {
	background-color: red;
}
.SMB-Menu-Hintergrund-Rot a {
	color:#fff !important;
	font-weight:700;
}

/*********************************************************/
/* Blog anpassen                                     */
/*********************************************************/
/*style the Divi blog link text as a button*/
.et_pb_post a.more-link {
  	color: #ffffff;
	background: #A48741;
	border: 2px solid #A48741;
	padding: .7em 1.3em;
	margin-top: 20px;
	border-radius: 0px;
	text-transform: capitalize;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

/*style the Divi blog link text as a button on hover*/
.et_pb_post a.more-link:hover {
	background: #000;
	color: #fff;
	border: 2px solid #000;
	transition: all 0.3s ease-in-out;
}

/*style the Divi blog pagination buttons*/

.pagination .alignleft a,
.pagination .alignright a {
  	color: #ffffff;
	background: #A48741;
	border: 2px solid #A48741;
	padding: .7em 1.3em;
	border-radius: 0px;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

/*style the Divi blog pagination buttons on hover*/

.pagination .alignleft a:hover,
.pagination .alignright a:hover {
	background: #000;
  	color: #fff;
	border: 2px solid #000;
	transition: all 0.3s ease-in-out;
}

@media screen and (max-width:767px){
	.et_pb_gutters1 .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post {
		margin-bottom: 20px !important;
	}
}

/*********************************************************/
/* Suche anpassen                                        */
/*********************************************************/
.widget_search input#searchsubmit {
	border: 1px solid #A48741;
    color: #fff;
}
.widget_search #searchsubmit {
	background-color: #A48741;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

/*********************************************************/
/* Button in Beiträgen anpassen                          */
/*********************************************************/
a.big-button {
	color: #fff!important;
	background: #A48741 !important;
	border: 1px solid #A48741 !important;
	border-radius: 0px !important;
	line-height: 3px !important;
	text-shadow:none !important;
	box-shadow:none !important;
	font-size: 16px !important;
}
a.big-button:hover {
	background: #000 !important;
	color: #fff !important;
	border: 1px solid #000 !important;

}

/*******************************************************************/
/* Ninja-Forms anpassen                                            */
/*******************************************************************/
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select {
    height: 35px !important;
}

.ninja-forms-form-wrap label {
    font-weight: normal !important;
}

input[type="submit"] {
	background-color: #A58742;
    Border-color: #A58742;
    color: #fff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 17px;
	font-weight: 600;
    border: 2px solid;
	width:50% !important;
}
input[type="submit"]:hover {
	background-color: #000;

}
@media screen and (max-width:980px){
	input[type="submit"] {
		width:100% !important;
	}
	#nf-field-13-wrap .nf-field-label {
		width: 15% !important;
	}
}

.field-wrap input[type="button"]{
    background-color: #A58742;
    Border-color: #A58742;
    color: #fff;
	padding-left: 25px;
	padding-right: 25px;
}

.field-wrap input[type="button"]:hover {
    background-color: #000;
    Border-color: #000;
    color: #fff;
}

.field-wrap>div input[type=checkbox]{
    width: 25px !important;
    height: 25px !important;
}

.label-right .checkbox-wrap .nf-field-element {
    width: 30px !important;
}

.label-left .nf-field-label {
	text-align: left !important;
}

/*********************************************************/
/* Ninja-Forms Check-Feld formatieren                    */
/*********************************************************/
.checkbox-container.label-above label {
    height: 30px !important;
}

.nf-field-description {
    padding-top: 10px !important;
}

/* Ende Ninja-Forms anpassen */

/*********************************************************/
/* Aufzählungszeichen formatieren                        */
/*********************************************************/
.SMB-bullet-list ul {
	list-style-type: none!important;
	padding: 0 0 23px 2em !important; /* 2em Muss evtl angepasst werden */
}

.SMB-bullet-list ul li:before {
    content: '\e052'!important;
/*    content: '\4e'!important; */
    color: #A48741;
	font-family: 'ETmodules',"ETmodules Fallback"; 
	font-size: 1.2em!important;
	margin-right: 10px;
	margin-left: -33px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	position: relative;
	top: 4px;
}

/*********************************************************/
/* Aufzählungszeichen formatieren                        */
/*********************************************************/
.SMB-bullet-list-schwarz ul {
	list-style-type: none!important;
	padding: 0 0 23px 2em !important; /* 2em Muss evtl angepasst werden */
}

.SMB-bullet-list-schwarz ul li:before {
    content: '\e052'!important;
/*    content: '\4e'!important; */
    color: #000000;
    background-color: #FFD40E;
	border-radius:50px;
	font-family: 'ETmodules',"ETmodules Fallback"; 
	font-size: 1.2em!important;
	margin-right: 10px;
	margin-left: -33px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	position: relative;
	top: 4px;
}

/*********************************************************/
/* Aufzählungszeichen formatieren                        */
/*********************************************************/
.SMB-bullet-list-schnecke-gold ul {
	list-style-type: none!important;
	padding: 0 0 0 2em !important; /* 2em Muss evtl angepasst werden */
}

.SMB-bullet-list-schnecke-gold ul li:before {
	content: url(https://antje-heimsoeth.com/wp-content/uploads/2026/07/Icon-Schnecke-gold.png);
	margin-right: 10px;
	margin-left: -33px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	position: relative;
	top: 4px;
}



/*********************************************************/
/* Button am Boden der Zeile platzieren                  */
/*********************************************************/
.SMB_r_fixed_buttons .et_pb_column {
	padding-bottom:30px;
}
.SMB_r_fixed_buttons .et_pb_button_module_wrapper {
	position: absolute;
	bottom: 15px !important;
	left: 0;
	right: 0;
	margin: auto;
}

/*********************************************************/
/* Toggle anpassen                                       */
/*********************************************************/
et_pb_toggle_content {
    padding-left: 30px !important;
}

/*********************************************************/
/* Widgets anpassen                                      */
/*********************************************************/
.et_pb_widget a {
    color: #A48741 !important;
}
.et_pb_widget {
	margin-bottom: 2% !important;
}

/*********************************************************/
/* Divi Mega Pro Mega Menu anpassen                      */
/*********************************************************/
@media screen and (min-width: 1441px) { /* Großer Desktop */
	.tippy-popper.dmp-11118 {
		left: calc(10vw - 1px) !important;
	}
}
@media screen and (max-width: 1440px) { /* Alle Notebooks */
	.tippy-popper.dmp-11118 {
		width: 95% !important;
		left: calc(((100vw - 95vw) / 2) - 1px) !important;
	}
}

/*********************************************************/
/* Abstand oben zu Shariff-Buttons                  */
/*********************************************************/
.shariff {
        margin-top: 15px !important;
}

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

/********************************************************/
/* Schatten bei Hover setzen                            */
/********************************************************/
.SMB_schatten_bei_hover:hover {
	box-shadow: 6px 6px 18px 0px rgb(0 0 0 / 53%);
		-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}