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

/********************************************************/
/* 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                                  */
/********************************************************/
::-webkit-scrollbar {width: 10px; } 
::-webkit-scrollbar-track {background-color: #F1F1F1;border-radius: 5px; }  /* Farbe Hintergrund Scrollbaar anpassen */
::-webkit-scrollbar-thumb {background-color: #707070;border-radius: 5px; } /*Farbe Scrollbar 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: #0D0802 1px solid;
    background: #FFED00 !important; /* Farbe Button anpassen */
    font-size: 40px !important; /*Größe evtl anpassen */
    right: 5px !important;
}
.et_pb_scroll_top:before {
    content: '2';
    color: #000 !important;
}

/*********************************************************/
/* Letzten Menüpunkt rechtsbündig anzeigen               */
/*********************************************************/
.SMB_dropdown_fix ul {
right: -50px !important;
}

/*********************************************************/
/* Hauptmenü und Submenü Farbe anpassen                  */
/*********************************************************/
.et_pb_menu .et_pb_menu__menu > nav > ul > li.current-menu-item a {
	color: #FFED00 !important;
}

.nav li li a:hover {
	background-color: #FFED00 !important;
	color: #0D0802 !important;
	opacity:1 !important;
}

.nav li li.current-menu-item a {
	background-color: #fff !important;
	color: #0D0802 !important;
	opacity:1 !important;
}

.nav li li.current-menu-item a:hover {
	background-color: #FFED00 !important;
	color: #0D0802 !important;
	opacity:1 !important;
}

/*********************************************************/
/* Breite Menü Unternehmen anpassen                      */
/*********************************************************/
.SMB-breite-unternehmen ul {
	width: 260px !important;
}
.SMB-breite-unternehmen ul li a{
	width: 220px !important;
}
/*********************************************************/
/* Breite Menü Produkte anpassen                         */
/*********************************************************/
.SMB-breite-produkte ul {
	width: 260px !important;
}
.SMB-breite-produkte ul li a{
	width: 220px !important;
}
/*********************************************************/
/* Breite Menü Service anpassen                          */
/*********************************************************/
.SMB-breite-service ul {
	width: 280px !important;
}
.SMB-breite-service ul li a{
	width: 240px !important;
}
/*********************************************************/
/* Breite Menü Qualität anpassen                         */
/*********************************************************/
.SMB-breite-qualitaet ul {
	width: 280px !important;
}
.SMB-breite-qualitaet ul li a{
	width: 240px !important;
}

/*********************************************************/
/* Logo Mobil anpassen                                   */
/*********************************************************/
@media (max-width: 980px) {
	#logo {
		max-height: 90% !important;
	}
}

/*********************************************************/
/* Team-Bilder anpassen                                  */
/*********************************************************/
.dipl_interactive_image_card_wrapper_content a {
	color: #fff !important;
}

/*********************************************************/
/* Zitat anpassen                                       */
/*********************************************************/
/*Pull quote text styling*/
blockquote.et-pullquote p {
font-size: 22px;
line-height: 35px;
font-style: italic;
letter-spacing: 1px;
color: #666;
font-weight: 300;
}
 
/*Pull quotes with open quotation mark*/
blockquote.et-pullquote.left.quote, blockquote.et-pullquote.right.quote{
position: relative;
border-left: none;
}
 
blockquote.et-pullquote.left.quote:before {
    content: "\201C";
    font-size: 75px;
    position: absolute;
    top: 10px;
    left: -16px;
    font-family: lato;
    color: #888;
}

blockquote.et-pullquote.right.quote:before {
    content: "\201C";
    font-size: 75px;
    position: absolute;
    top: 10px;
    left: -16px;
    font-family: lato;
    color: #888;
}
 
/*Pull quotes with top border*/
blockquote.et-pullquote.left.topborder, blockquote.et-pullquote.right.topborder{
border-left: none;
border-top-width: 5px;
border-top-style: solid;
padding: 5px;
}
 
/*Pull quotes with dark background*/
blockquote.et-pullquote.left.dark, blockquote.et-pullquote.right.dark{
border-left: none;
padding: 10px;
background: #333;
}
 
blockquote.et-pullquote.left.dark p, blockquote.et-pullquote.right.dark p {
color: #fff;
}
 
@media all and (min-width: 700px) {
	blockquote.et-pullquote{
		padding: 0 20px;
		max-width: 1300px;
	}
	/*Pull quote Left*/
	blockquote.et-pullquote.left{
	    float: left;
	    margin: 20px 20px 20px 0;
	}
	/*Pull quote Right*/
	blockquote.et-pullquote.right{
	    float: right;
	    margin: 20px -10% 20px 20px;
	}
}

/*********************************************************/
/* Ninja-Form Add Fieldset anpassen                      */
/*********************************************************/
.nf-add-fieldset {
	padding: 20px !important;
	font-size:17px!important;
}

/*********************************************************/
/* Speziellen Link formnatieren                          */
/*********************************************************/
.formatierterlink a {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	border-bottom: 3px solid #FFED00;
    text-decoration: none;
    box-shadow: inset 0 -.5em 0 rgba(255,237,0,1);
    color: inherit;
}

.formatierterlink a:hover {
	background-color: #FFED00;
}