/**
 * Button Reset
 *
 */
/**
 * Size
 *
 */
/**
 * Block Cover
 * Creates a block that covers the full width/height of parent div. Typically used on a :before pseudo element
 */
/**
 * Placeholder Color
 *
 */
/**
 * Clearfix
 *
 */
/**
 * Font Sizes
 *
**/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
*/
/* Grouping content
	========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
	========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
	========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

figure {
  margin: 0;
}

/* Box Sizing
--------------------------------------------- */
html,
input[type=search] {
  box-sizing: border-box;
}

body {
  background-color: var(--wp--preset--color--light-grey);
}
@media (max-width: 359px) {
  body {
    --wp--custom--layout--padding: 10px;
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* Wrap
--------------------------------------------- */
a {
  text-decoration: none;
  font-weight: normal;
  color: var(--wp--preset--color--foreground);
}
a:hover {
  text-decoration: underline;
}

p a {
  font-weight: 600;
}

:-webkit-any(article, aside, nav, section, div) h1,
:-webkit-any(article, aside, nav, section, div) h2:not(.wp-block-heading) {
  margin-block-start: 0.83em !important;
  margin-block-end: 0.83em !important;
}

/* Wrap
--------------------------------------------- */
.wrap {
  max-width: var(--wp--custom--layout--wide);
  margin: 0 auto;
}

.site-inner {
  max-width: calc(var(--wp--custom--layout--wide));
  /*+ calc(2 * var(--wp--custom--layout--padding))); */
  margin: 0 auto;
  padding-left: calc(2 * var(--wp--custom--layout--padding));
  padding-right: calc(2 * var(--wp--custom--layout--padding));
}

body.full-width-content {
  --wp--custom--layout--page: var(--wp--custom--layout--wide);
}

/* Screen Reader Text
--------------------------------------------- */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus {
  clip: auto !important;
  height: auto;
  width: auto;
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding: 15px 23px 14px;
  color: #333;
  background: #fff;
  z-index: 100000;
  /* Above WP toolbar. */
  text-decoration: none;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

/* Sidebar Layouts
--------------------------------------------- */
@media (max-width: 991px) {
  .sidebar-primary {
    padding-top: var(--wp--custom--layout--padding-large);
    padding-bottom: var(--wp--custom--layout--padding-large);
  }
}
@media (min-width: 992px) {
  .content-sidebar .content-area {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--wp--custom--layout--sidebar);
    grid-column-gap: var(--wp--custom--layout--block-gap-large);
    max-width: var(--wp--custom--layout--wide);
    margin-left: auto;
    margin-right: auto;
    background: var(--wp--preset--color--background);
    padding-left: var(--wp--custom--layout--padding);
    padding-right: var(--wp--custom--layout--padding);
  }
  .content-sidebar .site-main {
    float: none;
    width: 100%;
    max-width: var(--wp--custom--layout--content);
  }
  .content-sidebar .sidebar-primary {
    float: none;
    width: 100%;
    margin-bottom: 48px;
  }
  .content-sidebar .sidebar-primary h4 {
    margin-block-start: 0;
    margin-block-end: 0;
  }
  .content-sidebar .sidebar-primary .block-area {
    border-left: 1px solid #efefef;
    padding-left: 1rem;
  }
}
/* Navigation */
.primary-nav-container {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
}

/* Main */
.site-inner {
  background: #fff;
  padding: var(--wp--custom--layout--block-gap-large) var(--wp--custom--layout--padding) calc(2 * var(--wp--custom--layout--block-gap-large));
}

/* Utilities */
.entry-content > p,
.entry-content > .wp-block-group > p {
  text-align: justify;
}

.w-100 {
  width: 100% !important;
}

/* Heading
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block-end: var(--wp--style--block-gap);
}

/* Image
--------------------------------------------- */
img {
  display: block;
  max-width: 100%;
  height: auto;
}
img.emoji {
  max-width: 16px;
  display: inline-block;
}
img.alignleft {
  float: left;
  margin: 0 var(--wp--style--block-gap) var(--wp--style--block-gap) 0;
  max-width: calc(var(--wp--custom--layout--content) / 2);
}
img.alignright {
  float: right;
  margin: 0 0 var(--wp--style--block-gap) var(--wp--style--block-gap);
  max-width: calc(var(--wp--custom--layout--content) / 2);
}
img.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

figure.wp-caption {
  max-width: 100%;
}

.wp-block-image figcaption {
  font-size: var(--wp--preset--font-size--small);
  text-align: center;
}
@media (min-width: 601px) {
  .wp-block-image.alignleft {
    float: left;
    margin: var(--wp--style--block-gap) var(--wp--style--block-gap) var(--wp--style--block-gap) 0;
    max-width: 48vw;
  }
  .wp-block-image.alignright {
    float: right;
    margin: var(--wp--style--block-gap) 0 var(--wp--style--block-gap) var(--wp--style--block-gap);
    max-width: 48vw;
  }
}
@media (min-width: 768px) {
  .content .entry-content > .wp-block-image.alignleft, .content .block-area > .wp-block-image.alignleft {
    max-width: calc(var(--wp--custom--layout--content) / 2);
    margin-left: calc((100vw - var(--wp--custom--layout--content)) / 2);
  }
  .content .entry-content > .wp-block-image.alignright, .content .block-area > .wp-block-image.alignright {
    max-width: calc(var(--wp--custom--layout--content) / 2);
    margin-right: calc((100vw - var(--wp--custom--layout--content)) / 2);
  }
}
@media (min-width: 1200px) {
  .full-width-content .entry-content > .wp-block-image.alignleft, .full-width-content .block-area > .wp-block-image.alignleft {
    max-width: calc(var(--wp--custom--layout--wide) / 2);
    margin-left: calc((100vw - var(--wp--custom--layout--wide)) / 2);
  }
  .full-width-content .entry-content > .wp-block-image.alignright, .full-width-content .block-area > .wp-block-image.alignright {
    max-width: calc(var(--wp--custom--layout--wide) / 2);
    margin-right: calc((100vw - var(--wp--custom--layout--wide)) / 2);
  }
}

/* Separator
--------------------------------------------- */
.wp-block-separator {
  background: var(--wp--preset--color--foreground);
  border: none;
  height: 1px;
  padding: 0;
  margin-top: var(--wp--custom--layout--block-gap-large);
  margin-bottom: var(--wp--custom--layout--block-gap-large);
}
.wp-block-separator.has-background {
  padding: 0;
}

/* Button
--------------------------------------------- */
.wp-element-button,
.wp-block-button > .wp-block-button__link {
  display: inline-block;
}
.wp-element-button.has-background,
.wp-block-button > .wp-block-button__link.has-background {
  padding: 11px 16px;
}
.wp-element-button:hover, .wp-element-button:focus,
.wp-block-button > .wp-block-button__link:hover,
.wp-block-button > .wp-block-button__link:focus {
  filter: brightness(85%);
}

.wp-element-button.is-style-outline,
.wp-block-button.is-style-outline > .wp-block-button__link {
  border: 1px solid currentColor;
  padding: 10px 15px;
}
.wp-element-button.is-style-outline.has-background,
.wp-block-button.is-style-outline > .wp-block-button__link.has-background {
  padding: 10px 15px;
}
.wp-element-button.is-style-outline:not(.has-background),
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background) {
  background: var(--wp--preset--color--background);
}
.wp-element-button.is-style-outline:not(.has-text-color),
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
  color: var(--wp--preset--color--primary);
}

