/*
 Theme Name:     Divi Child
 Theme URI:      https://www.pixelnet-media.com
 Description:    Divi Child Theme
 Author:         pixelnet-media
 Author URI:     https://www.pixelnet-media.com
 Template:       Divi
 Version:        3.1.7
*/

.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
ul#menu-topnav li {
	margin-left: 20px;
}
@media (min-width: 981px) and (max-width: 1200px) {
	ul#menu-topnav li {
		margin-left: 10px;
	}
}
#menu-topnav li.current-menu-item > a,
#menu-topnav li.current-menu-ancestor > a, #menu-topnav li.current-menu-item > a,
ul#menu-topnav a:hover {
	color: #fff !important;
	font-family: "asap-v33-latin-600";
  	font-weight: 700;
}
#menu-topnav li.current-menu-item>a:before {
	content: "";
  	background: #fff;
  	width: 15px;
  	height: 3px;
  	position: absolute;
  	left: -4px;
  	bottom: 37px;
}
.menu-topnav2 #menu-topnav li.current-menu-item > a,
.menu-topnav2 #menu-topnav li.current-menu-ancestor > a, .menu-topnav2 #menu-topnav li.current-menu-item > a {
	color: #5689BF !important;
	font-family: "asap-v33-latin-600";
  	font-weight: 700;
}
.menu-topnav2 ul#menu-topnav a:hover {
	color: #333435 !important;
	font-family: "asap-v33-latin-600";
  	font-weight: 700;
}
.menu-topnav2 #menu-topnav li.current-menu-item>a:before {
	content: "";
  	background: #5689BF;
  	width: 15px;
  	height: 3px;
  	position: absolute;
  	left: -4px;
  	bottom: 37px;
	transition: all 300ms ease 0ms;
}
.menu-topnav2 #menu-topnav li.current-menu-item:hover>a:before {
	content: "";
  	background: #5689BF;
  	width: 15px;
  	height: 3px;
  	position: absolute;
  	left: -4px;
  	bottom: 37px;
	transition: all 300ms ease 0ms;
}
.menu-topnav2 #menu-topnav li.current-menu-item:hover>a {
	color: #5689BF !important;
}
#mobile_menu1 li.current-menu-item > a {
	color: #5689bf !important;
	background-color: #fff;
	font-family: "asap-v33-latin-600";
  	font-weight: 700;
}
#mobile_menu1 li a:hover {
	opacity: 1;
	color: #5689bf !important;
	background-color: #fff;
}
/* breakpoint */
@media (min-width: 981px) and (max-width: 1280px) {
	.et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
    	display: flex;
        float: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
        display: none;	
    }
    .et_mobile_menu {
        list-style-type:none !important;
        top:100%;
		text-align: left !important;
    }	
	#mobile_menu1 {
		margin-top: -3px;
		padding: 5%;
	}
	#footernavi .et_mobile_nav_menu {
		display: none!important;
	}
}
.kuk h2, .kuk h3 {
	margin-bottom:20px;
	padding-bottom:20px;
}
.pflicht h2{
	margin-top: 20px;
}
.pflicht h3{
	margin-top: 10px;
}
.pflicht a:link{
	color: #5689bf !important;
	transition: all 300ms ease 0ms;
}
.pflicht a:hover{
	color: #333435 !important;
	transition: all 300ms ease 0ms;
}
ul.custom-icon-list {
	padding-left: 0px;
	padding-bottom: 0px;
}
.custom-icon-list li {
	display: flex;
	align-items: flex-start;
	margin: 20px 0px;
}
.custom-icon-list li::before {
  	background-image: url('https://www.corem-service.de/wp-content/uploads/check.webp');
  	background-size: contain;
  	background-repeat: no-repeat;
  	background-position: center;
  	content: '';
  	width: 27px;
  	height: 27px;
  	flex-shrink: 0;
  	margin-right: 15px;
}
.box {
	transition: all 300ms ease 0ms;
}
.box:hover {
	background-color: #c6d4e9 !important;
	transition: all 300ms ease 0ms;
}
.box h2 {
	transition: all 300ms ease 0ms;
}
.box:hover h2 {
	color: #333435 !important;
	transition: all 300ms ease 0ms;
}
.kontaktbox {
	transition: all 300ms ease 0ms;
}
.kontaktbox:hover {
	background-color: #c6d4e9 !important;
	transition: all 300ms ease 0ms;
}
.kontaktbox a:link {
	color: #333435 !important;
	transition: all 300ms ease 0ms;
}
.kontaktbox a:hover {
	color: #5689BF !important;
	transition: all 300ms ease 0ms;
}
.kontaktbox h2 {
	transition: all 300ms ease 0ms;
}
.kontaktbox:hover h2 {
	color: #333435 !important;
	transition: all 300ms ease 0ms;
}
/* accordion */
.th_accordion .et_pb_toggle_title:before {
    color: #fff!important; /* Farbe kann hier geändert werden */
 	content: "" !important; /* Plus Zeichen */
	transition: 0.3s;
	background: transparent url("https://www.corem-service.de/wp-content/uploads/plus.webp") no-repeat;
    background-size: 65% auto;
	width: 80px;
	height: 100%;
	top: 8px;
	right: 0px;
	z-index: 9999;
	border-left: 2px solid #5689bf;
	background-position: center;
}
.th_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
   	display: block !important;
   	content: "" !important; /* Minus-Zeichen */
	transition: 0.3s;
	background:transparent url("https://www.corem-service.de/wp-content/uploads/minus.webp") no-repeat;
    background-size: 65% auto;
	width: 80px;
	height: 100%;
	border-left: 2px solid #5689bf;
	background-color: #5689bf;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-position: center;
}
.th_accordion h2.et_pb_toggle_title {
	padding: 25px 90px 25px 25px !important;
	border-radius: 0px;
	background-color: #dde6f3;
	color: #5689bf !important;
	border-radius: 5px;
	transition: 0.3s;
}
.th_accordion h2.et_pb_toggle_title:hover, .th_accordion h2.et_pb_toggle_title:focus {
	color: #333435 !important;
}
.th_accordion .et_pb_toggle {
  	border: 0px;
  	background: none;
  	padding: 0px;
   	transition: 0.3s;
	margin-bottom: 22px !important;
}
.th_accordion .et_pb_toggle_content {
  	padding: 30px;
    background: #fff;
}
.th_accordion ul li {
	line-height: 1.5em;
	color: #5689bf;
	margin-bottom: 15px;
}
.th_accordion ul li span {
	color: #333435;
}
@media all and (max-width: 570px) {
	.th_accordion h2.et_pb_toggle_title {
		padding: 25px 90px 25px 25px !important;
	}
	.th_accordion .et_pb_toggle_title:before {
		background-size: 55% auto;
		width: 80px;
	}
	.th_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
		background-size: 55% auto;
		width: 80px;
	}
}
.dlbar h2 {
	padding-bottom: 0px;
	padding-right: 90px;
	transition: 0.3s;
}
.dlbar:before {
   	display: block !important;
   	content: "" !important; /* Minus-Zeichen */
	transition: 0.3s;
	background:transparent url("https://www.corem-service.de/wp-content/uploads/dl.webp") no-repeat;
    background-size: 65% auto;
	width: 80px;
	height: 100%;
	border-left: 2px solid #5689bf;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-position: center;
	position: absolute;
	top: 0px !important;
	right: 0px !important;
}
@media all and (max-width: 570px) {
	.dlbar:before {
		background-size: 55% auto;
		width: 80px;
	}
}
#news-container {
	color: #333435;
	font-size: 19px;
	font-family: "asap-v33-latin-regular";
	line-height: 1.5em;
} 
.news-item {
	border-bottom: 3px dotted #5689bf;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.news-item a:link{
	color: #5689bf !important;
	transition: all 300ms ease 0ms;
}
.news-item a:hover{
	color: #333435 !important;
	transition: all 300ms ease 0ms;
}
.news-date {
	color: #5689BF;
	font-family: "asap-v33-latin-600";
	font-weight: bold;
	line-height: 1.2em;
}
.news-title {
	font-family: "asap-v33-latin-600";
	font-weight: bold;
	line-height: 1.2em;
	font-size: 22px;
	margin-top: 5px;
	margin-bottom: 20px;
}
.news-link {
	display: block;
	padding-left: 0px;
	padding-top: 30px;
	text-decoration: none;
	color: #5689BF;
	font-weight: bold;
}
.news-link:hover {
	text-decoration: none;
}
.source {
	text-align: right;
	font-size: 0.9em;
	color: #333435 !important;
	margin-top: 20px;
}
.mf-related {
	margin-top: 30px;
}
@media all and (max-width: 980px) {
	#news-container {
		font-size: 18px;
	} 
	.news-title {
		font-size: 21px;
		margin-top: 5px;
		margin-bottom: 20px;
}
}
@media all and (max-width: 768px) {
	#news-container {
		font-size: 17px;
	} 
	.news-title {
		font-size: 20px;
		margin-top: 5px;
		margin-bottom: 20px;
	}
}