/*
 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 --------------------------- */ 
/********************************************************/
/* Schriftstärke Überschriften setzen                   */
/********************************************************/
h1, h2, h3, h4, h5, h6 {
	font-weight: 600 !important;
}


/********************************************************/
/* Parralax für Firefox ermöglichen                     */
/********************************************************/
.et_pb_section_parallax .et_pb_parallax_css, .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
	transform: none;
}

/*********************************************************/
/* 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;
	} 
}

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

/*********************************************************/
/* Den Content unten ausrichten                          */
/*********************************************************/
.SMB-bottom-align { 
 	display: flex;
	align-items: flex-end;
	justify-content: center;
} 

/******************************************************/
/* Module in der Zeile nebeneinander                                                      */
/******************************************************/
.SMB-side-by-side {
	display: flex;
	flex-wrap: wrap;
	gap: 15px; /* Abstand zwischen den Modulen einstellen */
}


/********************************************************/
/* Scroll-Bar anpassen                                  */
/********************************************************/
/* Works on Firefox */
* { scrollbar-width: thin; scrollbar-color: #707070 #F1F1F1;}
/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar {width: 10px; } 
::-webkit-scrollbar-track {background-color: #F1F1F1;border-radius: 5px; }  /* Farbe Hintergrund Scrollbaar anpassen */
::-webkit-scrollbar-thumb {background-color: #888;border-radius: 5px; border: 4px solid #F1F1F1; } /*Farbe Scrollbar anpassen */
::-webkit-scrollbar-thumb:hover { background-color: #555; border:0; } /*Farbe Scrollbar bei hover anpassen */

/********************************************************/
/* 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: #254351 !important; /* Farbe Button anpassen */
    font-size: 40px !important; /*Größe evtl anpassen */
    right: 5px !important;
}

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

/*********************************************************/
/* Nummerierung blau mit gelbem Hintergrund              */
/*********************************************************/
.SMB-nummerierung li::marker {
	color: #F7B565;
}


/*********************************************************/
/* Aufzählungszeichen Haken blau mit gelbem Hintergrund  */
/*********************************************************/

.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: '\4e'!important;
    color: #254351;
*/
    content: '\e052'!important;
    color: #F7B565;
	font-family: 'ETMODULES'; 
	font-size: 1.4em!important;
	font-weight:900;
	margin-right: 10px;
	position: relative;
	top: 5px;
	background-color: #254351;
    border-radius: 100px;
	border: 0px solid #F7B565;
}
@media screen and (min-width: 480px) {
	.SMB-bullet-list ul li:before {
		margin-left: -43px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	}
}
@media screen and (max-width: 479px) {
	.SMB-bullet-list ul li:before {
		margin-left: -43px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	}
}

.SMB-bullet-list-padding ul {
	padding: 0 0 23px 2.5em !important; /* 2em Muss evtl angepasst werden */

}

/*********************************************************/
/* Aufzählungszeichen Haken blau mit hellblauem Hintergrund  */
/*********************************************************/

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

.SMB-bullet-list-hellblau ul li:before {
/*    content: '\4e'!important;
    color: #254351;
*/
    content: '\e052'!important;
    color: #D9FFF5;
	font-family: 'ETMODULES'; 
	font-size: 1.4em!important;
	font-weight:900;
	margin-right: 10px;
	position: relative;
	top: 5px;
	background-color: #254351;
    border-radius: 100px;
	border: 0px solid #F7B565;
}
@media screen and (min-width: 480px) {
	.SMB-bullet-list-hellblau ul li:before {
		margin-left: -43px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	}
}
@media screen and (max-width: 479px) {
	.SMB-bullet-list-hellblau ul li:before {
		margin-left: -43px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	}
}


/*********************************************************/
/* Aufzählungszeichen Haken blau                         */
/*********************************************************/

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

.SMB-bullet-list-haken-blau ul li:before {
    content: '\4e'!important;
    color: #254351;
	font-family: 'ETMODULES'; 
	font-size: 2em!important;
	font-weight:700;
	margin-right: 10px;
	position: relative;
	top: 4px;
	}
@media screen and (min-width: 480px) {
	.SMB-bullet-list-haken-blau ul li:before {
		margin-left: -49px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	}
}
@media screen and (max-width: 479px) {
	.SMB-bullet-list-haken-blau ul li:before {
		margin-left: -43px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	}
}

.SMB-bullet-list-padding-haken-blau ul {
	padding: 0 0 23px 2.5em !important; /* 2em Muss evtl angepasst werden */

}



/*********************************************************/
/* Kontaktformular formatieren                            */
/*********************************************************/
.nf-form-content input:not([type=button]), .nf-form-content textarea.ninja-forms-field, .nf-form-content input[type=submit] {
	background: #fff0 !important;
    border-bottom: 3px solid #254351 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.nf-form-content input[type=button], .nf-form-content input[type=submit] {
	color: #254351!important;
/*
	border-width: 2px!important;
    border-color: #F7B565;
*/
	border:0 !important;
	font-size: 16px;
    font-weight: 600!important;
    background-color: #F7B565 !important;
	padding-top: 10px!important;
    padding-right: 40px!important;
    padding-bottom: 10px!important;
    padding-left: 40px!important;
	border-top-left-radius: 50px!important;
    border-bottom-left-radius: 50px!important;
    border-top-right-radius: 50px!important;
    border-bottom-right-radius: 50px!important;
	cursor:pointer;
}
.nf-field-element textarea {
		height:150px;
}

.nf-form-fields-required {
	padding-left:5px ;
}

.checkbox-wrap .nf-field-label label:after {
	background: #F7B565 !important;
    border-color: #F7B565 !important;
}


@media screen and (max-width: 479px) {
	.nf-field-element textarea {
		height:100px !important;
	}
	#nf-field-15-container{
		margin-bottom:5px;
	}

}

@media screen and (min-width: 480px) and (max-width: 980px) {
}


/********************************************************/
/* Silbentrennung im Text automatisieren                */
/********************************************************/
/*
body {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
*/

/********************************************************/
/* Mobil Button nicht unterstreichen                    */
/********************************************************/
@media screen and (max-width: 980px) {
	.et_pb_button, a {
		text-decoration: none ;
	}
}


/********************************************************/
/* Therapeuten-Finder formatieren                       */
/********************************************************/
.divi-acf-map-inline .et_pb_contact_field .divi-acf-map {
    /*background-color: #eeeeee !important;*/
}

.et-db #et-boc .et-l .et_pb_de_mach_filter_posts_0 .divi-filter-item {
    background-color: #D9FFF5;
} 