/* Form
--------------------------------------------- */
input,
select,
textarea {
  background: var(--wp--preset--color--background);
  border: var(--wp--custom--border-width--tiny) solid var(--wp--preset--color--foreground);
  border-radius: none;
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--custom--line-height--medium);
  padding: 9px 12px;
  width: 100%;
}

input[type=checkbox],
input[type=submit] {
  width: auto;
}

select {
  line-height: 54px;
  height: 54px;
}

textarea {
  width: 100%;
  resize: vertical;
}

::-moz-placeholder {
  color: var(--wp--preset--color--foreground);
  opacity: 1;
}

::-ms-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

::-webkit-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input:focus::-webkit-input-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus::-moz-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent;
}

label,
.wp-block-search__label,
.wpforms-container .wpforms-field-label {
  font-family: var(--wp--custom--typography--interface--font-family);
  letter-spacing: var(--wp--custom--typography--interface--letter-spacing);
  text-transform: var(--wp--custom--typography--interface--text-transform);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
}
label .wpforms-required-label,
.wp-block-search__label .wpforms-required-label,
.wpforms-container .wpforms-field-label .wpforms-required-label {
  color: inherit;
}

.comment-form-cookies-consent label,
.wpforms-container .wpforms-field-sublabel {
  font-weight: 400;
  font-family: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

/* Search Form
--------------------------------------------- */
.wp-block-search__input,
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  border-color: var(--wp--preset--color--foreground);
}

.wp-block-search__button-inside .wp-block-search__input {
  border: none;
}

.wp-block-search__inside-wrapper {
  background: var(--wp--preset--color--background);
}

.wp-block-search__button {
  flex-shrink: 0;
}

.wp-block-search__icon-button .wp-block-search__button {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-search__icon-button .wp-block-search__button.wp-element-button {
  padding: 0;
}
.wp-block-search__icon-button .wp-block-search__button svg {
  width: 36px;
  height: 36px;
}

.archive-header .wp-block-search {
  margin: 0 auto;
}

/* Group
--------------------------------------------- */
.has-background {
  padding: var(--wp--custom--layout--block-gap) var(--wp--custom--layout--padding);
}
.has-background.alignfull {
  padding: var(--wp--custom--layout--block-gap-large) var(--wp--custom--layout--padding);
}

.alignwide:not(.is-layout-constrained) > *,
.alignfull:not(.is-layout-constrained) > * {
  max-width: var(--wp--custom--layout--wide);
  margin-left: auto;
  margin-right: auto;
}

/* Accessible Colors
--------------------------------------------- */
.has-background {
  color: var(--wp--preset--color--foreground);
}

.has-primary-background-color,
.has-secondary-background-color,
.has-tertiary-background-color,
.has-foreground-background-color {
  color: var(--wp--preset--color--white);
}

/* WordPress SEO
--------------------------------------------- */
.breadcrumb {
  margin: 0 auto 16px;
  line-height: var(--wp--custom--line-height--small);
  font-size: var(--wp--preset--font-size--tiny);
  max-width: var(--wp--custom--layout--page);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumb .sep {
  margin: 0 4px;
}
.archive-header .breadcrumb, .post-header .breadcrumb {
  max-width: 100%;
  grid-column: 1/-1;
  margin-left: 0;
  margin-right: 0;
}

/* WPForms
--------------------------------------------- */
div.wpforms-container .wpforms-title {
  font-size: var(--wp--preset--font-size--x-large);
  line-height: var(--wp--custom--line-height--small);
  margin: 0 0 16px;
  padding: 0;
}
div.wpforms-container .wpforms-description {
  margin: 0 0 16px;
  padding: 0;
}
div.wpforms-container .wpforms-field {
  padding: 0;
  margin-bottom: 16px;
}
div.wpforms-container .wpforms-field.impound {
  display: none;
}
div.wpforms-container .wpforms-field-sublabel {
  font-size: var(--wp--preset--font-size--min);
}
div.wpforms-container .wpforms-submit-container {
  padding: 0;
  margin-top: 16px;
  text-align: left;
}

/* Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
  background: var(--wp--preset--color--light-grey);
  position: relative;
}
.site-header .wrap {
  display: flex;
  flex-direction: column;
}
.site-header .branding {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: 3px solid var(--wp--preset--color--primary);
  background: var(--wp--preset--color--background);
}
.site-header .branding .site-logo,
.site-header .branding .site-accessibility {
  padding: 2.4em;
  min-width: 220px;
}
.site-header .branding img.custom-logo {
  max-width: 150px;
}
.site-header .branding .site-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.site-header .branding .site-name * {
  text-align: center;
}
.site-header .branding .site-name h1 {
  font-family: var(--wp--preset--font-family--frutiger-lt-std-57-condensed);
  font-weight: normal;
  font-size: clamp(1.8rem, 4vw, 2.2rem);
  margin-block-end: 0 !important;
}
.site-header .branding .site-name .tag-line {
  color: var(--wp--preset--color--pfefferwerk-branding);
}
@media (max-width: 768px) {
  .site-header .branding {
    flex-direction: column;
    gap: 0;
    justify-content: center;
    padding-top: var(--wp--custom--layout--padding-large);
  }
  .site-header .branding .site-logo {
    display: flex;
    justify-content: center;
  }
  .site-header .branding .site-name {
    padding-left: var(--wp--custom--layout--padding);
    padding-right: var(--wp--custom--layout--padding);
    text-align: center;
  }
  .site-header .branding .site-accessibility,
.site-header .branding .site-logo {
    padding: 1.2rem;
  }
}
.site-header__toggles {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.site-header__toggles button {
  color: var(--wp--preset--color--background);
}
@media (min-width: 769px) {
  .site-header__toggles {
    display: none;
  }
}
@media (max-width: 768px) {
  .site-header {
    overflow: hidden;
  }
}

.search-toggle,
.menu-toggle,
.favorite-toggle {
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  line-height: 0;
  padding: 0;
  text-align: center;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-toggle svg,
.menu-toggle svg,
.favorite-toggle svg {
  width: 24px;
  height: 24px;
}
.search-toggle .close,
.menu-toggle .close,
.favorite-toggle .close {
  display: none;
}
.search-toggle.active .close,
.menu-toggle.active .close,
.favorite-toggle.active .close {
  display: inline;
}
.search-toggle.active .open,
.menu-toggle.active .open,
.favorite-toggle.active .open {
  display: none;
}

/* Admin Bar
--------------------------------------------- */
@media (min-width: 783px) {
  .admin-bar .site-container {
    padding-top: 32px;
  }
}
@media (max-width: 782px) {
  #wpadminbar {
    display: none !important;
  }
}
/* Navigation
---------------------------------------------------------------------------------------------------- */
.nav-primary {
  background-color: var(--wp--preset--color--foreground);
}
.nav-primary #primary-menu > li {
  padding: 0 var(--wp--custom--layout--padding);
}

