/*
 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: 2.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 --------------------------- */ 

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

/*********************************************************/
/* 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;
    color: #004C6F;
	font-family: 'ETMODULES'; 
	font-size: 1.2em!important;

	margin-right: 10px;
	margin-left: -33px; /* muss evtl angepasst werden (Je nach Dateiabmessung) */
	position: relative;
	top: 4px;
}


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

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

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

/*********************************************************/
/* Mobiles Menü über die Breite des Bildschirmes         */
/*********************************************************/
header.et-l .et_pb_menu_inner_container {
position: static;
}
header.et-l .et_pb_module.et_pb_menu {
position: static;
}
header.et-l .et_pb_column {
position: static;
}
header.et-l .et_pb_row {
position: static;
}

/*********************************************************/
/* Anpassungen Mobil Header ganze Breite Gerät           */
/*********************************************************/
body .SMB_customrow, body .SMB_customsection {
	width:100% !important;
}
@media only screen and (max-width: 980px ) {
	body .SMB_customsection {
	position:relative !important;
	top:0 !important;
}
}

/*********************************************************/
/* Breite Menü Leistungen anpassen                       */
/*********************************************************/
@media all and (min-width:981px){
	.SMB-breite-leistungen ul {
		width: 300px !important;
	}
	.SMB-breite-leistungen ul li a{
		width: 260px !important;
	}
}

/*********************************************************/
/* Breite Menü Kontakt anpassen                          */
/*********************************************************/
@media all and (min-width:981px){
	.SMB-breite-kontakt ul {
		width: 265px !important;
	}
	.SMB-breite-kontakt ul li a{
		width: 225px !important;
	}
}

/*********************************************************/
/* Breite Menü Über uns anpassen                         */
/*********************************************************/
@media all and (min-width:981px){
	.SMB-breite-ueber-uns ul {
		width: 275px !important;
	}
	.SMB-breite-ueber-uns ul li a{
		width: 235px !important;
	}
}

/*********************************************************/
/* Breite Menü Katalog anpassen                          */
/*********************************************************/
@media all and (min-width:981px){
	.SMB-breite-katalog ul {
		width: 300px !important;
	}
	.SMB-breite-katalog ul li a{
		width: 260px !important;
	}
}

/*********************************************************/
/* Breite Menü Downloadcenter anpassen                   */
/*********************************************************/
@media all and (min-width:981px){
	.SMB-breite-download ul {
		width: 570px !important;
	}
	.SMB-breite-download ul li a{
		width: 530px !important;
	}
}


/*********************************************************/
/* Blog anpassen                                         */
/*********************************************************/
.et_pb_post_extra.el_dbe_block_extended {
	border-radius: 0px;
}
.et_pb_post_extra.el_dbe_block_extended .post-media-container, .et_pb_post_extra.el_dbe_block_extended .post-media {
  height: 300px !important;
}

/*********************************************************/
/* Bildtitel in Lightbox ausblenden                      */
/*********************************************************/
.mfp-title {
    display: none;
}

/*********************************************************/
/* Hauptmenü und Submenü Farbe anpassen                  */
/*********************************************************/
@media all and (min-width:981px){

	.nav li li a:hover, .nav li li.current-menu-item>a:hover {
		background-color: #007BAE !important;
		color: #fff !important;
		opacity:1 !important;
	}

/*	#top-menu li.current-menu-item>a, .et-fixed-header #top-menu li.current-menu-item>a, .et-menu li.current-menu-item>a {
		color: #007BAE ;
	}
	#top-menu li.current-menu-ancestor>a {
		color: #007BAE ;
		opacity:1 !important;
	}
*/	
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    	color: #FFFFFF ;
	}
/*	
	.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a {
   	 color: #007BAE ;
	}
*/
	.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
    color: #000000 ;
	}

	.SMB-menue-downloads .et-menu li.current-menu-item>a {
    	color: #000000 !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: #007BAE !important;
    Border-color: #007BAE !important;
    color: #fff;
	font-size:17px !important;
	text-transform: uppercase;
	border:0;
	padding: 20px 30px 40px 30px;
}

input[type="submit"]:hover {
    background-color: #004C6F !important;
    Border-color: #004C6F !important;
}


.field-wrap input[type="button"]{
    background-color: #007BAE !important;
    Border-color: #007BAE!important;
    color: #fff;
	font-size: 17px !important;
}

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

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

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

/* Ende Ninja-Forms anpassen */

/********************************************************/
/* Silbentrennung im Text automatisieren                */
/********************************************************/
.SMB-silbentrennung .et_pb_text_inner {
	-moz-hyphens: auto!important;
	-o-hyphens: auto!important;
	-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
}
body {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}