.search_filter_cont[data-type=acf_map] .divi-filter-item.divi-acf-map-inline {
    margin-top: 0 !important;
}
.grid-item-cont .et_pb_button, .reset-filters, .dmach-loadmore, .et_pb_de_mach_acf_item .et_pb_button {
	color: #FFFFFF!important;
    border-width: 2px!important;
    border-color: #D2A69D;
    font-size: 16px;
    font-weight: 600!important;
    background-color: #D2A69D !important;
	padding-top: 10px!important;
    padding-right: 40px!important;
    padding-bottom: 10px!important;
    padding-left: 40px!important;
	border-top-left-radius: 50px!important;
    border-bottom-left-radius: 50px!important;
    border-top-right-radius: 50px!important;
    border-bottom-right-radius: 50px!important;
}

/********************************************************/
/* Button-Text Kursiv darstellen                        */
/********************************************************/
.SMB_text_kursiv {
	font-style:italic !important;
}

/********************************************************/
/* Blurb-Button-Text formatieren                        */
/********************************************************/
/*style the Divi Blurb link as a button*/
a.pa-blurb-button {
	margin-top:30px;
	color: #254351 !important;
    border-width: 0px !important;
    border-radius: 50px;
    font-size: 18px;
    background-color: #f7b565;
	padding-top: 10px !important;
    padding-right: 46px !important;
    padding-bottom: 10px !important;
    padding-left: 46px !important;
	display:inline-block;
}

/*style the Divi Blurb link text as a button on hover*/
a.pa-blurb-button:hover {
	color: #254351;
	border: 0px solid #F7B565;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

/********************************************************/
/* Button in der Spalte am Boden ausrichten             */
/********************************************************/
/* Alternative Darstellung mit zentrierten Buttons: */
@media only screen and (min-width: 981px) {
  .SMB-services-presentation.et_pb_row .et_pb_column {
    display: flex;
    flex-flow: column nowrap;
  }
  .SMB-services-presentation.et_pb_row .et_pb_column .et_pb_module:last-child {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

/********************************************************/
/* Mobil-Menü-Icon auf Desktop ausblenden               */
/********************************************************/
@media screen and (min-width: 981px) {
	.dvmm_mad_menu_0_tb_header .dvmm_button_one__wrap {
		display:none !important;
	}
}

/********************************************************/
/* Anpassungen Sprachumschalter                         */
/********************************************************/
.dvmm_menu__menu .dvmm_menu li ul {
    width: 52px !important;
	padding-top: 0px !important;
    padding-bottom: 0px !important;
	background-color: #F7B565;
}

.dvmm_menu__menu .dvmm_menu li li {
	padding-left: 0px !important;
    padding-right: 0px !important;
}

.dvmm_mad_menu .dvmm_menu__menu .de-mega-menu-item.menu-item-has-children > a {
padding-right: 30px;
}
.dvmm_mad_menu .dvmm_menu__menu .de-mega-menu-item.menu-item-has-children > a:after {
top: 13px;
}

/********************************************************/
/* Anpassungen Mobil-Menü                               */
/********************************************************/
.dvmm_button_one__wrap .dvmm_popup--opened .dvmm_button_icon.dvmm_icon_type--font_icon:after {
content: "\4d" !important;
}

/********************************************************/
/* Anpassungen DiviEngine Mega Menü                     */
/********************************************************/
.de-mega-menu {
	margin-top:20px !important;
}

.et-db .de-mega-menu #et-boc .et-l .et_pb_section {
    margin-top: 90px !important;
}