@charset "UTF-8";
/*
Theme Name: Pinkus Müller Münster
Author: STUDIOHORN
Author URI: https://studio-horn.de
Description: Das globale Pinkus Theme
[...]
Template: twentytwentyfive
[...]
*/
/*== General SCSS ==*/
/*== General ==*/
main {
  margin-top: 0 !important;
}
h1 {
  font-size: var(--fs-h1);
}
h2 {
  font-size: var(--fs-h2);
}
h3 {
  font-size: var(--fs-h3);
}
h4 {
  font-size: var(--fs-h4);
}
a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
}
strong {
  font-weight: 700 !important;
}
:root {
  --darkgrey: #44494A;
  --grey: #646A6C;
  --lightgrey: #AAA6A0;
  --beer: #D7BF94;
  --beer_gold: #BE9B55;
  --red: #6B121A;
  /* Bitte Schriftgrößen nun in diesem Format anlegen */
  --display-1: clamp(78.86px, 4.929rem + ((1vw - 3.2px) * 7.902), 180px);
  --fs-h1: clamp(48.986px, 3.062rem + ((1vw - 3.2px) * 3.751), 97px);
  --fs-h2: clamp(29.303px, 1.831rem + ((1vw - 3.2px) * 1.695), 51px);
  --fs-h3: clamp(25px, 1.563rem + ((1vw - 3.2px) * 0.391), 30px);
  --fs-h4: clamp(19px, 1.188rem + ((1vw - 3.2px) * 0.313), 23px);
  --fs-p-big: clamp(19px, 1.188rem + ((1vw - 3.2px) * 0.313), 23px);
  --fs-p: clamp(16px, 1rem + ((1vw - 3.2px) * 0.156), 18px);
  --fs-p-small: 16px;
}
/* Hiermit können die responsive Spacings von Wordpress angepasst werden

@media(max-width: 1200px) {
  body {
    --wp--preset--spacing--10: 1rem !important;
    --wp--preset--spacing--30: min(1.5rem, 2.0vw) !important;
    --wp--preset--spacing--40: min(2rem, 3vw) !important;
    --wp--preset--spacing--50: min(4.5rem, 6vw) !important;
    --wp--preset--spacing--60: min(6.5rem, 8vw) !important;
  }
} */
.wp-site-blocks {
  overflow-x: hidden !important;
}
.img-w-100 img {
  width: 100% !important;
}
.transform-link {
  transition: 0.25s;
}
.transform-link:hover {
  transform: scale(1.1);
}
.wp-block-cover {
  overflow: hidden;
}
.hyphens-auto {
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}
.entry-content {
  margin-top: 0 !important;
}
.mw-unset {
  max-width: unset;
}
.mw-unset img {
  max-width: unset;
}
.text-shadow {
  text-shadow: 1px 1px 10px black;
}
/*== Layout ==*/
table td {
  padding-left: 0 !important;
  padding-right: 0.25em !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
table * {
  font-size: var(--fs-p);
}
.wp-block-group, .wp-block-columns {
  scroll-margin-top: 150px;
}
/*== Layout END ==*/
/*== z-index Styling ==*/
.z-99 {
  z-index: 99 !important;
  position: relative;
}
.z-98 {
  z-index: 98 !important;
  position: relative;
}
.z-97 {
  z-index: 97 !important;
  position: relative;
}
.z-96 {
  z-index: 96 !important;
  position: relative;
}
.z-95 {
  z-index: 95 !important;
  position: relative;
}
.z-94 {
  z-index: 94 !important;
  position: relative;
}
.z-1 {
  position: relative;
  z-index: 1;
}
.z-2 {
  position: relative;
  z-index: 2;
}
.wp-block-buttons {
  padding: 2px;
}
/*== WPForms Styling ==*/
.wpforms-container input, .wpforms-container textarea {
  border-color: var(--secondary) !important;
  border-radius: 0px !important;
}
.wpforms-container legend, .wpforms-container label {
  color: var(--secondary) !important;
}
.wpforms-container button {
  padding: 10px 15px !important;
  border-radius: 0 !important;
  border: solid 1px var(--primary) !important;
  background-color: var(--primary) !important;
  color: white !important;
  font-family: "Roboto", sans-serif;
  font-weight: 700 !important;
  transition: 0.25s;
  font-size: 20px !important;
}
/*== WPForms Styling END ==*/
.grecaptcha-badge {
  opacity: 0 !important;
}
/*== General END ==*/
/*== Navigation ==*/
.mobile-nav-row {
  display: none !important;
}
/* Menu Breakpoint */
@media (min-width: 781px) {
  .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: flex !important;
    position: relative !important;
  }
}
/* Hamburger zeigen unterhalb */
@media (max-width: 781px) {
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container {
    background-color: var(--grey) !important;
    padding: var(--wp--preset--spacing--50) !important;
  }
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: var(--grey);
    border-radius: 50px;
    border: solid 2px var(--beer);
  }
  .wp-block-navigation__submenu-container {
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: -10px !important;
  }
  .wp-block-navigation__submenu-container:after {
    content: unset !important;
  }
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding-right: 0 !important;
  }
}
@media (max-width: 781px) {
  .desktop-nav-row {
    display: none !important;
  }
  .mobile-nav-row {
    display: flex !important;
    width: 43%;
    margin-right: 1rem !important;
    margin-top: 0;
    transform: unset !important;
  }
  .mobile-nav-row .wp-block-image {
    width: 35px;
  }
}
/* Menu Breakpoint END */
/*== Navigation END ==*/
/*== Header ==*/
header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 22;
}
header .header-nav-row .header-nav-logo {
  z-index: 2;
}
header .header-nav-row .header-nav-inner {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  z-index: 1;
}
header .header-nav-row .header-nav-inner > div {
  transform: translateX(5vw);
}
/*== Header END ==*/
/*== Footer ==*/
footer {
  margin-top: 0 !important;
}
footer .footer-inner .footer-inner-columns .footer-inner-right .transform-link {
  margin-left: -4rem;
}
footer .footer-inner .footer-inner-columns .footer-inner-right .footer-navi {
  min-width: 150px;
}
@media (max-width: 1200px) {
  footer .footer-inner .footer-inner-columns {
    gap: 1rem;
  }
  footer .footer-inner .footer-inner-columns > .wp-block-column:nth-child(1) {
    flex-basis: 30% !important;
  }
  footer .footer-inner .footer-inner-columns > .wp-block-column:nth-child(2) {
    flex-basis: 70% !important;
  }
  footer .footer-inner .footer-navi-inner p {
    font-size: var(--fs-h3) !important;
  }
}
@media (max-width: 992px) {
  footer .footer-inner > .footer-inner-columns {
    flex-wrap: wrap !important;
  }
  footer .footer-inner > .footer-inner-columns > .wp-block-column:nth-child(1) {
    flex-basis: 100% !important;
  }
  footer .footer-inner > .footer-inner-columns > .wp-block-column:nth-child(2) {
    flex-basis: 100% !important;
  }
}
/*== Footer END ==*/
/*== Site specific SCSS ==*/
/*== content ==*/
.header-cover {
  min-height: 540px;
  height: 100vh;
  max-height: 1140px;
}
.header-cover.main .wp-block-cover__image-background {
  object-position: 85% center;
}
@media (min-width: 1800px) {
  .header-cover.main .header-cover-inner .display-1 {
    font-size: var(--display-1) !important;
  }
}
@media (max-width: 1400px) {
  .header-cover.main .header-cover-inner .display-1 {
    font-size: 8vw !important;
  }
}
.header-cover.main .header-cover-inner > div:nth-child(2) .header-link {
  transition: 0.25s;
}
.header-cover.main .header-cover-inner > div:nth-child(2) .header-link:hover {
  transform: scale(1.1);
}
.header-cover.main .header-cover-inner > div:nth-child(2) .header-link:nth-child(1) {
  margin-bottom: -4rem;
  margin-left: -3rem;
  z-index: 1;
}
.header-cover.main .header-cover-inner > div:nth-child(2) .header-link:nth-child(2) {
  z-index: 2;
}
.header-cover.full {
  min-height: 540px;
  height: auto;
  max-height: 1250px;
}
.header-cover.full .wp-block-cover__inner-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 1800px) {
  .header-cover.full .header-cover-inner .display-1 {
    font-size: var(--display-1) !important;
  }
}
@media (max-width: 992px) {
  .header-cover.main .header-cover-inner {
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
  }
  .header-cover.main .header-cover-inner .header-inner-buttons {
    flex-direction: row;
  }
  .header-cover.main .header-cover-inner .display-1 {
    font-size: var(--fs-h1) !important;
  }
  .header-cover.main .wp-block-cover__image-background {
    object-position: 65% center;
  }
}
@media (max-width: 768px) {
  .header-cover.main .header-cover-inner .header-inner-buttons img {
    width: 175px;
    height: auto;
  }
}
@media (max-width: 576px) {
  .header-cover.main .header-cover-inner .display-1 {
    font-size: 11vw !important;
  }
  .header-cover.main .header-cover-inner .header-inner-buttons img {
    width: 35vw;
    height: auto;
  }
  .header-cover.main .wp-block-cover__background {
    opacity: 0.75 !important;
    background: linear-gradient(121deg, #5e5c5e, transparent) !important;
  }
}
/* Öffnungszeiten Section */
.oeffnungszeiten-section .wp-block-cover {
  padding: 0 !important;
  overflow: visible;
  z-index: 2;
}
.oeffnungszeiten-section .wp-block-cover .wp-block-cover__inner-container {
  padding: 0 !important;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.oeffnungszeiten-section .wp-block-cover .wp-block-cover__inner-container .wp-block-image {
  margin-top: 2rem;
  margin-right: -4rem !important;
}
.oeffnungszeiten-section .element-border {
  position: relative;
}
.oeffnungszeiten-section .element-border:before {
  content: "";
  position: absolute;
  right: -15px;
  bottom: -19px;
  transform: rotate(270deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer_gold);
}
.oeffnungszeiten-section .element-border:after {
  content: "";
  position: absolute;
  right: -19px;
  top: -15px;
  transform: rotate(180deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer_gold);
}
.handwerk-section .element-border {
  position: relative;
  transform: translateX(-3rem);
}
.handwerk-section .element-border:before {
  content: "";
  position: absolute;
  right: -15px;
  bottom: -19px;
  transform: rotate(270deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer);
}
.handwerk-section .element-border:after {
  content: "";
  position: absolute;
  right: -19px;
  top: -15px;
  transform: rotate(180deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer);
}
.insta-section .insta-section-inner .pseudo-before {
  margin: 0;
}
.insta-section .insta-section-inner .pseudo-before:before {
  content: "";
  position: absolute;
  left: -39px;
  top: -43px;
  transform: rotate(90deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--lightgrey);
}
.insta-section .insta-section-inner .pseudo-before:after {
  content: "";
  position: absolute;
  right: -43px;
  top: -39px;
  transform: rotate(180deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--lightgrey);
}
.insta-section .insta-section-inner .wp-block-image {
  margin-top: 0;
  position: relative;
  z-index: 2;
}
.insta-section .insta-section-inner .pseudo-after {
  margin: 0;
}
.insta-section .insta-section-inner .pseudo-after:before {
  content: "";
  position: absolute;
  left: -43px;
  bottom: -39px;
  transform: rotate(0deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--lightgrey);
}
.insta-section .insta-section-inner .pseudo-after:after {
  content: "";
  position: absolute;
  right: -39px;
  bottom: -43px;
  transform: rotate(270deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--lightgrey);
}
/* Öffnungszeiten Section END  */
/* Impressionen Grid */
.impressionen-grid .img {
  position: relative;
  cursor: pointer;
}
.impressionen-grid .img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.25s;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: var(--darkgrey);
}
.impressionen-grid .img:after {
  content: "";
  color: white;
  position: absolute;
  width: calc(100% - 4rem);
  height: calc(100% - 10rem);
  left: 2rem;
  bottom: 3rem;
  opacity: 0;
  transition: 0.25s;
  display: flex;
  hyphens: auto;
  align-items: flex-end;
  font-family: var(--wp--preset--font-family--schrift-jule-neu) !important;
  font-size: var(--wp--preset--font-size--fs-h-3);
  text-transform: uppercase;
}
@media (max-width: 781px) {
  .impressionen-grid .img:after {
    width: calc(100% - 2rem);
    height: calc(100% - 5rem);
    left: 1rem;
    bottom: 1rem;
    font-size: var(--wp--preset--font-size--fs-h-4);
  }
}
.impressionen-grid .img:hover:before {
  opacity: 0.75;
}
.impressionen-grid .img:hover:after {
  bottom: 5rem;
  opacity: 1;
}
@media (max-width: 781px) {
  .impressionen-grid .img:hover:after {
    bottom: 2rem;
  }
}
.impressionen-grid .img-1:after {
  content: "Eingangsbereich";
}
.impressionen-grid .img-2:after {
  content: "Heuboden";
}
.impressionen-grid .img-3:after {
  content: "Heuboden 2";
}
.impressionen-grid .img-4:after {
  content: "Biergarten";
}
.impressionen-grid .img-5:after {
  content: "Pinkus";
}
/* Impressionen Grid END */
/* Note Section */
.note-section .element-border {
  position: relative;
}
.note-section .element-border:before {
  content: "";
  position: absolute;
  right: -15px;
  bottom: -19px;
  transform: rotate(270deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--red);
}
.note-section .element-border:after {
  content: "";
  position: absolute;
  right: -19px;
  top: -15px;
  transform: rotate(180deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--red);
}
@media (max-width: 992px) {
  .note-section .element-border {
    padding-top: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
.note-section .note-text {
  margin-top: -4rem;
}
/* Note Section END */
/* Altbierküche Section */
.altbierkueche-section {
  position: relative;
  overflow: visible;
}
.altbierkueche-section .altbierkueche-section-columns-left {
  position: relative;
}
.altbierkueche-section .altbierkueche-section-columns-left:before {
  content: "";
  position: absolute;
  width: calc(100% - var(--wp--preset--spacing--50));
  height: calc(100% - var(--wp--preset--spacing--50));
  top: calc(var(--wp--preset--spacing--50) / 2);
  left: calc(var(--wp--preset--spacing--50) / 2);
  border: solid 3px var(--beer_gold);
  pointer-events: none;
}
.altbierkueche-section .altbierkueche-section-columns-left .altbierkueche-section-columns-inner-left .pinkus-sticky {
  margin-top: calc((var(--wp--preset--spacing--50) + 4rem) * -1);
  z-index: 2;
  position: relative;
}
.altbierkueche-section .pseudo-before {
  margin: 0 !important;
  width: calc(100% - var(--wp--preset--spacing--50));
  margin-left: auto !important;
  margin-right: auto !important;
}
.altbierkueche-section .pseudo-before:after {
  content: "";
  position: absolute;
  z-index: 2;
  right: -22px;
  top: calc(var(--wp--preset--spacing--50) / 2 - 12px);
  transform: rotate(180deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--grey);
}
.altbierkueche-section .pseudo-after {
  margin: 0 !important;
  width: calc(100% - var(--wp--preset--spacing--50));
  margin-left: auto !important;
  margin-right: auto !important;
}
.altbierkueche-section .pseudo-after:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: -16px;
  bottom: calc(var(--wp--preset--spacing--50) / 2 - 18px);
  transform: rotate(0deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer);
}
.altbierkueche-section .pseudo-after:after {
  content: "";
  position: absolute;
  z-index: 2;
  right: -18px;
  bottom: calc(var(--wp--preset--spacing--50) / 2 - 22px);
  transform: rotate(270deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--grey);
}
/* Altbierküche Section END */
/* Quality Section */
.quality-section {
  position: relative;
}
.quality-section:before {
  content: "";
  position: absolute;
  width: 12vw;
  height: 100%;
  right: 0;
  top: 0;
  background-color: var(--beer);
  z-index: 1;
}
.quality-section:after {
  content: "";
  position: absolute;
  width: 17vw;
  height: 100%;
  right: 1vw;
  top: 0;
  background-image: url("assets/img/Pinkus-Brauerei-Grafik.svg");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
}
.quality-section .element-border {
  position: relative;
  padding-right: 16vw !important;
}
.quality-section .element-border:before {
  content: "";
  position: absolute;
  left: -19px;
  bottom: -15px;
  transform: rotate(0deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer);
}
.quality-section .element-border:after {
  content: "";
  position: absolute;
  left: -15px;
  top: -19px;
  transform: rotate(90deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer);
}
/* Quality Section END */
/* Bier Section */
.biere-section .bier-columns .bier-single-columns img {
  min-width: 175%;
  margin-left: -75%;
  margin-top: -100%;
  margin-bottom: 100%;
}
/* Bier Section END */
/* Tradition Section */
.intro-section {
  position: relative;
  overflow: visible;
}
.intro-section .tradition-columns .wp-block-column:nth-child(1) img {
  min-width: 130%;
  margin-top: -60%;
  margin-bottom: -10%;
  margin-left: -10%;
}
.intro-section .tradition-columns .wp-block-column:nth-child(2) .element-border {
  position: relative;
}
.intro-section .tradition-columns .wp-block-column:nth-child(2) .element-border:before {
  content: "";
  position: absolute;
  right: -15px;
  bottom: -19px;
  transform: rotate(270deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer_gold);
}
.intro-section .tradition-columns .wp-block-column:nth-child(2) .element-border:after {
  content: "";
  position: absolute;
  right: -19px;
  top: -15px;
  transform: rotate(180deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer_gold);
}
/* Tradition Section END */
/*==== Startseite END ====*/
/*==== Unterseite Biere ====*/
/* Contact-Section */
.contact-section {
  position: relative;
}
.contact-section:before {
  content: "";
  position: absolute;
  width: 12vw;
  height: 100%;
  right: 0;
  top: 0;
  background-color: var(--red);
  z-index: 1;
}
.contact-section:after {
  content: "";
  position: absolute;
  width: 17vw;
  height: 100%;
  right: 1vw;
  top: 0;
  background-image: url("assets/img/Pinkus-Brauerei-Grafik-red-bg.svg");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
}
.contact-section .element-border {
  position: relative;
  padding-right: 16vw !important;
}
.contact-section .element-border:before {
  content: "";
  position: absolute;
  left: -19px;
  bottom: -15px;
  transform: rotate(0deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--red);
}
.contact-section .element-border:after {
  content: "";
  position: absolute;
  left: -15px;
  top: -19px;
  transform: rotate(90deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--red);
}
/* Contact-Section END */
/* Biere Übersicht */
.biere-uebersicht {
  background-image: url("assets/img/Biere-houses.svg");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
.biere-uebersicht .biere-single {
  flex-wrap: nowrap !important;
  cursor: pointer;
  transition: 0.25s;
}
.biere-uebersicht .biere-single:hover {
  transform: scale(1.05);
}
.biere-uebersicht .biere-single .wp-block-column:nth-child(1) {
  flex-basis: 150px !important;
  min-width: 130px;
}
.biere-uebersicht .biere-single .wp-block-column:nth-child(2) img {
  margin-left: -10%;
  aspect-ratio: 0.5;
  object-fit: contain;
  object-position: center;
}
/* Biere Übersicht END */
/* Biere Intro Section */
.biere-intro-section .wp-block-columns .element-border {
  position: relative;
}
.biere-intro-section .wp-block-columns .element-border:before {
  content: "";
  position: absolute;
  left: -19px;
  bottom: -15px;
  transform: rotate(0deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer_gold);
}
.biere-intro-section .wp-block-columns .element-border:after {
  content: "";
  position: absolute;
  left: -15px;
  top: -19px;
  transform: rotate(90deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer_gold);
}
/* Biere Intro Section END */
/*==== Unterseite Biere END ====*/
/*==== Unterseite Brauerei ====*/
.brauerei-intro-section .element-border {
  position: relative;
}
.brauerei-intro-section .element-border:before {
  content: "";
  position: absolute;
  right: -15px;
  bottom: -19px;
  transform: rotate(270deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer);
}
.brauerei-intro-section .element-border:after {
  content: "";
  position: absolute;
  right: -19px;
  top: -15px;
  transform: rotate(180deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--beer);
}
.brauerei-intro-section .brauerei-intro-inner-columns img {
  min-width: 120%;
  margin-top: -10%;
  margin-bottom: -10%;
}
.cb-carousel-block {
  margin-top: 0;
}
/* Zeitstrahl */
.zeitstrahl-section {
  position: relative;
}
.zeitstrahl-section:before {
  content: "";
  position: absolute;
  width: 40vw;
  height: 40vw;
  bottom: 0;
  left: 0;
  background-image: url("assets/img/Brauerei-Silluhette.svg");
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
.zeitstrahl-section:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 80%;
  bottom: 15%;
  right: 0;
  opacity: 0.25;
  background-image: url("assets/img/Pinkus-Wappen.svg");
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
.zeitstrahl-section .zeitstrahl-columns {
  position: relative;
  z-index: 2;
}
.zeitstrahl-section .zeitstrahl-columns:after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(50% + 1.5px);
  width: 3px;
  height: 100%;
  background-color: var(--red);
}
.zeitstrahl-section .zeitstrahl-columns .wp-block-column:nth-child(1) .zeitstrahl-single {
  padding-right: 8vw;
  position: relative;
}
.zeitstrahl-section .zeitstrahl-columns .wp-block-column:nth-child(1) .zeitstrahl-single:before {
  content: "";
  position: absolute;
  right: 0;
  top: 15px;
  width: calc(8vw + 75px);
  height: 35px;
  background-image: url("assets/img/Vector-left.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 225px;
}
.zeitstrahl-section .zeitstrahl-columns .wp-block-column:nth-child(2) .zeitstrahl-single {
  padding-left: 8vw;
  position: relative;
}
.zeitstrahl-section .zeitstrahl-columns .wp-block-column:nth-child(2) .zeitstrahl-single:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: calc(8vw + 75px);
  height: 35px;
  background-image: url("assets/img/Vector-right.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 225px;
}
/* Zeitstrahl END  */
/*==== Unterseite Brauerei END ====*/
/*==== Unterseite Gastronomie ====*/
.sidebar-sticky {
  position: absolute;
  z-index: 2;
  width: 12.5rem;
  bottom: 25%;
  right: var(--wp--preset--spacing--50);
  cursor: pointer;
  transition: 0.25s;
}
.sidebar-sticky:hover {
  transform: scale(1.05);
}
@media (max-width: 768px) {
  .sidebar-sticky {
    width: 8.5rem;
    bottom: unset;
    top: 0%;
  }
}
/* Altbierkueche Section */
.altbierkueche-section-2 .altbierkueche-inner {
  padding-right: 15vw !important;
  position: relative;
}
.altbierkueche-section-2 .altbierkueche-inner:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 14vw;
  background-image: url("assets/img/Pinkus-Brauerei-Grafik-light.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
.altbierkueche-section-2 .altbierkueche-inner > div {
  position: relative;
  z-index: 2;
}
/* Altbierkueche Section END */
/*==== Unterseite Gastronomie END ====*/
/*== Responsive ==*/
@media (max-width: 1620px) {
  .biere-section h2 {
    font-size: 5vw !important;
  }
  .biere-section h3 {
    font-size: 2.5vw !important;
  }
  .biere-section .bier-columns .bier-single-columns {
    height: 100%;
  }
  .biere-section .bier-columns .bier-single-columns img {
    min-width: 150%;
  }
}
@media (max-width: 1400px) {
  .biere-uebersicht {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .biere-uebersicht p {
    line-height: 1.25;
  }
  .brauerei-intro-section .brauerei-intro-inner-columns {
    position: relative;
    padding-left: 0 !important;
  }
  .brauerei-intro-section .brauerei-intro-inner-columns > .wp-block-column:nth-child(1) {
    position: absolute;
    width: 125px;
    left: 0;
    top: -2rem;
  }
  .brauerei-intro-section .brauerei-intro-inner-columns > .wp-block-column:nth-child(1) .wp-block-image {
    padding: 10px;
    background-color: var(--beer);
    position: relative;
    z-index: 2;
  }
  .brauerei-intro-section .brauerei-intro-inner-columns > .wp-block-column:nth-child(1) .wp-block-image img {
    min-width: 100%;
    margin: auto;
  }
  .brauerei-intro-section .brauerei-intro-inner-columns > .wp-block-column:nth-child(2) {
    flex-basis: 100% !important;
  }
  .brauerei-intro-section .brauerei-intro-inner-columns .element-border {
    padding-right: 2rem !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}
@media (max-width: 1200px) {
  .intro-section > .wp-block-column:nth-child(1) {
    padding-left: 0 !important;
  }
  .intro-section .tradition-columns .wp-block-column:nth-child(1) {
    position: absolute;
    z-index: 0;
    opacity: 0.25;
    width: 20%;
  }
  .intro-section .tradition-columns .wp-block-column:nth-child(2) {
    width: 100%;
    flex-basis: 100% !important;
    position: relative;
    z-index: 1;
  }
  .intro-section .tradition-columns .wp-block-column:nth-child(2) .element-border {
    padding-right: 2rem !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: var(--wp--preset--spacing--40) !important;
  }
  .biere-section h2 {
    font-size: 6vw !important;
  }
  .biere-section > .biere-section-inner {
    display: flex;
    flex-direction: column;
  }
  .biere-section > .biere-section-inner > .wp-block-column:nth-child(2) {
    margin-top: 5rem;
  }
  .biere-section .bier-columns .bier-single-columns img {
    margin-bottom: 20%;
  }
  .quality-section:before, .contact-section:before {
    content: unset;
  }
  .quality-section > .wp-block-column:nth-child(2), .contact-section > .wp-block-column:nth-child(2) {
    padding-right: 0 !important;
  }
  .quality-section:after, .contact-section:after {
    width: 25vw;
    z-index: 1;
    opacity: 0.25;
  }
  .quality-section .element-border, .contact-section .element-border {
    padding-left: 2rem !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    padding-right: var(--wp--preset--spacing--40) !important;
  }
  .altbierkueche-section {
    flex-wrap: wrap !important;
    flex-direction: column;
  }
  .altbierkueche-section > .wp-block-column:nth-child(2) .wp-block-cover {
    min-height: 450px !important;
  }
  .oeffnungszeiten-section {
    flex-wrap: wrap !important;
  }
  .oeffnungszeiten-section > .wp-block-column {
    flex-basis: 100% !important;
  }
  .oeffnungszeiten-section .wp-block-cover {
    min-height: 450px !important;
  }
  .oeffnungszeiten-section .wp-block-cover .wp-block-cover__inner-container .wp-block-image {
    margin-right: 1rem !important;
  }
  .biere-intro-section > .wp-block-column:nth-child(2) .wp-block-columns {
    padding-right: 0 !important;
  }
  .biere-intro-section > .wp-block-column:nth-child(2) .wp-block-columns > .wp-block-column {
    flex-wrap: nowrap !important;
  }
  .biere-intro-section > .wp-block-column:nth-child(2) .wp-block-columns > .wp-block-column:nth-child(1) {
    flex-basis: 100% !important;
    position: relative;
    z-index: 2;
  }
  .biere-intro-section > .wp-block-column:nth-child(2) .wp-block-columns > .wp-block-column:nth-child(2) {
    flex-basis: 100% !important;
    position: absolute;
    width: 15vw;
    right: 5px;
    z-index: 0;
    opacity: 0.25;
  }
  .karriere-section > .wp-block-column:nth-child(1) > div {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .altbierkueche-section .altbierkueche-section-columns-left {
    flex-wrap: nowrap !important;
  }
  .altbierkueche-section .altbierkueche-section-columns-left > .wp-block-column:nth-child(1) {
    padding-left: var(--wp--preset--spacing--40) !important;
  }
  .altbierkueche-section .altbierkueche-section-columns-inner-left {
    flex-wrap: wrap !important;
    flex-direction: column;
    padding-left: var(--wp--preset--spacing--30);
  }
  .altbierkueche-section .altbierkueche-section-columns-inner-left .pinkus-sticky {
    width: 150px;
    position: absolute !important;
    left: 0;
  }
  .handwerk-section {
    position: relative;
  }
  .handwerk-section .wp-block-column:nth-child(1) {
    width: 125px;
    position: absolute;
    right: 25px;
    top: 5px;
    z-index: 2;
    background-color: var(--beer);
    padding: 10px !important;
  }
  .handwerk-section .wp-block-column:nth-child(2) {
    flex-basis: 100% !important;
  }
  .handwerk-section .element-border {
    padding-right: 5rem !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .oeffnungszeiten-section .element-border {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .biere-uebersicht {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .info-section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 781px) {
  .intro-section > .wp-block-column:nth-child(2) .wp-block-cover {
    min-height: 380px !important;
  }
  .intro-section .tradition-columns .wp-block-column:nth-child(1) {
    width: 35%;
  }
  .biere-section {
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }
  .biere-section h2 {
    font-size: var(--fs-h2) !important;
  }
  .biere-section h3 {
    font-size: var(--fs-h3) !important;
  }
  .biere-section > .biere-section-inner {
    display: flex;
    flex-direction: column;
  }
  .biere-section > .biere-section-inner > .wp-block-column:nth-child(2) {
    margin-top: 5rem;
  }
  .biere-section .bier-columns {
    gap: 4rem !important;
  }
  .biere-section .bier-columns .bier-single-columns {
    flex-wrap: nowrap !important;
    flex-direction: row-reverse;
    gap: 2rem;
  }
  .biere-section .bier-columns .bier-single-columns img {
    width: 100%;
    min-width: unset;
    margin-bottom: -20%;
    margin-left: auto;
    margin-top: 0;
    padding-left: 2rem;
  }
  .quality-section .wp-block-cover, .contact-section .wp-block-cover {
    min-height: 450px !important;
  }
  .quality-section:after, .contact-section:after {
    width: 45vw;
  }
  .altbierkueche-section .altbierkueche-section-columns-left .altbierkueche-section-columns-inner-left {
    padding-left: 2rem !important;
  }
  .altbierkueche-section .altbierkueche-section-columns-left .altbierkueche-section-columns-inner-left .pinkus-sticky {
    width: 125px;
  }
  .oeffnungszeiten-section .oeffnungszeiten-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .oeffnungszeiten-section .wp-block-cover .wp-block-cover__inner-container .wp-block-image {
    width: 180px;
  }
  .biere-intro-section {
    flex-direction: column-reverse;
  }
  .biere-intro-section .wp-block-cover {
    min-height: 450px !important;
  }
  .biere-intro-section > .wp-block-column:nth-child(2) .wp-block-columns {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important;
  }
  .biere-intro-section .element-border {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .brauerei-intro-section .wp-block-cover {
    min-height: 450px !important;
  }
  .brauerei-intro-section .brauerei-intro-inner-columns > .wp-block-column:nth-child(1) {
    width: 75px;
    top: -1rem !important;
  }
  .zeitstrahl-section {
    gap: 2rem;
    display: flex;
    flex-direction: column;
  }
  .zeitstrahl-section .zeitstrahl-columns:after {
    content: unset;
  }
  .zeitstrahl-section .zeitstrahl-columns .zeitstrahl-single {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .zeitstrahl-section .zeitstrahl-columns .zeitstrahl-single:before {
    content: unset !important;
  }
  .zeitstrahl-section .zeitstrahl-columns .zeitstrahl-single:after {
    content: "";
    position: absolute;
    bottom: -45px;
    right: calc(50% + 1.5px);
    width: 3px;
    height: 25px;
    background-color: var(--red);
  }
  .zeitstrahl-section .zeitstrahl-columns .zeitstrahl-single.last:after {
    content: none;
  }
  .altbierkueche-section-2 {
    flex-direction: column-reverse;
  }
  .altbierkueche-section-2 .altbierkueche-inner:after {
    width: 35vw;
    z-index: 1;
    opacity: 0.25;
  }
  .altbierkueche-section-2 .wp-block-cover {
    min-height: 450px !important;
  }
}
@media (max-width: 781px) and (max-width: 400px) {
  .biere-section .bier-columns .bier-single-columns img {
    padding-left: 0rem !important;
  }
}
@media (max-width: 600px) {
  .altbierkueche-section .pseudo-before:after {
    background-color: var(--beer);
  }
  .altbierkueche-section .pseudo-after:before {
    background-color: var(--grey);
  }
  .altbierkueche-section .altbierkueche-section-columns-left {
    flex-wrap: wrap !important;
  }
  .altbierkueche-section .altbierkueche-section-columns-left .pinkus-sticky {
    width: 100px !important;
    top: 55px !important;
  }
}
@media (max-width: 576px) {
  .handwerk-section .wp-block-column:nth-child(1) {
    right: 0;
    width: 75px;
  }
  .handwerk-section .element-border {
    transform: translateX(0);
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .handwerk-section .element-border h2 {
    padding-right: 3rem;
    padding-bottom: 2rem;
  }
  .handwerk-section .element-border h3 {
    hyphens: auto;
  }
  .oeffnungszeiten-section .oeffnungszeiten-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .biere-uebersicht {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .info-section {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
/*== Responsive END ==*/
/*== content END ==*/
/*== Sidebar SCSS ==*/
.contact-sticky {
  position: fixed;
  padding: 0;
  right: 0;
  bottom: 10%;
  pointer-events: none;
  z-index: 50;
}
.contact-sticky .contact-sticky-inner .wp-block-image {
  cursor: pointer;
  transition: 0.25s;
}
.contact-sticky .contact-sticky-inner .wp-block-image img {
  height: 100px;
}
.contact-sticky .contact-sticky-inner .wp-block-image:not(.sticky-open) {
  transform: translateX(81%);
  opacity: 0;
}
.contact-sticky .contact-sticky-inner .wp-block-image:hover {
  transform: translateX(20%);
}
.contact-sticky .contact-sticky-inner .wp-block-image.sticky-open {
  transform: translateX(45%);
  pointer-events: auto;
}
.contact-sticky .contact-sticky-inner .wp-block-image.sticky-open:hover {
  transform: translateX(30%);
}
.contact-sticky .contact-sticky-inner.expanded .wp-block-image:not(.sticky-open) {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 781px) {
  .contact-sticky .contact-sticky-inner .wp-block-image img {
    height: 70px;
  }
  .contact-sticky .contact-sticky-inner .wp-block-image:not(.sticky-open) {
    transform: translateX(78%);
    opacity: 0;
  }
  .contact-sticky .contact-sticky-inner .wp-block-image:hover {
    transform: translateX(20%);
  }
  .contact-sticky .contact-sticky-inner .wp-block-image.sticky-open {
    transform: translateX(45%);
    pointer-events: auto;
  }
  .contact-sticky .contact-sticky-inner .wp-block-image.sticky-open:hover {
    transform: translateX(30%);
  }
}
.sidebars {
  margin: 0;
}
.sidebar {
  position: fixed;
  z-index: 99;
  right: -100%;
  top: 0;
  margin-top: 0;
  max-width: 650px;
  width: 100%;
  height: 100%;
  transition: 0.25s;
  padding: 2rem !important;
  /* Chrome, Edge, Safari */
}
.sidebar .sidebar-content {
  padding: 2rem !important;
}
.sidebar.open {
  right: 0;
}
.sidebar .sidebar-close {
  cursor: pointer;
  margin-top: 0 !important;
  padding: 0.5rem;
  background: var(--red);
  z-index: 9;
  position: absolute;
  left: calc(var(--wp--preset--spacing--30) / 2);
  transform: translateY(calc(var(--wp--preset--spacing--30) / -2));
}
.sidebar .pseudo-before {
  margin: 0;
}
.sidebar .pseudo-before:after {
  content: "";
  position: absolute;
  z-index: 2;
  right: -16px;
  bottom: -40px;
  transform: rotate(180deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--red);
}
.sidebar .sidebar-content {
  height: 100%;
  margin-top: 0;
  overflow-y: scroll;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: var(--beer_gold) var(--red);
}
.sidebar .sidebar .sidebar-content::-webkit-scrollbar {
  width: 5px;
}
.sidebar .sidebar .sidebar-content::-webkit-scrollbar-track {
  background: var(--red);
  border-radius: 10px;
}
.sidebar .sidebar .sidebar-content::-webkit-scrollbar-thumb {
  background-color: var(--beer_gold);
  border-radius: 10px;
  transition: background-color 0.2s ease;
}
.sidebar .sidebar .sidebar-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--beer_gold);
}
.sidebar .pseudo-after {
  margin: 0;
}
.sidebar .pseudo-after:before {
  content: "";
  position: absolute;
  left: -16px;
  bottom: -12px;
  transform: rotate(0deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--red);
}
.sidebar .pseudo-after:after {
  content: "";
  position: absolute;
  right: -12px;
  bottom: -16px;
  transform: rotate(270deg);
  width: 52px;
  height: 52px;
  background-image: url("assets/img/PIM_Schlaufe__Schlaufe_4.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: var(--red);
}
.sidebar .wpforms-block input, .sidebar .wpforms-block select, .sidebar .wpforms-block textarea {
  border: none !important;
}
.sidebar .wpforms-block .wpforms-submit {
  border: solid 1px var(--beer_gold) !important;
  padding: 1rem 2rem !important;
  height: auto;
  font-family: var(--wp--preset--font-family--schrift-jule-neu) !important;
  text-transform: uppercase;
  color: var(--beer_gold) !important;
}
.sidebar.grey .sidebar-close {
  background: var(--grey);
}
.sidebar.grey .pseudo-before:after {
  background-color: var(--grey);
}
.sidebar.grey .pseudo-after:before {
  background-color: var(--grey);
}
.sidebar.grey .pseudo-after:after {
  background-color: var(--grey);
}
.sidebar.grey .sidebar-content {
  scrollbar-color: var(--beer_gold) var(--grey);
}
.sidebar.grey .sidebar .sidebar-content::-webkit-scrollbar-track {
  background: var(--grey);
}
/* Altersfreigabe Ckeck */
.altersfreigabe {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
}
.altersfreigabe.display {
  display: flex;
}
@media (max-width: 576px) {
  .altersfreigabe {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Altersfreigabe Ckeck END */
/*== Sidebar SCSS END ==*/