:root {
  --background-color: $background-color-light;
  --grid-gap: 0.4rem;
}
@media (min-width: 577px) {
  :root {
    --grid-gap: 0.7rem;
  }
}

body.view-form.layout-edit {
  color: #000;
}

.editorbutton,
.icons {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.editorbutton a,
.icons a {
  color: #fff;
  font-weight: 500;
  text-shadow: -1px -1px 0 #000, -1px 0px 0 #000, -1px 1px 0 #000, 0px -1px 0 #000, 0px 0px 0 #000, 0px 1px 0 #000, 1px -1px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.mod-articlesnews__item,
.moduletable,
.com-content-article {
  position: relative;
}

.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

.embed-container {
  position: relative;
  width: clamp(20rem, 20rem + 30vw, 40rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.embed-container::before {
  content: "";
  display: block;
  margin-top: 75%;
}
.embed-container iframe,
.embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-container .info {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(120deg, rgba(100, 100, 100, 0.7), rgba(100, 100, 100, 0.9));
  padding: clamp(1rem, 1rem + 5vw, 4rem);
  color: #fff;
}
.embed-container .info a {
  color: #fff;
  font-weight: bold;
}
.embed-container .info button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.embed-container.active .info {
  display: none;
}

.visually-hidden {
  height: 0;
  width: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.aspect-ratio--4zu3 {
  position: relative;
}
.aspect-ratio--4zu3::before {
  content: "";
  display: inline-block;
  margin-top: 75%;
}
.aspect-ratio--1zu1 {
  position: relative;
}
.aspect-ratio--1zu1::before {
  content: "";
  display: inline-block;
  margin-top: 100%;
}
.aspect-ratio--content {
  position: relative;
  width: 100%;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#system-message-container {
  word-break: break-all;
}

.anchor {
  position: absolute;
  top: calc(clamp(2rem, 6vw, 4rem) * -1);
}

@-webkit-keyframes FadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes FadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.skip-link {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background-color: #fff;
  color: black !important;
  padding: 1rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.skip-link:focus {
  top: 0;
  left: 0;
  z-index: 1000;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
  height: 100%;
  width: 100%;
  scrollbar-color: #032922 hsl(108, 8%, 90%);
  scrollbar-width: thin;
  background-color: transparent;
}

*::-webkit-scrollbar {
  width: 1.2rem;
  background-color: hsl(108, 8%, 90%);
}

*::-webkit-scrollbar-thumb {
  background-color: #032922;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: #06594a;
}

body {
  background-color: hsl(108, 8%, 10%);
}

body.site {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

img,
svg {
  max-width: 100%;
  display: block;
  height: auto;
}

p:empty {
  display: none;
}

figure {
  margin-bottom: 0;
}

script {
  display: none !important;
}

address {
  font-style: normal;
}

:root {
  --global-font-size: 1rem;
  --global-text-padding: 1.5rem;
}
@media (min-width: 1367px) {
  :root {
    --global-font-size: 1.2rem;
    --global-text-padding: 2.5rem;
  }
}

body {
  font-family: "Alegreya Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: var(--global-font-size);
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.5em;
  color: hsl(108, 8%, 90%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-family: "Alegreya Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  line-height: 1.3em;
  font-style: normal;
  hyphens: manual;
  -ms-hyphens: manual;
  -webkit-hyphens: manual;
  color: #fff;
  word-break: break-word;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  color: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}

h1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  margin-top: 0.2em;
  position: relative;
}
h1::before {
  content: "";
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #84722A), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #84722A 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  width: 200%;
  max-width: 200px;
  height: 2px;
  left: 50%;
  top: 120%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 577px) {
  h1::before {
    max-width: 500px;
  }
}

h1 {
  font-weight: 300;
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body.legals h1,
body.legals h2 {
  font-family: "Alegreya Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.nomargin {
  margin-top: 0;
  margin-bottom: 0;
}

body.blog h2,
body.blog h3,
body.blog h4,
body.blog h5,
body.blog h6,
.com-content-article__body h2,
.com-content-article__body h3,
.com-content-article__body h4,
.com-content-article__body h5,
.com-content-article__body h6 {
  margin-top: 1.5em;
}

div.com-content-article h2 {
  position: relative;
}
div.com-content-article h2::before {
  content: "";
  background-color: #907c2e;
  position: absolute;
  top: 50%;
  left: calc(var(--global-text-padding) * -1);
  -webkit-transform: translateY(-60%) translateX(-50%) rotate(45deg);
          transform: translateY(-60%) translateX(-50%) rotate(45deg);
  width: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  height: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  z-index: 2;
  opacity: 1;
}
div.com-content-article .nomargin {
  margin-top: 0;
  margin-bottom: 0;
}
div.com-content-article a {
  font-weight: 500;
}

a:not([class]),
a:not(.btn),
a {
  color: hsl(108, 8%, 90%);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  font-weight: 300;
}
a:not([class]):focus, a:not([class]):hover,
a:not(.btn):focus,
a:not(.btn):hover,
a:focus,
a:hover {
  color: #c7ae4d;
}
a:not([class]):focus, a:not([class]):active, a:not([class]):active:focus,
a:not(.btn):focus,
a:not(.btn):active,
a:not(.btn):active:focus,
a:focus,
a:active,
a:active:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
a:not([class])[href^=http],
a:not(.btn)[href^=http],
a[href^=http] {
  position: relative;
}

p,
ul:not([class]) li {
  font-size: var(--global-font-size);
  line-height: 1.5em;
  margin-bottom: 1em;
}
p:last-child,
ul:not([class]) li:last-child {
  margin-bottom: 0;
}

ul {
  font-size: var(--global-font-size);
  margin-bottom: 1em;
}
ul a:not([class]),
ul a {
  color: inherit;
}

b,
strong {
  font-weight: 500;
  color: #fff;
}
b a:not([class]),
b a,
strong a:not([class]),
strong a {
  color: inherit;
  font-weight: 500;
}

.heading {
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: clamp(1.9rem, var(--global-font-size) + 3vw, 2.5rem);
  font-style: italic;
}

.textcenter {
  text-align: center;
}

h1,
.font-size-900 {
  font-size: clamp(2.2rem, var(--global-font-size) + 5vw, 4rem);
}

h2,
.font-size-800 {
  font-size: clamp(1.9rem, var(--global-font-size) + 3vw, 2.5rem);
}

h3,
.font-size-700 {
  font-size: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
}

h4,
.font-size-600 {
  font-size: clamp(1.2rem, var(--global-font-size) + 2vw, 1.4rem);
}

h5,
.font-size-500 {
  font-size: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
}

h6,
.font-size-400 {
  font-size: var(--global-font-size);
}

.font-size-300 {
  font-size: 0.9rem;
  font-weight: 400;
}
.font-size-300 * {
  font-size: 0.9rem;
}

.font-size-200 {
  font-size: 0.85rem;
  font-weight: 400;
}

.font-size-100 {
  font-size: 0.8rem;
  font-weight: 400;
}

.alert-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.alert-message * {
  font-size: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
  font-weight: 500;
}

.alert-message {
  color: #222;
}

joomla-alert {
  position: relative;
}

button.joomla-alert--close {
  float: none;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  height: var(--global-font-size);
  width: var(--global-font-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

button.joomla-alert--close * {
  font-size: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  line-height: 0;
}

.grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: var(--global-text-padding);
}
@media (min-width: 769px) {
  .grid--1-1-1 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 577px) {
  .grid--1-1-1 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid--1-1 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .grid--1-2 {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
  .grid--2-1 {
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
  }
  .grid--1-3 {
    -ms-grid-columns: 1fr 3fr;
    grid-template-columns: 1fr 3fr;
  }
  .grid--3-1 {
    -ms-grid-columns: 3fr 2fr;
    grid-template-columns: 3fr 2fr;
  }
}

.cols-1 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-2 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-3 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-4 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-5 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-6 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-7 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-8 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-9 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-10 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-11 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-12 > * {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.col-1 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}

.cols-1 > * {
  grid-column: span calc(12 / 1);
}

.col-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.cols-2 > * {
  grid-column: span calc(12 / 2);
}

.col-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}

.cols-3 > * {
  grid-column: span calc(12 / 3);
}

.col-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}

.cols-4 > * {
  grid-column: span calc(12 / 4);
}

.col-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}

.cols-5 > * {
  grid-column: span calc(12 / 5);
}

.col-6 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}

.cols-6 > * {
  grid-column: span calc(12 / 6);
}

.col-7 {
  -ms-grid-column-span: 7;
  grid-column: span 7;
}

.cols-7 > * {
  grid-column: span calc(12 / 7);
}

.col-8 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}

.cols-8 > * {
  grid-column: span calc(12 / 8);
}

.col-9 {
  -ms-grid-column-span: 9;
  grid-column: span 9;
}

.cols-9 > * {
  grid-column: span calc(12 / 9);
}

.col-10 {
  -ms-grid-column-span: 10;
  grid-column: span 10;
}

.cols-10 > * {
  grid-column: span calc(12 / 10);
}

.col-11 {
  -ms-grid-column-span: 11;
  grid-column: span 11;
}

.cols-11 > * {
  grid-column: span calc(12 / 11);
}

.col-12 {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}

.cols-12 > * {
  grid-column: span calc(12 / 12);
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1rem, 1rem + 3vw, clamp(2rem, 6vw, 4rem));
}
.flex--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1rem, 1rem + 3vw, clamp(2rem, 6vw, 4rem));
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 577px) {
  .flex-auto {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.flex-auto > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* Overrides */
/*
.site-grid {
  @include cassiopeia-template-columns();
}
.grid-child {
  @include cassiopeia-grid-child();
}
*/
.container-banner {
  margin: 0;
}

.container-component > * + *,
.container-component > :first-child,
.container-sidebar-left > * + *,
.container-sidebar-left > :first-child,
.container-sidebar-right > * + *,
.container-sidebar-right > :first-child {
  margin-top: 10rem;
}

.container-bottom-a > *,
.container-bottom-b > *,
.container-top-a > *,
.container-top-b > * {
  margin-top: clamp(2rem, 6vw, 4rem);
  margin-bottom: 0;
}

.container-component > * + main {
  margin-bottom: clamp(2rem, 6vw, 4rem);
}

:root {
  --background-color: $background-color-light;
  --grid-gap: 0.4rem;
}
@media (min-width: 577px) {
  :root {
    --grid-gap: 0.7rem;
  }
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
  height: 100%;
  width: 100%;
  scrollbar-color: #032922 hsl(108, 8%, 90%);
  scrollbar-width: thin;
  background-color: transparent;
}

*::-webkit-scrollbar {
  width: 1.2rem;
  background-color: hsl(108, 8%, 90%);
}

*::-webkit-scrollbar-thumb {
  background-color: #032922;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: #06594a;
}

body {
  background-color: hsl(108, 8%, 10%);
}

body.site {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

img,
svg {
  max-width: 100%;
  display: block;
  height: auto;
}

p:empty {
  display: none;
}

figure {
  margin-bottom: 0;
}

script {
  display: none !important;
}

address {
  font-style: normal;
}

:root {
  --global-font-size: 1rem;
  --global-text-padding: 1.5rem;
}
@media (min-width: 1367px) {
  :root {
    --global-font-size: 1.2rem;
    --global-text-padding: 2.5rem;
  }
}

body {
  font-family: "Alegreya Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: var(--global-font-size);
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.5em;
  color: hsl(108, 8%, 90%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-family: "Alegreya Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  line-height: 1.3em;
  font-style: normal;
  hyphens: manual;
  -ms-hyphens: manual;
  -webkit-hyphens: manual;
  color: #fff;
  word-break: break-word;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  color: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}

h1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  margin-top: 0.2em;
  position: relative;
}
h1::before {
  content: "";
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #84722A), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #84722A 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  width: 200%;
  max-width: 200px;
  height: 2px;
  left: 50%;
  top: 120%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 577px) {
  h1::before {
    max-width: 500px;
  }
}

h1 {
  font-weight: 300;
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body.legals h1,
body.legals h2 {
  font-family: "Alegreya Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.nomargin {
  margin-top: 0;
  margin-bottom: 0;
}

body.blog h2,
body.blog h3,
body.blog h4,
body.blog h5,
body.blog h6,
.com-content-article__body h2,
.com-content-article__body h3,
.com-content-article__body h4,
.com-content-article__body h5,
.com-content-article__body h6 {
  margin-top: 1.5em;
}

div.com-content-article h2 {
  position: relative;
}
div.com-content-article h2::before {
  content: "";
  background-color: #907c2e;
  position: absolute;
  top: 50%;
  left: calc(var(--global-text-padding) * -1);
  -webkit-transform: translateY(-60%) translateX(-50%) rotate(45deg);
          transform: translateY(-60%) translateX(-50%) rotate(45deg);
  width: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  height: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  z-index: 2;
  opacity: 1;
}
div.com-content-article .nomargin {
  margin-top: 0;
  margin-bottom: 0;
}
div.com-content-article a {
  font-weight: 500;
}

a:not([class]),
a:not(.btn),
a {
  color: hsl(108, 8%, 90%);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  font-weight: 300;
}
a:not([class]):focus, a:not([class]):hover,
a:not(.btn):focus,
a:not(.btn):hover,
a:focus,
a:hover {
  color: #c7ae4d;
}
a:not([class]):focus, a:not([class]):active, a:not([class]):active:focus,
a:not(.btn):focus,
a:not(.btn):active,
a:not(.btn):active:focus,
a:focus,
a:active,
a:active:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
a:not([class])[href^=http],
a:not(.btn)[href^=http],
a[href^=http] {
  position: relative;
}

p,
ul:not([class]) li {
  font-size: var(--global-font-size);
  line-height: 1.5em;
  margin-bottom: 1em;
}
p:last-child,
ul:not([class]) li:last-child {
  margin-bottom: 0;
}

ul {
  font-size: var(--global-font-size);
  margin-bottom: 1em;
}
ul a:not([class]),
ul a {
  color: inherit;
}

b,
strong {
  font-weight: 500;
  color: #fff;
}
b a:not([class]),
b a,
strong a:not([class]),
strong a {
  color: inherit;
  font-weight: 500;
}

.heading {
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: clamp(1.9rem, var(--global-font-size) + 3vw, 2.5rem);
  font-style: italic;
}

.textcenter {
  text-align: center;
}

h1,
.font-size-900 {
  font-size: clamp(2.2rem, var(--global-font-size) + 5vw, 4rem);
}

h2,
.font-size-800 {
  font-size: clamp(1.9rem, var(--global-font-size) + 3vw, 2.5rem);
}

h3,
.font-size-700 {
  font-size: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
}

h4,
.font-size-600 {
  font-size: clamp(1.2rem, var(--global-font-size) + 2vw, 1.4rem);
}

h5,
.font-size-500 {
  font-size: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
}

h6,
.font-size-400 {
  font-size: var(--global-font-size);
}

.font-size-300 {
  font-size: 0.9rem;
  font-weight: 400;
}
.font-size-300 * {
  font-size: 0.9rem;
}

.font-size-200 {
  font-size: 0.85rem;
  font-weight: 400;
}

.font-size-100 {
  font-size: 0.8rem;
  font-weight: 400;
}

.alert-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.alert-message * {
  font-size: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
  font-weight: 500;
}

.alert-message {
  color: #222;
}

joomla-alert {
  position: relative;
}

button.joomla-alert--close {
  float: none;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  height: var(--global-font-size);
  width: var(--global-font-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

button.joomla-alert--close * {
  font-size: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  line-height: 0;
}

.com-content-article,
body#tinymce {
  /*
  section {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: $global-text-padding;
    margin: $global-text-padding 0;
    align-items: center;
    > * {
      grid-column: 1 / 2;
    }
    figure:last-child {
      @include md {
        grid-column: 2 / 3;
        grid-row: 1 / 100;
        margin: 0 clamp(-30rem, -10vw, -2rem) 0 0;
        img {
          width: clamp(350px, 30vw, 400px);
        }
        max-width: 50vw;
      }

      @include xl {
        margin: 0 clamp(-10rem, -10vw, -2rem) 0 0;
        img {
          width: clamp(350px, 40vw, 500px);
        }
      }
    }
  }*/
}

a.btn, .btn-primary, .com-dpcalendar-timeline .dp-button.dp-button-action, .com-dpcalendar-bookingform button.dp-button, .com-dpcalendar-event a.dp-button, .com-dpcalendar-event button.dp-button, .com-dpcalendar-eventform button.dp-button, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button, .com-dpcalendar-booking button.dp-button, .com-dpcalendar-ticket button.dp-button {
  background-color: #84722A;
  color: #fff;
  padding: 0.3em 0.5em;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  font-family: "Alegreya Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: inherit;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.02em;
  position: relative;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  border: none;
}
a.btn:focus, a.btn:active, a.btn:active:focus, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .com-dpcalendar-timeline .dp-button.dp-button-action:focus, .com-dpcalendar-timeline .dp-button.dp-button-action:active, .com-dpcalendar-timeline .dp-button.dp-button-action:active:focus, .com-dpcalendar-bookingform button.dp-button:focus, .com-dpcalendar-bookingform button.dp-button:active, .com-dpcalendar-bookingform button.dp-button:active:focus, .com-dpcalendar-event a.dp-button:focus, .com-dpcalendar-event a.dp-button:active, .com-dpcalendar-event a.dp-button:active:focus, .com-dpcalendar-event button.dp-button:focus, .com-dpcalendar-event button.dp-button:active, .com-dpcalendar-event button.dp-button:active:focus, .com-dpcalendar-eventform button.dp-button:focus, .com-dpcalendar-eventform button.dp-button:active, .com-dpcalendar-eventform button.dp-button:active:focus, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button:focus, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button:active, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button:active:focus, .com-dpcalendar-booking button.dp-button:focus, .com-dpcalendar-booking button.dp-button:active, .com-dpcalendar-booking button.dp-button:active:focus, .com-dpcalendar-ticket button.dp-button:focus, .com-dpcalendar-ticket button.dp-button:active, .com-dpcalendar-ticket button.dp-button:active:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
a.btn .icon-chevron-right, .btn-primary .icon-chevron-right, .com-dpcalendar-timeline .dp-button.dp-button-action .icon-chevron-right, .com-dpcalendar-bookingform button.dp-button .icon-chevron-right, .com-dpcalendar-event a.dp-button .icon-chevron-right, .com-dpcalendar-event button.dp-button .icon-chevron-right, .com-dpcalendar-eventform button.dp-button .icon-chevron-right, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button .icon-chevron-right, .com-dpcalendar-booking button.dp-button .icon-chevron-right, .com-dpcalendar-ticket button.dp-button .icon-chevron-right {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
a.btn.cf-btn, .btn-primary.cf-btn, .com-dpcalendar-timeline .dp-button.dp-button-action.cf-btn, .com-dpcalendar-bookingform button.dp-button.cf-btn, .com-dpcalendar-event a.dp-button.cf-btn, .com-dpcalendar-event button.dp-button.cf-btn, .com-dpcalendar-eventform button.dp-button.cf-btn, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button.cf-btn, .com-dpcalendar-booking button.dp-button.cf-btn, .com-dpcalendar-ticket button.dp-button.cf-btn {
  border-radius: 0px !important;
  padding: 0.8em 1.5em !important;
  color: #fff !important;
  font-size: var(--global-font-size) !important;
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  background-color: hsl(108, 8%, 10%) !important;
}
a.btn:hover, a.btn:focus, a.btn:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .com-dpcalendar-timeline .dp-button.dp-button-action:hover, .com-dpcalendar-timeline .dp-button.dp-button-action:focus, .com-dpcalendar-timeline .dp-button.dp-button-action:active, .com-dpcalendar-bookingform button.dp-button:hover, .com-dpcalendar-bookingform button.dp-button:focus, .com-dpcalendar-bookingform button.dp-button:active, .com-dpcalendar-event a.dp-button:hover, .com-dpcalendar-event a.dp-button:focus, .com-dpcalendar-event a.dp-button:active, .com-dpcalendar-event button.dp-button:hover, .com-dpcalendar-event button.dp-button:focus, .com-dpcalendar-event button.dp-button:active, .com-dpcalendar-eventform button.dp-button:hover, .com-dpcalendar-eventform button.dp-button:focus, .com-dpcalendar-eventform button.dp-button:active, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button:hover, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button:focus, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button:active, .com-dpcalendar-booking button.dp-button:hover, .com-dpcalendar-booking button.dp-button:focus, .com-dpcalendar-booking button.dp-button:active, .com-dpcalendar-ticket button.dp-button:hover, .com-dpcalendar-ticket button.dp-button:focus, .com-dpcalendar-ticket button.dp-button:active {
  background-color: #06594a;
  color: #fff;
}
a.btn.block, .btn-primary.block, .com-dpcalendar-timeline .dp-button.dp-button-action.block, .com-dpcalendar-bookingform button.dp-button.block, .com-dpcalendar-event a.dp-button.block, .com-dpcalendar-event button.dp-button.block, .com-dpcalendar-eventform button.dp-button.block, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button.block, .com-dpcalendar-booking button.dp-button.block, .com-dpcalendar-ticket button.dp-button.block {
  display: block;
}
a.btn svg *, .btn-primary svg *, .com-dpcalendar-timeline .dp-button.dp-button-action svg *, .com-dpcalendar-bookingform button.dp-button svg *, .com-dpcalendar-event a.dp-button svg *, .com-dpcalendar-event button.dp-button svg *, .com-dpcalendar-eventform button.dp-button svg *, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button svg *, .com-dpcalendar-booking button.dp-button svg *, .com-dpcalendar-ticket button.dp-button svg * {
  -webkit-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
  fill: #fff;
}
a.btn--secondary, .btn-primary--secondary, .com-dpcalendar-timeline .dp-button.dp-button-action--secondary, .com-dpcalendar-bookingform button.dp-button--secondary, .com-dpcalendar-event a.dp-button--secondary, .com-dpcalendar-event button.dp-button--secondary, .com-dpcalendar-eventform button.dp-button--secondary, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button--secondary, .com-dpcalendar-booking button.dp-button--secondary, .com-dpcalendar-ticket button.dp-button--secondary {
  background-color: #032922;
  color: #fff;
  padding: 1em;
}
a.btn--secondary svg *, .btn-primary--secondary svg *, .com-dpcalendar-timeline .dp-button.dp-button-action--secondary svg *, .com-dpcalendar-bookingform button.dp-button--secondary svg *, .com-dpcalendar-event a.dp-button--secondary svg *, .com-dpcalendar-event button.dp-button--secondary svg *, .com-dpcalendar-eventform button.dp-button--secondary svg *, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button--secondary svg *, .com-dpcalendar-booking button.dp-button--secondary svg *, .com-dpcalendar-ticket button.dp-button--secondary svg * {
  fill: #032922;
}
a.btn--secondary:hover, .btn-primary--secondary:hover, .com-dpcalendar-timeline .dp-button.dp-button-action--secondary:hover, .com-dpcalendar-bookingform button.dp-button--secondary:hover, .com-dpcalendar-event a.dp-button--secondary:hover, .com-dpcalendar-event button.dp-button--secondary:hover, .com-dpcalendar-eventform button.dp-button--secondary:hover, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button--secondary:hover, .com-dpcalendar-booking button.dp-button--secondary:hover, .com-dpcalendar-ticket button.dp-button--secondary:hover {
  background-color: #01110e;
  color: #fff;
}
a.btn--secondary:hover svg *, .btn-primary--secondary:hover svg *, .com-dpcalendar-timeline .dp-button.dp-button-action--secondary:hover svg *, .com-dpcalendar-bookingform button.dp-button--secondary:hover svg *, .com-dpcalendar-event a.dp-button--secondary:hover svg *, .com-dpcalendar-event button.dp-button--secondary:hover svg *, .com-dpcalendar-eventform button.dp-button--secondary:hover svg *, .com-dpcalendar-timeline .dp-event a.dp-link_cta.dp-button--secondary:hover svg *, .com-dpcalendar-booking button.dp-button--secondary:hover svg *, .com-dpcalendar-ticket button.dp-button--secondary:hover svg * {
  fill: #fff;
}

.blog-item .readmore .btn {
  background-color: transparent;
  padding: 0;
  color: hsl(108, 8%, 90%);
}

a.link {
  color: #06594a;
  text-decoration: none;
  font-weight: 700 !important;
}
a.link:hover {
  color: #032922;
}

.com-dpcalendar-event a.dp-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.container-header {
  position: relative;
  background: none;
  background-color: transparent;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.container-header > * {
  position: relative;
  z-index: 1;
}
.container-header::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: hsl(108, 8%, 10%);
}
@media (max-width: 768px) {
  .container-header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.container-header .grid-child {
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.container-header .navbar-brand {
  margin-left: 0;
  position: absolute;
}
.container-header .navbar-brand img,
.container-header .navbar-brand svg {
  width: auto;
  height: clamp(8rem, 10vw, 12rem);
}
.container-header .navbar-brand #elegant path[fill="#FFFFFF"],
.container-header .navbar-brand #saechsisch path[fill="#FFFFFF"],
.container-header .navbar-brand #geniessen path[fill="#FFFFFF"] {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}
.container-header .site-description {
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  width: 90vw;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 10px rgba(0, 0, 0, 0.5);
  padding: var(--global-text-padding);
  background-color: rgba(0, 0, 0, 0.9);
  line-height: 1.1em;
}
@media (min-width: 769px) {
  .container-header .site-description {
    width: auto;
    font-size: clamp(1.9rem, var(--global-font-size) + 3vw, 3.2rem);
  }
}
@media (min-width: 769px) {
  .container-header.scrolled {
    position: sticky;
    top: 0px;
    -webkit-animation: NavSticky 0.5s ease-in-out;
            animation: NavSticky 0.5s ease-in-out;
  }
  .container-header.scrolled .navbar-brand {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    padding: 0 1.5rem 1.5rem;
  }
  .container-header.scrolled .navbar-brand #elegant,
  .container-header.scrolled .navbar-brand #saechsisch,
  .container-header.scrolled .navbar-brand #geniessen {
    display: none;
  }
  .container-header.scrolled .site-description {
    display: none;
  }
}

body:not(.homepage) .site-description {
  display: none;
}

body.homepage .container-header .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(2rem, 6vw, 4rem);
}
@media (min-width: 577px) {
  body.homepage .container-header:not(.scrolled) .navbar-brand img,
  body.homepage .container-header:not(.scrolled) .navbar-brand svg {
    height: clamp(8rem, 10vw, 15rem);
  }
}
@media (min-width: 769px) {
  body.homepage .container-header:not(.scrolled) .navbar-brand img,
  body.homepage .container-header:not(.scrolled) .navbar-brand svg {
    height: clamp(12rem, 10vw, 18rem);
  }
}
body.homepage .container-header:not(.scrolled) .navbar-brand a.brand-logo {
  position: relative;
}
body.homepage .container-header:not(.scrolled) .navbar-brand a.brand-logo img,
body.homepage .container-header:not(.scrolled) .navbar-brand a.brand-logo svg {
  margin: 0 auto;
  width: clamp(20rem, 20vw, 30rem);
}
body.homepage .container-header:not(.scrolled) .navbar-brand a.brand-logo #amarosologo {
  -webkit-animation: FadeInUp 1s ease-in-out;
          animation: FadeInUp 1s ease-in-out;
}
body.homepage .container-header:not(.scrolled) .navbar-brand a.brand-logo #amarosologo #elegant {
  -webkit-animation: FadeInUp 1s ease-in-out forwards;
          animation: FadeInUp 1s ease-in-out forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  opacity: 0;
}
body.homepage .container-header:not(.scrolled) .navbar-brand a.brand-logo #amarosologo #saechsisch {
  -webkit-animation: FadeInUp 1s ease-in-out forwards;
          animation: FadeInUp 1s ease-in-out forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  opacity: 0;
}
body.homepage .container-header:not(.scrolled) .navbar-brand a.brand-logo #amarosologo #geniessen {
  -webkit-animation: FadeInUp 1s ease-in-out forwards;
          animation: FadeInUp 1s ease-in-out forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  opacity: 0;
}
body.homepage .container-header:not(.scrolled) .navbar-brand .site-description {
  -webkit-animation: FadeInUp 1s ease-in-out forwards;
          animation: FadeInUp 1s ease-in-out forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  opacity: 0;
}

@-webkit-keyframes NavSticky {
  0% {
    opacity: 0;
    top: -100px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
}

@keyframes NavSticky {
  0% {
    opacity: 0;
    top: -100px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
}
.homepage .navbar-brand {
  position: absolute;
  left: 50%;
  top: 50vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
@media (min-width: 769px) {
  .homepage .navbar-brand {
    -webkit-transform: translate(-50%, -25%);
            transform: translate(-50%, -25%);
  }
}
@media (min-width: 1367px) {
  .homepage .navbar-brand {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.homepage .brand-logo img {
  margin: 0 auto;
}

footer.container-footer {
  margin-top: clamp(2rem, 6vw, 4rem);
  background: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
  z-index: 1;
}
footer.container-footer h4, footer.container-footer h5 {
  margin-bottom: 0.2rem;
}
@media (max-width: 768px) {
  footer.container-footer {
    text-align: center;
  }
}
footer.container-footer .newsflash-publish_up {
  display: none;
}
footer.container-footer nav ul {
  padding-left: 0;
}
footer.container-footer nav ul li {
  margin-bottom: 0;
}
footer.container-footer a:not([class]) {
  text-decoration: underline;
}
footer.container-footer .headerinfo {
  margin-top: -2.5rem;
  margin-bottom: 2.5rem;
  position: relative;
}
footer.container-footer .headerinfo > * {
  position: relative;
  z-index: 1;
}
footer.container-footer .headerinfo::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: hsl(108, 8%, 90%);
}
footer.container-footer * {
  color: hsl(108, 8%, 90%);
}
footer.container-footer .grid-child {
  display: block;
}
@media (min-width: 577px) {
  footer.container-footer .mod-articlesnews {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  }
}
footer.container-footer .mod-articlesnews .mod-articlesnews__item {
  margin-bottom: 1rem;
}
footer.container-footer .copy {
  background-color: #000;
}
footer.container-footer .copy * {
  font-size: 0.9rem;
  padding: 0.3rem 0;
  color: #fff;
}
footer.container-footer .copy .grid-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 577px) {
  footer.container-footer .copy .grid-child {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
footer.container-footer .copy ul.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
}
footer.container-footer #happydinner svg {
  fill: #fff;
}
footer.container-footer #happydinner:hover svg {
  fill: #ffda82;
}

@media (max-width: 768px) {
  footer {
    padding-bottom: 5rem;
  }
}
.col-md-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 1);
          flex: 0 1 calc(8.3333333333% * 1);
  width: auto !important;
}

.col-md-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 2);
          flex: 0 1 calc(8.3333333333% * 2);
  width: auto !important;
}

.col-md-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 3);
          flex: 0 1 calc(8.3333333333% * 3);
  width: auto !important;
}

