/* * mmwf/89:90M * * Michael Hieke * ©2023 Wasserhygiene Hohenlohe GmbH */ @charset "utf-8";:root{--clr-fg: #555;--clr-bg: #f1f1f1;--clr-light-fg: rgba(85,85,85,0.8);--clr-light-accent3: #ffca78;--clr-link-fg: #06c;--clr-hover-fg: #004080;--clr-highlight-fg: #010101;--clr-highlight-bg: #ffca78;--clr-shadow: rgba(0,0,0,0.15);--clr-card-bg: rgba(255,255,255,0.5);--w-gap: 1rem;--w-icon: max(1.41em, 24px)}header,footer{--clr-shadow: rgba(0,0,0,0.5)}nav{--clr-highlight-fg: rgba(255,255,255,0.85);--clr-highlight-bg: rgba(255,255,255,0.05)}.clr-inverse{--clr-fg: #f1f1f1;--clr-bg: #555;--clr-link-fg: #f1f1f1;--clr-hover-fg: #fff}@font-face{font-family: "Roboto Slab";src: local("Roboto Slab Light"), url("https://www.wasserhygiene-hohenlohe.de/font/robotoslab-light.woff2") format("woff2"), url("https://www.wasserhygiene-hohenlohe.de/font/robotoslab-light.ttf") format("truetype");font-weight: 200;font-style: normal;font-display: swap}@font-face{font-family: "Roboto Slab";src: local("Roboto Slab"), local("Roboto Slab Regular"), url("https://www.wasserhygiene-hohenlohe.de/font/robotoslab-regular.woff2") format("woff2"), url("https://www.wasserhygiene-hohenlohe.de/font/robotoslab-regular.ttf") format("truetype");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: "Roboto";src: local("Roboto Light"), url("https://www.wasserhygiene-hohenlohe.de/font/roboto-light.woff2") format("woff2"), url("https://www.wasserhygiene-hohenlohe.de/font/roboto-light.ttf") format("truetype");font-weight: 200;font-style: normal;font-display: swap}@font-face{font-family: "Roboto";src: local("Roboto"), local("Roboto Regular"), url("https://www.wasserhygiene-hohenlohe.de/font/roboto-regular.woff2") format("woff2"), url("https://www.wasserhygiene-hohenlohe.de/font/roboto-regular.ttf") format("truetype");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: "Roboto";src: local("Roboto Medium"), url("https://www.wasserhygiene-hohenlohe.de/font/roboto-medium.woff2") format("woff2"), url("https://www.wasserhygiene-hohenlohe.de/font/roboto-medium.ttf") format("truetype");font-weight: 500;font-style: normal;font-display: swap}@font-face{font-family: "Roboto";src: local("Roboto Italic"), url("https://www.wasserhygiene-hohenlohe.de/font/roboto-italic.woff2") format("woff2"), url("https://www.wasserhygiene-hohenlohe.de/font/roboto-italic.ttf") format("truetype");font-weight: 400;font-style: italic;font-display: swap}*{margin: 0;padding: 0;border: 0;outline: 0 !important;font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;line-height: inherit;background: none transparent;text-align: inherit;text-decoration: inherit;scroll-behavior: smooth;color-scheme: light;box-sizing: border-box}:root{--transition: 300ms}@media (prefers-reduced-motion: reduce){*{scroll-behavior: auto;--transition: 1ms}}:focus,:active{outline: 0}html{overflow-x: hidden;overflow-y: auto;background: #555}body{font-family: "Roboto", sans-serif;font-size: normal;line-height: 1.41;text-rendering: optimizeLegibility;letter-spacing: -.1px;color: #555;background: linear-gradient(0deg, #d8d8d8, #fefefe) #f1f1f1}body[data-modal="true"]{overflow: hidden}dialog{position: relative}dfn,strong{font-weight: 500;letter-spacing: initial}a,label,button,summary{cursor: pointer;white-space: nowrap;user-select: none;color: var(--clr-link-fg, var(--clr-fg));transition: color var(--transition) linear}a:hover{text-decoration: underline}a:hover,label:hover,button:hover,summary:hover{color: var(--clr-hover-fg)}summary{list-style-type: none}ol,ul{list-style-type: none;list-style-position: outside}details{position: relative}img,svg,iframe{max-width: 100%}img,svg{height: auto;display: inline;vertical-align: bottom}picture img{width: 100%}svg{fill: currentColor}*[data-display="visually-hidden"]{display: none}@media speech{*[data-display="visually-hidden"]{display: initial}}*[data-display="false"],*[data-display="gt-md"],*[data-display="gt-lg"]{display: none}@media (min-width: 33rem){*[data-display="gt-md"]{display: initial}*[data-display="lt-md"]{display: none}}@media (min-width: 66rem){*[data-display="gt-lg"]{display: initial}*[data-display="lt-lg"]{display: none}}pre,code{font-family: monospace;white-space: normal;display: block}pre{white-space: pre-wrap}table{border-collapse: collapse;border-spacing: 0 0;empty-cells: show}tr,td{vertical-align: top}tbody{display: table-row-group}mark,::selection{color: var(--clr-highlight-fg);background-color: var(--clr-highlight-bg)}.t-caption{color: var(--clr-light-fg);font-style: italic}.t-caption,.t-small{font-size: 85%;letter-spacing: .1px}.t-small strong{letter-spacing: .25px}.t-right{text-align: right}.t-center{text-align: center}.t-shadow{text-shadow: 0 0 2px var(--clr-shadow)}.t-nowrap{display: inline-block}.t-truncate{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%}.h-center{width: 66rem;max-width: 95%;margin: 0 auto}.v-space{margin: 1rem 0}.flex{display: flex;flex-direction: row;gap: var(--w-gap, 0)}.flex.flex-row-md,.flex.flex-row-lg{flex-direction: column}@media (min-width: 33rem){.flex.flex-row-md{flex-direction: row}}@media (min-width: 66rem){.flex.flex-row-lg{flex-direction: row}}.flex.flex-h-space{justify-content: space-between}.flex.flex-h-center{justify-content: center}.flex.flex-wrap{flex-wrap: wrap}.flex.flex-v-top{align-items: flex-start}.flex.flex-v-center{align-items: center}.flex > .flex-grow{flex-grow: 2;min-width: 0}.i-top{margin-top: 0 !important}.float-left-lg{margin: 2rem;margin-left: 0;float: left}.float-left-md,.float-left-lg,.float-right-md,.float-right-lg{margin: 0 auto}@media (min-width: 33rem){.i-third-md{width: 33%}.float-left-md{margin: 2rem;margin-left: 0;float: left}.float-right-md{margin: 2rem;margin-right: 0;float: right}}@media (min-width: 66rem){.float-left-lg{margin: 2rem;margin-left: 0;float: left}.float-right-lg{margin: 2rem;margin-right: 0;float: right}}.tbl-padded{border-collapse: separate;border-spacing: .5em 0;margin-left: -.5em;margin-right: -.5em}.page-header{position: relative;box-shadow: .5ex 0 .5ex var(--clr-shadow)}.page-header--social-service{--w-gap: .25rem;padding: var(--w-gap) 0;color: var(--clr-fg);background-color: var(--clr-bg)}.page-header--service li:not(:first-child)::before{content: '•';margin-right: var(--w-gap)}.page-header--main-navigation{--clr-fg: #fff;--clr-bg: #06c;--clr-link-fg: #fff;--clr-hover-fg: #fff;--clr-hover-bg: #004c99;color: var(--clr-fg);background-color: var(--clr-bg)}.page-header--main-navigation .flex{gap: 0}.page-header--main-navigation a{padding: var(--w-gap);line-height: max(1.41em, 24px);display: inline-block;transition: background-color var(--transition) linear}.page-header--main-navigation a.active{background: linear-gradient(180deg, var(--clr-highlight-fg) 2px, var(--clr-highlight-bg) 2px) var(--clr-highlight-bg)}.page-header--main-navigation a:hover{text-decoration: none;background-color: var(--clr-hover-bg)}.page-header--logo-contact{--clr-link-fg: #555;--clr-hover-fg: #000;--clr-bg: #fff;--w-gap: 2rem;padding: .5rem 0;color: var(--clr-fg);background-color: var(--clr-bg)}.page-header--contact-openinghours th,.page-header--contact-openinghours td{line-height: 1}.page-header--contact-address{--w-gap: 0 1rem}.content-info--box-header,.page-header--contact-header{font-family: "Roboto Slab", "Roboto", sans-serif;font-weight: 400;font-size: 125%;line-height: 1;margin-bottom: 1.5ex;color: #c3573c}.content-info--box-header{border-bottom: 1px solid currentColor;padding-bottom: .5ex}.page-header--logo{flex-shrink: 0}.page-header--logo svg{width: max(60px, 20ex)}.page-footer{padding: var(--w-gap);margin-top: 10ex;color: var(--clr-bg);background-color: var(--clr-fg);box-shadow: inset 0 .5ex .5ex #000 2}.page-footer--grid{display: grid;grid-template-columns: 1fr;gap: var(--w-gap);align-items: center}@media (min-width: 66rem){.page-footer--grid{grid-template-columns: 1fr 1fr 1fr}}.page-footer a{font-weight: 500;letter-spacing: .25px}.page-footer--navigation a{color: var(--clr-light-accent3);margin: .7ex 0}.page-footer--navigation .active{color: #fff}.page-footer--navigation .icon{--w-gap: .1rem}.main-content-contentinfo{display: flex;flex-direction: column}.main-content{order: -1}@media (min-width: 66rem){.main-content-contentinfo{display: block}.main-contentinfo{margin: var(--w-gap);float: right;width: 33%}}.icon{--w-gap: .33rem;line-height: var(--w-icon)}.icon-image{width: var(--w-icon);flex-shrink: 0}.cards{display: grid;grid-template-columns: 1fr;gap: var(--w-gap);margin: var(--w-gap) 0}@media (min-width: 66rem){.cards{grid-template-columns: 1fr 1fr}}.card{gap: 1rem 0;min-width: 0}.card-image{width: 150px;min-width: 150px;margin: 0 auto}.card-contact,.content-info--box{margin-bottom: 2rem;padding: var(--w-gap);box-shadow: 0 0 .33rem var(--clr-shadow);background-color: var(--clr-card-bg);border-radius: .25rem}.card-contact{min-width: 212px}@media (min-width: 33rem){.card{box-shadow: 0 0 .33rem var(--clr-shadow);background-color: var(--clr-card-bg);border-radius: .25rem}.card-image{margin: 0}.card-contact{box-shadow: none;background-color: transparent}}.card-header{margin-bottom: 1.41ex}.card-header-name{font-style: italic;font-size: 141%;line-height: 1.1;color: #c3573c}h1{font-family: "Roboto Slab", "Roboto", sans-serif;font-size: 200%;font-size: clamp(141%, 200%, 8vw);font-weight: 200;line-height: 1.1;margin: 3ex 0 1ex 0;color: #2866a4;clear: both}article header .icon-image{color: #2866a4;margin-right: 1rem}h2{display: block;font-size: 141%;font-size: clamp(120%, 141%, 6vw);font-weight: 200;line-height: 1.1;letter-spacing: initial;color: #2866a4}header > h2{padding-bottom: 3px;border-bottom: 1px solid currentColor;margin: 2ex 0 1ex 0;clear: both}h3{font-weight: 500;letter-spacing: initial;color: #000;margin-top: 3ex}article address{font-style: italic}article ul,article ol,article table,article address,article p,footer table{margin-top: 1.41ex}article ul,article ol,article table,article address{margin-bottom: 3ex}article ul{list-style-type: disc;list-style-position: outside;margin-left: 1em}