html,body{background:#b4b4b4;margin:0;text-align:left}html header,body header{background:url("/themes/custom/theme_sutterimmobilien_ch/img/higru_MG_2258.jpg")}html header .block-system-branding-block,body header .block-system-branding-block{min-height:121px;max-width:80em;margin:0 auto}html header .block-system-branding-block .site-logo,body header .block-system-branding-block .site-logo{float:right;margin-right:3%}html header h1,body header h1{margin:0;padding:.67em 0}html header .menu-toggle,html header .menu-toggle-target,body header .menu-toggle,body header .menu-toggle-target{display:none}html main,body main{max-width:80em;background:#fff;margin:0 auto}html main .navigation,body main .navigation{display:none}html main .layout-content,body main .layout-content{padding:10px 10px 2em calc(10px + 2em)}html main .menu-toggle,html main .menu-toggle-target,body main .menu-toggle,body main .menu-toggle-target{display:none}html main .layout-wrapper,body main .layout-wrapper{padding:10px 10px 2em 10px}html main .layout-wrapper .layout-content,body main .layout-wrapper .layout-content{padding:30px 0 0 0;min-height:250px}html main .layout-wrapper .layout-content .block-menu,body main .layout-wrapper .layout-content .block-menu{width:30%;float:right;display:block}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu{margin:0 1.5em 0 2em;border:1px solid #222}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li{list-style:none;display:none}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li a,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li a{color:#444;text-decoration:none}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item{padding-top:0}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail{display:inline-block;width:100%;padding:5px 0 0 0}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail a,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail a{font-weight:bold;display:block;padding:0 0 5px 10%}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu{margin:0}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li{border-top:1px solid #222;padding:5px 0 0 0;list-style:none}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li a,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li a{font-weight:normal}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li.menu-item--active-trail,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li.menu-item--active-trail{background:#444}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li.menu-item--active-trail a,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li.menu-item--active-trail a{color:#fff}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li .menu,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li .menu{display:none}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li:hover,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li:hover{background:#888}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li:hover a,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li:hover a{color:#fff}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu.sidebar-hidden,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu.sidebar-hidden{display:none}html main .layout-wrapper .layout-content .block-system,body main .layout-wrapper .layout-content .block-system{margin-right:30%}html main .layout-wrapper .layout-content .block-system article,body main .layout-wrapper .layout-content .block-system article{padding:0 2em 0 1.5em}html main .layout-wrapper .layout-content .block-system article .paragraph--type--_00-1sp .field,body main .layout-wrapper .layout-content .block-system article .paragraph--type--_00-1sp .field{display:inline-block;width:100%}html main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-50 .field-wrapper,body main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-50 .field-wrapper{width:50%;display:inline-block;vertical-align:top}html main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-50 .field-wrapper .field__item,body main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-50 .field-wrapper .field__item{padding:0 23px 0 0}html main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper,body main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper{display:inline-block;vertical-align:top}html main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper:nth-of-type(1),body main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper:nth-of-type(1){width:60%}html main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper:nth-of-type(2),body main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper:nth-of-type(2){width:40%}html main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper .field__item,body main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper .field__item{padding-right:20px}html main .layout-wrapper .layout-content .block-system article ul,body main .layout-wrapper .layout-content .block-system article ul{margin:1.5em 0 0 1em;padding:0}html main .layout-wrapper .layout-content .block-system article ul li,body main .layout-wrapper .layout-content .block-system article ul li{margin-left:.8em}html footer,body footer{max-width:80em;width:100%;background:#333;margin:0 auto;color:#fff}html footer .region,body footer .region{padding:calc(1em + 10px) calc(1.5em + 10px) 30px}html .bottom-row,body .bottom-row{font-size:9px;text-align:center;display:block;margin:1.5em auto 30px auto}html .bottom-row a,body .bottom-row a{color:#fff;text-decoration:none}header nav{background:#222}header nav .menu-wrapper{max-width:80em;margin:0 auto}header nav .menu-wrapper .nav-wrapper{padding:3px 40px 3px 10px}header nav .menu-wrapper .nav-wrapper .nav-box{width:100%;overflow:hidden;position:relative;line-height:1em;background:#222}header nav .menu-wrapper .nav-wrapper .nav-box ul.menu{max-width:80em;margin:0 auto;height:100%;display:block;padding:.5em 1.5em}header nav .menu-wrapper .nav-wrapper .nav-box ul.menu li{display:inline-block;font-size:1em;line-height:1em;list-style-type:none;margin:.3em .75em .3em 0;padding:0}header nav .menu-wrapper .nav-wrapper .nav-box ul.menu li.menu-item--active-trail a{background:#dcd529;color:#000}header nav .menu-wrapper .nav-wrapper .nav-box ul.menu li a{background:#666;color:#fff;font-size:14px;line-height:2em;padding:0 .7em;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;width:auto;display:block}header nav .menu-wrapper .nav-wrapper .nav-box ul.menu li a.is-active{background-color:#dcd529;color:#000;text-decoration:none}header nav .menu-wrapper .nav-wrapper .nav-box ul.menu li a:hover{color:#000;background:#dcd529}header nav .menu-wrapper .nav-wrapper .nav-box ul.menu li .menu{display:none}body{font-family:"Lato",sans-serif;color:#444;font-size:87.5%;-webkit-text-size-adjust:100%}body .node__submitted{display:none}body article img{width:-webkit-fill-available}body article .node__content>.field>.field__item:first-of-type p{margin-top:0}body article .node__content p,body article .node__content ul{line-height:1.5em}body article .node__content .paragraph--type--_00-1sp .ym-button{display:inline-block;white-space:nowrap;background-color:#ccc;background-image:-webkit-linear-gradient(top,#eee,#ccc);background-image:-moz-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:-o-linear-gradient(top,#eee,#ccc);background-image:linear-gradient(top,#eee,#ccc);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr="#eeeeee",EndColorStr="#cccccc");border:1px solid #777;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;-webkit-box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset,0 1px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset,0 1px 0 rgba(0,0,0,.15);box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset,0 1px 0 rgba(0,0,0,.15);color:#333;cursor:pointer;font:normal 1em/2em Arial,Helvetica;margin:1.5em .75em 0 0;padding:0 1.5em;overflow:visible;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.8)}body article .node__content .paragraph--type--_00-1sp .ym-button:before{content:"➜";background:#ccc;background:rgba(0,0,0,.1);float:left;width:1em;text-align:center;font-size:1.5em;margin:0 1em 0 -1em;padding:0 .2em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,.5);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,.5);box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,.5);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events:none}body article .node__content a{color:#97921d;text-decoration:underline}body article .node__content a:hover{text-decoration:none}body article h1{font-size:175%;margin:.8571em 0 0 0;color:#000;line-height:1.2em;font-weight:400}body article h2{font-size:175%;margin:.8571em 0 0 0;color:#000;line-height:1.2em;font-weight:400}body article h3{font-size:175%;line-height:.8571em;margin:.8571em 0 0 0;font-weight:400}body article h4{font-size:133.33%;line-height:1.125em;margin:1.125em 0 0 0;font-weight:400}body article figure{margin:0}body article figure.caption figcaption{display:none}body footer h6{font-style:italic;font-weight:bold;margin:0;font-size:100%}body footer .field{line-height:1.5em}body footer .field p{margin:0}body footer .field a{color:#dcd529}body footer .field a:hover{color:#97921d}@media screen and (max-width:740px){html header .block-system-branding-block,body header .block-system-branding-block{max-width:80em;width:unset}html header .block-system-branding-block .site-logo,body header .block-system-branding-block .site-logo{margin-right:4%}html main,body main{max-width:80em;width:unset}html main .layout-wrapper .layout-content .block-menu,body main .layout-wrapper .layout-content .block-menu{float:unset;width:100%}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box{margin:0 0 30px 0}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu{margin:0 0 0 1.5em;padding:0 1.5em 0 0;border:0}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li{border:none}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail{display:block}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail>a,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail>a{display:none}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li{margin:.25em .75em .25em 0;padding:.5em .5em .5em .5em;border:none;display:inline-block;vertical-align:text-top;background:#ddd;word-break:keep-all}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li a,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li a{font-size:1em;letter-spacing:.2em;font-weight:bold;display:contents;text-transform:uppercase}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li.menu-item--active-trail,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li.menu-item--active-trail{background:#dcd529}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li.menu-item--active-trail a,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li.menu-item--active-trail a{color:#000}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li:hover,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li:hover{background:#dcd529}html main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li:hover a,body main .layout-wrapper .layout-content .block-menu .menu-wrapper .nav-wrapper .nav-box>ul.menu>li.menu-item--active-trail .menu li:hover a{color:#000}html main .layout-wrapper .layout-content .block-system,body main .layout-wrapper .layout-content .block-system{width:unset;max-width:80em;margin:0 0 0 0}html main .layout-wrapper .layout-content .block-system article,body main .layout-wrapper .layout-content .block-system article{padding:0 1.5em 0 1.5em}html main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper:nth-of-type(n),body main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-40 .field__item-wrapper:nth-of-type(n){width:100%}html main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-50 .field-wrapper,body main .layout-wrapper .layout-content .block-system article .paragraph--type--_0-50 .field-wrapper{width:100%}html footer,body footer{max-width:80em;width:unset}html footer .layout,body footer .layout{display:block}html footer .layout>div,body footer .layout>div{margin-bottom:10px}html .bottom-row,body .bottom-row{background:#333;padding:1.5em 0 30px 0;margin:0 auto}}@media screen and (max-width:480px){html body header .menu-toggle{height:37px;width:37px;padding:0 3px 3px 0;background:#222;transition:margin-left 500ms;top:0;position:fixed;z-index:100}html body header .menu-toggle-target{top:0;position:absolute}html body header .menu--main{display:none}html body header:not(:target) .menu-toggle--show{display:block}html body header:not(:target) .menu-toggle--hide{display:none}html body header:not(:target) .menu-toggle-target--show:target~.menu-toggle--show{display:none}html body header:not(:target) .menu-toggle-target--show:target~.menu-toggle--hide{display:block}html body header:not(:target) .menu-toggle-target--hide:target~.menu-toggle--show{display:block}html body header:not(:target) .menu-toggle-target--hide:target~.menu-toggle--hide{display:none}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main{display:block;position:fixed;top:0;height:100vh;z-index:99;overflow:scroll}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper{margin:50px 0 0 0}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper .nav-wrapper{padding:0}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper .nav-wrapper .nav-box .menu{padding:0;margin:0}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper .nav-wrapper .nav-box .menu .menu-item{padding:0 0 0 0;width:100%;display:inline-block;background:#fff;margin:0;border-top:1px solid #222}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper .nav-wrapper .nav-box .menu .menu-item a{background:#fff;color:#222;border-radius:0;padding:0 0 0 40px}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper .nav-wrapper .nav-box .menu .menu-item a.is-active{background:#97921d}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper .nav-wrapper .nav-box .menu .menu-item.menu-item--active-trail{background:#97921d}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper .nav-wrapper .nav-box .menu .menu-item .menu{display:block}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper .nav-wrapper .nav-box .menu .menu-item .menu a{padding:0 0 0 80px}html body header:not(:target) .region-header .menu-toggle-target--show:target~.menu--main .menu-wrapper .nav-wrapper .nav-box .menu .menu-item .menu .menu{display:none}html body header:not(:target) .region-header .menu-toggle-target--hide:target~.menu--main{display:none}html main .layout-wrapper .layout-content .block-menu{display:none}}