/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url('../Fonts/barlow-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url('../Fonts/barlow-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url('../Fonts/barlow-v12-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url('../Fonts/barlow-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url('../Fonts/barlow-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-900 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  src: url('../Fonts/barlow-v12-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {

  /* Primary */
  --clr-red: rgba(172, 13, 41, 1);
  --clr-green: rgba(209, 226, 223, 1);
  --clr-blue: rgba(38, 89, 121, 1);
  --clr-black: rgba(29, 29, 29, 1);
  --clr-white: rgba(255, 255, 255, 1);

  /* Secondary */
  --clr-secondaryRed: rgba(173, 24, 43, 1);
  --clr-pink: rgba(226, 125, 131, 1);
  --clr-peach: rgba(242, 227, 212, 1);
  --clr-secondaryGreen: rgba(209, 226, 222, 1);
  --clr-blueLight: rgba(157, 211, 223, 1);
  --clr-secondaryBlue: rgba(59, 59, 58, 1);
  --clr-greyLightest: rgb(233, 233, 233);
  --clr-greyLight: rgb(189, 188, 188);
  --clr-grey: rgb(146, 146, 145);
  --clr-greyDark: rgb(59, 59, 58);
  --clr-greyDarker: rgb(100, 99, 99);
  --clr-greyDarkest: rgb(29, 29, 29);

  --clr-primary: var(--clr-red);
  --clr-secondary: var(--clr-peach);
  --clr-background: var(--clr-white);

  --font-primary: 'Barlow', sans-serif;
  --font-clr-primary: var(--clr-black);
  --font-base: 18px;
  --font-size-small: 0.8rem;
  --spaces: 18px;
  --content-width: 1440px;
  --z-menu: 100;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  min-height: 100vh;
  margin: 0;
  font-family: 'Barlow', sans-serif;
  font-family: var(--font-primary);
  font-size: 1.125rem;
  font-size: var(--font-base);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: normal;
  background-color: rgba(29, 29, 29, 1);
  background-color: var(--clr-black);
  color: rgba(29, 29, 29, 1);
  color: var(--font-clr-primary);
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}
body {
  overflow-x: hidden;
}
a {
  text-decoration: none;
  color: rgba(172, 13, 41, 1);
  color: var(--clr-primary);
}
ul,
ol {
  padding: 0 0 0 58px;
  list-style: none;
}
li {
  padding: 1rem;
}
button {
  margin: 0;
  padding: 0;
  border: none;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input {
  margin: 0.5rem 0;
  padding: 0.5rem;
  font-size: 0.9rem;
}
input[type='search'] {
  margin: 0;
  padding: 0;
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.Page-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.Main {
  z-index: 1;
  flex: 1;
  margin-top: 130px;
  color: rgba(255, 255, 255, 1);
  color: var(--clr-white);
}
.u-contentWidth {
  --paddingX: 20px;

  width: min(100% - var(--paddingX), 1440px);

  width: min(100% - var(--paddingX), var(--content-width));
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
.u-contentWidth {
    --paddingX: 160px;
}
  }
.is--hidden {
  display: none;
}
.HTML {
  margin-bottom: 18px;
  margin-bottom: var(--spaces);
}
.neos-contentcollection > [class^='style__addEmptyContentCollectionOverlay'] {
    flex: 1 1 100%;
  }
.bg-peach {
  background-color: rgba(242, 227, 212, 1);
  background-color: var(--clr-peach);
  color: rgba(29, 29, 29, 1);
  color: var(--clr-black);
}
.bg-peach a:not(.Button) {
    color: rgba(29, 29, 29, 1);
    color: var(--clr-black);
  }
.bg-peach > svg {
    fill: rgba(29, 29, 29, 1);
    fill: var(--clr-black);
  }
.bg-red {
  background-color: rgba(172, 13, 41, 1);
  background-color: var(--clr-red);
  color: rgba(255, 255, 255, 1);
  color: var(--clr-white);
}
.bg-red a:not(.Button) {
    color: rgba(255, 255, 255, 1);
    color: var(--clr-white);
  }
.bg-red > {
    svg {
      fill: rgba(255, 255, 255, 1);
      fill: var(--clr-white);
    }
  }
.bg-pink {
  background-color: rgba(226, 125, 131, 1);
  background-color: var(--clr-pink);
  color: rgba(255, 255, 255, 1);
  color: var(--clr-white);
}
.bg-pink a:not(.Button) {
    color: rgba(255, 255, 255, 1);
    color: var(--clr-white);
  }
.bg-pink > {
    svg {
      fill: rgba(255, 255, 255, 1);
      fill: var(--clr-white);
    }
  }
.bg-grey {
  background-color: rgb(233, 233, 233);
  background-color: var(--clr-greyLightest);
  color: rgba(29, 29, 29, 1);
  color: var(--clr-black);
}
.bg-grey a:not(.Button) {
    color: rgba(29, 29, 29, 1);
    color: var(--clr-black);
  }
.bg-grey > {
    svg {
      fill: rgba(29, 29, 29, 1);
      fill: var(--clr-black);
    }
  }
.bg-green {
  background-color: rgba(209, 226, 222, 1);
  background-color: var(--clr-secondaryGreen);
  color: rgba(29, 29, 29, 1);
  color: var(--clr-black);
}
.bg-green a:not(.Button) {
    color: rgba(29, 29, 29, 1);
    color: var(--clr-black);
  }
.bg-green > {
    svg {
      fill: rgba(29, 29, 29, 1);
      fill: var(--clr-black);
    }
  }
.bg-blue {
  background-color: rgba(38, 89, 121, 1);
  background-color: var(--clr-blue);
  color: rgba(255, 255, 255, 1);
  color: var(--clr-white);
}
.bg-blue a:not(.Button) {
    color: rgba(255, 255, 255, 1);
    color: var(--clr-white);
  }
.bg-blue > {
    svg {
      fill: rgba(255, 255, 255, 1);
      fill: var(--clr-white);
    }
  }
.bg-black {
  background-color: rgba(29, 29, 29, 1);
  background-color: var(--clr-black);
  color: rgba(255, 255, 255, 1);
  color: var(--clr-white);
}
.bg-black a:not(.Button) {
    color: rgba(255, 255, 255, 1);
    color: var(--clr-white);
  }
.bg-black > svg {
    fill: rgba(255, 255, 255, 1);
    fill: var(--clr-white);
  }
.bg-white {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--clr-white);
  color: rgba(29, 29, 29, 1);
  color: var(--clr-black);
}
.bg-white a:not(.Button) {
    color: rgba(29, 29, 29, 1);
    color: var(--clr-black);
  }
.bg-white > svg {
    fill: rgba(29, 29, 29, 1);
    fill: var(--clr-black);
  }
/* MARGIN TOP */
.mt-1 {
  margin-top: calc(18px / 1.2) !important;
  margin-top: calc(var(--spaces) / 1.2) !important;
}
.mt-3 {
  margin-top: calc(18px * 1.7) !important;
  margin-top: calc(var(--spaces) * 1.7) !important;
}
.mt-5 {
  margin-top: calc(18px * 2.5) !important;
  margin-top: calc(var(--spaces) * 2.5) !important;
}
@media screen and (max-width: 768px) {
  .mt-1,
  .mt-3,
  .mt-5 {
    margin-top: 0 !important;
  }
}
/* MARGIN RIGHT */
.mr-1 {
  width: calc(100% - (18px / 1.2)) !important;
  width: calc(100% - (var(--spaces) / 1.2)) !important;
  width: calc(100% - (18px / 1.2)) !important;
  width: calc(100% - calc(18px / 1.2)) !important;
  width: calc(100% - calc(var(--spaces) / 1.2)) !important;
}
.mr-3 {
  width: calc(100% - (18px * 1.7)) !important;
  width: calc(100% - (var(--spaces) * 1.7)) !important;
  width: calc(100% - (18px * 1.7)) !important;
  width: calc(100% - calc(18px * 1.7)) !important;
  width: calc(100% - calc(var(--spaces) * 1.7)) !important;
}
.mr-5 {
  width: calc(100% - (18px * 2.5)) !important;
  width: calc(100% - (var(--spaces) * 2.5)) !important;
  width: calc(100% - (18px * 2.5)) !important;
  width: calc(100% - calc(18px * 2.5)) !important;
  width: calc(100% - calc(var(--spaces) * 2.5)) !important;
}
@media screen and (max-width: 768px) {
  .mr-1,
  .mr-3,
  .mr-5 {
    width: 100% !important;
  }
}
/* MARGIN BOTTOM */
.mb-1 {
  margin-bottom: calc(18px / 1.2) !important;
  margin-bottom: calc(var(--spaces) / 1.2) !important;
}
.mb-3 {
  margin-bottom: calc(18px * 1.7) !important;
  margin-bottom: calc(var(--spaces) * 1.7) !important;
}
.mb-5 {
  margin-bottom: calc(18px * 2.5) !important;
  margin-bottom: calc(var(--spaces) * 2.5) !important;
}
/* MARGIN LEFT */
.ml-1 {
  margin-left: calc(18px / 1.2) !important;
  margin-left: calc(var(--spaces) / 1.2) !important;
}
.ml-3 {
  margin-left: calc(18px * 1.7) !important;
  margin-left: calc(var(--spaces) * 1.7) !important;
}
.ml-5 {
  margin-left: calc(18px * 2.5) !important;
  margin-left: calc(var(--spaces) * 2.5) !important;
}
@media screen and (max-width: 768px) {
  .ml-1,
  .ml-3,
  .ml-5 {
    margin-left: 0 !important;
  }
}
/* PADDING TOP */
.pt-1 {
  padding-top: calc(18px / 1.2) !important;
  padding-top: calc(var(--spaces) / 1.2) !important;
}
.pt-3 {
  padding-top: calc(18px * 1.7) !important;
  padding-top: calc(var(--spaces) * 1.7) !important;
}
.pt-5 {
  padding-top: calc(18px * 2.5) !important;
  padding-top: calc(var(--spaces) * 2.5) !important;
}
/* PADDING RIGHT */
.pr-1 {
  padding-right: calc(18px / 1.2) !important;
  padding-right: calc(var(--spaces) / 1.2) !important;
}
.pr-3 {
  padding-right: calc(18px * 1.7) !important;
  padding-right: calc(var(--spaces) * 1.7) !important;
}
.pr-5 {
  padding-right: calc(18px * 2.5) !important;
  padding-right: calc(var(--spaces) * 2.5) !important;
}
/* PADDING BOTTOM */
.pb-1 {
  padding-bottom: calc(18px / 1.2) !important;
  padding-bottom: calc(var(--spaces) / 1.2) !important;
}
.pb-3 {
  padding-bottom: calc(18px * 1.7) !important;
  padding-bottom: calc(var(--spaces) * 1.7) !important;
}
.pb-5 {
  padding-bottom: calc(18px * 2.5) !important;
  padding-bottom: calc(var(--spaces) * 2.5) !important;
}
/* PADDING LEFT */
.pl-1 {
  padding-left: calc(18px / 1.2) !important;
  padding-left: calc(var(--spaces) / 1.2) !important;
}
.pl-3 {
  padding-left: calc(18px * 1.7) !important;
  padding-left: calc(var(--spaces) * 1.7) !important;
}
.pl-5 {
  padding-left: calc(18px * 2.5) !important;
  padding-left: calc(var(--spaces) * 2.5) !important;
}
.ccm-settings-summoner {
  bottom: 20px !important;
  box-shadow: none !important;
}
.ccm-settings-summoner * {
  box-shadow: none !important;
  animation: none !important;
}
.ccm-settings-summoner--link {
  box-shadow: none !important;
}
.ccm-settings-summoner--icon {
  background-color: transparent !important;
  box-shadow: none !important;
}
.ccm-settings-summoner--icon {
  content: url('/_Resources/Static/Packages/Marktplatz.TheaterLueneburg/Images/svg/ccm.svg');
}
@media screen and (min-width: 1000px) {
  .ccm-settings-summoner {
    right: 40px !important;
    left: auto !important;
    width: 60px !important;
    height: 60px !important;
  }

  .ccm-settings-summoner--icon {
    width: 60px !important;
    height: 60px !important;
  }
}