@font-face {
font-family: 'Univers LT Pro';
src: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/fonts/UniversLTPro-55Roman.woff2) format('woff2'),
url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/fonts/UniversLTPro-55Roman.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
ascent-override: 95%;
}
@font-face {
font-family: 'Univers LT Pro';
src: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/fonts/UniversLTPro-65Bold.woff2) format('woff2'),
url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/fonts/UniversLTPro-65Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
ascent-override: 95%;
}   html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
html, body {
background: #fff;
overflow-x: hidden;
}
body {
--first-level-group-padding: 2em;
--gap-medium: 1em;
--red: #D20F37;
padding-top: 8em !important;
}
@media (max-width: 1500px) {
body {
--wp--preset--font-size--medium: 16px;
--wp--custom--typography--line-height--normal: 1.45;
}
}
.wp-block-cover h1 {
font-size: 5em !important;
line-height: 120% !important;
font-weight: 700 !important;
}
@media (max-width: 599px) {
body {
--wp--preset--font-size--medium: 18px;
--wp--custom--typography--line-height--normal: 1.45;
padding-top: 5.5em !important;
}
h1 {
font-size: 2.2em !important;
line-height: 120% !important;
}
.home h1,
.wp-block-cover h1 {
font-size: 2.5em !important;
line-height: 120% !important;
}
h2 {
font-size: 1.67em !important;
line-height: 120% !important;
}
h3 {
font-size: 1.38em !important;
line-height: 120% !important;
}
.has-small-font-size {
font-size: 15px !important;
line-height: 120% !important;
}
}
@media (max-width: 399px) {
body {
--wp--preset--font-size--medium: 17px;
--wp--preset--font-size--large: 1.1em;
--wp--preset--font-size--x-large: 1.2em;
--wp--custom--typography--line-height--normal: 1.45;
padding-top: 5.5em !important;
}
h1 {
font-size: 2em !important;
line-height: 120% !important;
}
.home h1 {
font-size: 2.5em !important;
line-height: 120% !important;
}
h2 {
font-size: 1.5em !important;
line-height: 120% !important;
}
h3 {
font-size: 1.25em !important;
line-height: 120% !important;
}
.has-small-font-size {
font-size: 15px !important;
line-height: 120% !important;
}
}
@media (min-width: 600px) {
body {
--first-level-group-padding: 3em;
--gap-medium: 1em;
}
}
@media (min-width: 1400px) {
body {
--first-level-group-padding: 4.5em;
--gap-medium: 4.25em;
}
}
.wp-block-cover h1::before {
content: "";
background: var(--red);
height: 0.12em;
width: 1.1em;
display: block;
margin-left: 0.08em;
}
.editor-hint {
border: 2px solid var(--wp--preset--color--vivid-cyan-blue);
color: var(--wp--preset--color--vivid-cyan-blue);
padding: 1em;
} body.contrast-mode {
--wp--preset--color--primary: #fff;
--wp--preset--color--secondary: #fff;
--wp--preset--color--tertiary: #fff;
--wp--preset--color--foreground: #222;
--wp--preset--color--foreground: #fff;
}
body.contrast-mode *[style*="background-color:#f8f8f8"] {
background-color: #fff !important
}
@media print {
body {
--wp--preset--color--primary: #fff;
--wp--preset--color--secondary: #fff;
--wp--preset--color--tertiary: #fff;
--wp--preset--color--quaternary: #222;
--wp--preset--color--foreground: #fff;
}
* {
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
print-color-adjust: exact !important;
}
}
*:focus:not(:focus-visible) {
outline: none;
}
*:focus:focus-visible {
outline: 3px solid var(--wp--preset--color--foreground) !important;
outline-offset: 3px;
border-radius: 3px;
}
.flickity-enabled:focus:focus-visible {
outline: none !important
}
:where(.wp-block-group.has-background) {
padding: 2em
}
@media (min-width: 800px) {
:where(.wp-block-group.has-background) {
padding: 4.5em
}
}
body.overlay-nav-open {
padding-top: 0;
}
body.overlay-nav-open header ~ * {
display: none !important;
}
* {
box-sizing: border-box;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
*:first-child {
margin-top: 0 !important;
margin-block-start: 0;
}
*:last-child {
margin-bottom: 0 !important;
margin-block-end: 0;
}
a {
color: inherit;
text-underline-offset: 0.3em;
}
.has-foreground-background-color a:not(.has-text-color) {
color: inherit !important;
}
h2 + div {
margin-top: 3em;
}
.entry-content {
}
.entry-content,
.entry-content > *:first-child {
margin-block-start: 0;
}
.entry-content > .wp-block-group.has-background,
.entry-content > .wp-block-group:not(.has-background) > .wp-block-group.has-background,
footer >  .wp-block-group.has-background {
margin-block-start: 0;
padding-top: var(--first-level-group-padding);
padding-bottom: var(--first-level-group-padding);
}
.entry-content > .wp-block-group:not(.has-background) > .wp-block-group {
margin-block-start: 0;
}  .entry-content > .wp-block-group.has-foreground-background-color + .wp-block-group.has-foreground-background-color,
.entry-content > .wp-block-group.has-primary-background-color + .wp-block-group.has-primary-background-color {
margin-top: calc(-1 * var(--first-level-group-padding));
} .frontend .skiplinks {
padding: 0 !important;
z-index: 9999;
left: 0;
top: 0;
position: relative;
} .frontend .skiplinks a,
a.skiplink,
button.skiplink {
border: 0;
font: inherit;
opacity: 0;
height: 0;
position: absolute;
font-size: 1.25em;
top: 0;
left: 50%;
pointer-events: none;
background: var(--wp--preset--color--foreground) !important;
color: var(--wp--preset--color--primary) !important;
padding: 0.5em 1em;
text-decoration: none;
transform: translateX(-50%);
}
a.skiplink,
button.skiplink {
display: inline-block;
position: relative;
z-index: 99999999;
padding: 0;
transform: translateX(-50%) translateY(50%);
}
a.skiplink + div,
button.skiplink + div {
margin-block-start: 0 !important
}
.frontend .skiplinks a:focus,
a.skiplink:focus,
button.skiplink:focus {
visibility: visible;
height: auto;
pointer-events: all;
opacity: 1;
padding: 0.5em 1em;
} header {
transition: all 0.3s ease-out;
box-shadow: 0 0.5em 1em rgba(0,0,0,0.16);
}
header p:empty,
header br {
display: none;
}
.is-scrolling.is-scrolling-down:not(.overlay-nav-open) header {
transform: translateY(-100%);
}
header.wp-block-template-part {
z-index: 999;
position: relative;
}
.frontend header.wp-block-template-part {
position: fixed;
width: 100%;
top: 0;
z-index: 99999;
}
header > .wp-block-group {
padding-top: 1em;
padding-bottom: 1em;
}
@media (min-width: 600px) {
header > .wp-block-group {
padding-top: 1.35em;
padding-bottom: 0;
}
}
header .desktop-nav {
flex: 1;
}
header > .wp-block-group.has-background > .wp-block-group.is-layout-flex {
width: 100%;
gap: 16px;
}
header .main-header {
margin-top: 1.5em;
transition: margin-bottom 0.5s ease-out;
}
header .main-header nav {
font-size: 1em;
}
header .main-header .wp-block-navigation__responsive-container-open {
margin-left: auto;
}
header .main-header nav a {
color: #222 !important
}
header .main-header nav ul.wp-block-navigation {
display: flex;
margin-left: auto !important;
justify-content: flex-end !important
}
header .main-header nav ul.wp-block-navigation > li {
}
header .main-header nav ul.wp-block-navigation > li > a::before {
content: "";
display: block;
background: var(--red);
height: 0.25em;
width: 0;
position: absolute;
top: -0.5em;
transition: all 0.2s ease-out;
}
header .main-header nav ul.wp-block-navigation > li:hover > a::before {
width: 100%;
}
header .main-header nav ul.wp-block-navigation > li ul {
width: 100% !important;
padding: 0.35em 2.75em 1.15em 2.75em
}
header .main-header nav ul.wp-block-navigation > li > button:not([aria-expanded='true']) ul {
display: none !important;
} header .main-header nav ul.wp-block-navigation > li:hover > button[aria-expanded='true'] ~ ul {
display: block !important;
opacity: 0 !important;
transition: all 0.3s ease-out;
transition-delay: 0.2s;
}
.submenu-visible header .main-header nav ul.wp-block-navigation > li:hover > button[aria-expanded='true'] ~ ul {
opacity: 1  !important;
}
header .main-header nav ul.wp-block-navigation > li ul li {
display: block;
}
header .main-header nav ul.wp-block-navigation > li ul li button {
display: none;
}
header .main-header nav ul.wp-block-navigation > li button[aria-expanded='true'] ~ ul ul {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
width: 100% !important;
left: 0 !important;
position: relative !important;
padding-top: 1em !important;
padding-bottom: 1em !important;
}
header .main-header nav ul.wp-block-navigation > li ul ul li {
display: block !important;
width: 100% !important;
padding-left: 1em !important
}
@media (min-width: 800px) {
header .logo-25yrs {
margin-left: -3em;
}
}
header .wp-block-site-logo {
align-self: flex-start !important;
width: 7.5em;
}
@media (min-width: 600px) {
header .wp-block-site-logo {
margin-bottom: 0.91em;
}
}
header .wp-block-site-logo img {
height: 4em !important;
width: auto !important;
}
@media (min-width: 600px) {
header .wp-block-site-logo img {
height: 5.5em !important;
}
}
header .main-header nav {
}
header .main-header nav ul {
gap: 0;
}
header .main-header nav ul.wp-block-navigation > li {
padding: 0.35em 2.75em 1.15em 2.75em;
}
@media (max-width: 1150px) {
header .main-header nav ul.wp-block-navigation > li {
padding: 0.35em 1em 1.15em 1em;
}
header .main-header nav ul.wp-block-navigation > li:last-child {
margin-right: -1em !important;
}
}
@media (max-width: 1000px) {
header .main-header nav ul.wp-block-navigation > li {
padding: 0.35em 0.5em 1.15em 0.5em;
}
header .main-header nav ul.wp-block-navigation > li:last-child {
margin-right: -0.5em !important;
}
}
header .main-header nav ul.wp-block-navigation > li:last-child {
margin-right: -2.75em;
}
header .main-header nav ul.wp-block-navigation > li:hover a { }
header .main-header nav ul.wp-block-navigation > li:hover {
}
header .main-header nav ul.wp-block-navigation > li button {
transition: transform 0.35s ease-out;
}
.reduced-motion header .main-header nav ul.wp-block-navigation > li button {
transition: transform 0s ease-out;
}
header .main-header nav ul.wp-block-navigation > li ul li {
margin-bottom: 0.625em;
}
header .main-header .submenu-wrap {
margin-left: auto !important;
}
header .main-header nav ul.wp-block-navigation > li button[aria-expanded='true'] {
transform: rotate(180deg)
}
header .main-header nav .wp-block-navigation .wp-block-navigation__submenu-icon {
margin-left: 0.7em
}
header .main-header nav ul ul {
color: #fff !important;
box-shadow: none !important;
border: 0 !important;
background: none !important;
font-size: 1em;
line-height: 120%;
padding: 0.35em 2.75em 1.15em 2.75em !important;
margin-left: 0 !important;
left: 0 !important;
}
header .main-header nav ul ul li a {
padding: 0 !important;
color: #000 !important;
font-size: 0.9em;
line-height: 120%;
} header .main-header .submenu-wrap a:hover::before,
header .main-header .submenu-wrap a:focus::before {
opacity: 1;
}
header .main-header ul ul li.current-menu-item > a,
header .mobile-header ul ul li.current-menu-item > a  {
font-weight: bold;
position: relative;
}
header .mobile-header ul ul li.current-menu-item > a  {
padding-left: 0.7em !important;
}
header .main-header ul ul .current-menu-item::after,
header .mobile-header ul ul .current-menu-item::after {
content: "";
display: block !important;
width: 1em;
height: 0.6em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/link-arrow-white.svg) no-repeat center;
background-size: contain;
position: absolute;
top: 0.3em;
left: -1em;
z-index: 9;
}
header .mobile-header ul ul .current-menu-item::after {
content: "";
display: block !important;
width: 0.7em;
height: 0.7em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/link-arrow.svg) no-repeat center left;
background-size: contain;
position: absolute;
top: 0.5em;
left: 0;
z-index: 9;
}
header .main-header ul ul ul .current-menu-item::after {
left: 0;
}
@media (min-width: 600px) {
li.break-before {
break-before: column;
margin-top: 0.25em !important;
}
}
.main-header .submenu-wrap > *:first-child {
margin-top: 0.25em !important;
}
header .menu-bg {
display: block;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 0;
background: var(--wp--preset--color--background) !important;
z-index: 0 !important;
transition: height 0.5s ease-out;
}
header > .wp-block-group * {
z-index: 9;
position: relative;
}
header .meta-header {
z-index: 99;
display: none;
}
@media (min-width: 600px) {
header .meta-header {
display: flex;
}
}
header .meta-header a {
text-decoration: none;
}
header .meta-header .is-search a,
.mobile-header .is-search a {
position: relative;
padding-left: 1.8em;
}
header .meta-header .is-search a::before,
.mobile-header .is-search a::before {
content: "";
display: block;
position: absolute;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/header-search.svg) no-repeat center;
background-size: contain;
width: 1.3em;
height: 1.3em;
top: 0;
left: 0;
transform: translateY(-10%);
}
header .meta-header .wp-block-buttons {
gap: 2.5em;
}
header .meta-header > .is-layout-flex {
width: 100%;
}
header .meta-header .wp-block-group.has-small-font-size {
gap: 2.2em;
font-size: 0.75em !important;
line-height: 1.2;
align-self: flex-start;
}
header .meta-header nav {
font-size: clamp(14px, 0.625em, 18px);
}
header .meta-header nav ul {
gap: 1em;
}
@media (min-width: 600px) {
header .meta-header nav ul {
gap: 2em;
}
}
@media (min-width: 900px) {
header .meta-header nav ul {
gap: 4em;
}
}
header .meta-header nav a,
header .mobile-header nav a {
color: #222 !important
}
.meta-header nav li a,
.mobile-header .button-nav nav li a,
.reduced-motion .meta-header nav li a,
.reduced-motion .mobile-header .button-nav nav li a {
padding-left: 2em;
}
.mobile-header .button-nav ul {
justify-content: space-between !important;
gap: 1em 0;
}
.mobile-header .button-nav nav li a,
.reduced-motion .mobile-header .button-nav nav li a {
font-size: 15px;
border: 1px solid #222;
padding: 5px 15px 4px 40px;
background-size: 21px auto !important;
background-position: left 15px center;
}
.meta-header nav .li-search a,
.mobile-header nav .li-search a {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC45NDYiIGhlaWdodD0iMjAuOTQ2IiB2aWV3Qm94PSIwIDAgMjAuOTQ2IDIwLjk0NiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHBhdGggZD0iTTkuMjI0LDBhOS4yMjQsOS4yMjQsMCwxLDAsOS4yMjQsOS4yMjRBOS4yMzUsOS4yMzUsMCwwLDAsOS4yMjQsMFptMCwxNi43NDZhNy41MjEsNy41MjEsMCwxLDEsNy41MjEtNy41MjFBNy41Myw3LjUzLDAsMCwxLDkuMjI0LDE2Ljc0NloiIGZpbGw9IiMyMjIiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuMzYxIDE0LjM2MSkiPjxwYXRoIGQ9Ik0zNTcuMzgxLDM1Ni4xNzcsMzUyLjUsMzUxLjNhLjg1MS44NTEsMCwwLDAtMS4yLDEuMmw0Ljg4Miw0Ljg4MmEuODUxLjg1MSwwLDAsMCwxLjItMS4yWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1MS4wNDYgLTM1MS4wNDYpIiBmaWxsPSIjMjIyIi8+PC9nPjwvZz48L2c+PC9zdmc+") no-repeat center left;
background-size: auto 100%;
}
.meta-header nav .li-jobs a,
.mobile-header nav .li-jobs a {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjEuNjQ0IiBoZWlnaHQ9IjE5LjIwNCIgdmlld0JveD0iMCAwIDIxLjY0NCAxOS4yMDQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHJlY3Qgd2lkdGg9IjIxLjY0NCIgaGVpZ2h0PSIxOS4yMDQiIGZpbGw9IiMyMjIiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMjEuNjQ0LDEwLjk0N1Y4LjQ1NEgwdjguMDgxYzAsMS4xODMuNzg5LDEuNywxLjk2MiwyLjA3N2E2NS42NTksNjUuNjU5LDAsMCwwLDE3LjU5NCwwYzEuMTc0LS4zNzMsMi4wODgtLjg5MywyLjA4OC0yLjA3N1YxMC45NDdabS0xMi0yLjg2NmgxMlY1LjQ2NGMwLTEuMTYzLS45MTQtMS42ODQtMi4wODgtMi4wNzcsMCwwLTEuOTUzLS4yNDktNC4xNjUtLjM5NUwxNS4yNTcsMS43QTEuNzYxLDEuNzYxLDAsMCwwLDEzLjQyOSwwSDguMDlBMS43MywxLjczLDAsMCwwLDYuNCwxLjdMNi4yNjIsMi45OTFjLTIuMzQ3LjE0NS00LjMuMzk1LTQuMy4zOTVDLjkyNCwzLjc4LDAsNC4zLDAsNS40NjRWOC4wODFaTTcuNywxLjgyOFYxLjdhLjM0Ny4zNDcsMCwwLDEsLjM5NS0uMzk1aDUuMzM4Yy4yNzEsMCwuNTMuMTI1LjUzLjM5NVYyLjg2N2E1NC41ODEsNTQuNTgxLDAsMCwxLTYuMzg3LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjMjIyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center left;
background-size: auto 100%;
}
.meta-header nav .li-contact a,
.mobile-header nav .li-contact a {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkuODAxIiBoZWlnaHQ9IjE5Ljg3MyIgdmlld0JveD0iMCAwIDE5LjgwMSAxOS44NzMiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHJlY3Qgd2lkdGg9IjE5LjgwMSIgaGVpZ2h0PSIxOS44NzMiIGZpbGw9IiMyMjIiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik03LjU3MiwxMy44NzlBNi41Nyw2LjU3LDAsMCwxLDE2LjYsNi4yODUsOC40NCw4LjQ0LDAsMSwwLDIuNzc0LDE0LjdsLS4wNjEsMy4yNzJMNS41OCwxNi4zODNhOC40LDguNCwwLDAsMCwzLjYyOC40NjMsNi41MzgsNi41MzgsMCwwLDEtMS42MzYtMi45NjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiMyMjIiLz48cGF0aCBkPSJNNDQuNTE5LDMxLjEwOWE1Ljg0OSw1Ljg0OSwwLDEsMS03LjA4NS00LjI3LDUuODQ5LDUuODQ5LDAsMCwxLDcuMDg1LDQuMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNC44OTEgLTIwLjExOSkiIGZpbGw9IiMyMjIiLz48cGF0aCBkPSJNNTguOCw3My4xOTRsLjcyNy0yLjUyMi0yLjU0Ny42MzIsMS44MjEsMS44OS43MjctMi41MjItMi41NDcuNjMyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyLjk5MyAtNTMuMzIxKSIgZmlsbD0iIzIyMiIvPjwvZz48L2c+PC9zdmc+") no-repeat center left;
background-size: auto 100;
}
.meta-header nav .li-donate a,
.mobile-header nav .li-donate a {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIuMzc2IiBoZWlnaHQ9IjE5LjU1NCIgdmlld0JveD0iMCAwIDIyLjM3NiAxOS41NTQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHJlY3Qgd2lkdGg9IjIyLjM3NiIgaGVpZ2h0PSIxOS41NTQiIGZpbGw9IiMyMjIiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0xNjYuMDI2LDIuNTY2YTIuNTY0LDIuNTY0LDAsMCwwLTQuOS0xLjA1OCwyLjU2NCwyLjU2NCwwLDEsMC00LjI4LDIuNzI4LDIuNjI0LDIuNjI0LDAsMCwwLC4yODcuMjg1bDMuOTEyLDMuODg1YS4xMjQuMTI0LDAsMCwwLC4wODguMDM2LjEyMi4xMjIsMCwwLDAsLjA4Ny0uMDM2bDQuMDU4LTQuMDMxaDBhMi41NTIsMi41NTIsMCwwLDAsLjc1LTEuODEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTAuOTM5IC0wLjAwMSkiIGZpbGw9IiMyMjIiLz48cGF0aCBkPSJNMjIuMzY5LDI4MC4yMmwuMDA3LS4wMmMtMS42MTYsMC0yLjYwNi0uOTg1LTMuOC0xLjgxNWE1LjM0OSw1LjM0OSwwLDAsMC0zLjIyNi0xLjEyNGMtLjYyNiwwLTEuMTU4LjAwNi0xLjYxLjAxOUgxMC40NTlhLjg3MS44NzEsMCwwLDAsMCwxLjc0MWgzLjA4NmExLjMsMS4zLDAsMCwxLC40MTksMi40MzNsLTEuMi4zMTljLS40MDYuMS0uNzkyLjItMS4xNTQuMzA2bC0uMDc4LjAyYy0xLjM1NS4zNTktMi44MTUuNzQzLTMuMDguOGExLjYyNywxLjYyNywwLDAsMS0uNDc2LS4wMzNsLTQuODYyLTMuMTUxLS44OC0uNjM3djBhMS4xNjEsMS4xNjEsMCwwLDAtLjEzMS0uMDc1LDEuMjg5LDEuMjg5LDAsMCwwLS4yLS4wODQsMS40MTksMS40MTksMCwwLDAtLjE3Mi0uMDM4LDEuMjc2LDEuMjc2LDAsMCwwLS4xOTEtLjAxNiwxLjI0MiwxLjI0MiwwLDAsMC0uMjUzLjAyNkExLjQsMS40LDAsMCwwLDAsMjgwLjI4OGExLjM4MywxLjM4MywwLDAsMCwuNDE3Ljk4OWgwbC4wMDcuMDA1YTEuNDQ2LDEuNDQ2LDAsMCwwLC4zNDQuMjUxbC4zMzUuMjQzTDguNzIzLDI4Ny4zaDBsLjA5NC4wMzZhMS42NjgsMS42NjgsMCwwLDAsLjU0NC4xLDEuNywxLjcsMCwwLDAsLjMyNy0uMDMzbC4wMzgtLjAxYzIuNTgyLS42NTcsNy45MTYtMi4wMTMsMTAuNDEzLTIuNjI4bC4xOC0uMDY3YTEwLjE2NiwxMC4xNjYsMCwwLDEsMi4wNS0uMzV2LS4zNjVoLjAwN2wtLjAwNy0uNVYyODAuMjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yNjcuODgxKSIgZmlsbD0iIzIyMiIvPjwvZz48L3N2Zz4=") no-repeat center left;
background-size: auto 100%;
} .frontend .mobile-header {
display: none;
padding-bottom: 2em !important
}
.frontend.overlay-nav-open .mobile-header {
display: block;
}
@media (max-width: 599px) {
.frontend.overlay-nav-open header {
position: static;
}
header .wp-block-group.has-background {
padding-left: 1em;
padding-right: 1em;
}
}
.frontend .desktop-nav {
display: none;
}
.header-nav-toggle {
align-self: center;
width: 2.4em;
height: 2em;
background: unset;
font: inherit;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/nav-toggle.svg) no-repeat center;
background-size: 50% auto;
appearance: none;
-webkit-appearance: none;
border: 0;
right: -0.6em;
}
.frontend.overlay-nav-open .header-nav-toggle {
background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/nav-close.svg);
background-size: 40% auto;
}
@media (min-width: 600px) {
.header-nav-toggle {
display: none !important;
}
.frontend .mobile-header {
display: none;
}
.frontend .desktop-nav {
display: block;
}
}
.mobile-header .button-nav {
margin: 2.7em auto;
}
.mobile-header .main-mobile-nav {
}
.mobile-header .main-mobile-nav > ul {
width: 100% !important;
gap: 0 !important;
}
.mobile-header .main-mobile-nav > ul > li {
width: 100% !important; flex-flow: row wrap !important;
}
.mobile-header .main-mobile-nav > ul > li > a,
.mobile-header .main-mobile-nav > ul > li > button {
font-size: 1.4em;
display: inline-block;
width: calc(100% - 1.5em);
padding: 0.4em 0;
}
.mobile-header .main-mobile-nav > ul > li > ul {
overflow: hidden !important;
}
.mobile-header .main-mobile-nav > ul > li > ul {
overflow: hidden !important;
height: 0 !important
}
.mobile-header .main-mobile-nav .has-child .wp-block-navigation__submenu-icon {
margin-left: auto !important;
width: 20px;
height: auto;
transition: all 0.2s ease-out;
}
.mobile-header .main-mobile-nav .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
position: relative;
display: block;
height: auto !important;
width: 100% !important
}
.mobile-header .main-mobile-nav .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container button {
display: none !important;
}
.mobile-header .main-mobile-nav .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container ul {
position: relative;
display: block !important;
width: 100% !important;
padding: 0.5em 0.5em 0.5em 1em !important;
height: auto !important;
visibility: visible !important;
opacity: 1 !important;
}
.mobile-header .main-mobile-nav .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container li.has-child {
flex-flow: row wrap !important
}
.mobile-header .main-mobile-nav .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] {
transform: rotate(180deg);
}
.mobile-header .main-mobile-nav .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] svg {
stroke: var(--wp--preset--color--foreground) !important;
}
.mobile-header .main-mobile-nav .has-child > a:has(+ .wp-block-navigation-submenu__toggle[aria-expanded=true]) {
font-weight: bold !important;
color: var(--wp--preset--color--foreground) !important;
}
.mobile-header .submenu-wrap {
position: relative;
column-count: 1 !important;
}
.mobile-header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background: unset !important;
padding: 0 0 0.5em 0 !important;
border: 0;
margin-top: 0 !important
}
.mobile-header .main-mobile-nav > ul ul li a {
padding: 0.2em 0 !important;
color: var(--wp--preset--color--foreground) !important;
} .language-switcher {
display: flex;
flex-flow: row wrap;
gap: 0.5em;
color: #969290;
text-transform: uppercase;
}
.language-switcher a {
color: var(--wp--preset--color--foreground) !important;
text-decoration: none;
} li.is-style-check {
position: relative;
list-style-type: none;
margin-left: 1.5em;
margin-bottom: 2em;
}
li.is-style-check::before {
content: "";
display: block;
position: absolute;
width: 1.65em;
height: 1.4em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/check.svg) no-repeat center;
background-size: contain;
left: -2.5em;
} .highlight-box .wp-block-columns {
gap: 2em 5em;
} .wp-block-button__link {
transition: all 0.2s ease-out
}
.wp-block-button.is-style-outline > .wp-block-button__link {
border-color: var(--wp--preset--color--tertiary);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
background: var(--wp--preset--color--tertiary);
color: var(--wp--preset--color--secondary);
}
.wp-block-button.is-style-outline.is-active > .wp-block-button__link:not(:hover) {
background: #fff;
color: #222 !important;
}
.wp-block-button__link,
.wp-element-button {
border: 2px solid transparent;
}
@media (max-width: 599px) {
.wp-block-buttons {
flex-wrap: wrap !important;
}
.wp-block-button,
.wp-block-button__link,
.wp-element-button {
width: 100% !important;
}
.wp-element-button.wp-block-search__button {
width: auto !important;
}
.textsize-buttons {
margin-right: 0 !important;
}
.textsize-buttons .wp-block-button {
width: auto !important;
aspect-ratio: 1 / 1;
height: 1.8em;
display: flex;
align-items: center;
text-align: center;
border-radius: 0;
font-size: 1em !important;
}
}
@media (max-width: 899px) {
.wp-block-media-text .wp-block-media-text__content .wp-block-buttons.is-nowrap {
flex-wrap: wrap !important;
}
}
.wp-block-button__link:hover,
.wp-element-button:hover,
.wp-block-button__link:focus,
.wp-element-button:focus {
background-color: unset !important;
color: var(--wp--preset--color--foreground);
border: 2px solid;
}
.wp-block-button__link.has-primary-background-color,
.wp-element-button.has-primary-background-color {
border: 2px solid var(--wp--preset--color--primary);
}
.wp-block-button__link.has-primary-background-color:hover,
.wp-element-button.has-primary-background-color:hover,
.wp-block-button__link.has-primary-background-color:focus,
.wp-element-button.has-primary-background-color:focus  {
color: var(--wp--preset--color--primary) !important;
}
.wp-block-button__link.has-secondary-background-color,
.wp-element-button.has-secondary-background-color {
border: 2px solid var(--wp--preset--color--secondary);
}
.wp-block-button__link.has-secondary-background-color:hover,
.wp-element-button.has-secondary-background-color:hover,
.wp-block-button__link.has-secondary-background-color:focus,
.wp-element-button.has-secondary-background-color:focus { color: #222 !important;
background-color: var(--wp--preset--color--secondary) !important;
}
.wp-block-button__link.has-tertiary-background-color,
.wp-element-button.has-tertiary-background-color {
border: 2px solid var(--wp--preset--color--tertiary);
}
.wp-block-button__link.has-tertiary-background-color:hover,
.wp-element-button.has-tertiary-background-color:hover,
.wp-block-button__link.has-tertiary-background-color:focus,
.wp-element-button.has-tertiary-background-color:focus {
color: var(--wp--preset--color--tertiary);
}
.wp-block-button__link.has-quaternary-background-color,
.wp-element-button.has-quaternary-background-color {
border: 2px solid var(--wp--preset--color--foreground);
}
.wp-block-button__link.has-quaternary-background-color:hover,
.wp-element-button.has-quaternary-background-color:hover,
.wp-block-button__link.has-quaternary-background-color:focus,
.wp-element-button.has-quaternary-background-color:focus {
color: var(--wp--preset--color--foreground);
}
.wp-block-button__link.has-quinary-background-color,
.wp-element-button.has-quinary-background-color {
border: 2px solid var(--wp--preset--color--foreground);
}
.wp-block-button__link.has-quinary-background-color:hover,
.wp-element-button.has-quinary-background-color:hover,
.wp-block-button__link.has-quinary-background-color:focus,
.wp-element-button.has-quinary-background-color:focus {
color: var(--wp--preset--color--foreground);
}
.wp-block-button__link.has-foreground-background-color,
.wp-element-button.has-foreground-background-color {
border: 2px solid var(--wp--preset--color--foreground);
}
.wp-block-button__link.has-foreground-background-color:hover,
.wp-element-button.has-foreground-background-color:hover,
.wp-block-button__link.has-foreground-background-color:focus,
.wp-element-button.has-foreground-background-color:focus {
color: var(--wp--preset--color--foreground) !important;
}
.wp-block-button__link.has-background-background-color,
.wp-element-button.has-background-background-color {
border: 2px solid var(--wp--preset--color--background);
}
.wp-block-button__link.has-background-background-color:hover,
.wp-element-button.has-background-background-color:hover,
.wp-block-button__link.has-background-background-color:focus,
.wp-element-button.has-background-background-color:focus {
color: var(--wp--preset--color--background);
}
.wp-block-button.is-style-arrow .wp-block-button__link,
.wp-block-button.is-style-download .wp-block-button__link,
.wp-block-button.is-style-external .wp-block-button__link {
padding-left: 0.9em !important;
padding-right: 2em !important;
position: relative;
}
.wp-block-button.is-style-arrow .wp-block-button__link {
padding-right: 2.5em !important;
}
.wp-block-button.is-style-download .wp-block-button__link svg,
.wp-block-button.is-style-arrow .wp-block-button__link svg {
width: 0.75em;
position: absolute;
right: 0.9em;
top: 50%;
transform: translateY(-50%);
fill: currentColor;
}
.wp-block-button.is-style-download .wp-block-button__link:hover,
.wp-block-button.is-style-download .wp-block-button__link:focus {
}
.entry-content ul,
.entry-content ol {
padding-left: 1em !important
} .is-style-narrow {
max-width: 68.2em !important;
margin-left: auto;
margin-right: auto;
}
.wp-singular .is-style-narrow {
padding-left: 2em;
padding-right: 2em;
}
.is-style-narrow-mid {
max-width: 54.4em !important;
margin-left: auto;
margin-right: auto;
}
.is-style-narrower {
max-width: 40.6em !important;
margin-left: auto;
margin-right: auto;
}
.is-style-narrow.is-content-justification-left,
.is-style-narrow-mid.is-content-justification-left,
.is-style-narrower.is-content-justification-left {
margin-left: 0 !important;
} .is-style-shadow {
box-shadow: 0 0 0.5em rgba(0,0,0,0.15);
} .wp-block-media-text {
}
a.js-wrapped-link {
text-decoration: none !important;
}
.wp-block-media-text .wp-block-media-text__content {
padding: 0 7.7em;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left: 0;
}
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
padding-right: 0;
}
.wp-block-media-text.has-background .wp-block-media-text__content {
padding: 2em 1em;
}
@media (max-width: 599px) {
.has-background-background-color .wp-block-media-text.has-background.has-background-background-color .wp-block-media-text__content {
padding: 2em 0;
}
.wp-block-media-text:not(.has-background) .wp-block-media-text__content {
padding: 2em 1em;
}
}
@media (min-width: 600px) {
.wp-block-media-text.has-background .wp-block-media-text__content {
padding: 2.5em 2.75em;
}
}
@media (min-width: 900px) {
.wp-block-media-text.has-background .wp-block-media-text__content {
padding: 4.5em 5.75em;
}
}
.wp-block-media-text .wp-block-media-text__media img {
} .wp-block-media-text.is-cover { }
@media (min-width: 600px) {
.wp-block-media-text.is-cover {
margin-left: -2.15em !important;
width: calc(100% + 4.3em) !important;
max-width: calc(100% + 4.3em) !important;
margin-top: 5.5em !important;
margin-bottom: 5.5em !important;
}
}
.wp-block-media-text.is-cover .wp-block-media-text__content {
position: relative;
min-height: 100%;
}
.wp-block-media-text.is-cover .wp-block-media-text__content *,
.wp-block-media-text.is-cover .wp-block-media-text__media {
position: relative;
z-index: 1;
}
.wp-block-media-text.is-cover .wp-block-media-text__media {
background-repeat: no-repeat; }
.wp-block-media-text.is-cover .wp-block-media-text__content::before {
content: "";
position: absolute;
top: -5.5em;
left: -5.5em;
display: block;
background: var(--wp--preset--color--foreground);
width: calc(100% + 5.5em);
height: calc(100% + 11em);
z-index: 0;
}
.wp-block-media-text.is-cover.has-media-on-the-right .wp-block-media-text__content::before { left: 0; }
.wp-block-media-text.is-cover.has-foreground-background-color .wp-block-media-text__content::before { background: var(--wp--preset--color--foreground); }
.wp-block-media-text.is-cover.has-background-background-color .wp-block-media-text__content::before { background: var(--wp--preset--color--background); }
.wp-block-media-text.is-cover.has-primary-background-color .wp-block-media-text__content::before { background: var(--wp--preset--color--primary); }
.wp-block-media-text.is-cover.has-primary-background-color .wp-block-media-text__content::before { background: var(--wp--preset--color--primary); }
.wp-block-media-text.is-cover.has-secondary-background-color .wp-block-media-text__content::before { background: var(--wp--preset--color--secondary); }
.wp-block-media-text.is-cover.has-tertiary-background-color .wp-block-media-text__content::before { background: var(--wp--preset--color--tertiary); }
@media (max-width: 599px) {
.wp-block-media-text.is-cover .wp-block-media-text__content::before {
display: none;
}
}
.is-cover .wp-block-buttons {
margin-top: 2.5em;
} body:not(.reduced-motion) .entry-content > *:not(:first-child) {
transform: translateY(3em) translateZ(0);
opacity: 0;
transition: all 1.2s ease-out;
transition-delay: 0.2s;
transform: translateY(0) translateZ(0) !important;
opacity: 1 !important;
}
body:not(.reduced-motion) .entry-content > .is-in-viewport,
.entry-content > .pull-up,
.entry-content > .anchor-bar {
transform: translateY(0) translateZ(0) !important;
opacity: 1 !important;
} .wp-block-media-text.is-style-stacked {
display: block;
}
.wp-block-media-text.is-style-stacked .wp-block-media-text__media {
}
.wp-block-media-text.is-style-stacked .wp-block-media-text__media img {
aspect-ratio: 10 / 9;
object-fit: cover;
object-position: center;
border: none;
}
.wp-block-media-text.is-style-stacked .wp-block-media-text__content {
padding: 2.35em 0;
}
.wp-block-media-text.is-style-stacked.has-background .wp-block-media-text__content {
padding: 2.35em;
} .wp-block-group.background-image-box {
padding: 5.3em 0;
background-position: center;
position: relative;
}
.wp-block-group.background-image-box::before {
content: "";
display: block;
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background: rgb(34,34,34);
background: linear-gradient(90deg, rgba(34,34,34,0.5) 0%, rgba(34,34,34,0) 100%);
}
.wp-block-group.background-image-box > * {
position: relative;
z-index: 9;
}
@media (max-width: 1700px) {
.wp-block-group.background-image-box .wp-block-group.is-style-narrow {
max-width: calc(100% - 4em) !important;
}
}
.wp-block-group.background-image-box h2 {
font-size: 1.75em;
line-height: 1.2;
} .has-overlap {
transform: translateX(0);
}
@media (min-width: 600px) {
.has-overlap {
transform: translateX(-3em);
margin-top: 4.5em !important;
}
.has-overlap > * {
transform: translateX(3em);
}
}
.has-overlap.has-overlap-left {
transform: translateX(0);
}
@media (min-width: 600px) {
.has-overlap.has-overlap-left {
transform: translateX(3em);
margin-top: 4.5em !important;
}
.has-overlap.has-overlap-left > * {
transform: translateX(-3em);
}
}
.has-overlap .wp-block-media-text__media {
aspect-ratio: 10 / 7.5;
width: 100%;
}
@media (min-width: 600px) {
.has-overlap .wp-block-media-text__media {
margin-top: -4.5em !important;
margin-bottom: -4.5em !important;
margin-right: -4.5em !important;
margin-left: -4.5em !important;
width: calc(100% + 9em) !important; height: unset !important;
}
.has-overlap .wp-block-media-text__media {
transform: translate(4em, -4em);
transform-origin: bottom left;
}
.has-overlap.has-overlap-left .wp-block-media-text__media {
transform: translate(-4em, -4em);
transform-origin: bottom right;
}
} .flickity-slider *:focus {
} .is-style-row-2,
.is-style-row-3,
.is-style-row-4,
.is-style-row-6 {
gap: calc(var(--gap-medium)*2) var(--gap-medium);
flex-flow: row wrap !important
}
.is-style-row-2.query-spacing,
.is-style-row-3.query-spacing,
.is-style-row-4.query-spacing,
.is-style-row-6.query-spacing {
--gap-medium: 1em;
}
.is-style-row-2 > *[class*='wp-block'],
.is-style-row-2 .flickity-slider > *,
.is-style-row-3 > *[class*='wp-block'],
.is-style-row-3 .flickity-slider > *,
.is-style-row-4 > *[class*='wp-block'],
.is-style-row-4 .flickity-slider > *,
.is-style-row-6 > *[class*='wp-block'],
.is-style-row-6 .flickity-slider > * {
width: 100% !important
}
@media (min-width: 600px) {
.is-style-row-2 > *[class*='wp-block'],
.is-style-row-2 .flickity-slider > *,
.is-style-row-3 > *[class*='wp-block'],
.is-style-row-3 .flickity-slider > *,
.is-style-row-4 > *[class*='wp-block'],
.is-style-row-4 .flickity-slider > *,
.is-style-row-6 > *[class*='wp-block'],
.is-style-row-6 .flickity-slider > * {
width: calc(50% - var(--gap-medium)*0.5) !important;
gap: var(--gap-medium);
}
}
@media (min-width: 900px) {
.is-style-row-3 > *[class*='wp-block'],
.is-style-row-3 .flickity-slider > * {
width: calc(33.33% - var(--gap-medium)*0.667) !important;
}
.is-style-row-3 .flickity-slider > * {
width: calc(33.33% - 1.5em) !important;
}
.is-style-row-4 > *[class*='wp-block'],
.is-style-row-4 .flickity-slider > * {
width: calc(25% - var(--gap-medium)*0.75) !important;
}
.is-style-row-6 > *[class*='wp-block'],
.is-style-row-6 .flickity-slider > * {
width: calc(16.66% - var(--gap-medium)*0.834) !important;
}
} .wp-block-cover {
} .wp-block-cover a.wp-block-button__link.has-background-background-color svg {
fill: var(--red);
transition: all 0.2s ease-out;
}
.wp-block-cover a.wp-block-button__link.has-background-background-color:hover svg {
fill: var(--wp--preset--color--background);
}
.wp-block-cover a.wp-block-button__link.has-background-background-color:hover {
background: var(--red);
color: #fff !important;
}
.wp-block-cover a.wp-block-button__link.has-background-background-color::before {
content: "";
background: #fff;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100vw;
z-index: -1;
transition: all 0.2s ease-out;
}
.wp-block-cover a.wp-block-button__link.has-background-background-color:hover::before {
background: var(--red);
}
.home.lang-de .wp-block-cover a.wp-block-button__link.has-background-background-color {
width: 19em !important;
background: var(--red) !important;
}
.home.lang-fr .wp-block-cover a.wp-block-button__link.has-background-background-color {
width: 21em !important;
background: var(--red) !important;
}
.home.lang-de .wp-block-cover a.wp-block-button__link.has-background-background-color,
.home.lang-fr .wp-block-cover a.wp-block-button__link.has-background-background-color {
background: none !important;
border: 0 !important;
position: relative;
z-index: 0;
color:  var(--wp--preset--color--foreground) !important;
}
.home.lang-de .wp-block-cover a.wp-block-button__link.has-background-background-color:hover,
.home.lang-fr .wp-block-cover a.wp-block-button__link.has-background-background-color:hover {
color: #fff !important;
}
.home.lang-fr .wp-block-cover a.wp-block-button__link svg {
z-index: 9;
}
.wp-block-cover a.wp-block-button__link.has-background-background-color * {
z-index: 9;
}
.frontend .entry-content > .wp-block-cover:first-child,
.frontend .entry-content > .random-cover {
min-height: calc(100vh - 8em) !important;
max-height: calc(100vh - 8em) !important;
height: calc(100vh - 8em) !important;
}
@media (pointer: coarse) and (min-width: 600px) {
.frontend .entry-content > .random-cover {
min-height: calc(100vh - 10em) !important;
max-height: calc(100vh - 10em) !important;
height: calc(100vh - 10em) !important;
}
}
.frontend .entry-content > .random-cover .wp-block-cover:first-child {
min-height: 100% !important;
max-height: 100% !important;
height: 100% !important;
}
@media (max-width: 599px) {
.frontend .entry-content > .wp-block-cover:first-child,
.frontend .entry-content > .random-cover {
min-height: calc(100vh - 5.5em) !important;
max-height: calc(100vh - 5.5em) !important;
height: calc(100vh - 5.5em) !important;
}
}
.wp-block-cover .wp-block-cover__inner-container {
width: var(--wp--style--global--content-size) !important;
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
}
.is-position-bottom-center .wp-block-cover__inner-container {
margin-bottom: 6.5em !important;
}
.wp-block-cover .is-circle {
position: relative;
width: 29em;
aspect-ratio: 1 / 1;
border-radius: 100%;
margin-left: -0.1em !important;
margin-right: auto !important;
padding: 5.5em 4.5em 0 5.5em; }
@media (max-width: 599px) {
.home .wp-block-cover.is-position-center-left {
align-items: flex-start !important;
}
.home .wp-block-cover:first-child,
.home .random-cover {  }
.wp-block-cover .is-circle {
width: 21em;
min-width: 21em;
padding: 3em 2.5em 0 4.7em;
margin-left: -3.6em !important;
margin-bottom: 0 !important;
position: absolute;
bottom: 0;
transform: translateX(-0.5em) translateY(5em);
}
.wp-block-cover .is-circle .has-x-large-font-size,
.wp-block-cover .is-circle .has-large-font-size {
font-size: 1em !important;
line-height: 120%;
}
} .wp-block-cover .is-circle p {
margin-block-start: 0.2em;
}
.wp-block-cover .is-circle h1 + h3 {
margin-block-start: 0.75em;
}
@media (max-width: 599px) {
.home .wp-block-cover + .pull-up,
.home .random-cover + .pull-up {
padding: 3em 2em 0 2em;
}
.home .wp-block-cover + .pull-up .wp-block-buttons,
.home .random-cover + .pull-up .wp-block-buttons {
gap: 1em;
}
}
@media (min-width: 600px) {
.home .wp-block-cover .pull-up {
position: absolute;
z-index: 999;
margin-block-start: 0;
width: 100%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.home .wp-block-cover .pull-up .wp-block-buttons {
gap: 1em;
align-items: flex-end !important;
}
.home .wp-block-cover .pull-up .wp-block-buttons a:hover,
.home .wp-block-cover .pull-up .wp-block-buttons a:focus {
padding-bottom: 2em !important;
}
}
@media (min-width: 900px) {
.home .wp-block-cover .pull-up .wp-block-buttons a {
padding-left: 3.5em !important;
padding-right: 2.5em !important;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/icon-pull-button.svg) no-repeat top 0.92em left 2.2em;
background-size: auto 0.625em;
}
}
@media (min-width: 850px) {
.home .wp-block-cover .pull-up .wp-block-buttons {
gap: 2.5em;
}
}
.random-cover > .wp-block-cover {
display: none;
opacity: 0;
}
.random-cover > .wp-block-cover:first-child {
display: block;
opacity: 1;
}
.has-loaded.random-cover > .wp-block-cover:first-child {
opacity: 1;
} body:not(.frontend) .wp-block-group.is-style-slider,
body:not(.frontend) .wp-block-query.is-style-slider {
border: 2px solid var(--wp--preset--color--primary);
position: relative;
padding: 1em;
}
body:not(.frontend) .wp-block-group.is-style-slider > *,
body:not(.frontend) .wp-block-query.is-style-slider li.wp-block-post  {
border: 2px solid var(--wp--preset--color--primary);
position: relative;
}
body:not(.frontend) .wp-block-group.is-style-slider > *::before,
body:not(.frontend) .wp-block-query.is-style-slider li.wp-block-post::before {
content: "Slide";
position: absolute;
padding: 0.5em 1em;
background: var(--wp--preset--color--primary);
z-index: 9999;
font-weight: bold;
color: #fff;
}
.flickity-slider > * {
margin-top: 0 !important
}
.wp-block-group.is-style-slider {
margin-left: -2.15em !important;
width: calc(100% + 4.3em) !important;
}
.wp-block-query.is-style-slider .columns-3 {
display: flex !important;
margin-left: -0.5em;
width: calc(100% + 1em) !important;
max-width: calc(100% + 1em) !important;
}
.wp-block-query.is-style-slider .columns-3 .flickity-slider {
display: block;
}
@media (min-width: 600px) {
.wp-block-query.is-style-slider .columns-3 li {
width: calc(50% - 1em);
min-height: 100%;
}
}
@media (min-width: 800px) {
.wp-block-query.is-style-slider .columns-3 li {
width: calc(33.33% - 1em);
}
}
.b2c-slider-holder .flickity-button svg path {
color: #fff !important;
fill: #fff !important
}
.b2c-slider-holder .flickity-button.flickity-prev-next-button.next {
right: 1em;
}
.b2c-slider-holder .flickity-button.flickity-prev-next-button.previous {
left: 1em;
}
@media (max-width: 1099px) {
.b2c-slider-holder {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.b2c-slider-holder .flickity-button.flickity-prev-next-button.next {
right: -3rem;
}
.b2c-slider-holder .flickity-button.flickity-prev-next-button.previous {
left: -3rem;
}
.is-b2c-slider .flickity-slider .wp-block-media-text__media {
align-self: flex-start;
}
.is-b2c-slider > * {
max-width: 100% !important;
overflow: hidden;
}
.is-b2c-slider .wp-block-media-text .wp-block-media-text__content {
padding-left: 2em !important;
}
.is-b2c-slider.wp-block-group.is-style-slider {
margin-left: 0 !important;
width: 100% !important;
}
}
@media (max-width: 599px) {
.is-b2c-slider .wp-block-media-text .wp-block-media-text__content {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 1100px) {
.b2c-slider-holder {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.is-b2c-slider > * {
max-width: 100% !important;
overflow: visible;
}
.is-b2c-slider .flickity-slider > * {
width: 100%;
max-width: 68em;
padding-right: 10em !important;
}
.is-b2c-slider .flickity-slider .wp-block-media-text__content {
padding-top: 3.5em !important;
padding-bottom: 3.5em !important;
padding-left: 6.75em !important;
}
.is-b2c-slider .flickity-slider .wp-block-media-text__media {
align-self: flex-start;
transform: translateY(-3.5em);
}
.is-b2c-slider .flickity-slider > *:nth-child(even) .wp-block-media-text__media {
align-self: flex-end;
transform: translateY(3.5em);
}
.is-b2c-slider .flickity-slider > * {
transition: opacity 0.3s ease-out;
opacity: 0;
pointer-events: none;
}
.is-b2c-slider .flickity-slider > *.is-selected,
.is-b2c-slider .flickity-slider > *.is-selected + * {
opacity: 1;
pointer-events: all;
}
}
.flickity-viewport,
.flickity-slider {
width: 100%;
}
.flickity-slider > * {
width: 100%;
margin: 0 0.5em;
}
.flickity-page-dots {
display: flex;
flex-flow: row wrap;
gap: 0.5em;
justify-content: center;
left: 0;
width: 100%;
padding: 0;
position: relative;
bottom: auto;
margin-top: 2em;
margin-bottom: 2em !important;
padding-left: 0 !important
}
.entry-content .flickity-page-dots {
padding-left: 0 !important
}
.is-style-slider.has-foreground-background-color .flickity-page-dots {
position: absolute;
}
@media (max-width: 599px) {
.flickity-page-dots {
margin-bottom: 1em !important;
}
.home .is-style-slider.has-foreground-background-color .flickity-page-dots {
bottom: 0;
margin-bottom: 1em !important;
}
.home .is-style-slider.has-foreground-background-color p.has-large-font-size + p {
margin-top: -1em;
}
.hover-block-holder .flickity-page-dots,
.wp-block-gallery .flickity-page-dots {
position: absolute;
top:unset;
bottom: -2em;
margin: 0 !important;
}
.has-quinary-background-color .wp-block-gallery.flickity-enabled {
margin-bottom: 2.5em !important;
}
.wp-block-gallery.flickity-enabled figure {
width: 100% !important;
}
.wp-block-gallery.flickity-enabled figure img {
width: 100% !important;
}
}
.flickity-page-dots li {
width: 0.66em !important;
height: 0.66em !important;
margin: 0 !important;
opacity: 0.7;
background: #fff !important
}
.has-background .flickity-page-dots li {
background: #222 !important
}
.has-background-background-color .flickity-page-dots li,
.has-quinary-background-color .flickity-page-dots li {
background: #222 !important
}
.has-background-background-color .has-background:not(.has-quinary-background-color):not(.has-background-background-color) .flickity-page-dots li {
background: #fff !important;
}
.flickity-page-dots li.is-selected {
opacity: 1;
}
.flickity-button,
.flickity-button:hover {
background: unset !important;
z-index: 999;
}
.flickity-button svg {
fill: #fff;
}
.has-background .flickity-button svg {
fill: #222 !important
}
.has-background-background-color .flickity-button svg,
.has-quinary-background-color .flickity-button svg {
fill: #222 !important
}
.has-background-background-color .has-background:not(.has-quinary-background-color):not(.has-background-background-color) .flickity-button svg {
fill: #fff !important;
}
.flickity-button.flickity-prev-next-button.next {
right: -1em;
transform: translateX(100%) translateY(-50%);
margin-top: 0 !important;
}
.flickity-enabled.has-background .flickity-button.flickity-prev-next-button.next {
right: 0.5em;
transform: translateX(0) translateY(-50%);
}
.flickity-button.flickity-prev-next-button.previous {
left: -1em;
transform: translateX(-100%) translateY(-50%);
margin-top: 0 !important;
}
.flickity-enabled.has-background .flickity-button.flickity-prev-next-button.previous {
left: 0.5em;
transform: translateX(0) translateY(-50%);
}
@media (max-width: 599px) { .appointment-slider .flickity-button.flickity-prev-next-button {
top: 50%;
bottom: auto;
}
.flickity-button.flickity-prev-next-button.next {
right: -2.75em;
transform: translateX(0%) translateY(-50%);
}
.flickity-enabled.has-background .flickity-button.flickity-prev-next-button.next {
right: 0em;
transform: translateX(0);
}
.appointment-slider .flickity-button.flickity-prev-next-button.next {
transform: translateX(75%) translateY(-50%);
}
.flickity-button.flickity-prev-next-button.previous {
left: -2.75em;
transform: translateX(0) translateY(-50%);
}
.flickity-enabled.has-background .flickity-button.flickity-prev-next-button.previous {
left: 0em;
transform: translateX(0) ;
}
.appointment-slider .flickity-button.flickity-prev-next-button.previous {
transform: translateX(-75%) translateY(-50%);
}
.hover-block-holder .flickity-button.flickity-prev-next-button.next,
.wp-block-gallery .flickity-button.flickity-prev-next-button.next {
right: -2.75em;
}
.hover-block-holder .flickity-button.flickity-prev-next-button.previous,
.wp-block-gallery .flickity-button.flickity-prev-next-button.previous {
left: -2.75em;
}
} .wp-block-group.counter {
position: relative;
}
.wp-block-group.counter::before {
content: "";
display: block;
background: var(--wp--preset--color--primary) !important;
width: 12.5em;
aspect-ratio: 1 / 1;
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) scale(0);
border-radius: 100%;
transition: all 0.25s ease-out;
transition-delay: 0s;
opacity: 0;
}
.counter-holder ~ * {
opacity: 0;
transition: all 0.2s ease-out;
}
.counter:focus .counter-holder ~ *,
.counter:hover .counter-holder ~ *,
.reduced-motion .counter-holder ~ * {
opacity: 1;
}
.wp-block-group.counter {
aspect-ratio: 1 / 1;
display: flex;
max-width: 370px;
margin: 0 auto;
}
@media (max-width: 781px) {
.wp-block-group.counter::before {
width: 100%;
}
.counter-holder ~ * {
opacity: 1;
}
}
@media (min-width: 782px) {
.wp-block-group.counter:hover::before,
.wp-block-group.counter:focus::before {
width: 18em;
transition-delay: 0s;
}
}
.wp-block-group.counter.is-in-viewport::before {
transform: translateX(-50%) translateY(-50%) scale(1);
opacity: 1;
}
.wp-block-group.counter > * {
position: relative;
z-index: 1;
margin-block-start: 0;
}
.js-counter {
font-size: 5.7em;
line-height: 100%;
font-weight: bold;
} .menu-holder {
cursor: pointer;
position: relative;
}
.menu-holder figure {
position: relative;
aspect-ratio: 5 / 7;
height: 23.5em;
width: auto;
margin-left: 0 !important;
margin-right: auto;
}
.menu-holder figure img {
transition: all 0.3s ease-out;
transform-origin: bottom left;
position: relative;
z-index: 9;
width: 99%;
height: 100%;
object-fit: contain;
object-position: center left;
box-shadow: 0 0.5em 1em rgba(0,0,0,0.16)
}
.menu-holder p {
display: none;
}
@media (min-width: 600px) {
.menu-holder figure::before {
content: "";
display: block;
width: 16.5em;
height: 16.5em;
background: var(--wp--preset--color--primary) !important;
position: absolute;
z-index: 0;
right: 0;
top: 50%;
transform: translateX(50%) translateY(-50%);
border-radius: 100%;
transition: all 0.3s ease-out;
}
.menu-holder figure::after {
content: "";
display: block;
width: 3.125em;
height: 3.125em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/menuicon.svg) no-repeat center;
background-size: contain;
position: absolute;
z-index: 0;
right: 0;
top: 50%;
transform: translateX(160%) translateY(-50%);
transition: all 0.3s ease-out;
}
.menu-holder:hover figure::before,
.menu-holder:focus figure::before {
width: 24em;
height: 24em;
transform: translateX(60%) translateY(-55%);
}
.menu-holder:hover figure::after,
.menu-holder:focus figure::after { top: 3em;
}
.menu-holder p {
position: absolute;
opacity: 0;
top: 5em;
width: 20%;
left: 18em;
transition: all 0.3s ease-out;
transform: translateX(-5em);
display: block;
}
.menu-holder:hover p,
.menu-holder:focus p {
opacity: 1;
transform: translateX(0);
}
}
@media (min-width: 1000px) {
.menu-holder:hover figure img,
.menu-holder:focus figure img {
transform: scale(1.2);
}
.menu-holder:hover figure::before,
.menu-holder:focus figure::before {
width: 30em;
height: 30em;
transform: translateX(80%) translateY(-75%);
}
.menu-holder:hover figure::after,
.menu-holder:focus figure::after {
top: 0;
right: auto;
left: 80%;
transform: translateX(280%) translateY(-50%);
}
.menu-holder p {
top: 1em;
width: 27%;
left: 80%;
}
} .wp-block-media-text.is-contact {
display: block;
max-width: 100%;
}
@media (min-width: 600px) {
.wp-block-media-text.is-contact {
display: flex;
flex-flow: row wrap;
width: calc(50% - 0.5em);
min-width: 24em;
max-width: 100%;
}
}
@media (max-width: 599px) {
.wp-block-media-text.is-contact + .wp-block-media-text.is-contact {
margin-top: 2em;
}
}
.is-contact-alt .wp-block-media-text.is-contact:not(.is-contact-alt) {
flex-flow: row-reverse wrap;
}
@media (min-width: 600px) and (max-width: 1099px) {
.is-contact-holder h2,
.is-contact-holder h3,
.is-contact-holder p.has-large-font-size,
.is-contact-holder p.has-x-large-font-size {
max-width: 50% !important;
}
}
.wp-block-media-text.is-contact.is-contact-alt,
.is-contact-alt .wp-block-media-text.is-contact {
width: 100%;
justify-content: space-between;
}
.wp-block-media-text.is-contact .wp-block-media-text__media {
width: 8.3em !important;
position: relative;
}
.wp-block-media-text.is-contact .wp-block-media-text__media img {
position: relative;
z-index: 1;
}
@media (max-width: 599px) {
.wp-block-media-text.is-contact .wp-block-media-text__media {
width: 8em !important;
align-self: flex-start;
}
}
.wp-block-media-text.is-contact:not(.contact-alt-animation):nth-child(odd) .wp-block-media-text__media::before {
content: "";
background: var(--wp--preset--color--primary);
width: 25%;
aspect-ratio: 1 / 1;
position: absolute;
bottom: 40%;
right: 40%;
border-radius: 100%;
opacity: 0;
transition: all 0.3s ease-out !important;
transition-delay: 1s !important;
z-index: 0;
}
.is-in-viewport .wp-block-media-text.is-contact:not(.contact-alt-animation):nth-child(odd) .wp-block-media-text__media::before {
opacity: 1;
bottom: 0;
right: -1.5em;
transform: scale(0.9);
}
.wp-block-media-text.is-contact:not(.contact-alt-animation):nth-child(even) .wp-block-media-text__media::before {
content: "";
background: var(--wp--preset--color--foreground);
width: 25%;
aspect-ratio: 1 / 1;
position: absolute;
top: 40%;
left: 40%;
border-radius: 100%;
opacity: 0;
transition: all 0.3s ease-out !important;
transition-delay: 1s !important;
z-index: 0;
}
.is-in-viewport .wp-block-media-text.is-contact:not(.contact-alt-animation):nth-child(even) .wp-block-media-text__media::before {
opacity: 1;
top: 0;
left: 0;
transform: scale(1.4);
}
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media {
position: relative;
}
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media img,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media img {
transform: scale(1.8) translateX(-3.5em);
transform-origin: bottom right;
z-index: 99;
position: relative;
}
@media (max-width: 899px) {
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media img,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media img {
transform: scale(1.4) translateX(-2.5em);
}
}
@media (max-width: 599px) {
.wp-block-media-text.is-contact.is-contact-alt.has-media-on-the-right,
.is-contact-alt .wp-block-media-text.is-contact.has-media-on-the-right {
display: flex;
flex-direction: column-reverse;
}
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media {
width: 8em !important;
}
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__content,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__content {
width: 100%;
}
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media img,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media img {
transform: scale(1);
}
}
.wp-block-media-text.is-contact .wp-block-media-text__media img {
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 100%;
}
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::before,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::before {
content: "";
display: block;
position: absolute;
background: #FFEB00;
width: 10em;
height: 10em;
border-radius: 100%;
bottom: 7em;
right: 2em;
}
.frontend .wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::before,
.frontend .is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::before {
right: 100%;
bottom: 2em;
opacity: 0;
transition: all 0.4s ease-out;
transition-delay: 0.8s;
}
.frontend .is-in-viewport .wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::before,
.frontend .is-in-viewport .is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::before {
right: 2em;
bottom: 7em;
opacity: 1;
}
@media (max-width: 599px) {
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::before,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::before {
width: 6em;
height: 6em;
}
.frontend .wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::before,
.frontend .is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::before {
right: 50%;
bottom: 2em;
}
.frontend .is-in-viewport .wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::before,
.frontend .is-in-viewport .is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::before {
right: -2.5em;
bottom: 4em;
}
}
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::after,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::after {
content: "";
display: block;
position: absolute;
background: var(--wp--preset--color--foreground);
width: 6em;
height: 6em;
border-radius: 100%;
bottom: 0;
right: 0;
z-index: 9;
}
.frontend .wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::after,
.frontend .is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::after {
right: 100%;
bottom: 2em;
opacity: 0;
transition: all 0.3s ease-out;
transition-delay: 1s;
}
.frontend .is-in-viewport .wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::after,
.frontend .is-in-viewport .is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::after {
right: 0;
bottom: 0;
opacity: 1;
}
@media (max-width: 599px) {
.wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::after,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::after {
width: 3em;
height: 3em;
}
.frontend .wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::after,
.frontend .is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::after {
right: 50%;
bottom: 2em;
}
.frontend .is-in-viewport .wp-block-media-text.is-contact.is-contact-alt .wp-block-media-text__media::after,
.frontend .is-in-viewport .is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__media::after {
right: -3em;
bottom: 0;
}
}
.wp-block-media-text.is-contact .wp-block-media-text__content {
flex: 1;
padding: 0.833em 0.833em 0.833em 2em
}
.wp-block-media-text.is-contact.is-contact-alt.has-media-on-the-right .wp-block-media-text__content,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__content {
padding: 0.833em 2em 0 0;
max-width: 50%;
}
@media (max-width: 599px) {
.wp-block-media-text.is-contact .wp-block-media-text__content {
padding: 0.833em 0.833em 0.833em 0
}
.wp-block-media-text.is-contact.is-contact-alt.has-media-on-the-right .wp-block-media-text__content,
.is-contact-alt .wp-block-media-text.is-contact .wp-block-media-text__content {
padding: 0.833em 0 0 0;
max-width: 100%;
margin-bottom: 4em;
}
}
.wp-block-media-text.is-contact h4 {
margin-bottom: 0;
}
.wp-block-media-text.is-contact .wp-block-media-text__content * {
margin: 0;
}  .hover-block-holder {
gap: 1.3em;
}
.hover-block-holder:not(:last-child) {
margin-bottom: 4em !important;
}
.hover-block-holder .hover-box {
width: 100%;
padding: 1em;
cursor: pointer;
overflow: hidden;
}
@media (min-width: 600px) {
.hover-block-holder .hover-box {
width: calc(50% - 0.65em);
}
}
@media (min-width: 1000px) {
.hover-block-holder .hover-box {
width: calc(33.33% - 0.8667em);
}
}
.frontend .hover-block-holder .hover-box {
min-height: 100%;
}
.frontend .hover-block-holder > .hover-box {
aspect-ratio: 10 / 9;
height: auto;
}
.hover-block-holder .hover-box p {
position: relative;
z-index: 9;
}
.frontend .hover-block-holder .hover-box p {
display: none;
}
.frontend .hover-block-holder > .hover-box:hover p,
.frontend .hover-block-holder > .hover-box:focus p {
display: block;
color: #222222 !important
}
.frontend .hover-block-holder .hover-box .wp-block-image:first-child + p,
.frontend .hover-block-holder .hover-box .wp-block-image:first-child + h4 {
position: relative;
z-index: 9;
display: block !important;
}
.frontend .hover-block-holder > .hover-box:hover .wp-block-image:first-child + p,
.frontend .hover-block-holder > .hover-box:focus .wp-block-image:first-child + p,
.frontend .hover-block-holder > .hover-box:hover .wp-block-image:first-child + h4,
.frontend .hover-block-holder > .hover-box:focus .wp-block-image:first-child + h4 {
display: none !important;
}
@media print {
.frontend .hover-block-holder .hover-box p {
display: block;
color: #fff !important
}
.hover-block-holder .hover-box img {
}
}
@media (max-width: 599px) {
.frontend .hover-block-holder .hover-box p {
display: block;
color: #fff !important
}
}
.hover-block-holder .hover-box img {
width: 3.33em;
height: 3.33em;
object-position: center;
object-fit: contain;
z-index: 9;
position: relative;
}
.hover-block-holder .hover-box figure {
position: relative;
margin-top: 3em !important;
margin-bottom: 2.5em !important;
transition: all 0.2s ease-out;
}
.hover-block-holder > .hover-box:hover figure,
.hover-block-holder > .hover-box:focus figure {
margin-top: 1em !important;
margin-bottom: 2em !important;
}
.hover-block-holder .hover-box figure::before {
content: "";
display: block;
width: 7em;
height: 7em;
background: var(--wp--preset--color--primary) !important;
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
border-radius: 100%;
transition: all 0.3s ease-out;
}
.hover-block-holder > .hover-box:hover figure::before,
.hover-block-holder > .hover-box:focus figure::before {
transform: translateX(-50%) translateY(-50%) scale(5);
}
.reduced-motion .hover-block-holder .hover-box *,
.reduced-motion .hover-block-holder .hover-box *::before {  transition: all 0s !important; } .wp-block-columns.is-style-accordion {
display: block;
padding: 0;
box-sizing: border-box;
border-bottom: 1px solid #222222;
border-top: 1px solid #222222;
}
.wp-block-columns.is-style-accordion + .wp-block-columns.is-style-accordion {
border-top: 0;
}
.wp-block-columns.is-style-accordion:hover,
.wp-block-columns.is-style-accordion.is-open {
}
.wp-block-columns.is-style-accordion.is-open {
}
.wp-block-columns.is-style-accordion .wp-block-column {
box-sizing: border-box;
width: 100%;
padding: 1em 3em 1em 0 !important;
margin: 0 !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1),
.wp-block-columns.is-style-accordion.is-open:last-child .wp-block-column:nth-child(1) {
cursor: pointer;
position: relative;
}
.wp-block-columns.is-style-accordion:last-child .wp-block-column:nth-child(1) {
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1) h2 {
font-size: 1.5em !important;
line-height: 100% !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
content: "";
display: block;
width: 1em;
height: 1em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/accordion-plus.svg) no-repeat center;
background-size: 100% auto;
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
transition: all 0.2s ease-in-out;
}
.reduced-motion .wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
transition: all 0s;
}
@media print {
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1)::before {
display: none;
}
}
.wp-block-columns.is-style-accordion.is-open .wp-block-column:nth-child(1)::before {
transform: translateY(-50%) rotate(180deg);
background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/accordion-minus.svg)
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(1) > *:first-child {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-block-start: 0 !important;
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
margin: 0 auto !important;
padding-right: 0 !important;
overflow: hidden;
}
.frontend .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
display: none;
}
@media print {
.frontend .wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) {
display: block;
}
}
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) > *:first-child { }
.wp-block-columns.is-style-accordion .wp-block-column:nth-child(2) > *:last-child {
margin-bottom: 1.5em !important;
}
.wp-block-columns.is-style-accordion+.wp-block-columns.is-style-accordion {
margin-top: 0.5em;
} .yoast-breadcrumbs {
font-size: 0.75em;
line-height: 150%;
}
.yoast-breadcrumbs a {
color: inherit !important;
}
.is-cover .yoast-breadcrumbs + h1,
.is-cover .yoast-breadcrumbs + h2 {
margin-top: 0.5em;
} .frontend .is-style-hero {
display: flex;
flex-flow: row wrap;
}
.wp-block-media-text.is-style-hero.is-style-hero-circle {
overflow: hidden;
}
.is-style-hero h1,
.is-style-hero h2 {
margin-block-start: 1rem;
}
.frontend .wp-block-media-text.is-style-hero .wp-block-media-text__content {
flex: 1;
padding-left: 4.5em;
}
@media (min-width: 1856px) {
.frontend .wp-block-media-text.is-style-hero .wp-block-media-text__content {
padding-left: calc((100vw - 1660px) / 2);
}
}
.wp-block-media-text.is-style-hero figure.wp-block-media-text__media {
min-height: 0;
width: 40%;
align-self: stretch;
height: auto;
}
.frontend .wp-block-media-text.is-style-hero:not(.is-style-hero-circle) {
overflow: hidden;
}
.frontend .wp-block-media-text.is-style-hero:not(.is-style-hero-circle) figure.wp-block-media-text__media {
transform: translateY(0) scale(1.2);
transform-origin: center left;
transition: all 1s ease-out;
opacity: 0;
overflow: hidden;
}
@media (max-width: 599px) {
.frontend .wp-block-media-text.is-style-hero:not(.is-style-hero-circle) figure.wp-block-media-text__media {
transform-origin: bottom center;
}
}
.frontend .wp-block-media-text.is-style-hero:not(.is-style-hero-circle).is-in-viewport figure.wp-block-media-text__media,
.frontend.reduced-motion .wp-block-media-text.is-style-hero:not(.is-style-hero-circle).is-in-viewport figure.wp-block-media-text__media {
transform: translateY(0);
opacity: 1;
}
.reduced-motion.frontend .wp-block-media-text.is-style-hero:not(.is-style-hero-circle) figure.wp-block-media-text__media {
transform: translateY(0);
opacity: 1;
transition: all 0s ease-out;
}
.wp-block-media-text.is-style-hero figure.wp-block-media-text__media::before {
content: "";
display: block;
padding-bottom: 100%;
}
.wp-block-media-text.is-style-hero.is-style-hero-circle figure.wp-block-media-text__media {
border-radius: 100%;
transform: scale(1.2) translateX(0) translateY(20%);
}
@media (max-width: 599px) {
.frontend .is-style-hero {
flex-flow: row wrap-reverse;
}
.frontend .is-style-hero.is-style-hero-circle {
flex-flow: row wrap;
}
.frontend .is-style-hero > * {
width: 100% !important;
}
.frontend .wp-block-media-text.is-style-hero .wp-block-media-text__content {
padding: 2em;
}
.wp-block-media-text.is-style-hero.is-style-hero-circle figure {
transform: scale(1.2) translateX(15vw) translateY(6%) !important;
margin-bottom: -20vw !important
}
} .anchor-bar {
background: var(--wp--preset--color--secondary) !important;
transition: all 0.3s ease-out !important;
overflow: auto;
padding-right: 1em;
}
.anchor-bar .wp-block-group {
flex-flow: row;
white-space: nowrap;
}
@media (max-width: 799px) {
.anchor-bar .wp-block-group {
margin-right: 1em !important;
}
}
.contrast-mode .anchor-bar {
border-bottom: 2px solid #222;
}
.is-scrolling.is-scrolling-up .anchor-bar {
top: 5.7em !important;
}
@media (max-width: 599px) {
.is-scrolling.is-scrolling-up .anchor-bar {
top: 5.5em !important;
}
}
.anchor-bar_placeholder {
margin-block-start: 0 !important
}
.anchor-bar .is-layout-flex {
gap: 1.5em;
}
.anchor-bar .is-layout-flex::before {
content: "Inhalt: ";
font-size: clamp(15px, 0.75em, 0.75em);
}
.wp-block-group.anchor-bar {
padding-top: 1.25em !important;
padding-bottom: 1.25em !important;
}
@media (max-width: 599px) {
.wp-block-group.anchor-bar {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
}
.anchor-bar .has-large-font-size {
font-size: 1.1em !important;
line-height: 100%;
}
.entry-content .anchor-bar p > a:only-child,
.entry-content .anchor-bar p > a:only-child:hover,
.entry-content .anchor-bar p > a:only-child:focus {
color: #222 !important;
text-decoration: none;
padding-left: 0.7em;
display: block;
position: relative;
}
.entry-content .anchor-bar p > a:only-child::before {
content: "";
display: block;
width: 0.4em;
height: 0.4em;
border-radius: 100%;
background: #222;
position: absolute;
top: 50%;
left: 0;
opacity: 1;
transform: translateY(-50%);
}
.entry-content .anchor-bar p > a:only-child:hover::before,
.entry-content .anchor-bar p > a:only-child:focus::before {
background: var(--wp--preset--color--primary) !important;
} .textsize-buttons {
gap: 0.2em;
}
@media (min-width: 600px) {
.textsize-buttons {
margin-right: 1em !important;
}
}
@media (min-width: 800px) {
.textsize-buttons {
margin-right: 2.5em !important;
}
}
.textsize-buttons .wp-block-button__link {
background: none !important;
padding: 0 !important;
color: #222 !important;
border: 0 !important
}
.textsize-buttons .js-text-smaller .wp-block-button__link {
font-size: 0.95em !important;
}
.textsize-buttons .js-text-larger .wp-block-button__link {
font-size: 1.05em !important;
}
.textsize-buttons .js-text-reset {
display: none;
}
.is-zoomed .textsize-buttons .js-text-reset {
display: block;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/zoom-reset.svg) no-repeat center;
background-size: auto 80%;
}
.textsize-buttons .js-text-reset .wp-block-button__link {
text-indent: -1000px;
overflow: hidden;
display: inline-block;
width: 1.5em;
} .js-contrast {
position: relative;
cursor: pointer;
width: 38px;
height: 19px;
border: 1px solid #222222;
border-radius: 99px !important;
transition: all 0.2s ease-out;
transition-delay: 0.15s;
background: #fff;
}
@media (max-width: 599px) {
.js-contrast {
width: 2.5em;
height: 1.5em; }
}
.js-contrast.is-active {
background: #4C4C4B;
}
.js-contrast .toggle {
position: absolute;
width: 19px;
height: 19px;
border: 1px solid #222222;
top: -1px;
left: calc(100% + 1px);
transform: translateX(-100%);
border-radius: 99px;
background: #fff;
transition: all 0.3s ease-out;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%);
}
@media (max-width: 599px) {
.js-contrast .toggle {
height: 1.5em;
width: 1.5em;
}
}
.js-contrast.is-active .toggle {
left: -1px;
transform: translateX(0);
} .hero-alt-1  {
display: flex;
flex-flow: row wrap;
position: relative;
justify-content: flex-end;
margin-top: calc(var(--first-level-group-padding) * -1) !important;
height: calc(100% + var(--first-level-group-padding) + var(--first-level-group-padding)) !important
}
.hero-alt-1 .wp-block-group.has-background {
border-radius: 100%;
max-width: 20.5em;
aspect-ratio: 1 / 1;
padding: 3.5em 2.5em 2.5em 7.5em !important;
align-self: center;
margin-right: 0 !important;
}
.hero-alt-1 figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width:calc(100% - 13em);
height: 100%;
z-index: 9;
}
.hero-alt-1 figure img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom right;
}
@media (max-width: 599px) {
.hero-alt-1 {
margin-left: -1em;
width: calc(100% + 3em);
}
.hero-alt-1 .wp-block-group.has-background {
padding: 2.5em 2.5em 1.5em 4.8em !important;
max-width: 17.2em !important;
width: 17.2em !important;
margin-right: -1em !important;
}
.hero-alt-1 figure {
max-width:calc(100% - 11em);
margin-left: -0.5em !important;
}
} .hero-alt-2  {
display: flex;
flex-flow: row wrap;
position: relative;
justify-content: flex-end;
}
.hero-alt-2 .wp-block-group.has-background {
border-radius: 100%;
max-width: 20.5em;
aspect-ratio: 1 / 1;
padding: 3.5em 3em 2.5em 7.5em !important;
align-self: center;
margin-right: 0 !important;
margin-bottom: 1em !important
}
.hero-alt-2 figure {
position: absolute;
bottom: 0;
right: 14em;
width: 40%;
max-width:12em;
aspect-ratio: 1 / 1;
z-index: 9;
background: #fff;
border-radius: 100%;
overflow: hidden;
margin-bottom: -1em !important
}
.hero-alt-2 figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 100%;
}
@media (max-width: 399px) {
.hero-alt-2 .wp-block-group.has-background {
margin-right: -3em !important;
padding: 3.5em 3em 2.5em 5em !important;
}
.hero-alt-2 figure {
right: auto;
left: -1.5em;
width: 45%;
}
} footer {
}
footer h2 {
font-weight: bold;
font-size: 1.2em;
line-height: 120%;
}
footer .wp-block-social-link {
border: 1px solid #fff;
display: block;
border-radius: 100%;
}
@media (min-width: 900px) {
footer .wp-block-social-links {
gap: 0.5em !important;
}
}
footer .wp-block-social-link a {
padding: 0 !important
}
.frontend footer .wp-block-social-link a:only-child {
padding: 0 !important
}
.footer-address {
padding-left: 1.5em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/footer-address.svg) no-repeat top 0.2em left;
background-size: auto 1em;
}
footer .wp-block-social-link svg {
width: 1em !important;
height: 1em !important;
margin: 0.15em !important;
}
footer .wp-block-buttons {
margin-top: 2em;
}
footer > .wp-block-group:first-child p.has-large-font-size:first-child {
margin-top: 1.2em !important;
}
footer > .wp-block-group:last-child {
padding-top: 1em !important;
padding-bottom: 1em !important;
border-top: 1px solid #fff;
}
footer > .wp-block-group:last-child a {
text-decoration: none;
}
@media (max-width: 781px) {
footer .wp-block-column {
margin-top: 3em !important;
}
footer .is-nowrap {
flex-wrap: wrap !important;
}
} .wpcf7 {
max-width: 56.83em !important;
margin-left: auto;
margin-right: auto;
}
.appointment-3 .wpcf7 {
max-width: 100% !important;
}
.wpcf7 .flex {
display: flex;
flex-flow: row wrap;
gap: 2em 0.5em;
}
.wpcf7 .half {
width: 100%;
}
.wpcf7 div[data-id^='group-member'] {
padding: 0.5em;
margin-bottom: 2em;
background: #F3F3F2;
}
.wpcf7 div[data-id^='group-member'] label {
margin-bottom:  0 !important;
}
.wpcf7 div[data-id^='group-member'] + div[data-id^='group-member'] {
margin-top: -1.5em !important;
}
@media (min-width: 600px) {
.wpcf7 .half {
width: calc(50% - 0.25em) !important;
}
.wpcf7 .half .inner-right {
padding-left: 2em;
}
}
.wpcf7 .half:not(.boxed):first-child {
padding-right: 10%;
}
.wpcf7 .boxed {
padding: 2em;
box-shadow: 0 0 0.5em rgba(0,0,0,0.1);
max-width: 100%;
background: #fff;
}
@media (max-width: 599px) {
.wpcf7 .boxed {
padding: 2em 0 0 0;
box-shadow: none; }
}
.wpcf7 .double {
display: flex;
flex-flow: row wrap;
gap: 2.5em;
}
@media (max-width: 450px) {
.wpcf7 .double {
gap: 0;
display: block;
}
}
.wpcf7 .double label,
.wpcf7 .double > div {
flex: 1;
}
div[data-class="wpcf7cf_group"] .double + .double {
margin-top: 2em !important;
}
.wpcf7 label {
margin-bottom: 2em !important;
display: block;
}
@media (max-width: 450px) {
.wpcf7 label {
margin-bottom: 1em !important;
}
}
.wpcf7 .half > label {
margin-bottom: 1.5em !important;
display: block;
}
.wpcf7 p.has-large-font-size {
margin-bottom: 1em !important;
}
.wpcf7 p.has-large-font-size:not(:first-child) {
margin-top: 1.5em !important;
}
.cmplz-marketing .wpcf7 {
display: block;
}
.wpcf7-cookie-alert {
display: block;
border: 0 !important;
border-left: 0.5em solid #dfbd29 !important;
padding: 2em !important;
background: #fff;
box-shadow: 0 0 0.5em rgba(0,0,0,0.1);
font-family: var(--wp--preset--font-family--ui);
}
.cmplz-marketing .wpcf7-cookie-alert {
display: none;
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='phone'],
.wpcf7 input[type='tel'],
.wpcf7 input[type='date'],
.wpcf7 input[type='password'],
.wpcf7 input[type='submit'],
.wpcf7 select,
.wpcf7 textarea,
#mc_embed_signup .mc-field-group input {
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
outline: none;
min-height: 2.3em;
border: none;
border-bottom: 1px solid #8D8D8C;
background: #F3F3F2;
border-radius: 0;
font-family: var(--wp--preset--font-family--ui);
font-size: 1em;
line-height: 120%;
padding: 0.5em 0.5em;
width: 100%;
margin: 0 0 0.5em 0;
}
.wpcf7 textarea {
height: 5em;
}
.contrast-mode .wpcf7 input[type='text'],
.contrast-mode .wpcf7 input[type='email'],
.contrast-mode .wpcf7 input[type='phone'],
.contrast-mode .wpcf7 input[type='tel'],
.contrast-mode .wpcf7 input[type='date'],
.contrast-mode .wpcf7 input[type='password'],
.contrast-mode .wpcf7 select,
.contrast-mode .wpcf7 textarea {
background: #fff;
border: 1px solid #222 !important;
}
.wpcf7 input[type='text']:focus,
.wpcf7 input[type='email']:focus,
.wpcf7 input[type='phone']:focus,
.wpcf7 input[type='tel']:focus,
.wpcf7 input[type='date']:focus,
.wpcf7 input[type='password']:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus
#mc_embed_signup .mc-field-group input:focus {
}
.wpcf7 input[type='submit'],
#mc_embed_signup .button {
background: var(--wp--preset--color--foreground);
color: #fff;
border-width: 0;
font-weight: 600;
width: auto;
padding: 0.75em 2em;
margin-top: 2em
}
.wpcf7 input[type='submit'][disabled] {
background: #ccc;
}
.wpcf7 label,
#mc_embed_signup .mc-field-group label {
font-family: var(--wp--preset--font-family--ui);
line-height: 120%;
font-weight: 400;
}
.wpcf7-list-item {
margin: 0 1em 0 0
}
.wpcf7 p {
margin: 0 !important
}
.wpcf7-not-valid-tip {
font-family: var(--wp--preset--font-family--ui);
margin-top: -0.5em;
padding: 0.5em 1em;
background: #eee;
margin-bottom: 0.5em;
font-size: 0.8em;
line-height: 120%;
}
.wpcf7-form-control.wpcf7-checkbox > *,
.wpcf7-form-control.wpcf7-acceptance > * {
display: block;
width: 100%;
margin-bottom: 0.5em;
font-size: inherit;
}
.wpcf7-form-control.wpcf7-checkbox input[type='checkbox'],
.wpcf7-form-control.wpcf7-acceptance input[type='checkbox'] {
margin: 0 0.5em 0 0 !important;
appearance: none;
-webkit-appearance: none;
font-size: inherit;
border: 2px solid #222222;
width: 1.25em;
height: 1.25em;
transform: translateY(17%);
}
.wpcf7-form-control.wpcf7-checkbox input[type='checkbox']:checked,
.wpcf7-form-control.wpcf7-acceptance input[type='checkbox']:checked {
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/checkbox.svg) no-repeat center;
background-size: 70% auto;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: none;
}
.wpcf7-not-valid {
border-left: 0.25rem solid #c75c5c !important;
padding-left: 0.75rem !important;
}
.wpcf7-response-output {
border: 0 !important;
border-left: 0.5rem solid #dfbd29 !important;
padding: 2rem !important;
background: #fff;
box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);
font-family: var(--wp--preset--font-family--ui);
z-index: 99;
position: relative;
}
.sent .wpcf7-response-output {
border-left-color: #12A25A !important;
} .wp-block-query .wp-block-post.type-post {
background: #F8F7F7;
padding: 1.7em;
}
.wp-block-query .is-latest  .wp-block-post.type-post {
padding: 0 !important;
}
.wp-block-query .wp-block-post.type-post > figure:first-child {
margin-left: -1.7em !important;
width: calc(100% + 3.4em) !important;
margin-top: -1.7em !important;
}
.wp-block-query .wp-block-post.type-post time {
color: #4C4C4B;
padding-left: 1.75em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/calendar.svg) no-repeat center left;
background-size: 1.25em auto;
}
.wp-block-query .wp-block-post.type-post h2,
.wp-block-query .wp-block-post.type-post h3,
.wp-block-query .wp-block-post.type-post h4 {
margin-block-end: 0;
margin-bottom: 0 !important;
}
.wp-block-query .wp-block-post.type-post .wp-block-post-excerpt {
margin-top: 0.5em;
}
.wp-block-query .wp-block-post.type-post h2 a,
.wp-block-query .wp-block-post.type-post h3 a,
.wp-block-query .wp-block-post.type-post h4 a {
text-decoration: none;
color: inherit !important;
} hr {
height: 2px;
background: #C7C5C3;
border: 0 !important;
margin: 8px auto !important;
}
body.search {
}
body.search .wp-block-post.type-kitchenproject .wp-block-post-excerpt__more-text {
display: none;
} body.single-event {
}
body.single-event .wp-block-media-text h1 + p {
margin-top: -1.5em !important
}
body.single-event .is-share-footer {
margin-top: 7em !important;
margin-bottom: 5em !important;
}
.event-meta-holder {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
gap: 2em;
font-size: 1.5em;
line-height: 120%;
margin-bottom: 4em;
}
@media (max-width: 399px) {
.event-meta-holder {
gap: 1em;
font-size: 1.25em;
line-height: 120%;
}
}
@media (min-width: 750px) {
.event-meta-holder > * {
flex: 1;
}
}
.event-meta-holder span.label {
font-weight: bold;
display: inline-block;
width: 4em;
margin-right: 0.5em;
}
.event-meta-holder span.value {
flex: 1;
width: calc(100% - 5em);
display: inline-block;
}
.event-meta-holder p.event-meta-date,
.event-meta-holder p.event-meta-time,
.event-meta-holder p.event-meta-location,
.event-meta-holder p.event-meta-price {
padding-left: 2.15em;
position: relative;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
}
.event-meta-holder p.event-meta-date::before,
.event-meta-holder p.event-meta-time::before,
.event-meta-holder p.event-meta-location::before,
.event-meta-holder p.event-meta-price::before {
content: "";
display: inline-block;
width: 1.4em;
height: 1.4em;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border-radius: 99px;
left: 0;
position: absolute;
top: 0;
transform: translateY(-10%);
}
.event-meta-holder p.event-meta-date::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/event-meta-date.svg) }
.event-meta-holder p.event-meta-time::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/event-meta-time.svg) }
.event-meta-holder p.event-meta-location::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/event-meta-location.svg) }
.event-meta-holder p.event-meta-price::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/event-meta-price.svg) } .wp-block-query .wp-block-post.type-event,
.wp-block-query .wp-block-post.type-training {
background: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
padding: 2em;
}
.wp-block-query .grayscale-events .wp-block-post.type-event,
.wp-block-query .grayscale-events .wp-block-post.type-training {
background: #D7D7D7;
color: #625D5A;
}
.wp-block-post.type-event .wp-block-post-featured-image,
.wp-block-post.type-training .wp-block-post-featured-image {
aspect-ratio: 3 / 2 ;
margin-left: -2em !important;
width: calc(100% + 4em) !important;
margin-top: -2em !important;
}
.wp-block-post.type-event .wp-block-post-featured-image img,
.wp-block-post.type-training .wp-block-post-featured-image img {
height: 100%;
object-fit: cover;
}
.grayscale-events .wp-block-post.type-event .wp-block-post-featured-image img,
.grayscale-events .wp-block-post.type-training .wp-block-post-featured-image img {
filter: grayscale(1);
}
.event-query-subtitle {
margin-top: -1em !important;
margin-bottom: 2em !important;
}
.event-query-meta-holder {
display: flex;
flex-flow: column;
gap: 1em;
}
.wp-block-query .wp-block-post.type-event a,
.wp-block-query .wp-block-post.type-training a,
.wp-block-query .wp-block-post.type-event a:hover,
.wp-block-query .wp-block-post.type-training a:hover {
color: inherit !important;
}
.wp-block-query .wp-block-post.type-event h3 a,
.wp-block-query .wp-block-post.type-training h3 a {
text-decoration: none;
}
.event-query-meta-holder > * {
margin: 0 !important;
}
.event-query-meta-holder .event-meta-date,
.event-query-meta-holder .event-meta-location {
padding-left: 1.7em;
position: relative;
}
.event-query-meta-holder .event-meta-date::before,
.event-query-meta-holder .event-meta-location::before {
content: "";
display: inline-block;
width: 1.25em;
height: 1.25em;
position: absolute;
left: 0;
top: 0;
transform: translateY(0);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.event-query-meta-holder .event-meta-date::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/event-query-date-white.svg); }
.event-query-meta-holder .event-meta-location::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/event-query-location-white.svg); }
.grayscale-events .event-query-meta-holder .event-meta-date::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/event-query-date-gray.svg); }
.grayscale-events .event-query-meta-holder .event-meta-location::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/event-query-location-gray.svg); } @media (min-width: 782px) {
.wide-events .wp-block-post {
margin: 5em 0 !important;
}
.wide-events .wp-block-post + .wp-block-post {
margin-top: 10em !important
}
.wide-events .wp-block-post.type-event:nth-child(odd) > .wp-block-columns,
.wide-events .wp-block-post.type-training:nth-child(odd) > .wp-block-columns {
flex-flow: row-reverse wrap;
}
.wide-events .wp-block-post.type-event .wp-block-post-featured-image,
.wide-events .wp-block-post.type-training .wp-block-post-featured-image {
margin: 0 !important;
width: calc(100% + 2em) !important;
margin: -2em 0 0 -2em !important;
transform: translate(-4em, -4em);
transform-origin: bottom right;
}
.wide-events .wp-block-post.type-event:nth-child(odd) .wp-block-post-featured-image,
.wide-events .wp-block-post.type-training:nth-child(odd) .wp-block-post-featured-image {
margin: -2em -2em 0 0 !important;
transform: translate(4em, -4em);
transform-origin: bottom left;
}
.wide-events .event-query-meta-holder {
display: flex;
flex-flow: row wrap;
gap: 1em 2em;
}
.wide-events .event-query-meta-holder + .wp-block-post-excerpt {
margin-top: 2em;
}
.wide-events .wide-event-content {
max-width: 33em;
margin: 0 auto 0 0;
}
.wide-events .wp-block-post:nth-child(odd) .wide-event-content {
margin: 0 0 0 auto;
}
} .search-results .wp-block-query > ul,
.wp-block-query > ul {
padding-left: 0 !important;
}
.search-results .wp-block-query .wp-block-post+.wp-block-post { padding-top: 2em;
margin-top: 2em;
}
.search-results .wp-block-query .wp-block-post {
border: 0 !important;
}
.wp-block-search__input {
font: inherit;
padding-left: 1em;
padding-right: 1em;
} .meta-bar {
margin-bottom: 0.9em;
}
@media (max-width: 699px) {
.meta-bar {
display: flex !important;
flex-flow: row wrap-reverse !important;
}
.meta-bar > * {
width: 100%;
}
.single hr + .wp-block-group.is-nowrap {
flex-wrap: wrap !important;
}
}
.social-share-buttons {
display: flex;
flex-flow: row wrap;
gap: 0.2em;
align-items: center;
}
.social-share-buttons a {
width: 1.2em;
height: 1.2em;
display: block;
text-indent: -1000px;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.social-share-buttons a.share-facebook { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/share-facebook.svg); }
.social-share-buttons a.share-instagram { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/share-instagram.svg); }
.social-share-buttons a.share-twitter { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/share-twitter.svg); }
.social-share-buttons a.share-linkedin { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/share-linkedin.svg); }
.social-share-buttons a.share-email { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/share-email.svg); }
.social-share-buttons a.share-whatsapp { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/share-whatsapp.svg); }
.social-share-buttons a.share-print { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/share-print.svg); } .readspeaker {
display: none;
}
.readspeaker-activate {
height: 19px;
width: 24px;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/readspeaker.svg) no-repeat center;
background-size: contain;
cursor: pointer;
}
@media (max-width: 599px) {
.readspeaker-activate {
height: 1.8em;
width: 1.8em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/readspeaker.svg) no-repeat center;
background-size: 70% auto;
cursor: pointer;
border-radius: 0;
}
.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
padding-right: 10px !important;
}
.rsbtn .rsbtn_play .rsbtn_right.rsimg {
display: none !important;
}
}
.readspeaker-activate.is-active ~ .readspeaker {
display: block;
} a:where(:not(.wp-element-button)):hover {
color: #005BA6 !important;
}
.has-text-color a:where(:not(.wp-element-button)):hover {
color: inherit !important;
} .entry-content p > a[href*="//"]:not([href*="kueche-schweiz"]):only-child,
.entry-content li > a[href*="//"]:not([href*="kueche-schweiz"]):only-child {
padding-left: 2em !important;
}
.entry-content p > a[href*="//"]:not([href*="kueche-schweiz"]):only-child::before,
.entry-content li > a[href*="//"]:not([href*="kueche-schweiz"]):only-child::before {
width: 1.4em;
height: 1.4em;
background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/link-external.svg);
opacity: 1;
transform: translateY(-50%);
}
.entry-content p > a[href*="facebook.com"]:not([href*="kueche-schweiz"]):only-child::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/link-external-facebook.svg); }
.entry-content p > a[href*="youtube.com"]:not([href*="kueche-schweiz"]):only-child::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/link-external-youtube.svg); }
.entry-content p > a[href*="instagram.com"]:not([href*="kueche-schweiz"]):only-child::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/link-external-instagram.svg); }
.entry-content p > a[href*="linkedin.com"]:not([href*="kueche-schweiz"]):only-child::before { background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/link-external-linkedin.svg); } .entry-content p > a[href*="//"]:not([href*="kueche-schweiz"]):not(:only-child),
.entry-content li > a[href*="//"]:not([href*="kueche-schweiz"]):not(:only-child) {
padding-right: 1em !important;
margin-right: 0.5em;
position: relative;
display: inline-block;
}
.entry-content p > a[href*="//"]:not([href*="kueche-schweiz"]):not(:only-child)::before,
.entry-content li > a[href*="//"]:not([href*="kueche-schweiz"]):not(:only-child)::before {
content: "";
display: block;
position: absolute;
width: 0.8em;
height: 0.8em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/link-external.svg) no-repeat center;
background-size: contain;
opacity: 1;
transform: translateY(-50%);
top: 50%;
right: 0;
} .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
font-size: inherit !important
}
.cmplz-message, .cmplz-categories {
width: 30em !important;
max-width: 100% !important;
}
.cmplz-btn.cmplz-manage-consent {
transform: translateY(200%) !important;
opacity: 0 !important;
}
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
max-width: 100%  !important
}
#cmplz-document p {
font-size: var(--wp--preset--font-size--medium) !important;
line-height: var(--wp--custom--typography--line-height--normal) !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description,
.cmplz-cookiebanner * {
font-size: 1em !important;
line-height: 1.2 !important;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
font-size: 0.8em !important;
line-height: 1.2 !important;
}
.cmplz-cookiebanner .cmplz-icon {
display: flex;
}
@media (max-width: 450px) {
.cmplz-cookiebanner {
z-index: 9999999;
}
.frontend .cmplz-cookiebanner .cmplz-message {
font-size: 14px;
}
.frontend .cmplz-cookiebanner .cmplz-buttons {
display: flex !important;
flex-direction: row !important;
flex-flow: row wrap !important;
}
.frontend .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
.frontend .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
flex: 1;
}
} body.is-embed {
padding-top: 0 !important
}
.is-embed header,
.is-embed footer,
.is-embed #bewerbung {
display: none;
}
body.is-embed .hide-on-embed {
display: none !important;
} .has-background.is-quote-slider {
}
.has-background > .is-quote-slider {
margin-bottom: -4.5em !important;
}
.is-quote-slider .flickity-slider {
display: flex;
align-items: flex-end;
}
.is-quote-slider .wp-block-media-text__content {
align-self: center !important;
}
@media (max-width: 599px) {
.has-background > .is-quote-slider {
margin-bottom: 0 !important;
}
.is-quote-slider .wp-block-media-text__media {
max-width: 50%;
} } .js-scroll-down {
font: inherit;
appearance: none;
-webkit-appearance: none;
background: unset;
color: inherit;
border: 0;
margin-top: 2em !important;
display: flex;
flex-flow: row wrap;
align-items: center;
cursor: pointer;
padding-left: 0;
}
.js-scroll-down svg {
fill: var(--wp--preset--color--background);
margin-right: 0.5em;
height: 1.5em;
width: auto;
transition: all 0.2s ease-out;
}
.js-scroll-down:hover svg,
.js-scroll-down:focus svg {
fill: var(--wp--preset--color--primary)
}
.is-style-hero.has-primary-background-color .js-scroll-down svg,
.is-style-hero.has-quinary-background-color .js-scroll-down svg,
.is-style-hero.has-background-background-color .js-scroll-down svg,
.is-hero.has-primary-background-color .js-scroll-down svg,
.is-hero.has-quinary-background-color .js-scroll-down svg,
.is-hero.has-background-background-color .js-scroll-down svg {
fill: var(--wp--preset--color--foreground);
}
.home .wp-block-cover .pull-up .wp-block-buttons > .js-scroll-down {
position: absolute;
right: 2em;
bottom: 0.7em;
margin-top: 0 !important;
display: none !important;
padding: 0 !important;
}
.home .wp-block-cover .pull-up .wp-block-buttons > .js-scroll-down svg {
position: relative;
z-index: 9;
}
.home .wp-block-cover .pull-up .wp-block-buttons > .js-scroll-down::before {
content: "";
display: block;
width: 1em;
height: 1em;
position: absolute;
top: 50%;
left: 50%;
background: rgb(255,235,0);
background: radial-gradient(circle, rgba(255,235,0,0) 0%, rgba(255,235,0,1) 95%);
transform: translateX(-50%) translateY(-50%);
border-radius: 100%;
animation: pulse 3s 3;
z-index: 1;
}
.home .wp-block-cover .pull-up .wp-block-buttons > .js-scroll-down::after {
content: "";
display: block;
width: 1em;
height: 1em;
position: absolute;
top: 50%;
left: 50%;
background: #222;
transform: translateX(-50%) translateY(-50%);
border-radius: 100%;
z-index: 2;
}
@keyframes pulse {
0% {
transform:  translateX(-50%) translateY(-50%) scale(1);
}
30% {
opacity: 1;
background: rgb(255,235,0);
background: radial-gradient(circle, rgba(255,235,0,0) 0%, rgba(255,235,0,1) 95%);
}
60% {
transform:  translateX(-50%) translateY(-50%) scale(5);
opacity: 0;
}
100% {
transform:  translateX(-50%) translateY(-50%) scale(1);
opacity: 0;
}
}
@media (min-width: 600px) {
.home .wp-block-cover .pull-up .wp-block-buttons > .js-scroll-down {
display: flex !important;
}
}
.home .wp-block-cover .pull-up .wp-block-buttons > .js-scroll-down svg {
fill: var(--wp--preset--color--primary);
margin-right: 0;
}
.home .wp-block-cover .pull-up .wp-block-buttons > .js-scroll-down span {
display: none;
}
@media (max-width: 599px) {
.entry-content > .wp-block-group.has-background :where(.wp-block-group.has-background) {
padding: 1em
} .entry-content > .wp-block-group.has-background-background-color > .wp-block-group.has-background-background-color {
padding: 0 !important;
}
.entry-content > .wp-block-group.has-background-background-color > .has-background:not(.has-background-background-color) {
margin-left: -1em !important;
width: calc(100% + 2em) !important;
}
.wp-block-gallery > figure,
.wp-block-gallery.flickity-enabled figure {
width: 100% !important
}
.wp-block-gallery.flickity-enabled figure {
min-height: 100%;
}
.wp-block-gallery.flickity-enabled figure img {
object-fit: cover;
}
.wp-block-gallery.flickity-enabled figure a {
pointer-events: none;
}
.wp-block-table.is-style-stripes {
overflow: scroll;
}
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
width: 10em;
}
} .wp-block-table.is-style-transparent table,
.wp-block-table.is-style-transparent table * {
border: 0 !important;
}
.wp-block-gallery figure > a {
cursor: zoom-in;
position: relative;
}
.wp-block-gallery figure > a::before {
content: "";
display: block;
position: absolute;
top: 0.6em;
right: 0.6em;
width: 1.3em;
height: 1.3em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/gallery-zoom-in.svg) no-repeat center;
background-size: contain;
z-index: 9;
pointer-events: none;
transition: all 0.3s ease-out;
opacity: 0;
}
.wp-block-gallery figure > a:hover::before,
.wp-block-gallery figure > a:focus::before {
opacity: 1;
}
@media print {
header,
header .wp-block-group {
background: #fff !important;
}
footer::after {
padding: 1em 2em;
display: block;
content: "" attr(data-url) "\A Datum: " attr(data-date);
white-space: pre-wrap;
}
header > .wp-block-group:nth-child(2) {
position: relative;
}
header > .wp-block-group:nth-child(2)::before {
display: block;
content: attr(data-company);
color: #222;
position: absolute;
left: 6rem;
top: 1em;
z-index: 9999;
font-weight: bold;
font-size: 1.3em;
line-height: 1.2;
}
header > .wp-block-group:nth-child(2)::after {
display: block;
content: attr(data-contact);
color: #222;
position: absolute;
left: 6rem;
top: 2.7em;
z-index: 9999;
font-size: 1.1em;
line-height: 1.2;
}
@media (min-width: 800px) {
header > .wp-block-group:nth-child(2)::before,
header > .wp-block-group:nth-child(2)::after {
left: 9rem;
}
}
body {
padding-top: 0 !important;
}
.frontend header.wp-block-template-part {
position: relative;
opacity: 1 !important;
transform: none !important;
}
header .meta-header,
header .main-header,
.js-scroll-down,
.yoast-breadcrumbs,
.wp-block-embed.is-type-video,
.entry-content > .anchor-bar,
.flickity-button,
.flickity-page-dots {
display: none !important;
}
.entry-content > *,
.entry-content > .pull-up,
.entry-content > .anchor-bar {
transform: translateY(0) translateZ(0) !important;
opacity: 1 !important; }
.frontend .entry-content > .random-cover .wp-block-cover:first-child {
height: 60vw !important;
min-height: 60vw !important;
max-height: 60vw !important;
}
.wp-block-columns.counter-holder-columns {
display: flex !important;
flex-flow: row wrap !important;
gap: 1em;
}
.wp-block-columns.counter-holder-columns .wp-block-column {
flex-basis: calc(33.33% - 0.667em) !important
}
.hero-box {
page-break-inside:avoid;
}
.flickity-viewport {
overflow: visible !important;
height: auto !important;
}
.flickity-slider {
transform: none !important;
position: relative !important;
display: flex !important;
flex-flow: row wrap !important;
gap: 2em 1em !important;
}
.flickity-slider > *,
.is-style-row-3 .flickity-slider > *{
width: calc(50% - 3em) !important;
position: relative !important;
left: unset !important;
}
.is-quote-slider .flickity-slider > *,
.is-quote-slider .is-style-row-3 .flickity-slider > *{
width: 100% !important;
position: relative !important;
left: unset !important;
}
}
.invisible {
pointer-events: none;
position: absolute;
opacity: 0;
} .wp-block-columns.newsletter-columns {
gap: 2em;
}
@media (max-width: 999px) {
.wp-block-columns.newsletter-columns {
display: flex;
flex-flow: column wrap;
gap: 2em;
}
}
@media (min-width: 1000px) {
.wp-block-columns.newsletter-columns {
gap: 6em;
}
}
.menu-holder {
cursor: pointer;
position: relative;
}
.newsletter-holder {
cursor: pointer;
position: relative;
}
.newsletter-holder form {
position: relative;
max-width: 20em;
margin-left: 0 !important;
margin-right: auto;
}
.newsletter-holder p {
display: none;
}
.newsletter-holder .boxed {
background: #fff;
z-index: 99;
}
.newsletter-holder form::before {
content: "";
display: block;
width: 16.5em;
height: 16.5em;
background: var(--wp--preset--color--primary) !important;
position: absolute;
z-index: 0;
right: 0;
top: 50%;
transform: translateX(50%) translateY(-50%);
border-radius: 100%;
transition: all 0.3s ease-out;
}
.newsletter-holder form::after {
content: "";
display: block;
width: 3.125em;
height: 3.125em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/paperplane.svg) no-repeat center;
background-size: contain;
position: absolute;
z-index: 0;
right: 0;
top: 50%;
transform: translateX(160%) translateY(-60%);
transition: all 0.3s ease-out;
}
@media (min-width: 600px) {
.newsletter-holder:hover form::before,
.newsletter-holder:focus form::before {
width: 27em;
height: 27em;
transform: translateX(60%) translateY(-80%);
}
.newsletter-holder:hover form::after,
.newsletter-holder:focus form::after {
top: 3em;
}
}
.newsletter-holder p {
position: absolute;
opacity: 0;
top: 5em;
width: 28%;
max-width: 9em;
left: 22em;
transition: all 0.3s ease-out;
transform: translateX(-5em);
display: block;
}
@media (min-width: 600px) {
.newsletter-holder:hover p,
.newsletter-holder:focus p {
opacity: 1;
transform: translateX(0);
}
}
@media (max-width: 599px) {
.newsletter-holder::after {
content: "";
display: block;
width: 100%;
height: 5em;
}
.newsletter-holder form::before {
top: auto;
bottom: 0;
left: 0;
right: auto;
transform: translateX(-50%) translateY(50%);
width: 35em;
height: 35em;
}
.newsletter-holder form::after {
bottom: 0;
top: auto;
left: 0;
transform: translateY(120%) scale(1.2);
}
.newsletter-holder p {
transform: unset;
opacity: 1;
position: relative;
margin: 4.5em 0 0 2em !important;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 11em;
max-width: 11em;
}
}
.lightboxOverlay {
background: #fff !important;
z-index: 9999999 !important;
opacity: 0.9 !important;
cursor: zoom-out;
}
.lightbox {
z-index: 99999999 !important;
cursor: zoom-out;
}
.lightbox .lb-outerContainer {
cursor: default;
}
.wp-block-gallery.is-1-1 figure img { aspect-ratio: 1 / 1 !important; object-fit: cover !important; }
.wp-block-gallery.is-3-2 figure img { aspect-ratio: 3 / 2 !important; object-fit: cover !important; }
.wp-block-gallery.is-4-3 figure img { aspect-ratio: 4 / 3 !important; object-fit: cover !important; }
.wp-block-gallery.is-16-9 figure img { aspect-ratio: 16 / 9 !important; object-fit: cover !important; } .wp-block-gallery.is-style-slider {
}
.wp-block-gallery.is-style-slider figure img {
aspect-ratio: 3 / 2;
}
.wp-block-gallery.is-style-slider figure {
width: 100% !important;
padding: 0 1em !important;
}
@media (min-width: 600px) {
.wp-block-gallery.is-style-slider figure {
width: 50% !important;
}
}
@media (min-width: 800px) {
.wp-block-gallery.is-style-slider figure {
width: 33.33% !important;
}
}
.grecaptcha-badge { visibility: hidden; }
p.recaptcha-policies {
position: static !important;
opacity: 0.7 !important;
top: 0;
left: 0;
transform: none;
max-width: 100%;
width: 100%;
font-size: 0.8em;
line-height: 120%;
}
p.recaptcha-policies:hover {
opacity: 1 !important
}
.otgs-development-site-front-end {
display: none;
} .wp-block-query li.type-kitchenbuilder:nth-child(even) {
}
@media (min-width: 600px) {
.wp-block-query li.type-kitchenbuilder:nth-child(even) .partner-query-item .wp-block-columns,
.wp-block-query li.type-devicemanufacturer:nth-child(even) .partner-query-item .wp-block-columns,
.wp-block-query li.type-kitchensuppliers:nth-child(even) .partner-query-item .wp-block-columns,
.wp-block-query li.type-sinkmanufacturer:nth-child(even) .partner-query-item .wp-block-columns {
flex-flow: row-reverse wrap;
}
}
.wp-block-query li.type-kitchenbuilder .partner-query-item .wp-block-columns,
.wp-block-query li.type-devicemanufacturer .partner-query-item .wp-block-columns,
.wp-block-query li.type-sinkmanufacturer .partner-query-item .wp-block-columns,
.wp-block-query li.type-kitchensuppliers .partner-query-item .wp-block-columns {
gap: 0 !important;
}
@media (max-width: 599px) {
.wp-block-query li.type-kitchenbuilder .partner-query-item .wp-block-post-featured-image,
.wp-block-query li.type-devicemanufacturer .partner-query-item .wp-block-post-featured-image,
.wp-block-query li.type-sinkmanufacturer .partner-query-item .wp-block-post-featured-image,
.wp-block-query li.type-kitchensuppliers .partner-query-item .wp-block-post-featured-image {
margin-bottom: 1em !important;
}
}
@media (min-width: 600px) {
.wp-block-query li.type-kitchenbuilder .partner-query-item .wp-block-columns .wp-block-column:nth-child(2),
.wp-block-query li.type-devicemanufacturer .partner-query-item .wp-block-columns .wp-block-column:nth-child(2),
.wp-block-query li.type-sinkmanufacturer .partner-query-item .wp-block-columns .wp-block-column:nth-child(2),
.wp-block-query li.type-kitchensuppliers .partner-query-item .wp-block-columns .wp-block-column:nth-child(2) {
padding-left: 7.7em;
}
.wp-block-query li.type-kitchenbuilder:nth-child(even) .partner-query-item .wp-block-columns .wp-block-column:nth-child(2),
.wp-block-query li.type-devicemanufacturer:nth-child(even) .partner-query-item .wp-block-columns .wp-block-column:nth-child(2),
.wp-block-query li.type-sinkmanufacturer:nth-child(even) .partner-query-item .wp-block-columns .wp-block-column:nth-child(2),
.wp-block-query li.type-kitchensuppliers:nth-child(even) .partner-query-item .wp-block-columns .wp-block-column:nth-child(2) {
padding-right: 7.7em;
padding-left: 0;
}
.wp-block-query li.type-kitchenbuilder .partner-query-item,
.wp-block-query li.type-devicemanufacturer .partner-query-item,
.wp-block-query li.type-sinkmanufacturer .partner-query-item,
.wp-block-query li.type-kitchensuppliers .partner-query-item {
margin-bottom: 7.7em !important;
}
}
.js-show-all-partners {
margin-top: 1em !important;
display: inline-block;
}
#servicepartner-map {
aspect-ratio: 2 / 1;
background: #efefef;
}
#pac-input {
font: inherit;
background: #EFEFEF url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/pac-search.svg) no-repeat center left 1em;
background-size: 1em auto;
width: 100%;
padding: 0.75em 1em 0.75em 2.5em;
outline: 0;
border: 0;
border-bottom: 1px solid #8E8E8E;
appearance: none;
-webkit-appearance: none;
}
@media (min-width: 782px) {
#pac-input {
width: calc(100% - 7.7em);
}
}
.dropdown {
width: 100%;
}
@media (min-width: 782px) {
.dropdown {
width: calc(100% - 7.7em);
}
}
.dropdown-header {
background: #DEDDDD;
padding: 0.75em 2.5em 0.75em 1em;
cursor: pointer;
transition: all 0.2s ease-out;
position: relative;
}
.dropdown-header:hover {
background: #dadada;
}
.dropdown-header::before {
content: "";
display: block;
position: absolute;
width: 0.85em;
height: 0.85em;
top: 50%;
right: 1em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/dropdown-arrows.svg) no-repeat center;
background-size: contain;
margin-top: -0.375em;
transform: rotate(180deg);
transition: all 0.2s ease-out;
}
.dropdown.is-open .dropdown-header::before {
transform: rotate(0deg);
}
.dropdown-options {
display: none;
background: #F2F2F2;
padding: 0.75em 1em;
}
.dropdown.is-open .dropdown-options {
display: block;
}
.dropdown.is-open .dropdown-options .dropdown-option {
padding-left: 1.5em;
position: relative;
cursor: pointer;
}
.dropdown.is-open .dropdown-options .dropdown-option::before {
content: "";
display: block;
width: 0.8em;
height: 0.8em;
border: 2px solid;
position: absolute;
left: 0;
top: 0.2em;
}
.dropdown.is-open .dropdown-options .dropdown-option:hover::before {
background: #ccc;
}
.dropdown.is-open .dropdown-options .dropdown-option.is-active::before {
background: #222;
}
.dropdown.is-open .dropdown-options .dropdown-option + .dropdown-option {
margin-top: 1em;
}
.partner-logo-holder {
width: 100%;
max-width: 13.7em;
height: auto;
}
.partner-logo-holder figure,
.partner-logo-holder figure img {
width: 100%;
max-width: 100%;
height: auto;
}
.partner-contact-holder {
width: 100%;
max-width: 13.7em;
height: auto;
}
.partner-contact-holder h3 {
margin-bottom: 1em;
}
.partner-contact-holder p {
margin-block-start: 0.5em;
}
.partner-location-holder {
width: 100%;
height: auto;
margin-right: auto !important;
}
.is-address,
.is-phone,
.is-mail,
.is-url {
display: flex;
flex-flow: row wrap;
}
.is-address svg,
.is-phone svg,
.is-mail svg,
.is-url svg {
fill: currentColor;
width: 1.15em;
height: 1.15em;
}
.is-address > span,
.is-phone > span,
.is-mail > span,
.is-url > span {
display: block;
flex: 1;
margin-left: 0.7em;
}
.editor-info {
border: 1px dashed #222;
padding: 2em;
}
#loginform,
#reset_password_form {
max-width: 500px;
}
#loginform label,
#reset_password_form label {
display: block;
margin-bottom: 0.25em;
font-weight: bold;
}
#loginform input[type="text"],
#reset_password_form input[type="text"],
#loginform input[type="password"] {
width: 100%;
font: inherit;
padding: 0.75em 1em;
border: 1px solid;
outline: none;
appearance: none;
-webkit-appearance: none;
}
#loginform input[type="submit"],
#reset_password_form input[type="submit"] {
cursor: pointer;
font: inherit;
padding: 0.75em 2em;
border: 2px solid;
width: auto;
background: #222;
color: #fff;
font-weight: bold;
appearance: none;
-webkit-appearance: none;
}
#loginform input[type="submit"]:hover,
#reset_password_form input[type="submit"]:hover {
border: 2px solid;
background: none;
color: #222;
} .shop-query > ul {
gap: 3em 1em;
}
.shop-query > ul > li {
margin-top: 0
}
.shop-cart {
}
.wp-block-column .shop-cart {
margin-right: 3em;
}
.shop-cart + .wpcf7 {
margin-top: 3em;
display: none;
}
.shop-cart-total {
border-top: 2px solid #222;
padding: 0.5em 0;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.wpcf7 textarea[name='shop-order'] {
display: none;
}
.empty-cart-message {
padding: 0.5em 0;
}
.shop-item {
display: flex;
flex-flow: row wrap;
border-bottom: 1px solid #222;
}
.shop-item .shop-item-title {
flex: 1;
}
.shop-item .shop-item-title,
.shop-item .shop-item-cart,
.shop-item .shop-item-price-member,
.shop-item .shop-item-price-non-member,
.shop-cart-items .shop-item-price {
padding: 0.5em 1em;
}
span.shop-item-price {
display: inline-block;
padding: 0 !important;
}
.shop-item .shop-item-title {
padding-left: 0;
}
.shop-item .wp-block-post-excerpt {
display: none;
}
.shop-query .shop-item .wp-block-post-excerpt {
display: block !important;
width: 100%;
margin-top: -0.5em;
}
.shop-query .shop-item .shop-item-title {
padding: 0;
font-weight: bold;
font-size: 1.1em;
line-height: 1.2;
width: 100%;
min-height: 2.4em;
flex: unset;
margin-bottom: 0.5em;
}
.shop-query .shop-item {
padding-bottom: 0.5em;
}
.shop-query .shop-item .shop-item-price {
padding-left: 0;
}
.shop-item .shop-item-cart {
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/cart-add.svg) no-repeat center left 0.5em;
background-size: 1.2em auto;
width: auto;
align-self: center;
cursor: pointer;
color: #222;
border: 2px solid #222;
transition: all 0.2s ease-out;
padding: 0.5em 0.5em 0.5em 2em;
position: relative;
font-size: 0.8em;
line-height: 1.1;
margin-left: auto;
}
.shop-item .shop-item-cart.js-remove-from-cart {
background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/cart-remove.svg);
background-size: contain;
border: 0;
width: 1em;
height: 1em;
}
.shop-item .shop-item-cart.js-add-to-cart::before {
content: attr(data-text-add)
}
.shop-item .shop-item-cart.js-add-to-cart:hover {
background-color: #222;
background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/cart-add-white.svg);
color: #fff;
} .wp-block-post.type-exhibitionkitchen .wp-block-post-title a {
text-decoration: none;
}
.wp-block-post.type-exhibitionkitchen .wp-block-post-title + .price-offer {
margin-top: -1em
}
.wp-block-post.type-exhibitionkitchen .wp-block-post-featured-image img {
aspect-ratio: 16 / 9;
object-fit: cover;
}
body.single .price-offer {
font-size: 1.1em;
line-height: 1.2;
}
.price-now {
color: #067944;
font-weight: bold;
}
.price-original {
color: #8c0a25
}
.partner-logos-holder {
color: var(--wp--preset--color--background);
background: var(--wp--preset--color--foreground);
transition: all 0.2s ease-out !important;
}
.partner-logos-holder:hover {
color: var(--wp--preset--color--foreground);
background: #f7f7f7;
}
.partner-logos-holder .partner-logos {
display: flex;
flex-flow: row wrap;
gap: 1em;
align-items: center;
margin-top: 1em !important;
}
.partner-logos-holder .partner-logos .partner-logo {
flex: 1;
aspect-ratio: 2 / 1;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.partner-logos-holder .partner-logos .partner-logo.is-main-partner {
flex: 1.5;
aspect-ratio: 2 / 1;
}
.partner-logos-holder .partner-logos-color {
display: none;
}
.partner-logos-holder:hover .partner-logos-color {
display: flex;
}
.partner-logos-holder:hover .partner-logos-white {
display: none;
}
@media (max-width: 599px) {
.partner-logos-holder .partner-logos {
gap: 1em;
justify-content: space-between;
}
.partner-logos-holder .partner-logos .partner-logo {
order: 1;
flex: unset;
width: calc(50% - 0.5em);
aspect-ratio: 2 / 1;
}
.partner-logos-holder .partner-logos .partner-logo.is-main-partner {
order: 0;
flex: unset;
width: calc(70% - 0.5em);
margin: 0 auto;
aspect-ratio: 2 / 1;
}
}
.partner-logo.fade-in {
opacity: 1 !important;
transition: opacity 0.5s ease-out;
}
.no-underlines a {
text-decoration: none !important;
} .flyout {
position: fixed;
background: #625D5A;
color: #fff;
top: 30%;
right: 0;
z-index: 999;
display: block;
padding: 0.6em 1em;
transform: translateX(calc(100% - 3em));
transition: all 0.2s ease-out;
}
.overlay-nav-open .flyout {
transform: translateX(100%);
}
.flyout:hover {
right: 0;
transform: translateX(0%);
}
.flyout::before {
content: "";
display: block;
position: absolute;
top: -0.85em;
left: 0;
height: 0.6em;
width: 100%;
background: #D20F37;
}
.flyout a {
display: none;
border-bottom: 0;
text-decoration: none;
position: relative;
text-indent: 2em;
padding-left: 1.4em;
color: inherit !important;
}
.flyout a:nth-child(1) {
display: block;
}
.flyout:hover a {
display: block;
text-indent: 0;
}
.flyout a.is-contact::before,
.flyout a.is-news::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/flyout-contact.svg) no-repeat center;
background-size: contain;
transform: translateY(15%);
position: absolute;
left: 0;
top: 0;
}
.flyout a.is-news::before {
background-image: url(//kueche-schweiz.ch/app/themes/kuecheschweiz/assets/images/flyout-news.svg)
}
.contact-map-holder {
flex: 1;
min-width: 300px;
}
#filebird-document-library table {
--fb-list-icon-size: 1.5rem
}
#filebird-document-library .fbdl-nested-folders,
#filebird-document-library ul.fbdl-breadcrumb,
#filebird-document-library ul.fbdl-breadcrumb li:nth-child(1)>ul,
#filebird-document-library ul.fbdl-breadcrumb ul.fbdl-breadcrumb-menu,
#filebird-document-library ul.fbdl-breadcrumb ul[role=menuitem],
#filebird-document-library ul.fbdl-breadcrumb li:nth-child(1)>ul>li span {
padding-left: 0 !important;
}
#filebird-document-library ul.fbdl-breadcrumb li:nth-child(1)>ul,
#filebird-document-library ul.fbdl-breadcrumb li:nth-child(1)>ul>li {
background: none !important
}
#filebird-document-library div.fbdl-search-control .fbdl-input-search input {
border-radius: 0 !important
}
#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table tr th,
#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table tr {
box-shadow: none !important;
border-radius: 0 !important
}
#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table tr td.fbdl-list-last-item a {
color: #fff !important;
border-radius: 0 !important;
}
#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table tr td {
border-radius: 0 !important;
}
#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table {
-webkit-border-vertical-spacing: 0 !important;
}
#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table tr td {
border: 0 !important;
border-bottom: 1px solid #ddd !important;
}
#filebird-document-library .fbdl-nested-folders-item {
border-radius: 0 !important;
border: 1px solid #625D5A !important;
box-shadow: none !important;
color: #625D5A;
}
#filebird-document-library .fbdl-nested-folders-item:hover {
background: #625D5A;
}
#filebird-document-library .fbdl-nested-folders-item>i {
color: #625D5A;
}
#filebird-document-library .fbdl-nested-folders-item:hover>i {
color: #fff;
}
#filebird-document-library div.fbdl-layout-control .fbdl-layout-control-wrapper .fbdl-layout-control-limit input {
border-radius: 0 !important;
}
#filebird-document-library div.fbdl-search-control .fbdl-title svg path {
fill: #625D5A !important;
}
.fbdl-layout-control-wrapper {
display: none !important;
}
ul.fbdl-nested-folders:not(:empty)  ~ .fbdl-spinner .fbdl-empty {
display: none;
}
.kitchenproject-query li.wp-block-post figure + h2,
.kitchenproject-query li.wp-block-post figure + h3 {
margin-block-start: 0.5em !important;
}
.has-active-taxfilter .wp-block-query-pagination {
display: none;
}
.inspiration-holder {
display: flex;
flex-flow: row wrap;
gap: 2em;
}
.inspiration-holder > .inspiration-item {
display: flex;
position: relative;
justify-content: center;
align-items: center;
padding: 2em;
width: 100%;
aspect-ratio: 4 / 3;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: all 0.2s ease-out;
text-decoration: none;
}
@media (min-width: 600px) {
.inspiration-holder > .inspiration-item {
width: calc(50% - 2em);
}
}
@media (min-width: 800px) {
.inspiration-holder > .inspiration-item {
width: calc(33.33% - 1.34em);
}
}
.inspiration-holder > .inspiration-item::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #625D5A;
opacity: 0;
z-index: 9;
transition: all 0.2s ease-out;
}
.inspiration-holder > .inspiration-item:hover {
transform: scale(1.1);
}
.inspiration-holder > .inspiration-item:hover {
transform: scale(1.1);
}
.inspiration-holder > .inspiration-item:hover::before {
opacity: 0.9;
}
.inspiration-holder > .inspiration-item h3 {
opacity: 0;
transition: all 0.2s ease-out;
text-align: center;
color: #fff;
position: relative;
z-index: 99;
}
.inspiration-holder > .inspiration-item:hover h3 {
opacity: 1;
}  .shop-query .shop-item-quantity-change {
display: none;
}
.shop-item-quantity-change {
display: flex;
align-items: center;
min-width: 90px;
}
@media (max-width: 800px) {
.shop-item-quantity-change {
width: 100%;
order: 4;
margin-bottom: 10px;
}
}
.shop-item-quantity-control {
display: flex;
align-items: center;
justify-content: center;
background: #f3f3f2;
height: 30px;
width: 20px;
cursor: pointer;
}
.shop-item-quantity {
margin: 0px 10px;
font-size: 16px;
font-weight: 700;
}
.shop-cart-porto {
font-size: 0.8em;
}
.kch-block-swiss-kitchen-award-teaser {
position: absolute;
top: 20vh;
right: 15%;
z-index: 10;
}
.kch-block-swiss-kitchen-award-teaser img {
height: 410px;
width: auto;
}
@media (min-width: 599px) and (max-height: 1100px) {
.kch-block-swiss-kitchen-award-teaser {
right: 10%;
}
.kch-block-swiss-kitchen-award-teaser img {
height: 340px;
}
}
@media (max-width: 1100px) {
.kch-block-swiss-kitchen-award-teaser img {
height: 340px;
}
}
@media (max-width: 599px) {
.kch-block-swiss-kitchen-award-teaser {
top: 28vh;
right: 15%;
}
.kch-block-swiss-kitchen-award-teaser img {
height: 160px;
}
}
.page-id-18431 .is-style-download svg,
.page-id-20141 .is-style-download svg {
display: none !important;
}
@media (min-width: 800px) {
.partner-location-list.show-as-grid {
display: flex;
flex-flow: row wrap;
gap: 2em;
}
.partner-location-list.show-as-grid > * {
width: calc(50% - 1em);
margin: 0;
}
}