@charset "UTF-8";
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
/**
 * Boxpanel
 */
.boxpanel-fluid {
  width: 100%;
  padding: 0;
}
@media (max-width: 767.98px) {
  .boxpanel-fluid {
    overflow: hidden;
  }
}
.boxpanel-fluid .boxpanel-row-base {
  max-width: 1280px;
  background-color: transparent;
  background-position: inherit;
  background-repeat: inherit;
  background-size: inherit;
  background-attachment: inherit;
}
@media (min-width: 1400px) {
  .boxpanel-fluid .boxpanel-row-base {
    padding-left: 0;
    padding-right: 0;
  }
}
.boxpanel-fluid > .boxpanel-container {
  width: 100%;
  padding: 0;
  position: relative;
  background-color: white;
}
.boxpanel-fluid > .boxpanel-container.slim {
  background-color: transparent;
}
.boxpanel-fluid > .boxpanel-container.slim > .boxpanel-row-base {
  background-color: white;
}
.boxpanel-fluid > .boxpanel-container.bcg {
  background-color: transparent;
}
.boxpanel-fluid > .boxpanel-container.bcg > .boxpanel-row-base {
  background-color: transparent;
}
.boxpanel-fluid > .boxpanel-container.bcg > .boxpanel-video-bcg {
  display: block;
  z-index: -1;
}
.boxpanel-fluid > .boxpanel-container.wide.bcg.bcg-color {
  background-color: transparent;
  background-color: var(--box-background-color);
}
.boxpanel-fluid > .boxpanel-container.wide.bcg.bcg-image {
  background-image: var(--box-background-image);
}
.boxpanel-fluid > .boxpanel-container.slim.bcg.bcg-color > .boxpanel-row-base {
  background-color: var(--box-background-color);
}
.boxpanel-fluid > .boxpanel-container.slim.bcg.bcg-image > .boxpanel-row-base {
  background-image: var(--box-background-image);
}
.boxpanel-fluid > .boxpanel-container.slim > .boxpanel-video-bcg {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.boxpanel-fluid > .boxpanel-container.full > .boxpanel-row-base {
  max-width: initial;
  margin-left: 0;
  margin-right: 0;
}
.boxpanel-fluid > .boxpanel-container > .boxpanel-video-bcg {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.sidebar .boxpanel-fluid .boxpanel-row {
  margin-left: 0;
  margin-right: 0;
}
.boxpanel-fluid .boxpanel-row.fixed-height-xs {
  min-height: var(--box-min-height-xs);
}
.boxpanel-fluid .boxpanel-row.fixed-height-xs:before {
  content: none;
}
.boxpanel-fluid .boxpanel-row.fixed-height-xs-percent {
  min-height: 0;
}
.boxpanel-fluid .boxpanel-row.fixed-height-xs-percent:before {
  display: block;
  width: 0;
  content: "";
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: var(--box-min-height-xs);
}
@media (min-width: 576px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-sm {
    min-height: var(--box-min-height-sm);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-sm:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-sm-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-sm-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-sm);
  }
}
@media (min-width: 768px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-md {
    min-height: var(--box-min-height-md);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-md:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-md-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-md-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-md);
  }
}
@media (min-width: 992px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-lg {
    min-height: var(--box-min-height-lg);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-lg:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-lg-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-lg-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-lg);
  }
}
@media (min-width: 1200px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-xl {
    min-height: var(--box-min-height-xl);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xl:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xl-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xl-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-xl);
  }
}
@media (min-width: 1400px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-xxl {
    min-height: var(--box-min-height-xxl);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xxl:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xxl-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xxl-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-xxl);
  }
}
.boxpanel-fluid video.boxpanel-video {
  position: absolute;
  width: 100%;
}

