/* ================================================================================================== */
/* css/machinata-paullulu-bundle.css */
/* Language:  */
/* Package: Machinata.Core */
/* Theme: default */
/* Build: 2d4fbb39-f48c-42bc-9dec-d669d00c9e6c */
/* Date: 2023.02.17 14:02 UTC */
/* ================================================================================================== */


/* -------------------------------------------------------------------------------------------------- */
/* fontastic-styles.css */
/* File: css/machinata-paullulu-bundle.css/fontastic-styles.css */
/* -------------------------------------------------------------------------------------------------- */

@charset "UTF-8";@font-face {font-family: "paulluluicons";src:url("https://paul-lulu.ch/static/file/fonts/paulluluicons.eot");src:url("https://paul-lulu.ch/static/file/fonts/paulluluicons.eot?#iefix") format("embedded-opentype"),url("https://paul-lulu.ch/static/file/fonts/paulluluicons.woff") format("woff"),url("https://paul-lulu.ch/static/file/fonts/paulluluicons.ttf") format("truetype"),url("https://paul-lulu.ch/static/file/fonts/paulluluicons.svg#paulluluicons") format("svg");font-weight: normal;font-style: normal;}[data-icon]:before {font-family: "paulluluicons" !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 {font-family: "paulluluicons" !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-paullulu-arrow2-right-1:before {content: "\61";}.icon-paullulu-arrow-down:before {content: "\62";}.icon-paullulu-arrow-left:before {content: "\63";}.icon-paullulu-arrow-right:before {content: "\64";}.icon-paullulu-arrow-up:before {content: "\65";}.icon-paullulu-beratungsgesprach:before {content: "\66";}.icon-paullulu-lieferung:before {content: "\67";}.icon-paullulu-kennenlernen:before {content: "\68";}.icon-paullulu-hot:before {content: "\69";}.icon-paullulu-geschenk:before {content: "\6a";}.icon-paullulu-verkauf:before {content: "\6b";}.icon-paullulu-close:before {content: "\6c";}.icon-paullulu-circle-arrow-up:before {content: "\6d";}.icon-paullulu-vereine:before {content: "\6e";}.icon-paullulu-turnus:before {content: "\6f";}.icon-paullulu-circle-arrow-right:before {content: "\70";}.icon-paullulu-circle-arrow-left:before {content: "\71";}.icon-paullulu-teams:before {content: "\72";}.icon-paullulu-preis:before {content: "\73";}.icon-paullulu-circle-arrow-full-up:before {content: "\74";}.icon-paullulu-circle-arrow-full-right:before {content: "\75";}.icon-paullulu-partner:before {content: "\76";}.icon-paullulu-circle-arrow-full-down:before {content: "\77";}.icon-paullulu-menu:before {content: "\78";}.icon-paullulu-circle-arrow-full-left:before {content: "\79";}.icon-paullulu-circle-arrow-down:before {content: "\7a";}.icon-paullulu-login:before {content: "\41";}.icon-paullulu-arrow2-left:before {content: "\42";}.icon-paullulu-anlass:before {content: "\43";}.icon-paullulu-not:before {content: "\44";}.icon-paullulu-verwaltung:before {content: "\45";}.icon-paullulu-hourglass:before {content: "\46";}

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



/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-util.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-util.css */
/* -------------------------------------------------------------------------------------------------- */

.requires-business {display: none !important;}.business-logged-in .requires-business {display: inherit !important;}.requires-no-business {display: none !important;}.business-logged-out .requires-no-business {display: inherit !important;}

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

@font-face {font-family: 'Gilroy';font-weight: normal;font-style: normal;src: url("https://paul-lulu.ch/static/file/fonts/Gilroy-Regular.woff") format("woff"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-Regular.ttf") format("truetype"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-Regular.otf") format("opentype");}@font-face {font-family: 'Gilroy';font-weight: bold;font-style: normal;src: url("https://paul-lulu.ch/static/file/fonts/Gilroy-Bold.woff") format("woff"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-Bold.ttf") format("truetype"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-Bold.otf") format("opentype");}@font-face {font-family: 'Gilroy';font-weight: normal;font-style: italic;src: url("https://paul-lulu.ch/static/file/fonts/Gilroy-RegularItalic.woff") format("woff"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-RegularItalic.ttf") format("truetype"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-RegularItalic.otf") format("opentype");}@font-face {font-family: 'Gilroy';font-weight: bold;font-style: italic;src: url("https://paul-lulu.ch/static/file/fonts/Gilroy-BoldItalic.woff") format("woff"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-BoldItalic.ttf") format("truetype"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-BoldItalic.otf") format("opentype");}@font-face {font-family: 'Gilroy';font-weight: lighter;font-style: normal;src: url("https://paul-lulu.ch/static/file/fonts/Gilroy-Light.woff") format("woff"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-Light.ttf") format("truetype"),url("https://paul-lulu.ch/static/file/fonts/Gilroy-Light.otf") format("opentype");}@font-face {font-family: 'Bradley Hand';src: url("https://paul-lulu.ch/static/file/fonts/BradleyHand-Bold.woff") format("woff"),url("https://paul-lulu.ch/static/file/fonts/BradleyHand-Bold.ttf") format("truetype"),url("https://paul-lulu.ch/static/file/fonts/BradleyHand-Bold.otf") format("opentype");font-weight: normal;font-style: normal;}

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

* {font-family: 'Gilroy', sans-serif;font-weight: normal;font-style: normal;font-size: 16px;color: $page-text-color;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;cursor: default;}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;}img {border: 0px;}::selection {background: $highlight-color;color: $white-color;}::-moz-selection {background: $highlight-color;color: $white-color;}

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

pre {font-size: 12px;font-family: monospace;padding: 8px;white-space: pre-wrap;background-color: $barely-visible-color;}h1 {text-transform: uppercase;font-size: 36px;font-weight: bold;margin-top: $padding-double;margin-bottom: $padding-half;color: $solid-color;padding-left: $padding;padding-right: $padding;}h1.lowercase {text-transform: none;}body.mobile h1 {font-size: 30px;}h2 {color: $solid-color;text-transform: uppercase;font-size: 22px;font-weight: bold;margin-top: $padding-double;margin-bottom: $padding-half;padding-left: $padding;padding-right: $padding;}h3 {text-transform: uppercase;color: $solid-color;font-size: 12px;font-weight: bold;----border-bottom: 1px solid $gray-color;padding-bottom: 6px;padding-top: 6px;}h1 + h2 {margin-top: $padding-half;}a,a * {cursor: pointer;text-decoration: none;}a {text-decoration: none;}p {margin-top: $padding;margin-bottom: $padding;}h3.note {margin-top: $padding-double;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-jquery-fixes.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-jquery-fixes.css */
/* -------------------------------------------------------------------------------------------------- */

.ui-button {background: $table-background-color;color: $table-text-color;}.ui-spinner {---background-color: $solid-color;}.ui-spinner:hover {----background-color: $highlight-color;}.ui-spinner-input {---color: $white-color;}.ui-dialog,.ui-dialog .ui-dialog-buttonpane {---background-color: $solid-color;}.ui-dialog,.ui-dialog *,.ui-dialog .ui-dialog-buttonpane {color: $page-text-color;}.ui-menu .ui-menu-item {---background-color: $solid-color;---color: white;}.ui-menu-item-wrapper {---color: white;}.ui-dialog-title,.ui-datepicker-title,.ui-datepicker-title *,.ui-selectmenu-text {color: $highlight-color;}.ui-checkboxradio-radio-label .ui-icon-background {----background-color: $solid-color;}.ui-checkboxradio-radio-label:hover .ui-icon-background {---background-color: $higlight-color !important;}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon {---background-color: $white-color !important;}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon-background {---background-color: $white-color;}.ui-progressbar {---background-color: $solid-color;}.ui-progressbar-value {---background-color: $highlight-color;}.ui-datepicker .ui-datepicker-today a {---background-color: $solid-color;---color: $highlight-color;}.ui-datepicker .ui-datepicker-current-day a,.ui-datepicker .ui-datepicker-today:hover a {---background-color: $highlight-color;---color: $white-color !important;}

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

a.icon {font-size: 28px;color: $solid-color;font-family: "paulluluicons" !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;}a.icon.white {color: $white-color;}a.icon:hover,a.icon.white:hover,a.icon.selected {color: $solid-color;}a.icon.arrow-down::before {content: "z";}a.icon.arrow-down:hover::before,a.icon.arrow-down.selected::before {content: "w";}a.icon.arrow-right::before {content: "p";}a.icon.arrow-right:hover::before,a.icon.arrow-right.selected::before {content: "u";}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-header.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-header.css */
/* -------------------------------------------------------------------------------------------------- */

#header {text-align: center;width: 100%;height: 48px;position: fixed;top: 0px;left: 0px;background-color: white;box-shadow: rgba(0,0,0,0.2) 0px 0px 20px;z-index: 10;transition-duration: 0.2s;transition-property: box-shadow;}body.navbar-expanded #header {box-shadow: rgba(0,0,0,0.0) 0px 0px 20px;}#headersize {height: 48px;display: none;}#navigation,#login {width: 438px;position: fixed;background-color: white;z-index: 10;}#header-pusher {height: 48px;}#dialogcapture {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 9;display: none;}#header .logo-and-claim .logo {width: 164px;height: 20px;display: inline-block;background-image: url('https://paul-lulu.ch/static/file/images/logo-paullulu-noest-2x.png');background-size: auto 100%;background-position: 50% 50%;background-repeat: no-repeat;position: relative;top: 14px;}

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

body {background-color: white;width: 100%;min-width: 300px;}#container {}.page,#footer,.standard-margin {padding-left: 48px;padding-right: 48px;}body.mobile .page,body.mobile #footer,body.mobile .standard-margin {padding-left: $padding;padding-right: $padding;}.layout-module {text-align: center;padding-top: 100px;clear: both;}.layout-module .module-title {text-align: center;padding-bottom: 100px;}.layout-module.no-title .module-title {display: none;}.standard-shadow.black-shadow {filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.4));}.standard-shadow.white-shadow {filter: drop-shadow(0px 0px 8px rgba(255,255,255,0.4));}.layout-splash {position: relative;}.layout-splash .title {position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;}.layout-splash .title h1 {color: $white-color;font-size: 70px;margin: 0px;padding: 0px;}.layout-splash .label-1 {position: absolute;width: 300px;left: 14%;top: 70%;color: $white-color;text-align: center;}.layout-splash .label-2 {position: absolute;width: 300px;left: 70%;top: 10%;color: $white-color;text-align: center;}.layout-splash.no-label-1 .label-1,.layout-splash.no-label-2 .label-2 {display: none;}.layout-splash .logo.no-image-2 {display: none;}.layout-splash .logo {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background-size: 58% auto;background-position: center 44%;background-repeat: no-repeat;}.layout-splash .blocks {margin-left: auto;margin-right: auto;position: relative;top: -$padding-half;}.layout-splash .down-arrow {width: 100%;height: 48px;position: relative;top: -5px;}.layout-icon {display: inline-table;width: 200px;}.layout-icon.option-spaced-top {margin-top: 100px;}.layout-icon.option-spaced-bottom {margin-bottom: 100px;}body.mobile .layout-icon {display: inherit;margin-left: auto;margin-right: auto;}.layout-icon h2 {font-family: 'Bradley Hand';font-weight: normal;text-transform: none;font-size: 22px;color: $solid-color;margin-top: 0px;margin-bottom: $padding;}.layout-icon img {width: 175px;height: auto;image-rendering: crisp-edges;-moz-image-rendering: crisp-edges;}.layout-logo {display: inline-table;padding-left: $padding;padding-right: $padding;}body.mobile .layout-logo {display: inherit;margin-left: auto;margin-right: auto;}.layout-logo img {width: auto;height: 180px;}body.tablet .layout-logo img {height: 140px;}#blockbordersize {width: $padding-half;height: $padding-half;display: none;}.layout-blocks {position: relative;padding-left: 40px;padding-right: 40px;}body.mobile .layout-blocks {padding-left: $padding-half;padding-right: $padding-half;}body.tablet-or-mobile .layout-blocks.option-desktop-only {display: none;}.layout-blocks.option-spaced {padding-bottom: 80px;}.layout-block {float: left;}.layout-block.option-float-right {float: right;}.layout-block .block-wrapper {height: 100%;}.layout-block .block-aligner {display: table;width: 100%;height: 100%;border-spacing: $padding-half;border-collapse: separate;}.layout-blocks.option-tight .layout-block .block-aligner {border-spacing: 0px;}.layout-block .block-contents {display: table-cell;vertical-align: middle;text-align: center;width: 100%;height: 100%;background-color: $table-background-color;background-position: center center;background-size: cover;}.layout-block .block-sizer {display: inline-block;max-width: 70%;}.layout-block .block-contents h2 {font-family: 'Bradley Hand';font-weight: normal;text-transform: none;font-size: 22px;color: $solid-color;margin-top: $padding-half;margin-bottom: $padding-half;}.layout-block .block-contents p.image img {width: 50%;height: auto;}.layout-block.option-square .block-contents p.image img {width: 40%;}.layout-block .block-contents.no-link p.image,.layout-block .block-contents.no-image p.image,.layout-block .block-contents.no-title h2,.layout-block .block-contents.no-description p.description,.layout-block .block-contents.no-html p.html,.layout-block .block-contents.no-link div.link {display: none;}.layout-quote {display: table;}.layout-quote.option-spaced {padding-top: 100px;}.layout-quote .quote,.layout-quote .image {display: table-cell;width: 50%;}.layout-quote .quote {vertical-align: middle;}.layout-quote .quote p {font-family: 'Bradley Hand';font-weight: normal;text-transform: none;font-size: 22px;color: $highlight-color;padding: $padding-double;max-width: 70%;}.layout-quote .image img {width: 100%;height: auto;}.layout-quote .image div {padding-top: $padding-half;text-align: left;}.layout-gallery {position: relative;padding-bottom: 100px;padding-left: 48px;padding-right: 48px;}.layout-gallery .gallery-images .thumbnail,.layout-gallery .gallery-thumbnails .image,.layout-gallery .gallery-thumbnails .layout-labels,.layout-gallery .gallery-thumbnails .thumbnail.no-thumb {display: none;}.layout-gallery .gallery-images {position: relative;}.layout-gallery .gallery-images img {width: 100%;height: auto;}.layout-button {margin-top: 50px;margin-bottom: 100px;text-align: center;}.layout-button.align-right {text-align: right;}.layout-line {margin-top: $padding;margin-bottom: $padding;border-bottom: 1px solid $highlight-color;}.layout-video {}.layout-video.spaced-top {padding-top: 100px;}.layout-video .node.video img,.layout-video .node.video video {width: 100%;height: 100%;}.layout-video .video-player .overlay {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background-repeat: no-repeat;background-size: auto 40%;background-position: center center;background-image: url(/static/file/images/video-icon-2x.png);cursor: pointer;}.layout-sticker {width: 160px;height: 160px;position: fixed;right: 110px;bottom: 90px;display: table;transform: rotate(-6deg);background-size: cover;z-index: 10;}.layout-sticker .wrapper {width: 100%;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}.layout-sticker h1 {font-family: 'Bradley Hand';font-weight: normal;text-transform: none;font-size: 22px;position: relative;top: 6px;padding-top: 12px;}.layout-sticker h2 {font-size: 14px;}.layout-sticker h1,.layout-sticker h2,.layout-sticker p {margin-top: 4px;margin-bottom: 4px;}.layout-sticker.option-animated {transition-property: transform,opacity;transition-duration: 0.4s;}.layout-sticker.option-animated:hover {transform: rotate(6deg) scale(1.2);}.layout-sticker.fadeout {opacity: 0.0;}.layout-apply-form {padding-bottom: 100px;}.layout-apply-form table {width: 100%;}.layout-apply-form td {text-align: left;vertical-align: top;}.layout-apply-form .form-block {text-align: left;float: left;border: $padding solid transparent;box-sizing: border-box;}.layout-apply-form .form-block-half {width: 50%;}.layout-apply-form .form-block-third {width: 33%;}.layout-apply-form .form-block-full {width: 100%;}.layout-apply-form .form-block-centered {margin-left: auto;margin-right: auto;float: unset;}body.mobile .layout-apply-form .form-block,body.mobile .layout-apply-form .form-block-half,body.mobile .layout-apply-form .form-block-third,body.mobile .layout-apply-form .form-block-full,body.tablet .layout-apply-form .form-block,body.tablet .layout-apply-form .form-block-half,body.tablet .layout-apply-form .form-block-third,body.tablet .layout-apply-form .form-block-full {float: unset;width: unset;}.layout-apply-form h2 {font-size: 14px;padding-top: $padding-double;margin-top: 0px;padding-top: 0px;}.layout-apply-form h2.spaced {padding-top: $padding-double;}.layout-labels {pointer-events: none;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;---background-color: rgba(255,0,0,0.2);}body.mobile .layout-labels,body.tablet .layout-labels {display: none !important;}.text-label {font-family: 'Bradley Hand';font-weight: normal;text-transform: none;font-size: 22px;color: $highlight-color;position: absolute;width: 150px;height: auto;---background-color: rgba(0,255,0,0.2);}.text-label::after {content: '';position: absolute;background-position: center center;background-size: 100% 100%;background-size: contain;background-repeat: no-repeat;---background-color: rgba(0,0,255,0.2);}.text-label.white::after {filter: brightness(100);}.text-label.label-1.no-label-1,.text-label.label-2.no-label-2,.text-label.label-3.no-label-3,.text-label.label-4.no-label-4,.text-label.label-5.no-label-5,.text-label.label-6.no-label-6 {display: none;}.layout-labels.option-outer .text-label.label-1 {left: 12%;top: -14%;}.layout-labels.option-outer .text-label.label-2 {left: 74%;top: 107%;}.layout-labels.option-inner .text-label.label-1 {left: 22%;top: 10%;}.layout-labels.option-inner .text-label.label-2 {left: 14%;top: 44%;}.layout-labels.option-inner .text-label.label-3 {right: 15%;top: 60%;}.layout-labels.option-inner .text-label.label-4 {right: 15%;top: 2%;}.layout-labels.option-blocks .text-label.label-1 {left: 58%;top: -100px;}.layout-labels.option-blocks .text-label.label-2 {left: 54%;bottom: -90px;}.text-label.label-arrow-a::after,.layout-labels.option-inner .text-label.label-1::after,.layout-labels.option-outer .text-label.label-1::after {width: 64px;height: 120px;left: 50%;top: 100%;background-image: url("/static/file/images/label-arrow-a-2x.png");}.text-label.label-arrow-b::after,.layout-labels.option-inner .text-label.label-2::after {width: 145px;height: 33px;left: 60%;bottom: -15px;background-image: url("/static/file/images/label-arrow-b-2x.png");}.text-label.label-arrow-c::after,.layout-labels.option-inner .text-label.label-3::after,.layout-labels.option-outer .text-label.label-2::after {width: 87px;height: 76px;left: -20px;top: -76px;background-image: url("/static/file/images/label-arrow-c-2x.png");}.text-label.label-arrow-d::after,.layout-labels.option-inner .text-label.label-4::after {width: 227px;height: 153px;left: -220px;top: 30%;background-image: url("/static/file/images/label-arrow-d-2x.png");}.text-label.label-arrow-e::after,.layout-labels.option-blocks .text-label.label-1::after {width: 76px;height: 87px;left: -20px;bottom: -87px;background-image: url("/static/file/images/label-arrow-e-2x.png");}.text-label.label-arrow-f::after,.layout-labels.option-blocks .text-label.label-2::after {width: 114px;height: 64px;right: -114px;top: -50%;background-image: url("/static/file/images/label-arrow-f-2x.png");}.text-label.bb-animate-on-appear {transition-duration: 0.3s;transition-delay: 0.1s;transition-property: opacity, transform;opacity: 0.0;}.layout-labels.option-inner .text-label.label-1.bb-animate-on-appear,.layout-labels.option-inner .text-label.label-2.bb-animate-on-appear,.layout-labels.option-outer .text-label.label-1.bb-animate-on-appear,.layout-labels.option-blocks .text-label.label-2.bb-animate-on-appear {transform: translateX(-100px);}.layout-labels.option-inner .text-label.label-3.bb-animate-on-appear,.layout-labels.option-inner .text-label.label-4.bb-animate-on-appear,.layout-labels.option-outer .text-label.label-2.bb-animate-on-appear,.layout-labels.option-blocks .text-label.label-1.bb-animate-on-appear  {transform: translateX(+100px);}.text-label.bb-animate-on-appear.on-appear,.layout-labels.option-inner .text-label.bb-animate-on-appear.on-appear,.layout-labels.option-outer .text-label.bb-animate-on-appear.on-appear,.layout-labels.option-blocks .text-label.bb-animate-on-appear.on-appear {opacity: 1.0;transform: translateX(0.0);}.layout-statement {text-align: center;}.layout-statement.option-spaced-top {padding-top: 100px;}.layout-statement.option-spaced-bottom {padding-bottom: 100px;}.layout-statement .node {text-align: center;}.layout-statement .node img {width: auto;height: 10px;}.layout-statement .node.rich-text {max-width: 480px;margin-left: auto;margin-right: auto;}.layout-statement .node.rich-text,.layout-statement .node.rich-text p,.layout-statement .node.rich-text a.no-styling {font-family: 'Bradley Hand';font-weight: normal;text-transform: none;font-size: 22px;color: $solid-color;}.layout-process {clear: both;}.layout-step {margin-left: auto;margin-right: auto;width: 560px;}.layout-process.option-spaced .layout-step {padding-bottom: 100px;}.layout-step .step-top {clear: both;}.layout-step .step-top .step-icon img {width: 170px;}.layout-step .step-top .step-icon,.layout-step .step-top .step-description {float: left;width: 50%;}.layout-step .step-top .step-icon h2 {font-family: 'Bradley Hand';font-weight: normal;text-transform: none;font-size: 22px;color: $solid-color;margin-top: $padding-half;}.layout-step .step-top .step-description {float: right;}.layout-step .step-top .step-description .html {text-align: left;}.layout-step .step-top .step-description h2 {margin-top: $padding;font-size: 14px;}.layout-step .step-top .step-description p {margin-top: $padding-half;}.layout-step .step-arrow  {clear: both;text-align: center;}.layout-step .step-arrow img  {width: 300px;height: auto;}.layout-step.no-link a.arrow-right  {display:none;}.layout-step.no-image-2 .step-arrow  {display:none;}.layout-step.option-right .step-top .step-icon {float: right;}.layout-step.option-right .step-top .step-description {float: left;}.layout-step.option-right .step-top .step-description .html {text-align: right;}.layout-step.bb-animate-on-appear .step-icon,.layout-step.bb-animate-on-appear .step-description,.layout-step.bb-animate-on-appear .step-arrow {transition-duration: 0.3s;transition-delay: 0.2s;transition-property: opacity, left;opacity: 0.0;position: relative;}.layout-step.option-left.bb-animate-on-appear .step-icon,.layout-step.option-left.bb-animate-on-appear .step-description,.layout-step.option-left.bb-animate-on-appear .step-arrow {left: -100px;}.layout-step.option-right.bb-animate-on-appear .step-icon,.layout-step.option-right.bb-animate-on-appear .step-description,.layout-step.option-right.bb-animate-on-appear .step-arrow {left: 100px;}.layout-step.bb-animate-on-appear .step-arrow {transition-delay: 0.3s;}.layout-step.bb-animate-on-appear.on-appear .step-icon,.layout-step.bb-animate-on-appear.on-appear .step-description,.layout-step.bb-animate-on-appear.on-appear .step-arrow {opacity: 1.0;left: 0px;right: 0px;}.layout-module.option-dark,.layout-block.option-dark .block-contents {background-color: $highlight-color;}.layout-module + .layout-module.option-dark,.layout-modules + .layout-module.option-dark {margin-top: 200px;padding-bottom: 100px;}.layout-block.option-dark .block-contents p.image img,.layout-module.option-dark .layout-icon img_DEACT {filter: brightness(0.0);}.layout-module.option-dark h1,.layout-module.option-dark .layout-icon h2,.layout-module.option-dark .layout-icon a.icon,.layout-block.option-dark .block-contents h1,.layout-block.option-dark .block-contents h2,.layout-block.option-dark .block-contents p,.layout-block.option-dark .block-contents a.icon {color: $white-color;}.layout-module.option-gray,.layout-block.option-gray .block-contents {background-color: $table-background-color;}.layout-module + .layout-module.option-gray,.layout-modules + .layout-module.option-gray {margin-top: 200px;padding-bottom: 100px;}.layout-module + .layout-module.option-gray.option-tight-bottom {padding-bottom: 0px;}.layout-module.option-green,.layout-block.option-green .block-contents {background-color: #A4E1B4;}.layout-module + .layout-module.option-green,.layout-modules + .layout-module.option-green {margin-top: 200px;padding-bottom: 100px;}.layout-module.option-green h2 {color: $white-color;}.layout-module.option-green .rich-text * {color: $solid-color;}.option-narrow,.layout-module.option-narrow .module-sizer {width: 70%;margin-left: auto;margin-right: auto;}.layout-module.option-narrow {width: auto;margin-left: auto;margin-right: auto;}

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

.navbar {height: 48px;background-color: $white-color;/*transition-duration: 0.2s;transition-property: left, right, height, box-shadow;*/}/*.navbar.open,.navbar.expanded,body.navbar-expanded .navbar {height: 100%;}.navbar.open {box-shadow: rgba(0,0,0,0.2) 0px 0px 20px;}.navbar.left {left: -390px;}.navbar.right {right: -390px;}.navbar.left.open {left: 0px;}.navbar.right.open {right: 0px;}body.mobile .navbar.left.open,body.mobile .navbar.right.open {top: 48px;left: 0px;right: 0px;width: 100% !important;box-shadow: none;z-index: 11 !important;}body.mobile .navbar.left.open .content,body.mobile .navbar.right.open .content {width: 94%;}body.mobile .navbar.left.open .tab,body.mobile .navbar.right.open .tab {height: 48px;position: absolute;top: -48px;background-color: white;}body.mobile .navbar.left.open .tab {right: 0px;}body.mobile .navbar.right.open .tab {left: 0px;}.navbar .content {width: 390px;height: 100%;opacity: 0.0;transition: opacity 0.2s;position: relative;}.navbar.left .content {float: left;}.navbar.right .content {float: right;}.navbar.open .content {opacity: 1.0;}*/.navbar .tab {width: 48px;height: 100%;cursor: pointer;}.navbar.left .tab {float: right;}.navbar.right .tab {float: left;}.vertical-aligner {display: table;width: 100%;height: 100%;}.vertical-alignee {display: table-cell;text-align: center;vertical-align: middle;}.navbar .tab .toggle-button {width: 48px;height: 30px;position: relative;text-align: center;top: 3px;}.navbar .tab .toggle-button,.navbar .tab .toggle-button * {cursor: pointer;}.navbar .tab .toggle-button .icon {position: absolute;left: 12px;font-size: 24px;transition-duration: 0.3s;transition-property: opacity, color;}.navbar .tab .toggle-button:hover .icon {color: $highlight-color;}.navbar .tab .toggle-button .icon.show-on-open,.navbar .tab .toggle-button .icon.only-on-hover,.navbar .tab .toggle-button .icon.show-on-closed,.navbar.open .tab .toggle-button:hover .icon.show-on-open,.navbar.closed .tab .toggle-button:hover .icon.show-on-closed {opacity: 0.0;}.navbar.closed .tab .toggle-button .icon.show-on-closed,.navbar.open .tab .toggle-button .icon.show-on-open,.navbar.closed .tab .toggle-button:hover .icon.only-on-hover.show-on-hover-closed,.navbar.open .tab .toggle-button:hover .icon.only-on-hover.show-on-hover-open {opacity: 1.0;}.navbar .content .spaced {padding-left: 48px;padding-right: 48px;padding-top: 60px;}.navbar.left .content .spaced {padding-right: 14px;}.navbar.right .content .spaced {padding-left: 14px;}.navbar .bottom {position: absolute;width: 100%;height: 80px;left: 0px;bottom: 48px;}.navbar .languages .lang {--color: $gray-color;}.navbar .languages .selected-fr .lang-fr,.navbar .languages .selected-en .lang-en,.navbar .languages .selected-de .lang-de {color: $highlight-color;}.navbar .menu-list .left {float: left;width: 50%;}.navbar .menu-list .right {float: right;width: 50%;}.navbar .menu-list .right,.navbar .menu-list .right * {text-align: right;}.navbar .menu-list h3 a:hover {color: $highlight-color;}#navpath li {pointer-events: none;}body.tablet #navpath li:last-child {display: none;}body.mobile #navpath {display: none;}

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

#footer {padding-top: 100px;padding-bottom: 100px;background-color: $solid-color;}#footer .contact {max-width: 400px;padding-top: 4px;text-align: center;margin-left: auto;margin-right: auto;color: $white-color;}#footer .contact .logo {width: 200px;height: 30px;background-image: url('https://paul-lulu.ch/static/file/images/logo-paullulu-noest-2x-green.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;display: inline-block;}#footer .contact p,#footer .contact a {color: $white-color;text-align: center;}#footer .contact a:hover {text-decoration: underline;}@media (max-width: 1200px) {#footer .sitemap td {width: 200px;}}@media (max-width: 1000px) {#footer .sitemap td {display: none;}#footer .contact {float: unset;margin-right: auto;margin-left: auto;}#footer .contact p,#footer .contact a {text-align: center;}}

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

.menu-list h3,.menu-list h3 a,.menu-list li {text-transform: uppercase;--color: $solid-color;font-size: 12px;font-weight: bold;border-bottom: 1px solid $gray-color;padding-bottom: 8px;padding-top: 8px;text-align: left;}.menu-list h4 {--color: $gray-color;font-size: 10px;}.menu-list ul {list-style: none;}.menu-list li {--color: $gray-color;}.menu-list a:hover li {color: $highlight-color;}.menu-list.spaced ul + h3 {padding-top: 50px;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-flipper.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-flipper.css */
/* -------------------------------------------------------------------------------------------------- */

.flipper-container {perspective: 1000px;}.flipper-container:hover .flipper, .flipper-container.hover .flipper {transform: rotateY(180deg);}.flipper {transition: transform 0.6s;transform-style: preserve-3d;position: relative;}.flipper .front,.flipper .back {backface-visibility: hidden;position: absolute;top: 0;left: 0;}.flipper .front {z-index: 2;transform: rotateY(0deg);}.flipper .back {transform: rotateY(180deg);}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-tiles.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-tiles.css */
/* -------------------------------------------------------------------------------------------------- */

ul.tiles {padding-top: 20px;clear: both;min-height: 1px;}ul.tiles li {list-style-type: none;padding: $padding-half;position: relative;text-align: center;display: inline-block;float: left;color: $highlight-color;background-color: $table-background-color;width: 180px;margin-right: $padding;margin-top: $padding;---font-family: "Bradley Hand";padding-top: 100px;text-transform: uppercase;font-size: 22px;--border: 1px solid $gray-color;}ul.tiles a:hover li {color: $white-color;background-color: $highlight-color;}ul.tiles li .icon {color: $white-color;margin: auto;position: absolute;top: 20px;left: 0;right: 0;text-align: center;font-size: 80px;transition-property: top,font-size;transition-duration: 0.1s;transition-timing-function: linear;}ul.tiles a:hover .icon {color: $white-color;top: 4px;font-size: 100px;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-start.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-start.css */
/* -------------------------------------------------------------------------------------------------- */



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

input,select,textarea,x.ui-button,x.bb-button {border: 1px solid $border-color;padding: $padding-half;background-color: $translucent-color;width: 100%;box-sizing: border-box;font-size: 12px;}input[type='submit'],.bb-button,.ui-button {padding: $padding-half;padding-left: $padding;padding-right: $padding;width: auto;font-weight: bold;background-color: $solid-color;cursor: pointer;color: $white-color;text-transform: uppercase;border: 1px solid $solid-color;}input,select,textarea {transition-property: background-color;transition-duration: 0.1s;transition-timing-function: ease-in-out;}input:hover,select:hover,textarea:hover,bb-button:hover,ui-button:hover {background-color: $highlight-color;border: 1px solid $border-color;}input[type='submit']:active,.bb-button:active,.ui-button:active {padding-top: 10px;padding-bottom: 6px;}.form h3 {margin-bottom: 38px;}.form input {border: none;border-bottom: 1px solid $gray-color;color: $highlight-color;font-size: 12px;font-weight: bold;text-align: left;padding-left: 0px;padding-right: 0px;}.form input:hover {background-color: transparent;}form.frontend .ui-checkboxradio-label {background: none;padding: 0px;padding-right: $padding;border: none;color: $highlight-color !important;font-size: 14px !important;white-space: nowrap;}form.frontend .ui-checkboxradio-label .ui-icon-background,form.frontend .ui-checkboxradio-label.ui-checkboxradio-checked .ui-icon-background {width: 14px;height: 14px;border: 3px solid $white-color;background-color: $white-color !important;box-shadow: 0px 0px 1px black;cursor: pointer;}form.frontend .ui-checkboxradio-icon.ui-icon-check {background-image: none !important;}form.frontend .ui-checkboxradio-label .ui-icon-background {border-radius: 0em;}form.frontend .ui-checkboxradio-radio-label .ui-icon-background {border-radius: 1em;}form.frontend .ui-checkboxradio-label.ui-checkboxradio-checked .ui-icon-background {background-color: $highlight-color !important;}form.frontend .ui-checkboxradio-icon-space {width: 10px;display: inline-block;}form.frontend .radio {padding-top: $padding-quarter;padding-bottom: $padding-quarter;}form.frontend .input-grid {border-collapse: collapse;}form.frontend .input-grid td {border-bottom: 1px solid $highlight-color;vertical-align: middle;white-space: nowrap;}form.frontend .input-grid label {color: $highlight-color;text-transform: uppercase;font-size: 14px;font-weight: bold;}form.frontend .input-grid input,form.frontend .input-grid textarea {border: none;padding: 4px;background-color: unset;width: unset;box-sizing: border-box;color: $highlight-color;font-family: 'Bradley Hand';font-weight: normal;text-transform: none;font-size: 20px;}form.frontend .input-grid textarea {height: 34px;}form.frontend .collapsable {transition-duration: 0.5s;transition-property: max-height,opacity;max-height: 300px;overflow: hidden;opacity: 1.0;}form.frontend .collapsable.collapsed {max-height: 0px;opacity: 0.0;}form.frontend tr td {transition-duration: 0.5s;transition-property: border-bottom;}form.frontend tr.collapsed td {border-bottom: 1px solid transparent;}form.frontend .ui-state-active,form.frontend .ui-widget-content .ui-state-active,form.frontend .ui-widget-header .ui-state-active,form.frontend a.ui-button:active,form.frontend .ui-button:active,form.frontend .ui-button.ui-state-active:hover {border: unset;background: unset;color: unset;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-table.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-table.css */
/* -------------------------------------------------------------------------------------------------- */

table.table th,table.table th a,table.table td.label {color: $highlight-color;padding: 2px;text-align: left;}table.table td {height: 22px;}table.table th {border: none;border-bottom: 2px solid $highlight-color;}table.table td {padding-top: 6px;padding-bottom: 6px;border: none;border-bottom: 1px solid $table-text-color;}table.table tr:last-child td {border-bottom: none;}table.table tr.total td {color: $highlight-color;}table.table td,table.table td a {font-size: 14px;}table.table th a:hover,table.table td a:hover,table.table.highlight-on-hover tr:hover td,table.table.highlight-on-hover tr:hover td a {color: $white-color;}table.table th a .icon {display: none;}table.table td.label {border-bottom: none;border-right: 2px solid $highlight-color;padding-right: 8px;}table.table td input {color: $table-text-color;font-size: 14px;border: none;background-color: transparent;border: 1px dashed transparent;}table.table td input:hover {background-color: $barely-visible-color;border: 1px dashed $highlight-color;}table.table td input[type=text] {cursor: text;}table.order-schedule {}table.order-schedule td {vertical-align: top;height: 100px;}table.order-schedule td.day {}table.order-schedule td h2 {margin-top: 0px;}table.order-schedule td h2.highlight-on-hover {transition-property: color;transition-duration: 0.2s;transition-timing-function: ease-in-out;color: $table-text-color;}table.order-schedule td:hover h2.highlight-on-hover {color: $highlight-color;}table.order-schedule td a.button {transition-property: opacity;transition-duration: 0.2s;transition-timing-function: ease-in-out;opacity: 0.0;}table.order-schedule td:hover a.button {opacity: 1.0;}table.order-schedule td .tools {}/*table.order-schedule:hover td {opacity: 0.4;}table.order-schedule:hover td:hover,table.order-schedule:hover tr:hover td.schedule {opacity: 1.0;}*/table.order-schedule.has-selection td {opacity: 0.3;}table.order-schedule.has-selection td.schedule-selected {opacity: 1.0;}table.information-table.preview {border: 2px solid $highlight-color;border-left: 4px solid $highlight-color;border-right: 4px solid $highlight-color;}table.information-table.preview tr.header th {background-color: $highlight-color;}table.information-table.preview tr.group-footer td {background-color: $highlight-color;}table.information-table.preview tr td {color: $highlight-color;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-buttons.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-buttons.css */
/* -------------------------------------------------------------------------------------------------- */

a.button,.form input.button,.bb-button,.form input.bb-button,table.table td input[type=submit] {border: 1px solid $highlight-color;border-radius: 20px;padding-left: 16px;padding-top: 8px;padding-bottom: 8px;padding-right: 16px;color: $highlight-color;font-size: 14px;font-weight: normal;text-align: left;width: auto;background-color: transparent;position: relative;display: inline-block;}.form a.button,.form input.button {min-width: 80px;margin-top: 38px;}a.button.compact,input.button.compact {min-width: inherit;margin-top: 6px;display: inline-block;border-radius: 10px;padding-left: 6px;padding-top: 4px;padding-bottom: 4px;padding-right: 6px;}a.button:hover,.form input.button:hover,a.button.selected,.bb-button:hover,table.table td input[type=submit]:hover {border: 1px solid $highlight-color;color: $white-color;background-color: $highlight-color;}a.button.arrow,.form input.button.arrow {padding-right: 42px;}a.button.arrow::after,.form input.button.arrow::after {font-family: "paulluluicons";position: absolute;content: 'd';right: 6px;top: 8px;width: 36px;height: 1em;font-size: 18px;text-align: center;}.form.loading a.button::after,.form.loading input.button::after {content: 'F';}a.button.white {color: $white-color;}a.button.icon {width: 30px;min-width: 30px;max-width: 30px;height: 30px;padding-left: 0px;padding-top: 0px;padding-bottom: 0px;padding-right: 0px;}a.button.icon-down::after {content: "\61";position: relative;top: 6px;left: 9px;}a.button.icon::before {position: relative;top: 10px;left: 9px;}a.button:hover,.form input.button:hover {color: $white-color;background-color: $highlight-color;}a.button:hover::after,.form input.button:hover::after {color: $white-color;}.image-button-group {text-align: center;}.image-button {border: 2px solid transparent;border-radius: 50%;height: 80px;width: 80px;position: relative;display: inline-block;margin-left: $padding-quarter;margin-right: $padding-quarter;cursor: pointer;}.image-button div {position: absolute;----background: #a9aaab;border-radius: 50%;height: 66px;width: 66px;top: 50%;left: 50%;margin: -33px 0px 0px -33px;cursor: pointer;background-size: cover;}.image-button:hover,.image-button.selected {border: 2px solid $page-text-color;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-cards.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-cards.css */
/* -------------------------------------------------------------------------------------------------- */

.entity-card .card-wrapper {background-color: $table-background-color;}.entity-card .meta,.entity-card .title,.entity-card .subtitle {color: $table-text-color;}.entity-card .entity-main * {----color: $highlight-color;}.entity-card .entity-icon {color: $table-text-color;}.entity-card:hover a:hover .entity-icon {color: $highlight-color;}.entity-card .entity-card-shadow {background-color: $table-background-color;border: 1px solid $table-text-color;}.entity-card.is-grouping .card-wrapper {border: 1px solid $table-text-color;}.entity-card .entity-attachment.breadcrumb {padding-left: 8px;border-top: 1px solid $table-text-color;background-color: $table-background-color;}.micro-card {padding: 3px;background-color: $table-text-color;transition-property: background-color;transition-duration: 0.2s;transition-timing-function: ease-in-out;}.micro-card.red {background-color: $red-color;}.micro-card div {color: $white-color;transition-property: color;transition-duration: 0.2s;transition-timing-function: ease-in-out;}.micro-card .meta {text-transform: uppercase;font-size: 10px;font-weight: bold;}.micro-card .title {font-size: 15px;font-weight: bold;}.micro-card .subtitle {font-size: 13px;font-weight: bold;}a:hover .micro-card {background-color: $highlight-color;}a:hover .micro-card,a:hover .micro-card div {color: $white-color;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-content.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-content.css */
/* -------------------------------------------------------------------------------------------------- */

p.image img {width: 100%;height: auto;}img.bordered {border: 1px solid $highlight-color;}.node.image img {}.content p {padding-left: $padding;padding-right: $padding;}.content p a {color: $solid-color;}.content p a:hover {color: $solid-color;text-decoration: underline;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-breadcrumb.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-breadcrumb.css */
/* -------------------------------------------------------------------------------------------------- */

.breadcrumb {background-color: none;}.breadcrumb.auto-select-last {background-color: none;}.breadcrumb li a {background-color: none;background: none;color: $page-text-color;font-size: 14px;padding-left: 6px;padding-right: 6px;}.breadcrumb.reduced li a {padding-right: 0px;}.breadcrumb li:first-child a {padding-left: 0px;}.breadcrumb li:hover a,.breadcrumb li.selected a,.breadcrumb.reduced li:first-child a {color: $highlight-color;}.breadcrumb li a:before,.breadcrumb li a:after {border-left: 0px;border-right: 0px;content: none;}.breadcrumb li:after {font-family: "paulluluicons";position: relative;content: 'a';top: 5px;font-size: 11px;color: $highlight-color;}.breadcrumb.reduced li:first-child:after,.breadcrumb li:last-child:after {content: '';}.breadcrumb.auto-select-last li:last-child a,.breadcrumb.auto-select-last {background: none;color: $highlight-color;}.breadcrumb.gray {background-color: none;}.breadcrumb.gray li a:after {border-left-color: none;}.breadcrumb.gray li a {background: none;}.breadcrumb li a:hover,.breadcrumb li.selected a {background: none;}.breadcrumb li a:hover:after,.breadcrumb li.selected a:after {border-left-color: none;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-listing.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-listing.css */
/* -------------------------------------------------------------------------------------------------- */

ul.listing li {color: $highlight-color;border-bottom: 1px solid $highlight-color;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-codes.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-codes.css */
/* -------------------------------------------------------------------------------------------------- */

.bb-qrcode img {background-color: $table-background-color;padding: $padding;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-charts.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-charts.css */
/* -------------------------------------------------------------------------------------------------- */

div.chart {background-color: $barely-visible-color;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-packaging.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-packaging.css */
/* -------------------------------------------------------------------------------------------------- */

.packaging-mockups .mockup {position: relative;}.packaging-mockups .mockup .mockup-logo {position: absolute;width: 8.5%;height: 16%;top: 37.5%;left: 40%;cursor: pointer;background-size: cover;background-repeat: no-repeat;background-position: center center;}.packaging-mockups .mockup .mockup-logo:hover {opacity: 0.6;}.packaging-mockups .mockup img {width: 100%;height: auto;}.packaging-mockup-buttons .image-button,.packaging-mockup-buttons .image-button * {cursor: pointer;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-shop.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-shop.css */
/* -------------------------------------------------------------------------------------------------- */

.hidden{display: none !important;}.show-if-draft,.show-if-ready-to-placed{display: none !important;}.show-if-draft.status-draft,.show-if-ready-to-placed.ready-to-placed{display: inherit !important;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-flowchart.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-flowchart.css */
/* -------------------------------------------------------------------------------------------------- */

.decision-tree {padding-top: 20px;}.decision-tree .title {padding-top: 20px;padding-bottom: 20px;color: $white-color;background-color: $highlight-color;font-size: 22px;font-weight: bold;text-align: center;}.decision-tree .options {display: table;width: 100%;border-bottom: 2px solid $highlight-color;}.decision-tree .options .item {display: table-cell;padding: $padding-half;padding-top: $padding-double;padding-bottom: $padding-double;position: relative;color: $highlight-color;background-color: $table-background-color;text-align: center;text-transform: uppercase;font-size: 22px;border-right: 1px dotted $highlight-color;}.decision-tree .options .item:last-child {border-right: none;}.decision-tree .options a.item:hover {color: $white-color;background-color: $highlight-color;}

/* -------------------------------------------------------------------------------------------------- */
/* machinata-paullulu-conversation.css */
/* File: css/machinata-paullulu-bundle.css/machinata-paullulu-conversation.css */
/* -------------------------------------------------------------------------------------------------- */

.conversation {display: table;width: 100%;}.conversation .message  {display: table-row;}.conversation .message .user  {display: table-cell;font-weight: bold;text-transform: uppercase;font-size: 12px;text-align: right;padding-right: $padding-half;color: $highlight-color;}.conversation .message .message  {display: table-cell;padding: $padding-half;border-left: 2px solid $highlight-color;background-color: $table-background-color;color: $table-text-color;}.conversation .message .created  {display: table-cell;text-align: right;font-size: 10px;background-color: $table-background-color;color: $table-text-color;padding-right: $padding-half;}