/*
Theme Name: bsTheme
Theme URI: http://brotsalz.de/
Author: brot & salz
Author URI: http://www.brotsalz.de
Description: brot & salz Theme
Version: 1.0.1
Tested up to: 6.1.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bstheme
Tags: brot&salz, tailor-made-theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bsTheme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

/*
Set the standart HTML font-size so REM Elements can inherit */
:root {
  --curs-anim-dur: 0.4s;
  --curs-size: 35px;
}

:root :where(a:where(:not(.wp-element-button))) {
  text-decoration: inherit;
}

html {
  font-size: var(--f-reg);
}

body,
button,
input,
select,
optgroup,
textarea {
  color: var(--cDef);
  background-color: var(--cWhite);
  font-family: var(--family-body);
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: var(--l-height-body);
  /* Prevents fonts from being rendered incorrectly (thicker) */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body.switch__theme_on {
  transition: color 0.3s ease, border-color 0.3s ease,
    background-color 0.3s ease;
}
/* body,
body.noCursor,
a {
  cursor: none !important
} */

/* #bsCursor {
  z-index: 9999;
  width: 28px;
  height: 28px;
  position: absolute;
  animation: cursorIn var(--curs-anim-dur) forwards;
  pointer-events: none;
}
#bsCursor svg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.12s ease-in;
} */
/* body,
body * {
  cursor: none !important;
}
.mf-cursor {
  background-image: url("data:image/svg+xml,	%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 342.3 342.3' style='enable-background:new 0 0 342.3 342.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0 %7B fill: %23EFA9BE; %7D %3C/style%3E%3Cpath fill='var(--cWhite)' d='M82,0L71.4,10.6L10.6,71.4L0,82l10.6,10.6l78.5,78.5l-78.5,78.6L0,260.3l10.6,10.6l60.8,60.8L82,342.3l10.6-10.6l78.5-78.6 l78.6,78.6l10.6,10.6l10.6-10.6l60.8-60.8l10.6-10.6l-10.6-10.6l-78.6-78.6l78.6-78.5L342.3,82l-10.6-10.6l-60.8-60.8L260.3,0 l-10.6,10.6l-78.6,78.5L92.6,10.6L82,0L82,0z' /%3E%3Cg%3E%3Cpolygon class='st0' points='171.1,231.9 82,321.1 21.2,260.3 110.3,171.1 21.2,82 82,21.2 171.1,110.3 260.3,21.2 321.1,82 231.9,171.1 321.1,260.3 260.3,321.1 ' /%3E%3C/g%3E%3C/svg%3E");
  width: var(--curs-size);
  height: var(--curs-size);
  z-index: 9999 !important;
  margin-left: calc(var(--curs-size) / -2);
  margin-top: calc(var(--curs-size) / -2);
  contain: none !important;
}
.mf-cursor::before {
  display: none !important;
}
#bsCursor.overVideo {
  animation: cursorIn var(--curs-anim-dur) forwards;
  background: url("/wp-content/themes/bsTheme/assets/icons/play_icon.svg") no-repeat center center/contain;
}

#bsCursor.cursorOut {
  animation: cursorOut var(--curs-anim-dur) forwards;
  cursor: none !important;
} */

/* #bsCursor.gimmeRef svg {
  transform: rotate(45deg);
}
#bsCursor .gimmeRefWrapper {
  opacity: 0;
  margin-left: 33px;
  min-width: 300px;
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-top: 3px;
  overflow-x: hidden;
}
#bsCursor .gimmeRefWrapper span {
  margin-left: -100%;
  transition: 0.2s ease-in;
}
#bsCursor.gimmeRef .gimmeRefWrapper span {
  margin-left: 0;
} */
#navBurger {
  transition: var(--curs-anim-dur) ease-in;
}
.navBurgerContainer.active #navBurger:hover {
  background-color: var(--cPink);
  border-color: var(--cPink);
  /* cursor: none; */
}
.navBurgerContainer.active #navBurger:hover span {
  background-color: var(--cWhite);
}
.navBurgerContainerv2 #navBurger {
  border: none !important;
  padding-block: 10px !important;
  height: 50px;
  width: 40px !important;
  background: none !important;
  min-width: 40px !important;
}
.navBurgerContainerv2 #navBurger span {
  width: 100%;
}

.navBurgerContainerv2.active #navBurger:hover {
  background: none !important;
  border-color: none;
}

.navBurgerContainerv2.active #navBurger:hover span {
  background: inherit !important;
  border-color: none;
}

.navDown {
  background-color: var(--cWhite) !important;
}

.navOpen .navDown {
  background-color: var(--cWhite) !important;
}

.navOpen .site__header {
  background-color: var(--cWhite) !important;
}