.col-md-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 4);
          flex: 0 1 calc(8.3333333333% * 4);
  width: auto !important;
}

.col-md-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 5);
          flex: 0 1 calc(8.3333333333% * 5);
  width: auto !important;
}

.col-md-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 6);
          flex: 0 1 calc(8.3333333333% * 6);
  width: auto !important;
}

.col-md-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 7);
          flex: 0 1 calc(8.3333333333% * 7);
  width: auto !important;
}

.col-md-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 8);
          flex: 0 1 calc(8.3333333333% * 8);
  width: auto !important;
}

.col-md-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 9);
          flex: 0 1 calc(8.3333333333% * 9);
  width: auto !important;
}

.col-md-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 10);
          flex: 0 1 calc(8.3333333333% * 10);
  width: auto !important;
}

.col-md-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 11);
          flex: 0 1 calc(8.3333333333% * 11);
  width: auto !important;
}

.col-md-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(8.3333333333% * 12);
          flex: 0 1 calc(8.3333333333% * 12);
  width: auto !important;
}

#background-image {
  width: 100%;
  height: 150vh;
  z-index: -1;
  position: absolute;
}
@media (min-width: 1367px) {
  #background-image {
    height: 100vh;
  }
}
#background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#background-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), to(hsl(108, 8%, 10%)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 80%, hsl(108, 8%, 10%) 100%);
}
#background-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(hsl(108, 8%, 10%)), color-stop(20%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), to(hsl(108, 8%, 10%)));
  background-image: linear-gradient(90deg, hsl(108, 8%, 10%) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, hsl(108, 8%, 10%) 100%);
}

