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

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

/********************************************************/
/* DE/EN-Umschalter anpassen                            */
/********************************************************/
.stein-lang-switcher {
    display: flex;
    align-items: center;
	justify-content: flex-end;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
}

.stein-lang-switcher a {
    color: #777;
    text-decoration: none;
    transition: color 0.2s;
}

.stein-lang-switcher a:hover {
    color: #222;
}

.stein-lang-switcher a.active {
    color: #222;
    font-weight: 700;
}

.stein-lang-switcher .separator {
    color: #bbb;
}

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

/*********************************************************/
/* Hauptmenü und Submenü Farbe anpassen                  */
/*********************************************************/
@media all and (min-width:981px){
	.nav li li:hover {
		color: #fff!important;
	}
	.et-fixed-header #top-menu li li>a:hover, #top-menu li li>a:hover {
	  color: #fff !important;
		opacity:1 !important;
	}
	.et-menu a {
		color: rgba(0,0,0,0.85) !important;
	}

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

	#top-menu-nav > ul > li > a:hover {
		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: #BD6D54 !important;
	}
	#top-menu li.current-menu-ancestor>a {
		color: #BD6D54 !important;
		opacity:1 !important;
	}
*/
}
