@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(../fonts/open-sans-v16-latin-regular.eot);src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/open-sans-v16-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v16-latin-regular.woff2) format('woff2'),url(../fonts/open-sans-v16-latin-regular.woff) format('woff'),url(../fonts/open-sans-v16-latin-regular.ttf) format('truetype'),url(../fonts/open-sans-v16-latin-regular.svg#OpenSans) format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(../fonts/open-sans-v16-latin-600.eot);src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../fonts/open-sans-v16-latin-600.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v16-latin-600.woff2) format('woff2'),url(../fonts/open-sans-v16-latin-600.woff) format('woff'),url(../fonts/open-sans-v16-latin-600.ttf) format('truetype'),url(../fonts/open-sans-v16-latin-600.svg#OpenSans) format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(../fonts/open-sans-v16-latin-700.eot);src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../fonts/open-sans-v16-latin-700.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v16-latin-700.woff2) format('woff2'),url(../fonts/open-sans-v16-latin-700.woff) format('woff'),url(../fonts/open-sans-v16-latin-700.ttf) format('truetype'),url(../fonts/open-sans-v16-latin-700.svg#OpenSans) format('svg')}@font-face{font-family:Anton;font-style:normal;font-weight:400;src:url(../fonts/anton-v11-latin-regular.eot);src:local('Anton Regular'),local('Anton-Regular'),url(../fonts/anton-v11-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/anton-v11-latin-regular.woff2) format('woff2'),url(../fonts/anton-v11-latin-regular.woff) format('woff'),url(../fonts/anton-v11-latin-regular.ttf) format('truetype'),url(../fonts/anton-v11-latin-regular.svg#Anton) format('svg')}body,html,input,textarea{color:#fff;font:16px/27px 'Open Sans';-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html,section{overflow-y:inherit!important}*{box-sizing:border-box}a{color:#1c1c86;text-decoration:none;transition:all 1s ease;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,a:hover,div,footer,h2,section{outline:0!important}a:hover{text-decoration:underline}h1,h2{font-family:Anton;font-size:30px;font-weight:200;letter-spacing:.05em;padding-bottom:20px;line-height:1.5;text-transform:uppercase}h3{font-size:16px;padding-bottom:10px}header{background:url(../images/sn-werbedesign-gartenposter.jpg) no-repeat center top;height:950px;width:100%;background-size:cover}nav{width:100%;background-color:#fff;border:1px solid #ff7f2a;border-left:none;border-right:none;position:fixed;margin-top:40px;text-align:center;height:45px;z-index:100}nav ul{display:inline-block;position:relative;margin-top:-8px}nav ul li{display:inline-block;padding-left:20px;padding-right:20px}nav ul li a{color:#ff7f2a;text-transform:uppercase}nav ul li a:hover{color:#1c1c86}nav ul li img{position:relative;top:-14px}.headline{text-align:center;position:relative;top:30%;transform:translatey(0);animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}100%{transform:translatey(0)}}.logo,.sidenav,header span{display:none}#ueber-uns{position:relative;display:flex}.col1,.col2{width:50%;display:inline-block;margin-bottom:10px}.col1{z-index:1}.col1 img{position:absolute}.col1 img:first-of-type{padding-top:50px;z-index:-1}.col1 img:nth-of-type(2){margin-left:35%;top:191px;z-index:-1}.col2 img:last-of-type{margin-left:37%;margin-top:-75px}.col2 img:first-of-type{margin-left:200px;margin-top:180px}.col1 .content{background-color:#ff7f2a;color:#fff;padding:40px;margin-top:50px;margin-left:150px;width:90%;z-index:99}.col2{background:url(../images/steinmauer.jpg) no-repeat center top;width:50%;height:620px;background-attachment:fixed;background-size:cover}.col2 ul{position:relative;top:-159px;margin-left:259px}.col2 ul li{padding-bottom:35px}.col2 ul li a{color:transparent}#gartenposter{position:relative;display:flex}.col3,.col4{width:50%;display:inline-block}.col3{margin-top:0;z-index:-1}.col4{margin-top:5%;width:70%;margin-left:-170px}.col4 .content-2{background-color:#ff7f2a;padding:40px;margin-left:75px;margin-right:275px}.col4 .content-2 a{color:#fff}.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}.rslides li:first-child{position:relative;display:block;float:left}.rslides img{display:block;height:auto;float:left;width:100%;border:0}.rslides_tabs{list-style:none;padding:0;background:rgba(0,0,0,.25);box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1);-moz-box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1);-webkit-box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1);font-size:18px;list-style:none;margin:0 auto 50px;max-width:540px;padding:10px 0;text-align:center;width:100%}.rslides_tabs li{display:inline;float:none;margin-right:1px}.rslides_tabs a{width:auto;line-height:20px;padding:9px 20px;height:auto;background:0 0;display:inline}.rslides_tabs li:first-child{margin-left:0}.rslides_tabs .rslides_here a{background:rgba(255,255,255,.1);color:#fff;font-weight:700}#material{background:url(../images/gestalteter-garten.jpg) no-repeat center top;width:100%;height:1000px;background-attachment:fixed;background-size:cover;display:flex;position:relative}.col5{margin:50px 0 0 50px}.col5 .content-3{background-color:#fff;opacity:.9;color:#ff7f2a;padding:40px}.col6{margin-top:220px}.col6 a{margin-left:calc(50% - 190px)}.col6 .content-4{background-color:#ff7f2a;color:#fff;padding:40px;margin:350px 0 0 60px}#cboxOverlay,#cboxWrapper,#colorbox{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxBottomLeft,#cboxMiddleLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingGraphic,#cboxLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxContent,#cboxLoadedContent,#colorbox{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxTopLeft{width:14px;height:14px;background:url(../images/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(../images/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(../images/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(../images/controls.png) no-repeat 0 -67px}#cboxBottomCenter{height:43px;background:url(../images/border.png) repeat-x 0 -67px}#cboxBottomRight{width:14px;height:43px;background:url(../images/controls.png) no-repeat -36px -67px}#cboxMiddleLeft{width:14px;background:url(../images/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(../images/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center}#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:700;color:#444}#cboxCurrent{position:absolute;bottom:-25px;left:0;font-weight:400;color:#444}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{border:0;padding:0;margin:0;overflow:visible;position:absolute;bottom:-26px;background:url(../images/controls.png) no-repeat 0 0;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{bottom:50%}#cboxNext{bottom:50%;right:0}#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active{outline:0}#cboxPrevious{left:0;background-position:-51px -25px}#cboxPrevious:hover{background-position:-51px 0}#cboxNext{right:0;background-position:-75px -25px}#cboxNext:hover{background-position:-75px 0}#cboxClose{right:0;background-position:-100px -25px}#cboxClose:hover{background-position:-100px 0}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0}.online{transform:translatey(0);animation:float 6s ease-in-out infinite}#impressum{background:url(../images/betonwand.jpg) repeat center top;width:100%;height:1200px;background-attachment:fixed;background-size:auto;display:flex}.col7,.col8{display:inline-block;width:50%}.col7{margin:200px 0 0 10%}.col8{margin-top:16%}#impressum h2{color:#ff7f2a}#impressum p{color:#343434;width:90%}#impressum ul li{color:#343434}.col8 iframe{width:80%;height:700px;border:none}.kontakt{display:none}.datenschutz{position:fixed;bottom:6px;z-index:1000}.datenschutz a{font-family:Anton;font-size:16px;color:#fff;background-color:#ff7f2a;padding:7px}::selection{background:#000072;color:#fff;text-shadow:none}::-moz-selection{background:#000072;color:#fff;text-shadow:none}.back-to-top{-webkit-transition:color 2s ease-in-out;-o-transition:color 2s ease-in-out;transition:color 2s ease-in-out;padding-top:3px;text-align:center;border:1px solid #000;cursor:pointer;z-index:5;position:fixed;bottom:1rem;right:1rem;width:44px;height:44px;background:rgba(0,0,0,.4);border-radius:.25em;overflow:hidden}.back-to-top i{color:#000;font-size:2rem}.wrapper{width:90%;margin:0 auto}#landing{padding:100px 0;background:url(../images/betonwand.jpg) repeat center top/auto;width:100%;height:auto;background-attachment:fixed;display:flex;border-bottom:2px solid #ff7f2a}#landing h1,#landing h2{color:#ff7f2a}#landing h2{font-size:25px;padding-bottom:10px;line-height:1.3}#landing p{padding-bottom:15px;color:#444}#landing .col-1,#landing .col-2{display:inline-block;width:49%;vertical-align:top}#landing .col-2 img{margin:15px 0 35px 0;width:100%}#landing .col-1{padding-right:15px}#landing .col-2{padding-left:15px}#landing a{color:#000072;font-weight:700;transition:all 1s ease}#landing a:hover{color:#ff7f2a;text-decoration:none}@media screen and (max-width:1550px){.col4{margin-top:3%;width:50%}.col4 .content-2{margin-right:0}}@media screen and (max-width:1400px){header{height:750px}#ueber-uns{display:block}.col1,.col2{display:block;width:100%}.col1 .content{position:relative;margin-left:15%;width:70%;margin-bottom:100px}.col2 ul{margin-left:37%}.col1 img:first-of-type{padding-top:0;padding-left:45px}.col1 img:nth-of-type(2){display:none}.col2 img:first-of-type{margin-left:calc(50% - 190px)}.col2 img:last-of-type{margin-left:calc(50% - 189px)}}@media screen and (max-width:1378px){#material{display:block}.col5{padding:20px;margin:0}.col6{margin-top:0}.col6 .content-4{margin:20px 0 0 0}.col4{margin-left:-70px;width:60%}.col4 .content-2{margin-left:0;margin-right:15px}}@media screen and (max-width:1320px){.col4{margin-top:40px}}@media screen and (max-width:1250px){.col4 .content-2{margin-right:0}}@media screen and (max-width:1120px){.col4 .content-2{margin-left:15px}.col2{background-attachment:scroll}#material{background:url(../images/gestalteter-garten.jpg) no-repeat center top;width:100%;height:1000px;background-attachment:scroll;background-size:cover}}@media screen and (max-width:1050px){nav{display:none}header span{display:block;position:fixed;top:21px;right:32px;background:#ff7f2a;width:56px;height:50px;cursor:pointer;z-index:10000;transition:all 1s;border:1px solid #fff}header span:hover{background:#dd6414}header span img{width:41px;height:31px;position:absolute;top:9px;left:7px;margin:0}.sidenav{display:block;height:100%;width:0;position:fixed;z-index:20000;top:0;right:0;background:rgba(255,127,42,.9);overflow-x:hidden;transition:.5s;padding-top:15px}.sidenav a{padding:30px 8px 8px 32px;text-decoration:none;font-size:17px;color:#fff;display:block;transition:.3s;font-family:'Open Sans';text-transform:uppercase;text-align:center}.offcanvas a:focus,.sidenav a:hover{font-weight:700}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.logo{display:block;position:fixed;top:15px;left:15px;z-index:150}header{height:550px}.col1 img:first-of-type{padding-left:0}#gartenposter{display:block}.col3{width:100%}.col4{margin-top:0;margin-left:0;width:100%}.col4 .content-2{margin-left:0}.col7,.col8{margin-top:25%}}@media screen and (max-width:900px){#impressum{height:1500px;display:block}.col8{display:none}.col7{margin-top:45%;width:80%}.kontakt{display:block;background-color:#ff7f2a;font-family:Anton;font-size:18px;padding:10px;text-align:center;margin-top:30px}.kontakt a{color:#fff}.col2 ul{margin-left:32%}}@media screen and (max-width:750px){#material{height:1250px}}@media screen and (max-width:700px){.headline img{width:85%}}@media screen and (max-width:600px){.col2 img:first-of-type{display:none}.col2 ul li a{color:#ff7f2a;background-color:#fff;padding:10px}.col2 ul{left:12px;position:relative;width:88%;margin-left:0;padding-top:350px}.col2 li{list-style-type:none}.col2 li::before{content:"»";color:#ff7f2a;font-size:2.5em;padding-right:10px}.col2 img:last-of-type{width:70%;margin-left:15%;margin-top:-200px}}@media screen and (max-width:555px){#material{height:1500px}.col7{margin-top:65%}}@media screen and (max-width:500px){header{height:450px}.col1 .content{width:85%;margin-left:7.5%}.col2{height:530px}.col2 ul li a{font-size:14px}.col2 ul{left:0;margin:5%;margin-left:0;top:100px;width:96%;padding-top:0}.col2 li::before{content:"»";color:#ff7f2a;font-size:1.5em;padding-right:10px}.col2 img:last-of-type{margin-top:120px}}@media screen and (max-width:490px){.col7{margin-top:105%}}@media screen and (max-width:450px){#material{height:1700px}.col7{margin-top:120%}.col6 img{width:90%;margin-left:5%}#impressum{height:1650px}}@media screen and (max-width:381px){.logo img{width:73%;transform:rotate(-2deg)}#material{height:2200px}}@media screen and (max-width:350px){.col6 img{margin-left:13%}.col1 .content{width:90%;margin-left:5%;padding:20px}.col4 .content-2{padding:20px}.col5 .content-3{padding:20px}.col5{padding:10px}.col6 .content-4{padding:20px}.col7{margin-top:25%}#impressum{height:1450px}}