.nav-menu > * {
  line-height: 0;
}
.nav-menu ul {
  clear: both;
  line-height: 1;
  margin: 0;
  padding: 0;
  width: 100%;
}
.nav-menu .menu-item {
  list-style: none;
  position: relative;
}
.nav-menu .menu-item a {
  border: none;
  color: var(--wp--preset--color--background);
  display: block;
  font-size: var(--wp--preset--font-size--small);
  position: relative;
  padding: var(--wp--custom--layout--padding);
  text-decoration: none;
  font-weight: normal;
}
.nav-menu .menu-item.menu-item-has-children > a {
  padding-right: calc(var(--wp--custom--layout--padding) + 6px);
}
.nav-menu .menu-item:hover {
  /*&>a {

  	color: var(--wp--preset--color--primary);
  }*/
}
.nav-menu .submenu-expand {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  outline: none;
  cursor: pointer;
  position: absolute;
  line-height: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
}
.nav-menu .submenu-expand:not(.expanded) .close, .nav-menu .submenu-expand.expanded .open {
  display: none;
}
@media (max-width: 767px) {
  .nav-menu .nav-primary #primary-menu > li {
    border-top: none;
  }
  .nav-menu .nav-primary #primary-menu > li > a, .nav-menu .nav-primary #primary-menu > li > a:hover, .nav-menu .nav-primary #primary-menu > li > a:focus-within {
    font-weight: 600;
  }
  .nav-menu .nav-primary #primary-menu > li:hover,
.nav-menu .nav-primary #primary-menu > li:focus-within {
    border-top: none;
  }
  .nav-menu .nav-primary #primary-menu > li:hover > .sub-menu,
.nav-menu .nav-primary #primary-menu > li:focus-within > .sub-menu {
    border-top: none;
  }
  .nav-menu .nav-primary #primary-menu > li:hover > .sub-menu > li:hover, .nav-menu .nav-primary #primary-menu > li:hover > .sub-menu > li:focus-within,
.nav-menu .nav-primary #primary-menu > li:focus-within > .sub-menu > li:hover,
.nav-menu .nav-primary #primary-menu > li:focus-within > .sub-menu > li:focus-within {
    background-color: transparent;
  }
}
@media (min-width: 769px) {
  .nav-menu .nav-primary {
    min-height: 52px;
  }
  .nav-menu .nav-primary #primary-menu > li {
    border-top: 1px solid transparent;
  }
  .nav-menu .nav-primary #primary-menu > li:hover,
.nav-menu .nav-primary #primary-menu > li:focus-within {
    border-top: 1px solid var(--wp--preset--color--foreground);
    background-color: var(--wp--preset--color--background);
  }
  .nav-menu .nav-primary #primary-menu > li:hover > a,
.nav-menu .nav-primary #primary-menu > li:focus-within > a {
    font-weight: 600;
    color: var(--wp--preset--color--foreground);
  }
  .nav-menu .nav-primary #primary-menu > li:hover > .sub-menu,
.nav-menu .nav-primary #primary-menu > li:focus-within > .sub-menu {
    border-top: 1px solid var(--wp--preset--color--light-grey);
  }
  .nav-menu .nav-primary #primary-menu > li:hover > .sub-menu li a,
.nav-menu .nav-primary #primary-menu > li:focus-within > .sub-menu li a {
    color: var(--wp--preset--color--foreground);
  }
  .nav-menu .nav-primary #primary-menu > li:hover > .sub-menu > li:hover, .nav-menu .nav-primary #primary-menu > li:hover > .sub-menu > li:focus-within,
.nav-menu .nav-primary #primary-menu > li:focus-within > .sub-menu > li:hover,
.nav-menu .nav-primary #primary-menu > li:focus-within > .sub-menu > li:focus-within {
    background-color: var(--wp--preset--color--light-grey);
  }
  .nav-menu .menu {
    display: flex;
    justify-content: center;
  }
  .nav-menu .menu-item:hover > .sub-menu, .nav-menu .menu-item:focus-within > .sub-menu {
    left: 0;
    opacity: 1;
    box-shadow: var(--wp--custom--box-shadow--1);
  }
  .nav-menu .sub-menu {
    background: var(--wp--preset--color--background);
    left: -9999px;
    opacity: 0;
    position: absolute;
    min-width: 215px;
    z-index: 99;
  }
  .nav-menu .sub-menu .menu-item {
    float: none;
    padding-left: var(--wp--custom--layout--padding);
  }
  .nav-menu .sub-menu .sub-menu {
    margin: -48px 0 0 215px;
  }
}
@media (max-width: 768px) {
  .nav-menu {
    display: none;
  }
  .nav-menu.active {
    display: block;
    grid-column: 1/-1;
    margin-bottom: var(--wp--custom--layout--padding-large);
  }
  .nav-menu.active .sub-menu {
    display: block;
    padding-left: var(--wp--custom--layout--padding);
  }
  .nav-menu .submenu-expand {
    top: 0;
    right: 0;
    transform: none;
    width: 44px;
    height: 44px;
  }
  .nav-menu .submenu-expand svg {
    width: 18px;
    height: 18px;
  }
  .nav-menu .submenu-expand.expanded {
    transform: rotate(180deg);
  }
  .nav-menu .submenu-expand.expanded + .sub-menu {
    display: block;
  }
  .nav-menu .sub-menu {
    display: none;
    padding-left: 8px;
  }
}

