/** * ============================================================================= * mod_customnav * ========================================================================== */
 header .top nav.topbar ul {
	 margin-bottom: 0;
}
 header .top nav.topbar ul li {
	 float: left;
	 margin-right: 8px;
	 margin-bottom: 0;
}
 header .top nav.topbar ul li a {
	 text-decoration: none;
}
 header .top nav.topbar ul li a:hover {
	 text-decoration: underline;
}
/** * ============================================================================= * mod_breadcrumb * ========================================================================== */
 .mod_breadcrumb {
	 border-top: 1px solid rgba(0, 0, 0, 0.1);
	 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
 .mod_breadcrumb ul {
	 display: block;
	 max-width: 1240px;
	 margin: 0 auto;
	 padding: 6px 30px;
	 font-size: 13px;
}
 .mod_breadcrumb ul li {
	 display: inline-block;
}
 .mod_breadcrumb ul li.active {
	 color: #ccc;
}
 .mod_breadcrumb ul li a {
	 color: #999;
	 text-decoration: none;
}
 .mod_breadcrumb ul li a:hover {
	 text-decoration: underline;
}
 .mod_breadcrumb ul li.first:before {
	 display: none;
}
 .mod_breadcrumb ul li:before {
	 content: "/";
	 margin-right: 6px;
	 margin-left: 6px;
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
}
/** * ============================================================================= * mod_quicknav standard * ========================================================================== */
 .mod_quicklink, .mod_quicknav {
	 width: 100%;
}
 .mod_quicklink .widget, .mod_quicknav .widget {
	 margin-bottom: 0;
}
 .mod_quicklink select, .mod_quicknav select {
	 width: 100%;
	 display: block;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 float: none;
	 padding: 8px;
	 color: #555;
	 border: 0;
	 border: 1px solid rgba(0, 0, 0, 0.2);
	 background-image: url("/files/gardinen-winkel/img/select-arrow-black.png");
	 background-color: #fff;
	 background-repeat: no-repeat;
	 background-position: right 0.7em top 50%, 0 0;
	 text-indent: 0.01px;
	 text-overflow: "";
	 box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}
/** * ============================================================================= * mod_quicknav mobile * ========================================================================== */
 .mod_quicknav.quickmobile {
	 width: 100px;
	 -ms-flex-item-align: center;
	 align-self: center;
}
 .mod_quicknav.quickmobile .widget {
	 margin-bottom: 0;
}
 .mod_quicknav.quickmobile select {
	 width: 100px;
	 display: block;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 float: none;
	 padding: 8px;
	 color: #555;
	 border: 0;
	 border: 1px solid rgba(0, 0, 0, 0.28);
	 background-image: url("/files/gardinen-winkel/img/select-arrow-black.png");
	 background-color: #fff;
	 background-repeat: no-repeat;
	 background-position: right 0.7em top 50%, 0 0;
	 text-indent: 0.01px;
	 text-overflow: "";
	 box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
}
 @media only screen and (min-width: 768px) {
	 .mod_quicknav.quickmobile {
		 width: 180px;
	}
	 .mod_quicknav.quickmobile select {
		 width: 180px;
	}
}
/** * ============================================================================= * mod_booknavigation * ========================================================================== */
 .mod_booknav {
	 margin-top: 20px;
}
 .mod_booknav ul {
	 display: block;
}
 .mod_booknav ul a {
	 display: block;
	 padding: 10px 18px;
	 margin-bottom: 10px;
	 background-color: #f4f4f4;
	 text-decoration: none;
	 text-align: center;
}
 @media only screen and (min-width: 768px) {
	 .mod_booknav ul {
		 display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
		 -webkit-box-pack: justify;
		 -ms-flex-pack: justify;
		 justify-content: space-between;
	}
	 .mod_booknav ul a {
		 display: inline-block;
	}
}
/** * ============================================================================= * mod_sitemap * ========================================================================== */
 .mod_sitemap li {
	 position: relative;
	 margin: 0;
	 padding: 0 0 0 24px;
}
 .mod_sitemap ul {
	 position: relative;
	 margin: 0;
	 list-style: none;
}
 .mod_sitemap a {
	 font-size: 16px;
	 line-height: 23px;
	 text-decoration: none;
	 vertical-align: middle;
}
 .mod_sitemap ul::before {
	 position: absolute;
	 top: 13px;
	 left: 0px;
	 width: 1px;
	 height: calc(100% - 25px);
	 background-color: rgba(0, 0, 0, 0.1);
	 content: "";
}
 .mod_sitemap ul.level_1::after {
	 position: absolute;
	 bottom: 11px;
	 left: 0;
	 width: 15px;
	 height: 1px;
	 background-color: rgba(0, 0, 0, 0.1);
	 content: "";
}
 .mod_sitemap ul.level_3::after, .mod_sitemap ul.level_4::after {
	 position: absolute;
	 bottom: 12px;
	 left: 0;
	 width: 15px;
	 height: 1px;
	 background-color: rgba(0, 0, 0, 0.1);
	 content: "";
}
 .mod_sitemap ul.level_2::before, .mod_sitemap ul.level_3::before, .mod_sitemap ul.level_4::before, .mod_sitemap ul.level_5::before {
	 top: 0px;
	 height: calc(100% - 12px);
}
 .mod_sitemap ul li::before {
	 position: absolute;
	 top: 50%;
	 left: 0px;
	 width: 15px;
	 height: 1px;
	 background-color: rgba(0, 0, 0, 0.1);
	 content: "";
}
 .mod_sitemap ul > li.submenu::before {
	 position: absolute;
	 top: 14px;
	 left: 0px;
	 width: 15px;
	 height: 1px;
	 background-color: rgba(0, 0, 0, 0.1);
	 content: "";
}
 .mod_sitemap li.fab {
	 display: block;
}
 .mod_sitemap li.fab a.fab::before {
	 display: none;
}
 .mod_sitemap li.fab a.fab span {
	 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	 -webkit-font-smoothing: initial;
}
/** * ============================================================================= * mod_faq * ========================================================================== */
 .mod_faqlist li {
	 margin-bottom: 12px;
	 padding: 4px 4px 4px 8px;
	 border-bottom: 1px solid #fff ff;
	 background-color: #f9f9f9;
}
 .mod_faqlist li a {
	 text-decoration: none;
	 font-size: 16px;
	 display: block;
}
 .mod_faqlist li a::before, .mod_faqpage h3::before {
	 content: "\f059";
	 margin-right: 6px;
	 margin-left: 2px;
	 color: #ccc;
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
}
 .mod_faqreader p.info {
	 font-size: 12px;
}
 .mod_faqpage h3 {
	 margin-bottom: 0.3em;
	 padding: 6px;
	 font-size: 1.1em;
}
 .mod_faqpage section {
	 margin-bottom: 2em;
}
/** * ============================================================================= * mod_articlelist * ========================================================================== */
 .mod_articlelist ul {
	 display: flex;
	 -ms-flex-wrap: wrap;
	 flex-wrap: wrap;
}
 .mod_articlelist ul li {
	 -ms-flex: 0 0 50%;
	 -webkit-box-flex: 0;
	 flex: 0 0 50%;
	 max-width: 50%;
}
 .mod_articlelist ul li a {
	 display: block;
	 margin: 0 2px 4px 2px;
	 padding: 10px 10px;
	 background-color: #f4f4f4;
	 text-align: center;
	 text-decoration: none;
}
 @media (min-width: 992px) {
	 .mod_articlelist ul li {
		 -ms-flex: 0 0 25%;
		 -webkit-box-flex: 0;
		 flex: 0 0 25%;
		 max-width: 25%;
	}
}
/** * ============================================================================= * mod_rssReader * ========================================================================== */
 .mod_rssReader h1 a, .mod_rssReader h2 a {
	 color: inherit;
	 text-decoration: none;
}
 .mod_rssReader h2 {
	 font-size: 1.2em;
}
 .mod_rssReader h1 a:hover, .mod_rssReader h2 a:hover {
	 text-decoration: underline;
}
 .mod_rssReader .description {
	 margin-bottom: 20px;
}
 