@wilo-font-face { font-family: open-iconic; font-style: normal; font-weight: normal; }
.wilo-custom-glyph { color: White; cursor: pointer; font-family: Icons; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wilo-custom-envelop:before { content: "\e05c"; min-height: 40px; min-width: 40px; }
.wilo-custom-print:before { content: "\e0ac"; min-height: 40px; min-width: 40px; }
.btn-print { margin-bottom: 16px; outline: 0; }
.pdfdl { border-style: none; color: White; max-width: min-content; min-width: 400px; position: fixed; right: 0px; top: 40%; z-index: 4; }
.pdfdl-hidden { opacity: 75%; right: -400px; transition-duration: .2s; transition-timing-function: ease-in-out; }
.pdfdl-show { opacity: 100%; right: 0px; transition-duration: .2s; transition-timing-function: ease-in-out; }
.noscroll { overflow: unset; overflow-y: unset; }
.scroll>div { background-color: rgb(255,180,0); color: White; font-size: 10pt; min-height: 150px; min-width: 395px; overflow-x: hidden; overflow-y: auto; padding-left: 5px; white-space: nowrap; }
.scroll>li:hover { color: white; overflow-x: hidden; overflow-y: auto; width: min-content; }
.textoverflow { max-height: 150px; max-width: 400px; }
.textoverflow .textoverflow>a { color: White; overflow: hidden; padding-left: 5px; padding-right: 5px; text-overflow: ellipsis; white-space: nowrap; }
.textoverflow>a:hover { background-color: rgb(80,80,80); transition-duration: .2s; transition-timing-function: ease-in-out; }
.dl-button { background-color: rgb(255,180,0); color: White; flex-wrap: nowrap; font-size: 1.5em; margin-right: -70px; min-width: 160px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: center; transform: rotate(-90deg); }
.content-flexbox { display: flex; flex-direction: row; flex-wrap: wrap; }
.content-flexbox>div { background-color: rgb(255,180,0); display: flex; flex-direction: row; flex-wrap: wrap; }
.wilo-mediafloat>img { max-width: 300px; min-width: 150px; }
.schema-inline-img-big { max-height: 5rem; }
.footerlist { background-color: #E9ECEF; border-left: 10px solid; padding: 10px; padding-left: 20px; }
.footerlist>li { color: Black; display: inline; list-style-type: none; padding-right: 1.5em; }
.footerlist>li>a { color: Black; }
.footerlist>li>a:hover { color: rgb(0,156,130); }
.wilo-custom-footer { background-color: rgb(80,80,80); background-size: cover; bottom: -20px; color: White; empty-cells: show; height: 5rem; margin-left: -15px; padding-left: 15px; padding-right: 15px; position: fixed; text-align: center; width: 100%; }
.wilo-main-content { bottom: 25px; margin-top: -50px; position: relative; }
a { color: rgb(0,156,130); }
a:hover { color: rgb(0,0,0); text-decoration: none; }
body * { font-family: NotoSans; }
@media (max-width: 576px) {
	td.mainpictab, tr.mainpictab { display: block; overflow: visible; }
}
@media (min-width: 768px) and (max-width: 991px) {
	ol.schema-pagewise { display: flex !important; margin-left: 0px !important; margin-right: 0px !important; }
}
@media (min-width: 577px) and (max-width: 767px) {
	ol.schema-pagewise { display: flex !important; margin-left: 0px !important; margin-right: 0px !important; }
}
@media (max-width: 576px) {
	ol.schema-pagewise { display: flex !important; margin-left: 0px !important; margin-right: 0px !important; }
}
button.schema-toc-dropdown + a.schema-toc-link { font-weight: bold; }
.st4box img { background-image: url(../img/Lupe_off.svg); background-position: top right; background-repeat: no-repeat; background-size: 30px; cursor: zoom-in; display: inline; max-width: 100%; }
.row { margin: 0; }
.magnifier-picto { background-image: url(../img/Lupe.svg); background-position: top right; background-repeat: no-repeat; background-size: 30px; cursor: zoom-in; height: 30px; position: absolute; right: 5px; top: 0px; width: 30px; }
.flyout { z-index: 999; }
@media (min-width: 992px) and (max-width: 1199px) {
	.flyout { background-color: rgb(255,180,0); position: fixed; top: 50vh; transform: translateY(-50%); }
	off.flyout[data-visible="false"] { right: -5rem; transition: right .5s ease; }
	off.flyout[data-visible="true"] { right: 0; transition: right .5s ease; }
}
.slideout-menu > button span { font-weight: 700; }
.flyout[data-visible="false"] button .icon-arrow-right { display: none; }
.slideout-menu div > a { align-items: center; display: flex; justify-content: center; }
.slideout-menu .flyout-icon { background-position: 50%; background-repeat: no-repeat; height: 1.25rem; width: 1.25rem; }
off.flyout:hover { right: 0; }
.slideout-menu { background-color: rgb(255,180,0); position: fixed; right: -5rem; top: 50vh; transform: translateY(-50%); transition: right 0.5s ease; width: 5rem; z-index: 999; }
.slideout-menu div > a { height: 5rem; margin-left: 1rem; position: relative; width: 3rem; }
.slideout-menu > button { background-color: rgb(255,180,0); border: none; height: 3rem; left: 0; position: absolute; top: 50%; transform: translate(-100%,-50%); width: 2rem; }
.open { right: 0; transition: right 0.5s ease; }
a[data-flyout="mail"] .flyout-icon { background-image: url('../img/email.svg'); }
a[data-flyout="contact"] .flyout-icon { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 50" style="enable-background:new 0 0 64 50;" xml:space="preserve"> <path d="M64,5.33v39.11c0,2.94-2.39,5.33-5.33,5.33H5.33C2.39,49.78,0,47.39,0,44.44V5.33C0,2.39,2.39,0,5.33,0h53.33 C61.61,0,64,2.39,64,5.33z M32,34.84c0-3.53-3.34-6.4-7.47-6.4h-0.56c-1.36,0.56-2.86,0.89-4.42,0.89s-3.06-0.32-4.42-0.89h-0.56 c-4.12,0-7.47,2.87-7.47,6.4v2.13c0,1.18,1.11,2.13,2.49,2.13h19.91c1.38,0,2.49-0.96,2.49-2.13V34.84z M12.44,17.78 c0,3.92,3.19,7.11,7.11,7.11s7.11-3.19,7.11-7.11s-3.19-7.11-7.11-7.11S12.44,13.86,12.44,17.78z M56.89,15.11 c0-0.49-0.4-0.89-0.89-0.89H40c-0.49,0-0.89,0.4-0.89,0.89v1.78c0,0.49,0.4,0.89,0.89,0.89h16c0.49,0,0.89-0.4,0.89-0.89V15.11z M56.89,22.22c0-0.49-0.4-0.89-0.89-0.89H40c-0.49,0-0.89,0.4-0.89,0.89V24c0,0.49,0.4,0.89,0.89,0.89h16c0.49,0,0.89-0.4,0.89-0.89 V22.22z M56.89,29.33c0-0.49-0.4-0.89-0.89-0.89H40c-0.49,0-0.89,0.4-0.89,0.89v1.78c0,0.49,0.4,0.89,0.89,0.89h16 c0.49,0,0.89-0.4,0.89-0.89V29.33z"/> </svg>'); }
a[data-flyout="info"] .flyout-icon { background-image: url('../img/info.svg'); }
a[data-flyout="pdf"] .flyout-icon { background-image: url('../img/download.svg'); }
.icon-arrow-left { font-family: schema-glyphs; }
.icon-arrow-left::before { content: "\e601"; }
.open .icon-arrow-left::before { content: "\e602"; }
button.slideout-menu-toggle:focus { outline: none; }
li.schema-safety-instruction { list-style-type: square; }
@media (min-width: 768px) and (max-width: 991px) {
	.safety-body { flex-direction: column; }
}
@media (min-width: 577px) and (max-width: 767px) {
	.safety-body { flex-direction: column; }
}
@media (max-width: 576px) {
	.safety-body { flex-direction: column; }
}