/* Hero Banner or Featured Image 
-----------------------------------------------------------------------------------------------------*/
.hero-banner-container {
  border-bottom: 3px solid var(--wp--preset--color--foreground);
}

.hero-banner {
  min-height: 440px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hero-banner.is-book-cover {
  -webkit-box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.07);
}

/* Breadcrumbs 
-----------------------------------------------------------------------------------------------------*/
.breadcrumbs-container {
  padding: var(--wp--custom--layout--padding);
  font-size: var(--wp--preset--font-size--tiny);
  background: var(--wp--preset--color--background);
}
.breadcrumbs-container a {
  text-decoration: none;
  font-weight: 600;
  color: var(--wp--preset--color--foreground);
}
.breadcrumbs-container a:hover {
  text-decoration: underline;
}
.breadcrumbs-container .delimiter {
  display: inline-block;
}

/* Archive Header
--------------------------------------------- */
.archive-header {
  max-width: var(--wp--custom--layout--wide);
  margin: 0 auto;
  background: var(--wp--preset--color--background);
  padding: calc(1.5 * var(--wp--custom--layout--padding)) var(--wp--custom--layout--padding-large) var(--wp--custom--layout--padding-large);
}

.archive-header .wrap {
  max-width: var(--wp--custom--layout--wide);
}

.archive-header h1 {
  margin-top: var(--wp--custom--layout--block-gap-large);
}

.archive-description > *:first-child {
  margin-top: 0;
}

.archive-description > *:last-child {
  margin-bottom: 0;
}

.archive-header .breadcrumb {
  margin-bottom: var(--wp--custom--layout--block-gap-large);
}

.search .archive-header .wrap {
  max-width: 800px;
  margin: 0 auto;
}

