@charset "UTF-8";html{box-sizing:border-box}*{box-sizing:inherit}:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;color:#222;margin:0;min-height:100vh;padding:0;position:relative;text-rendering:optimizeLegibility}blockquote,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,ul{margin:0}menu,ol,ul{list-style-image:none;list-style:none;padding:0}main{display:block}a{-webkit-tap-highlight-color:transparent;background-color:transparent;color:inherit;text-decoration:underline;text-underline-position:under}audio,canvas,iframe,img,svg,video{vertical-align:middle}[type=checkbox]{box-sizing:border-box;padding:0}svg{height:0;overflow:hidden;position:absolute;width:0}html{color:#222;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:100%;line-height:1.5;scroll-behavior:smooth}body{overflow-wrap:normal;padding:0 1px}:root{--fs-300:clamp(1.031rem, 0.365vw + 0.94rem, 1.35rem);--fs-400:clamp(1.2rem, 0.883rem + 1.58vw, 2.11rem);--container-fs-300:clamp(1.00rem, 0.93rem + 0.33cqi, 1.19rem);--container-fs-400:clamp(1.2rem, 0.883rem + 1.58cqi, 2.11rem)}body{margin:0;font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--fs-300)}.purpel{color:purple}.orange{color:orange}h1,h2,h3,h4{letter-spacing:.0313em;margin:.75em 0;font-family:kalam;font-style:normal;font-weight:700}h2{color:#138567;text-decoration:underline}h1:focus,h2:focus,h3:focus,h4:focus{outline:2px solid red}figcaption,p{letter-spacing:.0313em;margin:.75em 0}h2{font-size:var(--fs-400)}a,address,figcaption,li,p{font-size:var(--container-fs-300)}.small{font-size:small}a{color:#1300e1;letter-spacing:.0313em;padding:4px;text-decoration:underline;text-underline-position:under;white-space:normal}a:link{color:#1300e1}a:visited{color:#0045a0}a:active{background-color:#89ddcd}a:hover{background-color:#89ddcd;color:#001090;cursor:pointer;text-decoration-color:red}a:focus{background-color:#89ddcd;color:#001090;outline-style:auto;outline:2px solid red;outline-offset:-1px;text-decoration-color:red}a:after,a:before{text-decoration:none}a[target=_blank]:not([href*="kundenmaler-willi.ch"]):not([href*="pdf/"]){background-image:url(../img/extern.svg);background-repeat:no-repeat;background-position:right top;background-size:14px;padding:2px 16px 0 0;text-decoration:none}a[target=_blank]:not([href*="kundenmaler-willi.ch"]):hover{background-color:#ffdcdc}[href*="mailto:"]{background-image:url(../img/mailbl.svg);background-repeat:no-repeat;background-position:right center;background-size:22px;padding-right:25px}a[href*="tel:"]{background-image:url(../img/phone.svg);background-repeat:no-repeat;background-position:left center;padding-left:25px}li{line-height:2}.icon{fill:currentColor;height:1em;margin-right:3px;position:relative;stroke-width:0;stroke:currentColor;width:1em}.icon-checkmark2{fill:#006639}.red{color:red;vertical-align:baseline;font-size:1.3em}.rot{color:red}@font-face{font-family:Kalam;font-style:normal;font-weight:700;src:local("Kalam"),url(../font/kalam-v11-latin-700.woff2) format("woff2"),url(../font/kalam-v11-latin-700.woff) format("woff");font-display:swap}hr{border:0;border-top:1px solid #00e5ff;display:block;margin:2em auto;padding:0;width:90%}img{height:auto;max-width:100%}.zert{border:2px solid #00f;margin-block-start:1em;box-shadow:5px 5px 10px 1px #a0a0a0,3px 3px 3px 0 #a1a0a9}.flex{display:flex;justify-content:center;align-items:center}.hidden{display:none}.vh{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.vh.focusable:active,.vh.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.nobreak{hyphens:none;white-space:nowrap}.center{text-align:center}.address h3{margin:0}.address figure img{width:24em;box-shadow:5px 5px 10px 1px #4e4e4e,3px 3px 3px 0 #707070}.map{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.3);height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.map iframe{height:100%;left:0;position:absolute;top:0;width:100%}.no-js iframe{display:none}.no-js .map{background-image:url(../img/bg-map.png);background-size:cover}.service{font-weight:700;padding-left:40px}.service li{margin:1.8em 0;list-style:none;text-indent:-1.4em}@media only screen and (min-width:42.5em){.service{background-image:url(../img/kleggse3.svg);background-position:100%;background-repeat:no-repeat;margin-right:2.6vw}}@media only screen and (min-width:32.5em){.no-js .tele{background-size:150px}.tele{background-image:url(../img/farbeimer-gelb.svg);background-position:100%;background-repeat:no-repeat;margin-right:4vw}}.no-js div.tele{background-size:150px}.header{align-items:center;display:flex;justify-content:center;margin:0 auto}.header img{width:42em}@media only screen and (max-width:48.063em){.header{margin-block-end:-1em}}.no-js nav a#nav-m,.no-js nav a.close{background:#66aa98;border-radius:.3em;border:2px solid #fee3be;color:#000;display:block;font-size:1.5rem;padding:.1em .25em;position:absolute;right:10px;text-decoration:none;top:3.8em;z-index:2}.no-js nav a#nav-m:hover,.no-js nav a.close:hover{background-color:#fee3be}.no-js nav a#nav-m img,.no-js nav a.close img{height:auto;margin-left:.25em;width:22px}.no-js nav a#nav-m:target,.no-js nav a.close{display:none}.no-js nav a:target~.close,.no-js nav a:target~ul{display:block}nav a#nav-m,nav a.close{display:none}.no-js button.menu-toggle{display:none}button.menu-toggle{align-items:center;background-color:#fee3be;border-radius:.3em;border:2px solid #66aa98;color:inherit;display:flex;font-size:1.5rem;margin-left:auto;padding:.3em;position:absolute;right:10px;top:28vw}button.menu-toggle:hover{background-color:#66aa98;border:2px solid #fee3be}button.menu-toggle img{height:auto;margin-left:.25em;width:22px}button.menu-toggle[aria-expanded=false] img.close,button.menu-toggle[aria-expanded=true] img.menu-img{display:none}button.menu-toggle[aria-expanded=true] img.close{display:inline-block}nav>ul{display:none;flex-direction:column;margin:0 auto;padding:2.5em 0 0 0}nav>ul.show{display:flex}nav>ul>li{margin:0;padding:0;position:relative}nav>ul>li a.menu-link{align-items:baseline;color:#000;display:flex;font-weight:500;justify-content:center;margin:.5rem 0;padding:.2rem 1.5rem;background-image:url(../img/grün.svg);background-position:center;background-repeat:no-repeat;background-size:14em;min-width:13.125em}nav>ul>li a.menu-link:focus,nav>ul>li a.menu-link:hover{background-image:url(../img/gelb.svg);background-color:transparent;color:#000;text-decoration-color:currentColor}nav>ul>li a.menu-link.active{background-image:url(../img/gelb.svg);background-color:transparent;color:currentColor;cursor:default;text-decoration:none}nav>ul>li a.menu-link.active:focus,nav>ul>li a.menu-link.active:hover{background-color:transparent;color:currentColor;cursor:default;text-decoration:none}nav>ul>li a.menu-link.menu-link svg{align-self:center}@media screen and (min-width:769px){.no-js nav a#nav-m,.no-js nav a.close{display:none}nav>ul{display:flex;flex-direction:row;justify-content:space-around;margin-top:0;padding:0;max-width:48em}nav>ul>li a.menu-link{border-bottom:none;margin:0}button.menu-toggle{display:none}button.menu-toggle li a{border-bottom:1px solid gray}}@media only screen and (max-width:769px){.to-top-wrap{display:none}}.to-top-wrap{bottom:0;pointer-events:none;position:absolute;right:.75rem;top:132vh;width:3em}.to-top-wrap.kurz{top:100vh}.to-top{background-color:rgba(137,221,205,.7);background-image:url(../img/pfeilup.svg);background-position:50%;background-repeat:no-repeat;background-size:30px;border-radius:50%;border:1px solid #6eb3a6;display:inline-block;height:3rem;opacity:.8;pointer-events:all;position:sticky;top:calc(100vh - 4rem);transition:.5s;width:3rem}.to-top:focus,.to-top:hover{background-color:rgba(137,221,205,.95);border:1px solid #6eb3a6;box-shadow:0 0 0 2px #477e74;outline:0;transform:scale(1.05)}@media only screen and (min-width:1150px){.to-top-wrap{right:1rem}}.flex{display:flex;flex-direction:column;justify-content:center;margin-bottom:1px}.flex>main{max-width:52em;min-width:254px;padding:1.75em calc(.7em + 1.5vw)}@media screen and (min-width:48.063em){.wrap{margin-left:auto;margin-right:auto;max-width:74em}.flex{flex-direction:row;flex-flow:wrap}.flex>main.w100{width:100%;max-width:59ch}.w50{width:50%;margin:auto}}footer{background-color:#fee3be;margin-top:1em;padding:1em;text-align:center}footer address,footer p{margin:.5em 0}footer a:active,footer a:focus,footer a:hover{background-color:rgba(137,221,205,.7);color:#001090}footer a.active{background-color:transparent;border-bottom:none;color:#000;text-decoration:none}footer a.active:hover{cursor:default}#up{opacity:0;transition:.5s;position:fixed;color:transparent}#up a{background-image:url(../img/pfeilup.svg);background-color:rgba(0,155,255,.3);background-repeat:no-repeat;background-position:50%;background-size:26px;border-radius:50%;border:1px solid #007cff;bottom:20px;opacity:.7;padding:1.4rem;position:fixed;right:15px;transition:.5s;z-index:100}#up a:focus,#up a:hover{background-color:rgba(0,155,255,.6);border:1px solid #005cff;opacity:1}@media screen and (min-width:48.063em){address,footer p{margin:.75em 0}}
/*# sourceMappingURL=main.css.map */