body.homepage #background-image {
  position: relative;
}

figure figcaption {
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.3em 0.5em;
  background-color: rgba(0, 0, 0, 0.85);
  color: hsl(108, 8%, 90%);
  font-size: 0.9rem;
  font-weight: 400;
  opacity: 0.8;
}
figure figcaption::before {
  position: absolute;
  top: 0;
  right: 100%;
  width: 2rem;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.85)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
}

.container-component main {
  margin-top: 10rem;
}
@media (min-width: 769px) {
  .container-component main {
    margin-top: clamp(8rem, 10vw, 12rem);
  }
}

.moduletable.zurspeisekarte {
  /*
   figure {
     background-color: $color-primary;
     width: 100%;
     overflow: hidden;
     display: flex;
     position: relative;
     height: clamp(12rem, 20vw, 20rem);
     img {
       height: auto;
       width: auto;
       position: absolute;
       top: 6rem;
       transform: rotate(8deg);
       // box shadow top right
       box-shadow: 0.5rem -0.5rem 1rem 0 rgba(0, 0, 0, 0.5);
     }
     figcaption {
       padding: $global-text-padding;
       order: -1;
       position: relative;
       right: 0;
       font-size: $font-size-700;
       background: $color-primary;
       opacity: 1;
       box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.3);
     }
   }*/
}
.moduletable.zurspeisekarte .mod-custom {
  position: relative;
  padding: var(--global-text-padding);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-size: cover;
  background-position: top center;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  text-align: center;
}
.moduletable.zurspeisekarte .mod-custom::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: contrast(1.3);
          backdrop-filter: contrast(1.3);
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
@media (min-width: 769px) {
  .moduletable.zurspeisekarte .mod-custom {
    height: 100%;
    text-align: left;
    background-position: top right;
  }
  .moduletable.zurspeisekarte .mod-custom::before {
    background: linear-gradient(120deg, #000 30%, #000 45%, rgba(0, 97, 73, 0.3) 75%, rgba(0, 97, 73, 0.1) 100%);
  }
}
.moduletable.zurspeisekarte .mod-custom:hover {
  -webkit-box-shadow: 0 0 0 2px #84722A;
          box-shadow: 0 0 0 2px #84722A;
}
.moduletable.zurspeisekarte .mod-custom *:not(.hiddenlink) {
  z-index: 1;
  position: relative;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.85), -1px 0px 0 rgba(0, 0, 0, 0.85), -1px 1px 0 rgba(0, 0, 0, 0.85), 0px -1px 0 rgba(0, 0, 0, 0.85), 0px 0px 0 rgba(0, 0, 0, 0.85), 0px 1px 0 rgba(0, 0, 0, 0.85), 1px -1px 0 rgba(0, 0, 0, 0.85), 1px 0px 0 rgba(0, 0, 0, 0.85), 1px 1px 0 rgba(0, 0, 0, 0.85);
}