/* Post Listing
--------------------------------------------- */
.archive .site-main {
  float: none;
  width: 100%;
  max-width: var(--wp--custom--layout--content);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--wp--custom--layout--block-gap);
}
@media (min-width: 768px) {
  .archive .site-main {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.archive .site-main .no-results {
  grid-column: 1/-1;
  padding-bottom: var(--wp--custom--layout--padding-large);
}

.puk-book-recommendation-post.post-summary {
  text-align: center;
}
.puk-book-recommendation-post .wp-block-post-featured-image,
.puk-book-recommendation-post .featured-image-container {
  padding: var(--wp--custom--layout--padding);
  -webkit-box-shadow: inset 0px 0px 22px 5px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 22px 5px rgba(0, 0, 0, 0.05);
}
.puk-book-recommendation-post .wp-block-post-featured-image img,
.puk-book-recommendation-post .featured-image-container img {
  margin: 0 auto;
  height: 100%;
  max-height: 200px;
  width: auto;
  -webkit-box-shadow: 15px 15px 26px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 15px 15px 26px 5px rgba(0, 0, 0, 0.05);
}
.puk-book-recommendation-post > div:not(.featured-image-container, .wp-block-post-featured-image) {
  padding: 0 var(--wp--custom--layout--padding);
}

.search .content-area {
  max-width: 800px;
  margin: 0 auto;
}

.post-summary__content {
  display: grid;
  gap: 8px;
  padding-top: 12px;
}
.post-summary__content > * {
  margin: 0;
}
.post-summary .entry-category {
  font-size: var(--wp--preset--font-size--tiny);
}
.post-summary .entry-category a {
  text-decoration: none;
}
.post-summary__title {
  font-size: var(--wp--preset--font-size--large);
}
.post-summary__title a {
  color: var(--wp--preset--color--foreground);
  text-decoration: none;
}
.post-summary__title a:hover {
  color: var(--wp--preset--color--primary);
}

.archive .post-summary .post-summary__content .post-summary__title,
.post-summary.post-type-event .post-summary__content .post-summary__title {
  font-size: var(--wp--preset--font-size--medium);
}

/* Entry Navigation
--------------------------------------------- */
.pagination {
  margin: 32px auto;
  max-width: var(--wp--custom--layout--page);
  grid-column: 1/-1;
}
.pagination ul {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
.pagination ul li {
  list-style-type: none;
  display: inline-block;
}
.pagination ul li a {
  background: var(--wp--preset--color--background);
  border: none;
  border-radius: 0;
  color: var(--wp--preset--color--primary);
  fill: var(--wp--preset--color--primary);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.pagination ul li svg {
  fill: inherit;
}
.pagination ul li:hover > a, .pagination ul li.active > a {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background);
  fill: var(--wp--preset--color--background);
}

/* Singular
---------------------------------------------------------------------------------------------------- */
/* Entry Content
--------------------------------------------- */
h1.front {
  display: none;
}

.site-inner {
  padding-left: var(--wp--custom--layout--padding-large);
  padding-right: var(--wp--custom--layout--padding-large);
}
@media (max-width: 768px) {
  .site-inner {
    padding-left: var(--wp--custom--layout--padding);
    padding-right: var(--wp--custom--layout--padding);
  }
}

.entry-content > *,
.block-area > * {
  margin: 0 auto;
  max-width: var(--wp--custom--layout--page);
}
.entry-content > *.alignwide,
.block-area > *.alignwide {
  max-width: var(--wp--custom--layout--wide);
}
.entry-content > *.alignfull,
.block-area > *.alignfull {
  margin-left: calc(-1 * var(--wp--custom--layout--padding));
  margin-right: calc(-1 * var(--wp--custom--layout--padding));
  max-width: 100vw;
}
@media (max-width: 767px) {
  .entry-content > *.alignwide,
.block-area > *.alignwide {
    margin-left: calc(-1 * var(--wp--custom--layout--padding));
    margin-right: calc(-1 * var(--wp--custom--layout--padding));
    max-width: 100vw;
  }
}
.entry-content > * + *,
.block-area > * + * {
  margin-top: var(--wp--style--block-gap);
}
.entry-content > .alignfull:not(:first-child), .entry-content > .wp-block-separator:not(:first-child),
.block-area > .alignfull:not(:first-child),
.block-area > .wp-block-separator:not(:first-child) {
  margin-top: var(--wp--custom--layout--block-gap-large);
}
.entry-content > .alignfull:not(:last-child), .entry-content > .wp-block-separator:not(:last-child),
.block-area > .alignfull:not(:last-child),
.block-area > .wp-block-separator:not(:last-child) {
  margin-bottom: var(--wp--custom--layout--block-gap-large);
}
.entry-content > .alignfull.has-background + .alignfull.has-background,
.block-area > .alignfull.has-background + .alignfull.has-background {
  margin-top: calc(-1 * var(--wp--custom--layout--block-gap-large));
}

.full-width-content .entry-content:first-child > .alignfull.has-background:first-child {
  margin-top: calc(-1 * var(--wp--custom--layout--block-gap-large));
}
.full-width-content .entry-content:last-child > .alignfull.has-background:last-child {
  margin-bottom: calc(-1 * var(--wp--custom--layout--block-gap-large));
}

/* Single Post
--------------------------------------------- */
.entry-header,
.entry-footer,
.after-entry,
.entry-comments {
  max-width: var(--wp--custom--layout--page);
  margin-left: auto;
  margin-right: auto;
}

.entry-footer {
  margin-top: 48px;
}

.block-area-after-post {
  margin: 32px 0;
}

/* Comments
--------------------------------------------- */
.entry-comments h2,
.entry-comments h3 {
  display: flex;
  justify-content: space-between;
}
.entry-comments .comment-list {
  margin: 0 0 32px;
  padding: 0;
}
.entry-comments .comment-list li {
  list-style-type: none;
  margin-top: 4px;
}
.entry-comments .comment-list li + li {
  border-top: 1px solid var(--wp--custom--color--neutral-300);
  padding-top: 24px;
}
.entry-comments .comment-list li article {
  border-left: 4px solid var(--wp--custom--color--neutral-300);
  padding: 16px;
  position: relative;
}
.entry-comments .comment-list li.staff > article {
  border-color: var(--wp--preset--color--primary);
}
.entry-comments .comment-list li:not(.staff) > article .avatar {
  display: none;
}
.entry-comments .comment-list > li {
  overflow: hidden;
  margin-top: 24px;
}
.entry-comments .comment-list > li:first-child {
  margin-top: 0;
}
.entry-comments .comment-list .comment-author {
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--preset--font-size--large);
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.entry-comments .comment-list .comment-author a {
  color: var(--wp--preset--color--foreground);
  text-decoration: none;
}
.entry-comments .comment-list .comment-author .says {
  display: none;
}
.entry-comments .comment-list .comment-author .avatar {
  float: left;
  border-radius: 50%;
  margin-right: 8px;
}
.entry-comments .comment-list .comment-meta {
  padding-right: 54px;
}
.entry-comments .comment-list .comment-metadata {
  font-size: var(--wp--preset--font-size--tiny);
  margin-bottom: 16px;
}
.entry-comments .comment-list .comment-metadata a {
  color: var(--wp--preset--color--foreground);
  text-decoration: none;
}
.entry-comments .comment-list .comment-metadata a:hover {
  color: var(--wp--preset--color--primary);
}
.entry-comments .comment-list .comment-content p:last-child {
  margin: 0;
}
.entry-comments .comment-list .comment-reply-link {
  position: absolute;
  top: 32px;
  right: 16px;
  font-family: var(--wp--custom--typography--interface--font-family);
  letter-spacing: var(--wp--custom--typography--interface--letter-spacing);
  text-transform: var(--wp--custom--typography--interface--text-transform);
  font-size: var(--wp--preset--font-size--small);
}
.entry-comments .comment-list ol.children {
  margin: 0;
  padding: 0;
}

.comment-respond {
  margin: 30px 0;
}
@media (min-width: 768px) {
  .comment-respond {
    margin: 60px 0;
  }
}
.comment-respond .comment-form-cookies-consent input {
  width: auto;
}
.comment-respond .comment-form-cookies-consent input + label {
  display: inline;
}
.comment-respond label {
  display: block;
}

.nav-links {
  display: flex;
  justify-content: space-between;
}

/* Site Footer
---------------------------------------------------------------------------------------------------- */
.block-area-before-footer {
  max-width: var(--wp--custom--layout--wide);
  margin: 0 auto;
  padding-left: var(--wp--custom--layout--padding-large);
  padding-right: var(--wp--custom--layout--padding-large);
  background: var(--wp--preset--color--background);
  border-top: 3px solid var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--small);
}
@media (max-width: 768px) {
  .block-area-before-footer {
    padding-left: var(--wp--custom--layout--padding);
    padding-right: var(--wp--custom--layout--padding);
    padding-bottom: var(--wp--custom--layout--padding-large);
  }
}
.block-area-before-footer > * {
  max-width: var(--wp--custom--layout--wide);
}
.block-area-before-footer .before-footer-inner {
  padding: var(--wp--custom--layout--block-gap-large) var(--wp--custom--layout--padding);
}
@media (max-width: 768px) {
  .block-area-before-footer .before-footer-inner {
    padding: var(--wp--custom--layout--block-gap-large) 0;
  }
  .block-area-before-footer .before-footer-inner, .block-area-before-footer .before-footer-inner > .is-layout-flex, .block-area-before-footer .before-footer-inner > div > .is-layout-flex {
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
  .block-area-before-footer .before-footer-inner h2.wp-block-heading {
    width: 100%;
  }
}
.block-area-before-footer .before-footer-inner .contact-information {
  width: 66.6666666667%;
}
@media (max-width: 768px) {
  .block-area-before-footer .before-footer-inner .contact-information {
    width: 100%;
  }
}
.block-area-before-footer .before-footer-inner .contact-information .contact-puk,
.block-area-before-footer .before-footer-inner .contact-information .contact-pfefferwerk {
  width: 50%;
}
@media (max-width: 768px) {
  .block-area-before-footer .before-footer-inner .contact-information .contact-puk,
.block-area-before-footer .before-footer-inner .contact-information .contact-pfefferwerk {
    width: 100%;
  }
}
.block-area-before-footer .before-footer-inner .social-links {
  width: 33.3333333333%;
}
@media (max-width: 768px) {
  .block-area-before-footer .before-footer-inner .social-links {
    width: 100%;
  }
  .block-area-before-footer .before-footer-inner .social-links > div {
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
  }
}
.block-area-before-footer .before-footer-inner .social-links .socials-list {
  list-style: none;
  padding-inline-start: 30px;
  text-align: left;
}
.block-area-before-footer .before-footer-inner .social-links .socials-list li {
  position: relative;
  margin-bottom: calc(0.25 * var(--wp--custom--layout--padding));
}
.block-area-before-footer .before-footer-inner .social-links .socials-list li a {
  font-weight: 600;
}
.block-area-before-footer .before-footer-inner .social-links .socials-list li:before {
  content: " ";
  color: var(--wp--preset--color--foreground);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: -30px;
  background-size: contain;
  background-repeat: no-repeat;
}
.block-area-before-footer .before-footer-inner .social-links .socials-list li.instagram:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="currentColor" stroke-width="1.5"></path><path d="M17.5 6.51L17.51 6.49889" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}
.block-area-before-footer .before-footer-inner .social-links .socials-list li.twitter:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M16.8198 20.7684L3.75317 3.96836C3.44664 3.57425 3.72749 3 4.22678 3H6.70655C6.8917 3 7.06649 3.08548 7.18016 3.23164L20.2468 20.0316C20.5534 20.4258 20.2725 21 19.7732 21H17.2935C17.1083 21 16.9335 20.9145 16.8198 20.7684Z" stroke="currentColor" stroke-width="1.5"></path><path d="M20 3L4 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>');
}
.block-area-before-footer .before-footer-inner .social-links .socials-list li.youtube:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M14 12L10.5 14V10L14 12Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2 12.7075V11.2924C2 8.39705 2 6.94939 2.90549 6.01792C3.81099 5.08645 5.23656 5.04613 8.08769 4.96549C9.43873 4.92728 10.8188 4.8999 12 4.8999C13.1812 4.8999 14.5613 4.92728 15.9123 4.96549C18.7634 5.04613 20.189 5.08645 21.0945 6.01792C22 6.94939 22 8.39705 22 11.2924V12.7075C22 15.6028 22 17.0505 21.0945 17.9819C20.189 18.9134 18.7635 18.9537 15.9124 19.0344C14.5613 19.0726 13.1812 19.1 12 19.1C10.8188 19.1 9.43867 19.0726 8.0876 19.0344C5.23651 18.9537 3.81097 18.9134 2.90548 17.9819C2 17.0505 2 15.6028 2 12.7075Z" stroke="currentColor" stroke-width="1.5"></path></svg>');
}
.block-area-before-footer .before-footer-inner .social-links .socials-list li.linkedin:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="800px" height="800px" viewBox="0 -0.5 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M8.75 11C8.75 10.5858 8.41421 10.25 8 10.25C7.58579 10.25 7.25 10.5858 7.25 11H8.75ZM7.25 17C7.25 17.4142 7.58579 17.75 8 17.75C8.41421 17.75 8.75 17.4142 8.75 17H7.25ZM17.25 17C17.25 17.4142 17.5858 17.75 18 17.75C18.4142 17.75 18.75 17.4142 18.75 17H17.25ZM12 14H11.25H12ZM11.25 17C11.25 17.4142 11.5858 17.75 12 17.75C12.4142 17.75 12.75 17.4142 12.75 17H11.25ZM8.75 8C8.75 7.58579 8.41421 7.25 8 7.25C7.58579 7.25 7.25 7.58579 7.25 8H8.75ZM7.25 9C7.25 9.41421 7.58579 9.75 8 9.75C8.41421 9.75 8.75 9.41421 8.75 9H7.25ZM7.25 11V17H8.75V11H7.25ZM18.75 17V14H17.25V17H18.75ZM18.75 14C18.75 11.9289 17.0711 10.25 15 10.25V11.75C16.2426 11.75 17.25 12.7574 17.25 14H18.75ZM15 10.25C12.9289 10.25 11.25 11.9289 11.25 14H12.75C12.75 12.7574 13.7574 11.75 15 11.75V10.25ZM11.25 14V17H12.75V14H11.25ZM7.25 8V9H8.75V8H7.25Z" fill="currentColor" /></svg>');
  width: 26px;
  height: 30px;
  top: 0px;
  left: -34px;
}
.block-area-before-footer .before-footer-inner .social-links .socials-list li.xing:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)" viewBox="0 0 384 512"><path fill="currentColor" d="M162.7 210c-1.8 3.3-25.2 44.4-70.1 123.5-4.9 8.3-10.8 12.5-17.7 12.5H9.8c-7.7 0-12.1-7.5-8.5-14.4l69-121.3c.2 0 .2-.1 0-.3l-43.9-75.6c-4.3-7.8.3-14.1 8.5-14.1H100c7.3 0 13.3 4.1 18 12.2l44.7 77.5zM382.6 46.1l-144 253v.3L330.2 466c3.9 7.1.2 14.1-8.5 14.1h-65.2c-7.6 0-13.6-4-18-12.2l-92.4-168.5c3.3-5.8 51.5-90.8 144.8-255.2 4.6-8.1 10.4-12.2 17.5-12.2h65.7c8 0 12.3 6.7 8.5 14.1z"/></svg>');
  top: 5px;
  left: -25px;
}
.block-area-before-footer .before-footer-inner .social-links .socials-list li.xing:before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="rgb(55,95,130)" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 287.449 287.449" xml:space="preserve"><g><path d="M124.948,119.82L68.823,33.23c-1.146-1.77-2.983-3.035-5.036-3.473c-2.062-0.443-4.256-0.039-6.028,1.109L40.975,41.746 c-3.701,2.4-4.761,7.363-2.361,11.064l46.254,71.361l-46.254,71.355c-1.163,1.795-1.558,3.934-1.111,6.021 c0.44,2.061,1.705,3.898,3.473,5.043l16.783,10.879c1.299,0.842,2.804,1.287,4.352,1.287c0.563,0,1.126-0.059,1.669-0.176 c2.06-0.439,3.898-1.705,5.044-3.473l56.124-86.586C126.663,125.879,126.663,122.463,124.948,119.82z"/><path d="M249.943,17.15c-0.452-2.088-1.688-3.877-3.484-5.035l-16.81-10.84C228.354,0.441,226.856,0,225.319,0 c-2.732,0-5.248,1.369-6.729,3.664L103.111,182.73c-1.697,2.635-1.697,6.037,0,8.672l59.579,92.383 c1.48,2.295,3.996,3.664,6.729,3.664c1.536,0,3.034-0.441,4.331-1.277l16.809-10.84c1.795-1.158,3.032-2.945,3.484-5.037 c0.45-2.088,0.061-4.227-1.097-6.021l-49.794-77.207L248.845,23.176C250.004,21.381,250.393,19.242,249.943,17.15z"/></g></svg>');
  top: 6px;
  left: -26px;
  width: 16px;
}