.bcg {
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.bcg.bcg-fix {
  background-attachment: fixed;
}
.bcg.bcg-r-x {
  background-repeat: repeat-x;
}
.bcg.bcg-r-y {
  background-repeat: repeat-y;
}
.bcg.bcg-r-all {
  background-repeat: repeat;
}
.bcg.bcg-s-cover {
  background-size: cover;
}
.bcg.bcg-s-contain {
  background-size: contain;
}
.bcg.bcg-p-left {
  background-position: left;
}
.bcg.bcg-p-right {
  background-position: right;
}
.bcg.bcg-p-top {
  background-position: top;
}
.bcg.bcg-p-bottom {
  background-position: bottom;
}
.bcg.bcg-p-top-left {
  background-position: top left;
}
.bcg.bcg-p-bottom-left {
  background-position: bottom left;
}
.bcg.bcg-p-top-right {
  background-position: top right;
}
.bcg.bcg-p-bottom-right {
  background-position: bottom right;
}
.bcg.bcg-s-contain .boxpanel-video {
  height: 100%;
}
.bcg.bcg-s-cover .boxpanel-video {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
}
.bcg.bcg-p-left .boxpanel-video {
  left: 0;
}
.bcg.bcg-p-right .boxpanel-video {
  right: 0;
}
.bcg.bcg-p-top .boxpanel-video {
  top: 0;
}
.bcg.bcg-p-bottom .boxpanel-video {
  bottom: 0;
}
.bcg.bcg-p-top-left .boxpanel-video {
  top: 0;
  left: 0;
}
.bcg.bcg-p-bottom-left .boxpanel-video {
  bottom: 0;
  left: 0;
}
.bcg.bcg-p-top-right .boxpanel-video {
  top: 0;
  right: 0;
}
.bcg.bcg-p-bottom-right .boxpanel-video {
  bottom: 0;
  right: 0;
}

/**
 * Boxok
 */
.box > h1 {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
  color: #575759;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 100%;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 10px;
  font-size: 22.5px;
  letter-spacing: 2px;
  position: relative;
}
@media (min-width: 768px) {
  .box > h1 {
    font-size: 35px;
  }
}
.box > h1 > a {
  color: inherit;
  text-decoration: inherit;
}
.box > h1::before {
  display: block;
  position: absolute;
  content: " ";
  left: 40%;
  right: 40%;
  bottom: 0;
  height: 6px;
  background-color: #cfb65b;
}
.box > h2 {
  font-weight: 400;
  color: #939598;
}
.box > h1 + hr, .box > h2 + hr {
  display: none;
  border-top: 1px solid #c9cfd1;
  margin: 0;
}
.box.hiddenboxtitle > h1, .box.hiddenboxtitle > h1 + hr {
  display: none;
}
.box.top-margin {
  margin-top: 15px;
}
.box.bottom-margin {
  margin-bottom: 15px;
}
.box.white-bcg {
  background-color: white;
}
.box.white-txt > h1 {
  color: white;
}
.box.white-txt > h1::before {
  border-color: white;
}
.box.white-txt > h1 + hr, .box.white-txt > h2 + hr {
  border-top-color: white;
}
.box hr.invisible {
  border: none;
  padding: 0;
  margin: 8px;
}
.box.h-margin-1 {
  margin-right: calc(var(--bs-gutter-x) * 0.5);
  margin-left: calc(var(--bs-gutter-x) * 0.5);
}
.box.h-margin-2 {
  margin-right: calc(var(--bs-gutter-x) * 1);
  margin-left: calc(var(--bs-gutter-x) * 1);
}
.box.subdivided.div-xs-1 .subbox {
  flex: 0 0 auto;
  width: 100%;
}
.box.subdivided.div-xs-2 .subbox {
  flex: 0 0 auto;
  width: 50%;
}
.box.subdivided.div-xs-3 .subbox {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.box.subdivided.div-xs-4 .subbox {
  flex: 0 0 auto;
  width: 25%;
}
.box.subdivided.div-xs-6 .subbox {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.box.subdivided.div-xs-8 .subbox {
  flex: 0 0 auto;
  width: 12.5%;
}
.box.subdivided.div-xs-12 .subbox {
  flex: 0 0 auto;
  width: 8.3333333333%;
}
@media (min-width: 576px) {
  .box.subdivided.div-sm-1 .subbox {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.subdivided.div-sm-2 .subbox {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.subdivided.div-sm-3 .subbox {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.subdivided.div-sm-4 .subbox {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.subdivided.div-sm-6 .subbox {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.subdivided.div-sm-8 .subbox {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.subdivided.div-sm-12 .subbox {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 768px) {
  .box.subdivided.div-md-1 .subbox {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.subdivided.div-md-2 .subbox {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.subdivided.div-md-3 .subbox {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.subdivided.div-md-4 .subbox {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.subdivided.div-md-6 .subbox {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.subdivided.div-md-8 .subbox {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.subdivided.div-md-12 .subbox {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 992px) {
  .box.subdivided.div-lg-1 .subbox {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.subdivided.div-lg-2 .subbox {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.subdivided.div-lg-3 .subbox {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.subdivided.div-lg-4 .subbox {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.subdivided.div-lg-6 .subbox {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.subdivided.div-lg-8 .subbox {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.subdivided.div-lg-12 .subbox {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 1200px) {
  .box.subdivided.div-xl-1 .subbox {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.subdivided.div-xl-2 .subbox {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.subdivided.div-xl-3 .subbox {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.subdivided.div-xl-4 .subbox {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.subdivided.div-xl-6 .subbox {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.subdivided.div-xl-8 .subbox {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.subdivided.div-xl-12 .subbox {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 1400px) {
  .box.subdivided.div-xxl-1 .subbox {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.subdivided.div-xxl-2 .subbox {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.subdivided.div-xxl-3 .subbox {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.subdivided.div-xxl-4 .subbox {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.subdivided.div-xxl-6 .subbox {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.subdivided.div-xxl-8 .subbox {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.subdivided.div-xxl-12 .subbox {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}

/* title */
.box.box-title {
  text-align: center;
  color: #cfb65b;
}
.box.box-title.left {
  text-align: left;
}
.box.box-title.left h1::before {
  display: block;
}
.box.box-title.right {
  text-align: right;
}
.box.box-title.right h1::before {
  display: block;
  left: unset;
  right: 0;
}
.box.box-title a:not(.btn) {
  color: inherit;
}
.box.box-title h1 {
  text-align: inherit;
  padding-right: 12px;
  margin-right: 0;
  width: 100%;
}
.box.box-title h2,
.box.box-title .subtitle {
  font-size: 16px;
  color: #575759;
}
.box.box-title .control .btn {
  --bs-btn-bg: #cfb65b;
  --bs-btn-border-color: #cfb65b;
  --bs-btn-font-size: 18px;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 32px;
}
.box.box-title.white-txt {
  color: white;
}
.box.box-title.normal.left {
  position: relative;
}
.box.box-title.normal.left h1::before {
  display: none;
}
.box.box-title.normal.left::before {
  display: block;
  position: absolute;
  content: " ";
  border-style: solid;
  border-color: #cfb65b;
  border-left-width: 6px;
  border-right-width: 0;
  top: 8%;
  bottom: 0.33em;
  width: 0;
  left: 0;
}
.box.box-title.normal.right {
  position: relative;
}
.box.box-title.normal.right h1::before {
  display: none;
}
.box.box-title.normal.right::before {
  display: block;
  position: absolute;
  content: " ";
  border-style: solid;
  border-color: #cfb65b;
  border-left-width: 6px;
  border-right-width: 0;
  top: 8%;
  bottom: 0.33em;
  width: 0;
  right: 0;
}
.box.box-title.normal h2,
.box.box-title.normal .subtitle {
  padding-left: 12px;
  padding-right: 12px;
}
.box.box-title.normal .control {
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 1.2rem;
}
.box.box-title.normal .control .btn {
  --bs-border-radius: 10px;
}
.box.box-title.normal.big h1 {
  font-size: 45px;
}
.box.box-title.normal.big h2 {
  font-size: 20px;
}
.box.box-title.extended h1 {
  font-size: 45px;
}
.box.box-title.extended h1::before {
  border-left-width: 4px;
}
.box.box-title.extended.white-txt h1::before {
  border-left-color: white;
}
.box.box-title.extended h2 {
  display: inline-block;
  font-size: 16px;
  background-color: rgba(0, 83, 134, 0.75);
  color: white;
  padding: 11px 16px 40px 16px;
  border-radius: 5px;
}
.box.box-title.extended.white h2 {
  background-color: rgba(255, 255, 255, 0.5);
  color: #cfb65b;
}
.box.box-title.extended .control {
  margin-top: -34px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 0.5rem;
}
.box.box-title.extended .control .btn {
  padding: 10px 37px;
  font-size: 18px;
}

/* contentlist */
.box.box-contentlist,
.box.box-contentlistmenu {
  margin-left: 0;
  margin-right: 0;
}
.box.box-contentlist:not(.small) > h1,
.box.box-contentlistmenu:not(.small) > h1 {
  margin-bottom: 0;
}
.box.box-contentlist > h1 + hr,
.box.box-contentlistmenu > h1 + hr {
  margin-bottom: 12px;
}
.box.box-contentlist.hiddenboxtitle > h1, .box.box-contentlist.hiddenboxtitle > h1 + hr,
.box.box-contentlistmenu.hiddenboxtitle > h1,
.box.box-contentlistmenu.hiddenboxtitle > h1 + hr {
  display: none;
}
.box.box-contentlist .row,
.box.box-contentlistmenu .row {
  --bs-gutter-x: 14px;
}
.box.box-contentlist .subbox,
.box.box-contentlistmenu .subbox {
  display: flex;
  color: black;
  transition: transform 0.2s, opacity 0.2s;
  margin: 12px 0;
  --bs-gutter-x: 14px;
}
.box.box-contentlist .subbox.canhover:hover .image > img,
.box.box-contentlistmenu .subbox.canhover:hover .image > img {
  transition: transform 3s;
  transform: scale(1.12);
}
.box.box-contentlist .subbox-body,
.box.box-contentlistmenu .subbox-body {
  height: 100%;
  width: 100%;
}
.box.box-contentlist.white-txt .subbox,
.box.box-contentlistmenu.white-txt .subbox {
  color: white;
}
.box.box-contentlist.white-txt .subbox.canhover:hover,
.box.box-contentlistmenu.white-txt .subbox.canhover:hover {
  background-color: transparent;
}
.box.box-contentlist.white-txt .subbox .txt .red,
.box.box-contentlistmenu.white-txt .subbox .txt .red {
  color: white;
}
.box.box-contentlist.white-txt .box-content,
.box.box-contentlistmenu.white-txt .box-content {
  color: inherit;
}
.box.box-contentlist.white-txt .box-info-line .date,
.box.box-contentlistmenu.white-txt .box-info-line .date {
  border-bottom-color: white;
  color: white;
}
.box.box-contentlist.white-bcg,
.box.box-contentlistmenu.white-bcg {
  padding-left: 14px;
  padding-right: 14px;
  border-radius: 12px;
}
.box.box-contentlist .box-header,
.box.box-contentlistmenu .box-header {
  font-size: 19px;
  font-weight: bold;
  margin: 8px 0 8px 0;
  background-color: transparent;
  color: #575759;
  text-align: left;
}
.box.box-contentlist .box-header > a.title,
.box.box-contentlistmenu .box-header > a.title {
  color: inherit;
}
.box.box-contentlist .box-header > a.title:hover,
.box.box-contentlistmenu .box-header > a.title:hover {
  text-decoration: none;
}
.box.box-contentlist .box-header.subtitle,
.box.box-contentlistmenu .box-header.subtitle {
  font-size: 16px;
  font-weight: bold;
  color: #cfb65b;
  margin-top: -4px;
}
.box.box-contentlist .box-header .badge:first-of-type,
.box.box-contentlistmenu .box-header .badge:first-of-type {
  margin-left: auto;
}
.box.box-contentlist.white-txt .box-header,
.box.box-contentlistmenu.white-txt .box-header {
  color: white;
}
.box.box-contentlist.white-txt .box-header.subtitle,
.box.box-contentlistmenu.white-txt .box-header.subtitle {
  color: white;
}
.box.box-contentlist .box-info-line,
.box.box-contentlistmenu .box-info-line {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.box.box-contentlist .box-info-line .info-badge,
.box.box-contentlistmenu .box-info-line .info-badge {
  padding: 3px 12px;
  background-color: #cfb65b;
  color: white;
  font-size: 14px;
}
.box.box-contentlist .box-info-line .date,
.box.box-contentlistmenu .box-info-line .date {
  flex: 1;
  text-align: left;
  border-bottom: 1px solid #B2B2B2;
  margin-left: 5px;
  font-size: 12px;
  color: #666;
}
.box.box-contentlist .box-content,
.box.box-contentlistmenu .box-content {
  margin: 10px 0 5px 0;
  font-size: 15px;
  font-weight: 200;
  font-family: "Barlow", sans-serif;
  color: #575759;
  line-height: 1.5;
}
.box.box-contentlist .box-content.downloads a,
.box.box-contentlistmenu .box-content.downloads a {
  color: inherit;
  display: block;
}
.box.box-contentlist .box-content.downloads .icon,
.box.box-contentlistmenu .box-content.downloads .icon {
  margin-right: 3px;
}
.box.box-contentlist .box-content.downloads > ul.list,
.box.box-contentlistmenu .box-content.downloads > ul.list {
  margin: 0;
  padding: 0;
}
.box.box-contentlist .box-content.downloads > ul.list > li,
.box.box-contentlistmenu .box-content.downloads > ul.list > li {
  display: block;
  margin: 2px 0;
  padding: 5px 12px;
  color: white;
  border-radius: 9px;
}
.box.box-contentlist.hiddenlead .box-content,
.box.box-contentlistmenu.hiddenlead .box-content {
  display: none;
}
.box.box-contentlist.hiddentitle .box-header,
.box.box-contentlistmenu.hiddentitle .box-header {
  display: none;
}
.box.box-contentlist a.more,
.box.box-contentlistmenu a.more {
  float: right;
  display: none;
  margin-bottom: 10px;
  margin-top: 10px;
}
.box.box-contentlist .image,
.box.box-contentlistmenu .image {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}
.box.box-contentlist .image > a.shader,
.box.box-contentlistmenu .image > a.shader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.box.box-contentlist .image > img,
.box.box-contentlistmenu .image > img {
  transition: transform 0.5s;
  width: 100%;
  max-width: 100%;
}
.box.box-contentlist .image .alert-title,
.box.box-contentlistmenu .image .alert-title {
  display: block;
  position: absolute;
  right: 0px;
  top: 16px;
  padding: 2px 12px 2px 16px;
  font-size: 16px;
  color: white;
}
.box.box-contentlist.hiddenimages .image,
.box.box-contentlistmenu.hiddenimages .image {
  display: none;
}
.box.box-contentlist .product-control,
.box.box-contentlistmenu .product-control {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 13px 8px 13px;
}
.box.box-contentlist .product-control > .price,
.box.box-contentlistmenu .product-control > .price {
  width: 100%;
  font-size: 17px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  margin-bottom: 5px;
}
.box.box-contentlist .product-control > .price > .p,
.box.box-contentlistmenu .product-control > .price > .p {
  display: block;
}
.box.box-contentlist .product-control > .price > .p.display,
.box.box-contentlistmenu .product-control > .price > .p.display {
  text-decoration: line-through;
  color: #5e5e5e;
}
.box.box-contentlist .product-control > .price > .p.netto,
.box.box-contentlistmenu .product-control > .price > .p.netto {
  font-size: 12px;
  font-weight: normal;
}
.box.box-contentlist .product-control > .purchase, .box.box-contentlist .product-control > .show,
.box.box-contentlistmenu .product-control > .purchase,
.box.box-contentlistmenu .product-control > .show {
  flex: 1;
}
.box.box-contentlist .product-control > .show,
.box.box-contentlistmenu .product-control > .show {
  text-align: right;
}
.box.box-contentlist .favorite,
.box.box-contentlistmenu .favorite {
  margin-left: auto;
  margin-right: 2px;
}
.box.box-contentlist .favorite span,
.box.box-contentlistmenu .favorite span {
  display: none;
}
.box.box-contentlist .content-control,
.box.box-contentlistmenu .content-control {
  display: none;
  margin: 10px 0 5px 0;
  text-align: center;
}
.box.box-contentlist.showcontentcontrol .content-control,
.box.box-contentlistmenu.showcontentcontrol .content-control {
  display: block;
}
.box.box-contentlist.small .subbox-container,
.box.box-contentlistmenu.small .subbox-container {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 0 6px;
}
.box.box-contentlist.small .subbox,
.box.box-contentlistmenu.small .subbox {
  padding: 6px 0;
  border-bottom: 2px solid #E5E5E5;
}
.box.box-contentlist.small .subbox:last-child,
.box.box-contentlistmenu.small .subbox:last-child {
  border-bottom: none;
}
.box.box-contentlist.small .subbox-body,
.box.box-contentlistmenu.small .subbox-body {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: auto;
  display: flex;
}
.box.box-contentlist.small .image,
.box.box-contentlistmenu.small .image {
  flex: 0.8 0 0%;
  margin: 0 6px 0 0;
}
.box.box-contentlist.small .box-content,
.box.box-contentlistmenu.small .box-content {
  flex: 1 0 0%;
  display: flex;
  flex-direction: column;
}
.box.box-contentlist.small .box-header,
.box.box-contentlistmenu.small .box-header {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.box.box-contentlist.small .price,
.box.box-contentlistmenu.small .price {
  display: block;
  color: black;
  font-weight: 500;
  font-size: 14px;
  margin-top: auto;
  margin-bottom: auto;
}
.box.box-contentlist.small .price > s,
.box.box-contentlistmenu.small .price > s {
  display: block;
  color: #b2b2b9;
}
.box.box-contentlist.pictures > .row,
.box.box-contentlistmenu.pictures > .row {
  margin: 0;
}
.box.box-contentlist.pictures .subbox,
.box.box-contentlistmenu.pictures .subbox {
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
}
.box.box-contentlist.pictures .box-content,
.box.box-contentlist.pictures a.more,
.box.box-contentlistmenu.pictures .box-content,
.box.box-contentlistmenu.pictures a.more {
  display: none;
}
.box.box-contentlist.pictures .box-header,
.box.box-contentlistmenu.pictures .box-header {
  color: white;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  min-height: 50px;
  max-height: 80px;
  padding: 4px 12px;
  margin: 0;
  font-size: 20px;
  line-height: 35px;
  font-weight: 300;
  transition: top 0.3s;
  overflow: hidden;
}
.box.box-contentlist.pictures .box-header.subtitle,
.box.box-contentlistmenu.pictures .box-header.subtitle {
  display: none;
}
.box.box-contentlist.pictures .image,
.box.box-contentlistmenu.pictures .image {
  border-bottom: none;
}
.box.box-contentlist.pictures .image .alert-title,
.box.box-contentlistmenu.pictures .image .alert-title {
  top: unset;
  right: unset;
  left: 0;
  bottom: 30px;
  padding: 6px 20px 6px 25px;
  background-color: rgba(100, 100, 100, 0.6);
  font-size: 22px;
}
.box.box-contentlist.pictures .purchase,
.box.box-contentlistmenu.pictures .purchase {
  display: none;
}
.box.box-contentlist.pictures .product-control,
.box.box-contentlistmenu.pictures .product-control {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .box.box-contentlist.pictures .box-header,
  .box.box-contentlistmenu.pictures .box-header {
    top: -80px;
  }
  .box.box-contentlist.pictures .subbox:hover .box-header,
  .box.box-contentlistmenu.pictures .subbox:hover .box-header {
    top: 0;
  }
}
@media (min-width: 768px) {
  .box.box-contentlist.pictures.float .subbox,
  .box.box-contentlistmenu.pictures.float .subbox {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    transition: left 0.2s, top 0.2s, box-shadow 0.3s;
  }
  .box.box-contentlist.pictures.float .subbox:hover,
  .box.box-contentlistmenu.pictures.float .subbox:hover {
    background-color: transparent;
    left: -10px;
    top: -10px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.45);
  }
  .box.box-contentlist.pictures.float .subbox:hover .box-header,
  .box.box-contentlistmenu.pictures.float .subbox:hover .box-header {
    top: 0;
  }
}
@media (min-width: 768px) {
  .box.box-contentlist.pictures.zoom .image > img,
  .box.box-contentlistmenu.pictures.zoom .image > img {
    transition: transform 0.9s;
  }
  .box.box-contentlist.pictures.zoom .image > a.shader,
  .box.box-contentlistmenu.pictures.zoom .image > a.shader {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.4s;
  }
  .box.box-contentlist.pictures.zoom .subbox:hover .image,
  .box.box-contentlistmenu.pictures.zoom .subbox:hover .image {
    z-index: 1;
  }
  .box.box-contentlist.pictures.zoom .subbox:hover .image > img,
  .box.box-contentlistmenu.pictures.zoom .subbox:hover .image > img {
    transform: scale(1.13);
  }
  .box.box-contentlist.pictures.zoom .subbox:hover .image > a.shader,
  .box.box-contentlistmenu.pictures.zoom .subbox:hover .image > a.shader {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.box.box-contentlist.slider .track-container,
.box.box-contentlistmenu.slider .track-container {
  display: block;
  position: relative;
  overflow: hidden;
}
.box.box-contentlist.slider .track-container::after,
.box.box-contentlistmenu.slider .track-container::after {
  display: block;
  position: absolute;
  width: 1px;
  left: 50%;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  content: " ";
}
.box.box-contentlist.slider .track,
.box.box-contentlistmenu.slider .track {
  display: flex;
  position: relative;
  gap: 16px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.box.box-contentlist.slider .box-header,
.box.box-contentlist.slider .box-content,
.box.box-contentlist.slider .date,
.box.box-contentlistmenu.slider .box-header,
.box.box-contentlistmenu.slider .box-content,
.box.box-contentlistmenu.slider .date {
  margin-left: 10px;
  margin-right: 10px;
  color: white;
}
.box.box-contentlist.slider .box-info-line,
.box.box-contentlistmenu.slider .box-info-line {
  position: absolute;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
  width: 100%;
  top: -20px;
}
.box.box-contentlist.slider .box-info-line .info-badge,
.box.box-contentlistmenu.slider .box-info-line .info-badge {
  padding: 10px 16px;
}
.box.box-contentlist.slider .box-header,
.box.box-contentlistmenu.slider .box-header {
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
}
.box.box-contentlist.slider .box-header.subtitle,
.box.box-contentlistmenu.slider .box-header.subtitle {
  font-size: 24px;
  font-weight: normal;
}
.box.box-contentlist.slider .box-content,
.box.box-contentlistmenu.slider .box-content {
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
.box.box-contentlist.slider .image,
.box.box-contentlistmenu.slider .image {
  border-radius: 0;
}
.box.box-contentlist.slider .image > a.shader,
.box.box-contentlistmenu.slider .image > a.shader {
  background: linear-gradient(to bottom, rgba(87, 87, 89, 0) 0%, rgba(87, 87, 89, 0) 79%, #575759 100%);
}
.box.box-contentlist.slider .date,
.box.box-contentlistmenu.slider .date {
  display: block;
  font-size: 14px;
}
.box.box-contentlist.slider .subbox,
.box.box-contentlistmenu.slider .subbox {
  display: block;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 85%;
  width: 85%;
  background-color: #575759;
  transition: 0.2s background-color;
}
@media (min-width: 768px) {
  .box.box-contentlist.slider .subbox,
  .box.box-contentlistmenu.slider .subbox {
    flex-basis: 25%;
    width: 25%;
  }
  .box.box-contentlist.slider .subbox:nth-child(2),
  .box.box-contentlistmenu.slider .subbox:nth-child(2) {
    flex-basis: 30%;
    width: 30%;
  }
  .box.box-contentlist.slider .subbox:nth-child(4),
  .box.box-contentlistmenu.slider .subbox:nth-child(4) {
    flex-basis: 35%;
    width: 35%;
  }
}
.box.box-contentlist.slider .subbox.canhover:hover,
.box.box-contentlistmenu.slider .subbox.canhover:hover {
  background-color: #ad7c1e;
}
.box.box-contentlist.slider .subbox.canhover:hover .image > a.shader,
.box.box-contentlistmenu.slider .subbox.canhover:hover .image > a.shader {
  background: linear-gradient(to bottom, rgba(173, 124, 30, 0) 0%, rgba(173, 124, 30, 0) 79%, #ad7c1e 100%);
}
@media (min-width: 768px) {
  .box.box-contentlist.slider .subbox.canhover:hover .content-control,
  .box.box-contentlistmenu.slider .subbox.canhover:hover .content-control {
    display: block;
    opacity: 1;
    bottom: -16px;
  }
}
.box.box-contentlist.slider .subbox .content-control,
.box.box-contentlistmenu.slider .subbox .content-control {
  display: block;
  opacity: 1;
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  margin: 0;
  transition: opacity 0.2s, bottom 0.2s;
}
@media (min-width: 768px) {
  .box.box-contentlist.slider .subbox .content-control,
  .box.box-contentlistmenu.slider .subbox .content-control {
    bottom: 0;
    opacity: 0;
  }
}
.box.box-contentlist.slider .subbox .content-control .btn,
.box.box-contentlistmenu.slider .subbox .content-control .btn {
  --bs-btn-border-width: 0;
  --bs-btn-font-size: 18px;
  --bs-btn-font-weight: bold;
  --bs-btn-padding-x: 2rem;
  --bs-btn-border-radius: 0;
  text-transform: uppercase;
}
.box.box-contentlist.slider .subbox .content-control .btn.btn-primary,
.box.box-contentlistmenu.slider .subbox .content-control .btn.btn-primary {
  --bs-btn-bg: #f1ead1;
  --bs-btn-color: $site-gray;
}
.box.box-contentlist.slider .track-control,
.box.box-contentlistmenu.slider .track-control {
  display: flex;
  position: absolute;
  width: 80px;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}
.box.box-contentlist.slider .track-control > a,
.box.box-contentlistmenu.slider .track-control > a {
  display: block;
  position: relative;
  color: white;
  border: 5px solid white;
  font-size: 40px;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 49px;
  border-radius: 30px;
  background-color: transparent;
  opacity: 1;
  box-shadow: 6px 7px 5px 0px rgba(0, 0, 0, 0.75);
  transition: 0.2s opacity, 0.2s padding, 0.3s background-color;
}
@media (min-width: 768px) {
  .box.box-contentlist.slider .track-control > a,
  .box.box-contentlistmenu.slider .track-control > a {
    opacity: 0.2;
    box-shadow: none;
  }
}
.box.box-contentlist.slider .track-control.left,
.box.box-contentlistmenu.slider .track-control.left {
  left: 0;
  justify-content: right;
}
.box.box-contentlist.slider .track-control.right,
.box.box-contentlistmenu.slider .track-control.right {
  right: 0;
  justify-content: left;
}
@media (min-width: 768px) {
  .box.box-contentlist.slider .track-container:hover .track-control > a,
  .box.box-contentlistmenu.slider .track-container:hover .track-control > a {
    opacity: 0.7;
    box-shadow: 6px 7px 5px 0px rgba(0, 0, 0, 0.75);
    background-color: #575759;
  }
  .box.box-contentlist.slider .track-container:hover .track-control > a:hover,
  .box.box-contentlistmenu.slider .track-container:hover .track-control > a:hover {
    opacity: 1;
  }
  .box.box-contentlist.slider .track-container:hover .track-control.left > a:hover,
  .box.box-contentlistmenu.slider .track-container:hover .track-control.left > a:hover {
    padding-right: 10px;
  }
  .box.box-contentlist.slider .track-container:hover .track-control.right > a:hover,
  .box.box-contentlistmenu.slider .track-container:hover .track-control.right > a:hover {
    padding-left: 10px;
  }
}

.box.box-linklist.white-bcg {
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 12px;
}
.box.box-linklist ul.linklist {
  display: block;
  margin: 0;
  padding: 0;
}
.box.box-linklist ul.linklist > li {
  display: block;
  margin: 0 0 0 3px;
  padding: 0;
  font-weight: normal;
}
.box.box-linklist ul.linklist .icon-start {
  color: #cfb65b;
  font-size: 80%;
  margin-right: 5px;
}
.box.box-linklist ul.linklist a {
  color: inherit;
}
.box.box-linklist.footer > h1 {
  color: white;
  font-size: 24px;
  margin-bottom: 14px;
}
.box.box-linklist.footer > h1::before {
  border-color: white;
}
.box.box-linklist.footer ul.linklist {
  font-size: 14px;
  line-height: 1.4;
}
.box.box-linklist.footer ul.linklist > li {
  margin-left: 12px;
}
.box.box-linklist.footer ul.linklist .icon-start {
  font-size: 12px;
}
.box.box-linklist.numbers {
  opacity: 0;
  transition: opacity 1s;
}
.box.box-linklist.numbers.showing {
  opacity: 1;
}
.box.box-linklist.numbers.showing ul.numberlist > li {
  opacity: 1 !important;
  top: 0 !important;
  left: 0 !important;
}
.box.box-linklist.numbers ul.numberlist {
  padding: 0;
}
.box.box-linklist.numbers ul.numberlist > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 0;
  text-align: center;
  top: -200px;
  left: -100px;
  opacity: 0;
  transition: top 0.5s, left 0.5s, opacity 0.7s;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(2n) {
  top: 200px;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(4n), .box.box-linklist.numbers ul.numberlist > li:nth-child(4n+1) {
  left: 100px;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(1) {
  transition-delay: 0.1s;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(2) {
  transition-delay: 0.2s;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(3) {
  transition-delay: 0.3s;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(4) {
  transition-delay: 0.4s;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(5) {
  transition-delay: 0.5s;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(6) {
  transition-delay: 0.6s;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(7) {
  transition-delay: 0.7s;
}
.box.box-linklist.numbers ul.numberlist > li:nth-child(8) {
  transition-delay: 0.8s;
}
.box.box-linklist.numbers .number {
  display: inline-flex;
  width: 120px;
  height: 120px;
  border: 9px solid #cfb65b;
  color: #575759;
  text-align: center;
  align-items: center;
  justify-content: center;
  align-self: center;
  border-radius: 60px;
  font-family: monospace;
}
.box.box-linklist.numbers .number.s {
  font-size: 23px;
}
.box.box-linklist.numbers .number.m {
  font-size: 35px;
}
.box.box-linklist.numbers .number.l {
  font-size: 48px;
}
.box.box-linklist.numbers .number > .sp {
  display: inline-block;
  width: 6px;
}
.box.box-linklist.numbers .title {
  font-size: 24px;
  color: #575759;
  font-weight: inherit;
  margin-top: 0.5rem;
}
.box.box-linklist.numbers.white-txt .number {
  color: white;
  border-color: white;
}
.box.box-linklist.numbers.white-txt .title {
  color: white;
}
.box.box-linklist.numbers.borderless .number {
  border: none;
  width: 100%;
}
.box.box-linklist.numbers.borderless .number.s, .box.box-linklist.numbers.borderless .number.m, .box.box-linklist.numbers.borderless .number.l {
  font-size: 48px;
}
.box.box-linklist.numbers2.showing ul.numberlist > li {
  opacity: 1 !important;
  top: 0 !important;
  left: 0 !important;
}
.box.box-linklist.numbers2 ul.numberlist {
  width: 100%;
  padding: 0;
  display: grid;
  gap: 0;
}
.box.box-linklist.numbers2 ul.numberlist.count-1 {
  grid-template-columns: repeat(1, 100%);
}
.box.box-linklist.numbers2 ul.numberlist.count-2 {
  grid-template-columns: repeat(2, 50%);
}
.box.box-linklist.numbers2 ul.numberlist.count-3 {
  grid-template-columns: repeat(3, 33.3333333333%);
}
.box.box-linklist.numbers2 ul.numberlist.count-4 {
  grid-template-columns: repeat(4, 25%);
}
.box.box-linklist.numbers2 ul.numberlist.count-5 {
  grid-template-columns: repeat(5, 20%);
}
.box.box-linklist.numbers2 ul.numberlist.count-6 {
  grid-template-columns: repeat(6, 16.6666666667%);
}
.box.box-linklist.numbers2 ul.numberlist.count-7 {
  grid-template-columns: repeat(7, 14.2857142857%);
}
.box.box-linklist.numbers2 ul.numberlist.count-8 {
  grid-template-columns: repeat(8, 12.5%);
}
.box.box-linklist.numbers2 ul.numberlist.count-9 {
  grid-template-columns: repeat(9, 11.1111111111%);
}
.box.box-linklist.numbers2 ul.numberlist.count-10 {
  grid-template-columns: repeat(10, 10%);
}
.box.box-linklist.numbers2 ul.numberlist > li {
  position: relative;
  opacity: 0;
  transition: 400ms all;
}
.box.box-linklist.numbers2 ul.numberlist > li.title.top {
  grid-row: 1;
  margin-bottom: 0.5rem;
  align-content: end;
  top: -100px;
}
.box.box-linklist.numbers2 ul.numberlist > li.title.bottom {
  grid-row: 3;
  margin-top: 0.5rem;
  top: 100px;
}
.box.box-linklist.numbers2 ul.numberlist > li.number {
  grid-row: 2;
  left: -100px;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-1 {
  grid-column: 1;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-1.title.top {
  transition-delay: 150ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-1.title.bottom {
  transition-delay: 200ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-1.number {
  transition-delay: 250ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-2 {
  grid-column: 2;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-2.title.top {
  transition-delay: 300ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-2.title.bottom {
  transition-delay: 350ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-2.number {
  transition-delay: 400ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-3 {
  grid-column: 3;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-3.title.top {
  transition-delay: 450ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-3.title.bottom {
  transition-delay: 500ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-3.number {
  transition-delay: 550ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-4 {
  grid-column: 4;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-4.title.top {
  transition-delay: 600ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-4.title.bottom {
  transition-delay: 650ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-4.number {
  transition-delay: 700ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-5 {
  grid-column: 5;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-5.title.top {
  transition-delay: 750ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-5.title.bottom {
  transition-delay: 800ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-5.number {
  transition-delay: 850ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-6 {
  grid-column: 6;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-6.title.top {
  transition-delay: 900ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-6.title.bottom {
  transition-delay: 950ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-6.number {
  transition-delay: 1000ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-7 {
  grid-column: 7;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-7.title.top {
  transition-delay: 1050ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-7.title.bottom {
  transition-delay: 1100ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-7.number {
  transition-delay: 1150ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-8 {
  grid-column: 8;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-8.title.top {
  transition-delay: 1200ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-8.title.bottom {
  transition-delay: 1250ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-8.number {
  transition-delay: 1300ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-9 {
  grid-column: 9;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-9.title.top {
  transition-delay: 1350ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-9.title.bottom {
  transition-delay: 1400ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-9.number {
  transition-delay: 1450ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-10 {
  grid-column: 10;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-10.title.top {
  transition-delay: 1500ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-10.title.bottom {
  transition-delay: 1550ms;
}
.box.box-linklist.numbers2 ul.numberlist > li.idx-10.number {
  transition-delay: 1600ms;
}
.box.box-linklist.numbers2 .number {
  display: flex;
  width: 120px;
  height: 120px;
  border: 9px solid #cfb65b;
  color: #575759;
  text-align: center;
  align-items: center;
  justify-content: center;
  justify-self: center;
  border-radius: 60px;
  font-family: monospace;
}
.box.box-linklist.numbers2 .number.s {
  font-size: 23px;
}
.box.box-linklist.numbers2 .number.m {
  font-size: 35px;
}
.box.box-linklist.numbers2 .number.l {
  font-size: 48px;
}
.box.box-linklist.numbers2 .number > .sp {
  display: inline-block;
  width: 6px;
}
.box.box-linklist.numbers2 .title {
  display: block;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 24px;
  color: #575759;
  font-weight: inherit;
  text-align: center;
}
.box.box-linklist.numbers2.white-txt .number {
  color: white;
  border-color: white;
}
.box.box-linklist.numbers2.white-txt .title {
  color: white;
}
.box.box-linklist.numbers2.borderless .number {
  border: none;
  width: 100%;
  height: auto;
}
.box.box-linklist.numbers2.borderless .number.s, .box.box-linklist.numbers2.borderless .number.m, .box.box-linklist.numbers2.borderless .number.l {
  font-size: 48px;
}

.box.fancylist .icon {
  background-color: white;
  border: 4px solid #cfb65b;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 26px;
  color: #cfb65b;
  border-radius: 50%;
}
.box.fancylist .minilead-container {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 0.4s, margin-bottom 0.4s, opacity 1s;
}
.box.fancylist .item.open .minilead-container {
  opacity: 1;
  transition: height 0.4s, margin-bottom 0.4s, opacity 0.3s;
}
.box.fancylist .item.open .icon.bullet-open {
  transform: rotateX(0.25turn) rotateY(0.25turn);
}
.box.fancylist .item.open .icon.bullet-close {
  transform: none;
}
.box.fancylist.fancy .item, .box.fancylist.accordion .item {
  position: relative;
  margin-left: 3rem;
  border-bottom: 1px solid #575759;
}
.box.fancylist.fancy h2, .box.fancylist.accordion h2 {
  color: #575759;
  line-height: 35px;
  font-size: 24px;
  font-weight: 400;
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.box.fancylist.fancy .minilead, .box.fancylist.accordion .minilead {
  line-height: 28px;
  font-size: 18px;
}
.box.fancylist.fancy .icon, .box.fancylist.accordion .icon {
  position: absolute;
  left: -3rem;
  top: 2px;
}
.box.fancylist.fancy .controls, .box.fancylist.accordion .controls {
  margin-top: 1.5rem;
}
.box.fancylist.accordion .icon {
  position: absolute;
  left: -3rem;
  top: 2px;
  transition: transform 0.3s;
}
.box.fancylist.accordion .icon.bullet-open {
  transform: none;
}
.box.fancylist.accordion .icon.bullet-close {
  transform: rotateX(0.25turn) rotateY(0.25turn);
}
.box.fancylist.accordion-huge .item {
  margin-bottom: 2rem;
}
.box.fancylist.accordion-huge .item:last-child {
  margin-bottom: 0;
}
.box.fancylist.accordion-huge h2 {
  color: #575759;
  line-height: 35px;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.box.fancylist.accordion-huge.title-left h2 {
  text-align: left;
}
.box.fancylist.accordion-huge.title-right h2 {
  text-align: right;
}
.box.fancylist.accordion-huge.title-center h2 {
  text-align: center;
}
.box.fancylist.accordion-huge.controls-left .controls {
  text-align: left;
}
.box.fancylist.accordion-huge.controls-right .controls {
  text-align: right;
}
.box.fancylist.accordion-huge.controls-center .controls {
  text-align: center;
}
.box.fancylist.accordion-huge .minilead-container {
  margin-top: 15px;
  margin-bottom: 0px;
}
.box.fancylist.accordion-huge .button-close {
  display: none;
}
.box.fancylist.accordion-huge .item.open .minilead-container {
  margin-bottom: 15px;
}
.box.fancylist.accordion-huge .item.open .button-open {
  display: none;
}
.box.fancylist.accordion-huge .item.open .button-close {
  display: inline-block;
}
.box.fancylist.accordion-huge .btn.btn-primary {
  --bs-btn-bg: #cfb65b;
  --bs-btn-font-size: 20px;
  --bs-btn-font-weight: bold;
  --bs-btn-padding-y: 8px;
  --bs-btn-padding-x: 32px;
  text-transform: uppercase;
}

/* menulista box, szimpla contentlist box */
.box.box-menulist.simple ul.menulist {
  display: block;
  padding: 0 0 0 12px;
  margin: 0;
  background-color: white;
  border-radius: 12px;
  font-size: 16px;
}
.box.box-menulist.simple ul.menulist > li.item {
  display: flex;
  border-bottom: 1px solid #cfb65b;
  transition: background 0.2s;
}
.box.box-menulist.simple ul.menulist > li.item:last-child {
  border-bottom: none;
}
.box.box-menulist.simple ul.menulist > li.item:hover {
  background-color: #ababac;
  color: white;
}
.box.box-menulist.simple ul.menulist > li.item:hover .icon-end {
  color: white;
  border-color: white;
  background-color: #ababac;
}
.box.box-menulist.simple ul.menulist > li.item.hidden {
  display: none;
}
.box.box-menulist.simple a.title {
  flex: 1;
  display: block;
  color: inherit;
  font-weight: 400;
}
.box.box-menulist.simple .icon-start {
  display: block;
  align-self: center;
  margin: 0 4px 0 0;
  color: inherit;
  font-size: 14px;
}
.box.box-menulist.simple .icon-end {
  display: block;
  align-self: center;
  margin-right: 16px;
  border: 2px solid #575759;
  background-color: white;
  color: #575759;
  font-size: 14px;
  width: 21px;
  height: 21px;
  line-height: 19px;
  text-align: center;
}
.box.box-menulist.simple .button-close,
.box.box-menulist.simple .button-open {
  display: none;
}
.box.box-menulist.simple .open .button-close,
.box.box-menulist.simple .close .button-open {
  display: block;
}
.box.box-menulist.simple .item {
  margin: 0;
  padding: 6px 12px;
  color: #575759;
  text-transform: uppercase;
}
.box.box-menulist.simple .item.active {
  background-color: #575759;
  color: white;
}
.box.box-menulist.simple .item.lvl1 {
  padding-left: 0.8rem;
}
.box.box-menulist.simple .item.lvl1 .icon-start {
  display: none;
}
.box.box-menulist.simple .item.lvl2 {
  padding-left: 1.6rem;
}
.box.box-menulist.simple .item.lvl3 {
  padding-left: 2.4rem;
}
.box.box-menulist.simple .item.lvl4 {
  padding-left: 3.2rem;
}
.box.box-menulist.simple.footer > h1 {
  color: white;
  font-size: 24px;
  margin-bottom: 14px;
}
.box.box-menulist.simple.footer > h1::before {
  border-color: white;
}
.box.box-menulist.simple.footer ul.menulist {
  background: transparent;
  padding-left: 0;
  font-size: 14px;
  line-height: 1.4;
}
.box.box-menulist.simple.footer .item {
  color: white;
  font-weight: normal;
  padding: 0;
  border-bottom: none !important;
  margin-left: 12px !important;
  text-transform: none;
}
.box.box-menulist.simple.footer .item:hover {
  background-color: transparent !important;
}
.box.box-menulist.simple.footer .icon-start {
  font-size: 12px;
  margin-right: 5px;
}
.box.box-menulist.extended .image > img {
  width: 100%;
  max-width: 100%;
  transition: transform 0.5s;
}
.box.box-menulist.extended a.image {
  display: block;
}
.box.box-menulist.extended a.link {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.box.box-menulist.extended .menu-item {
  display: flex;
  padding-bottom: 12px;
}
.box.box-menulist.extended .menu-item:hover .image > img {
  transform: scale(1.12);
  transition: transform 3s;
}
.box.box-menulist.extended .item-body {
  border-radius: 7px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.box.box-menulist.extended .control {
  background-color: #575759;
  z-index: 2;
}
.box.box-menulist.extended .control h1 {
  font-weight: normal;
  color: white;
  margin: 0 0 0 12px;
}
.box.box-menulist.extended.bottomtitle .item-body {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.box.box-menulist.extended.bottomtitle .control {
  display: flex;
  align-items: center;
  position: relative;
}
.box.box-menulist.extended.bottomtitle .control h1 {
  font-size: 22px;
  color: white;
  line-height: 56px;
}
.box.box-menulist.extended.bottomtitle .control .more {
  margin-left: auto;
  margin-right: 8px;
}
.box.box-menulist.extended.toptitle .item-body {
  border-radius: 18px;
  padding-bottom: 10px;
  background-color: #575759;
}
.box.box-menulist.extended.toptitle .image {
  border-radius: 18px;
  overflow: hidden;
}
.box.box-menulist.extended.toptitle .control {
  position: absolute;
  display: flex;
  align-items: center;
  top: 20px;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
}
.box.box-menulist.extended.toptitle .control h1 {
  font-size: 18px;
  font-weight: bold;
}
.box.box-menulist.extended.toptitle .more {
  margin-left: auto;
  position: relative;
  right: 12px;
  top: 10px;
}
.box.box-menulist.extended.white-ribbon .control {
  background-color: white;
}
.box.box-menulist.extended.white-ribbon .control h1 {
  color: #575759;
}

/* guest box */
.box.box-guest {
  text-align: center;
}

.box.box-map > .map {
  width: 100%;
  min-height: 500px;
}

.box.box-imagelist {
  /**
   * képrotátor (image slider)
   */
  /**
   * képlapozó (image slider-ex)
   */
}
.box.box-imagelist.talign-right .box-header {
  text-align: right;
}
.box.box-imagelist.talign-center .box-header {
  text-align: center;
}
.box.box-imagelist .box-content {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 200;
}
.box.box-imagelist.single .image, .box.box-imagelist.responsive .image {
  width: 100%;
}
.box.box-imagelist.single .image a, .box.box-imagelist.responsive .image a {
  display: block;
}
.box.box-imagelist.single .image img, .box.box-imagelist.responsive .image img {
  display: block;
  max-width: 100%;
}
.box.box-imagelist.single {
  height: 100%;
}
.box.box-imagelist.single .image {
  display: flex;
  height: 100%;
}
.box.box-imagelist.single.a-left .image {
  justify-content: flex-start;
}
.box.box-imagelist.single.a-center .image {
  justify-content: center;
}
.box.box-imagelist.single.a-right .image {
  justify-content: flex-end;
}
.box.box-imagelist.single.v-top .image {
  align-items: flex-start;
}
.box.box-imagelist.single.v-center .image {
  align-items: center;
}
.box.box-imagelist.single.v-bottom .image {
  align-items: flex-end;
}
.box.box-imagelist.responsive .image img {
  width: 100%;
}
.box.box-imagelist.multi a {
  text-decoration: inherit;
}
.box.box-imagelist.multi .image {
  position: relative;
  max-width: 100%;
}
.box.box-imagelist.multi .image > img {
  max-width: 100%;
}
.box.box-imagelist.multi .image > .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.box.box-imagelist.multi h2, .box.box-imagelist.multi h3 {
  font-size: 24px;
  font-weight: inherit;
  color: #cfb65b;
}
.box.box-imagelist.multi h3 {
  font-size: 22px;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.box.box-imagelist.multi .btn-line {
  margin-top: 0.4rem;
  text-align: center;
}
.box.box-imagelist.multi > .row {
  --bs-gutter-y: 1.5rem;
}
.box.box-imagelist.multi.g-left > .row {
  justify-content: flex-start;
}
.box.box-imagelist.multi.g-center > .row {
  justify-content: center;
}
.box.box-imagelist.multi.g-right > .row {
  justify-content: flex-end;
}
.box.box-imagelist.imgshow {
  position: relative;
}
.box.box-imagelist.imgshow .track-panel {
  overflow: hidden;
  width: 100%;
}
.box.box-imagelist.imgshow .track {
  display: flex;
  position: relative;
  height: 550px;
}
.box.box-imagelist.imgshow .track.anim {
  transition: left 0.4s;
}
.box.box-imagelist.imgshow .track-item {
  display: block;
  height: 100%;
  object-fit: cover;
  max-width: 80%;
  margin-right: 30px;
}
.box.box-imagelist.imgshow .control {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 96px;
  background-color: transparent;
  transition: background-color 0.4s;
}
.box.box-imagelist.imgshow .control:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.box.box-imagelist.imgshow .control.move-left {
  left: -45px;
}
.box.box-imagelist.imgshow .control.move-right {
  right: -45px;
}
.box.box-imagelist.imgshow .control .ctrl-btn {
  display: block;
  width: 74px;
  height: 74px;
  color: white;
  font-size: 44px;
  text-align: center;
  line-height: 74px;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.box.box-imagelist.imgshow .first-item .control.move-left {
  display: none;
}
.box.box-imagelist.imgshow .last-item .control.move-right {
  display: none;
}
.box.box-imagelist.imgshow .info-panel {
  position: relative;
  overflow: hidden;
  height: 0;
  transition: height 0.4s;
}
.box.box-imagelist.imgshow .info-panel > .info {
  display: block;
  position: absolute;
  left: 15px;
  top: 0;
  right: 15px;
  opacity: 0;
  transition: opacity 0.4s;
}
.box.box-imagelist.imgshow .info-panel > .info.show {
  opacity: 1;
  transition: opacity 0.4s 0.3s;
}
.box.box-imagelist.imgshow h1 {
  font-size: 54px;
  font-weight: 700;
  letter-spacing: 1.62px;
  line-height: 69px;
  margin-bottom: 2.5rem;
  margin-top: 0px;
}
@media (max-width: 767.98px) {
  .box.box-imagelist.imgshow h1 {
    font-size: 40px;
  }
}
.box.box-imagelist.imgshow h2.box-header {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 1.08px;
  line-height: 55px;
  margin-bottom: 16px;
  margin-top: 0px;
}
.box.box-imagelist.imgshow .minilead {
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 28px;
  margin-top: 16px;
}
.box.box-imagelist.slider > .frame {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.box.box-imagelist.slider .slides,
.box.box-imagelist.slider .control {
  display: block;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.box.box-imagelist.slider .slides > .item {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
}
.box.box-imagelist.slider .slides > .item.show {
  z-index: 1;
}
.box.box-imagelist.slider .slides > .item.hidden {
  display: none;
}
.box.box-imagelist.slider .slides > .item.show.right div.image {
  animation-name: slider-image-in-right;
}
.box.box-imagelist.slider .slides > .item.hide.right div.image {
  animation-name: slider-image-out-right;
}
.box.box-imagelist.slider .slides > .item.show.left div.image {
  animation-name: slider-image-in-left;
}
.box.box-imagelist.slider .slides > .item.hide.left div.image {
  animation-name: slider-image-out-left;
}
.box.box-imagelist.slider .slides > .item.show.opacity div.image {
  animation-name: slider-image-in-opacity;
}
.box.box-imagelist.slider .slides > .item.hide.opacity div.image {
  animation-name: slider-image-out-opacity;
}
.box.box-imagelist.slider .slides > .item.show.tv div.image {
  animation-name: slider-image-in-tv;
}
.box.box-imagelist.slider .slides > .item.hide.tv div.image {
  animation-name: slider-image-out-tv;
}
.box.box-imagelist.slider .slides > .item.show.zoom div.image {
  animation-name: slider-image-in-zoom;
}
.box.box-imagelist.slider .slides > .item.hide.zoom div.image {
  animation-name: slider-image-out-zoom;
}
.box.box-imagelist.slider .slides > .item.show.rota div.image {
  animation-name: slider-image-in-rota;
}
.box.box-imagelist.slider .slides > .item.hide.rota div.image {
  animation-name: slider-image-out-rota;
}
.box.box-imagelist.slider .slides > .item.show div.title-panel {
  animation-name: slider-text-in;
}
.box.box-imagelist.slider .slides > .item.hide div.title-panel {
  animation-name: slider-text-out;
}
.box.box-imagelist.slider .slides div.image {
  display: block;
  position: relative;
  width: 100%;
  animation-duration: 1.1s;
}
.box.box-imagelist.slider .slides div.image > img {
  width: 100%;
  display: block;
  border: 0;
}
.box.box-imagelist.slider div.control {
  opacity: 0.5;
  position: absolute;
  left: 50%;
  bottom: 2vw;
  transition: opacity 300ms;
}
.box.box-imagelist.slider div.control > ul {
  display: block;
  padding: 0;
  margin: 0;
  margin-left: -50%;
}
.box.box-imagelist.slider div.control > ul > li {
  display: inline-block;
  border: none;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 10px;
  border: 2px solid transparent;
  transition: border-color 0.7s;
}
.box.box-imagelist.slider div.control > ul > li.showing {
  border: 2px solid #fff;
}
.box.box-imagelist.slider:hover div.control {
  opacity: 1;
}
.box.box-imagelist.slider .dot {
  display: block;
  border-radius: 8px;
  background-color: black;
  width: 16px;
  height: 16px;
  margin: 1px;
}
.box.box-imagelist.slider .title-panel {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  animation-duration: 0.7s;
}
.box.box-imagelist.slider .title-panel > .title-block {
  position: relative;
  padding: 0 0 0 16px;
}
.box.box-imagelist.slider .title-panel > .title-block::before {
  display: block;
  position: absolute;
  content: " ";
  left: 40%;
  right: 40%;
  bottom: 0;
  height: 6px;
  background-color: #cfb65b;
}
.box.box-imagelist.slider .title-panel h1 {
  text-align: inherit;
  padding-right: 12px;
  margin-right: 0;
  width: 100%;
  font-size: 45px;
  font-weight: 400;
}
.box.box-imagelist.slider .title-panel h1::before {
  display: none;
}
.box.box-imagelist.slider .title-panel h2 {
  display: inline-block;
  font-size: 16px;
  font-weight: 200;
  background-color: rgba(0, 83, 134, 0.75);
  color: white;
  padding: 11px 16px 40px 16px;
  border-radius: 5px;
}
.box.box-imagelist.slider .title-panel .title-control {
  margin-top: -34px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 0.5rem;
}
.box.box-imagelist.slider .title-panel .title-control .btn {
  padding: 10px 37px;
  font-size: 18px;
}
.box.box-imagelist.slider .title-panel .title-control .btn.btn-primary {
  color: #cfb65b;
  background-color: #9fceef;
}
.box.box-imagelist.slider .title-panel.white-txt {
  color: white;
}
.box.box-imagelist.slider.talign-right .title-panel {
  justify-content: flex-end;
}
.box.box-imagelist.slider.talign-center .title-panel {
  justify-content: center;
}
@keyframes slider-image-in-right {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@keyframes slider-image-out-right {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@keyframes slider-image-out-left {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
@keyframes slider-image-in-left {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
@keyframes slider-image-out-opacity {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slider-image-in-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slider-image-out-tv {
  from {
    transform: scaleY(1) scaleX(1);
    opacity: 1;
  }
  to {
    transform: scaleY(0.01) scaleX(1.5);
    opacity: 0;
  }
}
@keyframes slider-image-in-tv {
  from {
    transform: scaleY(0.7) scaleX(1.2);
    opacity: 0;
  }
  to {
    transform: scaleY(1) scaleX(1);
    opacity: 1;
  }
}
@keyframes slider-image-out-zoom {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes slider-image-in-zoom {
  from {
    transform: scale(0.3);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes slider-image-out-rota {
  from {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
  to {
    transform: scale(0.1) rotate(980deg);
    opacity: 0;
  }
}
@keyframes slider-image-in-rota {
  from {
    transform: scale(0.3) rotate(-30deg);
    opacity: 0.5;
  }
  to {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
@keyframes slider-text-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slider-text-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.box.box-imagelist.slider-ex .track-container {
  display: block;
  position: relative;
  overflow: hidden;
}
.box.box-imagelist.slider-ex .track {
  display: flex;
  position: relative;
  gap: 32px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.box.box-imagelist.slider-ex .subbox {
  display: block;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 60%;
  width: 60%;
}
.box.box-imagelist.slider-ex .media-panel {
  display: block;
}
.box.box-imagelist.slider-ex .media-panel.image {
  border: 1px solid #575759;
  border-radius: 14px;
  overflow: hidden;
}
.box.box-imagelist.slider-ex .media-panel.image img {
  display: block;
  width: 100%;
}
.box.box-imagelist.slider-ex .info-panel > h1 {
  font-size: 26px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.2;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.box.box-imagelist.slider-ex .info-panel > h1 > a {
  color: inherit;
}
.box.box-imagelist.slider-ex .info-panel > h1 > a:hover {
  color: #cfb65b;
}
.box.box-imagelist.slider-ex .track-control {
  display: flex;
  position: absolute;
  width: 20%;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}
.box.box-imagelist.slider-ex .track-control > a {
  display: block;
  position: relative;
  color: white;
  font-size: 40px;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  background-color: #cfb65b;
  opacity: 1;
  box-shadow: 6px 7px 5px 0px rgba(0, 0, 0, 0.75);
  transition: 0.2s opacity, 0.2s padding, 0.3s background-color;
}
@media (min-width: 768px) {
  .box.box-imagelist.slider-ex .track-control > a {
    opacity: 0.2;
    box-shadow: none;
  }
}
.box.box-imagelist.slider-ex .track-control.left {
  left: 0;
  justify-content: left;
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.box.box-imagelist.slider-ex .track-control.right {
  right: 0;
  justify-content: right;
  background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 768px) {
  .box.box-imagelist.slider-ex .track-container:hover .track-control > a {
    opacity: 0.7;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
  }
  .box.box-imagelist.slider-ex .track-container:hover .track-control > a:hover {
    opacity: 1;
  }
  .box.box-imagelist.slider-ex .track-container:hover .track-control.left > a:hover {
    padding-right: 10px;
  }
  .box.box-imagelist.slider-ex .track-container:hover .track-control.right > a:hover {
    padding-left: 10px;
  }
}

.box.box-contentlist.wide h1,
.box.box-contentlistmenu.wide h1,
.box.box-imagelist.wide h1 {
  margin-bottom: 1rem;
}
.box.box-contentlist.wide .box-imagehalf,
.box.box-contentlistmenu.wide .box-imagehalf,
.box.box-imagelist.wide .box-imagehalf {
  display: none;
}
.box.box-contentlist.wide .widebox-panel,
.box.box-contentlistmenu.wide .widebox-panel,
.box.box-imagelist.wide .widebox-panel {
  display: block;
}
@media (min-width: 576px) {
  .box.box-contentlist.wide .widebox,
  .box.box-contentlistmenu.wide .widebox,
  .box.box-imagelist.wide .widebox {
    display: flex;
    margin: 1rem 0;
    min-height: 300px;
  }
  .box.box-contentlist.wide .widebox.highlighted.wide-auto, .box.box-contentlist.wide .widebox.wide-highlighted,
  .box.box-contentlistmenu.wide .widebox.highlighted.wide-auto,
  .box.box-contentlistmenu.wide .widebox.wide-highlighted,
  .box.box-imagelist.wide .widebox.highlighted.wide-auto,
  .box.box-imagelist.wide .widebox.wide-highlighted {
    background-color: #f9edd6;
  }
  .box.box-contentlist.wide .widebox.highlighted.wide-auto .box-texthalf, .box.box-contentlist.wide .widebox.wide-highlighted .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.highlighted.wide-auto .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-highlighted .box-texthalf,
  .box.box-imagelist.wide .widebox.highlighted.wide-auto .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-highlighted .box-texthalf {
    padding-top: 0px;
    background-repeat: no-repeat;
    background-size: 234px 216px;
  }
  .box.box-contentlist.wide .widebox.highlighted.wide-auto .box-texthalf::before, .box.box-contentlist.wide .widebox.wide-highlighted .box-texthalf::before,
  .box.box-contentlistmenu.wide .widebox.highlighted.wide-auto .box-texthalf::before,
  .box.box-contentlistmenu.wide .widebox.wide-highlighted .box-texthalf::before,
  .box.box-imagelist.wide .widebox.highlighted.wide-auto .box-texthalf::before,
  .box.box-imagelist.wide .widebox.wide-highlighted .box-texthalf::before {
    display: block;
    margin-right: -32px;
    margin-left: -32px;
    height: 10px;
    background-color: #d29b2b;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d29b2b+0,fff185+60,fee268+79,ffee8c+100 */
    background: linear-gradient(to right, rgb(210, 155, 43) 0%, rgb(255, 241, 133) 60%, rgb(254, 226, 104) 79%, rgb(255, 238, 140) 100%);
    content: " ";
  }
  .box.box-contentlist.wide .widebox.highlighted.wide-auto h2.box-header, .box.box-contentlist.wide .widebox.wide-highlighted h2.box-header,
  .box.box-contentlistmenu.wide .widebox.highlighted.wide-auto h2.box-header,
  .box.box-contentlistmenu.wide .widebox.wide-highlighted h2.box-header,
  .box.box-imagelist.wide .widebox.highlighted.wide-auto h2.box-header,
  .box.box-imagelist.wide .widebox.wide-highlighted h2.box-header {
    font-size: 50px;
  }
  .box.box-contentlist.wide .widebox.highlighted.wide-auto .box-content, .box.box-contentlist.wide .widebox.wide-highlighted .box-content,
  .box.box-contentlistmenu.wide .widebox.highlighted.wide-auto .box-content,
  .box.box-contentlistmenu.wide .widebox.wide-highlighted .box-content,
  .box.box-imagelist.wide .widebox.highlighted.wide-auto .box-content,
  .box.box-imagelist.wide .widebox.wide-highlighted .box-content {
    font-size: 23px;
  }
  .box.box-contentlist.wide .widebox:first-child,
  .box.box-contentlistmenu.wide .widebox:first-child,
  .box.box-imagelist.wide .widebox:first-child {
    margin-top: 0;
  }
  .box.box-contentlist.wide .widebox:last-child,
  .box.box-contentlistmenu.wide .widebox:last-child,
  .box.box-imagelist.wide .widebox:last-child {
    margin-bottom: 0;
  }
  .box.box-contentlist.wide.imgleft .widebox.wide-align-auto,
  .box.box-contentlist.wide .widebox.wide-align-left,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto,
  .box.box-contentlistmenu.wide .widebox.wide-align-left,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto,
  .box.box-imagelist.wide .widebox.wide-align-left {
    flex-direction: row-reverse;
  }
  .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(even),
  .box.box-contentlist.wide .widebox.wide-align-left:nth-child(even),
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(even),
  .box.box-contentlistmenu.wide .widebox.wide-align-left:nth-child(even),
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(even),
  .box.box-imagelist.wide .widebox.wide-align-left:nth-child(even) {
    flex-direction: row;
  }
  .box.box-contentlist.wide.imgright .widebox.wide-align-auto,
  .box.box-contentlist.wide .widebox.wide-align-right,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto,
  .box.box-contentlistmenu.wide .widebox.wide-align-right,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto,
  .box.box-imagelist.wide .widebox.wide-align-right {
    flex-direction: row;
  }
  .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(even),
  .box.box-contentlist.wide .widebox.wide-align-right:nth-child(even),
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(even),
  .box.box-contentlistmenu.wide .widebox.wide-align-right:nth-child(even),
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(even),
  .box.box-imagelist.wide .widebox.wide-align-right:nth-child(even) {
    flex-direction: row-reverse;
  }
  .box.box-contentlist.wide .box-texthalf,
  .box.box-contentlist.wide .box-imagehalf,
  .box.box-contentlistmenu.wide .box-texthalf,
  .box.box-contentlistmenu.wide .box-imagehalf,
  .box.box-imagelist.wide .box-texthalf,
  .box.box-imagelist.wide .box-imagehalf {
    display: block;
    position: relative;
    width: 50%;
  }
  .box.box-contentlist.wide .box-texthalf,
  .box.box-contentlistmenu.wide .box-texthalf,
  .box.box-imagelist.wide .box-texthalf {
    margin-top: 32px;
    margin-bottom: 32px;
    background-color: white;
    padding: 16px 32px;
    z-index: 2;
  }
  .box.box-contentlist.wide .box-imagehalf,
  .box.box-contentlistmenu.wide .box-imagehalf,
  .box.box-imagelist.wide .box-imagehalf {
    z-index: 1;
  }
  .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(even) .box-texthalf, .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(odd) .box-texthalf,
  .box.box-contentlist.wide .widebox.wide-align-right .box-texthalf,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(even) .box-texthalf,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(odd) .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-align-right .box-texthalf,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(even) .box-texthalf,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(odd) .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-align-right .box-texthalf {
    margin-right: 0px;
    left: 40px;
  }
  .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(even) .box-imagehalf, .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(odd) .box-imagehalf,
  .box.box-contentlist.wide .widebox.wide-align-right .box-imagehalf,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(even) .box-imagehalf,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(odd) .box-imagehalf,
  .box.box-contentlistmenu.wide .widebox.wide-align-right .box-imagehalf,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(even) .box-imagehalf,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(odd) .box-imagehalf,
  .box.box-imagelist.wide .widebox.wide-align-right .box-imagehalf {
    margin-left: 0px;
  }
  .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(even) .content-control, .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(odd) .content-control,
  .box.box-contentlist.wide .widebox.wide-align-right .content-control,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(even) .content-control,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(odd) .content-control,
  .box.box-contentlistmenu.wide .widebox.wide-align-right .content-control,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(even) .content-control,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(odd) .content-control,
  .box.box-imagelist.wide .widebox.wide-align-right .content-control {
    text-align: right;
  }
  .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(even).highlighted.wide-auto .box-texthalf, .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(even).wide-highlighted .box-texthalf, .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(odd).highlighted.wide-auto .box-texthalf, .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(odd).wide-highlighted .box-texthalf,
  .box.box-contentlist.wide .widebox.wide-align-right.highlighted.wide-auto .box-texthalf,
  .box.box-contentlist.wide .widebox.wide-align-right.wide-highlighted .box-texthalf,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(even).highlighted.wide-auto .box-texthalf,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(even).wide-highlighted .box-texthalf,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(odd).highlighted.wide-auto .box-texthalf,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(odd).wide-highlighted .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-align-right.highlighted.wide-auto .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-align-right.wide-highlighted .box-texthalf,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(even).highlighted.wide-auto .box-texthalf,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(even).wide-highlighted .box-texthalf,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(odd).highlighted.wide-auto .box-texthalf,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(odd).wide-highlighted .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-align-right.highlighted.wide-auto .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-align-right.wide-highlighted .box-texthalf {
    background-position: left bottom;
    background-image: url(merital-c-hmirror-grad.svg);
  }
  .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(even) .box-texthalf, .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(odd) .box-texthalf,
  .box.box-contentlist.wide .widebox.wide-align-left .box-texthalf,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(even) .box-texthalf,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(odd) .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-align-left .box-texthalf,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(even) .box-texthalf,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(odd) .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-align-left .box-texthalf {
    margin-left: 0px;
    left: -40px;
  }
  .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(even) .box-imagehalf, .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(odd) .box-imagehalf,
  .box.box-contentlist.wide .widebox.wide-align-left .box-imagehalf,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(even) .box-imagehalf,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(odd) .box-imagehalf,
  .box.box-contentlistmenu.wide .widebox.wide-align-left .box-imagehalf,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(even) .box-imagehalf,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(odd) .box-imagehalf,
  .box.box-imagelist.wide .widebox.wide-align-left .box-imagehalf {
    margin-right: 0px;
  }
  .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(even) .content-control, .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(odd) .content-control,
  .box.box-contentlist.wide .widebox.wide-align-left .content-control,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(even) .content-control,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(odd) .content-control,
  .box.box-contentlistmenu.wide .widebox.wide-align-left .content-control,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(even) .content-control,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(odd) .content-control,
  .box.box-imagelist.wide .widebox.wide-align-left .content-control {
    text-align: left;
  }
  .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(even).highlighted.wide-auto .box-texthalf, .box.box-contentlist.wide.imgright .widebox.wide-align-auto:nth-child(even).wide-highlighted .box-texthalf, .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(odd).highlighted.wide-auto .box-texthalf, .box.box-contentlist.wide.imgleft .widebox.wide-align-auto:nth-child(odd).wide-highlighted .box-texthalf,
  .box.box-contentlist.wide .widebox.wide-align-left.highlighted.wide-auto .box-texthalf,
  .box.box-contentlist.wide .widebox.wide-align-left.wide-highlighted .box-texthalf,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(even).highlighted.wide-auto .box-texthalf,
  .box.box-contentlistmenu.wide.imgright .widebox.wide-align-auto:nth-child(even).wide-highlighted .box-texthalf,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(odd).highlighted.wide-auto .box-texthalf,
  .box.box-contentlistmenu.wide.imgleft .widebox.wide-align-auto:nth-child(odd).wide-highlighted .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-align-left.highlighted.wide-auto .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-align-left.wide-highlighted .box-texthalf,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(even).highlighted.wide-auto .box-texthalf,
  .box.box-imagelist.wide.imgright .widebox.wide-align-auto:nth-child(even).wide-highlighted .box-texthalf,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(odd).highlighted.wide-auto .box-texthalf,
  .box.box-imagelist.wide.imgleft .widebox.wide-align-auto:nth-child(odd).wide-highlighted .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-align-left.highlighted.wide-auto .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-align-left.wide-highlighted .box-texthalf {
    background-position: right bottom;
    background-image: url(merital-c-grad.svg);
  }
  .box.box-contentlist.wide .widebox.wide-auto:not(.highlighted):nth-child(even) .box-texthalf,
  .box.box-contentlist.wide .widebox.wide-black .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-auto:not(.highlighted):nth-child(even) .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-black .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-auto:not(.highlighted):nth-child(even) .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-black .box-texthalf {
    background-color: #f6f1e0;
  }
  .box.box-contentlist.wide .widebox.wide-auto:not(.highlighted):nth-child(even) h2.box-header,
  .box.box-contentlist.wide .widebox.wide-black h2.box-header,
  .box.box-contentlistmenu.wide .widebox.wide-auto:not(.highlighted):nth-child(even) h2.box-header,
  .box.box-contentlistmenu.wide .widebox.wide-black h2.box-header,
  .box.box-imagelist.wide .widebox.wide-auto:not(.highlighted):nth-child(even) h2.box-header,
  .box.box-imagelist.wide .widebox.wide-black h2.box-header {
    color: black;
  }
  .box.box-contentlist.wide .widebox.wide-gold .box-texthalf,
  .box.box-contentlistmenu.wide .widebox.wide-gold .box-texthalf,
  .box.box-imagelist.wide .widebox.wide-gold .box-texthalf {
    background-color: #cc992b;
  }
  .box.box-contentlist.wide .widebox.wide-gold h2.box-header,
  .box.box-contentlistmenu.wide .widebox.wide-gold h2.box-header,
  .box.box-imagelist.wide .widebox.wide-gold h2.box-header {
    color: white;
  }
  .box.box-contentlist.wide .widebox.wide-gold .box-content,
  .box.box-contentlistmenu.wide .widebox.wide-gold .box-content,
  .box.box-imagelist.wide .widebox.wide-gold .box-content {
    color: white;
  }
  .box.box-contentlist.wide .image,
  .box.box-contentlistmenu.wide .image,
  .box.box-imagelist.wide .image {
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 0;
  }
  .box.box-contentlist.wide .image.mobile,
  .box.box-contentlistmenu.wide .image.mobile,
  .box.box-imagelist.wide .image.mobile {
    display: none;
  }
  .box.box-contentlist.wide h2.box-header,
  .box.box-contentlistmenu.wide h2.box-header,
  .box.box-imagelist.wide h2.box-header {
    color: #cfb55b;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
  }
  .box.box-contentlist.wide .box-content,
  .box.box-contentlistmenu.wide .box-content,
  .box.box-imagelist.wide .box-content {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
  }
  .box.box-contentlist.wide .content-control,
  .box.box-contentlistmenu.wide .content-control,
  .box.box-imagelist.wide .content-control {
    margin-bottom: 1rem;
  }
  .box.box-contentlist.wide .content-control .btn,
  .box.box-contentlistmenu.wide .content-control .btn,
  .box.box-imagelist.wide .content-control .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 32px;
    --bs-btn-font-size: 18px;
    --bs-btn-border-radius: 0;
    text-transform: uppercase;
  }
}

.basicform article.txt {
  margin-bottom: 1em;
}
.basicform .form {
  padding-bottom: 2em;
  padding: 1em;
  margin: 1.6em 0;
  background-color: #cc992b;
}
.basicform form {
  display: block;
}
.basicform h2 {
  font-weight: normal;
  font-size: 28px;
  color: white;
  text-transform: uppercase;
  text-align: center;
}
.basicform label:not(.input-group-text) {
  font-size: 27px;
  font-family: "Barlow", sans-serif;
  color: white;
  line-height: 1.704;
  margin-bottom: 0.25rem;
}
.basicform label:not(.input-group-text).form-check-label {
  font-size: 18px;
  color: white;
}
.basicform label:not(.input-group-text).form-check-label a {
  color: white;
  text-decoration: underline;
}
.basicform label.input-group-text {
  cursor: pointer;
  color: white;
}
.basicform .form-text {
  font-size: 18px;
  color: white;
}
.basicform .form-control {
  --bs-border-width: 1px;
  --bs-border-color: #cfb65b;
  --bs-border-radius: 3px;
  --bs-body-bg: white;
  --bs-body-color: black;
  font-size: 27px;
  font-family: "Barlow", sans-serif;
  line-height: 56px;
  height: 56px;
}
.basicform .form-control:focus {
  border-color: #cfb65b;
  box-shadow: 0 0 0 0.2rem #cfb65b;
  background-color: #fff;
}
.basicform .form-control::placeholder {
  color: #575759;
}
.basicform .form-control::file-selector-button {
  display: none;
}
.basicform select.form-control,
.basicform .form-control[type=file] {
  line-height: 45px;
}
.basicform .input-group-text {
  font-size: 18px;
}
.basicform textarea.form-control {
  height: auto;
}
.basicform .form-control.is-invalid,
.basicform .is-invalid .form-control {
  color: white;
  background-color: #cfb65b;
  border-color: #cfb65b;
}
.basicform .btn {
  --bs-btn-border-width: 0;
  --bs-btn-font-weight: bold;
  --bs-btn-font-size: 20px;
  text-transform: uppercase;
}
.basicform .btn.btn-primary {
  --bs-btn-border-radius: 0;
  --bs-btn-bg: #f1ead1;
  --bs-btn-color: #575759;
  --bs-btn-hover-color: #575759;
  --bs-btn-hover-bg: white;
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 64px;
}

/**
 * Bs extend
 */
.btn {
  --bs-btn-border-width: 0;
  --bs-btn-font-weight: 400;
  --bs-btn-font-size: 16px;
}
.btn.btn-primary {
  --bs-btn-bg: #de9e26;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: #de9e26;
  --bs-btn-hover-color: #575759;
  --bs-btn-hover-bg: white;
  --bs-btn-hover-border-color: #575759;
  --bs-btn-padding-y: 4px;
}
.btn.btn-info {
  --bs-btn-color: white;
  --bs-btn-bg: #cfb65b;
}

/**
 * Freetext styles
 */
.txt {
  color: inherit;
}
.txt a {
  color: #cfb65b;
}
.txt a:hover {
  color: #cfb65b;
}
.txt strong,
.txt b {
  font-weight: bold;
}
.txt i,
.txt em {
  font-style: italic;
}
.txt sup {
  font-size: smaller;
  line-height: normal;
  vertical-align: super;
}
.txt sub {
  font-size: smaller;
  line-height: normal;
  vertical-align: sub;
}
.txt ul {
  list-style-type: disc;
  list-style-position: outside;
}
.txt ol {
  list-style-type: decimal;
  list-style-position: outside;
}
.txt > ul, .txt > ol {
  margin: 15px 0;
  margin-left: 1.75em;
}
.txt p {
  margin: 15px 0;
}
.txt > *:first-child {
  margin-top: 0;
}
.txt > *:last-child {
  margin-bottom: 0;
}
.txt li > p {
  display: inline;
  margin: 0;
}
.txt blockquote {
  display: block;
  padding: 0 2.5rem;
  margin: 1rem 0;
  /*
  	position: relative;
  	overflow: hidden;

  	&::before {
  		display: block;
  		position: absolute;
  		left: 0;
  		top: -15px;

  		font-family: Georgia, serif;
  		font-size: 60px;
  		font-weight: bold;

  		content: "\201C";
  	}

  	&::after {
  		display: block;
  		position: absolute;
  		right: 0;
  		bottom: -30px;

  		font-family: Georgia, serif;
  		font-size: 60px;
  		font-weight: bold;

  		content: "\201D";
  	}
  */
}
.txt blockquote > blockquote {
  margin-top: 0;
}
.txt blockquote + blockquote {
  margin-top: -1rem;
}
.txt .left {
  text-align: left;
}
.txt .right {
  text-align: right;
}
.txt .center {
  text-align: center;
}
.txt .justify {
  text-align: justify;
}
.txt .clear {
  clear: both;
}
.txt .full-width {
  margin-left: 0;
  margin-right: 0;
}
.txt .h1 {
  font-size: 211%;
  font-weight: normal;
  color: #cfb65b;
}
.txt .h2 {
  font-size: 167%;
  font-weight: normal;
  color: #cfb65b;
}
.txt .h3 {
  font-size: 139%;
  font-weight: normal;
  color: #cfb65b;
}
.txt .s {
  font-size: 80%;
}
.txt .l {
  font-size: 122%;
}
.txt .xl {
  font-size: 133.3%;
}
.txt .red {
  color: red;
}
.txt .alert {
  color: #cfb65b;
}
.txt span.image {
  display: block;
  text-align: center;
  font-size: 19px;
  color: rgb(140, 150, 156);
  line-height: 1.2;
  overflow: hidden;
}
.txt span.image img {
  display: block;
  margin-bottom: 5px;
  border: 0;
}
.txt span.image.baseline img {
  max-width: 100%;
}
.txt span.image.none img {
  margin-bottom: 0;
}
.txt span.image.full img {
  width: 100%;
}
.txt span.video_panel {
  display: block;
}
.txt span.video_panel.baseline {
  text-align: center;
}
.txt span.video_panel.baseline > .video {
  text-align: center;
}
.txt span.video_panel > .video {
  margin: 0 auto;
}
.txt span.video_panel > .video img, .txt span.video_panel > .video video {
  max-width: 100%;
}
.txt span.video_panel.full img, .txt span.video_panel.full video, .txt span.video_panel.full .video {
  width: 100%;
}
.txt span.image.left,
.txt span.video_panel.left {
  float: left;
  padding-right: 10px;
}
.txt span.image.center img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}
.txt span.image.right,
.txt span.video_panel.right {
  float: right;
  padding-left: 10px;
}
.txt span.image.cright,
.txt span.video_panel.cright {
  clear: right;
}
.txt span.embed {
  display: block;
  position: relative;
}
@media (max-width: 767px) {
  .txt span.image img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .txt span.image.left, .txt span.image.right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.txt .ctable {
  overflow: auto;
  max-width: 100%;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  background-color: white;
}
.txt .ctable > table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}
.txt .ctable a {
  color: white;
}
.txt .ctable td {
  padding: 7px 9px;
  background-color: transparent;
}
.txt .ctable td:last-child {
  border-right: none;
}
.txt .ctable td > p:first-child {
  margin-top: 0;
}
.txt .ctable td > p:last-child {
  margin-bottom: 0;
}
.txt .ctable td.chead {
  font-weight: bold;
  background-color: #cfb65b;
  color: white;
}
.txt .ctable td.chead-gray {
  font-weight: bold;
  background-color: #939598;
  color: white;
}
.txt .ctable td.crow1 {
  background-color: #a5d0ef;
}
.txt .ctable td.crow2 {
  background-color: #d1e5f6;
}
.txt .ctable td.crow-gray1 {
  background-color: #cacbcd;
}
.txt .ctable td.crow-gray2 {
  background-color: #e3e4e5;
}
.txt .ctable td.crow-simple {
  background-color: transparent;
}
.txt .ctable td.cleft {
  text-align: left;
}
.txt .ctable td.ccenter {
  text-align: center;
}
.txt .ctable td.cright {
  text-align: right;
}
.txt .ctable td.cjustify {
  text-align: justify;
}
.txt .ctable td.ctop {
  vertical-align: top;
}
.txt .ctable td.cmiddle {
  vertical-align: middle;
}
.txt .ctable td.cbottom {
  vertical-align: bottom;
}

/**
 * Header
 */
/**
 * Fejléc
 */
#site-header .hamburger {
  display: block;
  position: fixed;
  right: 10px;
  top: 10px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 30px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: black;
  cursor: pointer;
  z-index: 2;
  transition: background-color 0.3s, top 0.3s;
}
#site-header .hamburger > .icon {
  line-height: inherit;
}
#site-header .header-top-block {
  display: none;
  z-index: 1;
}
#site-header .disp-desktop {
  display: none;
}
#site-header .disp-mobile {
  display: inline;
}
#site-header .menu-panel {
  display: none;
  align-items: center;
}
#site-header .icon-panel {
  display: flex;
  gap: 12px;
  color: #cc992b;
  font-size: 24px;
}
#site-header .icon-panel > .icon {
  display: block;
  color: inherit;
}
#site-header .icon-panel > .icon:hover {
  color: #575759;
}
@media (min-width: 768px) {
  #site-header:not(.open) {
    top: 0;
    z-index: 10;
    width: 100%;
    height: 120px;
    font-family: "Barlow", sans-serif;
    font-size: 18px;
    color: #575759;
    background-color: white;
    position: fixed;
  }
  #site-header:not(.open) .disp-mobile {
    display: none;
  }
  #site-header:not(.open) .disp-desktop {
    display: inline;
  }
  #site-header:not(.open) .header-top-panel {
    background-color: white;
    position: relative;
    border-bottom: 6px solid #cfb65b;
  }
  #site-header:not(.open) .header-top-block {
    height: 120px;
    display: flex;
  }
  #site-header:not(.open) .header-top-block div.logo {
    align-self: center;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 10px 10px 0;
  }
  #site-header:not(.open) .header-top-block div.logo img.desktop {
    display: block;
    max-width: 300px;
    width: 300px;
    max-height: 120px;
  }
  #site-header:not(.open) .header-top-block div.logo img.mobile {
    display: none;
  }
  #site-header:not(.open) .header-top-block a.logo {
    display: block;
  }
  #site-header:not(.open) .header-top-block .header-line-top {
    flex: 1;
  }
  #site-header:not(.open) .header-top-block .header-line-mobile {
    display: none;
  }
  #site-header:not(.open) .header-line {
    display: flex;
  }
  #site-header:not(.open) .header-line-top {
    align-items: flex-end;
  }
  #site-header:not(.open) .menu-panel {
    display: block;
    height: 100%;
    flex: 1;
    padding-left: 5%;
  }
  #site-header:not(.open) .icon-panel {
    align-self: center;
  }
}
@media (min-width: 1200px) {
  #site-header .hamburger {
    display: none;
  }
}
#site-header.open {
  display: block;
  position: fixed;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #575759;
  z-index: 100;
  animation: 0.3s ease-out 1 header-panel-in;
}
@keyframes header-panel-in {
  from {
    background-color: rgba(87, 87, 89, 0);
  }
  to {
    background-color: #575759;
  }
}
#site-header.open .hamburger {
  background-color: transparent;
  color: white;
}
#site-header.open .header-top-block {
  display: block;
}
#site-header.open div.logo {
  position: relative;
  height: 65px;
  animation: 0.3s ease-out 1 header-logo-in;
}
@keyframes header-logo-in {
  from {
    opacity: 0;
    left: -180px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
#site-header.open div.logo img {
  display: block;
  height: 55px;
}
#site-header.open div.logo img.desktop {
  display: none;
}
#site-header.open div.logo img.mobile {
  display: block;
}
#site-header.open a {
  color: inherit;
}
#site-header.open a.logo {
  display: inline-block;
  padding: 5px 0 5px 10px;
}
#site-header.open .menu-panel {
  display: block;
  position: absolute;
  top: 65px;
  bottom: 67px;
  left: 0;
  right: 0;
  background-color: white;
  overflow: scroll;
  overflow-x: hidden;
  animation: 0.3s ease-out 1 header-menu-in;
}
@keyframes header-menu-in {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
#site-header.open .icon-panel {
  display: flex;
  position: absolute;
  left: 170px;
  right: 70px;
  top: 0px;
  height: 65px;
  align-items: center;
  justify-content: flex-end;
  animation: 0.3s ease-out 1 header-icon-panel-in;
}
@keyframes header-icon-panel-in {
  from {
    top: -70px;
  }
  to {
    top: 0;
  }
}
#site-header.open .icon-panel > .icon {
  font-size: 20px;
}

/**
 * Lábléc
 */
#site-footer {
  margin: 0;
  position: relative;
  background-color: #575759;
  color: white;
  text-align: left;
}
#site-footer .fixed-footer {
  display: flex;
  margin-top: 15px;
  flex-wrap: wrap;
}
#site-footer .fixed-footer a {
  color: inherit;
  text-decoration: inherit;
}
#site-footer .fixed-footer .logo {
  display: block;
  padding-top: 10px;
}
#site-footer .fixed-footer .logo > img {
  display: block;
  height: 112px;
}
#site-footer .fixed-footer .links {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
#site-footer .fixed-footer .links ul {
  display: flex;
  margin: 0;
  padding: 0;
}
#site-footer .fixed-footer .links li {
  display: block;
  margin: 0;
  padding: 0;
}
#site-footer .fixed-footer .links .decoration {
  margin: 0 4px;
}
#site-footer .fixed-footer .copy-text {
  font-size: 12px;
}
@media (max-width: 767.98px) {
  #site-footer .fixed-footer {
    flex-direction: column;
  }
  #site-footer .fixed-footer .logo {
    align-self: center;
  }
  #site-footer .fixed-footer .szechenyi-logo {
    align-self: flex-end;
  }
  #site-footer .fixed-footer .menu-panel {
    display: none;
  }
  #site-footer .fixed-footer .links {
    font-size: 14px;
    margin: 1rem;
  }
  #site-footer .fixed-footer .links .decoration {
    display: none;
  }
  #site-footer .fixed-footer .links ul {
    flex-wrap: wrap;
  }
  #site-footer .fixed-footer .links .menuitem {
    width: 100%;
    margin: 3px 0;
  }
  #site-footer .fixed-footer .copy-text {
    margin: 1rem;
  }
}
@media (min-width: 768px) {
  #site-footer .fixed-footer {
    flex-wrap: nowrap;
    min-height: 174px;
  }
  #site-footer .fixed-footer .logo {
    padding-top: 14px;
  }
  #site-footer .fixed-footer .menu-panel {
    font-size: 20px;
  }
  #site-footer .fixed-footer .center {
    flex: 1;
    margin: 0 1rem;
  }
  #site-footer .fixed-footer .links {
    margin-top: 1rem;
  }
  #site-footer .fixed-footer .links .icon {
    display: none;
  }
  #site-footer .fixed-footer .copy-text {
    font-size: 12px;
    margin-top: 2em;
  }
  #site-footer .fixed-footer .szechenyi-logo {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #site-footer .fixed-footer .szechenyi-logo > img {
    display: block;
    max-width: 350px;
  }
}

#site-footer-info {
  width: 100%;
  font-size: 17px;
}
#site-footer-info .footer-info-panel {
  padding: 2px 0;
  width: 100%;
  display: flex;
  background-color: white;
}
#site-footer-info .left {
  margin-left: 12px;
}
#site-footer-info .right {
  flex: 1;
  text-align: right;
  margin-right: 12px;
}

/**
 * Breadcrumb
 */
div.breadcrumb {
  display: block;
  font-family: "Barlow", sans-serif;
  font-size: 11px;
  color: #cfb65b;
  border-radius: 0;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  width: 100%;
}
div.breadcrumb > .breadcrumb-panel {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
body.view-breadcumbless div.breadcrumb {
  display: none;
}
body.view-wide-breadcrumb div.breadcrumb {
  max-width: none;
}
body.view-wide-breadcrumb div.breadcrumb ul.breadcrumb {
  max-width: 1280px;
  margin: 0 auto;
}
div.breadcrumb a {
  display: block;
  color: inherit;
  line-height: inherit;
}
div.breadcrumb ul.breadcrumb {
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
}
div.breadcrumb ul.breadcrumb > li {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 30px;
}
div.breadcrumb ul.breadcrumb > li.breadcrumb-item {
  border: 1px solid #c4c4c4;
  border-radius: 12px;
  background-color: white;
  padding: 0 12px;
  margin: 7px 0;
}
div.breadcrumb ul.breadcrumb > li.breadcrumb-item:hover {
  background-color: #cfb65b;
  color: white;
}
div.breadcrumb ul.breadcrumb > li.breadcrumb-item:last-child {
  background-color: #7B7B80;
  color: white;
}
div.breadcrumb ul.breadcrumb > li.breadcrumb-sep {
  padding: 0 8px;
}

/**
 * Fejléc Menu
 */
#site-header ul.menu {
  display: flex;
}
#site-header ul.menu a {
  color: inherit;
  text-decoration: inherit;
}
#site-header ul.menu li {
  display: block;
}
#site-header ul.menu .decorative {
  display: none;
}
@media (min-width: 1200px) {
  #site-header ul.menu {
    display: none;
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: black;
    text-transform: uppercase;
  }
  #site-header ul.menu .more {
    display: none;
  }
  #site-header ul.menu li.menu-item:hover > ul.menu,
  #site-header ul.menu li.menu-item.focus-open > ul.menu {
    display: flex;
  }
  #site-header ul.menu.lvl1 {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    align-items: center;
    height: 100%;
  }
  #site-header ul.menu.lvl1 > li.menu-item {
    position: relative;
    padding: 0 8px;
  }
  #site-header ul.menu.lvl1 > li.menu-item > .menu-item-line {
    position: relative;
  }
  #site-header ul.menu.lvl1 > li.menu-item > .menu-item-line > a.menu-link {
    display: block;
    position: relative;
    z-index: 2;
    line-height: 1.7;
    padding: 17px 0 17px 0;
  }
  #site-header ul.menu.lvl1 > li.menu-item.current, #site-header ul.menu.lvl1 > li.menu-item.current-parent {
    background-color: #cfb65b;
  }
  #site-header ul.menu.lvl1 > li.menu-item.current > .menu-item-line > a.menu-link, #site-header ul.menu.lvl1 > li.menu-item.current-parent > .menu-item-line > a.menu-link {
    color: white;
  }
  #site-header ul.menu.lvl1 > li.menu-item:hover {
    background-color: #e6cc95;
  }
  #site-header ul.menu.lvl2 {
    position: absolute;
    flex-direction: column;
    background-color: white;
    margin: 0;
    padding: 8px;
    left: 0;
    z-index: 1;
    min-width: 200px;
    box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.15);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    color: inherit;
  }
  #site-header ul.menu.lvl2 li.menu-item {
    border-bottom: 1px solid #cfb65b;
  }
  #site-header ul.menu.lvl2 li.menu-item:last-child {
    border-bottom: none;
  }
  #site-header ul.menu.lvl2 li.menu-item:hover {
    background-color: #575759;
    color: white;
  }
  #site-header ul.menu.lvl2 .menu-item-line {
    white-space: nowrap;
    padding: 4px 7px;
  }
}
@media (max-width: 1199.98px) {
  #site-header ul.menu {
    flex-direction: column;
    padding: 0;
    margin: 0;
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #575759;
  }
  #site-header ul.menu.lvl1 {
    margin: 0 15px;
  }
  #site-header ul.menu li.menu-item {
    border-bottom: 1px solid #cfb65b;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
  }
  #site-header ul.menu li.menu-item.current > .menu-item-line {
    background-color: #cfb65b;
    color: white;
  }
  #site-header ul.menu li.menu-item.current-parent > .menu-item-line {
    background-color: rgba(207, 182, 91, 0.15);
  }
  #site-header ul.menu li.menu-item > ul.menu {
    display: none;
  }
  #site-header ul.menu li.menu-item.open > .menu-item-line > .more.open {
    display: none;
  }
  #site-header ul.menu li.menu-item.open > .menu-item-line > .more.close {
    display: block;
  }
  #site-header ul.menu li.menu-item.open > ul.menu {
    display: flex;
  }
  #site-header ul.menu .menu-item-line {
    display: flex;
    padding: 4px 5px;
  }
  #site-header ul.menu .menu-item-line a.menu-link {
    flex: 1;
  }
  #site-header ul.menu .more {
    font-size: 22px;
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
  }
  #site-header ul.menu .more.open {
    display: block;
  }
  #site-header ul.menu .more.close {
    display: none;
  }
  #site-header ul.menu.lvl2 > li.menu-item > .menu-item-line {
    padding-left: 22px;
  }
  #site-header ul.menu.lvl2 > li.menu-item:last-child {
    border-bottom: none;
  }
}

/**
 * Lábléc menü
 */
#site-footer ul.menu {
  display: flex;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #b2b2b9;
}
#site-footer ul.menu li {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 4rem;
  text-transform: uppercase;
  padding: 0 10px;
}
#site-footer ul.menu li:first-child {
  padding-left: 0;
}
#site-footer ul.menu li:last-child {
  padding-right: 0;
}

/**
 * Content oldal
 */
#site-content {
  margin: 0 auto;
  display: block;
  width: 100%;
  flex: 1;
  /*
  	@media (max-width: 993px) {
  		.sidebar {
  			margin-top: 10px;
  		}
  	}

  	@media (min-width: 994px) {
  		&.panel-left > .site-content-panel,
  		&.panel-right > .site-content-panel {
  			float: left;
  			width: 80%;
  		}
  		&.panel-left > .site-content-panel {
  			position: relative;
  			left: 20%;
  		}
  		&.panel-right.panel-left > .site-content-panel {
  			position: relative;
  			left: 20%;
  			width: 60%;
  			padding-left: 0;
  		}
  		&.panel-left.panel-right .boxpanel-left {
  			left: calc(-60% - 12px);
  		}
  		&.panel-left .boxpanel-left {
  			left: calc(-80% - 12px);
  		}

  		.boxpanel-left {
  			position: relative;
  			float: left;
  			width: 20%;
  		}

  		.boxpanel-right {
  			float: left;
  			position: relative;
  			left: 12px;
  			width: 20%;
  		}
  	}
  */
  /**
   * Article/Product/Event oldal
   */
  /* tags */
  /* product properties */
  /* downloads */
  /**
   * Error page
   */
  /**
   * Error panel
   */
}
@media (min-width: 768px) {
  #site-content {
    display: flex;
    flex-wrap: wrap;
  }
}
.content #site-content {
  max-width: 1280px;
  padding: 0 26px 1px 26px;
}
.content.view-wide-content #site-content {
  max-width: none;
}
.content.view-wide-content #site-content .site-content-panel {
  max-width: 1228px;
  margin: 0 auto;
}
#site-content .sidebar {
  --bs-gutter-x: 1.5rem;
}
@media (min-width: 768px) {
  #site-content .sidebar {
    min-width: 30%;
    width: 30%;
  }
}
@media (min-width: 992px) {
  #site-content .sidebar {
    min-width: 25%;
    width: 25%;
  }
}
#site-content .sidebar .boxpanel-fluid .boxpanel-row-base {
  padding: 0;
}
#site-content .boxpanel-left {
  order: 2;
}
@media (min-width: 576px) {
  #site-content .boxpanel-left {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
#site-content .boxpanel-right {
  order: 4;
}
@media (min-width: 576px) {
  #site-content .boxpanel-right {
    margin-right: calc(-0.5 * var(--bs-gutter-x));
  }
}
#site-content .site-content-panel {
  order: 3;
  flex: 1;
}
#site-content .boxpanel-chead,
#site-content .boxpanel-cfoot {
  width: 100%;
}
#site-content .boxpanel-chead {
  order: 1;
}
#site-content .boxpanel-cfoot {
  order: 4;
}
#site-content .cpart {
  margin-bottom: 2rem;
}
#site-content .cpart > .section-tite {
  margin-bottom: 0;
}
#site-content .cpart > .section-tite .title,
#site-content .cpart > .section-tite .subtitle {
  display: block;
}
#site-content .cpart > .section-tite .subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #27a9e1;
  margin-bottom: 1rem;
  margin-top: -0.6rem;
}
#site-content .cpart > .section-tite .title {
  font-size: 27px;
  font-weight: normal;
  color: #005386;
  margin-bottom: 1rem;
}
#site-content .content > h1 {
  padding: 10px 0 0 0;
  margin: 0 0 16px 2px;
  font-size: 28px;
  font-weight: bold;
  color: #cfb65b;
}
#site-content .content > h2 {
  padding: 0 0 0 0;
  margin: 0 0 -4px 2px;
  line-height: 1.629;
  font-size: 20px;
  font-weight: normal;
}
#site-content .content > h3 {
  padding: 0;
  margin: -16px 0 16px 2px;
  font-size: 18px;
  font-weight: bold;
}
#site-content .content > article {
  color: black;
  margin-bottom: 2rem;
}
#site-content .content ul.join-url {
  display: block;
  padding: 0;
}
#site-content .content .content-info-line {
  display: flex;
  align-items: center;
  width: 50%;
}
#site-content .content .content-info-line .menu {
  font-size: 14px;
  padding: 6px 18px;
  color: white;
}
#site-content .content .content-info-line > h4 {
  flex: 1;
  text-align: left;
  border-bottom: 1px solid #B2B2B2;
  margin: 0 0 0 5px;
  padding-bottom: 2px;
  font-size: 12px;
  color: #666;
}
#site-content .content ul.join-url > li {
  display: block;
  color: #006ab2;
  font-weight: 500;
}
#site-content .content ul.join-url > li:before {
  display: inline-block;
  padding-right: 5px;
  content: "> ";
}
#site-content .content ul.join-url > li > a {
  color: inherit;
}
#site-content .content .controls {
  margin: 16px 0;
}
#site-content .tags-panel {
  display: block;
  margin: 0.5em 0;
}
#site-content .tags-panel > .tags {
  display: block;
  margin: 0;
  padding: 0;
}
#site-content .tags-panel > ul.tags > li {
  display: inline-block;
  padding: 4px 5px;
  margin: 0 3px 0 0;
  background-color: #f7941d;
  color: white;
  font-weight: 400;
  transition: background-color 0.3s;
}
#site-content .tags-panel > ul.tags > li:hover {
  background-color: #f26522;
}
#site-content .content.product div.properties {
  margin: 22px 0 12px 0;
}
#site-content .content.product div.properties > h3 {
  font-size: 22px;
  color: #006ab2;
  font-weight: normal;
}
#site-content table.properties {
  width: 100%;
  font-size: 16px;
  border: 1px solid #e1e1e1;
  color: rgb(107, 108, 108);
  font-size: 15.6px;
}
#site-content table.properties > thead {
  text-align: left;
  background-color: #f8f8f8;
}
#site-content table.properties tr {
  background-color: transparent;
  font-weight: normal;
}
#site-content table.properties tr.row2 {
  background-color: #f8f8f8;
  color: rgb(0, 110, 183);
}
#site-content table.properties tr.hilight {
  font-weight: bold;
}
#site-content table.properties th,
#site-content table.properties td {
  border: 1px solid #e1e1e1;
  padding: 9px 12px;
  font-weight: inherit;
}
#site-content .join-download {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  background-color: #cfb65b;
}
#site-content .join-download > .download {
  display: block;
  color: white;
  margin-bottom: 10px;
  width: 100%;
}
#site-content .join-download > .download > .download-item {
  display: flex;
  align-items: center;
}
#site-content .join-download > .download > .download-item > .left {
  padding: 9px;
}
#site-content .join-download .icon {
  font-size: 52px;
  border-radius: 10px;
  background-color: #deecf5;
}
#site-content .join-download .info {
  display: block;
  font-size: 16px;
  line-height: 1.2;
}
#site-content .join-download .info.title {
  font-size: 20px;
}
#site-content .join-download a {
  color: inherit;
  text-decoration: inherit;
}
#site-content .product-gallery .image img {
  max-width: 100%;
}
#site-content .content.article-list > h2 {
  margin-top: -0.8rem;
  margin-bottom: 1rem;
}
#site-content .content.article-list .article-list-lead {
  margin-bottom: 1rem;
}
#site-content .content.page_error .error {
  border: 2px solid red;
  background-color: #a40c0c;
  margin: 1rem 0;
  color: white;
  font-size: 18px;
  padding: 2rem;
}
#site-content ul.errors {
  background-color: #efa0a6;
  color: #890202;
  font-size: 26px;
  padding: 0.7rem 1rem 0.7rem 3rem;
}
#site-content .checkout h1 {
  font-weight: bold;
  font-size: 27px;
  color: #467800;
  padding-left: 2px;
  border-bottom: 3px solid #7B7B80;
}
#site-content .checkout h1.big {
  color: black;
  border-bottom: none;
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 6px;
  position: relative;
}
#site-content .checkout h1.big::before {
  display: block;
  position: absolute;
  content: " ";
  left: 40%;
  right: 40%;
  bottom: 0;
  height: 6px;
  background-color: #cfb65b;
}
#site-content .checkout h3 {
  font-size: 24px;
  color: #467800;
  border-bottom: 1px solid #7B7B80;
}
#site-content .checkout article {
  margin: 0.5rem 0 1rem 0;
}
#site-content .checkout.address-list .control .line {
  margin: 8px 0;
}
#site-content .checkout.address-list .control .btn {
  border-radius: 0;
  font-size: 14px;
  font-weight: bold;
  border: none;
}
#site-content .checkout.address-list .control .btn.btn-primary {
  color: white;
  background-color: #467800;
}
#site-content .checkout.address-list .control .btn.btn-secondary {
  background-color: #FFD400;
  color: black;
}
#site-content .checkout.address-list .control .btn.btn-danger {
  color: white;
  background-color: #D60000;
}
#site-content .checkout.address-list h3 {
  border-bottom: none;
}
#site-content .checkout.address-list .address-line {
  margin: 1rem 0;
  border-bottom: 1px solid #7B7B80;
}
#site-content .checkout.preview .btn {
  font-weight: bold;
}
#site-content .checkout.preview .btn.btn-info {
  color: white;
  background-color: black;
}
#site-content .checkout.preview .btn.btn-secondary {
  background-color: #6B1818;
  color: white;
}
#site-content .checkout.preview .btn.btn-primary {
  font-size: 18px;
  color: white;
  background-color: #467800;
  padding: 16px 36px;
  border-radius: 0;
}
#site-content .checkout.preview .form-check-label {
  color: black;
  font-weight: bold;
}
#site-content .checkout.preview .form-check-input {
  border-color: black;
}
#site-content .checkout.preview .control {
  margin: 0.5rem 0;
}
#site-content .checkout .infoline {
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: normal;
}
#site-content .checkout .infoline.selected {
  background-color: #c7d6b2;
}
#site-content .checkout content.container {
  display: block;
}
#site-content .checkout .payment-block > .payment-button {
  margin: 0.5rem 0;
}
#site-content .checkout .payment-block + hr {
  margin: 0.5rem 0;
  border: 0;
  border-top: 1px solid #7B7B80;
  opacity: 1;
}
#site-content .checkout .payment-block .btn.btn-light {
  --bs-btn-bg: transparent;
}
#site-content .checkout .payment-block .btn img {
  max-width: 100%;
  margin: 3px 0;
}
#site-content .checkout .accept-section .alert-triangle {
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(alert.png);
  float: left;
}
#site-content .checkout .accept-section .form-group .form-check-input {
  width: 2rem;
  height: 2rem;
  margin-top: 0.7rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