@keyframes cursorIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes cursorOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

/* Links
--------------------------------------------- */
a {
  text-decoration: none;
}

a,
a:visited,
a:hover,
a:active {
  color: inherit;
}

a:focus {
  color: inherit;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  border: 3px solid;
  border-color: var(--cDef);
  background: var(--cDef);
  color: var(--cWhite);
  line-height: var(--line-body);
  padding: 1rem 2rem;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='range'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='color'],
textarea {
  color: var(--cDef);
  border: none;
  border-bottom: 3px solid var(--cDef);
  outline: none;
  padding: 8px 6px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='range']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='time']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='color']:focus,
textarea:focus {
  color: var(--cDef);
}

select {
  border: 3px solid var(--cDef);
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Hero
--------------------------------------------- */
.hero__screen .row {
  min-height: 100vh;
  align-items: center;
}

.hero__auto .row {
  min-height: 50vh;
  align-items: center;
}

@media (min-height: 769px) {
  .hero__screen .row {
    min-height: 0;
    height: 100vh;
    max-height: 768px;
  }

  .hero__screen .row {
    min-height: 0;
    height: 40vh;
    max-height: 576px;
  }
}

.darkmode__theme .heroVidLoop.light {
  display: none !important;
}

body:not(.darkmode__theme) .heroVidLoop.dark {
  display: none !important;
}

/* Navigation
--------------------------------------------- */
.site__header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: 0s all ease;
}

/* Nav open */
.navOpen {
  overflow: hidden;
}

/* Nav down */
.navDown {
  /* background: #fff;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.07); */
}

/* Light -------- -------- */
.light .site-header:not(.navDown) {
  background: var(--bgHeaderLight);
  color: var(--cHeaderLight);
}

/* Light nav down */
.light .site-header.navDown {
  background: var(--bgNavDown);
  color: var(--cNavDown);
}

/* Light nav open - nav down */
.light.navOpen .site-header.navDown {
}

/* Light nav open - nav not down */
.light.navOpen .site-header:not(.navDown) {
}

/* Dark -------- -------- */
.dark .site-header:not(.navDown) {
  background: var(--bgHeaderDark);
  color: var(--cHeaderDark);
}

/* Dark nav down */
.dark .site-header.navDown {
  background: var(--bgNavDown);
  color: var(--cNavDown);
}

/* Dark nav open - nav down */
.dark.navOpen .site-header.navDown {
}

/* Dark nav open - nav not down */
.dark.navOpen .site-header:not(.navDown) {
}

/* Alt -------- -------- */
.alt .site-header:not(.navDown) {
}

/* Alt nav down */
.alt .site-header.navDown {
}

/* Alt nav open - nav down */
.alt.navOpen .site-header.navDown {
}

/* Alt nav open - nav not down */
.alt.navOpen .site-header:not(.navDown) {
}

/* Burger menu with Overlay */
#navBurger {
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s ease-in;
  padding-block: 15px;
}

#navBurger span {
  display: block;
  width: 60%;
  height: 4px;
  border-radius: 0;
  background: var(--cDef);
}

.navBurgerContainer {
  font-weight: var(--weight-bold);
  cursor: pointer;
}

/* .navBurgerContainer:not(.active):hover #navBurger span:first-child {
  animation: menuToggle 0.4s 0.1s ease-in;
}

.navBurgerContainer:not(.active):hover span:nth-child(2) {
  animation: menuToggle 0.4s 0.3s ease-in;
}

.navBurgerContainer:not(.active):hover span:nth-child(3) {
  animation: menuToggleLast 0.4s 0.1s ease-in;
} */
.navBurgerContainer.active #navBurger span {
  transition: 0.2s ease-in;
}
.navBurgerContainer.active #navBurger span:nth-child(3) {
  opacity: 0;
}

.navBurgerContainer.active #navBurger span:nth-child(1) {
  position: absolute;
  top: 23px;
  background: var(--cDef);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
  /*for IE*/
}

.navBurgerContainer.active #navBurger span:nth-child(2) {
  position: absolute;
  top: 23px;
  background: var(--cDef);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
  /*for IE*/
}
.navBurgerContainer:hover #navBurger span,
.navBurgerContainer.active:hover #navBurger span {
  background: var(--cWhite);
}
.navBurgerContainerv2:hover #navBurger {
  background: none !important;
  border-color: none;
}
.navBurgerContainerv2:hover #navBurger span,
.navBurgerContainerv2.active:hover #navBurger span {
  background: var(--cDef) !important;
}

.navBurgerLabel {
  width: 200px;
  height: 1.5rem;
  margin-left: 10px;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}