.site-footer {
  color: var(--wp--preset--color--background);
  background: var(--wp--preset--color--foreground);
  font-size: var(--wp--preset--font-size--small);
  padding: 40px 0;
}
.site-footer .wrap {
  max-width: calc(var(--wp--custom--layout--wide) + 200px);
}
.site-footer .footer-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.site-footer .footer-content a {
  font-weight: normal;
}
.site-footer .footer-content > div {
  flex-basis: 33.3333333333%;
}
.site-footer .footer-content .legal-info {
  display: flex;
  justify-content: center;
}
.site-footer .footer-content .legal-info a {
  margin: 0 5px;
}
.site-footer .footer-content .pfefferwerk-logo {
  display: flex;
  justify-content: end;
}
.site-footer .footer-content .pfefferwerk-logo img {
  max-width: 120px;
}
@media (max-width: 768px) {
  .site-footer .footer-content {
    flex-direction: column;
    gap: calc(2 * var(--wp--custom--layout--block-gap));
    padding-bottom: var(--wp--custom--layout--block-gap-large);
  }
}
.site-footer a {
  color: var(--wp--preset--color--background);
  text-decoration: none;
}
.site-footer a:hover, .site-footer a:active, .site-footer a:focus {
  text-decoration: underline;
}

.wp-block-blocks-course-team-member {
  margin: 0 !important;
}

