html {scroll-behavior: smooth}:root {}:root .bricks-color-primary {color: var(--bricks-color-ttvpbl)}:root .bricks-background-primary {background-color: var(--bricks-color-ttvpbl)}:root .bricks-color-secondary {color: var(--bricks-color-kfbeqt)}:root .bricks-background-secondary {background-color: var(--bricks-color-kfbeqt)}:root .bricks-color-light {color: var(--bricks-color-rsbsud)}:root .bricks-background-light {background-color: var(--bricks-color-rsbsud)}:root .bricks-color-warning {color: var(--bricks-color-kfbeqt)}:root .bricks-background-warning {background-color: var(--bricks-color-kfbeqt)} body {font-family: "Inter"; color: var(--bricks-color-xlnuku); font-size: clamp(1.4rem,calc(1.4rem + ((1vw - 0.32rem) * 0.4124)),1.5rem)} h1, h2, h3, h4, h5, h6 {line-height: 1.2} h1 {font-size: clamp(4rem,calc(2.4rem + ((1vw - 0.32rem) * 7.8351)),6rem); line-height: 1; letter-spacing: -2px} h2 {font-size: clamp(2rem,calc(2rem + ((1vw - 0.32rem) * 6.1856)),3.2rem); line-height: 1.2; letter-spacing: -0.5px; margin-bottom: 0.25em} h3 {font-size: clamp(1.6rem,calc(1.8rem + ((1vw - 0.32rem) * 4.3299)),2.6rem); line-height: 1.2; letter-spacing: -0.5px} h4 {font-size: clamp(1.6rem,calc(1.6rem + ((1vw - 0.32rem) * 4.3299)),2.2rem); letter-spacing: -0.5px} h5 {font-size: var(--ptr-h5-font-size)} h6 {font-size: var(--ptr-h5-font-size)} .bricks-type-hero {font-size: clamp(3rem,calc(2rem + ((1vw - 0.32rem) * 6.1856)),4.6rem); line-height: 1} .bricks-type-lead {font-size: clamp(1.8rem,calc(1.8rem + ((1vw - 0.32rem) * 4.3299)),2.6rem)} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-container {width: 100%; padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; column-gap: 3rem; row-gap: 3rem} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {transition: all .25s; color: var(--bricks-color-kfbeqt)} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {color: var(--bricks-color-xlnuku)} :where(.brxe-accordion .accordion-content-wrapper) a:focus, :where(.brxe-icon-box .content) a:focus, :where(.brxe-list) a:focus, :where(.brxe-post-content):not([data-source="bricks"]) a:focus, :where(.brxe-posts .dynamic p) a:focus, :where(.brxe-shortcode) a:focus, :where(.brxe-tabs .tab-content) a:focus, :where(.brxe-team-members) .description a:focus, :where(.brxe-testimonials) .testimonial-content-wrapper a:focus, :where(.brxe-text) a:focus, :where(a.brxe-text):focus, :where(.brxe-text-basic) a:focus, :where(a.brxe-text-basic):focus, :where(.brxe-post-comments) .comment-content a:focus {color: var(--bricks-color-xlnuku)} .brxe-block {column-gap: 1.5rem; row-gap: 1.5rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-ugpxfh)} .bricks-button {border: 1px solid var(--bricks-color-xlnuku); border-radius: 0.5rem; transition: 0.25s all; color: var(--bricks-color-xlnuku); font-weight: 700; box-shadow: 0 0 3rem -1rem var(--bricks-color-kfbeqt)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-kfbeqt)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-cmeyts); border-color: var(--bricks-color-kfbeqt)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-izaszu)} .bricks-button:hover {box-shadow: 0 0 3rem 1rem transparent; color: var(--bricks-color-voumor)} :root .bricks-button[class*="primary"]:hover {border-color: var(--bricks-color-kfbeqt); color: var(--bricks-color-xlnuku)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-xlnuku)} .bricks-button:focus {color: var(--bricks-color-voumor); box-shadow: 0 0 3rem 3rem transparent} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):focus {background-color: var(--bricks-color-xlnuku)} :root .bricks-button[class*="primary"]:not(.outline):focus {background-color: var(--bricks-color-izaszu)} :root .bricks-button[class*="primary"]:focus {border-color: var(--bricks-color-kfbeqt); color: var(--bricks-color-xlnuku); box-shadow: 0 0 3rem 3rem transparent}.brxe-form .form-group input {background-color: var(--bricks-color-kjerid); border-color: var(--bricks-color-ugpxfh); border-radius: 0.5rem}.brxe-form .flatpickr {background-color: var(--bricks-color-kjerid); border-color: var(--bricks-color-ugpxfh); border-radius: 0.5rem}.brxe-form select {background-color: var(--bricks-color-kjerid); border-color: var(--bricks-color-ugpxfh); border-radius: 0.5rem}.brxe-form textarea {background-color: var(--bricks-color-kjerid); border-color: var(--bricks-color-ugpxfh); border-radius: 0.5rem}.brxe-form .bricks-button {border-color: var(--bricks-color-ugpxfh); border-radius: 0.5rem}.brxe-form .choose-files {border-color: var(--bricks-color-ugpxfh); border-radius: 0.5rem}.brxe-form .form-group input:focus {border-color: var(--bricks-color-kfbeqt)}.brxe-form .flatpickr:focus {border-color: var(--bricks-color-kfbeqt)}.brxe-form select:focus {border-color: var(--bricks-color-kfbeqt)}.brxe-form textarea:focus {border-color: var(--bricks-color-kfbeqt)}.brxe-form .bricks-button:focus {border-color: var(--bricks-color-kfbeqt)}.brxe-form .choose-files:focus {border-color: var(--bricks-color-kfbeqt)}.brxe-search input[type=search] {background-color: var(--bricks-color-kjerid); border-color: var(--bricks-color-ugpxfh); border-radius: 0.5rem}.brxe-search input[type=search]:focus {border-color: var(--bricks-color-kfbeqt)}.brxe-accordion .accordion-subtitle {font-size: 0.85em}.ptr-transition.brxe-container {transition: all .25s}.ptr-transition.brxe-div {transition: all .25s}.ptr-transition.brxe-nav-menu .bricks-nav-menu li {transition: all .25s}.ptr-transition.brxe-nav-menu .bricks-nav-menu li a {transition: all .25s}.ptr-transition.brxe-nav-menu .bricks-mobile-menu li a {transition: all .25s}.ptr-transition.brxe-svg {transition: all .25s}.ptr-auto-width.brxe-block {width: auto}.ptr-row.brxe-block {flex-direction: row; align-items: stretch}.ptr-row.brxe-container {flex-direction: row; align-items: stretch}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li > a {font-weight: 700; line-height: 1; padding-top: 0.55em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; border-radius: 0.5rem}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle > * {font-weight: 700; line-height: 1; padding-top: 0.55em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em}.ptr-nav.brxe-nav-menu .bricks-nav-menu {gap: 3rem}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li {margin-left: 0}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {border-radius: 0.5rem}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li:hover > a {background-color: var(--bricks-color-kjerid); color: var(--bricks-color-kfbeqt)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li:hover > .brx-submenu-toggle {background-color: var(--bricks-color-kjerid)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li:focus > a {background-color: var(--bricks-color-kjerid); color: var(--bricks-color-kfbeqt)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li:focus > .brx-submenu-toggle {background-color: var(--bricks-color-kjerid)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > .current-menu-item > a {background-color: var(--bricks-color-kjerid)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > .current-menu-item > .brx-submenu-toggle {background-color: var(--bricks-color-kjerid)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > .current-menu-parent > a {background-color: var(--bricks-color-kjerid); color: var(--bricks-color-kfbeqt)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > .current-menu-parent > .brx-submenu-toggle {background-color: var(--bricks-color-kjerid)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > .current-menu-ancestor > a {background-color: var(--bricks-color-kjerid); color: var(--bricks-color-kfbeqt)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > .current-menu-ancestor > .brx-submenu-toggle {background-color: var(--bricks-color-kjerid)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li:hover > .brx-submenu-toggle > * {color: var(--bricks-color-kfbeqt)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li:focus > .brx-submenu-toggle > * {color: var(--bricks-color-kfbeqt)}.ptr-nav.brxe-nav-menu .bricks-nav-menu .current-menu-item > a {color: var(--bricks-color-kfbeqt)}.ptr-nav.brxe-nav-menu .bricks-nav-menu .current-menu-item > .brx-submenu-toggle > * {color: var(--bricks-color-kfbeqt)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > .current-menu-parent > .brx-submenu-toggle > * {color: var(--bricks-color-kfbeqt)}.ptr-nav.brxe-nav-menu .bricks-nav-menu > .current-menu-ancestor > .brx-submenu-toggle > * {color: var(--bricks-color-kfbeqt)}.ptr-nav *{ transition: all .25s;} .ptr-nav i{ width:0; font-weight:bold; opacity:0;} .ptr-nav li:hover i,.ptr-nav li:focus i,.ptr-nav li.current-menu-item i{ width: 1em; opacity: 1;} .ptr-nav:has(li:hover) li:not(:hover),.ptr-nav:has(li:focus) li:not(:focus){ filter: blur(2px); opacity: 0.5;}@media (max-width: 478px) {.ptr-nav.brxe-nav-menu .bricks-nav-menu {flex-direction: column}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li > a {justify-content: flex-start}.ptr-nav.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {justify-content: flex-start}}.ptr-txt-small.brxe-nav-menu {font-size: 0.85em}.ptr-txt-small h2{ font-size: 1.85em;}.ptr-txt-small.brxe-container {font-size: 0.85em}.ptr-txt-small h2{ font-size: 1.85em;}.ptr-txt-small.brxe-text-basic {font-size: 0.85em}.ptr-txt-small h2{ font-size: 1.85em;}.ptr-bg-blur{ backdrop-filter: blur(5px);}.ptr-bg-light.brxe-block {background-color: var(--bricks-color-xlnuku); color: var(--bricks-color-voumor)}.ptr-box-width.brxe-block {width: 100%; max-width: 134rem}.ptr-box-width.brxe-container {width: 100%; max-width: 134rem}.ptr-border-left.brxe-nav-menu {border-left: 1px solid var(--bricks-color-kfbeqt); padding-left: 1.5rem; margin-bottom: 0}.ptr-100vh.brxe-section {min-height: 100vh; justify-content: center}.ptr-bg-glow.brxe-section {background-image: url(https://petranca.ch/wp-content/uploads/bg-gradient-light.svg); background-position: center center; background-repeat: no-repeat; background-size: cover}.ptr-section-p.brxe-section {padding-top: 9rem; padding-bottom: 9rem}.ptr-margin-bottom.brxe-post-content {margin-bottom: 18rem}.ptr-sticky-e.brxe-div {position: sticky; top: 150px}body:has(header.slide-up) .ptr-sticky-e{ top: 4rem;}.ptr-50vh.brxe-section {min-height: 50vh; justify-content: center}.ptr-bg-light.brxe-section {background-color: var(--bricks-color-xlnuku); color: var(--bricks-color-voumor)}.ptr-scroll-icon.brxe-block {background-attachment: fixed; background-position: bottom center; background-size: 100vw; min-height: 150px; height: 15vh; justify-content: center}.ptr-bg-light.brxe-nav-menu {background-color: var(--bricks-color-xlnuku); color: var(--bricks-color-voumor)}.ptr-bg-light.brxe-text-link {background-color: var(--bricks-color-xlnuku); color: var(--bricks-color-voumor)}.ptr-text-link.brxe-text-link {color: var(--bricks-color-kfbeqt); transition: all .25s}.ptr-text-link.brxe-text-link .icon > i {font-size: 1.6rem}.ptr-text-link.brxe-text-link .icon > svg {width: 1.6rem; height: 1.6rem}.ptr-text-link.brxe-text-link:hover {color: var(--bricks-color-xlnuku)}.ptr-text-link.brxe-text-link:focus {color: var(--bricks-color-xlnuku)}div#s-cnt { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(20px); } pressidium-floating-button svg:not([width]){ min-width: 2em; } pressidium-floating-button svg:not([height]){ min-height: 2em; }:root {--bricks-color-ttvpbl: #21212c;--bricks-color-cmeyts: #322530;--bricks-color-rsbsud: #152e38;--bricks-color-voumor: #222222;--bricks-color-xlnuku: #ededed;--bricks-color-bvdtjk: rgba(0, 0, 0, 0.25);--bricks-color-ugpxfh: rgba(163, 163, 163, 0.25);--bricks-color-izaszu: rgba(255, 255, 255, 0.1);--bricks-color-kjerid: rgba(255, 255, 255, 0.05);--bricks-color-kfbeqt: #da587f;--bricks-color-xkoggz: #ffffff;}#logo {height: 80px}#logo :not([fill="none"]) {fill: var(--bricks-color-xlnuku) !important}@media (max-width: 478px) {#logo {height: 70px}}#header_logo_link {margin-bottom: -8px; z-index: 1}#header_logo_link:hover path,#header_logo_link:focus path{ fill:var(--bricks-color-kfbeqt) !important;}#header_logo_link .icon-p{ transform: translate(0); transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s .0s;}header.scrolling #header_logo_link .icon-p,#header_logo_link:hover .icon-p,#header_logo_link:focus .icon-p{ transform: translate(-20%,-25%); transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s .1s;}#header_logo_link .letter-1,#header_logo_link .letter-2,#header_logo_link .letter-3,#header_logo_link .letter-4,#header_logo_link .letter-5,#header_logo_link .letter-6,#header_logo_link .letter-7,#header_logo_link .letter-8{ opacity:1; transform:scale(1);}#header_logo_link .letter-1{ transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .1s;}#header_logo_link .letter-2{ transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .2s;}#header_logo_link .letter-3{ transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .3s;}#header_logo_link .letter-4{ transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .4s;}#header_logo_link .letter-5{ transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;}#header_logo_link .letter-6{ transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .6s;}#header_logo_link .letter-7{ transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .7s;}#header_logo_link .letter-8{ transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) .8s;}#header_logo_link:hover .letter-1,#header_logo_link:focus .letter-1,header.scrolling #header_logo_link .letter-1,#header_logo_link:hover .letter-2,#header_logo_link:focus .letter-2,header.scrolling #header_logo_link .letter-2,#header_logo_link:hover .letter-3,#header_logo_link:focus .letter-3,header.scrolling #header_logo_link .letter-3,#header_logo_link:hover .letter-4,#header_logo_link:focus .letter-4,header.scrolling #header_logo_link .letter-4,#header_logo_link:hover .letter-5,#header_logo_link:focus .letter-5,header.scrolling #header_logo_link .letter-5,#header_logo_link:hover .letter-6,#header_logo_link:focus .letter-6,header.scrolling #header_logo_link .letter-6,#header_logo_link:hover .letter-7,#header_logo_link:focus .letter-7,header.scrolling #header_logo_link .letter-7,#header_logo_link:hover .letter-8,#header_logo_link:focus .letter-8,header.scrolling #header_logo_link .letter-8{ opacity:0; transform:scale(.5);}@media (max-width: 767px) {#mainnav {display: none}}@media (max-width: 767px) {#brxe-fkjsre {display: none}}#brxe-gbkgrr .brxa-inner {--brxe-toggle-bar-height: 5px; --brxe-toggle-bar-radius: 0px}#brxe-gbkgrr {--brxe-toggle-scale: 0.8; display: none}@media (max-width: 767px) {#brxe-gbkgrr {display: flex}}#brxe-iunamy {align-items: center}#brxe-atzvxu {flex-direction: row; align-items: center; justify-content: space-between; z-index: 10000}header.scrolling #brxe-atzvxu { padding: 1rem 3rem!important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}#brxe-esovhl .bricks-nav-menu {flex-direction: column}#brxe-aoxuwc .bricks-nav-menu {flex-direction: column}#brxe-eaveue {font-size: 2.6rem}#brxe-docpbp {align-self: stretch !important; width: 100%; flex-direction: column; justify-content: center}@media (max-width: 767px) {#canvas_inner_box {justify-content: flex-start}}#canvas_inner {padding-top: 15rem; justify-content: center; align-items: center; background-image: url(https://petranca.ch/wp-content/uploads/bg-gradient.svg); background-size: cover}#brxe-nzoazz {background-color: rgba(0, 0, 0, 0.25)}#menu[data-direction] .brx-offcanvas-inner {height: 100vh}@media (max-width: 767px) {#menu[data-direction] .brx-offcanvas-inner {height: 100vh}}#brxe-dwahjt {justify-content: center}#brxe-wdewra {justify-content: flex-start; flex-shrink: 2; align-self: stretch !important; width: 100%}#content {padding-top: 0}#brxe-dyosjt {background-image: url(https://petranca.ch/wp-content/uploads/icon-shape-pink.svg); background-size: cover}#footermenu .bricks-nav-menu > li > a {justify-content: flex-end}#footermenu .bricks-nav-menu > li > .brx-submenu-toggle {justify-content: flex-end}#footermenu .bricks-nav-menu {gap: 1.5rem}#brxe-xthenm {align-items: flex-end}#brxe-otxrpj {padding-top: 0}#brxe-ixrggf {margin-bottom: -1.6rem}#brxe-jysooo {flex-direction: column; row-gap: 1rem}#brxe-tyqwlg {align-items: flex-end}#brxe-siteck {stroke: var(--bricks-color-xlnuku); height: 1.6rem; width: 1.6rem; color: var(--bricks-color-xlnuku); fill: var(--bricks-color-xlnuku)}#brxe-irjmuq {align-items: center; flex-direction: row}@media (max-width: 767px) {#brxe-irjmuq {flex-wrap: nowrap}}#brxe-fgxqdh {height: 40px; width: 40px}#brxe-fgxqdh * {stroke-width: 0 !important}#brxe-fgxqdh {fill: #fff;}#brxe-fgxqdh:hover,#brxe-fgxqdh:focus{ fill:var(--bricks-color-kfbeqt);}#brxe-sljoxh {align-items: flex-end}#footer {justify-content: flex-start}#brx-header.sticky {transition: all .25s}#brx-header.sticky > .brxe-section,#brx-header.sticky > .brxe-container,#brx-header.sticky > .brxe-block,#brx-header.sticky > .brxe-div {transition: all .25s}#brx-header.sticky .brxe-logo {transition: all .25s}#brx-header.sticky .bricks-nav-menu > li > a {transition: all .25s}#brx-header.sticky .bricks-nav-menu > li > .brx-submenu-toggle > a {transition: all .25s}#brx-header.sticky .bricks-nav-menu > li > .brx-submenu-toggle > button > * {transition: all .25s}#brx-header.sticky .brx-nav-nested-items > li > a {transition: all .25s}#brx-header.sticky .brx-nav-nested-items > li > .brx-submenu-toggle {transition: all .25s}#brx-header.sticky .brx-nav-nested-items > li > .brx-submenu-toggle > * {transition: all .25s}#brx-header.sticky .brxe-nav-nested > .brxe-toggle .brxa-inner {transition: all .25s}#brx-header.sticky .brxe-search {transition: all .25s}#brx-header.sticky .brxe-search button {transition: all .25s}#brx-header.sticky.scrolling > .brxe-section,#brx-header.sticky.scrolling > .brxe-container,#brx-header.sticky.scrolling > .brxe-block,#brx-header.sticky.scrolling > .brxe-div {background-color: rgba(53, 39, 50, 0.5)}