* {
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 background-repeat: no-repeat;
	 outline: 0;
	 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*-webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	*/
}
 html {
	 overflow-y: scroll;
}
 body {
	 background-color: #fff;
	 font-family: 'Saira', Arial, Helvetica, sans-serif;
	 font-size: 13pt;
	 font-style: normal;
	 font-weight: normal;
	 color: #666666;
	 line-height: 1.4;
	 overflow-x: hidden;
}

 #wrapper {
	 background-color: #fff;
}
 .boxed #wrapper {
	 max-width: 50%;
	 margin-left: auto;
	 margin-right: auto;
	 box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.2);
}
 h1, h2, h3, h4, h5, h6 {
	 font-family: 'Saira', Arial, Helvetica, sans-serif;
	 font-weight: 600;
	 margin-top: 0;
}
 h1 {
	 font-size: 40px;
	 color: #8c3477;
}
 h2 {
	 font-size: 34px;
	 color: #333333;
}
.bg-grey h2.ce_headline {
	 font-size: 34px;
}
 h3 {
	 font-size: 28px;
	 color: #333333;
}


 h4 {
	 font-size: 22px;
	 color: #333333;
}

.bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-grey h2, .bg-grey h3, .bg-grey h4, .bg-grey h5, .bg-grey h6 {
	 color: #cccccc;
}

p {
	font-family: 'Saira', Arial, Helvetica, sans-serif;
	font-style: normal;
	 font-weight: normal;
	 color: #666;
	 line-height: 1.4;
}

.bg-dark p, .bg-grey p {
	color: #ccc;
}

 a {
	 color: #8c3477;
}
 a:hover {
	 color: #666666;
}
 .mod_article {
	 position: relative;
}
 .syndication {
	 margin-bottom: 16px;
	 overflow: hidden;
}
 .syndication a {
	 display: inline-block;
	 line-height: 30px;
}
 .syndication a::before {
	 position: relative;
	 display: inline-block;
	 height: 30px;
	 width: 30px;
	 margin-right: 4px;
	 font-family: "Font Awesome 5 Brands";
	 font-weight: 900;
	 font-size: 15px;
	 line-height: 30px;
	 text-align: center;
	 text-decoration: none;
}
 .syndication img {
	 display: none;
}
 .syndication a.print::before {
	 background: #e8e8e8;
	 color: #555;
	 content: "\f02f";
	 font-family: "Font Awesome 5 Free";
}
 .syndication a.pdf::before {
	 background: #f00;
	 color: #fff;
	 content: "\f1c1";
	 font-family: "Font Awesome 5 Free";
}
 .syndication a.facebook::before {
	 background: #436098;
	 color: #fff;
	 content: "\f39e";
}
 .syndication a.twitter::before {
	 background: #28a9e2;
	 color: #fff;
	 content: "\f099";
}
 .syndication a.gplus::before {
	 background: #d95232;
	 color: #fff;
	 content: "\f0d5";
}
 .mod_article, .container {
	 width: 100%;
	 padding: 30px 30px 30px 30px;
	 margin-right: auto;
	 margin-left: auto;
}
 .mod_article.container-fluid {
	 width: 100%;
	 max-width: 100%;
	 padding-right: 15px;
	 padding-left: 15px;
	 margin-right: auto;
	 margin-left: auto;
}
 .mod_article.container-fluid.width100 {
	 padding-right: 0;
	 padding-left: 0;
	 padding-top: 0;
     padding-bottom: 0;
}
 @media (min-width: 1200px) {
	 .mod_article.container-width .inner, .mod_article, .container {
		 max-width: 1240px;
	}
	 .mod_article.container-width {
		 max-width: 100%;
	}
	 .mod_article.container-width > .inner {
		 padding-right: 30px;
		 padding-left: 30px;
		 margin-right: auto;
		 margin-left: auto;
	}
}
 .fa::before, .fab::before, .fal::before, .far::before, .fas::before {
	 font-weight: 900;
	 line-height: 1;
}
 .fab::before {
	 font-family: "Font Awesome 5 Brands";
}
 #main .mod_article .ce_sliderStart, #main .mod_article [class*=ce_], #main .mod_article > [class*=mod_] {
	 position: relative;
	 font-family: 'Saira', Arial, Helvetica, sans-serif;
	 line-height: 1.4;
}
 [class*=ce_] .inner {
	 position: relative;
	 overflow: hidden;
}
 #main .mod_article > .ce_wrapper, #main .mod_article > .ce_wrapper {
	 position: relative;
	 margin-bottom: 0;
}
 #main .mod_article > .row {
	 margin-bottom: 0;
}
 #main .mod_article .ce_sliderStart > [class*=ce_], #main .mod_article .ce_sliderStart > [class*=mod_] {
	 position: relative;
	 margin-bottom: 0;
}
/** * ============================================================================= * top * ========================================================================== */
 header .top {
	 background-color: #fff;
}
 header .top .inside {
	 max-width: 1240px;
	 margin: 0 auto;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 color: #333333;
	 font-size: 13px;
}
 header .top .inside a {
	 color: #8c3477;
}
 header .top .inside a:hover {
	 text-decoration: underline;
	 color: #006633;
}
 header .ce_ctscontact div div {
	 float: left;
	 margin-bottom: 0;
	 margin-right: 8px;
}
 header .top .ce_ctscontact div div a {
	 text-decoration: none;
}
/** * ============================================================================= * header * ========================================================================== */
 @-webkit-keyframes slide_in {
	 0% {
		 top: -50px;
	}
	 100% {
		 top: 0;
	}
}
 @keyframes slide_in {
	 0% {
		 top: -50px;
	}
	 100% {
		 top: 0;
	}
}
 @-webkit-keyframes slide_out {
	 0% {
		 top: 0px;
	}
	 100% {
		 top: -200px;
	}
}
 @keyframes slide_out {
	 0% {
		 top: 0px;
	}
	 100% {
		 top: -200px;
	}
}