ul.columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.featured-image-container {
  height: 200px;
  width: 100%;
}

.featured-image-container img {
  object-fit: cover;
  height: 200px;
  width: 100%;
}

.puk-event-info {
  background-color: var(--wp--preset--color--foreground);
  padding: var(--wp--custom--layout--padding);
  color: var(--wp--preset--color--background);
  font-size: 90%;
  line-height: 1.1;
}
.puk-event-info > div {
  margin-bottom: var(--wp--preset--spacing--40);
}
.puk-event-info h6 {
  color: var(--wp--preset--color--background);
  margin-block-end: 0;
  text-transform: uppercase;
  font-size: 75%;
  font-weight: 100;
  opacity: 0.8;
}
.puk-event-info .puk-event-location .location {
  white-space: pre-wrap;
}
.puk-event-info .puk-event-link a,
.puk-event-info .puk-event-registration-link a {
  text-decoration: none;
  font-weight: 600;
  color: var(--wp--preset--color--foreground);
  display: block;
  padding: var(--wp--custom--layout--padding);
  border: 1px solid #fff;
  background: #fff;
  text-align: center;
  margin: 1rem 0;
}
.puk-event-info .puk-event-is-past {
  opacity: 0.8;
}

.post-type-event h2,
.post-type-event h3,
.post-type-event h4,
.type-post h2,
.type-post h3,
.type-post h4 {
  margin-block-start: 0 !important;
}

.literature-list {
  list-style: none;
  padding-inline-start: 30px;
}
.literature-list li {
  margin-bottom: calc(0.5 * var(--wp--custom--layout--padding));
  position: relative;
}
.literature-list li:before {
  content: " ";
  color: var(--wp--preset--color--foreground);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" stroke-width="1.5" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(20,20,20)"><path d="M4 19V5C4 3.89543 4.89543 3 6 3H19.4C19.7314 3 20 3.26863 20 3.6V16.7143" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M8 3V11L10.5 9.4L13 11V3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6 17L20 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M6 21L20 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M6 21C4.89543 21 4 20.1046 4 19C4 17.8954 4.89543 17 6 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}

