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

/******************************************************/
/* Module in der Zeile nebeneinander                                                      */
/******************************************************/
@media screen and (min-width: 891px) {
	.SMB-side-by-side-left {
		display: flex;
		flex-wrap: nowrap;
		gap: 15px; /* Abstand zwischen den Modulen einstellen */
		align-items:center;
		justify-content: flex-start;
	}
	
	.SMB-side-by-side-center {
		display: flex;
		flex-wrap: nowrap;
		gap: 15px; /* Abstand zwischen den Modulen einstellen */
		align-items:center;
		justify-content: center;
	}
	
	.SMB-side-by-side-right {
		display: flex;
		flex-wrap: nowrap;
		gap: 15px; /* Abstand zwischen den Modulen einstellen */
		align-items:center;
		justify-content: flex-end;
	}


}

@media screen and (max-width: 890px) {
	.SMB-side-by-side {
		display: flex;
		flex-wrap: wrap;
		gap: 15px; /* Abstand zwischen den Modulen einstellen */
		align-items:center;
		justify-content: center;
	}
}

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


/*********************************************************/
/* Buttons am Boden der Spalte positionieren             */
/*********************************************************/
/* 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;
  }
}

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

.woocommerce-product-details__short-description ul li:before, .SMB-bullet-list ul li:before {
    content: '\e052'!important;
    color: #000000;
	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;
}


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

/********************************************************/
/* Menüanpassungen                                      */
/********************************************************/
/********************************************************/
/* Inhalt bei Mobilgeräten nicht verschieben            */
/********************************************************/
@media all and (max-width:980px){
	#et-main-area{
		padding-top:0px !important;
	}
}
/********************************************************/
/* Breite Mobilmenü                                     */
/********************************************************/
.et_pb_section_0_tb_header.et_pb_section {
    width: 100%;
}
/********************************************************/
/* Mobilmenü anpassen           */
/********************************************************/
@media (max-width: 980px) {
    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: center;
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 15px;
    }
}

/********************************************************/
/* Breite Menü Rechtliches anpassen                     */
/********************************************************/
.SMB-breite-rechtliches ul {
	width: 385px !important;
}
.SMB-breite-rechtliches ul li a{
	width: 345px !important;
}
/********************************************************/
/* Breite Menü Infos anpassen                           */
/********************************************************/
.SMB-breite-infos ul {
	width: 300px !important;
}
.SMB-breite-infos ul li a{
	width: 260px !important;
}

/********************************************************/
/* Farbe Menüpunkt bei hover anpassen                   */
/********************************************************/
.et_pb_bg_layout_dark.et_pb_menu ul li a:hover {
    color: #FFED00 !important;
	opacity: 1;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a:hover {
    color: #FFED00 !important;
	opacity: 1;
}

/*********************************************************/
/* Speziellen Link formnatieren                          */
/*********************************************************/
.SMB-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;
}

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

/********************************************************/
/* Schatten für Pulldownmenü anpassen                   */
/********************************************************/
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    box-shadow: 5px 5px 10px 1px #3a3a3a !important;
}

/*********************************************************/
/* MiniCart formatieren                                  */
/*********************************************************/
body .bodycommerce-minicart .bc-minicart-slide-bottom .woocommerce-mini-cart__buttons .checkout.wc-forward {
    margin-bottom: 30px !important;
} 

body .bodycommerce-minicart .woocommerce-mini-cart-item .cart-item-delete {
    width: 35px !important;
}
.bc-minicart-slide-bottom a {
	color: #000000 !important;
}
body .bodycommerce-minicart .bc-minicart-slide-bottom .woocommerce-mini-cart__buttons .wc-forward {
    padding: 16px 30px 16px 24px !important;
}
.bodycommerce-minicart a.button.wc-forward:after {
	font-size: 17px !important;
    top: 21px !important;
}
.bodycommerce-minicart .woocommerce-mini-cart.cart_list li a {
	font-size:18px !important;
	color: #000 !important;
}

/*********************************************************/
/* Eingabe Mengen formatieren                            */
/*********************************************************/
.woocommerce .quantity input.qty {
    font-size: 18px;
    color: #000 ;
}

/*********************************************************/
/* Warenkorbseite formatieren                            */
/*********************************************************/
.checkout-button.button {
	padding: 16px 30px 16px 24px !important;
}
.woocommerce-cart a {
	color: #000000;
	/*text-decoration:underline;*/
	font-weight:700;
}
@media only screen and (min-width: 981px) {
	.woocommerce-cart-form {
		padding-top:55px;
	}
	body .qib-button-wrapper {
    	margin-top: 10px;
	}
}

.woocommerce-page .quantity, .woocommerce .quantity {
    width: 65px !important;
    margin: 0;
}

@media (max-width: 980px) {
	.woocommerce td.product-quantity {
    	height: 75px;
	}
	.qib-button-wrapper {
    	margin-left: 20px;
	}
}

@media only screen and (max-width: 480px) {
    body .qib-button-wrapper {
        display: flex;
        float: left;
        margin-right: 0;
    }
}

.cart-discount a {
	color: red;
}

/*********************************************************/
/* Kassenseite formatieren                               */
/*********************************************************/
body #page-container .et_pb_section .et_pb_db_checkout_coupon_0 .button {
    padding: 16px 30px 16px 24px !important;
}
input[type=checkbox] {
    height: 25px;
	width:25px;
}
input[type=radio] {
    width: 20px;
    height: 20px;
}
.woocommerce-checkout-payment a {
	color: #000000;
}
 .wc-block-components-notice-banner a {
    font-size: px !important;
    color: #000000;
}

.woocommerce .woocommerce-info {
	margin-left: 10%;
	background: #ffffff;
	width:80%;
	color: #000000 !important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: left;
    width: 100%;
}


/*********************************************************/
/* Zahlungsmethoden Mein Konto formatieren               */
/*********************************************************/
#add_payment_method #payment {
    margin-left: 10% !important;
    margin-right: 10% !important;
    margin-bottom: 50px !important;
    color: #000000 !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: right;
    color: #000000 !important;
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 17px;
    background-color: #ffed00;
    padding-top: 16px !important;
    padding-right: 30px !important;
    padding-bottom: 16px !important;
    padding-left: 24px !important;
}

/*********************************************************/
/* Shortcodes aus German Market formatieren              */
/*********************************************************/
.price-per-unit{
	font-size: 14px !important;
	padding-bottom:0;
}
.woocommerce-de_price_taxrate, .shipping_de, .woocommerce_de_versandkosten {
	font-size: 14px !important;
}

/*********************************************************/
/* NinjaForms formatieren                                */
/*********************************************************/
.nf-field-element input {
    height: 35px !important;
}
input[type=submit] {
    width: auto;
	border: 0;
	border-radius:0;
	background-color: #FFED00;
	color: #000000;
	font-size: 17px;
	padding: 16px 24px 40px 24px;
}
input[type=submit]:hover {
	cursor: pointer;
}
.field-wrap>div input[type=checkbox] {
	width: 25px !important;
}