AS FAR AS YOU CAN GO

\n \n \n","plan":"premium","sponsored":true,"email_md5":"6045df835f5f900d0bcbe0892a55889b","features":["public-asset-info","password"],"languages":"de,en","css":"\n\n@font-face{ \n\tfont-family: 'kollektifregular';\n\tsrc: url('https://dl.dropboxusercontent.com/u/17047553/webfontkit-20151023-101718/kollektif-webfont.eot');\n\tsrc: url('https://dl.dropboxusercontent.com/u/17047553/webfontkit-20151023-101718/kollektif-webfont.eot?#iefix') format('embedded-opentype'),\n\t url('https://dl.dropboxusercontent.com/u/17047553/webfontkit-20151023-101718/kollektif-webfont.woff') format('woff'),\n\t url('https://dl.dropboxusercontent.com/u/17047553/webfontkit-20151023-101718/kollektif-webfont.svg') format('svg');\n}\nbody a{\n color: blue !important;\n}\n\n\nbody .navigation {\nz-index: 9998;\n background-color: #ffffff;\n padding: 0px 0px 0px 0px !important;\n font-family: kollektifregular, helvetica;\n letter-spacing: 0px !important;\n font-weight: normal !important;\n font-size: 20pt !important;\n position: fixed;\n line-height: 1em;\n color: #404040;\n bottom: inherit !important;\n pointer-events: auto;\n transition: all 0.2s ease-in-out !important;\n}\nbody .navigation a {\n color: blue;\n border-bottom-color: #ffffff;\n border-bottom-style: solid;\n border-bottom-width: 4px;\n padding: 14px 0px 10px 0px;\n transition: all 0.2s ease-in-out !important;\n}\n\nbody .navigation a:hover {\n color: #404040;\n border-bottom-color: blue;\n border-bottom-style: solid;\n border-bottom-width: 4px;\n transition: all 0.2s ease-in-out !important;\n}\n\nbody .navigation a.current {\n color: #404040;\n border-bottom-color: blue;\n border-bottom-style: solid;\n border-bottom-width: 4px;\n}\n\nbody .text-asset-content {\n background-color: #ffffff;\n color: #ffffff;\n\n}\nbody .text-asset-content a {\n color: #00ae84;\n}\nbody .text-asset-content a:hover {\n color: #00ae84;\n}\nbody .page-asset-container .image-asset-content {\n color: #29ffce;\n font-family: kollektifregular, helvetica !important;\n letter-spacing: 0px !important;\n font-weight: normal !important;\n font-size: 10pt !important;\n line-height: 2em !important;\n text-align: left;\n}\nbody .page-asset-container .image-asset-content a:hover {\n color: #29ffce;\n }\n \n\nbody {\n background-color: #ffffff !important;\n}\n.navigation {\n left:-10px;\n width: 105% !important;\n margin-left: 0px !important;\n margin-right: 0px !important;\n -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);\n -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);\n \n}\n.navigation-logo {\n display: none !important;\n}\n.navigation a {\n width: auto !important;\n}\n\n.navigation-item {\n margin-left: auto !important;\n margin-right: auto !important;\n padding: 0px 0px 0px 40px !important;\n}\n.navigation-items {\n display: table-cell;\n}\n\na#small-home-drop {\n background-color: #000000 !important;\n width: 45px !important;\n height: 45px !important;\n position: fixed !important;\n top: 160px !important;\n right: 160px !important;\n background-image: url(http://salon-9elementsgmbh.netdna-ssl.com/system/files/532f39/20342b828faa00063b/btnhomedrop-01.png) !important;\n background-position: center center !important;\n transition: all 0.2s ease-in-out !important;\n\n}\na#small-home-drop:hover {\n background-position: center center !important;\n transition: all 0.2s ease-in-out !important;\n transition: all 0.2s ease-in-out !important;\n}\n\n.text-asset-content {\n padding: 0px 0px 0px 0px !important;\n background: transparent !important;\n color: #404040 !important;\n font-family: kollektifregular, helvetica !important;\n letter-spacing: 0px !important;\n font-weight: normal !important;\n font-size: 20pt !important;\n line-height: 1.5em !important;\n overflow: hidden !important;\n}\n\n \n.text-asset-container {\n padding: 0 !important;\n z-index: 1000!important;\n}\n\n\n\nh2 {\n font-family: kollektifregular, helvetica;\n font-size: 20pt !important;\n text-align: left !important;\n text-transform: uppercase !important;\n line-height: 1.5 !important;\n font-weight: normal !important;\n font-size: 10pt !important;\n letter-spacing: 0px !important;\n\n}\n\nh1 {\n font-family: kollektifregular, helvetica;\n font-size: 25pt !important;\n text-align: left !important;\n font-weight: normal !important;\n letter-spacing: 0px !important;\n line-height: 1.5 !important;\n padding: 0px 0px 15px 0px !important;\n}\n\n#content {\n margin: 0 0 0 0 !important;\n padding: 0 0 0 0 !important;\n top: 0px !important;\n}\n\n#assets { \n margin-left: auto !important;\n margin-right: auto !important;\n margin-top: 125px !important;\n margin-bottom: 0px !important;\n border: 0 !important;\n}\n\n/*\n.asset:first-child{\n margin-top: 250px !important;\n}*/\n\n\n.asset {\n margin-top: 0px !important;\n margin-left: 30px !important;\n margin-right: 0px !important;\n margin-bottom: 30px !important;\n transition: all 0.2s ease-in-out !important;\n background: transparent !important;\n border:0;\n}\n\n.slideshow {\n\ntop: 0px !important;\n}\n.content {\n top: 55px !important;\n}\n.image_detail_nav_btn {\n top: 55px !important;\n width: 50% !important;\n transition: all 0.2s ease-in-out !important;\n\n}\n.image_show_container {\n margin: 0px 0px 0px 0px!important;\n padding: 0px 0px 0px 0px !important;\n}\n\n.image_show_container img {\n display: block !important;\nmargin: auto;\n}\n\n\n.prev_image_btn div {\n z-index: 10000!important;\n background-image: url(http://salon-9elementsgmbh.netdna-ssl.com/system/files/562b7a/a7342b828960003778/foxandrobin_back.png) !important;\n background-repeat: no-repeat;\n background-position: center center;\n width: 180px;\n height: 100%;\n position: absolute;\nleft: 50px;\ntop: 0 !important;\n transition: all 0.2s ease-in-out !important;\n}\n\n\n.next_image_btn div {\n background-image: url(http://salon-9elementsgmbh.netdna-ssl.com/system/files/562b7a/a8342b82533c000273/foxandrobin_next.png) !important;\n background-repeat: no-repeat;\n background-position: center center;\n width: 180px;\n height: 100%;\n position: absolute;\n top: 0px;\n right: 30px !important;\n left:auto !important;\n transition: all 0.2s ease-in-out !important;\n}\n\n\n \n#slideshow .close-btn {\n z-index: 10000 !important;\n display: block;\n position: fixed;\n right: 150px;\n left: auto !important;\n top: 2px !important;\n width: 30px;\n height: 30px;\n background-image: url(http://salon-9elementsgmbh.netdna-ssl.com/system/files/532f28/f9342b82d0910000fd/btnclose-01.png);\n background-repeat: no-repeat;\n background-position: center;\n cursor: pointer;\n}\n \n.image-counter {\n display: none !important;\n}\n\nbody .square-view .asset-container {\n margin-right: 0px;\n margin-bottom: 0px;\n}\nbody .image-asset-content {\n color: #0000ff;\n font-family: kollektifregular;\n font-size: 20px;\n letter-spacing: 0px;\n text-align: left;\n}\n\n.page-title{ \n padding: 10px 0px 00px 0px !important;\n font-family: kollektifregular, helvetica;\n letter-spacing: 0px;\n font-weight: normal !important;\n font-size: 15pt !important;\n text-align: left !important;\n line-height: 1.5 !important;\n}\n.page-caption{ \n padding: 10px 0px 0px 0px !important;\n font-family: kollektifregular, helvetica;\n letter-spacing: 0px !important;\n font-weight: normal !important;\n font-size: 15pt !important;\n line-height: 1.5em !important;\n\n}\n\n\n\n.asset:hover .public-asset-info {\n -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);\n -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);\n box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);\n transition: all 0.2s ease-in-out !important;\n }\n\n.public-asset-info {\n padding: 15px 30px 7px 30px !important;\n background: #ffffff !important;\n color: #404040 !important;\n left: 0px !important;\n top: 0px !important;\n width:100%;\n height:100%;\n transition: all 0.2s ease-in-out !important;\n\n }\n\nbody .fixed-size-view .asset-container {\n margin-right: 60px;\n margin-bottom: 60px;\n}\nbody .variable-size-view .asset-container {\n margin-right: 30px;\n margin-bottom: 30px;\n}\n\n\n\n/*\n.image-asset-content img {\n filter: url(\"data:image/svg+xml;utf8,#grayscale\") !important;\n filter: grayscale(100%) !important; \n -webkit-filter: grayscale(100%) !important; \n -moz-filter: grayscale(100%) !important;\n -ms-filter: grayscale(100%) !important; \n -o-filter: grayscale(100%) !important; \n filter: gray !important; \n -webkit-filter: grayscale(1) !important; \n opacity: 0.9 !important;\n transition: all 0.1s ease-in-out !important;\n\n }\n\n.image-asset-content:hover img {\n filter: none !important;\n -webkit-filter: grayscale(0%) !important;\n opacity: 1 !important;\n transition: all 0.1s ease-in-out !important;\n }\n*/\n\n","css_mobile":"@font-face{ \n\tfont-family: 'kollektifregular';\n\tsrc: url('https://dl.dropboxusercontent.com/u/17047553/webfontkit-20151023-101718/kollektif-webfont.eot');\n\tsrc: url('https://dl.dropboxusercontent.com/u/17047553/webfontkit-20151023-101718/kollektif-webfont.eot?#iefix') format('embedded-opentype'),\n\t url('https://dl.dropboxusercontent.com/u/17047553/webfontkit-20151023-101718/kollektif-webfont.woff') format('woff'),\n\t url('https://dl.dropboxusercontent.com/u/17047553/webfontkit-20151023-101718/kollektif-webfont.svg') format('svg');\n}\nbody a{\n color: blue !important;\n}\nbody .navigation a.current {\n color: #404040;\n margin-left: auto !important;\n margin-right: auto !important;\n background-color: transparent !important;\n width: auto !important;\n}\n.asset-content {\n padding: 0 !important;\n color: #404040 !important;\n}\n.text-asset-content {\n padding: 40px 5px 10px 5px !important;\n color: #404040 !important;\n}\n.navigation-link{\n background-color: transparent !important;\n margin-left: auto !important;\n margin-right: auto !important;\n width: auto;\n}\n#assets {\n margin-top: 30px !important;\n}\n.asset {\nwidth: 100% !important;\n \n}\n\n.far {\n background-image: none;\n display: none;\n}\nbody .navigation {\nz-index: 9998;\n background-color: transparent;\n font-family: kollektifregular, helvetica;\n letter-spacing: 0px !important;\n font-weight: normal !important;\n font-size: 1.5em !important;\n position: fixed;\n text-align: center; \n line-height: 1em;\n color: #404040;\n bottom: inherit !important;\n margin-top: 60px !important;\n pointer-events: auto;\n}\nbody {\n font-family: kollektifregular, helvetica;\n letter-spacing: 0px !important;\n font-weight: normal !important;\n font-size: 1em !important;\n text-align: center; \n line-height: 1em;\n color: #404040;\n pointer-events: auto;\n}\n/*\nCSS styles in this tab apply only to smart phone view\n*/\n\n.navigation {\n // background: #fff !important;\n display: inline !important;\n width: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n}\n\n.navigation-logo {\n display:none;\n //margin-bottom: 20px;\n //background: transparent !important;\n //text-align: left !important;\n img {\n //width: 80%;\n }\n}\n.navigation-items {\n padding-top: 80px;\n position:fixed !important;\n width: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n}\n.navigation-item {\n padding-bottom: 10px;\n width: auto !important;\n margin-left: auto !important;\n margin-right: auto !important;\n}\n\n\n/* Fixed Navigation */\n#navigation-toggle-wrapper {\n position: fixed;\n background-color: transparent !important;\n top: 0;\n right: 0;\n z-index: 99999;\n}\n\n\n/* Content */\n\n#content {\n}\n#assets {\n margin: 0px !important;\n padding:0px !important;\n}\n.image-asset-content {\n margin-bottom: 0px;\n}\n\n.text-asset-content {\n padding: 0px 0px 0px 0px;\n background: #000;\n\n h1 {\n font-size: 1.3em\n }\n\n h2 {\n //font-size: 1.2em\n }\n\n p {\n -webkit-hyphens: auto;\n //font-size: 1 em;\n //color: #999999;\n }\n}\n\n.public-asset-info {\n display: none;\n //font-size: 14px;\n}\n\n/* custom html */\n\n/* disable global custom html */\n#footer {\n //display: none;\n}\n\n/* disable page custom html */\n#custom_html {\n display: none;\n}\n\n#content {\n margin: 0 0 0 0 !important;\n padding: 0 0 0 0 !important;\n top: 0px !important;\n}\n.slideshow {\ndisplay: none !important;\ntop: 0px !important;\n}\n#assets { \n margin-left: auto !important;\n margin-right: auto !important;\n margin-top: 0 px !important;\n margin-bottom: 0px !important;\n border: 0 !important;\n}\n.asset {\n margin-top: 0px !important;\n margin-left: 0px !important;\n margin-right: 0px !important;\n margin-bottom: 0px !important;\n background: transparent !important;\n border:0;\n}\n/* Slideshow */\n\n.pswp {\n //background: black;\n}\n\n.pswp__ui {\n font-family: kollektifregular, helvetica;\n //color: #fff;\n}\n\n.pswp__counter {\n display:none;\n //font-size: 12px !important;\n}\n\n.pswp__button {\n //close button\n color: blue;\n}\n\n.pswp__caption {\n //width: 100%;\n //color: #fff;\n //text-align: center;\n}\n\n\n\n/* Disable sandwich and show flat navigation */\n/*\n.navigation.navigation-page {\n .navigation-items {\n display: block !important;\n position: static;\n }\n\n .navigation-logo-image-link, .navigation-logo-link {\n margin-top: 40px;\n }\n }\n\n#navigation-toggle-wrapper {\n display: none !important;\n}\n*/\n","css_shared":"/*\nCSS styles in this tab apply to desktop, tablet and smart phone view\n*/\n","properties":{"nav":{"logo":"","orientation":"h","logo_link":""},"toolbar":{"v_align":"bottom","h_align":"right","style":"bottom:25px; right:6px;","horizontal":false},"enable_mobile_view":true},"start_page":"hello","public_pages":[{"_id":"517ee7884374a802e1000726","user_id":"4e819ac4ea6d8d54dc00000d","slug":"hello","position":1,"i18n":{"de":{"title":"fox & robin","caption":"Portfolio of Robin Klu\u00dfmann","meta":{"keywords":"graphic, design, typography, fotografie, photography, robin, klussmann, klu\u00dfmann, ","description":"Portfolio of Robin Klu\u00dfmann","autor":"Robin Klu\u00dfmann","copyright":"Robin Klu\u00dfmann"}}},"published":true,"hidden":false,"in_salon_index":false,"in_ja_salon_index":false,"apply_filter":true,"filter":{"pages":{"tagged_with_any":["start"]},"assets":{"tagged_with_any":null}},"tags":"","favorite":null,"image_id":null},{"_id":"51b238ec4374a8ce0e002990","user_id":"4e819ac4ea6d8d54dc00000d","slug":"graphic-design","position":2,"i18n":{"de":{"title":"graphic design","caption":"","meta":{"keywords":"robin, klu\u00dfmann, klussmann, grafic design, grafikdesign, fotografie, photography"}}},"published":true,"hidden":false,"in_salon_index":false,"in_ja_salon_index":false,"apply_filter":true,"filter":{"pages":{"tagged_with_any":["graphic design"]},"assets":{"tagged_with_any":["graphic design"]}},"tags":"","favorite":null,"image_id":null},{"_id":"52eef671342b82603700000e","user_id":"4e819ac4ea6d8d54dc00000d","slug":"illustration","position":3,"i18n":{"de":{"title":"illustration","caption":""}},"published":true,"hidden":false,"in_salon_index":false,"in_ja_salon_index":false,"apply_filter":true,"filter":{"pages":{"tagged_with_any":["illustration"]},"assets":{"tagged_with_any":null}},"tags":"","favorite":null,"image_id":null},{"_id":"52ea0fab342b821e33000033","user_id":"4e819ac4ea6d8d54dc00000d","slug":"photography","position":4,"i18n":{"de":{"title":"photography","caption":""}},"published":true,"hidden":false,"in_salon_index":false,"in_ja_salon_index":false,"apply_filter":true,"filter":{"pages":{"tagged_with_any":["photography"]},"assets":{"tagged_with_any":null}},"tags":"","favorite":null,"image_id":null}]}}" data-path="/foxandrobin/as-far-as-you-can-go">