.homepage .c2a {
  max-width: none;
}
.homepage .c2a .mod-custom {
  background-size: 70%;
}

.c2a {
  width: 100%;
  max-width: 800px;
  margin: 10rem auto;
}
.c2a .mod-custom {
  padding: 1rem;
  position: relative;
  text-align: center;
  background: #044136;
}
@media (max-width: 768px) {
  .c2a .mod-custom {
    background-image: none !important;
  }
}
@media (min-width: 769px) {
  .c2a .mod-custom {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    padding: clamp(2rem, 6vw, 4rem);
    text-align: left;
  }
  .c2a .mod-custom::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(100deg, #044136 30%, #044136 45%, rgba(0, 97, 73, 0.3) 75%, rgba(0, 97, 73, 0.1) 100%);
    -webkit-backdrop-filter: contrast(1.3);
            backdrop-filter: contrast(1.3);
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
  }
  .c2a .mod-custom:hover::before {
    background-color: rgba(0, 97, 73, 0.3);
  }
}
.c2a .mod-custom * {
  z-index: 1;
  position: relative;
  color: #fff;
  text-shadow: -1px -1px 0 #032922, -1px 0px 0 #032922, -1px 1px 0 #032922, 0px -1px 0 #032922, 0px 0px 0 #032922, 0px 1px 0 #032922, 1px -1px 0 #032922, 1px 0px 0 #032922, 1px 1px 0 #032922;
}
.c2a .mod-custom h3 a {
  font-size: clamp(1.9rem, var(--global-font-size) + 3vw, 2.5rem);
}
.c2a .mod-custom a {
  font-weight: 500;
  font-size: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  line-height: 1.2em;
  color: #fff;
}