#site-content .checkout .accept-section .form-group .form-check-label {
  line-height: 64px;
  font-size: 1.5rem;
}
#site-content .checkout .big-breadcrumb {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#site-content .checkout .big-breadcrumb > .item {
  width: 100px;
  --bb-item-color: #dbdbdb;
  color: var(--bb-item-color);
  border-color: var(--bb-item-color);
}
#site-content .checkout .big-breadcrumb > .item.before {
  --bb-item-color: #467800;
}
@media (min-width: 768px) {
  #site-content .checkout .big-breadcrumb > .item.before + .sep {
    background-color: #467800;
  }
}
#site-content .checkout .big-breadcrumb > .item.selected {
  --bb-item-color: black;
}
#site-content .checkout .big-breadcrumb > .item > .num {
  position: relative;
  text-align: center;
  font-size: 32px;
  border-style: solid;
  border-width: 6px;
  margin: 0 5px;
}
@media (min-width: 768px) {
  #site-content .checkout .big-breadcrumb > .item > .num {
    width: 63px;
    height: 56px;
    line-height: 50px;
    margin: 0 auto;
  }
}
#site-content .checkout .big-breadcrumb > .item > .num::before, #site-content .checkout .big-breadcrumb > .item > .num::after {
  display: block;
  position: absolute;
  content: " ";
  width: 30%;
  left: 35%;
  height: 6px;
  background-color: white;
}
#site-content .checkout .big-breadcrumb > .item > .num::before {
  top: -6px;
}
#site-content .checkout .big-breadcrumb > .item > .num::after {
  bottom: -6px;
}
#site-content .checkout .big-breadcrumb > .item > .info {
  display: none;
}
@media (min-width: 768px) {
  #site-content .checkout .big-breadcrumb > .item > .info {
    display: block;
    margin: 0.5em -20px;
    text-align: center;
    font-size: 17px;
    line-height: 1.1;
  }
}
#site-content .checkout .big-breadcrumb > .sep {
  display: none;
}
@media (min-width: 768px) {
  #site-content .checkout .big-breadcrumb > .sep {
    display: block;
    flex-grow: 1;
    height: 6px;
    margin-top: 25px;
    background-color: #dbdbdb;
  }
}
#site-content .freetext .result-title {
  margin-bottom: 2rem;
}
#site-content .freetext .shader {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#site-content .freetext .result-list .item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
#site-content .freetext .result-list .item:hover .image > img {
  transition: transform 3s;
  transform: scale(1.12);
}
#site-content .freetext .result-list .image {
  overflow: hidden;
  position: relative;
}
@media (min-width: 576px) {
  #site-content .freetext .result-list .image {
    width: 250px;
    align-self: center;
    margin-right: 1.5rem;
    flex-shrink: 0;
  }
}
@media (max-width: 575.98px) {
  #site-content .freetext .result-list .image {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
#site-content .freetext .result-list .image > img {
  display: block;
  border-radius: 15px;
  transition: transform 0.5s;
  width: 250px;
  margin: 0 auto;
}
#site-content .freetext .result-list .item-body {
  flex: 1;
  position: relative;
}
#site-content .freetext .result-list h2 {
  color: #cfb65b;
  margin-bottom: 0.5rem;
  font-size: 22px;
}
#site-content .freetext .result-list h3 {
  font-size: 18px;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
}
#site-content .freetext .result-list .item-content {
  font-size: 16px;
}
#site-content .freetext .result-list .control-line {
  display: none;
  margin-top: 0.5rem;
}
#site-content .freetext .result-list .search_hilight {
  display: inline-block;
  padding: 0 3px;
  background-color: #d8e9f0;
}
#site-content .freetext .result-list .info-line {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
#site-content .freetext .result-list .info-line .menu {
  padding: 2px 12px;
  color: white;
}
#site-content .freetext .result-list .info-line .date {
  flex: 1;
  text-align: left;
  border-bottom: 1px solid #B2B2B2;
  margin-left: 5px;
  font-size: 12px;
  color: #666;
}
#site-content .freetext .result-list hr {
  border-top-color: #B2B2B2;
  opacity: 1;
  margin: 0.5rem 0 0 0;
}
#site-content .freetext .walker {
  display: block;
  text-align: center;
  margin-bottom: 1rem;
}
#site-content .freetext .walker a {
  color: inherit;
  text-decoration: inherit;
}
#site-content .freetext .walker .item {
  display: inline-block;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 22px;
}
#site-content .freetext .walker .item.page.current, #site-content .freetext .walker .item > a {
  padding: 4px 8px;
}
#site-content .freetext .walker .item > a {
  display: block;
  border-radius: 6px;
}
#site-content .freetext .walker .item > a:hover {
  background-color: #cfb65b;
}

