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

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

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

/********************************************************/
/* Inhalt bei Mobilgeräten nicht verschieben            */
/* Header beim Scrollen mit Verschieben                 */
/********************************************************/
@media all and (max-width:980px){
	#et-main-area{
		padding-top:0px !important;
	}
	.et_pb_section_0_tb_header.et_pb_section {
    	position: relative !important;
	}
}

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

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

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    font-size: 17px;
}

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

input[type="text"] {
	height: 55px !important;
}

input[type="submit"] {
	background-color: var(--gcid-primary-color) !important;
    font-family: var(--et_global_body_font) !important;
    color: #ffffff !important;
    font-size: var(--gvid-kn1u617fsj) !important;
    border-top-left-radius: 35px !important;
    border-top-right-radius: 35px !important;
    border-bottom-left-radius: 35px !important;
    border-bottom-right-radius: 35px !important;
    border-width: 0px !important;
    border-color: #333;
    border-style: solid !important;
    transition-property: background-color, border-bottom-left-radius, border-bottom-right-radius, border-top-left-radius, border-top-right-radius !important;
    transition-duration: 300ms !important;
    transition-timing-function: ease !important;
    transition-delay: 0ms !important;
	padding-left: 35px;
    padding-right: 35px;
}

input[type="submit"]:hover {
	background-color: #000000 !important;
	cursor: pointer;
}

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