.navBurgerLabel span {
  content: '';
  position: absolute;
  left: -100%;
  bottom: 0;
  top: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.1s ease-in;
  z-index: 4;
}
.navBurgerContainer:hover .navBurgerLabel span {
  left: 0;
}
@keyframes menuToggle {
  0% {
    width: inherit;
  }

  50% {
    width: 20%;
  }

  100% {
    width: inherit;
  }
}

@keyframes menuToggleLast {
  0% {
    width: 70%;
  }

  33% {
    width: 100%;
  }

  66% {
    width: 20%;
  }

  100% {
    width: 70%;
  }
}

/* Menu Overlay */
#navOverlayContainer {
  padding-block: calc(var(--nav-height) * 1.5);
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
  background-color: var(--cWhite);
  z-index: -90;
  width: 100%;
  height: 100%;
  transition: 0.22s opacity ease;
}
.ovNavContainer__wrapper {
  min-height: calc(100vh - (var(--nav-height) * 3));
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#navOverlayContainer.openOverlay {
  transition-delay: 0s;
  opacity: 1;
  z-index: 9;
}

.overlayNav {
  list-style: none;
  display: block;
  margin-bottom: 1rem;
}

.overlayNav li {
  width: 100%;
  margin: 0.5rem 0 0.5rem;
  padding: 0.25rem 0;
}

.overlayNav li a {
  font-size: 1.75rem;
  font-weight: var(--weight-bold);
  display: block;
  background: white;
  padding: 0;
  text-align: left;
  border: none;
}

.overlayNav a {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/* Full Hero
--------------------------------------------- */
.fullHeroWrapper .row {
  height: 100vh;
  max-height: 1020px;
}

#logoLottie * {
  fill: var(--cDef);
}

#logoLottie *[fill='rgb(243,241,240)'] {
  fill: var(--cWhite);
}
.nlFormWrapper input[type='email'],
.mc4wp-form-fields input[type='email'] {
  width: 100%;
  min-width: 220px;
  border: 3px solid var(--cDef);
}
.submitNLCont {
  display: flex;
  align-items: center;
}
.submitNLCont input {
  height: 60px;
  font-size: 18px;
  padding: 5px 10px;
}

.mc4wp-form-fields input[type='submit'],
.nlFormWrapper input[type='submit'] {
  background-color: var(--cWhite);
  color: var(--cDef);
  padding-inline: 20px;
  border-left: 0;
}
.mc4wp-form-fields input[type='submit'],
.mc4wp-form-fields input[type='email'],
.nlFormWrapper input[type='submit'],
.nlFormWrapper input[type='email'] {
  border-color: var(--cWhite);
  color: var(--cWhite);
  background-color: var(--cDef);
  border-radius: 0;
}
.labelDsgvo {
  margin-top: 20px;
}
.darkmode__theme .mc4wp-form-fields input[type='submit'],
.darkmode__theme .mc4wp-form-fields input[type='email'],
.darkmode__theme .nlFormWrapper input[type='submit'],
.darkmode__theme .nlFormWrapper input[type='email'] {
  border-color: var(--cDef);
  color: var(--cDef);
  background-color: var(--cWhite);
}
.dsgvo__check_wrapper,
.labelDsgvo {
  font-size: 16px;
}
.dsgvo__check_wrapper input {
  margin-right: 6px;
}
@media (min-width: 648px) {
  .mc4wp-form-fields input[type='email'],
  .nlFormWrapper input[type='email'] {
    min-width: 360px;
  }
}

.mc4wp-form-fields,
.sib_signup_form,
.nlFormWrapper {
  max-width: 494px;
}
.rHeadline {
  position: relative;
}
.rHeadline::after {
  content: '.';
  position: absolute;
  right: -1.65rem;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 576px) {
  .filterRefsByCat.default__btn_pill {
    font-size: 14px !important;
    padding: 5px 6px;
    height: 35px !important;
    margin-top: 0.5rem !important;
    margin-right: 0.35rem !important;
  }
  .mc4wp-form-fields input[type='email'] {
    min-width: 140px;
  }
  .submitNLCont input {
    height: 50px;
  }
  .ticker__item:after {
    padding-inline: 1.25rem 1rem !important;
    margin-left: 10px;
  }
}
@media (min-width: 576px) {
  .no-br-md {
    display: none;
  }
}
.adressFooterWrapp > p {
  margin: 0;
}
.defaultWithArrow svg {
  margin-left: 5px;
  transition: 0.2s ease-in;
  height: 1rem;
  margin-bottom: 5px;
}
.defaultWithArrow:hover svg {
  transform: rotate(45deg);
}