#top.home #header {
	 height:1px;
}
#header {
	/* height:1px; */
}
#header .headercontainer.js--is-fixed {
	 height:90px;
}
#header .inside {
	 position: relative;
	 border-bottom: 4px solid transparent;
	 border-image-source: url("/files/gardinen-winkel/img/stripes.png") ;
	 border-image-slice: 4;
	 border-image-repeat: repeat;
}
 .headercontainer {
	 width: 100%;
	 background-color: #171717;
}
 .home .headercontainer {
	 position: absolute;
	 background-color: rgba(23, 23, 23, 0.85);
	 z-index: 99;
}
 .home .headercontainer.js--is-fixed {
	 background-color: #171717;
	 border-bottom: 0;
}
 .headercontainer > .inside {
	 max-width: 100%;
	 margin: 0 auto;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: stretch;
	 -ms-flex-align: stretch;
	 align-items: stretch;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
	 padding-top: 0;
	 padding-bottom: 0;
}
 .navi-section.js--is-fixed {
	 position: fixed !important;
	 top: 0;
	 left: 0;
	 z-index: 9;
	 width: 100%;
	 -webkit-animation: slide_in 0.8s;
	 -moz-animation: slide_in 0.8s;
	 animation: slide_in 0.4s;
	 box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
 .boxed .navi-section.js--is-fixed {
	 box-shadow: none;
}
 .nav--slide_in.js--fade-out {
	 -webkit-animation: slide_out 0.3s;
	 -moz-animation: slide_out 0.3s;
	 -o-animation: slide_out 0.3s;
	 animation: slide_out 0.4s;
	 top: -200px;
}
 .boxed .headercontainer.js--is-fixed {
	 width: 100%;
	 background-color: transparent;
	 border-bottom: 0;
}
 .boxed .headercontainer.js--is-fixed .inside {
	 background-color: #fff;
	 box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
 .menucontainer {
	 position: relative;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 .logocontainer {
	 position: relative;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 -webkit-box-flex: 1;
	 -ms-flex-positive: 1;
	 flex-grow: 1;
	 color: #fff;
	 z-index:999;
}
 .logocontainer a {
	 color: #8c3477;
}
 .logo {
	 /* padding-top: 20px;
	 padding-bottom: 20px; */
}
 .js--is-fixed .logo {
	 padding-top: 5px;
	 padding-bottom: 5px;
}
 .logo .image_container {
	 line-height: 0;
	 margin: 0;
}
 .js--is-fixed .logo img {
	 height: 80px;
	 width: auto;
}
 .headernavi, #header .mod_search {
	 display: none;
}
 .logomodule {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	/* position: absolute;
    top: 0px;
    right: 0px;*/
}
 @media (min-width: 768px) {
	 #header .mod_search {
		 display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
	}
	 .headernavi {
		 display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
	}
	 #header .mod_search, .headernavi {
		 margin-right: 20px;
	}
}
 @media (min-width: 992px) {
	 .headercontainer > .inside {
		 display: block;
	}
	 .home .js--is-fixed .menucontainer::before, .menucontainer::before {
		 content: "";
		 position: absolute;
		 top: 0;
		 left: -4000px;
		 width: 8000px;
		 height: 100%;
		 background-color: #fff;
		 border-top: 1px solid #fff;
		 border-bottom: 1px solid #fff;
	}
	 .home .menucontainer::before {
		 background-color: transparent;
	}
	 .home.boxed .js--is-fixed .menucontainer::before, .boxed .menucontainer::before {
		 left: -30px;
		 right: -30px;
		 width: auto;
	}
	 #header .mod_search {
		 display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
	}
}
/** * ============================================================================= * main * ========================================================================== */
 .leftcolumn #container, .rightcolumn #container, .leftrightcolumn #container {
	 max-width: 100%;
	 margin: 0 auto;
}
 #main .inside {
	 /* padding-top: 50px;
	 margin-top: 40px; */
}
 .leftcolumn #main .inside {
	 padding: 30px;
}
 .rightcolumn #main .inside {
	 padding: 30px;
}
 .leftrightcolumn #main .inside {
	 padding: 30px;
}
 .leftcolumn #main .mod_article {
	 padding-right: 0;
	 padding-left: 0;
}
 .rightcolumn #main .mod_article {
	 padding-right: 0;
	 padding-left: 0;
}
 .leftrightcolumn #main .mod_article {
	 padding-right: 0;
	 padding-left: 0;
}
 @media (min-width: 768px) {
	 .leftcolumn #main .inside {
		 padding: 40px 30px 30px 0;
	}
	 .rightcolumn #main .inside {
		 padding: 40px 0 30px 30px;
	}
	 .leftrightcolumn #main .inside {
		 padding: 40px 0 30px 0;
	}
}
 aside .inside {
	 padding: 40px 30px 30px 30px;
}
 aside .mod_article {
	 padding: 0;
}
 @media (max-width: 768px) {
	 .leftrightcolumn #container {
		 padding-left: 0;
		 padding-right: 0;
	}
	 .leftrightcolumn #main .inside {
		 padding-right: 30px;
		 padding-left: 30px;
	}
	 aside .inside {
		 padding: 20px 30px 20px 30px;
	}
	 .leftrightcolumn #left {
		 width: 50%;
		 right: auto;
		 float: left;
		 margin-left: 0;
	}
	 .leftrightcolumn #right {
		 width: 50%;
		 float: left;
		 margin-right: 0;
	}
}
 @media (max-width: 767px) {
	 .leftrightcolumn #left {
		 width: 100%;
		 right: auto;
		 float: none;
		 margin-left: 0;
	}
	 .leftrightcolumn #right {
		 width: 100%;
		 float: none;
		 margin-right: 0;
	}
}

