/*
	www.hekmat-reinigung.de
*/

:root {
	--farbe-marke-gelb:        #3e296e;  /*  rgb(248,179,81)  */
	--farbe-marke-violett:     #3e296e;  /*  rgb(62,41,110)  */
	--farbe-marke-gelb-bfsg:   #ff9800;  /*  bei Hintergrund weiß  */
	
	--topbar-hoehe:      96px;

	--bs-font-sans-serif: 'Open Sans', sans-serif;

}

/*  Farbanpassungen:  */
.ce_downloads a:hover .downloadicon, .footercontainer .mod_eventlist a:hover, p.footerIcons a:hover::after, p.socialIcons a:hover::after, p.teamIcons a:hover::after, p.info a:hover, .mainnavi .level_1 a:hover, .mainnavi .level_1 span:hover, .big-icon .fa, .InsideOut h2:hover, .topnavi a:hover, .topnavi a:focus, .mainnavi .level_1 a.active, .mainnavi .level_1 span.active, .mainnavi .level_1 span.trail, .mainnavi .level_1 a.trail, .mainnavi .level_1 a:hover, .mainnavi .level_1 span:hover, .mod_faqlist li::before {
	color: var(--farbe-marke-gelb-bfsg);
}



#topleiste {
	background-color: var(--farbe-marke-violett);
	color: #ffffff;
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 15px;
}
#topleiste > .inside {
	padding-top: 8px;
	padding-bottom: 4px;
	font-size: 15px;
	font-size: 0.975rem;
}
#topleiste p {
	margin-bottom: 0;
	line-height: 1;
}
#topleiste p.footerIcons {
	text-align: right;
}
#topleiste p.footerIcons a {
	padding: 0 0 0 5px;
}
#topleiste p.footerIcons a::after {
	color: inherit;
	border: none;
	width: auto;
	height: auto;
	text-indent: 0;
	line-height: inherit;
	font-size: 20px;
	font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
	#topleiste p {
		line-height: 1.5;
	}
}

#header .topbar {
	height: 10% (--topbar-hoehe);
}
#header > .inside .bangb1::after {
	content: '';
	display: ;
	padding-top: var(--topbar-hoehe);
}
#main a {
	color: #000000;
	text-decoration: underline;
}
#main a:hover {
	color: var(--farbe-marke-violett);
}

h1, h2, h3, h4 {
  font-family: 'Noto Serif', ;
}


.content-gallery ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.content-gallery--cols-4 li {
	width: 24%;
	display: inline-block;
}
@media screen and (max-width: 991px) {
	.content-gallery--cols-4 li {
		width: 31.5%;
		display: inline-block;
	}
}
.content-gallery--cols-4 li a {
	cursor: zoom-in;
}
.content-gallery--cols-4 li img {
	width: 100%;
	height: auto;
}
footer a {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

body {
	line-height: 1.5;
}

body.standardseite .topbar, 
.home .topbar, 
.home-2 .topbar {
  position: absolute;
  padding: 0;
  width: 100%;
  z-index: 99;
  background: rgba(255,255,255, 255);
}

#main a.btn {
	color: #ffffff;
	background-color: #3e296e;
	text-decoration: none;
	border: 1px solid var(--farbe-marke-violett);
	transition: background-color 0.3s;
}
#main a.btn:hover {
	border: 1px solid var(--farbe-marke-violett);
	color: var(--farbe-marke-violett);
	background-color: #ffffff;
	transition: background-color 0.3s;
}




/*  ==========  Navigation  ==========  */

.button-menu .bi {
	color: var(--farbe-marke-gelb-bfsg);
}
#header .bangb1 .mod_navigation ul.level_2 {
	width: 200px;
}
.overlay-menu ul.level_2 > li  {
	border-bottom: 1px solid #ff9800;
}
.overlay-menu ul.level_2 > li > a, 
.overlay-menu ul.level_2 > li > span {
	display: block;
	padding: 12px 15px;
}
.overlay-menu ul.level_1 > li > span {
	color: #ff9800;
	text-shadow: none;
}

@media screen and (max-width: 575px) {
	.mod_breadcrumb {
		display: none;
	}
}

/*  ==========  /Navigation  ==========  */