.withArrow a:after {
  content: '';
  height: 0.517em;
  width: 1em;
  display: inline-block;
  margin-left: 0.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.57' height='32.57' viewBox='0 0 32.57 32.57'%3E%3Cpath id='Path_15470' data-name='Path 15470' d='M0,0V5.714H22.816L.265,28.265l4.041,4.041L26.856,9.755V32.571H32.57V0Z' transform='translate(0 0)' fill='%23121212'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.12s ease-in;
  transform-origin: center;
}
.darkmode__theme .withArrow a:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.57' height='32.57' viewBox='0 0 32.57 32.57'%3E%3Cpath id='Path_15470' data-name='Path 15470' d='M0,0V5.714H22.816L.265,28.265l4.041,4.041L26.856,9.755V32.571H32.57V0Z' transform='translate(0 0)' fill='%23faf9f8'/%3E%3C/svg%3E%0A");
}
.withArrow a:hover:after {
  transform: rotate(45deg);
}

#lotte__hot_deals [fill='rgb(2,2,2)'],
#lotte__mega_deal [fill='rgb(2,2,2)'],
#lotte__hot_deals_en [fill='rgb(2,2,2)'],
#lotte__mega_deal_en [fill='rgb(2,2,2)'] {
  fill: var(--cWhite);
}

#lotte__hot_deals [fill='rgb(221,168,188)'],
#lotte__hot_deals_en [fill='rgb(221,168,188)'] {
  fill: var(--cPink);
}

#lotte__hot_deals [fill='rgb(232,229,227)'],
#lotte__mega_deal [fill='rgb(232,229,227)'],
#lotte__hot_deals_en [fill='rgb(232,229,227)'],
#lotte__mega_deal_en [fill='rgb(232,229,227)'] {
  fill: var(--cDef);
}

html[lang='en-US'] .hot_deals__price .de,
html[lang='de-DE'] .hot_deals__price .en,
html[lang='en-US'] #lotte__hot_deals,
html[lang='de-DE'] #lotte__hot_deals_en,
html[lang='en-US'] #lotte__mega_deal,
html[lang='de-DE'] #lotte__mega_deal_en {
  display: none !important;
}

.hot_deals__price :is(.de, .en) {
  width: 100%;
}

.bsModal .modal-content {
  background-color: var(--cWhite);
  color: var(--cDef);
}
.bsModal .modal-header {
  border: none;
}

.applicantInput input {
  width: 100%;
}

.inputWrapper {
  padding-bottom: 1.5rem;
}

.inputFieldWrap {
  position: relative;
  width: 100%;
  cursor: pointer;
  margin-bottom: 30px;
  margin-top: 20px;
}
.inputFieldWrap label {
  position: absolute;
  bottom: 11px;
  font-size: 22px;
  left: 0px;
  transition: 0.1s ease-in;
  opacity: 0.4;
}
.inputFieldArea label {
  transition: 0.1s ease-in;
  opacity: 0.4;
}
.inputFieldArea {
  margin-top: 30px;
}
.inputFieldArea textarea {
  padding-left: 0;
}
.inputFieldArea label {
  font-size: 22px;
}

.inputFieldWrap input {
  font-size: 20px;
  background-color: transparent !important;
  transition: 0.2s ease-in;
  cursor: pointer;
  width: calc(100% - 20px);
  padding: 8px 6px 6px;
  padding-left: 0px;
}
.inputFieldArea textarea {
  background-color: transparent !important;
  transition: 0.2s ease-in;
  cursor: pointer;
  width: calc(100% - 20px);
}
.inputFieldWrap input:autofill,
.inputFieldWrap input:-webkit-autofill,
.inputFieldWrap input:-webkit-autofill:hover,
.inputFieldWrap input:-webkit-autofill:focus,
.inputFieldWrap input:-webkit-autofill:active,
.inputFieldWrap input:-internal-autofill-selected {
  background: transparent;
  -webkit-box-shadow: 0 0 0 30px var(--cWhite) inset !important;
  background-color: transparent !important;
  color: var(--cDef) !important;
  -webkit-text-fill-color: var(--cDef) !important;
}
.inputFieldWrap input:-moz-autofill,
.inputFieldWrap input:-moz-autofill:hover,
.inputFieldWrap input:-moz-autofill:focus,
.inputFieldWrap input:-moz-autofill:active {
  background: transparent !important;
}
.inputFieldWrap.focused label,
.inputFieldWrap.hasVal label {
  font-size: 14px;
  bottom: 45px;
  opacity: 1;
}
.inputFieldArea.inputFieldArea.focused label,
.inputFieldArea.inputFieldArea.hasVal label {
  color: var(--cPink);
  font-size: 16px;
  opacity: 1;

  margin-top: -6px;
}
.inputFieldArea:not(.hasVal, .focused):hover label,
.inputFieldWrap:not(.hasVal, .focused):hover label {
  opacity: 0.7;
}
/* .inputFieldWrap:hover input,
.inputFieldArea:hover textarea {
  border-color: var(--cPink);
  background-color: var(--cLightGrey) !important;
} */
.inputFieldWrap.focused input,
.inputFieldArea.focused textarea {
  border-color: var(--cPink);
}