.teaserbox h2, .teaserbox h3, .teaserbox h4, .teaserbox h5, .teaserbox h6 {
    color: #ffffff!important;
    background-color: #d44069;
    margin: 0 0 10px 0;
    padding: 8px 0;
}

.teaserbox a, .teaserbox a:active {
    color: #ffffff!important;
}

.teaserbox a:hover {
    color: #8c3477;
	text-decoration:none;
}

/** * ============================================================================= * footer * ========================================================================== */
 #footer {
	 background-color: #171717;
	 min-height: 150px;
	 padding:20px 0 20px 0;
	 border-top: 4px solid transparent;
	 border-image-source: url("/files/gardinen-winkel/img/stripes.png") ;
	 border-image-slice: 4;
	 border-image-repeat: repeat;
}
 #footer .inside .footer.top.container {
	 padding: 40px 30px 20px 30px;
}
 #footer .inside .footer.bottom.container {
	 padding: 20px 30px;
}
 #footer .inside .footer.bottom.container .row {
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
}
 #footer .footer.bottom .right, #footer .footer.bottom .left {
	 padding: 0 15px;
}
 #footer, #footer a {
	 color: #ccc;
	 text-decoration: none;
	 font-size: 14px;
	 line-height: 1.5;
}
 #footer .footerbottom.right ul {
	 margin-bottom: 0;
}
 #footer .footerbottom.right ul li {
	 display: inline-block;
	 margin-left: 6px;
}
 #footer a:hover {
	 text-decoration: underline;
}
 #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	 color: #fff;
}
 .ce_ctscontact div div {
	 margin-bottom: 8px;
}
 .ce_ctscontact .org {
	 font-size: 16px;
}
 .ce_ctscontact .contact {
	 padding-left: 2px;
}
 .ce_ctscontact .contact .desc {
	 margin-right: 4px;
}
 .footercustom a {
	 display: block;
	 margin-bottom: 6px;
}
 .mod_socials i {
	 transition: All 0.3s ease;
	 -webkit-transition: All 0.3s ease;
}
 .mod_socials a i {
	 display: inline-block;
	 float: left;
	 height: 40px;
	 width: 40px;
	 padding: 10px;
	 margin-right: 2px;
	 margin-bottom: 2px;
	 background: rgba(0, 0, 0, 0.2);
	 font-size: 21px;
	 text-align: center;
}
 .mod_socials i.fa-facebook-f:hover {
	 background: #436098;
	 color: #fff;
}
 .mod_socials i.fa-twitter:hover {
	 background: #28a9e2;
	 color: #fff;
}
 .mod_socials i.fa-xing:hover {
	 background: #005d5e;
	 color: #fff;
}
 .mod_socials i.fa-google-plus-g:hover {
	 background: #d95232;
	 color: #fff;
}
 .mod_socials i.fa-youtube:hover {
	 background: #cc181e;
	 color: #fff;
}
 .mod_socials i.fa-linkedin-in:hover {
	 background: #069;
	 color: #fff;
}
 .nav_socials li {
	 display: inline-block;
	 margin-right: 2px;
	 margin-bottom: 2px;
}
 .nav_socials li::before {
	 display: none;
}
 #footer .nav_socials a {
	 font-size: 0;
	 line-height: 0;
	 text-decoration: none;
}
 #footer .nav_socials a:before {
	 display: block;
	 height: 40px;
	 width: 40px;
	 background: rgba(0, 0, 0, 0.2);
	 font-size: 21px;
	 line-height: 40px;
	 text-align: center;
}
 #footer .nav_socials a.fa-facebook-f:hover {
	 background: #436098;
	 color: #fff;
}
 #footer .nav_socials a.fa-twitter:hover {
	 background: #28a9e2;
	 color: #fff;
}
 #footer .nav_socials a.fa-xing:hover {
	 background: #005d5e;
	 color: #fff;
}
 #footer .nav_socials a.fa-google-plus-g:hover {
	 background: #d95232;
	 color: #fff;
}
 #footer .nav_socials a.fa-youtube:hover {
	 background: #cc181e;
	 color: #fff;
}
 #footer .nav_socials a.fa-linkedin-in:hover {
	 background: #069;
	 color: #fff;
}
 @media (max-width: 767px) {
	 #footer .inside .footer.bottom.container .row {
		 -webkit-box-pack: center;
		 -ms-flex-pack: center;
		 justify-content: center;
	}
	 .artbg-images1 {
	 background-image: url("/files/gardinen-winkel/img/parallax/holzfussboden-parallax.jpg");
	 background-size: cover;
	 background-position: center center;
	 background-attachment: scroll;
	 height:400px;
	 min-height: 100vh;   
     height:auto !important;
	}
 	.artbg-images2 {
	 background-image: url("/files/gardinen-winkel/img/parallax/holzfussboden-parallax.jpg");
	 background-size: cover;
	 background-position: center center;
	 background-attachment: scroll;
	 height:400px;
	 min-height: 100vh;   
     height:auto !important;
	}
 	.artbg-images3 {
	 background-image: url("/files/gardinen-winkel/img/parallax/holzfussboden-parallax.jpg");
	 background-size: cover;
	 background-position: center center;
	 background-attachment: scroll;
	 height:400px;
	 min-height: 100vh;   
     height:auto !important;
	}
}
 body.header-fixed #top_link {
	 opacity: 1;
	 bottom: 45px;
}
 #top_link {
	 position: fixed;
	 opacity: 0;
	 transition: All 0.2s ease;
	 -webkit-transition: All 0.2s ease;
	 width: 45px;
	 height: 45px;
	 line-height: 45px;
	 right: 15px;
	 z-index: 999;
	 bottom: -40px;
}
 #top_link a {
	 position: relative;
	 display: block;
	 transition: All 0.6s ease;
	 -webkit-transition: All 0.6s ease;
	 float: left;
	 width: 100%;
	 height: 100%;
	 background: rgba(211, 64, 105, 0.9);
	 text-align: center;
	 line-height: inherit;
	 border-radius: 100%;
	 box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
	 border: 1px solid #ebedeb;
	 font-size: 12px;
	 line-height: 41px;
	 color: #fff;
	 cursor: pointer;
}
 #top_link:hover a {
	 margin-top: -7px;
}
/** * ============================================================================= * image settings * ========================================================================== */
 .image_container {
	 width: 95%;
	 position: relative;
	 overflow: hidden;
	 line-height: 0;
	 margin-bottom: 0;
}
 @media (min-width: 768px) {
	 .image_container {
		 width: auto;
	}
	 #main .image_container.float_above {
		 margin-bottom: 20px;
		 display: inline-block;
	}
	 #main .image_container.float_below {
		 margin-top: 20px;
		 display: inline-block;
	}
	 #main .image_container.float_left {
		 margin-top: 4px;
		 margin-right: 3%;
		 margin-bottom: 1%;
	}
	 #main .image_container.float_right {
		 margin-top: 4px;
		 margin-bottom: 1%;
		 margin-left: 3%;
	}
}
 .image_container a {
	 text-decoration: none;
}
 #main .image_container .caption {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: auto !important;
	 padding: 3px 6px;
	 background-color: rgba(244, 244, 244, 0.75);
	 font-size: 0.8em;
	 line-height: 1.5;
}

.scrolltop a:after {content:"\f106"; display: block; text-indent:0; background: #e7e7e7; padding: 10px 20px; font-size: 25px;}
.scrolltop a:hover:after  { color:#003b79!important; }

.icon a {
	color:rgba(140, 52, 119, 0.9);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.dlh_googlemap {
    width: 100% !important;
    height: 473px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.dlh_googlemap iframe {
    width: 100%;
    border: none;
	height:100%;
}

.cookieconsent-optout-marketing {
	text-align:center;
	padding-top:60px;
}

.dummy{
	margin-bottom: 20px;
	text-align: center;
}

/* Required */



#schautag.fadeInRight{
	opacity: 1;
}

.button-materialo img {
	float: left;
	padding-right:20px;
}
.button-materialo strong {
	float: left;
	padding-top:10px;
	line-height:1em;
}