/**
 * Méretezhető vendébox tartó.
 */
.sized-box {
  position: relative;
  height: var(--panel-height);
}
.sized-box.noheight {
  height: auto;
}
.sized-box.h-percent {
  height: 0;
  padding-bottom: var(--panel-height);
}
.sized-box > .sized-panel {
  display: block;
}
.sized-box:not(.noheight) > .sized-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sized-box .sized-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

.global-popup {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}
.global-popup.open {
  display: block;
}
.global-popup.open .shader {
  animation-name: global-popup-shader-slidein;
  animation-duration: 0.5s;
}
.global-popup.open .panel {
  opacity: 0;
}
.global-popup.loading .loader {
  display: flex;
  opacity: 0;
  animation-name: global-popup-loader, global-popup-loader2;
  animation-duration: 0.35s, 0.7s;
  animation-delay: 0.3s;
  animation-direction: normal, alternate;
  animation-iteration-count: 1, infinite;
}
.global-popup.ready .panel {
  opacity: 1;
  animation-name: global-popup-panel-slidein;
  animation-duration: 0.3s;
}
.global-popup.closing {
  display: block;
}
.global-popup.closing .panel {
  opacity: 0;
  animation-name: global-popup-panel-slideout;
  animation-duration: 0.3s;
}
.global-popup.closing .shader {
  opacity: 0;
  animation-name: global-popup-shader-slideout;
  animation-duration: 0.5s;
}
.global-popup .shader,
.global-popup .loader,
.global-popup .panel {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.global-popup .shader {
  background-color: rgba(0, 0, 0, 0.5);
}
.global-popup .panel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.global-popup .loader {
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  color: #cccccc;
}
.global-popup .content-panel {
  display: block;
  position: relative;
  background-color: white;
  background-clip: content-box;
  border: 15px solid rgba(0, 0, 0, 0.2);
  min-width: 10vw;
  min-height: 10vw;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .global-popup .content-panel {
    max-width: 99vw;
  }
}
.global-popup .content-panel .popup-close {
  position: absolute;
  font-size: 30px;
  color: #cfb65b;
  right: 8px;
  top: 0px;
  z-index: 1;
}
.global-popup.loading .load-invisible {
  visibility: hidden;
}

@keyframes global-popup-panel-slidein {
  from {
    top: -100px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes global-popup-shader-slidein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes global-popup-panel-slideout {
  from {
    opacity: 1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes global-popup-shader-slideout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes global-popup-loader {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0.4;
  }
}
@keyframes global-popup-loader2 {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 0.8;
    transform: scale(1.2);
  }
}
.buy-popup-panel .hr,
.cpart.product-part .hr,
.add-popup-panel .hr,
.basket-popup-panel .hr {
  border-bottom: 1px solid #A4A4A7;
}
.buy-popup-panel .hr.brutal,
.cpart.product-part .hr.brutal,
.add-popup-panel .hr.brutal,
.basket-popup-panel .hr.brutal {
  border-bottom: 3px solid #cfb65b;
}
.buy-popup-panel h1.title,
.cpart.product-part h1.title,
.add-popup-panel h1.title,
.basket-popup-panel h1.title {
  color: #cfb65b;
  font-weight: bold;
  font-size: 24px;
  margin: 10px 0 6px 0;
}
.buy-popup-panel header.panel-title,
.cpart.product-part header.panel-title,
.add-popup-panel header.panel-title,
.basket-popup-panel header.panel-title {
  background-color: #f2f2f2;
  line-height: 64px;
  margin: 0;
  padding: 12px 13px 6px 26px;
}
.buy-popup-panel h1.panel-title,
.cpart.product-part h1.panel-title,
.add-popup-panel h1.panel-title,
.basket-popup-panel h1.panel-title {
  color: black;
  font-size: 27px;
  font-weight: bold;
  margin: 0;
  padding: 6px 13px;
  position: relative;
}
.buy-popup-panel h1.panel-title::before,
.cpart.product-part h1.panel-title::before,
.add-popup-panel h1.panel-title::before,
.basket-popup-panel h1.panel-title::before {
  display: block;
  position: absolute;
  content: " ";
  left: 40%;
  right: 40%;
  bottom: 0;
  height: 6px;
  background-color: #cfb65b;
}

.buy-popup-panel .image-cell,
.cpart.product-part .image-cell {
  background-color: #F2F2F2;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.buy-popup-panel .image-cell > img,
.cpart.product-part .image-cell > img {
  max-width: 100%;
}
.buy-popup-panel .badge-line,
.cpart.product-part .badge-line {
  min-height: 38px;
  padding-top: 10px;
}
.buy-popup-panel .badge-line .badge,
.cpart.product-part .badge-line .badge {
  vertical-align: bottom;
}
.buy-popup-panel .productno-line,
.cpart.product-part .productno-line {
  font-size: 14px;
  text-transform: uppercase;
}
.buy-popup-panel .productno-line .productno,
.cpart.product-part .productno-line .productno {
  font-weight: 300;
}
.buy-popup-panel .input-control,
.cpart.product-part .input-control {
  background-color: #cfb65b;
  color: white;
  width: 38px;
  line-height: 38px;
  text-align: center;
  margin: 0 4px !important;
  border-radius: 5px !important;
}
.buy-popup-panel .form-control,
.cpart.product-part .form-control {
  border-color: #cfb65b;
  border-radius: 5px !important;
  font-weight: bolder;
  font-size: 24px;
  padding-top: 0;
  padding-bottom: 0;
}
.buy-popup-panel .lead,
.cpart.product-part .lead {
  font-size: 16px;
  font-weight: normal;
  color: black;
  padding: 4px 0 2px 0;
}
.buy-popup-panel .prices .info,
.cpart.product-part .prices .info {
  font-size: 14px;
  font-weight: bold;
  color: #7c7c81;
}
.buy-popup-panel .prices .price,
.cpart.product-part .prices .price {
  margin-top: 8px;
  font-size: 26px;
}
.buy-popup-panel .prices .icon,
.cpart.product-part .prices .icon {
  color: #cfb65b;
}
.buy-popup-panel .prices .static.margin,
.cpart.product-part .prices .static.margin {
  margin-left: 25px;
}
.buy-popup-panel .prices .normal,
.cpart.product-part .prices .normal {
  color: #f47521;
}
.buy-popup-panel .prices .display,
.cpart.product-part .prices .display {
  color: #7b7b80;
}
.buy-popup-panel .btn,
.cpart.product-part .btn {
  font-size: 18px;
}

.buy-popup-panel {
  padding: 0;
  min-width: 80vw;
}

.add-popup-panel {
  padding: 0;
  min-width: 80vw;
}
.add-popup-panel .vertr {
  border-right: 1px solid #A4A4A7;
}
.add-popup-panel .main-title {
  background-color: #cfb65b;
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 16px 0;
  margin: 0;
}
.add-popup-panel table.price-grid {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
  margin: 0 -4px;
}
.add-popup-panel table.price-grid tr > td, .add-popup-panel table.price-grid tr > th {
  padding: 1px 15px;
  width: 50%;
}
.add-popup-panel table.price-grid tr > th {
  background-color: #ec97b5;
}
.add-popup-panel table.price-grid tr > td {
  background-color: #c1c1c3;
}
.add-popup-panel table.price-grid tr:nth-child(2n) > th {
  background-color: #f6ccdb;
}
.add-popup-panel table.price-grid tr:nth-child(2n) > td {
  background-color: #e1e1e2;
}
.add-popup-panel .sum-line {
  margin: 1rem 0;
  font-size: 22px;
  font-weight: bold;
}
.add-popup-panel .controls {
  margin: 1rem 0;
}
.add-popup-panel .product-image > img {
  max-width: 100%;
  border: 1px solid #A4A4A7;
}
.add-popup-panel .item-info-line {
  padding: 1px 0;
}
.add-popup-panel .item-info-line > .value {
  color: #f47521;
}
.add-popup-panel .btn {
  font-size: 18px;
}
.add-popup-panel .btn.btn-primary {
  background-color: #008300;
}
.add-popup-panel .btn.btn-secondary {
  background-color: #cfb65b;
}

.cpart.product-part {
  margin-top: 1.5rem;
}
.cpart.product-part h1.title {
  margin-top: 0;
}

.basket-popup-panel {
  padding: 0 13px 15px 13px;
  min-width: 80vw;
}
.basket-popup-panel header.panel-title {
  margin-left: -13px;
  margin-right: -13px;
}
.basket-popup-panel .control {
  margin: 1rem 0;
}
.basket-popup-panel .control.hr {
  padding-bottom: 1rem;
  border-bottom: 1px solid #7b7b80;
}
.basket-popup-panel .control .info {
  color: #404040;
  font-weight: normal;
  text-align: left;
  font-size: 14px;
}
.basket-popup-panel .btn {
  border-radius: 0;
}
.basket-popup-panel .btn.btn-primary {
  font-size: 24px;
  background-color: #467800;
  color: white;
}
.basket-popup-panel .btn.btn-secondary {
  background-color: #6b1818;
  color: white;
}

.basket-panel .header {
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #7b7b80;
}
.basket-panel .item {
  border-top: 1px solid #7b7b80;
  padding-bottom: 2px;
  padding-top: 2px;
}
.basket-panel .item:first-child {
  border-top: none;
}
.basket-panel .item .btn {
  border-radius: 0;
  --bs-btn-line-height: 1;
}
.basket-panel .item .btn.btn-info {
  color: black;
  background-color: #ffd400;
}
.basket-panel .item .btn.btn-danger {
  color: white;
  background-color: #d60000;
}
.basket-panel .sum {
  margin-top: -2px;
  border-top: 1px solid #7b7b80;
  font-size: 120%;
  font-weight: bold;
  line-height: 2;
}

.flavour-line {
  display: block;
  padding: 2px 0;
}
.flavour-line h3.flavour-title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0.3rem 0;
}
.flavour-line .flavour-list {
  margin-bottom: 0.6rem;
}
.flavour-line .flavour-label {
  display: inline-block;
  color: #cfb65b;
  border: 1px solid #c7c7c7;
  border-radius: 8px;
  padding: 2px 10px;
  cursor: pointer;
}
.flavour-line .flavour-label:hover {
  background-color: #cfb65b;
  color: white;
}
.flavour-line .flavour-label.checked {
  background-color: #7b7b80;
  color: white;
}
.flavour-line .flavour-label > input {
  display: none;
}
.flavour-line .flavour-label > .flavour-price {
  font-size: 70%;
  font-weight: bold;
}

.product-gallery {
  display: grid;
  grid-template-rows: 1fr max-content;
  grid-template-columns: 40px auto 40px;
}
.product-gallery > .big-image {
  grid-row: 1;
  grid-column: 1/4;
  margin-bottom: 8px;
}
.product-gallery > .big-image > .big-image-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-gallery > .big-image > .big-image-body > img {
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid #7B7B80;
  max-width: 100%;
}
.product-gallery > .image-thread-panel {
  grid-row: 2;
  grid-column: 2;
  overflow: hidden;
  position: relative;
}
.product-gallery > .image-thread-panel > .image-thread {
  display: flex;
  position: relative;
  left: 0;
  top: 0;
  transition: left 0.5s, top 0.5s;
}
.product-gallery > .image-thread-panel > .image-thread > .image {
  position: relative;
  margin: 0 5px;
  flex-grow: 0;
  flex-basis: fit-content;
  flex-shrink: 0;
}
.product-gallery > .image-thread-panel > .image-thread > .image > img {
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid #7B7B80;
  width: auto;
}
.product-gallery > .image-thread-panel > .image-thread > .image > a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.product-gallery > .image-thread-panel > .image-thread > .image > a:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.product-gallery > .thread-move {
  display: flex;
  background-color: #cfb65b;
  color: white;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}
.product-gallery > .thread-move.thread-left {
  grid-row: 2;
  grid-column: 1;
  margin-right: 2px;
}
.product-gallery > .thread-move.thread-right {
  grid-row: 2;
  grid-column: 3;
  margin-left: 2px;
}

.error-popup-panel {
  padding: 2rem;
  color: #b70909;
}
.error-popup-panel h1 {
  text-align: center;
}
.error-popup-panel .buy-error-details {
  font-size: 26px;
}

.badge {
  display: inline-block;
  padding: 0.35em 10px;
  border-radius: 0;
  border-top-right-radius: 9px;
  margin-left: 4px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.badge.info-badge {
  background-color: #008300;
}
.badge.alert-badge {
  background-color: #ff0000;
}

body.mer {
  background: white;
  background-attachment: scroll;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #575759;
}
@media (min-width: 768px) {
  body.mer {
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 120px);
  }
}

body.preview {
  margin: 1rem;
}
body.preview > pre {
  margin-top: 2rem;
}

.block {
  max-width: 1280px;
  margin: 0 auto;
}

a {
  transition: color 0.2s, background-color 0.2s;
  text-decoration: none;
}

.gothic-debug {
  background-color: #dddddd;
  color: black;
  border: 1px solid black;
  padding: 5px;
  white-space: pre-line;
}

/*
.clearfix:after {
	content: "";
	display: table;
	clear: both;
	visibility: hidden;
	border-collapse: collapse;
}
*/
/* új calendar */
.gtcadm-datepicker > .gtcadm-dropdown {
  display: none;
  clear: both;
  overflow: visible;
  border: 1px solid #c30004;
  width: 285px;
  color: #be0000;
  z-index: 5;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffe2+100 */
  background: #ffe04f; /* Old browsers */
  background: linear-gradient(135deg, #ffffff 0%, #ffe04f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.55);
}
.gtcadm-datepicker > .gtcadm-dropdown.show {
  display: block;
  position: absolute;
  transform-origin: 50% 0px;
  animation: datepicker_show 0.2s;
}
.gtcadm-datepicker > .gtcadm-dropdown.hide {
  display: block;
  animation: datepicker_hide 0.2s;
}

.gtcadm-dropdown > .close {
  display: block;
  float: none;
  position: absolute;
  color: #be0000;
  font-size: 16px;
  z-index: 3;
  border: 1px solid #c30004;
  border-radius: 0.25rem;
  padding: 3px;
  right: -10px;
  top: -10px;
  width: 23px;
  height: 26px;
  line-height: 19px;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffe2+100 */
  background: #ffe04f; /* Old browsers */
  background: linear-gradient(135deg, #ffffff 0%, #ffe04f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.55);
  opacity: 1;
}
.gtcadm-dropdown > .close:hover {
  color: black;
  border-color: black;
  opacity: 1 !important;
}
.gtcadm-dropdown b,
.gtcadm-dropdown u {
  box-sizing: border-box;
  cursor: default;
}
.gtcadm-dropdown > .gtcadm-datepicker_control {
  display: block;
  height: 35px;
}
.gtcadm-dropdown > .gtcadm-datepicker_control > b {
  display: block;
  line-height: 35px;
  font-size: 140%;
  font-weight: bold;
  text-align: center;
  color: #be0000;
  transition: color 0.3s;
  white-space: nowrap;
}
.gtcadm-dropdown > .gtcadm-datepicker_control > b:hover {
  color: #000000;
}
.gtcadm-dropdown > .gtcadm-datepicker_control > a {
  display: block;
  width: 60px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 16px;
  color: #be0000;
}
.gtcadm-dropdown > .gtcadm-datepicker_control > a:hover {
  color: black;
}

.gtcadm-datepicker_control > a[data-datepicker-action~=left] {
  float: left;
}

.gtcadm-datepicker_control > a[data-datepicker-action~=right] {
  float: right;
}

.gtcadm-datepicker > .gtcadm-dropdown .gtcadm-dp_container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 140px;
}

.gtcadm-datepicker > .gtcadm-dropdown .gtcadm-dp_panel.month,
.gtcadm-datepicker > .gtcadm-dropdown .gtcadm-dp_panel.year,
.gtcadm-datepicker > .gtcadm-dropdown .gtcadm-dp_panel.decade {
  display: block;
  position: absolute;
  width: 100%;
}

.gtcadm-dp_panel.month > .gtcadm-datepicker_weekdays {
  padding: 0 0 0 12.5%;
}

.gtcadm-dp_panel.month .gtcadm-datepicker_days {
  display: block;
  float: left;
  width: 87.5%;
}

.gtcadm-dp_panel.month b,
.gtcadm-dp_panel.month u {
  display: block;
  float: left;
  width: 14.2857%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  transition: background-color 0.2s, color 0.2s;
}
.gtcadm-dp_panel.month b.unselectable,
.gtcadm-dp_panel.month u.unselectable {
  color: black;
}

.gtcadm-dp_panel.month.weeks4 b,
.gtcadm-dp_panel.month.weeks4 u {
  height: 28px;
  line-height: 28px;
}

.gtcadm-dp_panel.month.weeks4 b.sel {
  line-height: 26px;
}

.gtcadm-dp_panel.month.weeks5 b,
.gtcadm-dp_panel.month.weeks5 u {
  height: 23.3333px;
  line-height: 23.3333px;
}

.gtcadm-dp_panel.month.weeks5 b.sel {
  line-height: 21.3333px;
}

.gtcadm-dp_panel.month b.guest {
  color: lightgray;
}

.gtcadm-dp_panel.month u {
  width: 12.5%;
  color: gray;
}

.gtcadm-dp_panel.month > .gtcadm-datepicker_weekdays > b {
  font-weight: bold;
  color: black;
}

.gtcadm-dp_panel.month .gtcadm-datepicker_days > b:hover {
  background-color: #b8e1f7;
  color: black;
  font-size: 14px;
}
.gtcadm-dp_panel.month .gtcadm-datepicker_days > b:hover.unselectable {
  background-color: transparent;
  font-size: 18px;
}

.gtcadm-dp_panel.year > b {
  display: block;
  float: left;
  width: 33.3333%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  transition: background-color 0.2s, color 0.2s;
}

.gtcadm-dp_panel.year > b:hover {
  background-color: #b8e1f7;
  font-size: 14px;
  color: black;
}

.gtcadm-dp_panel.decade > b {
  display: block;
  float: left;
  width: 20%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  transition: background-color 0.2s, color 0.2s;
}

.gtcadm-dp_panel.decade > b:hover {
  background-color: #b8e1f7;
  font-size: 14px;
  color: black;
}

.gtcadm-dp_panel b.sel {
  background-color: #ffea00;
  border: 1px solid #c30004;
}

.gtcadm-dp_panel.month b.sel {
  line-height: 18px;
}

.gtcadm-dp_panel.year b.sel {
  line-height: 33px;
}

.gtcadm-dp_panel.decade b.sel {
  line-height: 26px;
}

.gtcadm-dp_panel.anim.left.in {
  animation: dp_left_in 0.3s;
}

.gtcadm-dp_panel.anim.left.out {
  animation: dp_left_out 0.3s;
}

.gtcadm-dp_panel.anim.right.in {
  animation: dp_right_in 0.3s;
}

.gtcadm-dp_panel.anim.right.out {
  animation: dp_right_out 0.3s;
}

.gtcadm-dp_panel.anim.up.in {
  animation: dp_up_in 0.4s;
  z-index: 2;
}

.gtcadm-dp_panel.anim.up.out {
  animation: dp_up_out 0.4s;
  z-index: 1;
}

.gtcadm-dp_panel.anim.down.in {
  animation: dp_down_in 0.4s;
  z-index: 2;
}

.gtcadm-dp_panel.anim.down.out {
  animation: dp_down_out 0.4s;
  z-index: 1;
}

@keyframes dp_left_out {
  0% {
    left: 0px;
    opacity: 1;
  }
  100% {
    left: -300px;
    opacity: 0.4;
  }
}
@keyframes dp_left_in {
  0% {
    left: 300px;
    opacity: 0.4;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
@keyframes dp_right_out {
  0% {
    left: 0px;
    opacity: 1;
  }
  100% {
    left: 300px;
    opacity: 0.4;
  }
}
@keyframes dp_right_in {
  0% {
    left: -300px;
    opacity: 0.4;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
@keyframes dp_up_out {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(0.1, 0.1);
  }
}
@keyframes dp_up_in {
  0% {
    opacity: 0;
    transform: scale(4, 4);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes dp_down_out {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(6, 6);
  }
}
@keyframes dp_down_in {
  0% {
    opacity: 0;
    transform: scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes datepicker_show {
  0% {
    opacity: 0;
    transform: scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes datepicker_hide {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(1.4, 1.4);
  }
}
.gtcadm-datepicker > .gtcadm-dropdown .gtcadm-dp_extra {
  display: block;
  border-top: 2px solid #c30004;
}

.gtcadm-dropdown .gtcadm-dp_extra > b {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: normal;
}

.gtcadm-dropdown .gtcadm-dp_extra > b:hover {
  background-color: #b8e1f7;
  font-size: 14px;
}

.gtcadm-dropdown .gtcadm-dp_extra > b.sel {
  background-color: #ffea00;
  border: 1px solid #c30004;
}

.gtcadm-dropdown .gtcadm-dp_extra.hours > b {
  width: 12.5%;
}

.gtcadm-dropdown .gtcadm-dp_extra.minutes > b {
  width: 16.6667%;
}

/**
 * Galéria
 */
.images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0;
}
.images > .image {
  position: relative;
  padding: 0 0 4px 0;
  text-align: center;
}
.images > .image.loading {
  visibility: hidden;
}
.images > .image > a {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.images > .image > img {
  width: 100%;
}

/**
 * Popup
 */
.gallery-frame {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  animation-name: gallery-open;
  animation-duration: 300ms;
  z-index: 1000;
}
.gallery-frame.closing {
  animation-duration: 500ms;
  animation-name: gallery-close;
}
@keyframes gallery-open {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gallery-close {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.gallery-frame .loader {
  display: none;
}
.gallery-frame.loading .loader {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 20;
  background-color: rgba(220, 220, 220, 0.5);
}
.gallery-frame > .image {
  position: absolute;
  left: 50%;
  top: 50%;
}
.gallery-frame > .image > img {
  display: block;
  margin-left: -50%;
}
.gallery-frame > .image > .loader {
  display: none;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  background-color: rgba(220, 220, 220, 0.5);
}
.gallery-frame > .image.loading > img {
  display: none;
}
.gallery-frame > .image.loading > .loader {
  display: block;
}
.gallery-frame > .image.in {
  animation-name: gallery-image-in;
  animation-duration: 500ms;
}
.gallery-frame > .image.in-left {
  animation-name: gallery-image-in-left;
  animation-duration: 700ms;
}
.gallery-frame > .image.in-right {
  animation-name: gallery-image-in-right;
  animation-duration: 700ms;
}
.gallery-frame > .image.out-left {
  animation-name: gallery-image-out-left;
  animation-duration: 700ms;
}
.gallery-frame > .image.out-right {
  animation-name: gallery-image-out-right;
  animation-duration: 700ms;
}
@keyframes gallery-image-in {
  from {
    top: 0%;
    opacity: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@keyframes gallery-image-in-left {
  from {
    left: -50%;
  }
  to {
    left: 50%;
  }
}
@keyframes gallery-image-in-right {
  from {
    left: 150%;
  }
  to {
    left: 50%;
  }
}
@keyframes gallery-image-out-left {
  from {
    /* left: 50%; */
  }
  to {
    left: -50%;
  }
}
@keyframes gallery-image-out-right {
  from {
    /* left: 50%; */
  }
  to {
    left: 150%;
  }
}
.gallery-frame a.slide-button {
  display: none;
}
@media (min-width: 768px) {
  .gallery-frame a.slide-button {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    width: 10%;
    min-width: 50px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.55;
    color: white;
    font-size: 120px;
    transition: opacity 0.2s, background-color 0.2s;
    justify-content: center;
    align-items: center;
  }
  .gallery-frame a.slide-button.left {
    left: 0;
  }
  .gallery-frame a.slide-button.right {
    right: 0;
  }
  .gallery-frame a.slide-button > span, .gallery-frame a.slide-button > i {
    display: block;
    text-decoration: none;
  }
  .gallery-frame a.slide-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    text-decoration: none;
    transition: opacity 0.2s, background-color 0.2s;
  }
  .gallery-frame.has-left a.slide-button.left, .gallery-frame.has-right a.slide-button.right {
    display: flex;
  }
}
.gallery-frame .gallery-close {
  display: none;
  z-index: 11;
}
@media (min-width: 768px) {
  .gallery-frame .gallery-close {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 10px;
    top: 10px;
    cursor: pointer;
  }
}
.gallery-frame .title {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: white;
  background-color: black;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 3px 0;
  font-size: 16px;
}
@media (min-width: 768px) {
  .gallery-frame .title {
    padding: 8px 0;
    font-size: 22px;
  }
}
.gallery-frame.show-title .title {
  opacity: 1;
}

.szechenyi-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  max-width: 50vw;
  max-height: 160px;
  z-index: 10;
}
.szechenyi-banner > a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.szechenyi-banner > img {
  max-width: 50vw;
  max-height: 160px;
  flex-grow: 0;
}
@media (min-width: 768px) {
  .szechenyi-banner {
    max-width: 400px;
    max-height: 400px;
  }
  .szechenyi-banner > img {
    max-width: 400px;
    max-height: 400px;
    flex-grow: 0;
  }
}

#devframe {
  position: fixed;
  z-index: 1000;
  right: 0;
  width: 30%;
  top: 0;
  bottom: 0;
  background-color: white;
}
#devframe.hidden {
  width: 20px;
  bottom: unset;
  height: 20px;
}
#devframe.hidden .devpane {
  display: none;
}
#devframe.hidden .linkpanel {
  display: none;
}
#devframe .devpane {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
}
#devframe img {
  display: block;
  width: auto;
}
#devframe .opacity {
  position: absolute;
  right: 0;
  top: 0;
  background-color: black;
  color: gold;
  padding: 5px;
  cursor: pointer;
}
#devframe .linkpanel {
  position: absolute;
  left: 0;
  top: 0;
}
#devframe .linkpanel > .link {
  display: inline-block;
  background-color: black;
  color: gold;
  padding: 5px 10px;
  margin: 0 2.5px;
}

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