@charset "utf-8";@font-face { font-family: 'sonfon'; src: url('../media/fonts/sonfon2.ttf');}.sheadlint {background-color: var(--colordark2);padding: 4px;}.boxtit {margin-top: 64px;font-size: 56px;color: var(--mainbgcolor2);text-shadow:1px1px 0px var(--mainbgcolor3), -1px -1px 0px var(--mainbgcolor3),1px -1px 0px var(--mainbgcolor3), -1px1px 0px var(--mainbgcolor3);}h2 a:hover {text-decoration: none;}a.intext {border-bottom: 1px dashed var(--colordark2);}a.intext:hover {text-decoration: none;border-bottom: 1px dotted transparent;}.htop {background-color: var(--colordark2);margin-bottom: 100px;position: relative;}.quickquest {z-index: 1001;position: absolute;top: 0;left: 0;padding: 24px;margin: 24px;border: 2px solid var(--mainbgcolor3);border-radius: 1em;color: var(--mainbgcolor2);background: var(--mainbgcolor1);font-size: 150%;text-shadow: 2px 2px 2px var(--colordark2), -1px 2px 2px var(--colordark2), 2px -1px 2px var(--colordark2), -1px -1px 2px var(--colordark2), 2px 2px 4px var(--mainbgcolor3), -1px 2px 4px var(--mainbgcolor3), 2px -1px 4px var(--mainbgcolor3), -1px -1px 4px var(--mainbgcolor3);transition: .5s;}.quickquest:hover {text-decoration: none;background: var(--mainbgcolor2);color: var(--mainbgcolor2);text-shadow: 2px 2px 2px var(--mainbgcolor3), -1px 2px 2px var(--mainbgcolor3), 2px -1px 2px var(--mainbgcolor3), -1px -1px 2px var(--mainbgcolor3), 2px 2px 4px var(--colordark2), -1px 2px 4px var(--colordark2), 2px -1px 4px var(--colordark2), -1px -1px 4px var(--colordark2);}.slihcont {padding: 64px;}.slihtit {position: absolute;width: 70%;top: 50%;left: 50%;transition: .5s;-webkit-transform: translate(-50%,-40%);transform: translate(-50%,-40%);color: var(--mainbgcolor2);font-size: 250%;text-shadow: 2px 2px 2px var(--mainbgcolor3), -1px 2px 2px var(--mainbgcolor3), 2px -1px 2px var(--mainbgcolor3), -1px -1px 2px var(--mainbgcolor3), 2px 2px 4px var(--mainbgcolor3), -1px 2px 4px var(--mainbgcolor3), 2px -1px 4px var(--mainbgcolor3), -1px -1px 4px var(--mainbgcolor3);}.slihtit h2 {font-size: 180%;margin-bottom: 1em;}.slihtit h1 {font-size: 75%;}.starttit {font-size: 32px;}.home_drbg {background-image: url('../media/web/dachreinigung.jpg');background-size: cover;background-position: bottom;}.home_drin {background-image: url('../media/web/dachinspekl.jpg');background-size: cover;background-position: bottom;}.home_drrn {background-image: url('../media/web/dachreinigung.jpg');background-size: cover;background-position: bottom;}.home_drbs {background-image: url('../media/web/farbtabelle.jpg');background-size: cover;background-position: bottom;}.home_fsbg {background-image: url('../media/web/fassade.jpg');background-size: cover;background-position: bottom;}.home_pfbg {background-image: url('../media/web/pflaster.jpg');background-size: cover;background-position: bottom;}.home_fsin {background-image: url('../media/web/fassgutacht.jpg');background-size: cover;background-position: bottom;}.home_fskl {background-image: url('../media/web/fassklink.jpg');background-size: cover;background-position: bottom;}.home_fslo {background-image: url('../media/web/lotus.jpg');background-size: cover;background-position: bottom;}.home_pfin {background-image: url('../media/web/pflasterinsp.jpg');background-size: cover;background-position: bottom;}.home_pfrn {background-image: url('../media/web/pflasterrein.jpg');background-size: cover;background-position: bottom;}.home_pfvf {background-image: url('../media/web/pflaster01sandbeige.jpg');background-size: cover;background-position: bottom;}.home_pflo {background-image: url('../media/web/pflaster01lotus.jpg');background-size: cover;background-position: bottom;}.lbox {position: relative;width: 100%;min-height: 100%;padding: 32px;border: 1px solid var(--colordark2);}.lbox .info {width: 100%;padding: 16px;font-weight: 600;text-align: center;font-size: 16px;}.libox {position: relative;width: 100%;padding-bottom: 100%;}.libox div {position: absolute;bottom: 0;width: 100%;padding: 8px;color: var(--mainbgcolor1);background-color: var(--colordark3);}.libox div a {color: var(--mainbgcolor1);font-size: 18px;}.libox div a:hover {color: var(--mainbgcolor2);font-size: 18px;}.divminhbg {min-height: 300px;}.whitebg {background: rgba(255, 255, 255, 0.75);}.glanztit {margin-top: 96px;font-size: 72px;color: var(--mainbgcolor2);text-shadow:1px1px 0px var(--mainbgcolor3), -1px -1px 0px var(--mainbgcolor3),1px -1px 0px var(--mainbgcolor3), -1px1px 0px var(--mainbgcolor3);}.gonjatit {font-size: 40px;margin-top: 96px;margin-bottom: 96px;color: var(--mainbgcolor2);text-shadow:1px1px 0px var(--mainbgcolor3), -1px -1px 0px var(--mainbgcolor3),1px -1px 0px var(--mainbgcolor3), -1px1px 0px var(--mainbgcolor3);}.sublink {font-size: 20px;}.subnavlink {font-size: 20pt;font-weight: 600;border-bottom: 3px solid var(--colorwhite);}.subnavlink:hover {border-bottom: 3px solid var(--colorred);}.pointernavsubnavlink {font-size: 20pt;font-weight: 600;border-bottom: 3px solid var(--colorred);}.pointernavsubnavlink:hover {border-bottom: 3px solid var(--colorred);}.multicolimg {columns: 4 300px;column-gap: 0em;text-align: justify;}.imagebackedopt {padding-left: 26px;background-repeat: no-repeat;}.imgbgcasecol {background-image: url("media/dummy.gif");background-repeat:no-repeat;background-size:cover;background-position: center center;min-height: 90px;text-align: center;cursor: pointer;color: var(--colordark2);}.imgbgcasecol:hover {background-image: url("media/dummy.gif");background-repeat:no-repeat;background-size:cover;background-position: center center;min-height: 90px;text-align: center;cursor: pointer;color: var(--mainbgcolor1);}.tli {padding-left: 16px;}.rsteps {position: relative;display: flex;flex-wrap: wrap;}.rsteps::before {content: '';position: absolute;top: 50px;background-color: var(--disabled);width: 100%;height: 1px;}.rsteps::after {content: '';position: absolute;top: 50px;background-color: var(--colordark3);width: 0%;height: 3px;animation-name: rstepsline;animation-duration: 6s;animation-delay: 0s;animation-fill-mode: forwards;animation-timing-function: linear;}@keyframes rstepsline {from {width: 0%;} to {width: 100%;}}.steps {position: relative;margin-top: 100px;}.steps::after {content: var(--cttx);position: absolute;top: -60px;left: calc(50% - 17px);border: 1px solid var(--disabled);background-color: var(--mainbgcolor1);font-weight: 600;font-size: 24px;z-index: 100;width: 24px;height: 24px;border-radius: 50%;display: flex;color:transparent;padding-bottom: 6px;justify-content: center;align-items: center;animation-name: rstepscircle;animation-duration: .3s;animation-delay: var(--delay);animation-fill-mode: forwards;}@keyframes rstepscircle {from {border: 1px solid var(--disabled);color:transparent;top: -60px;left: calc(50% - 17px);width: 24px;height: 24px;font-size: 24px;} to {border: 3px solid var(--colordark3);color: var(--maincolor);top: -80px;left: calc(50% - 32px);width: 64px;height: 64px;font-size: 32px;}}.sfood {color: var(--mainbgcolor1);}.sfood a {color: var(--mainbgcolor1);font-size: 18px;line-height: 32px;margin: 12px;}.sfood a:hover {color: var(--mainbgcolor1);}.sfood div.row div {min-height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;padding: 32px;}.sfood big {font-size: 40px;}.sfood ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;list-style-type: none;padding: 0;}.sfood li a {padding: 8px;font-size: 24px;font-weight: 600;}.sfood li a:hover {text-decoration: none;}@media only screen and (min-width: 1200px) {.boxtit {font-size: 64px;}.starttit {font-size: 32px;}.glanztit {margin-top: 96px;font-size: 72px;}.gonjatit {font-size: 40px;margin-top: 96px;margin-bottom: 96px;}.flogo {width: 320px;height: auto;background-color: white;border: 8px solid white;}}@media only screen and (min-width: 768px) and (max-width: 1199px) {.quickquest {z-index: 1001;padding: 8px;margin: 8px;font-size: 2vw;}.boxtit {font-size: 6.0vw;}.starttit {font-size: 2.6vw;}.glanztit {margin-top: 9.6vw;font-size: 7.2vw;}.gonjatit {font-size: 4.0vw;margin-top: 9.6vw;margin-bottom: 9.6vw;}.flogo {width: 20vw;height: auto;}}@media only screen and (max-width: 767px) {.quickquest {z-index: 1001;padding: 8px;margin: 8px;left: 55vw;width: 40vw;font-size: 4vw;text-align: center;}.boxtit {font-size: 8.2vw;}.starttit {font-size: 4.2vw;}.glanztit {margin-top: 9.6vw;font-size: 7.2vw;}.gonjatit {font-size: 4.0vw;margin-top: 9.6vw;margin-bottom: 9.6vw;}.flogo {width: 80vw;height: auto;}.slihcont {padding: 0px;}.slihtit {position: absolute;width: 100%;top: 25%;left: 7vw;transform: translate(0, 0);font-size: 4vw;}.slihtit h2 {font-size: 8vw;}.slihtit h1 {font-size: 3.5vw;}.rsteps {position: relative;display: flex;flex-wrap: wrap;width: calc(100vw - 120px) !important;}.rsteps::before {content: '';position: absolute;left: 50px;background-color: var(--disabled);height: 80%;width: 0px;}.rsteps::after {content: '';position: absolute;left: 50px;background-color: var(--mainbgcolor1);height: 0%;width: 0px;animation-name: rstepsline;animation-duration: 6s;animation-delay: 0s;animation-fill-mode: forwards;animation-timing-function: linear;}@keyframes rstepsline {from {height: 0%;} to {height: 80%;}}.steps {position: relative;margin-top: 0px;margin-left: 100px;padding: 32px;width: calc(100vw - 120px) !important;min-width: calc(100vw - 120px) !important;}.steps::after {content: var(--cttx);position: absolute;left: -60px;top: calc(50% - 17px);border: 1px solid var(--disabled);background-color: var(--mainbgcolor1);font-weight: 600;font-size: 24px;z-index: 100;width: 24px;height: 24px;border-radius: 50%;display: flex;color:transparent;padding-bottom: 6px;justify-content: center;align-items: center;animation-name: rstepscircle;animation-duration: .3s;animation-delay: var(--delay);animation-fill-mode: forwards;}@keyframes rstepscircle {from {border: 1px solid var(--disabled);color:transparent;left: -60px;top: calc(50% - 17px);width: 24px;height: 24px;font-size: 24px;} to {border: 3px solid var(--mainbgcolor3);color: var(--maincolor);left: -80px;top: calc(50% - 32px);width: 64px;height: 64px;font-size: 32px;}}}