.checkPrivacyWrapper .gsdvoTxt {
  position: relative;
  padding-bottom: 40px;
}

@media (max-width: 576px) {
  .checkPrivacyWrapper .gsdvoTxt {
    font-size: 12px !important;
    padding-bottom: 10px;
    font-weight: 400;
  }
}

.checkPrivacyWrapper input[type='checkbox'] {
  height: 0;
  width: 0;
  opacity: 0;
}
.checkPrivacyWrapper input[type='checkbox'] + label {
  position: relative;
  display: flex;
  margin: 0.6em 0;
  color: #9e9e9e;
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
.checkPrivacyWrapper .gsdvoTxt {
  padding-top: 4px;
}
.checkPrivacyWrapper input[type='checkbox'] + label > span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background: transparent;
  border: 2px solid #9e9e9e;
  border-radius: 2px;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
}
.checkPrivacyWrapper input[type='checkbox'] + label:hover,
.checkPrivacyWrapper input[type='checkbox']:focus + label {
  color: #fff;
}
.checkPrivacyWrapper input[type='checkbox'] + label:hover > span,
.checkPrivacyWrapper input[type='checkbox']:focus + label > span {
  background: rgba(255, 255, 255, 0.1);
}
.checkPrivacyWrapper input[type='checkbox']:checked + label > ins {
  height: 100%;
}
.checkPrivacyWrapper input[type='checkbox']:checked + label > span {
  border: 15px solid var(--cPink);
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}
.checkPrivacyWrapper input[type='checkbox']:checked + label > span:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 5px;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}

@media (max-width: 576px) {
  .checkPrivacyWrapper input[type='checkbox'] + label > span {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
  }

  .checkPrivacyWrapper input[type='checkbox']:checked + label > span {
    border: 12.5px solid var(--cPink) !important;
  }

  .checkPrivacyWrapper input[type='checkbox']:checked + label > span:before {
    top: 5px !important;
    left: 4px !important;
  }
}

@keyframes shrink-bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: var(--cDark);
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 6px;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 9px;
    height: 18px;
    border-color: var(--cDark);
    transform: translate3d(0, -0.5em, 0) rotate(45deg);
  }
}
.checkPrivacyWrapper label {
  font-size: 18px;
}
.submitBtn button,
#goToContactArea {
  padding: 15px 25px;
  font-size: 18px;
  background-color: var(--cWhite);
  color: var(--cDef);
  border: 3px solid var(--cDef);
  cursor: pointer;
  transition: 0.2s ease-in;
  display: inline-block;
}

.hintField {
  font-size: 16px;
  color: var(--cPink);
  position: absolute;
  bottom: 11px;
  left: 0px;
  transition: 0.1s ease-in;
}

.ovHintWrapper {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  transition: 0.2s opacity 0.1s ease-in;
}
.loaderActive,
.noMsgActive {
  overflow: hidden;
}
.loaderActive .formLoaderWrapper {
  transition: 0.2s 0.3s ease-in;
  opacity: 1;
  z-index: 9999;
  visibility: visible;
}
.noMsgActive .noMsgWrap {
  transition: 0.2s 0.3s ease-in;
  opacity: 1;
  z-index: 9999;
  visibility: visible;
}
.ovHintWrapper svg {
  max-width: 100px;
  height: auto;
}

.mw-md {
  max-width: 992px;
}
#goToContactArea {
  cursor: pointer;
}
.dark-mode-toggle #checkbox {
  display: none;
}
.dark-mode-toggle .toggle {
  height: 38px;
  width: 30px;
  display: grid;
  place-items: center;
  position: relative;
  cursor: pointer;
  border-radius: 9999px;
  margin-left: -40px;
}
.mobileToggle label {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dark-mode-toggle #graphic {
  width: 25px;
  height: auto;
  position: absolute;
  right: -39px;
  transform-origin: center;
  transform-box: fill-box;
  transition: all 0.5s ease-in-out;
}

