@charset "UTF-8";

#header {background: transparent url("https://schaefer-markdorf.de.vorschau.warema-mustermann.de/wp-content/uploads/Bild-header.jpg") 100%;}
#header.sticky .header-inner,
#header .header-inner {background-color: transparent;}

footer.site-footer {background-color: #000;}
@media only screen  and (max-width: 1024px) {
	.header-inner {
		background-position: right+90px center;
		background-size: 40%;
	}

	#dropdownTrigger {
		top: 50%;
		transform: translateY(-50%);
	}

	#dropdownTrigger:before {
		font-size: 30px;
		color: #d2d2d2;
		padding: 0 0 0 5px;
	}

	#dropdown {
		box-shadow: none;
		background: transparent;
	}

	#dropdown #mainnav {
		border-top: 1px solid #000000;
		margin-top: 57px;
	}

	#dropdown > ul > li > a {
		background: #282828;
	}

	#dropdown .level-1 > li.current-menu-item > a,
	#dropdown .level-1 > li.current-menu-ancestor > a,
	#dropdown .level-1 > li > a:hover,
	#dropdown .level-1 > li.current-menu-item > a,
	#dropdown .level-1 > li.current-menu-ancestor > a {background: #41494c;}


}


@media only screen  and (max-width: 991px) {
	.header-inner {
		background-position: right+130px center;
	}
}


@media only screen  and (max-width: 767px) {
	.header-inner {
		background-image: none;
	}
}

@media only screen  and (max-width: 500px) {
	#dropdown #mainnav {
		margin-top: 53px;
	}
}

@media only screen  and (max-width: 468px) {
	#dropdown #mainnav {
		margin-top: 40px;
	}
}


@media only screen  and (max-width: 375px) {
	#dropdown #mainnav {
		margin-top: 29px;
	}
}

@media only screen  and (max-width: 280px) {
	#dropdown #mainnav {
		margin-top: 17px;
	}
}

#topbar {
	border-bottom-width: 0px;
    background-color: #1c8bc5;
}

/*Footer*/

#footer { 
    background: transparent url("https://schaefer-markdorf.de.vorschau.warema-mustermann.de/wp-content/uploads/Bild-footer.jpg") 100%;
    color: #000;



}
#menu-footer-menu li a {
    color: #1c8bc5;
}
#footer address {
    display: none;
}

/* --------------- normal desktop styling ------------------------------- */
@media screen and (min-width: 1025px) {

	body:not(.home) #content.noImg {
		padding-top: 30px;
	}


	.single-featured-image-header {clear: both;}

	#header {
		position: relative;
		top: 0;
		/* Padding anpassen je nach Höhe des Logos */
		padding-bottom: 40px;
	}

	#header .header-inner {padding-top: 0; padding-bottom: 0;}

	#header .container {position: static;}

	#header.sticky .header-inner {box-shadow: none; background-size: auto 70% !important;}

	/* Logo linksbündig */
	#logo {float: none; padding: 20px 10px 20px 0; }

	.sticky #logo {max-width: 350px; padding: 15px 0;}

	/* Hauptmenü volle Breite am unteren Rand vom Header*/
	#dropdown {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0;
		float: none;
		width: 100%;
		border-top: 1px solid #fff;
		background: #fff;
	}

	#dropdown ul.sub-menu {
		/* Wert individuell anpassen, je nach Höhe des Logos */
		top: 45px;
	}

	#dropdown > ul {
		max-width: 1224px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		justify-content: center;
	}

	#dropdown > ul > li {flex-grow: 1;}

	#mainnav > li > a {
		margin: 0;
		padding: 10px 0;
		text-align: center;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
		color: #000 !important;
		background-color: #fff !important;
	}


	#dropdown .level-1 > li.current-menu-item > a,
	#dropdown .level-1 > li.current-menu-ancestor > a,
	#dropdown .level-1 > li > a:hover,
	#dropdown .level-1 > li.current-menu-item > a,
	#dropdown .level-1 > li.current-menu-ancestor > a {
		background-color: #fff !important;
        color: #1a8ac3 !important;
	}


	#dropdown > ul > li:last-child > a {border-right: 0;}

	/* Pfeil ausblenden */
	#dropdown .level-1 > li > a:before {display: none !important;}

	#header.sticky #dropdown ul.sub-menu ul {top: 0;}
}