/*
 * Screen style sheet.
 *
 * @name $Id: screen-layout.min.css
 * @domain: sutter-fahrzeugbau.ch
 *
 * @author		Martin Melheritz martin.melheritz@artasio.com
 *
 * @date created	18/01/2022
 * @last modified	18/01/2022
 * @copyright 		Copyright (C) 2017 artasio AG
 *
 * This is a commercial software product, please visit http://artasio.com for more information.
 */
html,body{height:100%;margin:0;padding:0;width:100%}img{display:block;margin:0;padding:0}div.wrap-navigation{position:fixed;display:none;top:0;left:0;width:100%;bottom:0;background:#d9d9d9;overflow-y:auto;overflow-x:hidden;border-top:1px solid #000;z-index:9999;-webkit-overflow-scrolling:touch}div#navigation-outer{position:relative;display:table;margin:0 auto;max-width:1230px;width:100%;min-height:100%;height:auto;border:0 solid #ff0}div#navigation-top-gap{position:relative;display:block;height:38px;width:100%}div.wrap-main-nav-desktop{position:relative;display:none;min-width:1230px;max-width:1230px;width:100%;margin:0 auto;padding:15px 20px;overflow:hidden;vertical-align:middle}div.wrap-nav-img{position:relative;width:380px;height:240px;margin:15px;float:left}div.wrap-main-nav-desktop img{display:block;width:100%;height:auto;margin:0;padding:0}div.nav-img-title{position:absolute;box-sizing:border-box;width:380px;height:40px;padding:0 40px 0 10px;left:0;bottom:0;text-align:left;background-color:rgba(255,255,255,1);font-size:22px;font-weight:700;line-height:40px;font-style:italic;color:#af2120}div.next-char,div.prev-char{position:absolute;box-sizing:border-box;right:0;bottom:0;height:40px;width:40px;padding:0 10px;font-size:36px;font-weight:400;line-height:40px;font-style:italic;color:#fff;background-color:#af2120}div.next-char:before{content:'>'}div.prev-char:before{content:'<'}div.wrap-main-nav-desktop a{text-decoration:none;color:#000}div.wrap-main-nav-mobile{position:relative;display:block}div.wrap-service-nav{position:relative;margin-top:36px;display:none}.mobile-subnav-btn{position:absolute;top:0;right:-60px;width:60px;height:50px;margin:0;padding:0;background-image:url(daten/elemente/pfeil_nav.png);background-position:0 0;overflow:hidden;cursor:pointer;cursor:hand;border-right:0 solid #ff0}.mobile-sub-subnav-btn{position:absolute;top:0;right:-45px;width:45px;height:37px;margin:0;padding:0;background-image:url(daten/elemente/pfeil_subnav.png);background-position:0 0;overflow:hidden;cursor:pointer;cursor:hand;border-right:0 solid blue}div#navigation-bottom-gap{position:relative;width:100%;display:block;height:50px}div.wrap-body{position:relative;min-width:320px;width:100%;min-height:100%;overflow-x:hidden}.bar-header{position:relative;width:100%;height:180px;z-index:999;padding:0;background:transparent}div.wrap-mobile-nav-btn{position:absolute;width:50px;height:50px;top:30px;left:40px;background-image:url(daten/elemente/nav-btn.png);background-position:left top;z-index:9998;cursor:pointer;cursor:hand;transition:all 0 linear;-moz-transition:all 0 linear;-webkit-transition:all 0 linear;-o-transition:all 0 linear;z-index:1}div.mobile-nav-btn-title/*,div.mobile-nav-btn-phone*/{position:absolute;display:block;left:120px;top:50px;height:auto;color:#000;font-size:16px;font-weight:700;line-height:16px}div.linkedin-logo{position:absolute;width:50px;height:50px;top:20px;right:110px;background:url(daten/logo/linkedin.png) no-repeat;background-size:50px;background-position:top left;z-index:100}body.down .bar-header.animateIt div.linkedin-logo{display:none}div.header-logo{position:absolute;width:50px;height:50px;top:20px;right:40px;background:url(daten/logo/instagram.png) no-repeat;background-size:50px;background-position:top left;z-index:100}a.header-logo-link,a.header-animated-logo-link{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none}a.header-animated-logo-link{display:none}body.down .bar-header.animateIt a.header-logo-link{display:none}body.down .bar-header.animateIt a.header-animated-logo-link{display:block}div.wrap-phone{display:none;position:absolute;height:50px;width:auto;top:20px;right:150px}.phone-mobile-black{display:none}body.down .phone-mobile{display:none}body.down .phone-mobile-black{display:block}.bar-header.animateIt{position:fixed;left:0;top:-180px;width:100%;height:180px;z-index:999;background:#e3e3e3!important;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;transition:.1s top cubic-bezier(.3,.73,.3,.74)}.bar-header.animateIt .backstretch{display:none}body.down .bar-header.animateIt{top:-50px;box-shadow:0 1px 0 rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.5);transition:.5s top cubic-bezier(.3,.73,.3,.74)}body.down div.wrap-navigation{top:0}body.down .bar-header.animateIt .wrap-mobile-nav-btn{top:110px;background-position:left 100px}body.down .bar-header.animateIt .mobile-nav-btn-title{display:block;top:130px;left:120px}body.down .bar-header.animateIt .mobile-nav-btn-title *{color:#000}body.down .bar-header.animateIt .header-logo{top:auto;bottom:25px;width:159.5px;height:76px;background:url(/daten/logo/sutter-fahrzeugbau_logo1.png) no-repeat;background-size:100% 100%}div.content-top-gap{position:relative;display:none;height:65px}div#highlights-welcome{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}div#highlights-welcome-inner{position:absolute;top:0;bottom:0;width:100%;overflow:hidden}.scroll-highlights.mouse-scroll{padding-top:80px;position:absolute;bottom:170px;z-index:998;cursor:pointer;left:55px;right:auto;text-indent:-99999px}.mouse-scroll span{position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:2px solid #af2120;color:#FFF;background:#FFF;border-radius:50px;box-sizing:border-box}.mouse-scroll span::before{position:absolute;top:10px;left:50%;content:'';width:6px;height:8px;margin-left:-3px;background-color:#af2120;border-radius:100%;box-sizing:border-box;-webkit-animation:sdb10 2s infinite;animation:sdb10 2s infinite}.mouse-scroll span::after{position:absolute;bottom:-18px;left:50%;width:18px;height:18px;content:'';margin-left:-9px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box}@-webkit-keyframes sdb10{0%{-webkit-transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,20px);opacity:0}100%{opacity:0}}@keyframes sdb10{0%{transform:translate(0,0);opacity:0}40%{opacity:1}80%{transform:translate(0,20px);opacity:0}100%{opacity:0}}.highlights-welcome-footer{position:absolute;display:flex;flex-direction:column;align-content:center;justify-content:space-around;left:0;right:0;bottom:0;width:100%;height:160px;background-color:rgba(227,227,227,1)}.wrap-fahrzeugbau_logo{position:relative;height:95px;margin:0 40px}.wrap-fahrzeugbau_logo a{text-decoration:none}.logo-titel{position:absolute;color:#000;top:15px;left:0;font-style:italic;font-weight:700;font-size:22px}.logo-untertitel{position:absolute;color:#000;left:0;top:60px;font-style:italic;font-weight:400;font-size:18px}.wrap-logo-linie{position:absolute;width:100%;height:9px;left:0;right:202px;top:43px;background-image:url(/daten/logo/sutter-fahrzeugbau_linie_logo.png);background-size:15px 9px;background-repeat:repeat-x}.fahrzeugbau_logo{position:absolute;width:202px;height:95px;right:0}div#xl-gallery{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#fff;display:none}div.bg-flow-top{position:absolute;top:0;width:100%;height:300px;background-image:url(daten/background/verlauf_oben.png)}img#highlights-welcome-prev,img#highlights-welcome-next,img#xl-gallery-prev,img#xl-gallery-next{position:absolute;left:25px;top:68%;margin-top:-25px;cursor:pointer;cursor:hand;z-index:100}img#highlights-welcome-prev{display:none}img#highlights-welcome-next{top:auto;bottom:235px}img#highlights-welcome-next,img#xl-gallery-next{right:25px}img.scroll-highlights,img#close-xl-gallery{position:absolute;bottom:25px;left:50%;margin-left:-25px;width:50px;height:50px;cursor:pointer;cursor:hand}img.scroll-highlights{left:30px;bottom:150px}.mobile-scroll{display:none}div#highlights-welcome-placeholder{position:relative;border:0 solid red}div.bg-flow-bottom{position:absolute;bottom:0;width:100%;height:300px;background-image:url(daten/background/verlauf_unten.png)}div.wrap-content{position:relative;min-width:320px;max-width:1240px;width:100%;margin:0 auto;padding:0;overflow:hidden;border-left:0 solid blue;border-right:0 solid blue;border-bottom:0 solid blue}div.content-extra-margin{position:relative;padding:0 10px}div.wrap-content-cols-1,div.wrap-content-cols-2,div.wrap-content-cols-3,div.wrap-content-cols-4,div.wrap-content-cols-5{position:relative;margin:5px 0 5px 10px;overflow:auto}div.col-content-1,div.col-content-2,div.col-content-3,div.col-content-4,div.col-content-5{float:left}div.content-padding{margin:5px 10px 5px 0}div.content-bottom-gap{position:relative;height:450px}div.wrap-footer{position:relative;margin-top:-400px;height:400px;width:100%;overflow:hidden;background-color:#e3e3e3;border-top:1px solid #000}div.wrap-footer-content{position:relative;height:400px;min-width:320px;max-width:1240px;width:100%;background:transparent;margin:0 auto;color:#000;font-style:italic}div.desktop-footer-top-gap{display:block;height:65px}div.mobile-footer-top-gap{display:none;height:65px}.desktop-text{display:inline}.mobile-text{display:none}img#vignette-sbfi/*,img#iso*/{position:absolute;display:block;width:120px;height:120px;margin:0;padding:0;top:70px;right:0}div.wrap-footer-nav{position:relative;margin-top:160px}img#scroll_top{position:absolute;display:block;margin:0;padding:0;width:50px;height:50px;bottom:-5px;right:0;cursor:pointer;cursor:hand}div.print{display:none}div.clear{clear:both}img.livecam-image{height:auto;width:100%}.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.videoWrapper object,.videoWrapper embed{position:absolute;top:0;left:0;width:100%;height:100%}div.wrap-list{position:relative}div.wrap-sitemap{float:left;margin:0;width:33.3%}ul.sitemap{list-style-type:none;margin:0;padding:0}h2.title-sitemap{display:none}li.sitemap-menu-level1{margin-top:5px}li.sitemap-menu-level2{background-image:url(daten/elemente/strich.gif);background-position:0 12px;background-repeat:no-repeat;padding-left:10px}li.sitemap-menu-level3{background-image:url(daten/elemente/strich.gif);background-position:10px 12px;background-repeat:no-repeat;padding-left:20px}li.sitemap-menu-level4{background-image:url(daten/elemente/strich.gif);background-position:20px 12px;background-repeat:no-repeat;padding-left:30px}#mobile-indicator{display:none}@media only screen and (max-width: 768px){.wrap-fahrzeugbau_logo{margin:0 10px}div.wrap-navigation{width:100%}.mobile-scroll{display:block}.mouse-scroll{display:none}.logo-titel,.logo-untertitel{display:none}div.wrap-service-nav{display:block}.bar-header{height:90px}div.wrap-mobile-nav-btn{top:20px;left:5px}div.mobile-nav-btn-title/*,div.mobile-nav-btn-phone*/{display:none}div.linkedin-logo{right:80px}body.down .bar-header.animateIt div.linkedin-logo{display:block;background-position:bottom left}div.header-logo{right:10px}body.down .bar-header.animateIt .header-logo{top:20px;bottom:auto;width:50px;height:50px;right:10px;background:url(daten/logo/instagram.png) no-repeat;background-size:50px;background-position:bottom left}a.header-logo-link{display:block!important}a.header-animated-logo-link{display:none!important}div.wrap-phone{display:block}.bar-header.animateIt{top:-90px;height:90px}body.down .bar-header.animateIt{top:0}body.down .bar-header.animateIt .wrap-mobile-nav-btn{top:20px}body.down .bar-header.animateIt .mobile-nav-btn-title/*,body.down .bar-header.animateIt .mobile-nav-btn-phone*/{display:none}div.bg-flow-top{height:100px;background-image:url(daten/background/verlauf_oben_mobile.png)}div.content-extra-margin{padding:0}img#highlights-welcome-prev,img#xl-gallery-prev{left:5px;right:auto;display:none}img#xl-gallery-prev{display:block}img#highlights-welcome-next,img#xl-gallery-next{left:auto;right:5px;display:none}img#xl-gallery-next{display:block}div.bg-flow-bottom{height:100px;background-image:url(daten/background/verlauf_unten_mobile.png)}div.content-bottom-gap{height:585px}div.wrap-footer{margin-top:-535px;height:535px}div.wrap-footer-content{height:535px}div.desktop-footer-top-gap{display:none}div.mobile-footer-top-gap{display:block}.desktop-text{display:none}.mobile-text{display:inline}img#vignette-sbfi/*,img#iso*/{top:235px}div.wrap-footer-nav{margin-top:207px}div.wrap-sitemap{width:100%}#mobile-indicator{display:block}}@media only screen and (min-width: 768px),only screen and (min-width: 764px) and (max-width: 1280px) and (orientation: portrait){.wrap-fahrzeugbau_logo{margin:0 20px}div.wrap-mobile-nav-btn{left:20px}.scroll-highlights.mouse-scroll{left:35px}div.wrap-service-nav{display:block}div.wrap-mobile-nav-btn{left:15px}div.mobile-nav-btn-title/*,div.mobile-nav-btn-phone*/{left:90px}div.mobile-nav-btn-title :not(:first-child){display:none}div.linkedin-logo{right:90px}div.header-logo{right:20px}body.down .bar-header.animateIt .mobile-nav-btn-title/*,body.down .bar-header.animateIt .mobile-nav-btn-phone*/{left:100px}body.down .bar-header.animateIt .header-logo{right:20px}img#highlights-welcome-prev,img#xl-gallery-prev{left:5px;right:auto}img#highlights-welcome-next,img#xl-gallery-next{left:auto;right:5px}div.wrap-sitemap{width:50%}}@media only screen and (min-width: 1024px),only screen and (min-width: 1020px) and (max-width: 1280px) and (orientation: landscape){.wrap-fahrzeugbau_logo{margin:0 20px}div.wrap-mobile-nav-btn{left:20px}.scroll-highlights.mouse-scroll{left:35px}div.wrap-service-nav{display:none}div.mobile-nav-btn-title/*,div.mobile-nav-btn-phone*/{left:100px}div.mobile-nav-btn-title :not(:first-child){display:inline}div.linkedin-logo{right:90px}div.header-logo{right:20px}body.down .bar-header.animateIt .mobile-nav-btn-title/*,body.down .bar-header.animateIt .mobile-nav-btn-phone*/{left:100px}body.down .bar-header.animateIt .header-logo{right:20px}img#highlights-welcome-prev,img#xl-gallery-prev{left:5px;right:auto}img#highlights-welcome-next,img#xl-gallery-next{left:auto;right:5px}div.wrap-sitemap{width:50%}}@media only screen and (min-width: 1240px){.wrap-fahrzeugbau_logo{margin:0 40px}div.wrap-main-nav-desktop{display:table-cell}div.wrap-main-nav-mobile{display:none}div.wrap-mobile-nav-btn{left:40px}.scroll-highlights.mouse-scroll{left:55px}div.mobile-nav-btn-title/*,div.mobile-nav-btn-phone*/{left:120px}div.linkedin-logo{right:110px}div.header-logo{right:40px}body.down .bar-header.animateIt .mobile-nav-btn-title/*,body.down .bar-header.animateIt .mobile-nav-btn-phone*/{left:120px}div.mobile-nav-btn-title :not(:first-child){display:inline}body.down .bar-header.animateIt .header-logo{right:40px}img#highlights-welcome-prev,img#xl-gallery-prev{left:25px;right:auto}img#highlights-welcome-next,img#xl-gallery-next{left:auto;right:25px}div.wrap-sitemap{width:33.3%}}div.wrap-left-nav-level1,div.wrap-left-nav-level2,div.wrap-left-nav-level3,div.wrap-left-nav-level4,div.wrap-left-nav-level1-margin,div.wrap-left-nav-level2-margin,div.wrap-left-nav-level3-margin,div.wrap-left-nav-level4-margin{position:relative}div.wrap-left-nav-level1-margin{margin-right:60px}div.wrap-left-nav-level2-margin,div.wrap-left-nav-level3-margin,div.wrap-left-nav-level4-margin{margin-right:45px}div.left-nav-level1-bg{background-color:transparent}div.left-nav-level2-bg{background-color:#fff}div.left-nav-level3-bg{background-color:#fff}div.left-nav-level4-bg{background-color:#fff}div.left-nav-level1{position:relative;padding:14px 10px 13px 70px;border-top:0 solid #000;margin-top:0;white-space:nowrap;overflow:hidden}div.left-nav-level1-first{position:relative;padding:14px 10px 13px 70px;border-top:0 solid #000;white-space:nowrap;overflow:hidden}div.left-nav-level1-bgcolor{position:relative;padding:0 0 0 70px;border-top:0 solid #000;white-space:nowrap;overflow:hidden}div.wrap-left-nav-level2,div.wrap-left-nav-level2-margin{display:none}div.left-nav-level2-bgcolor{position:relative;margin-top:0;padding:11px 10px 10px 80px;background-color:transparent}div.wrap-left-nav-level3,div.wrap-left-nav-level3-margin{display:none}div.left-nav-level3-bgcolor{position:relative;padding:11px 10px 10px 90px;background-color:transparent;display:block}div.wrap-left-nav-level4,div.wrap-left-nav-level4-margin{display:none}div.left-nav-level4-bgcolor{position:relative;padding:11px 10px 10px 100px;background-color:transparent;display:block}.nav-left-sublevel,.nav-left-sublevel-selected{background-color:#000}div.left-nav-level1 img,div.left-nav-level1-first img{position:absolute;top:15px;right:20px}div.bgcolor{display:block;background-color:transparent}hr.upper-line-menu-level-1{display:none;height:1px;border:none;margin:-1px 0 0 20px;padding:0;color:#fff;background-color:#fff}hr.upper-line-menu-level-2{display:none;height:1px;border:none;margin:0 0 0 30px;padding:0;color:#000;background-color:#000}hr.upper-line-menu-level-3{display:none;height:1px;border:none;margin:0 0 0 40px;padding:0;color:#000;background-color:#000}@media only screen and (max-width: 768px){div.left-nav-level1{padding:9px 10px;margin-top:0;text-align:center}div.left-nav-level1-first{padding:9px 10px;margin-top:0;text-align:center}div.left-nav-level2-bgcolor{padding:5px 40px 15px 20px}div.left-nav-level3-bgcolor{padding:5px 40px}}@media only screen and (min-width: 768px),only screen and (min-width: 764px) and (max-width: 1280px) and (orientation: portrait){div.left-nav-level1{padding:9px 10px;margin-top:0;text-align:center}div.left-nav-level1-first{padding:9px 10px;margin-top:0;text-align:center}div.left-nav-level2-bgcolor{padding:5px 40px 15px 30px}div.left-nav-level3-bgcolor{padding:5px 40px}}@media only screen and (min-width: 1024px),only screen and (min-width: 1020px) and (max-width: 1280px) and (orientation: landscape){div.left-nav-level1{padding:9px 10px;margin-top:0;text-align:center}div.left-nav-level1-first{padding:9px 10px;margin-top:0;text-align:center}div.left-nav-level2-bgcolor{padding:5px 40px 15px 30px}div.left-nav-level3-bgcolor{padding:5px 40px}}@media only screen and (min-width: 1240px){div.left-nav-level1{padding:9px 10px;margin-top:0;text-align:center}div.left-nav-level1-first{padding:9px 10px;margin-top:0;text-align:center}div.left-nav-level2-bgcolor{padding:5px 40px 15px 50px}div.left-nav-level3-bgcolor{padding:5px 40px 5px 60px}}.plus{cursor:url(daten/elemente/lupe_plus.cur),auto;cursor:url(daten/elemente/lupe_plus.png) 50 50,auto}.issuuembed.issuu-isrendered{width:100%!important}.loader,.loader:after{border-radius:50%;width:10em;height:10em}.loader{margin:200px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(100,100,100,0.2);border-right:1.1em solid rgba(100,100,100,0.2);border-bottom:1.1em solid rgba(100,100,100,0.2);border-left:1.1em solid #787878;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.embed-container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;max-width:100%;height:auto}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}