body:not(.darkmode__theme) .dark-mode-toggle #graphic {
  transform: translateX(-130%) rotate(0deg) scale(1.4);
}
.dark-mode-toggle #graphic > * {
  fill: var(--cDef);
  transition: all 0.5s ease-in-out;
  transform-origin: center;
  transform-box: fill-box;
}
.dark-mode-toggle #croissant {
  transform: rotate(360deg);
  opacity: 1;
}
.dark-mode-toggle #sung {
  opacity: 0;
}
.toggle #graphic {
  transform: translateX(-130%) rotate(0deg);
}
.darkmode__theme .dark-mode-toggle .toggle #graphic {
  transform: translateX(-10%) rotate(360deg);
}
.darkmode__theme .dark-mode-toggle .toggle #sung {
  opacity: 1;
}
.darkmode__theme .dark-mode-toggle .toggle #croissant {
  transform: scale(1.5);
  opacity: 0;
}

@media (max-width: 576px) {
  .trp-language-switcher .trp-ls-shortcode-language a[title='German']::after {
    display: none !important;
  }
}

/* ? @Jan - War ausgestellt aus irgendeinem Grund. Zum Testen? Habs wieder angestellt. */
/* .reference__video_row_1 {
  display: none !important;
} */

/* Footer
--------------------------------------------- */
.darkmode__theme .mc4wp-form-fields input[type='submit'],
.darkmode__theme .mc4wp-form-fields input[type='email'] {
  border-radius: 0 !important;
}

.adressFooterWrapp {
  display: flex;
}

.socialMediaItem {
  display: block;
}

.socialMediaItem a {
  display: flex;
  margin-right: 0.75rem;
}

.socialMediaItem a svg {
  width: auto;
  height: 1.5rem;
  fill: var(--cDef);
}

@media (max-width: 1200px) {
  .adressFooterWrapp {
    flex-wrap: wrap;
  }

  .adressFooterWrapp .socialMediaItem {
    max-width: 30%;
    flex-basis: 30%;
  }
}

@media (max-width: 1200px) and (min-width: 993px) {
  .adressFooterWrapp {
    padding-left: 2rem;
  }
}

@media (max-width: 992px) {
  .adressFooterWrapp {
    flex-wrap: nowrap;
    margin-top: 1rem;
  }

  .adressFooterWrapp .socialMediaItem {
    max-width: 100%;
    flex-basis: auto;
  }
}

@media (max-width: 576px) {
  /* .adressFooterWrapp {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 2rem !important;
  } */

  /* .adressFooterWrapp .socialMediaItem {
    max-width: 50%;
    flex-basis: 50%;
    padding-bottom: 0.5rem;
  } */

  .adressFooterWrapp .socialMediaItem {
    max-width: 100%;
    flex-basis: auto;
    padding-bottom: 0.5rem;
  }

  .footerBtn.basicbtn__wrapper .prime__wrapper .arrow__pill {
    transform: scale(0.675);
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 1200px) {
  .tickerBreaker {
    max-width: 100vw;
    overflow-x: hidden;
  }
}

.development_page:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  content: '';
  height: 100%;
  z-index: 4000;
  background: var(--cWhite);
}

body:not(.development_page) .videoPreload {
  display: none !important;
}

.videoPreload {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  height: 100%;
}

.videoPreload video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.notouch .video__page_preload_mobile {
  display: none !important;
}

.touch .video__page_preload {
  display: none !important;
}

.videoWMute {
  position: relative;
}
.videoMuteBtn__wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 6vh;
  z-index: 9999;
  cursor: pointer;
  background: transparent !important;
  border: var(--btn-b-width) solid var(--cLight);
}
.videoWMute .videoMuteBtn__wrapper {
  width: 100px;
  height: 100px;
  border-radius: 9999rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cLight);
}
.videoWMute .videoMuteBtn__wrapper svg {
  width: 50%;
  height: auto;
  color: var(--cLight);
}

