@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-300.eot);src:local('Open Sans Light'),local('OpenSans-Light'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-300.eot?#iefix) format('embedded-opentype'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-300.woff2) format('woff2'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-300.woff) format('woff'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-300.ttf) format('truetype'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-300.svg#OpenSans) format('svg');font-display:swap}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-regular.eot);src:local('Open Sans Regular'),local('OpenSans-Regular'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-regular.eot?#iefix) format('embedded-opentype'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-regular.woff2) format('woff2'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-regular.woff) format('woff'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-regular.ttf) format('truetype'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-regular.svg#OpenSans) format('svg');font-display:swap}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-700.eot);src:local('Open Sans Bold'),local('OpenSans-Bold'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-700.eot?#iefix) format('embedded-opentype'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-700.woff2) format('woff2'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-700.woff) format('woff'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-700.ttf) format('truetype'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-700.svg#OpenSans) format('svg');font-display:swap}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-600.eot);src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-600.eot?#iefix) format('embedded-opentype'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-600.woff2) format('woff2'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-600.woff) format('woff'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-600.ttf) format('truetype'),url(//www.creartix.de/wp-content/themes/creartix-design-studio/webfont/open-sans-v15-latin-600.svg#OpenSans) format('svg');font-display:swap}.btn{padding:5px 15px;font-family:'Open Sans';font-style:normal;font-weight:300;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.btn.outline{background:0 0}.btn.rounded{-moz-border-radius:30px;-webkit-border-radius:30px;-khtml-border-radius:30px;border-radius:30px}.btn:active,.btn:focus,.btn:hover,.btn:hover:active{background:0 0;border-color:#fe4302;color:#fe4302;-webkit-box-shadow:none;box-shadow:none}.col-center{position:relative;margin-left:auto;margin-right:auto;float:none!important}.col-center.text-center{text-align:center}.square-icon{display:inline-block;margin-bottom:30px;width:48px;height:48px;border:1px solid #ef4135;text-align:center;line-height:53px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px}.square-icon .lnr{color:#ef4135;font-size:20px}ul.liststyle li{position:relative;padding-left:12px}ul.liststyle li:before{content:"\f105";position:absolute;top:5px;left:0;color:#ef4135;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}a{color:#333;text-decoration:none}a:hover{color:#ef4135;text-decoration:none}a:focus{color:#81120a;text-decoration:none}a:active{color:#df1f12;text-decoration:none}a:link{-webkit-tap-highlight-color:none}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}::-webkit-input-placeholder{color:#868e9a}:-moz-placeholder{color:#868e9a}::-moz-placeholder{color:#868e9a}:-ms-input-placeholder{color:#868e9a}::-moz-selection{background:#fe4302;color:#fff;text-shadow:none}::selection{background:#fe4302;color:#fff;text-shadow:none}.pulsing{-webkit-animation:pulsing 1s linear infinite;animation:pulsing 1s linear infinite}@-webkit-keyframes pulsing{0%{-webkit-transform:scale(1.1)}50%{-webkit-transform:scale(.8)}to{-webkit-transform:scale(1)}}@keyframes pulsing{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}label{font-size:12px;font-family:'Open Sans';font-style:normal;font-weight:400}.form-control{background-color:#fff;height:40px;padding:8px 12px;border:1px solid #dde0ea;font-size:14px;color:#000;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none}.form-control:focus{border-color:#bdc3d7;-webkit-box-shadow:none;box-shadow:none}.btn,.form-control,button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:focus,.form-control:focus,button:focus,select:focus{outline:none!important}.custom-checkbox{position:relative}.custom-checkbox input[type=checkbox]{display:none}.custom-checkbox span{display:block}.custom-checkbox span.wpcf7-list-item{margin:0 0 15px}.custom-checkbox label{display:block;color:#444}.custom-checkbox label:hover{cursor:pointer}.custom-checkbox input[type=checkbox]+span{display:inline-block;position:relative;padding-left:35px;color:#444!important}.custom-checkbox input[type=checkbox]+span:before{background:#fff;width:20px;height:20px;display:inline-block;border:1px solid #d8d8d8;position:absolute;top:1px;left:0;-webkit-transition:all .12s linear;-o-transition:all .12s linear;transition:all .12s linear;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}.custom-checkbox input[type=checkbox]+span:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f00c";color:transparent;font-size:12px;position:absolute;top:5px;left:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.custom-checkbox input[type=checkbox]:checked+span:before{background:green;border-color:green}.custom-checkbox input[type=checkbox]:checked+span:after{color:#fff}.typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{max-width:100%;vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{margin:0;color:#252525;line-height:1.4}ul{list-style-type:none;margin:0;padding:0}strong{font-family:'Open Sans';font-style:normal;font-weight:600}p{margin:0 0 15px}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-focus-inner,:focus{outline:0!important}body,html{background:#fff;margin:0;padding:0;font-family:'Open Sans';font-style:normal;font-weight:300;color:#444;font-size:14px;text-align:left;line-height:26px}#top-container{background:0 0;width:100%;opacity:1;position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}#top-container .top-wrapper{border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,.2)}#top-container .top-wrapper a#logo{display:inline-block;margin-top:18px}#top-container .top-wrapper a#logo img{width:150px}#top-container .top-wrapper #navigation ul li{float:left;margin-left:25px}#top-container .top-wrapper #navigation ul li a{padding:30px 15px;display:inline-block;border-bottom:1px solid transparent;position:relative;bottom:-1px;color:#fff;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:14px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#top-container .top-wrapper #navigation ul li.active a,#top-container .top-wrapper #navigation ul li.current-menu-item a,#top-container .top-wrapper #navigation ul li.current-page-ancestor a,#top-container .top-wrapper #navigation ul li.current_page_parent a,#top-container .top-wrapper #navigation ul li:hover a{border-color:#fe4302}#top-container.slideup{opacity:0;-webkit-transform:translateY(-110px);-moz-transform:translateY(-110px);-ms-transform:translateY(-110px);-o-transform:translateY(-110px);transform:translateY(-110px)}#top-container.fixed{background:#fff;background:rgba(255,255,255,.95);top:100;-webkit-box-shadow:0 1px 4px -2px rgba(0,0,0,.5);box-shadow:0 1px 4px -2px rgba(0,0,0,.5)}#top-container.fixed .top-wrapper{border:none}#top-container.fixed .top-wrapper a#logo{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/logo-black.png) no-repeat;background-size:150px auto;width:150px;height:53px;display:inline-block}#top-container.fixed .top-wrapper a#logo img{display:none}#top-container.fixed .top-wrapper #navigation a{color:#252525}#hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/hero-home.jpg) no-repeat center top;background-size:cover;width:100%;height:700px;display:table;position:fixed;top:0;left:0}#hero img,#hero video{background-size:cover;width:100%;position:absolute;top:0;left:0}#hero .overlay{background:rgba(0,0,0,.2);width:100%;height:700px;display:none;position:absolute;top:0;left:0;bottom:0}#hero .hero-text{position:relative;margin:0 auto;display:table-cell;vertical-align:middle;padding-top:100px;color:#fff;text-align:center}#hero .hero-text h1{margin-bottom:20px;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:40px;color:#fff}#hero .hero-text p{margin-bottom:30px;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:20px}#hero .hero-text a{min-width:100px;display:inline-block;padding:5px 12px;margin:0 10px;border:1px solid #fff;font-family:'Open Sans';font-style:normal;font-weight:600;color:#fff;font-size:13px;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#hero .hero-text a:hover{background:#fff;color:#444}.page-wrapper{background:#fff;position:relative;top:700px;z-index:100}.page-wrapper:after{background-color:#fff;content:"";width:100%;height:0;padding-bottom:4%;margin-top:-2%;position:absolute;top:0;right:0;left:0;z-index:1;-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-o-transform:skewY(-2deg);-ms-transform:skewY(-2deg);transform:skewY(-2deg)}.page-wrapper #content{background:#fff;padding:100px 0}.page-wrapper #content .impressum-top{margin-bottom:70px}.page-wrapper #intro{background:#fff;padding:100px 0}.page-wrapper #intro h1,.page-wrapper #intro h2{margin-bottom:50px;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:30px}.page-wrapper #intro h1 span,.page-wrapper #intro h2 span{color:#fe4302}.page-wrapper #intro h1.lead,.page-wrapper #intro h2.lead{margin-bottom:70px}.page-wrapper #intro h1.lead.center,.page-wrapper #intro h2.lead.center{text-align:center}.page-wrapper #intro cite{font-size:16px}.page-wrapper #intro .box{padding-right:20px}.page-wrapper #intro .box .lnr{display:inline-block;margin-bottom:15px;color:#fe4302;font-size:30px}.page-wrapper #intro .box h2,.page-wrapper #intro .box h3{margin-bottom:10px;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:20px}.page-wrapper #clients{background:#f5f6fa;padding:100px 0 80px}.page-wrapper #clients .headline{margin-bottom:20px;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:20px}.page-wrapper #clients p{padding-right:30px;margin-bottom:20px}.page-wrapper #clients .cbox{margin-bottom:20px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.page-wrapper #clients .cbox a img{width:100%;opacity:.3;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.page-wrapper #clients .cbox a:hover img{opacity:.7;-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.page-wrapper #clients .cbox img{width:100%;opacity:.3}.page-wrapper #wip{padding:100px 0;border-bottom:1px solid #eee}.page-wrapper #wip .headline{margin-bottom:20px;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:20px}.page-wrapper #wip img{-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}.page-wrapper #wip p{padding-right:30px;margin-bottom:20px}.page-wrapper #service{background:#fff;padding:100px 0}.page-wrapper #service h5{margin-bottom:30px;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:20px}.page-wrapper #service h5 span{display:inline-block;padding-left:10px;font-family:'Open Sans';font-style:normal;font-weight:300;font-style:italic;font-size:12px;color:#999}.page-wrapper #service ul.list{padding-right:25px}.page-wrapper #service ul.list li{padding:10px 0;border-bottom:1px dotted #dedede}.page-wrapper #service ul.list li.title{border-top:1px dotted #dedede;color:#fe4302;font-family:'Open Sans';font-style:normal;font-weight:600}.page-wrapper #quote{background:#fff;padding:70px 0;font-size:28px;font-style:italic;text-align:center}.page-wrapper .bigteaser{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/polygon2.jpg) no-repeat;background-size:cover;width:100%;height:350px;padding:100px 0}.page-wrapper .bigteaser .headline{font-family:'Open Sans';font-style:normal;font-weight:300;color:#fff;font-size:40px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}#footer{background:#111723;padding:70px 0;color:#97a0b1;font-size:12px;line-height:20px}#footer h6{margin-bottom:15px;font-family:'Open Sans';font-style:normal;font-weight:600;color:#fff;font-size:14px}#footer address{margin-bottom:0;line-height:20px}#footer ul li a{display:block;padding:2px 0;color:#97a0b1;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#footer ul li.active a,#footer ul li.current-menu-item a,#footer ul li.current-page-ancestor a,#footer ul li.current_page_parent a,#footer ul li:hover a{color:#fe4302}#footer .outro{padding-right:0}#footer .outro .logo{margin:25px 0}#footer .outro .logo img{width:100px;opacity:.3;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#footer .outro .logo img:hover{opacity:1}#footer .outro p{margin:0 0 15px}#footer .outro p p{margin:0}#footer .outro ul li{float:left}#footer .outro ul li.seperator{margin:2px 10px}.footer-copy{background:#7e858f;padding:15px 0;color:#fff;font-size:12px;line-height:20px}.footer-copy .lnr{color:#fff;position:relative;top:1px;padding:0 3px}.footer-copy ul.social{text-align:right}.footer-copy ul.social li{display:inline}.footer-copy ul.social li a{margin-left:15px;display:inline-block;color:#fff;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.footer-copy ul.social li a:hover{color:#fff}.page-overlay{background:rgba(0,0,0,.75);width:100%;height:100%;display:none;position:fixed;top:0;left:0;right:300px;bottom:0;z-index:9000}.error-page{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/error-bg.jpg) no-repeat center top #000;background-size:75% auto;height:100%;color:#fff;text-align:center}.error-page h1{color:#fff;font-size:4em;margin-bottom:50px}.error-page .text{margin-top:50%}.error-page .text p{margin-bottom:50px}.error-page .text p a{color:#fff;border-color:#fff}.error-page .text p a:hover{color:#fe4302;border-color:#fe4302}body.page-template-subsite #hero,body.single-post #hero,body.smallheader #hero{background:#111723;height:400px!important}body.page-template-subsite .page-wrapper,body.single-post .page-wrapper,body.smallheader .page-wrapper{top:400px}@media (max-width:767px){body.page-template-subsite .page-wrapper,body.single-post .page-wrapper,body.smallheader .page-wrapper{top:0}}@media (max-width:992px){#hero{height:550px}#hero .hero-text h1{font-size:30px}#hero .hero-text p{font-size:16px}#top-container .top-wrapper #navigation ul li{margin-left:15px}#top-container .top-wrapper #navigation ul li a{padding:25px 5px}.page-wrapper{top:550px}.page-wrapper #intro .box{margin-bottom:50px}.page-wrapper #intro .box p{margin:0}.page-wrapper #intro .box.last{margin-bottom:0}.page-wrapper #clients .textbox{margin-bottom:50px}.page-wrapper #wip .textbox{margin-bottom:50px}.page-wrapper #service ul.list{padding:0}#footer .outro{margin:0 0 50px}}@media (max-width:767px){.mobile-nav{background:#111723;width:100%;padding:25px;border-top:2px solid #fe4302;position:fixed;right:0;bottom:-300px;z-index:9200;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transition:all .5s cubic-bezier(1,-.22,.58,1.27);-moz-transition:all .5s cubic-bezier(1,-.22,.58,1.27);-o-transition:all .5s cubic-bezier(1,-.22,.58,1.27);transition:all .5s cubic-bezier(1,-.22,.58,1.27)}.mobile-nav ul li a{width:100%;padding:5px 0;display:block;color:#fff}.mobile-nav ul li.current-menu-item a{color:#fe4302}.mobile-nav.open{bottom:0}#top-container .top-wrapper{border:none}#top-container .top-wrapper a#logo{margin-top:10px}#top-container .top-wrapper a#mobile-menu{background:0 0;width:50px;height:50px;display:inline-block;color:#fff;text-align:center;position:absolute;top:10px;right:15px;z-index:200}#top-container .top-wrapper a#mobile-menu .lnr{font-size:30px;line-height:48px}#top-container .top-wrapper a#mobile-menu:hover{color:#fe4302}#top-container .top-wrapper a#mobile-menu.close,#top-container .top-wrapper a#mobile-menu.open{width:50px;display:block;opacity:1!important}#top-container .top-wrapper a#mobile-menu.close .nav-icon,#top-container .top-wrapper a#mobile-menu.open .nav-icon{background:#fff;width:25px;height:2px!important;margin-top:25px;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#top-container .top-wrapper a#mobile-menu.close .nav-icon:after,#top-container .top-wrapper a#mobile-menu.close .nav-icon:before,#top-container .top-wrapper a#mobile-menu.open .nav-icon:after,#top-container .top-wrapper a#mobile-menu.open .nav-icon:before{background:#fff;width:100%;height:100%;content:"";position:absolute;top:0;right:0;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}#top-container .top-wrapper a#mobile-menu.close .nav-icon:before,#top-container .top-wrapper a#mobile-menu.open .nav-icon:before{-moz-transform:translateY(-6px);-o-transform:translateY(-6px);-ms-transform:translateY(-6px);-webkit-transform:translateY(-6px);transform:translateY(-6px)}#top-container .top-wrapper a#mobile-menu.close .nav-icon:after,#top-container .top-wrapper a#mobile-menu.open .nav-icon:after{-moz-transform:translateY(6px);-o-transform:translateY(6px);-ms-transform:translateY(6px);-webkit-transform:translateY(6px);transform:translateY(6px)}#top-container .top-wrapper a#mobile-menu.open:hover .nav-icon:before{-moz-transform:translateY(-8px);-o-transform:translateY(-8px);-ms-transform:translateY(-8px);-webkit-transform:translateY(-8px);transform:translateY(-8px)}#top-container .top-wrapper a#mobile-menu.open:hover .nav-icon:after{-moz-transform:translateY(8px);-o-transform:translateY(8px);-ms-transform:translateY(8px);-webkit-transform:translateY(8px);transform:translateY(8px)}#top-container .top-wrapper a#mobile-menu.close .nav-icon{visibility:hidden}#top-container .top-wrapper a#mobile-menu.close .nav-icon:before{background:#fff;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);visibility:visible}#top-container .top-wrapper a#mobile-menu.close .nav-icon:after{background:#fff;-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);visibility:visible}#top-container.fixed .top-wrapper a#mobile-menu.close,#top-container.fixed .top-wrapper a#mobile-menu.open{width:50px;display:block}#top-container.fixed .top-wrapper a#mobile-menu.close .nav-icon,#top-container.fixed .top-wrapper a#mobile-menu.open .nav-icon{background:#000}#top-container.fixed .top-wrapper a#mobile-menu.close .nav-icon:after,#top-container.fixed .top-wrapper a#mobile-menu.close .nav-icon:before,#top-container.fixed .top-wrapper a#mobile-menu.open .nav-icon:after,#top-container.fixed .top-wrapper a#mobile-menu.open .nav-icon:before{background:#000}#hero{height:450px;position:static;top:0}#hero .hero-text{padding:0 15px}#hero .hero-text h1{font-size:30px}#hero .hero-text p{font-size:14px}.page-wrapper{top:0}.page-wrapper #intro{padding:50px 0;text-align:center}.page-wrapper #clients{padding:50px 0}.page-wrapper #clients .cbox{padding:0;width:65%;border-bottom:1px solid #bbb;margin:10px auto 0;padding-bottom:10px}.page-wrapper #wip{padding:50px 0}.page-wrapper #wip .textbox{margin-bottom:50px}.page-wrapper #wip .wip-item{margin-bottom:20px}.page-wrapper #wip .wip-item.last{margin-bottom:0}.page-wrapper #service{padding:50px 0}.page-wrapper #service ul.list{text-align:center;margin-bottom:50px}.page-wrapper #service ul.list li.title{border-top:0}.page-wrapper #service ul.list.last{margin-bottom:0}#footer{text-align:center}#footer .outro{margin-bottom:0}#footer .outro ul{display:table;margin:0 auto}#footer .sitemap{margin:50px 0}.footer-copy{text-align:center}.footer-copy .social{padding:10px 0 0;text-align:center}}.cookie-info{background:#353b47;width:100%;padding:15px 15px 30px;border-top:5px solid #fe4302;display:none;color:#fff;font-size:12px;line-height:18px;position:fixed;bottom:0;right:0;z-index:9999;-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:8s;animation-delay:8s;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (min-width:480px){.cookie-info{width:auto;bottom:15px;right:15px;left:15px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}}@media (min-width:768px){.cookie-info{width:300px;left:auto;bottom:60px;right:60px;-webkit-clip-path:polygon(0 0,100% 0,100% 95%,0 100%,0% 50%);clip-path:polygon(0 0,100% 0,100% 95%,0 100%,0% 50%)}}.cookie-info strong{display:block;margin:0 0 8px;@include semibold;font-size:14px;color:#fff}.cookie-info a{color:#fff}.cookie-info-option{margin:15px 0 0}.cookie-info-option .cookie-accept,.cookie-info-option .cookie-disallow{width:48%;display:inline-block;padding:5px 10px;text-align:center;color:#fff;@include semibold;text-decoration:none}.cookie-info-option .cookie-accept{background:#4caf50;margin-right:2%;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}.cookie-info-option .cookie-accept:hover{background:#65d469}.cookie-info-option .cookie-disallow{background:0 0;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive{border-bottom:1px solid #fe4302!important;color:#fe4302!important}#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover{color:#fe4302!important;opacity:.85!important}#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider{background-color:#fe4302!important}#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{border:2px solid #fe4302!important}#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{border-color:#fe4302!important}#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider{background-color:#fe4302!important}#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{background-color:#fe4302!important}#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,#CybotCookiebotDialogDetailBodyContentTextAbout a{color:#fe4302!important}#CybotCookiebotDialogPoweredbyLink{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/logo-black.png) no-repeat!important;background-size:auto 45px!important;height:45px!important}#CybotCookiebotDialogPoweredbyLink img{display:none!important}body.page-template-subsite .page-wrapper #content,body.subsite .page-wrapper #content{background:#fff;padding:100px 0}body.page-template-subsite .page-wrapper #content h2,body.page-template-subsite .page-wrapper #content h3,body.page-template-subsite .page-wrapper #content h4,body.page-template-subsite .page-wrapper #content h5,body.page-template-subsite .page-wrapper #content h6,body.subsite .page-wrapper #content h2,body.subsite .page-wrapper #content h3,body.subsite .page-wrapper #content h4,body.subsite .page-wrapper #content h5,body.subsite .page-wrapper #content h6{margin-bottom:15px;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:18px;line-height:22px}body.page-template-subsite .page-wrapper #content p,body.subsite .page-wrapper #content p{margin-bottom:30px}body.page-template-subsite .page-wrapper #content .widget,body.subsite .page-wrapper #content .widget{margin-bottom:30px}body.page-template-subsite .page-wrapper #content .widget.last,body.subsite .page-wrapper #content .widget.last{margin-bottom:0}body.page-template-subsite .page-wrapper #content a,body.subsite .page-wrapper #content a{color:#fe4302}body.page-template-subsite .page-wrapper #content a:hover,body.subsite .page-wrapper #content a:hover{text-decoration:underline}@media (max-width:767px){body.page-template-subsite .page-wrapper #content,body.subsite .page-wrapper #content{background:#fff;padding:50px 0}}body.about #hero,body.page-template-about #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/hero-studio.jpg) no-repeat center top;background-size:cover}.page-wrapper #team{background:#111723;background:-webkit-linear-gradient(217deg,#372934 0%,#111723 70%,#111723 100%);background:-o-linear-gradient(217deg,#372934 0%,#111723 70%,#111723 100%);background:linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);background:-moz-linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);background:-webkit-linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);background:-ms-linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);background:-o-linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#372934,endColorstr=#111723,GradientType=1);padding:100px 0;position:relative;border-top:4px solid #fe4302}.page-wrapper #team .person img{width:100%;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}.page-wrapper #team .person .text{padding:25px 25px 0 0;color:#7a859b}.page-wrapper #team .person .text .headline{margin-bottom:5px;font-family:'Open Sans';font-style:normal;font-weight:300;color:#fff;font-size:28px}.page-wrapper #team .person .text blockquote{margin:10px 0 20px;border-left:none;padding-left:0;font-style:italic;font-size:14px}.page-wrapper #team .person .text .social a{width:38px;height:38px;display:inline-block;border:1px solid #111723;margin-right:7px;border:1px solid transparent;color:#324468;text-align:center;line-height:38px;font-size:20px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.page-wrapper #team .person .text .social a:hover{border-color:#fe4302;color:#fe4302}.page-wrapper #facts{background:#fff;padding:70px 0 50px;position:relative}.page-wrapper #facts:after{background:#fff;content:"";width:100%;height:0;padding-top:4%;margin-top:-2%;position:absolute;top:0;right:0;left:0;z-index:1;-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-o-transform:skewY(-2deg);-ms-transform:skewY(-2deg);transform:skewY(-2deg)}.page-wrapper #facts .headline{margin-bottom:50px;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:26px}.page-wrapper #facts .box{margin-bottom:50px}.page-wrapper #facts .box .title{margin-bottom:15px;font-family:'Open Sans';font-style:normal;font-weight:600;font-size:16px}.page-wrapper #impressions{text-align:center}.page-wrapper #impressions img{width:100%}@media (max-width:992px){.page-wrapper #team .person{margin-bottom:50px}.page-wrapper #team .person.last{margin-bottom:0}}@media (max-width:767px){.page-wrapper #team{padding:20px 0}.page-wrapper #facts{padding:50px 0 0}}body.page-template-service #hero,body.service #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/hero-service.jpg) no-repeat center top;background-size:cover}.page-wrapper .service{padding:100px 0;position:relative;overflow:hidden}.page-wrapper .service .lnr{display:inline-block;margin-bottom:10px;color:#fe4302;font-size:50px}.page-wrapper .service h3{margin-bottom:10px;font-family:'Open Sans';font-style:normal;font-weight:300;color:#000}.page-wrapper .service .subheadline{display:inline-block;margin-bottom:30px;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:12px;font-style:italic}.page-wrapper .service img{width:700px;max-width:none;margin-left:-180px}.page-wrapper .service p{margin-bottom:30px}.page-wrapper .service.dark{background:#111723;color:#fff}.page-wrapper .service.dark h3{font-family:'Open Sans';font-style:normal;font-weight:300;color:#fff}.page-wrapper .service.ci{background:#353b47}.page-wrapper .service.ci img{width:auto;height:550px;position:absolute;top:-16px;right:-80px}.page-wrapper .service.coding img.code{width:800px;position:relative;bottom:0;right:-300px}.page-wrapper #process{background:#fff;padding:100px 0 50px;border-bottom:1px solid #e4e4e4;position:relative}.page-wrapper #process:after{background-color:#fff;content:"";width:100%;height:0;padding-bottom:4%;margin-top:-2%;position:absolute;top:0;right:0;left:0;z-index:1;-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-o-transform:skewY(-2deg);-ms-transform:skewY(-2deg);transform:skewY(-2deg)}.page-wrapper #process .headline{margin-bottom:100px;font-family:'Open Sans';font-style:normal;font-weight:300;color:#000;font-size:24px;line-height:32px;text-align:center}.page-wrapper #process hr{width:15%;height:1px;margin:25px 0;border-top:1px solid #fe4302}.page-wrapper #process .pbox{margin-bottom:50px}.page-wrapper #process .pbox .title{font-family:'Open Sans';font-style:normal;font-weight:400;color:#000;font-size:14px}.page-wrapper #process .pbox .title span{display:inline-block;margin-right:10px;color:#000;font-family:'Open Sans';font-style:normal;font-weight:700;font-size:35px}@media (max-width:992px){.page-wrapper .service.ci img{max-width:700px;margin:0 0 50px;position:static}.page-wrapper .service.design img{width:100%;margin:0}.page-wrapper .service.coding img.code{width:100%;margin:0 0 20px;position:static;right:auto}}@media (max-width:767px){.page-wrapper .service{padding:50px 0}.page-wrapper .service ul.liststyle{margin-bottom:30px}.page-wrapper .service.ci img{width:100%;height:auto}.page-wrapper #process{padding:50px 0}.page-wrapper #process .headline{margin-bottom:50px}.page-wrapper #process .pbox{text-align:center}.page-wrapper #process .pbox hr{margin:25px auto}.page-wrapper #process .pbox.last{margin-bottom:0}}body.blog #hero,body.category #hero,body.news #hero,body.tag #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/hero-news.jpg) no-repeat center top;background-size:cover}body.author-torsten #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/hero-author-torsten.jpg) no-repeat center top;background-size:cover}body.author-marcel #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/hero-service.jpg) no-repeat center top;background-size:cover}body.news.details #hero{background:#111723}body.author-andreas .page-wrapper:after,body.author-marcel .page-wrapper:after,body.author-torsten .page-wrapper:after,body.blog .page-wrapper:after,body.category .page-wrapper:after,body.news .page-wrapper:after,body.tag .page-wrapper:after{display:none}#hero .hero-text .tags{margin-top:30px}#hero .hero-text .tags a{background:0 0;min-width:70px;padding:0 10px;margin:0 2px;font-size:10px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#hero .hero-text .tags a:hover{color:#fe4302;border-color:#fe4302}#hero .hero-text .author-info img{width:80px;height:80px;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;position:static}#hero .hero-text .author-info .name{font-family:'Open Sans';font-style:normal;font-weight:400;font-size:18px;margin:15px 0}#hero .hero-text .author-info p{max-width:600px;margin:0 auto}.page-wrapper .news-nav{background:#111723;width:100%;height:50px;border-bottom:2px solid #111723;line-height:48px}.page-wrapper .news-nav ul{display:table;margin:0 auto}.page-wrapper .news-nav ul li{margin:0}.page-wrapper .news-nav ul li a{background:#111723;height:50px;padding:0 25px;display:inline-block;border-bottom:2px solid #111723;color:#7a859b;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border-radius:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.page-wrapper .news-nav ul li:hover a{background:#222e45;border-bottom:2px solid #222e45;color:#fff}.page-wrapper .news-nav ul li.active a,.page-wrapper .news-nav ul li.current-menu-item a{background:#222e45;border-bottom:2px solid #fe4302;color:#fff}.page-wrapper #news,.page-wrapper #news-detail{background:#fff;padding:100px 0}.page-wrapper #news-detail .post,.page-wrapper #news .post{margin-bottom:140px;text-align:center}.page-wrapper #news-detail .post .article-header,.page-wrapper #news .post .article-header{overflow:hidden}.page-wrapper #news-detail .post .article-header figure,.page-wrapper #news .post .article-header figure{overflow:hidden}.page-wrapper #news-detail .post .article-header .date,.page-wrapper #news .post .article-header .date{margin-bottom:10px;display:inline-block;color:#999;font-family:'Open Sans';font-style:normal;font-weight:400}.page-wrapper #news-detail .post .article-header .title,.page-wrapper #news .post .article-header .title{font-family:'Open Sans';font-style:normal;font-weight:300;font-size:36px}.page-wrapper #news-detail .post .article-header .title a,.page-wrapper #news .post .article-header .title a{-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.page-wrapper #news-detail .post .article-header .title a:hover,.page-wrapper #news .post .article-header .title a:hover{color:#fe4302}.page-wrapper #news-detail .post .article-header hr,.page-wrapper #news .post .article-header hr{background:#fe4302;width:70px;height:1px;border:none;margin:25px auto}.page-wrapper #news-detail .post .article-content p,.page-wrapper #news .post .article-content p{margin-bottom:40px;font-size:15px;line-height:30px}.page-wrapper #news-detail .post .article-content .btn.demo,.page-wrapper #news .post .article-content .btn.demo{background:#fff;border-color:#fe4302;color:#fe4302;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px}.page-wrapper #news-detail .post .article-footer,.page-wrapper #news .post .article-footer{margin:15px 0 0}.page-wrapper #news-detail .post .article-footer .author,.page-wrapper #news .post .article-footer .author{margin:0;font-size:12px;color:#999;line-height:30px}.page-wrapper #news-detail .post .article-footer .author img,.page-wrapper #news .post .article-footer .author img{width:30px;height:auto;margin-right:10px;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}.page-wrapper #news-detail .post pre,.page-wrapper #news .post pre{background:#111723;background:-webkit-linear-gradient(217deg,#372934 0%,#111723 70%,#111723 100%);background:-o-linear-gradient(217deg,#372934 0%,#111723 70%,#111723 100%);background:linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);background:-moz-linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);background:-webkit-linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);background:-ms-linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);background:-o-linear-gradient(-127deg,#372934 0%,#111723 70%,#111723 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#372934,endColorstr=#111723,GradientType=1);border:none;margin:0 0 25px;position:relative;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}.page-wrapper #news-detail .post pre.language-css:before,.page-wrapper #news .post pre.language-css:before{content:'CSS';background:rgba(255,255,255,.2);padding:1px 5px;display:inline-block;color:#fff;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:12px;text-transform:uppercase;text-shadow:none;position:absolute;top:5px;right:5px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}.page-wrapper #news-detail .post pre.language-markup:before,.page-wrapper #news .post pre.language-markup:before{content:'HTML';background:rgba(255,255,255,.2);padding:1px 5px;display:inline-block;color:#fff;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:12px;text-transform:uppercase;text-shadow:none;position:absolute;top:5px;right:5px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}.page-wrapper #news-detail .pager,.page-wrapper #news .pager{margin-top:50px}.page-wrapper #news-detail .pager .next,.page-wrapper #news .pager .next{width:33%;height:36px;float:left;text-align:right}.page-wrapper #news-detail .pager .next .lnr,.page-wrapper #news .pager .next .lnr{font-size:10px}.page-wrapper #news-detail .pager .prev,.page-wrapper #news .pager .prev{width:33%;height:36px;float:left;text-align:left}.page-wrapper #news-detail .pager .prev .lnr,.page-wrapper #news .pager .prev .lnr{font-size:10px}.page-wrapper #news-detail .pager .overview,.page-wrapper #news .pager .overview{width:33%;height:36px;float:left;text-align:center}.page-wrapper #news-detail .pager .overview a,.page-wrapper #news .pager .overview a{padding:9px 25px!important}.page-wrapper #news-detail .pager .overview .lnr,.page-wrapper #news .pager .overview .lnr{font-size:14px}.page-wrapper #news-detail .pager a,.page-wrapper #news .pager a{display:inline-block;padding:4px 18px;border:1px solid #999;font-family:'Open Sans';font-style:normal;font-weight:600;color:#999;font-size:10px;text-align:center;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px}.page-wrapper #news-detail .pager a:hover,.page-wrapper #news .pager a:hover{background:0 0;border-color:#fe4302;color:#fe4302}.page-wrapper #news-detail .post{margin-bottom:50px}.page-wrapper #news-detail .post .article-header img{margin-bottom:30px}@media (max-width:767px){body.blog .page-wrapper #news,body.blog .page-wrapper #news-detail,body.category .page-wrapper #news,body.category .page-wrapper #news-detail,body.news .page-wrapper #news,body.news .page-wrapper #news-detail,body.single .page-wrapper #news,body.single .page-wrapper #news-detail{background:#fff;padding:50px 0}body.blog .page-wrapper #news-detail .post .article-header .title,body.blog .page-wrapper #news .post .article-header .title,body.category .page-wrapper #news-detail .post .article-header .title,body.category .page-wrapper #news .post .article-header .title,body.news .page-wrapper #news-detail .post .article-header .title,body.news .page-wrapper #news .post .article-header .title,body.single .page-wrapper #news-detail .post .article-header .title,body.single .page-wrapper #news .post .article-header .title{font-size:25px}body.blog .page-wrapper .news-nav,body.category .page-wrapper .news-nav,body.news .page-wrapper .news-nav,body.single .page-wrapper .news-nav{height:50px}body.blog .page-wrapper .news-nav ul li a,body.category .page-wrapper .news-nav ul li a,body.news .page-wrapper .news-nav ul li a,body.single .page-wrapper .news-nav ul li a{background:#111723;height:49px;padding:0 15px;font-size:12px}}@media (max-width:420px){#news-detail .pager a span.text{display:none}}body.page-template-portfolio #hero,body.portfolio #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/hero-portfolio.jpg) no-repeat center top;background-size:cover}.page-wrapper #portfolio{padding:100px 0}.page-wrapper #portfolio h1,.page-wrapper #portfolio h2{margin-bottom:100px;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:30px}.page-wrapper #portfolio h1.center,.page-wrapper #portfolio h2.center{text-align:center}.page-wrapper #portfolio .gal-item{background:#f0f0f0;width:100%;height:400px;margin:0 0 30px;position:relative;overflow:hidden;text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}.page-wrapper #portfolio .gal-item>a{width:100%;height:400px;display:table-cell;vertical-align:middle}.page-wrapper #portfolio .gal-item img{width:100%;-webkit-transition:transform 1.5s ease-out;-moz-transition:transform 1.5s ease-out;-o-transition:transform 1.5s ease-out;-webkit-transition:-webkit-transform 1.5s ease-out;transition:-webkit-transform 1.5s ease-out;transition:transform 1.5s ease-out;transition:transform 1.5s ease-out,-webkit-transform 1.5s ease-out}.page-wrapper #portfolio .gal-item .text{max-width:100%;height:400px;padding:20px;display:table-cell;vertical-align:middle;font-size:22px;line-height:36px}.page-wrapper #portfolio .gal-item .text .icon{display:block;margin:45px 0 35px;color:#fe4302;font-size:40px}.page-wrapper #portfolio .gal-item .text a{font-family:'Open Sans';font-style:normal;font-weight:700;font-size:12px}.page-wrapper #portfolio .gal-item .overlay{background:rgba(0,0,0,.35);opacity:0;filter:alpha(opacity=0);font-family:'Open Sans';font-style:normal;font-weight:700;color:#fff;font-size:20px;line-height:400px;text-align:center;position:absolute;top:10px;left:10px;right:10px;bottom:10px;z-index:10;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;-webkit-transition:opacity .8s ease-out;-moz-transition:opacity .8s ease-out;-o-transition:opacity .8s ease-out;transition:opacity .8s ease-out}.page-wrapper #portfolio .gal-item .overlay .title{opacity:0;filter:alpha(opacity=0);position:relative;top:30px;-webkit-transition:top .3s ease-out;-moz-transition:top .3s ease-out;-o-transition:top .3s ease-out;transition:top .3s ease-out}.page-wrapper #portfolio .gal-item:hover img{-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}.page-wrapper #portfolio .gal-item:hover .overlay{opacity:1;filter:alpha(opacity=100)}.page-wrapper #portfolio .gal-item:hover .overlay .title{opacity:1;filter:alpha(opacity=100);position:relative;top:0}.page-wrapper #portfolio .gal-item.teaser{background:#fff}.page-wrapper #portfolio .gal-item.amann{background:#dcdcdc}.page-wrapper #portfolio .gal-item.amann .overlay{background:#ff6c00;background:rgba(255,108,0,.9)}.page-wrapper #portfolio .gal-item.swissbeam{background:#ffe2e4}.page-wrapper #portfolio .gal-item.swissbeam .overlay{background:#d71921;background:rgba(215,25,33,.9)}.page-wrapper #portfolio .gal-item.gloomboomdoom{background:#656565}.page-wrapper #portfolio .gal-item.gloomboomdoom .overlay{background:#ff3701;background:rgba(255,55,1,.9)}.page-wrapper #portfolio .gal-item.schubert{background:#d4eadf}.page-wrapper #portfolio .gal-item.schubert .overlay{background:#00486c;background:rgba(0,72,108,.9)}.page-wrapper #portfolio .gal-item.apfeldoktor{background:#a3cad6}.page-wrapper #portfolio .gal-item.apfeldoktor .overlay{background:#1d3041;background:rgba(29,48,65,.9)}.page-wrapper #portfolio .gal-item.sonn{background:#f8eee3}.page-wrapper #portfolio .gal-item.sonn .overlay{background:#ff8400;background:rgba(255,132,0,.9)}.page-wrapper #portfolio .gal-item.kunstrasen{background:#c7e1d4}.page-wrapper #portfolio .gal-item.kunstrasen .overlay{background:#40b075;background:rgba(64,176,117,.9)}.page-wrapper #portfolio .gal-item.hezel{background:#f7eedf}.page-wrapper #portfolio .gal-item.hezel .overlay{background:#000;background:rgba(0,0,0,.9)}.page-wrapper #portfolio .gal-item.ipneu .overlay{background:#bc0500;background:rgba(188,5,0,.9)}.page-wrapper #portfolio .gal-item.luminarte .overlay{background:#bc0500;background:rgba(104,174,42,.9)}.page-wrapper #portfolio .gal-item.bento{background:#d6e7ec}.page-wrapper #portfolio .gal-item.bento .overlay{background:#bc1d6f;background:rgba(188,29,111,.9)}.page-wrapper #portfolio .gal-item.torque{background:#c8ccd1}.page-wrapper #portfolio .gal-item.torque .overlay{background:#207dcd;background:rgba(32,125,205,.9)}.page-wrapper #portfolio .gal-item.rosswag{background:#d3c7c0}.page-wrapper #portfolio .gal-item.rosswag .overlay{background:#655723;background:rgba(101,87,35,.9)}.page-wrapper .other-clients{padding:100px 0 0}.page-wrapper .other-clients .headline{margin-bottom:50px;font-family:'Open Sans';font-style:normal;font-weight:300;text-align:center;font-size:30px}.page-wrapper .other-clients p{padding-right:30px;margin-bottom:20px}.page-wrapper .other-clients .cbox{padding:25px;opacity:.3;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.page-wrapper .other-clients .cbox img{width:100%;text-align:center}.page-wrapper .other-clients .cbox:hover{opacity:.7}@media (max-width:992px){.page-wrapper #portfolio .gal-item{height:auto}.page-wrapper #portfolio .gal-item>a{height:260px}.page-wrapper #portfolio .gal-item .overlay{line-height:260px}}#hero .projekt-info{position:relative;margin:0 auto;display:table-cell;vertical-align:middle;padding-top:180px;color:#fff}#hero .projekt-info h1{margin-bottom:20px;font-family:'Open Sans';font-style:normal;font-weight:300;color:#fff}#hero .projekt-info p{font-family:'Open Sans';font-style:normal;font-weight:300;font-size:16px}#hero .projekt-info .hr{background:rgba(255,255,255,.2);width:15%;height:1px;margin:30px 0}.page-wrapper #projektintro{background:#fff;padding:100px 0;position:relative}.page-wrapper #projektintro img.macbook{width:650px;margin-left:-20px;position:absolute;left:50%;top:-341px;z-index:1000}.page-wrapper #projektintro h1,.page-wrapper #projektintro h2{margin-bottom:70px;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:30px}.page-wrapper #projektintro h1.lead,.page-wrapper #projektintro h2.lead{margin:70px 0}.page-wrapper #projektintro .box{padding-right:20px}.page-wrapper #projektintro .box .lnr{display:inline-block;margin-bottom:15px;color:#ef4135;font-size:30px}.page-wrapper #projektintro .box h2,.page-wrapper #projektintro .box h3{margin-bottom:30px;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:20px}.page-wrapper #projektintro .box ul li{margin-bottom:10px}.page-wrapper #projektintro img.logo{width:120px;margin-bottom:40px}.page-wrapper .tablet-teaser{background:#303437;padding:100px 0;overflow:hidden}.page-wrapper .tablet-teaser .tablet{margin-left:-150px;position:relative}.page-wrapper .tablet-teaser .tablet img{width:750px}.page-wrapper .tablet-teaser .text{margin-top:50px;padding-left:40px}.page-wrapper .tablet-teaser .text .headline{margin-bottom:20px;font-family:'Open Sans';font-style:normal;font-weight:400;color:#fff;font-size:20px}.page-wrapper .tablet-teaser .text p{color:#778189}.page-wrapper .tablet-teaser .text .square-icon{border-color:#ff7200}.page-wrapper .tablet-teaser .text .square-icon .lnr{color:#ff7200}.page-wrapper .smartphone-teaser{background:#fff;padding:100px 0 0;overflow:hidden}.page-wrapper .smartphone-teaser .smartphone{margin-left:-150px;position:relative;text-align:right}.page-wrapper .smartphone-teaser .smartphone img{width:650px;bottom:0}.page-wrapper .smartphone-teaser .text .headline{margin-bottom:20px;font-family:'Open Sans';font-style:normal;font-weight:400;color:#252525;font-size:20px}.page-wrapper .smartphone-teaser .text .square-icon{border-color:#ff7200}.page-wrapper .smartphone-teaser .text .square-icon .lnr{color:#ff7200}.page-wrapper .app-teaser{background:#303437;padding:100px 0;overflow:hidden}.page-wrapper .app-teaser .app{margin-left:-150px;position:relative;text-align:right}.page-wrapper .app-teaser .app img{width:650px;bottom:0}.page-wrapper .app-teaser .appicon img{width:70px;height:auto;margin-bottom:30px;-moz-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 1px 10px -3px rgba(0,0,0,.9);box-shadow:0 1px 10px -3px rgba(0,0,0,.9)}.page-wrapper .app-teaser .text .headline{margin-bottom:20px;font-family:'Open Sans';font-style:normal;font-weight:400;color:#fff;font-size:20px}.page-wrapper .app-teaser .text p{color:#778189}.page-wrapper .app-teaser .text a.btn{border-color:#fff;margin-right:15px;margin-top:10px;padding:8px 20px;color:#fff;font-size:12px}.page-wrapper .app-teaser .text a.btn i{margin-right:5px}.page-wrapper .app-teaser .text a.btn:hover{border-color:#fff;color:#fff}.page-wrapper .app-teaser .text .square-icon{border-color:#ff7200}.page-wrapper .app-teaser .text .square-icon .lnr{color:#ff7200}.page-wrapper .full-teaser{width:100%;padding:50px 0;position:relative}.page-wrapper .full-teaser img{position:relative;z-index:200}.page-wrapper .full-teaser.full-teaser-bg:after{content:'';background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-luminarte/luminarte-black-bg.jpg) repeat;display:block;width:100%;height:50%;position:absolute;top:0;left:0;right:0;z-index:100;-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-o-transform:skewY(-2deg);-ms-transform:skewY(-2deg);transform:skewY(-2deg)}.page-wrapper .website-screens{background:#fff;padding:75px 0}.page-wrapper #gallery{background:#fff;padding:0 0 100px;overflow:hidden}.page-wrapper #gallery .text .headline{margin:50px 0;font-family:'Open Sans';font-style:normal;font-weight:400;color:#252525;font-size:20px;text-align:center}.page-wrapper #gallery .gallery{background:0 0}.page-wrapper #gallery .gallery .gallery-cell{background:0 0;width:500px;height:auto;margin:0 30px;counter-increment:gallery-cell}.page-wrapper #gallery .gallery .gallery-cell img{width:500px;margin:10px 0;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 5px -1px rgba(0,0,0,.5);box-shadow:0 1px 5px -1px rgba(0,0,0,.5)}.page-wrapper #gallery .gallery .gallery-cell img.gallery-cell-image{-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;opacity:0}.page-wrapper #gallery .gallery .gallery-cell img.gallery-cell-image.flickity-lazyerror,.page-wrapper #gallery .gallery .gallery-cell img.gallery-cell-image.flickity-lazyloaded{opacity:1}.page-wrapper #gallery .gallery.is-selected{background:0 0}.page-wrapper #gallery .flickity-page-dots{bottom:-50px}.page-wrapper #gallery .flickity-page-dots .dot{width:25px;height:3px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}.page-wrapper #gallery .flickity-prev-next-button{display:none}.page-wrapper .ipadpro-teaser,.page-wrapper .print-teaser,.page-wrapper .website-teaser{padding:100px 0}.page-wrapper .ipadpro-teaser .text-box h3,.page-wrapper .ipadpro-teaser .text-box h4,.page-wrapper .print-teaser .text-box h3,.page-wrapper .print-teaser .text-box h4,.page-wrapper .website-teaser .text-box h3,.page-wrapper .website-teaser .text-box h4{margin-bottom:30px}.page-wrapper .ipadpro-teaser .text-box p,.page-wrapper .print-teaser .text-box p,.page-wrapper .website-teaser .text-box p{margin-bottom:30px}.page-wrapper .ipadpro-teaser .text-box a.btn,.page-wrapper .print-teaser .text-box a.btn,.page-wrapper .website-teaser .text-box a.btn{border-color:#778189;margin-right:15px;margin-top:10px;padding:8px 20px;color:#778189;font-size:12px}.page-wrapper .ipadpro-teaser .text-box a.btn:hover,.page-wrapper .print-teaser .text-box a.btn:hover,.page-wrapper .website-teaser .text-box a.btn:hover{border-color:#c9cdd0;color:#c9cdd0}.page-wrapper .photos .description{background:#000;width:50%;padding:100px 50px;float:left}.page-wrapper .photos .description .headline{margin:0 0 30px;font-family:'Open Sans';font-style:normal;font-weight:400;color:#252525;font-size:24px}.page-wrapper .photos .photo-gallery{width:50%;padding:100px 0;float:left}.page-wrapper .feedback{background:#f0f0f0;padding:70px 0}.page-wrapper .feedback blockquote{margin:0;padding:0 100px;border:none;text-align:center}.page-wrapper .feedback blockquote span{font-size:28px;padding:0 10px}.page-wrapper .feedback blockquote .avatar{display:inline-block;margin-right:10px}.page-wrapper .feedback blockquote .avatar img{width:50px;height:50px;display:inline;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}.page-wrapper .feedback blockquote cite{font-size:12px}.page-wrapper .feedback blockquote cite em{font-family:'Open Sans';font-weight:600;font-style:normal}.page-wrapper .paging{background:#fe4302;padding:30px 0}.page-wrapper .paging a{display:block;color:#fff}.page-wrapper .paging .overview{width:33.33333%;float:left;padding-left:20%;font-size:20px}.page-wrapper .paging .overview .text{opacity:0;visibility:hidden;position:relative;left:-10px;font-size:14px;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.page-wrapper .paging .overview .lnr{position:relative;top:3px}.page-wrapper .paging .overview a{padding:11px 0}.page-wrapper .paging .overview a:hover .text{opacity:1;visibility:visible;left:0}.page-wrapper .paging .next{width:66.66666%;float:left;padding-left:50px;border-left:1px solid #fe6935;position:relative;color:#fff}.page-wrapper .paging .next .subheadline{font-family:'Open Sans';font-style:normal;font-weight:400;font-size:10px;text-transform:uppercase}.page-wrapper .paging .next .headline{font-family:'Open Sans';font-style:normal;font-weight:300;font-size:28px}.page-wrapper .paging .next .lnr{margin-top:-5px;position:absolute;top:50%;right:21%;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}.page-wrapper .paging .next:hover .lnr{right:20%}.page-wrapper .workwithus{background:#fe4302;padding:50px 0;text-align:center;color:#fff}.page-wrapper .workwithus .headline{margin:20px 0;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:28px;font-style:italic}.page-wrapper .workwithus a{font-family:'Open Sans';font-style:normal;font-weight:600;color:#fff;font-size:18px}body.amann #hero,body.page-template-projekt-amann #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-amann/amann-header1.jpg) no-repeat center center;background-size:cover}body.amann #projektintro ul.liststyle li:before,body.page-template-projekt-amann #projektintro ul.liststyle li:before{color:#ff6c00}body.amann #projektintro a.btn,body.page-template-projekt-amann #projektintro a.btn{border-color:#ff6c00;color:#ff6c00;padding:8px 20px;margin-top:20px}body.amann #projektintro a.btn:hover,body.page-template-projekt-amann #projektintro a.btn:hover{border-color:#ff984d;color:#ff984d}body.amann .full-teaser.full-teaser-bg:after,body.page-template-projekt-amann .full-teaser.full-teaser-bg:after{background:#3a3a3a}body.amann .tablet-teaser,body.page-template-projekt-amann .tablet-teaser{background:#3a3a3a}body.amann .tablet-teaser .text .square-icon,body.page-template-projekt-amann .tablet-teaser .text .square-icon{border-color:#ff6c00}body.amann .tablet-teaser .text .square-icon .lnr,body.page-template-projekt-amann .tablet-teaser .text .square-icon .lnr{color:#ff6c00}body.amann .tablet-teaser .text p,body.page-template-projekt-amann .tablet-teaser .text p{color:#989898}body.amann #gallery,body.page-template-projekt-amann #gallery{background:#3a3a3a}body.amann #gallery .text .headline,body.page-template-projekt-amann #gallery .text .headline{color:#ff6c00}body.amann #gallery .flickity-page-dots,body.page-template-projekt-amann #gallery .flickity-page-dots{bottom:-50px}body.amann #gallery .flickity-page-dots .dot,body.page-template-projekt-amann #gallery .flickity-page-dots .dot{background:#fff;width:25px;height:3px;opacity:.6;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px}body.amann #gallery .flickity-page-dots .dot.is-selected,body.page-template-projekt-amann #gallery .flickity-page-dots .dot.is-selected{background:#ff6c00;opacity:1}body.amann .feedback,body.page-template-projekt-amann .feedback{background:#fff}body.apfeldoktor #hero,body.page-template-projekt-apfeldoktor #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-apfeldoktor/apfeldoktor-header.jpg) no-repeat center top;background-size:cover}body.apfeldoktor .website-teaser,body.page-template-projekt-apfeldoktor .website-teaser{background:#1d3041}body.apfeldoktor .website-teaser .text-box,body.page-template-projekt-apfeldoktor .website-teaser .text-box{margin:0 0 30px}body.apfeldoktor .website-teaser .text-box h3,body.apfeldoktor .website-teaser .text-box h4,body.apfeldoktor .website-teaser .text-box p,body.page-template-projekt-apfeldoktor .website-teaser .text-box h3,body.page-template-projekt-apfeldoktor .website-teaser .text-box h4,body.page-template-projekt-apfeldoktor .website-teaser .text-box p{color:#fff}body.apfeldoktor .website-teaser .text-box a.btn,body.page-template-projekt-apfeldoktor .website-teaser .text-box a.btn{border-color:#03b4ea;color:#03b4ea}body.apfeldoktor .website-teaser .text-box a.btn:hover,body.page-template-projekt-apfeldoktor .website-teaser .text-box a.btn:hover{border-color:#3dd0fd;color:#3dd0fd}body.apfeldoktor .ipadpro-teaser,body.page-template-projekt-apfeldoktor .ipadpro-teaser{background:#03b4ea}body.apfeldoktor .ipadpro-teaser .text-box,body.page-template-projekt-apfeldoktor .ipadpro-teaser .text-box{margin:0 0 30px}body.apfeldoktor .ipadpro-teaser .text-box h3,body.apfeldoktor .ipadpro-teaser .text-box h4,body.apfeldoktor .ipadpro-teaser .text-box p,body.page-template-projekt-apfeldoktor .ipadpro-teaser .text-box h3,body.page-template-projekt-apfeldoktor .ipadpro-teaser .text-box h4,body.page-template-projekt-apfeldoktor .ipadpro-teaser .text-box p{color:#fff}body.apfeldoktor .ipadpro-teaser .text-box a.btn,body.page-template-projekt-apfeldoktor .ipadpro-teaser .text-box a.btn{border-color:#fff;color:#fff}body.apfeldoktor .ipadpro-teaser .text-box a.btn:hover,body.page-template-projekt-apfeldoktor .ipadpro-teaser .text-box a.btn:hover{border-color:#3dd0fd;color:#3dd0fd}body.apfeldoktor #gallery,body.page-template-projekt-apfeldoktor #gallery{background:#f0f0f0}body.apfeldoktor #gallery .text .headline,body.page-template-projekt-apfeldoktor #gallery .text .headline{color:#03b4ea}body.apfeldoktor .feedback,body.page-template-projekt-apfeldoktor .feedback{background:#fff}body.page-template-projekt-sonn #hero,body.sonn #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-sonn/sonn-header.jpg) no-repeat center top;background-size:cover}body.page-template-projekt-sonn a.btn,body.sonn a.btn{background:#fff;border-color:#ff7200;margin-top:15px;padding:8px 20px;font-size:12px;color:#ff7200}body.page-template-projekt-sonn a.btn:hover,body.sonn a.btn:hover{border-color:#e66700;color:#e66700}body.page-template-projekt-sonn .app-teaser .text a.btn,body.sonn .app-teaser .text a.btn{background:0 0;border-color:#778189;color:#778189}body.page-template-projekt-sonn .app-teaser .text a.btn:hover,body.sonn .app-teaser .text a.btn:hover{border-color:#c9cdd0;color:#c9cdd0}body.page-template-projekt-sonn #gallery .gallery .gallery-cell,body.sonn #gallery .gallery .gallery-cell{width:66%}body.page-template-projekt-sonn #gallery .gallery .gallery-cell img,body.sonn #gallery .gallery .gallery-cell img{width:100%;-webkit-box-shadow:none;box-shadow:none}body.kunstrasen #hero,body.page-template-projekt-kunstrasen #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-kunstrasen/kunstrasen-header.jpg) no-repeat center top;background-size:cover}body.kunstrasen .website-teaser,body.page-template-projekt-kunstrasen .website-teaser{background:#2c7c52}body.kunstrasen .website-teaser img,body.page-template-projekt-kunstrasen .website-teaser img{width:480px;position:absolute;right:50px;top:-150px}body.kunstrasen .website-teaser .text-box,body.page-template-projekt-kunstrasen .website-teaser .text-box{margin:0 0 30px}body.kunstrasen .website-teaser .text-box h3,body.kunstrasen .website-teaser .text-box h4,body.kunstrasen .website-teaser .text-box p,body.page-template-projekt-kunstrasen .website-teaser .text-box h3,body.page-template-projekt-kunstrasen .website-teaser .text-box h4,body.page-template-projekt-kunstrasen .website-teaser .text-box p{color:#fff}body.kunstrasen .website-teaser .text-box a.btn,body.page-template-projekt-kunstrasen .website-teaser .text-box a.btn{border-color:#ffa800;color:#ffa800}body.kunstrasen .website-teaser .text-box a.btn:hover,body.page-template-projekt-kunstrasen .website-teaser .text-box a.btn:hover{border-color:#ffc24d;color:#ffc24d}body.kunstrasen #gallery .text .headline,body.page-template-projekt-kunstrasen #gallery .text .headline{color:#40b075}@media (max-width:992px){body.kunstrasen .website-teaser,body.page-template-projekt-kunstrasen .website-teaser{padding:50px 0;background:#2c7c52}body.kunstrasen .website-teaser img,body.page-template-projekt-kunstrasen .website-teaser img{margin-bottom:50px;position:static}}body.hezel #hero,body.page-template-projekt-hezel #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-hezel/hezel-header.jpg) no-repeat center top;background-size:cover}body.hezel a.btn,body.page-template-projekt-hezel a.btn{background:#fff;border-color:#ee7f01;margin-top:15px;padding:8px 20px;font-size:12px;color:#ee7f01}body.hezel a.btn:hover,body.page-template-projekt-hezel a.btn:hover{border-color:#d57101;color:#d57101}body.hezel #gallery,body.page-template-projekt-hezel #gallery{background:#f0f0f0}body.hezel #gallery .text .headline,body.page-template-projekt-hezel #gallery .text .headline{color:#ee7f01}body.hezel .feedback,body.page-template-projekt-hezel .feedback{background:#fff}body.ipneu #hero,body.page-template-projekt-ipneu #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-ipneu/ipneu-header.jpg) no-repeat center top;background-size:cover}body.luminarte #hero,body.page-template-projekt-luminarte #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-luminarte/luminarte-header.jpg) no-repeat center top;background-size:cover}body.luminarte .page-wrapper .website-screens.black,body.page-template-projekt-luminarte .page-wrapper .website-screens.black{position:relative}body.luminarte .page-wrapper .website-screens.black:after,body.page-template-projekt-luminarte .page-wrapper .website-screens.black:after{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-luminarte/luminarte-black-bg.jpg) repeat;content:"";width:100%;height:0;padding-bottom:25%;margin-top:2%;position:absolute;top:0;right:0;left:0;z-index:0;-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-o-transform:skewY(-2deg);-ms-transform:skewY(-2deg);transform:skewY(-2deg)}body.luminarte .page-wrapper .website-screens.black img,body.page-template-projekt-luminarte .page-wrapper .website-screens.black img{position:relative;z-index:100}body.bento #hero,body.page-template-projekt-bento #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-bento/bento-header.jpg) no-repeat center top;background-size:cover}body.bento .page-wrapper .website-teaser,body.page-template-projekt-bento .page-wrapper .website-teaser{background:#00a4d8}body.bento .page-wrapper .website-teaser .text-box,body.page-template-projekt-bento .page-wrapper .website-teaser .text-box{margin:20px 0 0 -200px}body.bento .page-wrapper .website-teaser .text-box h3,body.bento .page-wrapper .website-teaser .text-box h4,body.bento .page-wrapper .website-teaser .text-box p,body.page-template-projekt-bento .page-wrapper .website-teaser .text-box h3,body.page-template-projekt-bento .page-wrapper .website-teaser .text-box h4,body.page-template-projekt-bento .page-wrapper .website-teaser .text-box p{color:#fff}body.bento .page-wrapper .website-teaser .text-box a.btn,body.page-template-projekt-bento .page-wrapper .website-teaser .text-box a.btn{border-color:#8be3ff;color:#8be3ff}body.bento .page-wrapper .website-teaser .text-box a.btn:hover,body.page-template-projekt-bento .page-wrapper .website-teaser .text-box a.btn:hover{border-color:#d8f6ff;color:#d8f6ff}body.bento .page-wrapper .print-teaser,body.page-template-projekt-bento .page-wrapper .print-teaser{background:#f0f0f0}body.bento .page-wrapper .print-teaser img,body.page-template-projekt-bento .page-wrapper .print-teaser img{width:100%;margin-bottom:-100px}body.bento .page-wrapper #gallery,body.page-template-projekt-bento .page-wrapper #gallery{background:#fff}body.bento .page-wrapper #gallery .text .headline,body.page-template-projekt-bento .page-wrapper #gallery .text .headline{color:#00a4d8}@media (max-width:992px){body.bento .page-wrapper .website-teaser .text-box,body.page-template-projekt-bento .page-wrapper .website-teaser .text-box{margin:50px 0 0}}body.page-template-projekt-torque #hero,body.torque #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-torque/torque-header.jpg) no-repeat center top;background-size:cover}body.page-template-projekt-torque ul.liststyle li:before,body.torque ul.liststyle li:before{color:#185194}body.page-template-projekt-torque .website-teaser,body.torque .website-teaser{background:#185194}body.page-template-projekt-torque .website-teaser .text-box,body.torque .website-teaser .text-box{margin:20px 0 0 -200px}body.page-template-projekt-torque .website-teaser .text-box h3,body.page-template-projekt-torque .website-teaser .text-box h4,body.page-template-projekt-torque .website-teaser .text-box p,body.torque .website-teaser .text-box h3,body.torque .website-teaser .text-box h4,body.torque .website-teaser .text-box p{color:#fff}body.page-template-projekt-torque .website-teaser .text-box a.btn,body.torque .website-teaser .text-box a.btn{border-color:#609de5;color:#609de5}body.page-template-projekt-torque .website-teaser .text-box a.btn:hover,body.torque .website-teaser .text-box a.btn:hover{border-color:#e3eefb;color:#e3eefb}body.page-template-projekt-torque #gallery,body.torque #gallery{background:#a4b0bd}body.page-template-projekt-torque #gallery .text .headline,body.torque #gallery .text .headline{color:#fff}body.page-template-projekt-torque .feedback,body.torque .feedback{background:#fff}@media (max-width:992px){body.page-template-projekt-torque .page-wrapper .website-teaser .text-box,body.torque .page-wrapper .website-teaser .text-box{margin:50px 0 0}}body.page-template-projekt-rosswag #hero,body.rosswag #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/projekt-rosswag/rosswag-header.jpg) no-repeat center top;background-size:cover}body.page-template-projekt-rosswag a.btn,body.rosswag a.btn{background:#fff;border-color:#66571e;margin-top:15px;padding:8px 20px;font-size:12px;color:#66571e}body.page-template-projekt-rosswag a.btn:hover,body.rosswag a.btn:hover{border-color:#a1892f;color:#a1892f}body.page-template-projekt-rosswag .image,body.rosswag .image{position:relative;margin-bottom:100px}body.page-template-projekt-rosswag .image img,body.rosswag .image img{position:relative;z-index:10}body.page-template-projekt-rosswag .image:after,body.rosswag .image:after{background-color:#d4d0c9;content:"";width:100%;height:0;padding-bottom:40%;margin-top:1%;position:absolute;top:0;right:0;left:0;z-index:0;-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-o-transform:skewY(-2deg);-ms-transform:skewY(-2deg);transform:skewY(-2deg)}body.page-template-projekt-rosswag .screens,body.rosswag .screens{margin-bottom:100px}@media (max-width:1200px){.page-wrapper .smartphone-teaser .smartphone{margin-left:0}.page-wrapper .smartphone-teaser .text{margin-top:0}}@media (max-width:992px){.page-wrapper #projektintro{padding:50px 0}.page-wrapper #projektintro img.macbook{width:100%;padding:0 15px;margin:auto 0px;position:static;left:auto}.page-wrapper #projektintro .box{margin-bottom:50px}.page-wrapper .tablet-teaser .tablet{margin-left:0}.page-wrapper .tablet-teaser .tablet img{width:100%}.page-wrapper .tablet-teaser .text{margin-top:0;padding-left:0}.page-wrapper .smartphone-teaser .smartphone{text-align:center}.page-wrapper .smartphone-teaser .text{padding-left:0}.page-wrapper .ipadpro-teaser img{margin-bottom:50px}}@media (max-width:767px){#hero .projekt-info{padding-top:60px;font-size:14px}#hero .projekt-info h1{font-size:30px}#hero .projekt-info .hr{margin:15px 0}#hero .projekt-info p{font-size:14px}.page-wrapper #gallery{padding:0 0 50px}.page-wrapper #gallery .gallery-cell{width:90%!important;margin:0 5px!important}.page-wrapper #gallery .gallery-cell img{width:100%!important}.page-wrapper #gallery .flickity-page-dots{bottom:-31px}.page-wrapper .website-teaser{padding:50px 0}.page-wrapper .ipadpro-teaser{padding:50px 0 20px}.page-wrapper .feedback{padding:50px 0}.page-wrapper .feedback blockquote{padding:0}.page-wrapper .feedback blockquote .avatar{margin:30px 0 15px;display:block}.page-wrapper .paging .overview{padding-left:5%}.page-wrapper .paging .next{padding-left:30px}.page-wrapper .paging .next .headline{width:80%;height:26px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.page-wrapper .paging .next .lnr{margin-top:-5px;position:absolute;top:50%;right:8%;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}.page-wrapper .paging .next:hover .lnr{right:7%}}body.contact #hero,body.page-template-contact #hero{background:url(//www.creartix.de/wp-content/themes/creartix-design-studio/images/hero-kontakt.jpg) no-repeat center top;background-size:cover}.page-wrapper #contact{padding:100px 0}.page-wrapper #contact h2{margin-bottom:30px;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:30px}.page-wrapper #contact h3{margin-bottom:10px;font-family:'Open Sans';font-style:normal;font-weight:400;font-size:17px}.page-wrapper #contact h3 .lnr{margin-right:5px}.page-wrapper #contact .widget{margin-bottom:50px}.page-wrapper #contact .widget.openings p span{min-width:70px;display:inline-block}.page-wrapper #contact .widget.address p span{min-width:40px;display:inline-block}.page-wrapper #contact .widget.last{margin-bottom:0}.page-wrapper #contact ul.social li{margin-bottom:5px}.page-wrapper #contact ul.social li a{display:block}.page-wrapper #contact ul.social li a i{width:25px;font-size:14px}.page-wrapper #contact ul.social li a.fb{color:#3b5998}.page-wrapper #contact ul.social li a.tw{color:#55acee}.page-wrapper #contact ul.social li a.be{color:#1769ff}.page-wrapper #contact ul.social li a.dr{color:#ea4c89}.page-wrapper #contact .formular{margin-top:30px}.page-wrapper #contact .formular .form-group{margin-bottom:30px}.page-wrapper #contact .formular label{margin:0;line-height:16px}.page-wrapper #contact .formular span{color:#fe4302}.page-wrapper #contact .formular input[type=email],.page-wrapper #contact .formular input[type=text]{height:30px;padding:0;border:none;border-bottom:1px solid #dde0ea;font-size:14px;color:#000;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border-radius:0}.page-wrapper #contact .formular input[type=email]:hover,.page-wrapper #contact .formular input[type=text]:hover{border-color:#bbbfce}.page-wrapper #contact .formular input[type=email]:focus,.page-wrapper #contact .formular input[type=text]:focus{border-color:#fe4302}.page-wrapper #contact .formular .custom-select{background:#fff;width:100%;padding:5px 0 0;border-bottom:1px solid #dde0ea;overflow:hidden;position:relative}.page-wrapper #contact .formular .custom-select select{background-color:transparent;background-image:none;width:100%;padding:0 0 5px;border:none;font-family:'Open Sans';font-style:normal;font-weight:300;font-size:14px;color:#000}.page-wrapper #contact .formular textarea{margin-bottom:35px;padding:10px 0;height:61px;border:none;border-bottom:1px solid #dde0ea;color:#000;-moz-border-radius:0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border-radius:0;-webkit-transition:.2s height ease;-o-transition:.2s height ease;transition:.2s height ease}.page-wrapper #contact .formular textarea:hover{border-color:#bbbfce}.page-wrapper #contact .formular textarea:focus{border-color:#fe4302}.page-wrapper #contact .formular button,.page-wrapper #contact .formular input[type=submit]{background:0 0;padding:10px 25px;font-family:'Open Sans';font-style:normal;font-weight:600;color:#4cae4c;-moz-border-radius:25px;-webkit-border-radius:25px;-khtml-border-radius:25px;border-radius:25px}.page-wrapper #contact .formular button:hover,.page-wrapper #contact .formular input[type=submit]:hover{background:#4cae4c;border-color:#4cae4c;color:#fff}.page-wrapper #contact .formular .wpcf7-not-valid-tip{font-size:11px;color:red}.page-wrapper #contact .wpcf7-response-output{width:50%;margin:0;padding:0;float:left;border:none}.page-wrapper #contact .wpcf7-response-output.wpcf7-validation-errors{color:red}.page-wrapper #contact .wpcf7-response-output.wpcf7-mail-sent-ok{color:#4cae4c}.page-wrapper #contact div.wpcf7 img.ajax-loader{width:32px;height:auto}.page-wrapper #contactmap{width:100%;height:450px;position:relative}.page-wrapper #contactmap .mapoverlay{background:rgba(0,0,0,.2);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100}.page-wrapper #contactmap #googleMap{width:100%;height:450px}@media (max-width:767px){body.contact .page-wrapper #contact,body.page-template-contact .page-wrapper #contact{background:#fff;padding:50px 0}body.contact .page-wrapper #contact .formular button,body.contact .page-wrapper #contact .formular input[type=submit],body.page-template-contact .page-wrapper #contact .formular button,body.page-template-contact .page-wrapper #contact .formular input[type=submit]{width:100%;float:none}body.contact .page-wrapper #contact .wpcf7-response-output,body.page-template-contact .page-wrapper #contact .wpcf7-response-output{width:100%;margin:0 0 15px;float:none}}