/** * ============================================================================= * verschiedenes * ========================================================================== */
 .imground img {
	 border-radius: 100%;
}
 .mobile_no {
	 display: none;
}
 @media (min-width: 768px) {
	 .mobile_no {
		 display: block;
	}
}
/** * ============================================================================= * background images for articles * ========================================================================== */
 .artbg-images1 {
	 background-image: url("/files/gardinen-winkel/img/parallax/holzfussboden-parallax.jpg");
	 background-size: cover;
	 background-position: center center;
	 background-attachment: fixed;
	 height:400px;
	 
}
 .artbg-images2 {
	 background-image: url("/files/gardinen-winkel/img/parallax/holzfussboden-parallax.jpg");
	 background-size: cover;
	 background-position: center center;
	 background-attachment: fixed;
}
 .artbg-images3 {
	 background-image: url("/files/gardinen-winkel/img/parallax/holzfussboden-parallax.jpg");
	 background-size: cover;
	 background-position: center center;
	 background-attachment: fixed;
}
 
/** * ============================================================================= * animationen * ========================================================================== */
 .animated.delay-d05s {
	 -webkit-animation-delay: 0.5s;
	 animation-delay: 0.5s;
}
 .animated.delay-d08s {
	 -webkit-animation-delay: 0.8s;
	 animation-delay: 0.8s;
}
 .ctsfadeInLeft, .ctsfadeInRight, .ctsfadeInDown, .ctsfadeInDownBig, .ctsfadeInUp, .ctsfadeIn {
	 opacity: 0;
}
/** * ============================================================================= * text Color * ========================================================================== */
 .hl-white h1, .hl-white h2, .hl-white h3, .hl-white h4, .hl-white h5, .hl-white h6 {
	 color: #fff;
}
 .slider-wrapper .ce_image figcaption, .text-white p {
	 color: #fff;
}
 .text-dark p {
	 color: #333;
}
/** * ============================================================================= * text alignment - transform * ========================================================================== */
 .textcenter {
	 text-align: center;
}
 .textleft {
	 text-align: left;
}
 .textright {
	 text-align: right;
}
 .text-shadow {
	 text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
 .uppercase-p p {
	 text-transform: uppercase;
}
 .uppercase-hl h1, .uppercase-hl h2, .uppercase-hl h3, .uppercase-hl h4, .uppercase-hl h5, .uppercase-hl h6 {
	 text-transform: uppercase;
}
/** * ============================================================================= * frames * ========================================================================== */
 [class*=ce_].iconboxtop.frame .inner, .frame .innertext {
	 border: 1px solid #ebedeb;
	 overflow: hidden;
}
 [class*=ce_].iconboxtop.frame .inner {
	 padding: 20px;
}
/** * ============================================================================= * background colors * ========================================================================== */
 .bg-white .inner {
	 background-color: #fff;
}
 .mod_article.bg-dark, [class*=ce_].bg-dark.iconboxtop .inner, [class*=ce_].bg-dark.iconboxtopv2 .text, [class*=ce_].bg-dark .innertext {
	 background-color: #171717;
	 color: #cccccc;
}
 [class*=ce_].bg-dark.iconboxtopv2 .icon {
	 color: #171717;
}
 .mod_article.bg-grey, [class*=ce_].bg-grey.iconboxtop .inner, [class*=ce_].bg-grey.iconboxtopv2 .text, [class*=ce_].bg-grey .innertext {
	 background-color: #25282b;
}
 .mod_article.bg-grey2, [class*=ce_].bg-grey2.iconboxtop .inner, [class*=ce_].bg-grey2.iconboxtopv2 .text, [class*=ce_].bg-grey2 .innertext {
	 background-color: #ccc;
}
 .mod_article.bg-red, [class*=ce_].bg-red.iconboxtop .inner, [class*=ce_].bg-red.iconboxtopv2 .text, [class*=ce_].bg-red .innertext {
	 background-color: #8c3477;
	 color: #fff;
}
 [class*=ce_].bg-red.iconboxtopv2 .icon {
	 color: #8c3477;
}
 .mod_article.bg-blue, [class*=ce_].bg-blue.iconboxtop .inner, [class*=ce_].bg-blue.iconboxtopv2 .text, [class*=ce_].bg-blue .innertext {
	 background-color: #308ac7;
	 color: #fff;
}
 [class*=ce_].bg-blue.iconboxtopv2 .icon {
	 color: #308ac7;
}
 .mod_article.bg-green, [class*=ce_].bg-green.iconboxtop .inner, [class*=ce_].bg-green.iconboxtopv2 .text, [class*=ce_].bg-green .innertext {
	 background-color: #6baba5;
	 color: #fff;
}
 [class*=ce_].bg-green.iconboxtopv2 .icon {
	 color: #6baba5;
}
 .mod_article.bg-orange, [class*=ce_].bg-orange.iconboxtop .inner, [class*=ce_].bg-orange.iconboxtopv2 .text, [class*=ce_].bg-orange .innertext {
	 background-color: #ffa500;
	 color: #fff;
}
 [class*=ce_].bg-orange.iconboxtopv2 .icon {
	 color: #ffa500;
}
 .mod_article.bg-purple, [class*=ce_].bg-purple.iconboxtop .inner, [class*=ce_].bg-purple.iconboxtopv2 .text, [class*=ce_].bg-purple .innertext {
	 background-color: #8f44ad;
	 color: #fff;
}
 [class*=ce_].bg-purple.iconboxtopv2 .icon {
	 color: #8f44ad;
}
 .mod_article[class*=bg-] {
	 padding: 30px 30px 30px 30px;
}
 .ce_text[class*=bg-] h1, .ce_text[class*=bg-] h2, .ce_text[class*=bg-] h3, .ce_text[class*=bg-] h4, .ce_text[class*=bg-] h5, .ce_text[class*=bg-] h6 {
	 color: #fff;
}
 .ce_text.bg-white h1, .ce_text.bg-white h2, .ce_text.bg-white h3, .ce_text.bg-white h4, .ce_text.bg-white h5, .ce_text.bg-white h6,  {
	 color: #000;
}

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

.ce_text.bg-dark h1, .ce_text.bg-dark h2, .ce_text.bg-dark h3, .ce_text.bg-dark h4, .ce_text.bg-dark h5, .ce_text.bg-dark h6 {
	 color: #cccccc;
}
 .ce_text.bg-red .inner p:last-child a, .ce_text.bg-blue .inner p:last-child a, .ce_text.bg-green .inner p:last-child a, .ce_text.bg-orange .inner p:last-child a, .ce_text.bg-purple .inner p:last-child a {
	 border: 2px solid #fff !important;
	 color: #fff;
}
 .ce_text.bg-red .inner p:last-child a:hover {
	 color: #b7174b;
}
 .ce_text.bg-blue .inner p:last-child a:hover {
	 color: #308ac7;
}
 .ce_text.bg-green .inner p:last-child a:hover {
	 color: #6baba5;
}
 .ce_text.bg-orange .inner p:last-child a:hover {
	 color: #ffa500;
}
 .ce_text.bg-purple .inner p:last-child a:hover {
	 color: #8f44ad;
}
 .ce_text[class*=bg-] .inner p:last-child a:before {
	 background: #fff;
}
 .ce_text.bg-grey .inner p:last-child a:before, .ce_text.bg-dark .inner p:last-child a:before {
	 background: #fff !important;
}
 [class*=bg-] .caption {
	 color: #555;
}
/** * ============================================================================= * article overlays * ========================================================================== */
 .overlay-dark::before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(0, 0, 0, 0.6);
	 content: "";
}
 .overlay-white::before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(255, 255, 255, 0.8);
	 content: "";
}
 .overlay-green::before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(0, 153, 51, 0.2);
	 content: "";
}
 .overlay-blue::before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(0, 87, 125, 0.8);
	 content: "";
}
 .overlay-red::before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(80, 10, 33, 0.8);
	 content: "";
}
 .overlay-orange::before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(218, 141, 0, 0.8);
	 content: "";
}
/** * ============================================================================= * abstaende margin * ========================================================================== */
 .nopadbot #main > .inside {
	 padding-bottom: 0;
}
 .nopadtop #main > .inside {
	 padding-top: 0;
}
 .top0 {
	 margin-top: 0;
}
 .bottom0 {
	 margin-bottom: 0 !important;
}
 .top10 {
	 margin-top: 10px;
}
 .bottom10 {
	 margin-bottom: 10px !important;
}
 .top20 {
	 margin-top: 20px;
}
 .bottom20 {
	 margin-bottom: 20px !important;
}
 .top30 {
	 margin-top: 30px;
}
 .bottom30 {
	 margin-bottom: 30px !important;
}
 .top40 {
	 margin-top: 40px;
}
 .bottom40 {
	 margin-bottom: 40px !important;
}
 .top50 {
	 margin-top: 50px;
}
 .bottom50 {
	 margin-bottom: 50px !important;
}
 .top60 {
	 margin-top: 60px;
}
 .bottom60 {
	 margin-bottom: 60px !important;
}
 .top70 {
	 margin-top: 70px;
}
 .bottom70 {
	 margin-bottom: 70px !important;
}
 .top80 {
	 margin-top: 80px;
}
 .bottom80 {
	 margin-bottom: 80px !important;
}
 .top90 {
	 margin-top: 90px;
}
 .bottom90 {
	 margin-bottom: 90px !important;
}
 .top100 {
	 margin-top: 100px;
}
 .bottom100 {
	 margin-bottom: 100px !important;
}
 .top110 {
	 margin-top: 110px;
}
 .bottom110 {
	 margin-bottom: 110px !important;
}
 .top120 {
	 margin-top: 120px;
}
 .bottom120 {
	 margin-bottom: 120px !important;
}
 .top150 {
	 padding-top: 150px;
}
 .bottom150 {
	 margin-bottom: 150px !important;
}
 .top250 {
	 padding-top: 250px;
}
 .bottom250 {
	 margin-bottom: 250px !important;
}
 .top350 {
	 padding-top: 350px;
}
 .bottom350 {
	 margin-bottom: 350px !important;
}
/** * ============================================================================= * abstaende padding * ========================================================================== */
 .ptop0 {
	 padding-top: 0px !important;
}
 .pbottom0 {
	 padding-bottom: 0px !important;
}
 .ptop10 {
	 padding-top: 10px !important;
}
 .pbottom10 {
	 padding-bottom: 10px !important;
}
 .ptop20 {
	 padding-top: 20px !important;
}
 .pbottom20 {
	 padding-bottom: 20px !important;
}
 .ptop30 {
	 padding-top: 30px !important;
}
 .pbottom30 {
	 padding-bottom: 30px !important;
}
 .ptop40 {
	 padding-top: 40px !important;
}
 .pbottom40 {
	 padding-bottom: 40px !important;
}
 .ptop50 {
	 padding-top: 50px !important;
}
 .pbottom50 {
	 padding-bottom: 50px !important;
}
 .ptop60 {
	 padding-top: 60px !important;
}
 .pbottom60 {
	 padding-bottom: 60px !important;
}
 .ptop70 {
	 padding-top: 70px !important;
}
 .pbottom70 {
	 padding-bottom: 70px !important;
}
 .ptop80 {
	 padding-top: 80px !important;
}
 .pbottom80 {
	 padding-bottom: 80px !important;
}
 .ptop90 {
	 padding-top: 90px !important;
}
 .pbottom90 {
	 padding-bottom: 90px !important;
}
 .ptop100 {
	 padding-top: 100px !important;
}
 .pbottom100 {
	 padding-bottom: 100px !important;
}
 .ptop110 {
	 padding-top: 110px !important;
}
 .pbottom110 {
	 padding-bottom: 110px;
}
 .ptop120 {
	 padding-top: 120px !important;
}
 .pbottom120 {
	 padding-bottom: 120px !important;
}
 .mod_article[class*=bg-].pad2vw {
	 padding: 2vw !important;
}
 .mod_article[class*=bg-].padtop2vw {
	 padding-top: 2vw !important;
}
 .mod_article[class*=bg-].padbottom2vw {
	 padding-bottom: 2vw !important;
}
 .mod_article[class*=bg-].padleft2vw {
	 padding-left: 2vw !important;
}
 .mod_article[class*=bg-].padright2vw {
	 padding-right: 2vw !important;
}
 .mod_article[class*=bg-].pad4vw {
	 padding: 4vw !important;
}
 .mod_article[class*=bg-].padtop4vw {
	 padding-top: 4vw !important;
}
 .mod_article[class*=bg-].padbottom4vw {
	 padding-bottom: 4vw !important;
}
 .mod_article[class*=bg-].padleft4vw {
	 padding-left: 4vw !important;
}
 .mod_article[class*=bg-].padright4vw {
	 padding-right: 4vw !important;
}
 .mod_article[class*=bg-].pad6vw {
	 padding: 6vw !important;
}
 .mod_article[class*=bg-].padtop6vw {
	 padding-top: 6vw !important;
}
 .mod_article[class*=bg-].padbottom6vw {
	 padding-bottom: 6vw !important;
}
 .mod_article[class*=bg-].padleft6vw {
	 padding-left: 6vw !important;
}
 .mod_article[class*=bg-].padright6vw {
	 padding-right: 6vw !important;
}
 @media (min-width: 768px) {
	 .mod_article[class*=bg-].padleft30 {
		 padding-left: 30px !important;
	}
	 .mod_article[class*=bg-].padright30 {
		 padding-right: 30px !important;
	}
	 .mod_article[class*=bg-].padleft40 {
		 padding-left: 40px !important;
	}
	 .mod_article[class*=bg-].padright40 {
		 padding-right: 40px !important;
	}
	 .mod_article[class*=bg-].padleft60 {
		 padding-left: 60px !important;
	}
	 .mod_article[class*=bg-].padright60 {
		 padding-right: 60px !important;
	}
	 .mod_article[class*=bg-].padleft80 {
		 padding-left: 80px !important;
	}
	 .mod_article[class*=bg-].padright80 {
		 padding-right: 80px !important;
	}
}
 .zoominimg img {
	 -webkit-animation: kenburns linear;
	 animation: kenburns linear;
	 -webkit-animation-duration: 48s;
	 animation-duration: 48s;
	 -webkit-animation-iteration-count: infinite;
	 animation-iteration-count: infinite;
}
 @keyframes kenburns {
	 0% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 50% {
		 -webkit-transform: scale(1.3) rotate(2deg);
		 transform: scale(1.3) rotate(2deg);
	}
	 100% {
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
}
 @keyframes fadeInCaption {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 .fadeInCaption figcaption {
	 -webkit-animation-duration: 1s;
	 animation-duration: 5s;
	 -webkit-animation-fill-mode: both;
	 animation-fill-mode: both;
	 -webkit-animation-name: fadeInCaption;
	 animation-name: fadeInCaption;
}
 span.social a {
	 display: block;
	 position: absolute;
	 top: 0;
	 height: 30px;
	 width: 30px;
}
 span.contact, span.social {
	 font-size: 0 !important;
}
 span.social::before {
	 font-size: 20px;
	 line-height: 30px;
}
 span.contact::before {
	 font-size: 15px;
}
/** * ============================================================================= * auflistung * ========================================================================== */
 .ce_list[class*=bg-] h1, .ce_list[class*=bg-] h2, .ce_list[class*=bg-] h3, .ce_list[class*=bg-] h4, .ce_list[class*=bg-] h5, .ce_list[class*=bg-] h6 {
	 padding: 10px 15px;
	 margin: 0;
	 color: #fff;
	 font-size: 16px;
}
 .ce_list.bg-accentcolor h1, .ce_list.bg-accentcolor h2, .ce_list.bg-accentcolor h3, .ce_list.bg-accentcolor h4, .ce_list.bg-accentcolor h5, .ce_list.bg-accentcolor h6 {
	 background-color: #ccc;
}
 .ce_list.frame ul, .ce_list[class*=bg-] ul {
	 padding-left: 0;
	 margin-bottom: 2px;
}
 .ce_list.frame ul li, .ce_list[class*=bg-] ul li {
	 position: relative;
	 display: block;
	 padding: 10px 15px;
	 margin-bottom: -1px;
	 border: 1px solid #ddd;
}
 .ce_list.frame ul li:first-child, .ce_list[class*=bg-] ul li:first-child {
	 border-top: 0;
}
 .ce_list.bg-dark h1, .ce_list.bg-dark h2, .ce_list.bg-dark h3, .ce_list.bg-dark h4, .ce_list.bg-dark h5, .ce_list.bg-dark h6 {
	 background-color: #171717;
}
 .ce_list.bg-grey h1, .ce_list.bg-grey h2, .ce_list.bg-grey h3, .ce_list.bg-grey h4, .ce_list.bg-grey h5, .ce_list.bg-grey h6 {
	 background-color: #25282b;
	 border: 1px solid #ddd;
	 color: #cccccc;
}
 .ce_list.bg-blue h1, .ce_list.bg-blue h2, .ce_list.bg-blue h3, .ce_list.bg-blue h4, .ce_list.bg-blue h5, .ce_list.bg-blue h6 {
	 background-color: #308ac7;
}
 .ce_list.bg-green h1, .ce_list.bg-green h2, .ce_list.bg-green h3, .ce_list.bg-green h4, .ce_list.bg-green h5, .ce_list.bg-green h6 {
	 background-color: #6baba5;
}
 .ce_list.bg-orange h1, .ce_list.bg-orange h2, .ce_list.bg-orange h3, .ce_list.bg-orange h4, .ce_list.bg-orange h5, .ce_list.bg-orange h6 {
	 background-color: #ffa500;
}
 .ce_list.bg-purple h1, .ce_list.bg-purple h2, .ce_list.bg-purple h3, .ce_list.bg-purple h4, .ce_list.bg-purple h5, .ce_list.bg-purple h6 {
	 background-color: #8f44ad;
}
 .ce_list.frame h1, .ce_list.frame h2, .ce_list.frame h3, .ce_list.frame h4, .ce_list.frame h5, .ce_list.frame h6 {
	 padding: 10px 15px;
	 margin: 0;
	 font-size: 16px;
}
 .ce_list.bg-grey h1, .ce_list.bg-grey h2, .ce_list.frame h3, .ce_list.bg-grey h4, .ce_list.bg-grey h5, .ce_list.bg-grey h6 {
	 border: 1px solid #ddd;
	 color: #000;
}
/** * ============================================================================= * PRELOADING * ========================================================================== */
 body {
	 position: relative;
}
 @keyframes loader {
	 0% {
		 transform: rotate(0deg);
	}
	 25% {
		 transform: rotate(180deg);
	}
	 50% {
		 transform: rotate(180deg);
	}
	 75% {
		 transform: rotate(360deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes loader-inner {
	 0% {
		 height: 0%;
	}
	 25% {
		 height: 0%;
	}
	 50% {
		 height: 100%;
	}
	 75% {
		 height: 100%;
	}
	 100% {
		 height: 0%;
	}
}
 #overlayer {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 z-index: 1;
	 background: #fff;
	 z-index: 9999999;
}
 .loadercts {
	 display: inline-block;
	 width: 30px;
	 height: 30px;
	 position: absolute;
	 z-index: 3;
	 border: 4px solid #fff;
	 top: 50vh;
	 left: 50%;
	 animation: loader 2s infinite ease;
	 z-index: 99999999;
}
 .loader-innercts {
	 vertical-align: top;
	 display: inline-block;
	 width: 100%;
	 background-color: #fff;
	 animation: loader-inner 2s infinite ease-in;
	 z-index: 999999999;
}

/* ################## STÖRER ##################### */
 .red-stoerer {
	 background-color: #333;
	 color: #fff;
	 padding:15px;
	 margin:15px;
	 margin:30px 10px 100px 10px;
     border-radius: 12px;
}
.red-stoerer a {
	 color: #999;
	 text-decoration:underline;
}
.red-stoerer a:hover {
	 color: #999;
	 text-decoration:none;
}

 .corona-stoerer {
	 background-color: #c20016;
	 color: #fff;
	 padding:15px;
	 margin:15px;
	 margin:30px 10px 100px 10px;
     border-radius: 12px;
}
.corona-stoerer a {
	 color: #fff;
	 font-weight:bold;
	 text-decoration:none;
}
.corona-stoerer a:hover {
	 color: #fff;
	 font-weight:bold;
	 text-decoration:underline;
}

 .red-stoerer-outline {
	 border: 2px solid #c20016;
	 color: #c20016;
	 padding:15px;
	 margin:30px 10px 100px 10px;
	border-radius: 12px;
}
 .red-stoerer-outline a {
	 color: #000000;
	 text-decoration:underline;
}
 .red-stoerer-outline a:hover {
	 color: #000000;
	 text-decoration:none;
}

.rotate {
	transform: rotate(15deg);
}