.sound {
  width: 60%;
  height: 60%;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.sound--icon {
  color: var(--cLight);
  width: 75%;
  height: 100%;
  line-height: 33%;
  font-size: 100px;
  display: block;
  margin: auto;
}
.sound--icon svg * {
  stroke: var(--cLight);
}
.sound--wave {
  position: absolute;
  border: 4px solid transparent;
  border-right: 4px solid var(--cLight);
  border-radius: 50%;
  transition: all 200ms;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sound--wave_one {
  width: 42%;
  height: 40%;
}
.sound--wave_two {
  width: 75%;
  height: 75%;
}
.sound-mute .sound--wave {
  border-radius: 0;
  width: 43%;
  height: 40%;
  border-width: 0 4px 0 0;
}
.sound-mute .sound--wave_one {
  transform: rotate(45deg) translate3d(0, -50%, 0);
}
.sound-mute .sound--wave_two {
  transform: rotate(-45deg) translate3d(0, 50%, 0);
}

@media (max-width: 768px) {
  .videoWMute .videoMuteBtn__wrapper {
    height: 70px;
    width: 70px;
    bottom: 15px;
  }
  .sound--icon {
    line-height: 20%;
  }
  .sound-mute .sound--wave {
    width: 45%;
  }
}

.infoText p,
.infoText li {
  font-weight: 400;
}

.infoText strong,
.infoText b {
  font-weight: 800;
}
.infoText ul,
.infoText ol {
  padding-left: 20px;
}
.infoText ul ul,
.infoText ol ul,
.infoText ul ol,
.infoText ol ol {
  padding-left: 0px;
}

.infoText li {
  margin-bottom: 10px;
}

@media (max-width: 1440px) {
  .noFlowMobile {
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
  }
}

@media (max-width: 576px) {
  body .overlayNav .btn__wrapper a {
    font-size: 43px !important;
  }
  #navOverlayContainer #additional_menu__links .default__btn_pill a {
    font-size: 18px !important;
  }
}

.development_page {
  overflow: hidden;
}

.agbInfo .infoText > ol > li {
  font-weight: 800;
}

.page-id-2941.translatepress-en_US .entry-content > p:first-child {
  display: none;
}
form.post-password-form {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  body * {
    hyphens: none !important;
  }
}

/** NEW VIDEO LOGIC */
.aws__underlay {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.aws__underlay.active {
  z-index: 12;
}

.video_overlay__wrapper {
  overflow: hidden;
}

.video_overlay__background {
  transform: scale(1.005);
  transform-origin: center;
}

.video_overlay__wrapper iframe {
  position: absolute;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.video_overlay__wrapper.iframe iframe {
  position: relative;
}

.video_overlay__wrapper.inactive {
  pointer-events: none;
}

.video_overlay__wrapper.inactive * {
  pointer-events: all;
}

/* Utility ------------------ */
.lh-fix {
  line-height: var(--l-height-body) !important;
}

.footer__legal {
  font-weight: 100;
  font-size: 16px;
}

.cta_show_more_down {
  padding: 0;
  background: transparent;
  border: none;
}

.cta_show_more_down .cta_show_more_down__text {
  margin-bottom: 1rem;
}

.cta_show_more_down .cta_show_more_down__svg {
  border: var(--btn-b-width) solid var(--cDef);
  border-radius: 50%;
  padding: 0.75rem;
}

.cta_show_more_down .cta_show_more_down__svg svg {
  width: 1.35rem;
  height: 1.35rem;
  transform: rotate(135deg);
  transition: 0.6s all ease;
}

.show_all_stories_button.active .cta_show_more_down__svg svg {
  transform: rotate(-45deg);
}

/** Media under 768px and orientation landscape */
@media (max-width: 768px) and (orientation: landscape) {
  #lottie__jobs {
    position: absolute !important;
    top: -2rem !important;
    right: 1rem !important;
    max-width: 160px !important;
  }
  .jobsingleheaderrow #lottie__smiley {
    position: absolute !important;
    top: -2rem !important;
    right: 0 !important;
    max-width: 160px !important;
    left: auto;
  }
  .quickshare__wrapper {
    flex-direction: row !important;
  }
}

/* Reference specific code
--------------------------------------------- */
@media (max-width: 576px) {
  /* Schönhauser Allee Arcaden */
  .single.postid-6768 .image_slider__wrapper .swiper-slide img {
    aspect-ratio: 9/16;
  }
}

/* Blog
--------------------------------------------- */
.single.single-post h1 {
  hyphens: auto;
}

/* Ticker
--------------------------------------------- */
@media (max-width: 576px) {
  .ticker-wrap.hasbling.ticker_font__mobile.reverse {
    display: none !important;
  }
}

/* Design Icons
--------------------------------------------- */
.designIcon {
  max-height: 59px;
  width: auto;
}

.single-post .wp-block-heading {
  color: var(--cPink);
  font-weight: 800;
}

.single-post h1.wp-block-heading {
  color: var(--cDark);
}

@media (max-width: 576px) {
  .single-post h1,
  .single-post h2,
  .single-post h3 {
    hyphens: auto !important;
  }
}

.sib-alert-message-success {
  display: none !important;
}

.sib_signup_form {
  position: relative;
}
.sib_signup_form .sib_loader {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.75);
}

/* Unsubscribe
--------------------------------------------- */
.unsub__icon {
  display: none;
  width: 100%;
  max-width: 500px;
  margin-bottom: 1.5rem;
}

.unsub__icon img {
  width: 100%;
  height: auto;
}

body:not(.darkmode__theme) .unsub__icon.dark {
  display: block;
}

body.darkmode__theme .unsub__icon.light {
  display: block;
}

#abmeldung .sib-form {
  background-color: transparent !important;
  padding: 0 !important;
  font-family: inherit !important;
}

#abmeldung .sib-form #sib-container {
  background-color: transparent !important;
  padding: 0 !important;
  font-family: inherit !important;
  border: none !important;
}