.link-list,
.contact-list {
  list-style: none;
  padding-inline-start: 30px;
}
.link-list li,
.contact-list li {
  margin-bottom: calc(0.25 * var(--wp--custom--layout--padding));
}
.link-list li.document a:before,
.contact-list li.document a:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M4 21.4V2.6C4 2.26863 4.26863 2 4.6 2H16.2515C16.4106 2 16.5632 2.06321 16.6757 2.17574L19.8243 5.32426C19.9368 5.43679 20 5.5894 20 5.74853V21.4C20 21.7314 19.7314 22 19.4 22H4.6C4.26863 22 4 21.7314 4 21.4Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 10L16 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 18L16 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 14L12 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16 2V5.4C16 5.73137 16.2686 6 16.6 6H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}
.link-list li a,
.contact-list li a {
  position: relative;
}
.link-list li a:before,
.contact-list li a:before {
  content: " ";
  color: var(--wp--preset--color--foreground);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: -30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" color="rgb(55,95,130)"><defs><style> .cls-1 { fill: currentColor; stroke-width: 0px; } </style></defs><path fill="currentColor" class="cls-1" d="m25,175V42.27h69.95v9.88h-59.88v112.81h109.97v-60h9.98v70.04H25Z"></path><path fille="currentColor" class="cls-1" d="m158.15,34.94h-42.93v-9.94h59.78v59.9h-9.88v-42.58c-26.26,26.32-52.44,52.54-78.47,78.63-2.52-2.52-4.85-4.86-7.17-7.18,25.99-26.04,52.17-52.28,78.68-78.83Z"></path></svg>');
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M9.17137 14.8284L14.8282 9.17152M14.8282 9.17152H9.87848M14.8282 9.17152V14.1213" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}
.link-list li a[href^="mailto:"]:before,
.contact-list li a[href^="mailto:"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M7 9L12 12.5L17 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2 17V7C2 5.89543 2.89543 5 4 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H4C2.89543 19 2 18.1046 2 17Z" stroke="currentColor" stroke-width="1.5"></path></svg>');
}
.link-list li a[href^="tel:"]:before,
.contact-list li a[href^="tel:"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M18.1182 14.702L14 15.5C11.2183 14.1038 9.5 12.5 8.5 10L9.26995 5.8699L7.81452 2L4.0636 2C2.93605 2 2.04814 2.93178 2.21654 4.04668C2.63695 6.83 3.87653 11.8765 7.5 15.5C11.3052 19.3052 16.7857 20.9564 19.802 21.6127C20.9668 21.8662 22 20.9575 22 19.7655L22 16.1812L18.1182 14.702Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}
.link-list li a[href^="fax:"]:before,
.contact-list li a[href^="fax:"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgb(55,95,130)"><path d="M17.5714 18H20.4C20.7314 18 21 17.7314 21 17.4V11C21 8.79086 19.2091 7 17 7H7C4.79086 7 3 8.79086 3 11V17.4C3 17.7314 3.26863 18 3.6 18H6.42857" stroke="currentColor" stroke-width="1.5"></path><path d="M8 7V3.6C8 3.26863 8.26863 3 8.6 3H15.4C15.7314 3 16 3.26863 16 3.6V7" stroke="currentColor" stroke-width="1.5"></path><path d="M6.09782 20.3151L6.42855 18L6.92639 14.5151C6.96862 14.2196 7.22177 14 7.52036 14H16.4796C16.7782 14 17.0313 14.2196 17.0736 14.5151L17.5714 18L17.9021 20.3151C17.9538 20.6766 17.6733 21 17.3082 21H6.69179C6.32666 21 6.04618 20.6766 6.09782 20.3151Z" stroke="currentColor" stroke-width="1.5"></path><path d="M17 10.01L17.01 9.99889" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}

/* Visual Link Previews (Plugin) */
.vlp-link-container {
  background: #efefef;
  padding-top: 0;
  padding-bottom: 0;
}
.vlp-link-container .vlp-layout-zone-side .vlp-link-image {
  max-width: 250px;
  height: auto;
}
.vlp-link-container .vlp-layout-zone-side .vlp-link-image img {
  max-width: 300px !important;
  max-height: 300px !important;
  height: 100%;
  width: 120%;
  object-fit: cover;
}
.vlp-link-container .vlp-layout-zone-main {
  padding: 1rem !important;
}
.vlp-link-container .vlp-layout-zone-main .vlp-link-title {
  font-size: var(--wp--preset--font-size--medium);
}
.vlp-link-container .vlp-layout-zone-main .vlp-link-summary {
  font-size: var(--wp--preset--font-size--small);
}
.vlp-link-container .vlp-layout-zone-main .vlp-link-url {
  position: relative;
  padding-left: 20px;
  font-weight: 600;
  line-height: var(--wp--custom--line-height--small);
  font-size: var(--wp--preset--font-size--small);
}
.vlp-link-container .vlp-layout-zone-main .vlp-link-url::after {
  content: " ";
  color: var(--wp--preset--color--foreground);
  width: var(--wp--preset--font-size--small);
  height: var(--wp--preset--font-size--small);
  position: absolute;
  top: 2px;
  left: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" color="rgb(55,95,130)"><defs><style> .cls-1 { fill: currentColor; stroke-width: 0px; } </style></defs><path fill="currentColor" class="cls-1" d="m25,175V42.27h69.95v9.88h-59.88v112.81h109.97v-60h9.98v70.04H25Z"></path><path fille="currentColor" class="cls-1" d="m158.15,34.94h-42.93v-9.94h59.78v59.9h-9.88v-42.58c-26.26,26.32-52.44,52.54-78.47,78.63-2.52-2.52-4.85-4.86-7.17-7.18,25.99-26.04,52.17-52.28,78.68-78.83Z"></path></svg>');
}

@media (max-width: 450px) {
  .vlp-link-container .vlp-layout-zone-side .vlp-link-image {
    max-width: 100%;
    max-height: 300px;
    height: auto;
  }
  .vlp-link-container .vlp-layout-zone-side .vlp-link-image img {
    width: 100%;
    max-width: 430px !important;
    max-height: 300px !important;
    object-fit: cover;
  }
  .vlp-link-container .vlp-layout-zone-main {
    padding: 1rem 0;
  }
  .vlp-link-container .vlp-layout-zone-main .vlp-link-summary {
    padding-bottom: 1rem;
  }
}
/* HTML audio Element */
audio {
  border-radius: 20px;
}

audio::-webkit-media-controls-panel {
  background: #eeeeee;
}

figure > figcaption {
  font-size: 90%;
  text-align: center;
  margin-top: 0.2rem;
}

/* Homepage, might move to _archive.scss */
.wp-block-post-featured-image img {
  height: 280px;
}

/* Hero Section on front page */
.hero-cover {
  position: relative;
  min-height: 470px;
  display: flex;
}
.hero-cover img.wp-post-image {
  border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.hero-cover .hero-cover-inner {
  width: 100%;
  z-index: 1;
}
.hero-cover .hero-cover-inner .event-details {
  background: rgba(55, 95, 130, 0.75);
  color: #fff;
  width: 75%;
  position: relative;
  margin-left: 25%;
  margin-top: 250px;
  padding: calc(3 * var(--wp--custom--layout--padding)) calc(1.5 * var(--wp--custom--layout--padding)) calc(1.5 * var(--wp--custom--layout--padding));
}
.hero-cover .hero-cover-inner .event-details a {
  color: #fff;
  font-weight: normal;
}
.hero-cover .hero-cover-inner .event-details .is-meta-field.meta-field-date {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  color: var(--wp--preset--color--foreground);
  font-weight: 600;
  padding: 4px 8px;
}
.hero-cover .hero-cover-inner .event-details h2.post-title {
  margin-block-end: 0 !important;
  text-align: right;
  font-size: clamp(1.5rem, 3vw, 1.75rem);
}
.hero-cover .hero-cover-inner .event-details .call-to-action {
  text-align: right;
  font-size: clamp(1.2rem, 2vw, 1.5rem);
}

@media (max-width: 450px) {
  .hero-cover .hero-cover-inner .event-details {
    width: 100%;
    margin-left: 0;
    margin-top: 50px;
  }
  .hero-cover .hero-cover-inner .event-details .post-title,
.hero-cover .hero-cover-inner .event-details .call-to-action {
    text-align: center !important;
    margin: 1rem 0;
  }
}
/* Hero Section on single Book Post Type */
.puk-book-recommendation-post header .hero-banner {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: auto 90%;
}

/* Accessibility (Plugin) */
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
  border: 1px solid;
  font-size: 100%;
  width: 210px !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay .pojo-a11y-toolbar-title {
  height: 51px;
  color: var(--wp--preset--color--foreground);
  border-bottom: 1px solid var(--wp--preset--color--foreground);
  padding-left: 50px;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
  display: block;
  padding: 10px 15px;
  font-size: 100% !important;
  line-height: 1;
  font-weight: normal !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a span {
  font-size: 100% !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item .pojo-a11y-toolbar-icon {
  font-size: 20px !important;
  margin-right: 4px;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right {
  right: -210px !important;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
  right: 210px !important;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open {
  right: -20px !important;
}

/* Search Icon replacement */
.wp-block-search__button {
  position: relative;
  width: 52px;
  border-radius: 0;
  margin-left: 0;
}
.wp-block-search__button:before {
  content: " ";
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.0" encoding="UTF-8" width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="rgba(255,255,255)"><path d="M17 17L21 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
}

.wp-block-search__icon-button .wp-block-search__button {
  margin: -5px;
}

/*# sourceMappingURL=main.css.map */