/*
 Theme Name:     PERLE PRAXIS – Divi Child
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme perle-praxis.de
 Author:         Divi.world
 Author URI:     https://perle-praxis.de
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../Divi-Child/fonts/abel-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Divi-Child/fonts/abel-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* START +++ Silbentrennung */
body {
	-webkit-hyphens: auto;
	hyphens: auto; 
}
/* ENDE +++ Silbentrennung */

/* START +++ Hamburger Menü */
.et_pb_menu .et_mobile_nav_menu {
	float: none;
	margin: 0 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.et_pb_menu .et_pb_menu__menu {
	display: none;
}
.et_pb_menu__wrap .mobile_menu_bar {
	z-index: 1000 !important;
	cursor: pointer;
}
.et_mobile_menu {
	padding: 0px 0px !important;
	border-top: none !important;
	width: 235px;
	margin-top: -45px !important;
	margin-left: -235px !important;
}
.et_mobile_menu li {
	list-style-type: none;
	padding: 0;
	line-height: 30px;
}
.et_mobile_menu li a {
	background: #93836C;
	border-bottom: 1px solid rgba(0,0,0,1);
	padding: 10px 10%;
}
.et_mobile_menu li a:hover {
	background: #0055c4;
	opacity: 1;
}
.praxis-perle {
	letter-spacing: 0.35em;
}
.gliederung-menu {
	margin-top: 5px;
}
.mobile_menu_bar::before, .mobile_menu_bar::after {
	font-size: 30px !important;
	color: #FFF !important;
	background-color: #93836C;
	padding: 10px !important;
	border-radius: 100px;
	cursor: pointer;
}
/* Hamburger Button wechselt bei geöffnet zu X und ist animiert */
.mobile_menu_bar::before {
	display: block;
	transition: all .4s ease;
}
.mobile_nav.opened .mobile_menu_bar::before {
	content: "M";
	transform: rotate(90deg);
}
/* ENDE +++ Hamburger Menü */

/* START +++ Back-Button */
.backButton.Right {
	border-left: none;
	padding: 5px 10px 0px 5px;
	right: -97px !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.backButton a {
	text-transform: none;
	font-family: "myDINlight",Verdana, Geneva, sans-serif !important;
	font-weight: 400;
}
.backButton.Right a .simbolo::before {
	content: "4";
	font-family: ETmodules;
	font-size: 30px;
	text-shadow: none;
}
/* ENDE +++ Back-Button */

/* START +++ Top-Button */
.et_pb_scroll_top.et-pb-icon {
    background-color: #93836C !important;
	-webkit-border-radius: 100px !important;
	border-radius: 100px !important;
	margin-right: 20px !important;
	padding: 10px;
}
/* ENDE +++ Top-Button */

/* START +++ FilterGrid */
.dpdfg_filtergrid_0 .dp-dfg-container .dp-dfg-items .dp-dfg-item {
    height: 150px !important;
}
/*
.dpdfg_filtergrid_0_tb_footer .dp-dfg-container .dp-dfg-items .dp-dfg-item {
    height: 150px !important;
}
*/
.dpdfg_filtergrid_0_tb_footer .dfg_et_overlay::before {
    font-size: 32px;
    padding-top: 90px !important;
}
.dp-dfg-skin-default .dp-dfg-item > div:last-of-type {
    padding-bottom: 1em;
    margin: 7em 0 0 .7em;
    position: absolute;
}
/* ENDE +++ FilterGrid */  

ul.et_pb_side_nav .side_nav_item a {
    display: block;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #93836C;
    text-indent: -9999px;
}