/* ================================================================================================== */
/* css/machinata-mabouteille-bundle.css */
/* Language:  */
/* Package: Machinata.Core */
/* Theme: default */
/* Build: f8eff948-7a2c-4ca4-8c6e-6e8f8f447dd1 */
/* Date: 2023.03.05 04:38 UTC */
/* ================================================================================================== */


/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-vars.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-vars.css */
/* -------------------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-fonts.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-fonts.css */
/* -------------------------------------------------------------------------------------------------- */

@font-face {font-family: 'CeraPRO Medium';font-weight: normal;font-style: normal;src: url('https://mabouteille.ch/static/file/fonts/37BF2A_0_0.eot');src: url('https://mabouteille.ch/static/file/fonts/37BF2A_0_0.ttf') format('truetype'),url('https://mabouteille.ch/static/file/fonts/37BF2A_0_0.eot?#iefix') format('embedded-opentype'),url('https://mabouteille.ch/static/file/fonts/37BF2A_0_0.woff2') format('woff2'),url('https://mabouteille.ch/static/file/fonts/37BF2A_0_0.woff') format('woff');}@font-face {font-family: "mabouteille";src: url("https://mabouteille.ch/static/file/fonts/mabouteille.eot");src: url("https://mabouteille.ch/static/file/fonts/mabouteille.eot?#iefix") format("embedded-opentype"),url("https://mabouteille.ch/static/file/fonts/mabouteille.woff") format("woff"),url("https://mabouteille.ch/static/file/fonts/mabouteille.ttf") format("truetype"),url("https://mabouteille.ch/static/file/fonts/mabouteille.svg#kets-iconfont") format("svg");font-weight: normal;font-style: normal;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-icons.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-icons.css */
/* -------------------------------------------------------------------------------------------------- */

[data-icon]:before {font-family: "mabouteille" !important;content: attr(data-icon);font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}[class^="icon-"]:before,[class*=" icon-"]:before,.ui-radio:before,.ui-link:after {font-family: "mabouteille" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-circle:before {content: "\61";}.icon-small-down-arrow:before {content: "\62";}.icon-right-round-arrow:before {content: "\63";}.icon-right-ohne-circle:before {content: "\64";}.icon-right-arrow:before {content: "\65";}.icon-menu:before {content: "\66";}.icon-left-round-arrow:before {content: "\67";}.icon-left-ohne-circle:before {content: "\68";}.icon-left-arrow:before {content: "\69";}.icon-down-arrow:before {content: "\6a";}.icon-dot:before {content: "\6b";}.icon-cross:before {content: "\6c";}.icon-circle-dot:before {content: "\6d";}.icon-small-left-arrow:before {content: "\6e";}.icon-small-right-arrow:before {content: "\6f";}.icon-small-up-arrow:before {content: "\70";}.icon-up-arrow:before {content: "\71";}/*.icon-dot:before {content: "\61";}.icon-circle-dot:before {content: "\62";}.icon-circle:before {content: "\63";}.icon-down-arrow:before {content: "\64";}.icon-left-arrow:before {content: "\65";}.icon-left-ohne-circle:before {content: "\66";}.icon-left-round-arrow:before {content: "\67";}.icon-menu:before {content: "\68";}.icon-right-ohne-circle:before {content: "\69";}.icon-right-arrow:before {content: "\6a";}.icon-right-round-arrow:before {content: "\6b";}.icon-small-down-arrow:before {content: "\6c";}.icon-small-left-arrow:before {content: "\6d";}.icon-small-right-arrow:before {content: "\6e";}.icon-small-up-arrow:before {content: "\6f";}.icon-up-arrow:before {content: "\70";}*/

/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-html.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-html.css */
/* -------------------------------------------------------------------------------------------------- */

h1 {font-size: 42px;font-weight: normal;}body.mobile h1 {font-size: 34px;}h2 {font-size: 28px;font-weight: normal;}body.mobile h2 {font-size: 22px;}h3 {}a,a * {cursor: pointer;}p {}label {text-transform: uppercase;}table.table {width: auto;border-collapse: collapse;width: 100%;}table.table td,table.table th {padding: 0px;background-color: transparent;font-size: 16px;color: inherit;}input {border: 1px solid black;border-radius: 0;cursor: text;width: 300px;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-reset.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-reset.css */
/* -------------------------------------------------------------------------------------------------- */

* {font-family: 'CeraPRO Medium', sans-serif;font-weight: normal;font-style: normal;font-size: 16px;color: black;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;cursor: default;}* {-webkit-font-feature-settings: "lnum" 1;-moz-font-feature-settings: "lnum" 1;-moz-font-feature-settings: "lnum=1";-ms-font-feature-settings: "lnum" 1;-o-font-feature-settings: "lnum" 1;font-feature-settings: "lnum" 1;}body, html {height: 100.1%;}body {-webkit-text-size-adjust: 100%;}input[type=range]:focus,:focus {outline: 0;outline: none;}::-moz-focus-inner {border: 0;}input:not([type="radio"]):not([type="checkbox"]), textarea {-webkit-appearance: none;border-radius: 0;}img {border: 0px;}a {text-decoration: none;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-uikit.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-uikit.css */
/* -------------------------------------------------------------------------------------------------- */

.ui-page-down {position: absolute;width: 100%;height: 36px;bottom: 16px;left: 0px;font-size: 36px;text-align: center;}.ui-page-down:before {position: relative;top: 0px;transition-duration: 0.2s;transition-property: top;transition-timing-function: ease-in-out;}.ui-page-down:hover:before {position: relative;top: 4px;}.ui-section {position: absolute;top: 0px;width: 100%;height: auto;}.ui-section h2 {padding-top: 16px;padding-bottom: 16px;font-size: 14px !important;text-transform: uppercase;text-align: center;}.ui-section .line {width: 30px;height: 2px;background-color: black;margin-left: auto;margin-right: auto;}.ui-radio {font-size: 28px;}.ui-radio:before {margin-right: 10px;position: relative;top: 9px;content: "\6b";font-size: 36px;}.ui-radio:hover:before,.ui-radio.selected:before {content: "\6d";font-size: 36px;}.ui-link {padding-top: 3px;padding-bottom: 3px;padding-left: 16px;padding-right: 46px;border: 1px solid black;line-height: 1.4em;position: relative;display: inline-block;}.ui-link:after {content: "\6f";font-size: 14px;position: absolute;right: 8px;top: 6px;}.ui-link:before {content: "";position: absolute;right: 0px;top: 0px;width: 30px;height: 100%;border-left: 1px solid black;}.ui-link:hover:after {color: #FFFFFF;}.ui-link:hover:before {background-color: #92cdeb;}.ui-link.submit-button input {display: inline;width: auto;background-color: white;text-align: left;cursor: pointer;border: none;}body.desktop-or-tablet .ui-link {margin-top: 12px;}.ui-link.large {text-transform: uppercase;}.ui-link.no-icon {padding-right: 16px;}.ui-link.no-icon:before,.ui-link.no-icon:after {display: none;}.option-dark-grey .ui-link,.option-dark-grey .ui-link:before,.option-blue .ui-link,.option-blue .ui-link:before {border-color: white;}.option-dark-grey .ui-link:hover:before,.option-blue .ui-link:hover:before {background-color: white;}.option-dark-grey .ui-link:hover:after,.option-blue .ui-link:hover:after {color: #92cdeb;}.option-blue .ui-link.no-icon:hover {background-color: white;color: #92cdeb;}.ui-sticker {background-color: #92cdeb;color: white;display: block;width: 80px;height: 80px;text-align: center;line-height: 80px;border-radius: 50%;font-size: 40px;}.ui-sticker:hover {color: #92cdeb;background-color: white;}.mb-calculator {max-width: 300px;}body.mobile .mb-calculator {max-width: 100%;}.mb-calculator h2 {margin-top: 0px !important;}body.mobile .mb-calculator h2 {font-size: 34px;}.mb-calculator h1 {margin-bottom: 0px !important;margin-top: 32px;}.mb-calculator .line {height: 1px;background-color: white;}.mb-calculator label.total-text {margin-top: 3px;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-forms.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-forms.css */
/* -------------------------------------------------------------------------------------------------- */

.form {text-align: left;}.form.option-calculator {padding: 16px;width: auto;display: inline-block;padding-bottom: 26px;}.form label {display: block;text-transform: uppercase;margin-top: 16px;margin-bottom: 3px;font-size: 12px;}.form .input {border: 1px solid white;padding: 4px;background-color: transparent;width: 100%;box-sizing: border-box;max-width: 320px;}.form select.input {padding-right: 8px;}.form textarea.input {min-height: 72px;}.form .input.error {border-color: red !important;}.form .button {border: 1px solid white;background-color: transparent;box-sizing: border-box;cursor: pointer;width: auto;padding-top: 5px;padding-bottom: 4px;padding-left: 16px;padding-right: 16px;}.form .button:hover {background-color: #92cdeb;color: white;}.form h1,.form h1:first-child,.form label,.form .input,.form select,.form .button,.form .button:after {}.form h1:first-child {}.form .input,.form .button,.form .button:hover {border-color: black;}.form.option-blue {background-color: #92cdeb;}.form.option-blue h1,.form.option-blue h1:first-child,.form.option-blue label,.form.option-blue .input,.form.option-blue select,.form.option-blue .button,.form.option-blue .button:after {color: white;}.form.option-blue h1:first-child {color: white !important;}.form.option-blue .input,.form.option-blue .button,.form.option-blue .button:hover {border-color: white;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-layout.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-layout.css */
/* -------------------------------------------------------------------------------------------------- */

body {background-color: white;width: 100%;min-width: 300px;}#container {}.standard-padding {padding-left: 16px;padding-right: 16px;}.layout-cover {position: relative;}.layout-cover .media {position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center center;}.layout-cover.option-half .media {width: 50%;}body.tablet-or-mobile .layout-cover.option-half .media {width: 100%;height: 40%;}.layout-cover .media.video {overflow: hidden;background-color: black;}.layout-cover .media.video .video-container {position: absolute;width: 100%;height: 100%;left: 50%;transform: translate(-50%, 0%);}.layout-cover .media .video-container video {position: absolute;width: 100%;height: 100%;left: 20%;}.layout-cover .ui-page-down {color: white;mix-blend-mode: difference;}.layout-cover .cover-content {position: absolute;width: 100%;height: 100%;}.layout-cover .cover-content .layout-flasche {position: absolute;width: 100%;height: 100%;}.layout-cover .cover-content .buttons,.layout-cover .cover-content .text {position: absolute;width: 30%;height: 340px;top: 30%;right: 6%;}body.tablet-or-mobile .layout-cover .cover-content .buttons,body.tablet-or-mobile .layout-cover .cover-content .text {position: absolute;height: 45%;bottom: 16px;left: 16px;right: 16px;width: unset;top: unset;margin-right: 32px;}.layout-cover .cover-content .image {position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center 60%;background-size: auto 78%;}@media only screen and (max-height: 800px) {.layout-cover .cover-content .image {background-size: auto 86%;}}/*@media only screen and (max-height: 800px) {body.desktop-or-tablet .layout-cover .cover-content .text {top: 20%;}}*/body.tablet-or-mobile .layout-cover .cover-content .image {background-position: center 10%;background-size: auto 50%;}.layout-cover .cover-content .toggle-buttons {position: absolute;bottom: 0px;left: 0px;height: 36px;width: 100%;}body.tablet-or-mobile .layout-cover .cover-content .toggle-buttons {display: none;}.layout-cover .cover-content .anfrage {position: absolute;bottom: -70px;left: 0px;}body.tablet-or-mobile .layout-cover .cover-content .anfrage {bottom: 50px;}@media only screen and (max-height: 600px) {body.tablet-or-mobile .layout-cover .cover-content .anfrage {display: none;}}.layout-cover .cover-content .text h1 {margin-bottom: 16px;}.layout-cover .cover-content .toggle-items .toggle-item {display: none;}.layout-splash {position: relative;min-height: 600px;}body.mobile .layout-splash {min-height: 300px;}.layout-splash .media {position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center center;}.layout-module {position: relative;}.layout-module .vertical-aligner {position: relative;}.layout-module .vertical-aligner {height: 600px;}body.mobile .layout-module .vertical-aligner {height: 600px;}body.mobile .layout-module .ui-page-down,.option-no-page-down .ui-page-down {display: none !important;}.layout-module.option-blue {background-color: #92cdeb;}.layout-module.option-dark-grey {background-color: #474747;}.layout-module.option-light-grey {background-color: #f0f0f0;}.layout-module.option-blue .ui-section .line,.layout-module.option-dark-grey .ui-section .line {background-color: #FFFFFF;}.layout-module.option-blue .module-content h1,.layout-module.option-blue .module-content h2,.layout-module.option-blue .module-content p,.layout-module.option-blue .module-content a,.layout-module.option-blue .ui-section h2,.layout-module.option-blue .ui-page-down {color: #FFFFFF;}.layout-module.option-dark-grey .module-content h1,.layout-module.option-dark-grey .module-content h2,.layout-module.option-dark-grey .module-content p,.layout-module.option-dark-grey .module-content a,.layout-module.option-dark-grey .ui-section h2,.layout-module.option-dark-grey .ui-page-down {color: #FFFFFF;}.layout-content {padding-top: 120px;padding-bottom: 120px;}.layout-content .content {max-width: 640px;margin-left: auto;margin-right: auto;}body.mobile .layout-content .content {margin-left: 16px;margin-right: 16px;}.layout-content .content h1 {margin-bottom: 16px;}.layout-content .content h2,.layout-content .content p,.layout-content .content img {margin-top: 16px;margin-bottom: 16px;}.layout-content .content .node.image {text-align: center;}.layout-content .content .node.image img {max-width: 100%;max-height: 500px;}body.mobile .layout-content .content .node.image img {max-height: 320px;}.layout-content .content .spacer {height: 32px;}.layout-content .form .layout-content {padding-bottom: 80px;}.layout-content .layout-content {padding-top: 60px;padding-bottom: 60px;}.layout-content.option-tight-bottom {padding-bottom: 0px;}body.desktop .layout-two-column .column.option-snap-right {text-align: right;}body.desktop .layout-two-column .column.option-snap-right .content {text-align: left;display: inline-block;}.layout-image {padding-top: 120px;padding-bottom: 0px;height: 400px;background-repeat: no-repeat;background-size: cover;background-position: center bottom;}.layout-image.option-contain {background-size: contain;}.layout-image.option-image-right {background-position: 80% center;}.layout-image.option-image-left {background-position: 20% center;}.layout-content .layout-image {margin-bottom: -1px;}body.mobile .layout-image {height: 320px;}.layout-video {position: relative;}.layout-video video,.layout-video img {width: 100%;height: 100%;}.layout-video .ui-page-down {display: none;}.layout-video.option-fullpage .ui-page-down {display: inherit;}.layout-video.option-fullpage .video-container,.layout-video.option-fullpage .video-content {position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;}.layout-video.option-fullpage .video-container video {min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}.layout-video.option-fullpage .video-content h1 {font-size: 110px;}body.mobile .layout-video.option-fullpage .video-content h1 {font-size: 46px;}.layout-two-column  {}.layout-two-column .column {width: 50%;float: left;text-align: left;}.layout-two-column .layout-content.column .content {max-width: 400px;padding-left: 16px;padding-right: 16px;}.layout-two-column .layout-content.column .content {margin-left: 32px;margin-right: auto;}.layout-two-column .layout-content.column:first-child .content {margin-left: auto;margin-right: 32px;}body.mobile .layout-two-column .column {width: 100%;float: unset;}body.mobile .layout-two-column .layout-content.column {padding-top: 16px;padding-bottom: 16px;}body.mobile .layout-two-column .layout-content.column .content  {margin-left: auto;margin-right: auto;}.layout-icon {display: inline-block;padding-left: 16px;padding-right: 16px;margin-bottom: 16px;vertical-align: top;position: relative;}.layout-icon.option-align-bottom {vertical-align: bottom;margin-left: 32px;margin-right: 32px;margin-top: 32px;}.layout-icon h2 {margin: 0px;}body.mobile .layout-icon h2 {font-size: 28px;}.layout-icon .icon-image {width: 180px;height: auto;background-size: contain;background-position: center center;background-repeat: no-repeat;}body.tablet-or-mobile .layout-icon .icon-image {width: 140px;}.layout-icon.option-small  {min-width: 130px;margin-bottom: 32px;}.layout-icon.option-small .icon-image  {width: 85px;}.layout-icon.option-small p  {margin-top: 16px;}body.tablet-or-mobile .layout-icon.option-small {padding-left: 0px;padding-right: 0px;}body.tablet-or-mobile .layout-icon.option-small .icon-image {width: 70px;}.row-clear {display: none;}.row-clear.option-new-row,body.mobile .row-clear.option-new-row-mobile {display: block;height: 1px;clear: both;}.layout-icon .sticker-link,.layout-icon .logo-link {display: none;}.layout-icon.has-link .logo-link {display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}.layout-icon.has-link.option-sticker-link .sticker-link {display: inherit;position: absolute;right: 0px;top: 31%;}.layout-icon.has-link.option-sticker-link .logo-link {display: none;}.layout-sortiment {float: left;}.layout-sortiment .sortiment-image {height: 400px;width: 250px;background-size: contain;background-position: center center;background-repeat: no-repeat;}/*.layout-module.option-dark-grey .layout-rechner-tool {background-color: #92cdeb;}*/.layout-diagram {text-align: center;}.layout-diagram img.desktop-only {width: 80%;max-width: 660px;height: auto;}.layout-diagram img.mobile-only {width: 80%;max-width: 290px;height: auto;}.layout-slider {background-color: #f0f0f0;}.layout-slide {position: relative;}.layout-slide h1 {font-size: 110px;}body.mobile .layout-slide h1 {font-size: 46px;}.layout-slide .text {position: absolute;width: 100%;height: 100%;}.layout-slide .image {position: absolute;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: auto 80%;}body.mobile .layout-slide .image {background-size: auto 52%;}.layout-slider .slick-arrow {position: absolute;top: 50%;z-index: 1;font-size: 36px;}body.mobile .layout-slider .slick-arrow {font-size: 32px;top: 50%;opacity: 0.2;}.layout-slider .slick-arrow:before {position: relative;top: -16px;}body.mobile .layout-slider .slick-arrow:before {top: -16px;}.layout-slider .slick-prev {left: 16px;}.layout-slider .slick-next {right: 16px;}.icon .icon-forward,.icon .icon-back{display: none;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-navigation.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-navigation.css */
/* -------------------------------------------------------------------------------------------------- */

#navigation {position: fixed;top: 16px;right: 16px;z-index: 120;top: 0px;right: 0px;}#navigation a {color: black;position: absolute;top: 16px;right: 16px;font-size: 34px;transition-duration: 0.3s;transition-property: color;transition-timing-function: ease-in-out;}body.white-nav #navigation a.auto-color {color: white;}#navigation .close-menu {opacity: 0.0;}body.menu-open #navigation .close-menu {opacity: 1.0;}body.menu-open #navigation .open-menu {opacity: 0.0;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-menu.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-menu.css */
/* -------------------------------------------------------------------------------------------------- */

#menuoverlay {position: fixed;width: 0%;height: 0%;left: 0px;top: 0px;background-color: black;z-index: 100;opacity: 0.0;transition-duration: 0.3s;transition-property: opacity;transition-timing-function: ease-in-out;}body.menu-open #menuoverlay {opacity: 0.2;width: 100%;height: 100%;}#menu {position: fixed;top: 0px;right: -600px;height: 100%;width: 600px;background-color: white;z-index: 110;box-shadow: rgba(0,0,0,0.0) -10px 0px 20px;transition-duration: 0.3s;transition-property: right, box-shadow;transition-timing-function: ease-in-out;}body.menu-open #menu {right: 0px;box-shadow: rgba(0,0,0,0.2) -10px 0px 20px;}#menu .padding {padding-top: 100px;padding-left: 100px;}#menu ul {list-style: none;}#menu ul li {padding-top: 16px-half;padding-bottom: 16px-half;}#menu ul li a {font-size: 42px;}#menu ul li a.selected,body.section-home #menu ul li.section-home a,body.section-sortiment #menu ul li.section-sortiment a,body.section-gastrorechner #menu ul li.section-gastrorechner a,body.section-wasseraufbereitung #menu ul li.section-wasseraufbereitung a,body.section-kontakt #menu ul li.section-kontakt a,#menu ul li a:hover {text-decoration: underline;}body.tablet-or-mobile #menu {width: 100%;right: -100%;}body.tablet-or-mobile.menu-open #menu {right: 0%;}body.tablet-or-mobile #menu .padding {padding-left: 16px;padding-right: 16px;}body.tablet-or-mobile #menu ul li a {font-size: 34px;}body.tablet-or-mobile #menu ul li {padding-top: 16px-quarter;padding-bottom: 16px-quarter;}@media only screen and (max-width: 320px) {body.tablet-or-mobile #menu ul li a {font-size: 30px;}}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-logo.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-logo.css */
/* -------------------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------------------- */
/* machinata-mabouteille-footer.css */
/* File: css/machinata-mabouteille-bundle.css/machinata-mabouteille-footer.css */
/* -------------------------------------------------------------------------------------------------- */

#footer {width: 100%;background-color: #92cdeb;padding-top: 100px;padding-bottom: 100px;text-align: center;}#footer a {color: white;text-decoration: none;font-size: 28px;}#footer a:hover,#footer a:active {color: #474747;}#footer table {width: 100%;height: 100%;}#footer table td {vertical-align: middle;text-align: center;}