body.modal-open {
  overflow: hidden;
}

.sirius_modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: auto;
}
.sirius_modal > div {
  background-color: #fff;
  padding: 2rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  position: relative;
}
.sirius_modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  background: hsl(108, 8%, 50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
}
.sirius_modal__close::before, .sirius_modal__close::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 2px;
  background: #fff;
}
.sirius_modal__close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sirius_modal__close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

body:not(.homepage).view-article.no-layout .com-content-article.item-page {
  background-color: rgba(0, 0, 0, 0.85);
  max-width: 500px;
  padding: var(--global-text-padding);
  margin: auto;
}
@media (min-width: 769px) {
  body:not(.homepage).view-article.no-layout .com-content-article.item-page {
    max-width: 700px;
  }
}
@media (min-width: 1501px) {
  body:not(.homepage).view-article.no-layout .com-content-article.item-page {
    max-width: 800px;
  }
}
body:not(.homepage).view-article.no-layout .com-content-article .item-image,
body:not(.homepage).view-article.no-layout .com-content-article .splide {
  float: none;
  width: 100%;
  margin-bottom: var(--global-text-padding);
}
@media (min-width: 769px) {
  body:not(.homepage).view-article.no-layout .com-content-article .item-image,
  body:not(.homepage).view-article.no-layout .com-content-article .splide {
    float: right;
    margin-right: -15vw;
    margin-left: var(--global-text-padding);
    width: clamp(350px, 40vw, 500px);
    max-width: 50vw;
  }
}

.article-info.text-muted {
  color: hsl(108, 8%, 60%) !important;
}