#abmeldung .sib-form #sib-container .sib-input.sib-form-block {
  padding-inline: 0 !important;
}

#abmeldung .sib-form #sib-container .sib-input.sib-form-block * {
  color: var(--cDef) !important;
}

#abmeldung
  .sib-form
  #sib-container
  .sib-input.sib-form-block
  :is(.entry__label, .entry__specification) {
  text-align: center !important;
}

#abmeldung .sib-form #sib-container .sib-input.sib-form-block .entry__label {
  order: 2;
  margin-top: 1rem;
}

#abmeldung .sib-form #sib-container .form__label-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#abmeldung .sib-form #sib-container .bs-style-unsub {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--cDef) !important;
  width: fit-content;
  font-size: 18px !important;
}

#abmeldung .sib-form #sib-container .bs-style-unsub .entry__field {
  margin: 0;
  border: none;
  border-right: 3px solid var(--cDef);
  border-radius: 0;
  box-shadow: none !important;
}

#abmeldung .sib-form #sib-container .bs-style-unsub .entry__field input {
  background: var(--cWhite);
  outline: none !important;
  border: none !important;
}

#abmeldung
  .sib-form
  #sib-container
  .bs-style-unsub
  .entry__field
  input::placeholder {
  color: var(--cDef);
}

#abmeldung .sib-form #sib-container .bs-style-unsub .entry__field input:focus {
  outline: none !important;
  border: none !important;
}

#abmeldung .sib-form #sib-container .bs-style-unsub .sib-form-block {
  padding: 0 !important;
}

#abmeldung
  .sib-form
  #sib-container
  .bs-style-unsub
  .sib-form-block
  .sib-form-block__button {
  background: var(--cWhite) !important;
  height: 2.25rem !important;
}

#abmeldung .sib-form .input:not(textarea),
#abmeldung .sib-form .input__button {
  height: 2.25rem !important;
}

#abmeldung .sib-form #sib-container .sib-input.sib-form-block .entry__error {
  text-align: center !important;
  color: #121212 !important;
}

#abmeldung .progress-indicator__icon {
  display: none !important;
}

@media (max-width: 576px) {
  #abmeldung br {
    display: none !important;
  }
}
.video__page_preload_mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60%;
  width: 90%;
  margin: auto;
}

@media (max-width: 576px) {
  figure.wp-block-video.videoPreload.video__basic.reference__video.video__page_preload.bgWhite {
    background: transparent !important;
  }
  .video__page_preload.active,
  .video__page_preload_mobile.active {
    display: flex !important;
  }
  .video__page_preload_mobile video {
    border-radius: 0.5rem;
  }
  .video__page_preload_mobile:after {
    content: '';
    color: #fff;
    display: block;
    width: 1.25rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47.121' height='47.121' viewBox='0 0 47.121 47.121'%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(-141.439 -277.439)'%3E%3Cline id='Line_1' data-name='Line 1' x2='45' y2='45' transform='translate(142.5 278.5)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_2' data-name='Line 2' x1='45' y2='45' transform='translate(142.5 278.5)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 1.65rem;
    height: 1.25rem;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
  }
  .video__page_preload_mobile {
    background: transparent !important;
  }
  .development_page:after {
    background: rgba(0, 0, 0, 0.25);
  }
}

#generalContactform :is(input[type='text'], textarea) {
  border-radius: 0 !important;
}

.brlbs-cmpnt-btn,
.brlbs-cmpnt-tab.brlbs-cmpnt-tab-active,
.brlbs-cmpnt-tab:hover {
  background-color: var(--cDark) !important;
  color: var(--cLight) !important;
}

.brlbs-cmpnt-tab.brlbs-cmpnt-tab-active,
.brlbs-cmpnt-tab:hover {
  border-bottom: 2px solid var(--cPink) !important;
}

/* QA Fixes
--------------------------------------------- */
@media (max-width: 1200px) and (orientation: landscape) {
  .core__graphic {
    max-width: 300px;
    margin-top: -10rem;
    margin-right: 0;
    margin-left: auto;
  }

  #navOverlayContainer > .wp-block-group,
  #navOverlayContainer .ovNavContainer__wrapper {
    padding-top: 0 !important;
  }

  #navOverlayContainer .nav_overlay__col_left {
    padding-top: 0.5rem !important;
  }
}

@media (max-width: 576px) and (orientation: portrait) {
  .core__graphic {
    max-width: 250px;
    margin-inline: auto;
    margin-block: -2rem;
  }
}

html {
  background: #faf9f8 !important;
  transition: 0.2s background-color ease;
}

html:has(body.darkmode__theme) {
  background: #121212 !important;
  transition: 0.2s background-color ease;
}