:root {
  --border-radius-small: 30px;
  --base-text-color: #000;
  --base-bg-color: #fff;
}

/*########### gravity ###########*/
@font-face {
  font-family: "GravityVariable";
  src: url("../../media/fonts/gravity/ABCGravityUprightVariable-Trial.woff2") format("woff2"), url("../../media/fonts/gravity/ABCGravityUprightVariable-Trial.woff");
}
/*########### inter ###########*/
@font-face {
  font-family: "InterRegular";
  src: url("../../media/fonts/inter/DOB-Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "InterBold";
  src: url("../../media/fonts/inter/DOB-Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "InterItalic";
  src: url("../../media/fonts/inter/DOB-Inter-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "InterBoldItalic";
  src: url("../../media/fonts/inter/DOB-Inter-BoldItalic.woff2") format("woff2");
}
.calendar-timeline {
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  transition: z-index 0.3s ease-in-out;
  width: 100%;
  padding-bottom: 10px;
}
.calendar-timeline .calendar-timeline__body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.calendar-timeline .calendar-timeline__body .calendar-months_wrapper {
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: center;
  padding: 11px 0;
}
.calendar-timeline .calendar-timeline__body .calendar-months_wrapper .calendar-months {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 85%;
}
.calendar-timeline .calendar-timeline__body .calendar-months_wrapper .calendar-months .months {
  margin-bottom: 0px;
  padding: 0;
  text-align: center;
}
.calendar-timeline .calendar-timeline__body .calendar-months_wrapper .calendar-months .months li {
  margin: 0 6px;
  padding: 0;
}
.calendar-timeline .calendar-timeline__body .calendar-months_wrapper .calendar-months .months li span {
  font-family: "GravityVariable";
  font-size: 32px;
  letter-spacing: 0.01em;
  font-variation-setting: "wdth" 59;
}
.calendar-timeline .calendar-timeline__body .calendar-months_wrapper .calendar-months .months li span.month.current {
  color: rgba(0, 0, 0, 0.8666666667);
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper {
  display: none;
  max-width: 1204px;
  margin: 0 auto;
  padding: 35px 15px 21px 15px;
  overflow: hidden;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline::-webkit-scrollbar {
  display: none;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline {
  display: inline-block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 0 24px;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days {
  display: flex;
  overflow: hidden;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days.days-mobile {
  position: relative;
  left: 0;
  margin-bottom: 0px;
  padding: 0;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-day {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #000000;
  margin: 0px 14px;
  min-width: 30px;
  position: relative;
  flex-direction: column-reverse;
  padding: 6px 0 0 0;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-day:first-child {
  margin-left: 0;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-day:last-child {
  margin-left: 0;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-day.selected .day,
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-day.selected .date {
  color: rgba(0, 0, 0, 0.8666666667);
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-day .day {
  font-family: "InterBold";
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-day .date {
  font-size: 21px;
  line-height: 14px;
  font-weight: normal;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-day:hover .day,
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-day:hover .date {
  color: rgba(0, 0, 0, 0.8666666667);
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-month-label {
  margin: 0 15px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.calendar-timeline .calendar-timeline__body .timeline_wrapper .timeline ul.days .timeline-month-label .month {
  font-family: "InterRegular";
  font-size: 23px;
  line-height: 29px;
}
.calendar-timeline .calendar-timeline-footer-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.calendar-timeline .timeline-button svg, .calendar-timeline .month-button svg {
  width: 12px;
  height: auto;
}
.calendar-timeline .timeline-button svg path, .calendar-timeline .month-button svg path {
  fill: #000;
}
.calendar-timeline .calendar-timeline__footer .container-main {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin: 20px auto;
  max-width: 92%;
  flex-wrap: wrap;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper,
.calendar-timeline .calendar-timeline__footer .container-main .location-select,
.calendar-timeline .calendar-timeline__footer .container-main .category-select,
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search {
  width: 100%;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper,
.calendar-timeline .calendar-timeline__footer .container-main .mobile-search-opener,
.calendar-timeline .calendar-timeline__footer .container-main .location-select,
.calendar-timeline .calendar-timeline__footer .container-main .category-select {
  height: 50px;
}
.calendar-timeline .calendar-timeline__footer .container-main .location-select,
.calendar-timeline .calendar-timeline__footer .container-main .category-select {
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .calendar-timeline .calendar-timeline__footer .container-main .location-select,
  .calendar-timeline .calendar-timeline__footer .container-main .category-select {
    width: 48.42%;
    margin-right: 3.15%;
  }
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-search-opener {
  cursor: pointer;
  width: 50px;
  display: flex;
  justify-content: center;
  background: #fff;
  border: 1px solid black;
  border-left: 0;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-search-opener .svg {
  height: 36px;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-search-opener.open svg {
  transform: rotateZ(360deg);
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-search-opener.open svg #shape2 {
  opacity: 0;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .calendar-timeline .calendar-timeline__footer .container-main .search-wrapper {
    width: 31.9999999%;
    margin-top: 0;
    margin-right: 2.08%;
    margin-left: 0;
    margin-bottom: initial;
  }
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper > * {
  width: 100%;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper {
  background: white;
  /*    border: 1px solid rgba(0, 0, 0, 0.2);*/
  border-radius: 20px;
  box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 9px;
}
@media screen and (min-width: 1024px) {
  .calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper {
    border-radius: 24px;
  }
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper .box-text {
  padding: 11px;
  font-weight: 300;
  position: relative;
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  z-index: 9;
  /*        @if $bgcolor == black {
              color: $white;
          }*/
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper {
  display: flex;
  justify-content: flex-start;
  background-color: #fff;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper label {
  display: none;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper input {
  background-color: white;
  color: #000;
  font-family: "InterBold";
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.2px;
  width: calc(100% - 50px);
  border: none;
  margin: 1px 15px;
  height: 100%;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper input::placeholder {
  color: #000;
  opacity: 1;
  font-family: "InterBold";
  letter-spacing: 0.2px;
  font-style: inherit;
  font-size: inherit;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper .search-icon-wrapper {
  width: 50px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper .search-icon-wrapper a img {
  height: 21px;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper .search-icon-wrapper .search-icon-btn path#Pfad_1.cls-1 {
  fill: #fff !important;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper:hover {
  background: #f7f7f7 !important;
}
.calendar-timeline .calendar-timeline__footer .container-main .search-wrapper .search-input-wrapper:hover input {
  background: #f7f7f7;
}
.calendar-timeline .calendar-timeline__footer .container-main .location-select, .calendar-timeline .calendar-timeline__footer .container-main .category-select, .calendar-timeline .calendar-timeline__footer .container-main .search {
  letter-spacing: 0.2px;
  font-weight: normal;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .list, .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .location-selectbox, .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .category-selectbox {
  display: none;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search > * {
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search {
    width: 65.91%;
    display: flex !important;
    justify-content: space-between;
    padding: 0;
    max-width: initial;
  }
  .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search > * {
    margin-bottom: initial;
  }
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool {
  background: white;
  /*    border: 1px solid rgba(0, 0, 0, 0.2);*/
  border-radius: 20px;
  box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 9px;
}
@media screen and (min-width: 1024px) {
  .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool {
    border-radius: 24px;
  }
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .box-text {
  padding: 11px;
  font-weight: 300;
  position: relative;
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  z-index: 9;
  /*        @if $bgcolor == black {
              color: $white;
          }*/
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner {
  display: flex;
  justify-content: flex-start;
  position: relative;
  height: 100%;
  /*                        background-color: white;*/
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner.category, .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner.location {
  /*                            border-top: $border-default;*/
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .category-list {
  z-index: 11;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .category-displayer, .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .location-displayer {
  color: #000;
  background-color: white;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner svg.replaced-svg, .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner svg.replaced-svg g#Page-1 g#arrow {
  fill: #fff;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .opener img.svg {
  height: 21px;
  transition: 0.3s all ease;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .list {
  position: absolute;
  background-color: white;
  top: 50px;
  left: -1px;
  z-index: 10;
  width: calc(100% + 2px);
  border: 1px solid #E0E0E0;
  border-top: none;
  padding: 0;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .list li {
  width: 100%;
  cursor: pointer;
  padding: 10px 10px 10px 39px;
  transition: 0.3s all;
  position: relative;
  font-family: "InterBold";
  font-size: 16px;
  color: #000;
  display: flex;
  align-items: center;
  list-style-type: none;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .list li:not(:last-child) {
  border-bottom: 1px solid #E0E0E0;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .list li:before {
  content: "";
  display: inline-flex;
  width: 15px;
  height: 15px;
  border: 2px solid #ccc;
  position: absolute;
  left: 13px;
  align-items: center;
  vertical-align: middle;
  margin: 0;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .list li.active:before {
  background: #ccc;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .category-displayer,
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .location-displayer {
  width: 100%;
  padding: 8px 15px 9px 19px;
  display: flex;
  justify-content: flex-start;
  color: #000;
  font-family: "InterBold";
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0.2px;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .category-displayer, .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .location-displayer, .calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .opener {
  height: 100%;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .opener {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .opener svg {
  height: 21px;
}
.calendar-timeline .calendar-timeline__footer .container-main .mobile-more-search .selection-tool .selection-inner .opener.open img {
  transform: rotateZ(90deg);
}

.pika-single {
  z-index: auto;
}

.main-content.main-content--calendar {
  padding-top: 0;
}

.calendar-timeline.sticky--fixed {
  top: 100px;
}

.calendar-timeline__header {
  background: #233142;
  height: 64px;
}

.timeline-month {
  font-size: 14px;
  letter-spacing: 0.08em;
  margin: 0 6px;
  display: inline-block;
  cursor: pointer;
}
.timeline-month:hover, .timeline-month:active, .timeline-month:focus, .timeline-month.selected {
  color: #000000;
}
.timeline-month:first-of-type {
  margin-left: 10px;
}
.timeline-month:last-of-type {
  margin-right: 0;
}

li.timeline-month,
span.month {
  display: none;
}

li.timeline-month.active {
  display: inline-block;
}

span.month.active {
  display: block;
}

.months-wrapper {
  display: flex;
  justify-content: center;
}

.calendar-timeline__body .container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 97%;
  margin-bottom: 25px;
}

.timeline-button,
.month-button,
.timeline,
.timeline-day,
.timeline-month-label {
  display: inline-block;
  vertical-align: top;
}

.timeline-day.today {
  opacity: 1;
}

.month-button,
.timeline-button,
.month-button:focus,
.timeline-button:focus,
.month-button:active,
.timeline-button:active {
  cursor: pointer;
  outline: none;
  border: none;
}

.timeline-day div:hover {
  color: #b1b1b1;
}

.timeline-day:last-of-type {
  width: 6.66666%;
  margin-right: 0;
}

.timeline-day.today {
  color: #f00;
}

.timeline-day.weekend {
  /*    color: red!important;*/
}

.timeline-day.sunday {
  /*    color: blue!important;*/
}

.timeline-day:hover,
.timeline-day:active,
.timeline-day:focus,
.timeline-day.selected {
  color: #000000;
}

.timeline-day .date .day {
  margin-top: -4px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.timeline-day .info-box-position,
.timeline-letter .info-box-position {
  position: absolute;
  bottom: -25px;
  left: -45px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
}

.timeline-letter .info-box-position {
  left: -72px;
}

/*.timeline-day.events-loaded .info-box-position {
    display: block;
}*/
.timeline-day.events-loaded:hover .info-box-position,
.timeline-letter:hover .info-box-position {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}

.timeline-day .info-box,
.timeline-letter .info-box {
  position: fixed;
  max-width: 925px;
  padding: 20px 30px;
  background-color: rgba(0, 0, 0, 0.9);
  cursor: default;
  display: grid;
  grid-template-rows: repeat(10, auto);
  grid-gap: 0 15px;
  grid-auto-flow: column;
}

.timeline-day .info-box:after,
.timeline-letter .info-box:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -33px;
  left: 60px;
  border: 17px solid transparent;
  border-bottom: 17px solid #000000;
  transition: top 0.2s ease-in-out;
}

.timeline-day .info-box .info-box-show,
.timeline-letter .info-box .info-box-show {
  margin-bottom: 15px;
}

.timeline-day .info-box .info-box-show .info-box-show-title,
.timeline-letter .info-box .info-box-show .info-box-show-title {
  margin-bottom: 5px;
  font-size: 21px;
  color: #ffffff;
  line-height: normal;
  font-family: "robotobold", Arial, sans-serif;
}

.timeline-day .info-box .info-box-show .info-box-show-info,
.timeline-letter .info-box .info-box-show .info-box-show-info {
  margin-bottom: 2px;
  color: #ffffff;
  display: none;
}

.timeline-day .info-box .info-box-show .info-box-show-link .tickets-available,
.timeline-letter .info-box .info-box-show .info-box-show-link .tickets-available {
  display: inline-block;
  padding: 2px 7px;
  border: 1px solid;
  border-color: #ffffff;
  border-radius: 3px;
  color: #ffffff;
  transition: all 0.4s ease-in-out;
  background-color: #000000;
}

.timeline-day .info-box .info-box-show .info-box-show-link .tickets-available:hover,
.timeline-letter .info-box .info-box-show .info-box-show-link .tickets-available:hover {
  border-color: #000000;
  color: #000000;
  background-color: #ffffff;
}

.timeline-day .info-box .info-box-show .info-box-show-link .few-tickets-available,
.timeline-letter .info-box .info-box-show .info-box-show-link .few-tickets-available {
  display: inline-block;
  padding: 2px 7px;
  border: 1px solid;
  border-color: #ffffff;
  border-radius: 3px;
  color: #ffffff;
  transition: all 0.4s ease-in-out;
  background-color: #000000;
}

.timeline-day .info-box .info-box-show .info-box-show-link .few-tickets-available:hover,
.timeline-letter .info-box .info-box-show .info-box-show-link .few-tickets-available:hover {
  border-color: #000000;
  color: #000000;
  background-color: #ffffff;
}

.timeline-day .info-box .info-box-show .no-tickets-available,
.timeline-letter .info-box .info-box-show .no-tickets-available {
  color: #ff4040;
}

.calendar-timeline-letters.clearfix {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 7px -3px #6b6969;
}

ul.timeline-letters-list {
  display: -ms-flexbox;
  -ms-flex-align: center;
  display: flex;
}

ul.timeline-letters-list {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}

li.timeline-letter {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #fff;
  margin: 0 5px;
  min-width: 10px;
  position: relative;
}

.flag-status {
  color: #f35764;
  font-size: 11px;
  /*    letter-spacing: 3.4px;*/
  line-height: 22px;
}

.event-info .flag-status {
  color: #f35764;
  border: 2px solid #f35764;
}

.dob-double-button.red-color {
  border: 2px solid #f35764;
}

.dob-double-button.red-color:hover {
  background: transparent;
}

.further-events .flag-status {
  color: #f35764;
  text-transform: none;
  font-size: 18px;
  line-height: 22px;
  /*    letter-spacing: 1.25px;*/
  /*    padding-top: 15px;*/
  padding-right: 1px;
}

@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .page-production #calendar-timeline-footer .container-main.sticky-calendar {
    margin-top: 0px;
  }
}
@media screen and (min-width: 375px) {
  .months-wrapper {
    min-width: 250px;
  }
  .calendar-timeline {
    padding-bottom: 21px;
  }
}
/*
//768
@media screen and (min-width: 768px){


    .calendar-timeline{
        background-color: #efefef;

        .calendar-timeline__body {
            border-bottom: 0;
            .timeline_wrapper{
                display: flex;
                max-width: 85%;
            }
            .calendar-months_wrapper{
                padding: 15px 0 16px 0;

                .calendar-months {
                    width: initial;
                }
            }
            :after{
                right: 110px;
            }
        }


        .calendar-timeline__header {
            height: 80px;
        }

        .calendar-timeline-title {
            visibility: visible;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            text-align: center;
            pointer-events: none;
            margin: 16px auto;
            color: #ffffff;
        }
        .calendar-timeline__footer{

            .container-main{
                .search-wrapper,
                .mobile-search-opener,
                .location-select,
                .category-select{
                    height: 60px;
                }

                .search-wrapper{
                    margin: 5px auto 0;
                    max-width: 666px;

                    .search-input-wrapper{
                        input{
                            font-size: 20px;
                            padding-left: 27px;
                            width: calc(100% - 60px);
                        }
                        .search-icon-wrapper{
                            width: 60px;
                            a img{
                                height: 28px;
                            }
                        }
                    }
                }
                .mobile-search-opener{
                    width: 63px;
                    display: none;
                }
                .mobile-more-search{
                    max-width: 666px;
                    .selection-tool .selection-inner{

                        .category-displayer,
                        .location-displayer{
                            font-size: 20px;
                            padding-left: 30px;
                        }
                        .list li{
                            font-size: 20px;
                        }
                    }
                }
            }
        }

        .timeline-button, .month-button{
            svg{
                width:16px;
            }
        }
    }

}

//1024
@media screen and (min-width: 1024px) {

    .calendar-timeline{


        .calendar-timeline__body {

            &:after{
                top: -64px;
                right: 96px;
                border: 32px solid transparent;
                border-bottom: 32px solid #000000;
            }

            &.sticky-calendar:after {
                top: -27px;
            }

            .calendar-months_wrapper{
                padding: 26px 0 35px;
                .months-wrapper {
                    min-width: 280px;

                    .timeline-month{
                        font-size: 15px;
                    }
                }
            }

            .timeline_wrapper {
                width: 90%;
                margin-bottom: 22px;
                padding: 32px 2px 2px 2px;
                max-width: 1115px;
            }

        }

        .calendar-timeline__footer{

            .container-main{
                width: 90%;
                max-width: 1100px;
                margin-bottom: 0px;
            }
        }
    }
}

@media screen and (min-width: 1200px) {
    .calendar-timeline{
        .calendar-timeline__body{

            .calendar-months_wrapper{

                padding-bottom: 22px;
                .months-wrapper {
                    min-width: 347px;

                    .timeline-month{
                        font-size: 18px;
                    }
                }
            }
            .timeline_wrapper{
                width: 95%;
                padding-top: 32px;
                padding-bottom: 0px;

                .timeline{
                    ul.days{
                        .timeline-day {
                            margin: 0px 16px;
                            min-width: 32px;

                            .day{
                                font-size: 14px;
                                line-height: 23px;
                            }
                            .date{
                                font-size: 24px;
                                line-height: 16px;
                                font-weight: normal;
                            }
                        }
                    }
                }
            }

            .timeline-button, .month-button{
                svg{
                    width:20px;
                }
            }
        }
        .calendar-timeline__footer{
            .container-main{
                width: 95%;
            }
        }
    }
}

@media screen and (min-width: 1400px) {
    .calendar-timeline{
        .calendar-timeline__body {

            .calendar-months_wrapper{
                padding: 23px 0;
            }
            &:after{
                right: 104px;
            }
            &.sticky-calendar:after {
                top: -45px;
            }

                header .menu .cb-event-search-container .calendar-timeline__body.sticky-calendar:after {
                    top: -12px !important;
                    height: 25px !important;
                    width: 25px !important;
                    right: 124px !important;
                }

            .timeline_wrapper {
                max-width: 1200px;
                padding-top: 35px;
                margin-bottom: 17px;
            }
        }

        .calendar-timeline__footer{
            .container-main{
                width: initial;
                max-width: initial;
                .search-wrapper .search-input-wrapper input {
                    padding-left: 19px;
                }
            }
        }
        .months-wrapper {
            min-width: 346px;
        }
    }

    .month-button svg,
    .timeline-button svg {
        height: 45px;
        width: 45px;
    }

    span.month {
        font-size: 19px;
    }
}*/
.page-production .media-container img {
  width: 100%;
  height: 700px;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .page-production .media-container img {
    height: initial;
    object-fit: initial;
  }
}
.page-production .landing-page-blog-container .landing-page-blog-container-1 {
  padding-bottom: 0;
}
.page-production .landing-page-blog-container .landing-page-blog-container-5 {
  padding: 0 0 80px 0;
}
.page-production .media-wrapper {
  /*max-width: 1600px;*/
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  position: relative;
}
.page-production .media-wrapper .landing_page_carousel {
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner {
  text-align: center;
  /*                height: 800px;*/
  max-width: 100vw;
}
@media screen and (min-width: 768px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner {
    aspect-ratio: 1.89;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item {
  height: 100%;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item img {
  transition: all 0.4s ease-in-out;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .video-js {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  /*                        .vjs-tech {
                              width: auto;
                              height: 100%;
                              left: 50%;
                              top: 50%;
                              transform: translate(-50%, -50%);

                              @media screen and (min-width: $media-1024){
                                  width: 100%;
                                  height: auto;
                              }

                          }*/
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .dob_logo {
  display: none;
}
@media screen and (min-width: 768px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .dob_logo {
    display: block;
    flex: 1;
    margin-left: 18px;
    height: 100%;
    text-align: left;
  }
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .dob_logo svg {
    height: 100%;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .dob_logo.no_logo {
  display: none;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner {
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner {
    width: 66.13%;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner.no_logo {
  width: 100%;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .image_copyright {
  position: absolute;
  color: white;
  right: 0px;
  bottom: 0;
  padding: 2px 5px;
  background-color: #363636;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 18px;
  hyphens: auto;
  display: block;
  text-align: right;
  z-index: 9;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background {
  width: 100%;
  height: 600px;
  aspect-ratio: 0.557;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background {
    display: block;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background {
    aspect-ratio: inherit;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-1 {
  background-color: #D2460A;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-2 {
  background-color: #E10F82;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-3 {
  background-color: #AF143C;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-4 {
  background-color: #A03296;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-5 {
  background-color: #0064BE;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-6 {
  background-color: #007878;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-7 {
  background-color: #008700;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-8 {
  background-color: #DC001E;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-9 {
  background-color: #E1FF0F;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-10 {
  background-color: #000;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background.bg-11 {
  background-color: #ffffff;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background .carousel_item_gif {
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 5;
  mix-blend-mode: darken;
}
@media screen and (min-width: 768px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .item_wrapper .item_inner .carousel_item_background .carousel_item_gif {
    background-position: center center;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text {
  /*                        @include box-style(transparent);*/
  background: transparent;
  position: absolute;
  bottom: 2vh;
  width: calc(100% - 3vw);
  margin: 0 1.5vw;
  border-radius: 20px;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text {
    right: 1.5vw;
    width: calc(100% - 50px);
    margin: 0;
    max-width: 952px;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  text-align: left;
  z-index: 9;
  padding: 20px;
  width: 100%;
  flex-wrap: wrap;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text > div {
  flex-shrink: 1;
  flex-basis: 33.3%;
  flex-grow: 3;
  line-height: 1.5;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text > div:last-child {
  text-align: right;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .media-container__title {
  hyphens: auto;
  font-family: "GravityVariable";
  line-height: 1;
  letter-spacing: 0.02em;
  font-variation-settings: "wdth" 59;
  font-size: 35px;
  flex-basis: 100%;
}
@media screen and (min-width: 1280px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .media-container__title {
    font-size: 70px;
    flex-basis: initial;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .media-container__event-title,
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .media-container__subtitle {
  font-size: 18px;
}
@media screen and (min-width: 1280px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .media-container__event-title,
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .media-container__subtitle {
    font-size: 24px;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .media-container__event-title,
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .media-container__subtitle {
  /*                                padding-top: 8px;*/
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .owl-media-container__buttons {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  flex-basis: auto;
  flex-shrink: 3;
  flex-grow: 0;
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .owl-media-container__buttons a {
  background: white;
  /*    border: 1px solid rgba(0, 0, 0, 0.2);*/
  border-radius: 20px;
  box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 9px;
}
@media screen and (min-width: 1024px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .owl-media-container__buttons a {
    border-radius: 24px;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .owl-media-container__buttons a .box-text {
  padding: 11px;
  font-weight: 300;
  position: relative;
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  z-index: 9;
  /*        @if $bgcolor == black {
              color: $white;
          }*/
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .owl-media-container__buttons a {
  box-shadow: none;
  margin-top: 10px;
  text-align: center;
  white-space: nowrap;
  padding: 9px 15px 7px;
  font-size: 18px;
}
@media screen and (min-width: 1280px) {
  .page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .owl-media-container__buttons a {
    font-size: 24px;
  }
}
.page-production .media-wrapper .landing_page_carousel .carousel-inner .carousel-item .owl-media-container__text .box-text .owl-media-container__buttons .order-item-row {
  border: 1px #fff solid;
  padding: 10px;
  border-radius: 50%;
  aspect-ratio: 1;
}
.page-production .media-wrapper .landing_page_carousel .carousel-indicators {
  position: relative;
  gap: 6px;
  padding: 20px;
}
.page-production .media-wrapper .landing_page_carousel .carousel-indicators button {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  border: 1px black solid;
  background-color: black;
  opacity: 1;
}
.page-production .media-wrapper .landing_page_carousel .carousel-indicators button.active {
  width: 45px;
}
.page-production .program_detail_header {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 1024px) {
  .page-production .program_detail_header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-production .person-link {
  text-decoration: underline;
}
.page-production span.person-names {
  font-size: 24px;
  font-weight: normal !important;
}
.page-production .program-detail:not(.has_MediaContainer) {
  padding-top: 116px;
}
@media screen and (min-width: 768px) {
  .page-production .program-detail:not(.has_MediaContainer) {
    padding-top: 203px;
  }
}
.page-production .program-detail.page_with_media_container, .page-production .program-detail.has_media_container {
  padding-top: 120px;
}
@media screen and (min-width: 768px) {
  .page-production .program-detail.page_with_media_container, .page-production .program-detail.has_media_container {
    padding-top: 220px;
  }
}
.page-production .program-detail .program-detail__site-title {
  margin-bottom: 50px;
}
.page-production .program-detail .site-title-original {
  margin-bottom: 20px;
}
.page-production .program-detail h2 {
  font-size: 35px;
}
.page-production .program-detail .further-events-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .page-production .program-detail .further-events-container {
    margin-bottom: 110px;
  }
}
.page-production .program-detail .further-events-container .further-events-details-wrapper,
.page-production .program-detail .further-events-container .further-events-dates-wrapper {
  width: calc(50% - 8px);
}
.page-production .program-detail .further-events-container .further-events-dates-wrapper span {
  background: white;
  /*    border: 1px solid rgba(0, 0, 0, 0.2);*/
  border-radius: 20px;
  box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 9px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-dates-wrapper span {
    border-radius: 24px;
  }
}
.page-production .program-detail .further-events-container .further-events-dates-wrapper span .box-text {
  padding: 11px;
  font-weight: 300;
  position: relative;
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  z-index: 9;
  /*        @if $bgcolor == black {
              color: $white;
          }*/
}
.page-production .program-detail .further-events-container .further-events-dates-wrapper span {
  font-size: 17px;
  padding: 0 28px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-dates-wrapper span {
    font-size: 24px;
    height: 46px;
    display: inline-flex;
  }
}
.page-production .program-detail .further-events-container .further-events-dates-wrapper span {
  margin-bottom: 13px;
  margin-right: 13px;
  /*padding-left: 28px;*/
  /*padding-right: 28px;*/
  cursor: pointer;
  /*font-size: 17px;*/
  width: 100%;
  /*text-align: center;*/
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-dates-wrapper span {
    width: initial;
    /*font-size: 24px;*/
  }
}
.page-production .program-detail .further-events-container .further-events-dates-wrapper span:hover {
  background: #c2c2c2;
  color: var(--base-text-color);
}
.page-production .program-detail .further-events-container .further-events-dates-wrapper span.active {
  background: #000;
  color: #fff;
}
.page-production .program-detail .further-events-container .further-events-dates-wrapper span.active a {
  color: #fff;
  text-decoration: none !important;
}
.page-production .program-detail .further-events-container .further-events-details-wrapper .further-event {
  background: black;
  /*    border: 1px solid rgba(0, 0, 0, 0.2);*/
  border-radius: 20px;
  box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 9px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-details-wrapper .further-event {
    border-radius: 24px;
  }
}
.page-production .program-detail .further-events-container .further-events-details-wrapper .further-event {
  color: #fff;
}
.page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .box-text {
  padding: 11px;
  font-weight: 300;
  position: relative;
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  z-index: 9;
  /*        @if $bgcolor == black {
              color: $white;
          }*/
}
.page-production .program-detail .further-events-container .further-events-details-wrapper .further-event {
  padding: 15px;
  border-radius: 20px;
  display: none;
  margin-top: 1px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-details-wrapper .further-event {
    padding: 20px;
  }
}
.page-production .program-detail .further-events-container .further-events-details-wrapper .further-event.active {
  display: inline-block;
}
.page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner {
  display: flex;
  hyphens: auto;
  flex-direction: column;
  font-size: 17px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner {
    flex-direction: row;
    font-size: 24px;
    justify-content: space-between;
  }
  .page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner > div {
    flex-basis: 33.3%;
    flex-grow: 1;
    line-height: 1.4;
    hyphens: none;
  }
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner.noPriceUrl > div {
    flex-basis: 50%;
  }
}
.page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner .further-event-inner-title {
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner .further-event-inner-title {
    margin-bottom: 0;
  }
}
.page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner .further-event-inner-ticket {
  width: 100%;
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner .further-event-inner-ticket {
    text-align: right;
    margin-top: 0;
  }
}
.page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner .further-event-inner-ticket .btn-theme {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .further-events-container .further-events-details-wrapper .further-event .further-event-inner .further-event-inner-ticket .btn-theme {
    width: unset;
  }
}
.page-production .program-detail .states-wrapper {
  /*            margin: 20px 0px;*/
  margin: 26px 0px 37px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.page-production .program-detail .states-wrapper span {
  background: white;
  /*    border: 1px solid rgba(0, 0, 0, 0.2);*/
  border-radius: 20px;
  box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
  padding: 9px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .states-wrapper span {
    border-radius: 24px;
  }
}
.page-production .program-detail .states-wrapper span .box-text {
  padding: 11px;
  font-weight: 300;
  position: relative;
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  z-index: 9;
  /*        @if $bgcolor == black {
              color: $white;
          }*/
}
.page-production .program-detail .states-wrapper span {
  font-size: 14px;
  letter-spacing: 0.2px;
  padding: 6px 10px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .states-wrapper span {
    font-size: 17px;
    letter-spacing: 0.2px;
    padding: 9px 14px;
  }
}
.page-production .program-detail .detail-section {
  margin: 20px 0;
  margin: 40px 0 75px;
  font-family: "InterRegular";
}
.page-production .program-detail .detail-section h3 {
  font-family: "InterRegular";
}
.page-production .program-detail .programm-overview .column-style {
  display: flex;
  column-count: 3;
  flex-wrap: wrap;
  gap: 20px 2%;
  gap: 40px 40px;
  width: 100%;
}
.page-production .program-detail .programm-overview .column-style > div {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .programm-overview .column-style > div {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 568px) {
  .page-production .program-detail .programm-overview .column-style > div {
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .programm-overview .column-style > div {
    width: calc(33.33% - 27px);
  }
}
.page-production .program-detail .programm-overview .column-style > div span:not(.person-names) {
  font-family: "InterBold";
}
.page-production .program-detail .programm-overview .accordion#detail-info {
  padding: 0;
}
.page-production .program-detail .programm-overview .media_gallery {
  border-top: 1px black solid;
  border-radius: 0;
}
.page-production .program-detail .programm-overview .media_gallery #ShowGallery {
  margin-right: 90px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .programm-overview .media_gallery #ShowGallery {
    margin-right: 150px;
  }
}
.page-production .program-detail .programm-overview .media_gallery #ShowGallery button {
  border: none;
  padding: 20px 0;
  font-size: 35px;
  line-height: 35px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .programm-overview .media_gallery #ShowGallery button {
    font-size: 75px;
    line-height: 70px;
    padding: 32px 0;
  }
}
.page-production .program-detail .programm-overview .media_gallery #ShowGallery button:after {
  display: none;
}
.page-production .program-detail .programm-overview .media_gallery #collapseShowGallery {
  width: calc(100% + 30px);
  transform: translate(-15px);
  border-bottom: none;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .programm-overview .media_gallery #collapseShowGallery {
    width: calc(100% + 40px);
    transform: translate(-20px);
  }
}
.page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .item img {
  height: 228px !important;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .item img {
    height: inherit !important;
  }
}
.page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .item .gallery-caption {
  position: absolute;
  color: white;
  right: 0px;
  bottom: 0;
  padding: 2px 5px;
  background-color: #363636;
  letter-spacing: 0;
  font-size: 11px;
  line-height: 18px;
  hyphens: auto;
  display: block;
  text-align: right;
  z-index: 9;
}
.page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .owl-nav {
  position: absolute;
  top: -53px;
  right: 28px;
  display: flex;
  gap: 32px;
  z-index: 99999999;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .owl-nav {
    top: -90px;
    right: 18px;
    gap: 50px;
  }
}
.page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .owl-nav button {
  background-image: url(../images/icon_arrow-left-black.svg);
  height: 28px;
  width: 17px;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .owl-nav button {
    height: 46px;
    width: 28px;
  }
}
.page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .owl-nav button.disabled {
  opacity: 0.2;
}
.page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .owl-nav button.owl-prev {
  transform: rotate(180deg);
}
.page-production .program-detail .programm-overview .media_gallery #collapseShowGallery .owl-nav button span {
  display: none;
}
.page-production .program-detail .programm-overview .further-events-container-staff {
  border-top: 1px solid black;
}
.page-production .program-detail .small-headline-container h3 {
  margin-bottom: 20px;
}
.page-production .program-detail .program-sponsor-logos {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
  gap: 40px;
}
.page-production .program-detail .recommendations_wrapper {
  margin-bottom: 50px;
}
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text .owl-nav,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text_picture .owl-nav,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_magazin .owl-nav {
  position: absolute;
  top: -56px;
  right: 28px;
  display: flex;
  gap: 32px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text .owl-nav,
  .page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text_picture .owl-nav,
  .page-production .program-detail .recommendations_wrapper .landing_page_blog_view_magazin .owl-nav {
    top: -90px;
    right: 18px;
    gap: 50px;
  }
}
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text .owl-nav button,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text_picture .owl-nav button,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_magazin .owl-nav button {
  background-image: url(../images/icon_arrow-left-black.svg);
  height: 28px;
  width: 17px;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text .owl-nav button,
  .page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text_picture .owl-nav button,
  .page-production .program-detail .recommendations_wrapper .landing_page_blog_view_magazin .owl-nav button {
    height: 46px;
    width: 28px;
  }
}
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text .owl-nav button.disabled,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text_picture .owl-nav button.disabled,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_magazin .owl-nav button.disabled {
  opacity: 0.2;
}
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text .owl-nav button.owl-prev,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text_picture .owl-nav button.owl-prev,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_magazin .owl-nav button.owl-prev {
  transform: rotate(180deg);
}
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text .owl-nav button span,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_text_picture .owl-nav button span,
.page-production .program-detail .recommendations_wrapper .landing_page_blog_view_magazin .owl-nav button span {
  display: none;
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture {
  position: relative;
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .image-wrapper img {
  aspect-ratio: 11.2/16;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .image-wrapper img {
    object-fit: inherit;
    aspect-ratio: inherit;
  }
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper {
  position: absolute;
  width: 40%;
  width: calc(100% - 30px);
  min-height: 50%;
  bottom: 15px;
  right: 15px;
  background: transparent;
  padding: 30px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
@media screen and (min-width: 768px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper {
    min-height: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper {
    width: calc(50% - 10px);
    height: 100%;
    top: 0;
    right: 0;
    bottom: inherit;
  }
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper p {
  font-size: 18px;
}
@media screen and (min-width: 1280px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper p {
    font-size: 24px;
  }
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle {
  background: transparent;
  color: white;
  width: auto;
  padding: 0;
  margin-bottom: 12px;
  display: flex;
  justify-content: start;
  gap: 8px;
  box-shadow: none;
  border: none;
  flex-wrap: wrap;
  font-size: 18px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle {
    font-size: 20px;
  }
}
@media screen and (min-width: 1512px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle {
    font-size: 24px;
  }
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle span {
  padding: 5px 10px;
  width: auto;
  border-radius: 30px;
  background-color: transparent;
  color: #000;
  font-size: 18px;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle span {
    font-size: 20px;
  }
}
@media screen and (min-width: 1512px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle span {
    font-size: 24px;
  }
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper .blog_item_title {
  font-family: "GravityVariable";
  font-variation-settings: "wdth" 59;
  font-size: 35px;
  line-height: 35px;
}
@media screen and (min-width: 1280px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper .blog_item_title {
    font-size: 55px;
    line-height: 55px;
  }
}
@media screen and (min-width: 1512px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture .article-wrapper .blog_item_title {
    font-size: 75px;
    line-height: 75px;
  }
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture {
  /*blog-item-color-1 
  helle Schrift (gelb)*/
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .article-wrapper {
  color: #E1FF00;
  background: #000;
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .subtitle span {
  box-shadow: 0px 0px 4px 0px #E1FF00;
  color: #E1FF00;
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .article-links .btn-theme {
  background-color: #E1FF00;
  font-size: 18px;
  height: 40px;
}
@media screen and (min-width: 1280px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .article-links .btn-theme {
    font-size: 24px;
    height: 49px;
  }
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture {
  /*blog-item-color-2 
  helle Schrift (schwarz)*/
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture.blog-item-color-2 .subtitle span {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3490196078);
}
.page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture.blog-item-color-2 .article-links .btn-theme {
  color: #E1FF00 !important;
  background-color: #000;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 18px;
  height: 40px;
}
@media screen and (min-width: 1280px) {
  .page-production .program-detail .recommendations_wrapper .landing-page-blog-unlimited-item-text-picture.blog-item-color-2 .article-links .btn-theme {
    font-size: 24px;
    height: 49px;
  }
}
.page-production .program-detail .section-title {
  font-family: "GravityVariable";
  font-variation-settings: "wdth" 59;
  font-size: 35px;
  line-height: 35px;
  padding: 20px 0;
  border-top: 1px solid #000;
  margin: 0 15px;
}
.page-production .program-detail .section-title svg {
  margin-top: -5px;
  height: 23px;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .page-production .program-detail .section-title {
    font-size: 75px;
    line-height: 70px;
    padding: 32px 0;
  }
  .page-production .program-detail .section-title svg {
    margin-top: -16px;
    height: inherit;
  }
}

.page-home .landing-page-blog-container .langing_page_big_link,
.page-production .landing-page-blog-container .langing_page_big_link {
  font-family: "GravityVariable";
  font-variation-settings: "wdth" 59;
  font-size: 29cqw;
  line-height: 0.89;
  letter-spacing: 0.005em;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .langing_page_big_link,
  .page-production .landing-page-blog-container .langing_page_big_link {
    letter-spacing: 0.008em;
  }
}
.page-home .landing-page-blog-container .langing_page_big_link,
.page-production .landing-page-blog-container .langing_page_big_link {
  border-top: 1px solid #000;
  /*display: flex;*/
  padding: 55px 0 35px 0;
  margin: 0 15px;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .langing_page_big_link,
  .page-production .landing-page-blog-container .langing_page_big_link {
    padding: 20px 0 30px 0;
  }
}
.page-home .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner,
.page-production .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner {
  display: flex;
  width: 100%;
  transition: 0.1s all;
}
.page-home .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner:after,
.page-production .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner:after {
  content: "";
  background-image: url(../images/icon_arrow-left-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-size: 28px;
  flex: 0 0 0.25em;
  min-width: 26px;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .page-home .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner:after,
  .page-production .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner:after {
    background-size: 64px;
    min-width: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner:after,
  .page-production .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner:after {
    background-size: 85px;
    min-width: 85px;
  }
}
@media screen and (min-width: 1512px) {
  .page-home .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner:after,
  .page-production .landing-page-blog-container .langing_page_big_link .langing_page_big_link_inner:after {
    background-size: 129px;
    min-width: 129px;
  }
}
.page-home .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView1,
.page-production .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView1 {
  font-size: 33.5cqw;
  padding: 55px 0 40px 0;
}
@media screen and (min-width: 768px) {
  .page-home .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView1,
  .page-production .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView1 {
    font-size: 35.9cqw;
    padding: 51px 0 24px 0;
  }
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView1,
  .page-production .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView1 {
    font-size: 36.1cqw;
    padding: 46px 0 1px 0;
  }
}
@media screen and (min-width: 1512px) {
  .page-home .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView1,
  .page-production .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView1 {
    padding: 42px 0 0 0;
    margin-bottom: -26px;
  }
}
.page-home .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView3,
.page-production .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView3 {
  font-size: 25.5cqw;
  padding: 57px 0 46px 0;
}
@media screen and (min-width: 768px) {
  .page-home .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView3,
  .page-production .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView3 {
    font-size: 26.6cqw;
    padding: 55px 0 29px 0;
  }
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView3,
  .page-production .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView3 {
    font-size: 26.6cqw;
    padding: 52px 0 18px 0;
  }
}
@media screen and (min-width: 1512px) {
  .page-home .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView3,
  .page-production .landing-page-blog-container .langing_page_big_link.langing_page_big_link_BlogView3 {
    padding: 48px 0 0 0;
  }
}
.page-home .landing-page-blog-container .langing_page_big_link_as_svg,
.page-production .landing-page-blog-container .langing_page_big_link_as_svg {
  padding: 0 0 80px 0;
}
.page-home .landing-page-blog-container .langing_page_big_link_as_svg .svg_wrapper,
.page-production .landing-page-blog-container .langing_page_big_link_as_svg .svg_wrapper {
  padding: 35px 0;
  background-color: #E1FF00;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .langing_page_big_link_as_svg .svg_wrapper,
  .page-production .landing-page-blog-container .langing_page_big_link_as_svg .svg_wrapper {
    padding: 0;
  }
}
.page-home .landing-page-blog-container .langing_page_big_link_as_svg .svg_wrapper svg,
.page-production .landing-page-blog-container .langing_page_big_link_as_svg .svg_wrapper svg {
  width: 100vw;
  height: auto;
}
.page-home .landing-page-blog-container .section-title,
.page-production .landing-page-blog-container .section-title {
  font-family: "GravityVariable";
  font-variation-settings: "wdth" 59;
  font-size: 35px;
  line-height: 35px;
  padding: 20px 0;
  border-top: 1px solid #000;
  margin: 0 15px;
}
.page-home .landing-page-blog-container .section-title svg,
.page-production .landing-page-blog-container .section-title svg {
  margin-top: -5px;
  height: 23px;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .section-title,
  .page-production .landing-page-blog-container .section-title {
    font-size: 75px;
    line-height: 70px;
    padding: 32px 0;
  }
  .page-home .landing-page-blog-container .section-title svg,
  .page-production .landing-page-blog-container .section-title svg {
    margin-top: -16px;
    height: inherit;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-container-1,
.page-home .landing-page-blog-container .landing-page-blog-container-2,
.page-home .landing-page-blog-container .landing-page-blog-container-3,
.page-home .landing-page-blog-container .landing-page-blog-container-4,
.page-production .landing-page-blog-container .landing-page-blog-container-1,
.page-production .landing-page-blog-container .landing-page-blog-container-2,
.page-production .landing-page-blog-container .landing-page-blog-container-3,
.page-production .landing-page-blog-container .landing-page-blog-container-4 {
  padding: 0 0 60px 0;
}
.page-home .landing-page-blog-container .landing_page_blog_view_text .owl-nav,
.page-home .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav,
.page-production .landing-page-blog-container .landing_page_blog_view_text .owl-nav,
.page-production .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav {
  display: flex !important;
  position: absolute;
  top: -53px;
  right: 28px;
  display: flex;
  gap: 32px;
  z-index: 99999999;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing_page_blog_view_text .owl-nav,
  .page-home .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav,
  .page-production .landing-page-blog-container .landing_page_blog_view_text .owl-nav,
  .page-production .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav {
    top: -90px;
    right: 18px;
    gap: 50px;
  }
}
.page-home .landing-page-blog-container .landing_page_blog_view_text .owl-nav button,
.page-home .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button,
.page-production .landing-page-blog-container .landing_page_blog_view_text .owl-nav button,
.page-production .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button {
  background-image: url(../images/icon_arrow-left-black.svg);
  height: 28px;
  width: 17px;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing_page_blog_view_text .owl-nav button,
  .page-home .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button,
  .page-production .landing-page-blog-container .landing_page_blog_view_text .owl-nav button,
  .page-production .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button {
    height: 46px;
    width: 28px;
  }
}
.page-home .landing-page-blog-container .landing_page_blog_view_text .owl-nav button.disabled,
.page-home .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button.disabled,
.page-production .landing-page-blog-container .landing_page_blog_view_text .owl-nav button.disabled,
.page-production .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button.disabled {
  opacity: 0.2;
}
.page-home .landing-page-blog-container .landing_page_blog_view_text .owl-nav button.owl-prev,
.page-home .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button.owl-prev,
.page-production .landing-page-blog-container .landing_page_blog_view_text .owl-nav button.owl-prev,
.page-production .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button.owl-prev {
  transform: rotate(180deg);
}
.page-home .landing-page-blog-container .landing_page_blog_view_text .owl-nav button span,
.page-home .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button span,
.page-production .landing-page-blog-container .landing_page_blog_view_text .owl-nav button span,
.page-production .landing-page-blog-container .landing_page_blog_view_magazin .owl-nav button span {
  display: none;
}
.page-home .landing-page-blog-container .landing-page-blog-container-2,
.page-home .landing-page-blog-container .landing-page-blog-container-5,
.page-production .landing-page-blog-container .landing-page-blog-container-2,
.page-production .landing-page-blog-container .landing-page-blog-container-5 {
  margin: 0 0 0 18px;
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture {
  position: relative;
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .image-wrapper,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .image-wrapper {
  position: relative;
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .image-wrapper .img_copyright,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .image-wrapper .img_copyright {
  position: absolute;
  left: 0;
  bottom: -20px;
  font-size: 14px;
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper {
  padding: 14px 0 0 0;
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle {
  background: transparent;
  color: white;
  width: auto;
  padding: 0;
  margin-bottom: 15px;
  display: flex;
  justify-content: start;
  gap: 10px;
  padding: 5px 3px;
  flex-wrap: wrap;
  font-size: 18px;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle,
  .page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle {
    font-size: 20px;
  }
}
@media screen and (min-width: 1512px) {
  .page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle,
  .page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle {
    font-size: 24px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle.placeholder_height,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle.placeholder_height {
  padding: 0;
  margin: 0;
  height: 63px;
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle span,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle span {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2509803922);
  color: #000;
  width: auto;
  background-color: transparent;
  border-radius: 2em;
  padding: 0 12px;
  font-size: 14px;
  min-height: 30px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle span,
  .page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle span {
    font-size: 18px;
    height: 38px;
    /*min-height: 40px;*/
  }
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle span:before, .page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle span:after,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle span:before,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .subtitle span:after {
  display: none;
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .blog_item_title,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .blog_item_title {
  font-family: "GravityVariable";
  font-variation-settings: "wdth" 59;
  font-size: 35px;
  line-height: 35px;
  object-position: top left;
  margin-bottom: 13px;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .blog_item_title,
  .page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .blog_item_title {
    font-size: 55px;
    line-height: 52px;
    margin-bottom: 20px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .description p,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .description p {
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .description p,
  .page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .description p {
    margin-bottom: 15px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .article-links,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .article-links {
  padding: 0 0 5px 3px;
}
.page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .article-links .btn-theme,
.page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .article-links .btn-theme {
  font-size: 18px;
  height: 40px;
}
@media screen and (min-width: 1280px) {
  .page-home .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .article-links .btn-theme,
  .page-production .landing-page-blog-container .landing-page-blog-magazin-item-text-picture .article-wrapper .article-links .btn-theme {
    font-size: 24px;
    height: 49px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture {
  position: relative;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-1,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-1 {
  background-color: #D2460A;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-2,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-2 {
  background-color: #E10F82;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-3,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-3 {
  background-color: #AF143C;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-4,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-4 {
  background-color: #A03296;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-5,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-5 {
  background-color: #0064BE;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-6,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-6 {
  background-color: #007878;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-7,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-7 {
  background-color: #008700;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-8,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-8 {
  background-color: #DC001E;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-9,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-9 {
  background-color: #E1FF0F;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-10,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-10 {
  background-color: #000;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-11,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-background-color-11 {
  background-color: #ffffff;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture {
  /*            .image-wrapper{

                  img{
                      aspect-ratio: 11.2 / 16;
                      object-fit: cover;

                      @media screen and (min-width: $media-1024){
                          object-fit: inherit;
                          aspect-ratio: inherit;
                      }
                  }

              }*/
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper {
  aspect-ratio: 0.7;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper {
    aspect-ratio: 1.4;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper a,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper a {
  aspect-ratio: 1/1;
  display: block;
  width: auto;
  height: 60%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper a,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper a {
    height: 100%;
    display: flex;
    align-items: center;
    margin: inherit;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper a img,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper a img {
  aspect-ratio: inherit;
  object-fit: inherit;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper a img,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper a img {
    height: 76%;
    width: inherit;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper .img_copyright,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .image-wrapper .img_copyright {
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper {
  position: absolute;
  width: 40%;
  width: calc(100% - 30px);
  /*min-height: 50%;*/
  bottom: 30px;
  right: 15px;
  background: transparent;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
@media screen and (min-width: 768px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper {
    min-height: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper {
    width: calc(50% - 10px);
    height: 100%;
    top: 0;
    right: 0;
    bottom: inherit;
    bottom: 15px;
    padding: 30px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper p,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper p {
  font-size: 18px;
  margin-bottom: 8px;
}
@media screen and (min-width: 1280px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper p,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper p {
    font-size: 24px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle {
  background: transparent;
  color: white;
  width: auto;
  padding: 0;
  margin-bottom: 13px;
  display: flex;
  justify-content: start;
  gap: 8px;
  box-shadow: none;
  border: none;
  flex-wrap: wrap;
  font-size: 18px;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle {
    font-size: 20px;
  }
}
@media screen and (min-width: 1512px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle {
    font-size: 24px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle span,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle span {
  width: auto;
  border-radius: 30px;
  background-color: transparent;
  color: #000;
  padding: 0 12px;
  font-size: 14px;
  min-height: 30px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle span,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .subtitle span {
    font-size: 18px;
    height: 38px;
    /*min-height: 40px;*/
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .blog_item_title,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .blog_item_title {
  font-family: "GravityVariable";
  font-variation-settings: "wdth" 59;
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 0;
}
@media screen and (min-width: 1280px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .blog_item_title,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .blog_item_title {
    font-size: 55px;
    line-height: 55px;
  }
}
@media screen and (min-width: 1512px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .blog_item_title,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture .article-wrapper .blog_item_title {
    font-size: 75px;
    line-height: 75px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture {
  /*blog-item-color-1 
  helle Schrift (gelb)*/
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .article-wrapper,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .article-wrapper {
  color: #E1FF00;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .subtitle span,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .subtitle span {
  box-shadow: 0px 0px 4px 0px #E1FF00;
  color: #E1FF00;
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .article-links .btn-theme,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .article-links .btn-theme {
  background-color: #E1FF00;
  font-size: 18px;
  height: 40px;
}
@media screen and (min-width: 1280px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .article-links .btn-theme,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-1 .article-links .btn-theme {
    font-size: 24px;
    height: 49px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture {
  /*blog-item-color-2 
  helle Schrift (schwarz)*/
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-2 .subtitle span,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-2 .subtitle span {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3490196078);
}
.page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-2 .article-links .btn-theme,
.page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-2 .article-links .btn-theme {
  color: #E1FF00 !important;
  background-color: #000;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 18px;
  height: 40px;
}
@media screen and (min-width: 1280px) {
  .page-home .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-2 .article-links .btn-theme,
  .page-production .landing-page-blog-container .landing-page-blog-unlimited-item-text-picture.blog-item-color-2 .article-links .btn-theme {
    font-size: 24px;
    height: 49px;
  }
}
.page-home footer,
.page-production footer {
  margin-top: 50px;
  padding-top: 0;
}

.page-home .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav,
.page-production .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav {
  position: absolute;
  top: -53px;
  right: 28px;
  display: flex;
  gap: 32px;
  z-index: 99999999;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav,
  .page-production .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav {
    top: -90px;
    right: 18px;
    gap: 50px;
  }
}
.page-home .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button,
.page-production .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button {
  background-image: url(../images/icon_arrow-left-black.svg);
  height: 28px;
  width: 17px;
  background-position: center center;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button,
  .page-production .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button {
    height: 46px;
    width: 28px;
  }
}
.page-home .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button.disabled,
.page-production .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button.disabled {
  opacity: 0.2;
}
.page-home .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button.owl-prev,
.page-production .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button.owl-prev {
  transform: rotate(180deg);
}
.page-home .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button span,
.page-production .landing-page-blog-container .landing_page_blog_view_text_picture .owl-nav button span {
  display: none;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img),
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) {
  position: relative;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-1,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-1 {
  background-color: #D2460A;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-2,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-2 {
  background-color: #E10F82;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-3,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-3 {
  background-color: #AF143C;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-4,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-4 {
  background-color: #A03296;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-5,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-5 {
  background-color: #0064BE;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-6,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-6 {
  background-color: #007878;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-7,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-7 {
  background-color: #008700;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-8,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-8 {
  background-color: #DC001E;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-9,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-9 {
  background-color: #E1FF0F;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-10,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-10 {
  background-color: #000;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-11,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-background-color-11 {
  background-color: #ffffff;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper {
  aspect-ratio: 0.7;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper {
    aspect-ratio: 1.4;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper img,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper img {
  aspect-ratio: 11.2/16;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper img,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper img {
    object-fit: inherit;
    aspect-ratio: inherit;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper .img_copyright,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .image-wrapper .img_copyright {
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-size-3 .image-wrapper a,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-size-3 .image-wrapper a {
  aspect-ratio: 1/1;
  display: block;
  width: auto;
  height: 60%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-size-3 .image-wrapper a,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-size-3 .image-wrapper a {
    height: 100%;
    display: flex;
    align-items: center;
    margin: inherit;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-size-3 .image-wrapper a img,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-size-3 .image-wrapper a img {
  aspect-ratio: inherit;
  object-fit: inherit;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-size-3 .image-wrapper a img,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img).blog-item-size-3 .image-wrapper a img {
    height: 76%;
    width: inherit;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) p,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) p {
  font-size: 18px;
  margin-bottom: 8px;
}
@media screen and (min-width: 1280px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) p,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) p {
    font-size: 24px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .btn-theme,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .btn-theme {
  font-size: 18px;
  height: 40px;
}
@media screen and (min-width: 1280px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .btn-theme,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .btn-theme {
    font-size: 24px;
    height: 49px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper {
  position: absolute;
  width: 43%;
  width: calc(100% - 30px);
  /*min-height: 50%;*/
  bottom: 15px;
  right: 15px;
  background: transparent;
  padding: 15px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  /*height: 200px;*/
}
@media screen and (min-width: 768px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper {
    min-height: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper {
    width: 43%;
    height: calc(100% - 30px);
    top: 15px;
    right: 15px;
    bottom: inherit;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text {
  /*                        display: flex;
                          flex-direction: column;
                          height: 100%;*/
  flex-direction: column;
  /*position: absolute;*/
  /*left: 20px;*/
  /*height: calc(100% - 40px);*/
  /*top: 20px;*/
  width: calc(100% - 40px);
  display: flex;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text {
    height: 100%;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-content-wrapper,
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-links,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-content-wrapper,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-links {
  z-index: 9;
  position: relative;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle {
  background: transparent;
  color: white;
  width: auto;
  padding: 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: start;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle {
    font-size: 18px;
  }
}
@media screen and (min-width: 1512px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle {
    font-size: 24px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span {
  position: relative;
  background: transparent;
  color: white;
  padding: 0 10px;
  border: 2px solid transparent;
  border-radius: 2rem;
  cursor: pointer;
  z-index: 1;
  height: 30px;
  display: flex;
  align-items: center;
  /*    box-shadow: 3px 6px 20px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);*/
}
@media screen and (min-width: 768px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span {
    height: 38px;
  }
}
@media screen and (min-width: 1512px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span {
    height: 42px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span::before,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 1px;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0), #ffffff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span {
  padding: 0 12px;
  font-size: 14px;
  min-height: 30px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .subtitle span {
    font-size: 18px;
    height: 38px;
    /*min-height: 40px;*/
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .blog_item_title,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .blog_item_title {
  font-family: "GravityVariable";
  font-variation-settings: "wdth" 58;
  font-size: 35px;
  line-height: 35px;
  letter-spacing: 1%;
  margin-bottom: 0;
}
@media screen and (min-width: 1280px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .blog_item_title,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .blog_item_title {
    font-size: 55px;
    line-height: 55px;
    margin-bottom: 19px;
  }
}
@media screen and (min-width: 1512px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .blog_item_title,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .blog_item_title {
    font-size: 75px;
    line-height: 75px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-content-wrapper,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-content-wrapper {
  flex-grow: 1;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-content-wrapper .article-text,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-content-wrapper .article-text {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-content-wrapper .article-text .description,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-content-wrapper .article-text .description {
    margin-bottom: 18px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-links,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture:not(.no-img) .article-wrapper .box-text .article-links {
  margin-top: auto;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .blog_item_title,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .blog_item_title {
  font-family: "GravityVariable";
  font-variation-settings: "wdth" 59;
  font-size: 35px;
  margin-bottom: 5px;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .blog_item_title,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .blog_item_title {
    font-size: 48px;
    margin-bottom: 0;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img p,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img p {
  font-size: 18px;
  margin-bottom: 15px;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle {
  background: transparent;
  color: white;
  width: auto;
  padding: 0;
  margin-bottom: 9px;
  display: flex;
  justify-content: start;
  gap: 10px;
  padding: 5px 3px;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle {
    margin-bottom: 7px;
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2509803922);
  color: #000;
  width: auto;
  background-color: transparent;
  border-radius: 2em;
  padding: 0 12px;
  font-size: 14px;
  min-height: 30px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span {
    font-size: 18px;
    height: 38px;
    /*min-height: 40px;*/
  }
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span:before, .page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span:after,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span:before,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span:after {
  display: none;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span.unlimited,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .subtitle span.unlimited {
  background-color: #E1FF00;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .article-links,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .article-links {
  padding: 0 0 5px 3px;
}
.page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .article-links .btn-theme,
.page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .article-links .btn-theme {
  font-size: 18px;
  height: 40px;
}
@media screen and (min-width: 1280px) {
  .page-home .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .article-links .btn-theme,
  .page-production .landing-page-blog-container .landing-page-blog-item-text-picture.no-img .article-links .btn-theme {
    font-size: 24px;
    height: 49px;
  }
}

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