body.layout-blog .com-content-category-blog__items[class*=masonry-] {
  display: -ms-grid;
  display: grid;
  grid-gap: var(--global-text-padding);
}
@media (min-width: 769px) {
  body.layout-blog .com-content-category-blog__items[class*=masonry-].masonry-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
  body.layout-blog .com-content-category-blog__items[class*=masonry-].masonry-2 {
    -ms-grid-columns: 1fr var(--global-text-padding) 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  body.layout-blog .com-content-category-blog__items[class*=masonry-].masonry-3 {
    -ms-grid-columns: 1fr var(--global-text-padding) 1fr var(--global-text-padding) 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
  body.layout-blog .com-content-category-blog__items[class*=masonry-].masonry-4 {
    -ms-grid-columns: 1fr var(--global-text-padding) 1fr var(--global-text-padding) 1fr var(--global-text-padding) 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}
body.layout-blog .com-content-category-blog__item {
  position: relative;
  background-color: rgba(0, 0, 0, 0.85);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-rows: auto clamp(300px, 20vw, 400px) auto;
  grid-template-rows: auto clamp(300px, 20vw, 400px) auto;
  padding: var(--global-text-padding);
}
@media (min-width: 769px) {
  body.layout-blog .com-content-category-blog__item:nth-child(2) {
    margin-top: clamp(2rem, 6vw, 4rem);
  }
  body.layout-blog .com-content-category-blog__item:nth-child(odd):not(:first-child) {
    margin-top: calc(clamp(2rem, 6vw, 4rem) * -1);
  }
  body.layout-blog .com-content-category-blog__item:nth-child(4) {
    margin-top: 0;
  }
}
body.layout-blog .com-content-category-blog__item .page-header {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
body.layout-blog .com-content-category-blog__item .page-header > * {
  margin-bottom: 1em;
  margin-top: 0.5em;
  position: relative;
  line-height: 0.6em;
  z-index: 1;
}
body.layout-blog .com-content-category-blog__item .page-header > *::before {
  content: "";
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#84722A), color-stop(95%, rgba(132, 114, 42, 0.2)), to(rgba(132, 114, 42, 0)));
  background: linear-gradient(90deg, #84722A 0%, rgba(132, 114, 42, 0.2) 95%, rgba(132, 114, 42, 0) 100%);
  position: absolute;
  width: 100%;
  height: 2px;
  left: 50%;
  top: 100%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body.layout-blog .com-content-category-blog__item .article-info-term {
  display: none;
}
body.layout-blog .com-content-category-blog__item .item-image img {
  width: 100%;
}
body.layout-blog.view-article .item-page {
  background-color: rgba(0, 0, 0, 0.85);
  max-width: 500px;
  margin: auto;
  padding: var(--global-text-padding);
}
@media (min-width: 769px) {
  body.layout-blog.view-article .item-page {
    max-width: 700px;
  }
}
@media (min-width: 1501px) {
  body.layout-blog.view-article .item-page {
    max-width: 800px;
  }
}
body.layout-blog.view-article .article-info-term {
  display: none;
}

.splide button.splide__arrow {
  background: hsl(108, 8%, 10%);
  border-radius: 0;
  border: 2px solid #84722A;
}
.splide button.splide__arrow svg {
  fill: hsl(108, 8%, 90%);
}
.splide ul.splide__pagination {
  bottom: -1.5rem;
}
.splide button.splide__pagination__page {
  background: #84722A;
}
.splide__slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.darkbg {
  background-color: rgba(0, 0, 0, 0.85);
  padding: var(--global-text-padding);
}

.slider .splide {
  position: relative;
}
.slider .splide .newsflash-content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.slider .splide .newsflash-content .container > * {
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: clamp(2.2rem, var(--global-font-size) + 5vw, 4rem);
  display: block;
  line-height: 1em;
  background-color: hsl(108, 8%, 50%);
  color: #fff;
  padding: 0.2em 0.5em;
  margin-bottom: 0.2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.slider .splide .newsflash-content .splide__arrow {
  width: 4rem;
  height: 4rem;
  border-radius: 0;
  background: hsl(108, 8%, 50%);
}
.slider .splide .newsflash-content .splide__arrow svg {
  width: 60%;
  height: 60%;
}
.slider .splide .newsflash-content .splide__arrow svg * {
  fill: #fff;
}

.banner {
  position: relative;
}
.banner .newsflash-content {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 60vh;
  padding: clamp(2rem, 6vw, 4rem) 0;
}
.banner .newsflash-content .container > * {
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: clamp(2.2rem, var(--global-font-size) + 5vw, 4rem);
  display: block;
  line-height: 1em;
  background-color: #06594a;
  color: #fff;
  padding: 0.2em 0.5em;
  margin-bottom: 0.2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.news .mod-articlesnews {
  height: 100%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: var(--global-text-padding);
}
.news .mod-articlesnews .splide__track {
  height: 100%;
}
.news .mod-articlesnews__item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  background-color: rgba(0, 0, 0, 0.85);
  padding: var(--global-text-padding);
}
.news .mod-articlesnews__item figure {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}
.news .mod-articlesnews__item figure img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.news .newsflash-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.news .newsflash-title {
  margin-bottom: 0.5rem;
}
.news .newsflash-title a {
  font-style: normal;
}
.news .newsflash-publish_up {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.leistungen_kacheln .mod-articlesnews {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: var(--global-text-padding);
}
.leistungen_kacheln .mod-articlesnews__item {
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: clamp(250px, 20vw, 300px) auto;
  grid-template-rows: clamp(250px, 20vw, 300px) auto;
}
.leistungen_kacheln .mod-articlesnews__item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.leistungen_kacheln .mod-articlesnews__item > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.leistungen_kacheln .mod-articlesnews__item figure {
  overflow: hidden;
}
.leistungen_kacheln .mod-articlesnews__item img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform: scale(1.001);
          transform: scale(1.001);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.leistungen_kacheln .newsflash-publish_up {
  display: none;
}
.leistungen_kacheln .newsflash-content {
  background-color: rgba(0, 0, 0, 0.85);
  padding: var(--global-text-padding);
}
.leistungen_kacheln .newsflash-content h3,
.leistungen_kacheln .newsflash-content h2 {
  position: relative;
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: clamp(1.9rem, var(--global-font-size) + 3vw, 2.5rem);
  margin-bottom: 0;
}
.leistungen_kacheln .newsflash-content h3::before,
.leistungen_kacheln .newsflash-content h2::before {
  content: "";
  background-color: #907c2e;
  position: absolute;
  top: 50%;
  left: calc(var(--global-text-padding) * -1);
  -webkit-transform: translateY(-60%) translateX(-50%) rotate(45deg);
          transform: translateY(-60%) translateX(-50%) rotate(45deg);
  width: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  height: clamp(1.6rem, var(--global-font-size) + 2vw, 1.9rem);
  z-index: 2;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.leistungen_kacheln .hiddenlink:hover + .newsflash-image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.leistungen_kacheln .hiddenlink:hover + * + .newsflash-content h3::before,
.leistungen_kacheln .hiddenlink:hover + * + .newsflash-content h2::before {
  -webkit-transform: translateY(-60%) translateX(-50%) rotate(0deg);
          transform: translateY(-60%) translateX(-50%) rotate(0deg);
}

.speisen,
.menues {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.speisen .newsflash-title,
.menues .newsflash-title {
  margin: 0;
}
.speisen .newsflash-content,
.menues .newsflash-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3rem;
}
.speisen .speise__heading,
.speisen .menue__heading,
.menues .speise__heading,
.menues .menue__heading {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}
.speisen .speise__heading::before,
.speisen .menue__heading::before,
.menues .speise__heading::before,
.menues .menue__heading::before {
  content: "";
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#84722A), color-stop(95%, rgba(132, 114, 42, 0.2)), to(rgba(132, 114, 42, 0)));
  background: linear-gradient(90deg, #84722A 0%, rgba(132, 114, 42, 0.2) 95%, rgba(132, 114, 42, 0) 100%);
  position: absolute;
  width: 100%;
  height: 2px;
  left: 50%;
  top: 100%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.speisen .speise__heading *,
.speisen .menue__heading *,
.menues .speise__heading *,
.menues .menue__heading * {
  font-size: clamp(1.6rem, var(--global-font-size) + 3vw, 2.2rem);
  font-weight: 400;
  font-family: "Italianno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 0.6em;
  margin-top: 1rem;
}
.speisen .menue .newsflash-content,
.menues .menue .newsflash-content {
  gap: 1rem;
}
.speisen .menue__heading,
.menues .menue__heading {
  margin-bottom: 0;
}
.speisen .menue .speise,
.menues .menue .speise {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3rem;
}
.speisen .menue .speise__heading,
.menues .menue .speise__heading {
  border: none;
  margin: 0;
  font-size: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
}
.speisen .menue .speise__heading::before,
.menues .menue .speise__heading::before {
  content: none;
}
.speisen .desc_de,
.menues .desc_de {
  font-size: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
  line-height: 1.3em;
}
.speisen .desc_en,
.menues .desc_en {
  color: hsl(108, 8%, 70%);
  font-size: var(--global-font-size);
  font-style: italic;
}
.speisen .weinempfehlung,
.menues .weinempfehlung {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.5rem;
}
.speisen .weinempfehlung::before,
.menues .weinempfehlung::before {
  content: "";
  background-image: url("../images/wein_907C2E.png");
  width: 3rem;
  height: 3rem;
  display: block;
  background-size: cover;
  background-position: center;
}

.hiddenlink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
}
.hiddenlink a {
  position: relative;
  z-index: 6;
  width: 100%;
  height: 100%;
  display: block;
}

.important-news .mod-articlesnews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.85);
  padding: 1rem;
}
.important-news .mod-articlesnews .newsflash-publish_up {
  margin-bottom: 1rem;
}

.call-to-action .mod-articlesnews {
  background-color: #000;
  padding: var(--global-text-padding);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: auto;
}
.call-to-action .mod-articlesnews .newsflash-publish_up {
  display: none;
}

.jobs {
  text-align: center;
  margin: clamp(2rem, 6vw, 4rem) auto;
  width: 100%;
  max-width: 500px;
  background-color: rgba(0, 0, 0, 0.85);
  padding: var(--global-text-padding);
}
@media (min-width: 769px) {
  .jobs {
    max-width: 700px;
  }
}
@media (min-width: 1501px) {
  .jobs {
    max-width: 800px;
  }
}
.jobs .mod-articlesnews {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: var(--global-text-padding);
}
.jobs .mod-articlesnews__item {
  padding: var(--global-text-padding);
}
.jobs .mod-articlesnews .newsflash-publish_up {
  display: none;
}

@-webkit-keyframes delay-pointer-events {
  0% {
    pointer-events: none;
  }
  99% {
    pointer-events: none;
  }
  100% {
    pointer-events: all !important;
  }
}

@keyframes delay-pointer-events {
  0% {
    pointer-events: none;
  }
  99% {
    pointer-events: none;
  }
  100% {
    pointer-events: all !important;
  }
}
@media (min-width: 769px) {
  body.homepage .container-header:not(.scrolled).grid-child {
    max-width: none;
  }
  body.homepage .container-header.scrolled .container-nav {
    margin: 0 0 0 auto;
  }
  body:not(.homepage) .container-header .container-nav {
    margin: 0 0 0 auto;
  }
  body:not(.homepage) .container-header.scrolled:not(.scrolled-bottom) .tischanfrage_button {
    display: block;
    opacity: 1;
  }
}
.container-header .container-nav {
  width: auto;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "leftButton mainNav rightButton";
  -ms-grid-columns: 1fr 1rem auto 1rem 1fr;
  grid-template-columns: 1fr auto 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
@media (min-width: 769px) {
  .container-header .container-nav {
    display: block;
  }
}
@media (max-width: 768px) {
  .container-header .container-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    background-color: #06594a;
  }
}
.container-header .container-nav .navbar {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: mainNav;
  background-color: #06594a;
  margin-top: 0;
}
@media (min-width: 769px) {
  .container-header .container-nav .navbar {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: rightButton;
    background-color: transparent;
  }
}
.container-header .container-nav .navbar-toggler {
  display: block;
  background-color: transparent;
  position: relative;
  z-index: 10;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 1.5rem;
}
@media (min-width: 769px) {
  .container-header .container-nav .navbar-toggler {
    display: none;
  }
}
.container-header .container-nav .navbar-toggler::after {
  pointer-events: none;
  content: "";
  background-image: url("../images/voelki.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100%;
  height: 5rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 15;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.container-header .container-nav .navbar-toggler::before {
  pointer-events: none;
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.3)), to(transparent));
  background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
  width: 200%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.container-header .container-nav .navbar-toggler .icon-menu,
.container-header .container-nav .navbar-toggler .icon-menu::before,
.container-header .container-nav .navbar-toggler .icon-menu::after {
  pointer-events: none;
  background-color: #fff;
  z-index: 20;
  content: "";
  display: block;
  height: 2px;
  border-radius: 2px;
  position: relative;
  -webkit-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, top 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, top 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, top 0.2s ease-in-out, transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out, top 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  width: 1.6rem;
  margin: auto;
}
.container-header .container-nav .navbar-toggler .icon-menu::before {
  position: absolute;
  top: -300%;
}
.container-header .container-nav .navbar-toggler .icon-menu::after {
  position: absolute;
  top: 300%;
}
.container-header .container-nav .navbar-toggler[aria-expanded=true] .icon-menu {
  background: transparent;
}
.container-header .container-nav .navbar-toggler[aria-expanded=true] .icon-menu::before, .container-header .container-nav .navbar-toggler[aria-expanded=true] .icon-menu::after {
  top: 0;
}
.container-header .container-nav .navbar-toggler[aria-expanded=true] .icon-menu::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.container-header .container-nav .navbar-toggler[aria-expanded=true] .icon-menu::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (max-width: 768px) {
  .container-header .container-nav .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.85);
    position: fixed;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .container-header .container-nav .navbar-collapse .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .container-header .container-nav .navbar-collapse .nav-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: transparent;
  }
  .container-header .container-nav .navbar-collapse .nav-item a,
  .container-header .container-nav .navbar-collapse .nav-item span {
    background: none;
    background-color: transparent;
    padding: 1rem;
  }
  .container-header .container-nav .navbar-collapse .nav-item.active::after {
    content: none;
  }
  .container-header .container-nav .navbar-collapse .nav-item.active:not(.parent)::after {
    content: "";
    background-color: #84722A;
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
            transform: translate(-50%, 0) rotate(45deg);
    width: 10px;
    height: 10px;
    z-index: 10;
    opacity: 1;
  }
  .container-header .container-nav .navbar-collapse .nav ul.mod-menu__sub {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
  }
  .container-header .container-nav .navbar-collapse .nav ul.mod-menu__sub li a {
    padding: 0.2rem;
  }
  .container-header .container-nav .navbar-collapse.collapse, .container-header .container-nav .navbar-collapse.collapsing {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .container-header .container-nav .navbar-collapse.collapse.show, .container-header .container-nav .navbar-collapse.collapsing.show {
    opacity: 1;
    padding-block: 100px;
    overflow: auto;
  }
}
.container-header ul.mod-menu {
  color: #fff;
  font-size: clamp(1.2rem, var(--global-font-size) + 2vw, 1.4rem);
  line-height: 1em;
  white-space: nowrap;
  letter-spacing: 0.02em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  text-align: center;
}
.container-header ul.mod-menu li {
  position: relative;
  padding: 0;
  margin: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.container-header ul.mod-menu li a,
.container-header ul.mod-menu li span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  white-space: inherit;
  letter-spacing: inherit;
  display: block;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 1.5rem;
  text-transform: normal;
  background-color: #06594a;
  background: -webkit-gradient(linear, left bottom, left top, from(#06594a), to(#044136));
  background: linear-gradient(0deg, #06594a 0%, #044136 100%);
}
.container-header ul.mod-menu li:hover > a,
.container-header ul.mod-menu li:hover > span, .container-header ul.mod-menu li:focus > a,
.container-header ul.mod-menu li:focus > span, .container-header ul.mod-menu li:focus-within > a,
.container-header ul.mod-menu li:focus-within > span {
  background-color: #032922;
}
.container-header ul.mod-menu > li.active > a,
.container-header ul.mod-menu > li.active > span, .container-header ul.mod-menu > li:hover > a,
.container-header ul.mod-menu > li:hover > span, .container-header ul.mod-menu > li:focus > a,
.container-header ul.mod-menu > li:focus > span, .container-header ul.mod-menu > li:focus-within > a,
.container-header ul.mod-menu > li:focus-within > span {
  text-decoration: none;
}
.container-header ul.mod-menu > li.active::after, .container-header ul.mod-menu > li:hover::after, .container-header ul.mod-menu > li:focus::after, .container-header ul.mod-menu > li:focus-within::after {
  content: "";
  background-color: #84722A;
  position: absolute;
  top: 100%;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
  height: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
  z-index: 10;
  opacity: 1;
}
.container-header ul.mod-menu .nav-item.parent:hover .mod-menu__sub, .container-header ul.mod-menu .nav-item.parent:focus .mod-menu__sub, .container-header ul.mod-menu .nav-item.parent:focus-within .mod-menu__sub {
  z-index: 1;
  opacity: 1;
  pointer-events: all;
}
.container-header ul.mod-menu .nav-item.parent:hover > a::after,
.container-header ul.mod-menu .nav-item.parent:hover > span::after, .container-header ul.mod-menu .nav-item.parent:focus > a::after,
.container-header ul.mod-menu .nav-item.parent:focus > span::after, .container-header ul.mod-menu .nav-item.parent:focus-within > a::after,
.container-header ul.mod-menu .nav-item.parent:focus-within > span::after {
  -webkit-transform: rotate(-45deg) translate(0.1em, -0.1em);
          transform: rotate(-45deg) translate(0.1em, -0.1em);
}
.container-header ul.mod-menu .nav-item.parent > a,
.container-header ul.mod-menu .nav-item.parent > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.container-header ul.mod-menu .nav-item.parent > a::after,
.container-header ul.mod-menu .nav-item.parent > span::after {
  border: solid #fff;
  border-width: 0 0 0.2em 0.2em;
  -webkit-transform: rotate(45deg) translate(0.1em, -0.1em);
          transform: rotate(45deg) translate(0.1em, -0.1em);
  display: inline-block;
  padding: 0.2em;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.container-header ul.mod-menu .mod-menu__sub {
  padding: 0;
  margin: 0;
  font-size: var(--global-font-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
@media (min-width: 769px) {
  .container-header ul.mod-menu .mod-menu__sub {
    position: absolute;
    left: 0;
    top: 100%;
    pointer-events: none;
    z-index: -100;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    min-width: 100%;
  }
}
.container-header ul.mod-menu .mod-menu__sub li {
  background-color: hsl(108, 8%, 90%);
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.container-header ul.mod-menu .mod-menu__sub li a,
.container-header ul.mod-menu .mod-menu__sub li span {
  color: hsl(108, 8%, 90%);
  padding: 0.5em;
  width: 100%;
  font-weight: 400;
  background: none;
  background-color: #06594a;
}
.container-header ul.mod-menu .mod-menu__sub li:hover a, .container-header ul.mod-menu .mod-menu__sub li:hover span, .container-header ul.mod-menu .mod-menu__sub li:focus a, .container-header ul.mod-menu .mod-menu__sub li:focus span {
  -webkit-box-shadow: inset 0 -4px 0 -2px #84722A;
          box-shadow: inset 0 -4px 0 -2px #84722A;
}
.container-header ul.mod-menu .mod-menu__sub li:first-of-type a {
  padding-top: var(--global-font-size);
}
@media (min-width: 769px) {
  .container-header .speisen_button {
    display: none !important;
  }
  .container-header .tischanfrage_button {
    display: none;
    height: auto !important;
    bottom: 3rem;
    right: 2rem;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    position: fixed;
  }
  .container-header .tischanfrage_button a {
    background-color: #84722A !important;
    padding: 0.5rem 1rem;
    font-size: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
    color: #fff;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    gap: 0.5rem;
    text-decoration: none;
  }
  .container-header .tischanfrage_button a:hover, .container-header .tischanfrage_button a:focus, .container-header .tischanfrage_button a:focus-within {
    color: #fff;
    background-color: #84722A !important;
  }
}
.container-header .speisen_button {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: leftButton;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.container-header .tischanfrage_button {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: rightButton;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.container-header .speisen_button,
.container-header .tischanfrage_button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.container-header .speisen_button a,
.container-header .tischanfrage_button a {
  background-color: #06594a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-decoration: none;
}
.container-header .speisen_button a svg *,
.container-header .tischanfrage_button a svg * {
  stroke: #fff;
}

@media (min-width: 769px) {
  body.itemid-139 .tischanfrage_button {
    display: none !important;
  }
}
.flatpickr-calendar .flatpickr-day {
  font-size: 1.2rem;
}

.convertforms.cf {
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 500px;
  --font: $global-font-family !important;
  --label-color: hsl(108, 8%, 90%) !important;
  --color-success: $success !important;
}
@media (min-width: 769px) {
  .convertforms.cf {
    max-width: 700px;
  }
}
@media (min-width: 1501px) {
  .convertforms.cf {
    max-width: 800px;
  }
}
.convertforms.cf .cf-btn:hover {
  opacity: 1;
  background-color: #5d511e !important;
}
.convertforms.cf .cf-form-wrap {
  padding: 0;
}
.convertforms.cf .cf-form-wrap .cf-fields {
  gap: 1rem;
  margin: 0;
}
.convertforms.cf .cf-form-wrap .cf-control-group {
  position: relative;
  padding: 0;
}
@media (min-width: 421px) {
  .convertforms.cf .cf-form-wrap .cf-control-group[class*=cf-one-third] {
    width: calc(33.3333333333% - 1rem);
  }
  .convertforms.cf .cf-form-wrap .cf-control-group[class*=cf-two-thirds] {
    width: calc(66.6666666667% - 1rem);
  }
  .convertforms.cf .cf-form-wrap .cf-control-group[class*=cf-one-half] {
    width: calc(50% - 1rem);
  }
}
.convertforms.cf .cf-form-wrap .cf-control-group:not([data-type=checkbox], [data-type=radio]):has(.cf-input:focus, .cf-input:not(:-moz-placeholder-shown)) .cf-label {
  top: 2px;
  font-size: 0.85rem;
  z-index: 2;
}
.convertforms.cf .cf-form-wrap .cf-control-group:not([data-type=checkbox], [data-type=radio]):has(.cf-input:focus, .cf-input:not(:-ms-input-placeholder)) .cf-label {
  top: 2px;
  font-size: 0.85rem;
  z-index: 2;
}
.convertforms.cf .cf-form-wrap .cf-control-group:not([data-type=checkbox], [data-type=radio]):has(.cf-input:focus, .cf-input:not(:placeholder-shown)) .cf-label {
  top: 2px;
  font-size: 0.85rem;
  z-index: 2;
}
.convertforms.cf .cf-form-wrap .cf-control-group .cf-input:focus {
  outline: 2px solid #c7ae4d;
  outline-offset: 4px;
}
.convertforms.cf .cf-form-wrap .cf-control-group:not([data-type=checkbox], [data-type=radio]) .cf-label {
  color: hsl(108, 8%, 90%);
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-size: var(--global-font-size);
  margin-bottom: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.convertforms.cf .cf-form-wrap .cf-control-input {
  font-size: var(--global-font-size);
  --input-color: hsl(108, 8%, 90%);
  --input-background-color: hsl(108, 8%, 10%);
  --input-padding: 1rem;
  --input-border-color: #84722A;
  --input-border-radius: 0;
}
.convertforms.cf .cf-form-wrap .cf-control-input .cf-input {
  line-height: 1.2em;
}
.convertforms.cf .cf-form-wrap button[type=submit].cf-btn {
  font-size: var(--global-font-size) !important;
  background-color: #84722A !important;
  border-radius: 0 !important;
  padding: 0.5rem 1rem !important;
}
.convertforms.cf .cf-form-wrap button[type=submit].cf-btn:focus {
  outline: 2px solid #c7ae4d;
  outline-offset: 4px;
}
.convertforms.cf .cf-form-wrap button[type=submit].cf-btn:hover {
  opacity: 1;
  background-color: #5d511e !important;
}

.feedback .convertforms {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  text-align: center;
  padding: var(--global-text-padding);
  background-color: rgba(0, 0, 0, 0.85);
}

.gutschein_form .gutschein_item {
  background-color: hsl(108, 8%, 10%);
  padding: 1rem !important;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  min-width: 180px;
}
.gutschein_form .gutschein_item > .cf-control-input > div p {
  margin-bottom: 0;
  line-height: 1.2em;
}
.gutschein_form .gutschein_item > .cf-control-input > div a.btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.gutschein_form .gutschein_item > .cf-control-input > div a {
  position: relative;
  z-index: 2;
}
.gutschein_form .gutschein_item > .cf-control-input > div a::after {
  content: none;
}
.gutschein_form .gutschein_item:hover {
  -webkit-box-shadow: inset 0 0 0 2px #84722A;
          box-shadow: inset 0 0 0 2px #84722A;
}
.gutschein_form .gutschein_item:focus, .gutschein_form .gutschein_item:focus-within {
  outline: 2px solid #c7ae4d;
  outline-offset: 4px;
}

.adminhinweis .mod-custom {
  padding: 1rem;
  background-color: #f1f1f1;
}
.adminhinweis .mod-custom * {
  color: black;
}
.adminhinweis .mod-custom p,
.adminhinweis .mod-custom span,
.adminhinweis .mod-custom a,
.adminhinweis .mod-custom ul,
.adminhinweis .mod-custom li,
.adminhinweis .mod-custom div {
  font-size: 0.9rem;
  line-height: 1.3rem;
}
.adminhinweis .mod-custom h3 {
  font-size: clamp(1rem, var(--global-font-size) + 1vw, 1.2rem);
}