@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro/SourceSansPro-SemiBold.woff2") format("woff2"), url("../fonts/SourceSansPro/SourceSansPro-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro/SourceSansPro-Bold.woff2") format("woff2"), url("../fonts/SourceSansPro/SourceSansPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.woff2") format("woff2"), url("../fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro/SourceSansPro-Italic.woff2") format("woff2"), url("../fonts/SourceSansPro/SourceSansPro-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro/SourceSansPro-Regular.woff2") format("woff2"), url("../fonts/SourceSansPro/SourceSansPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro/SourceSansPro-BoldItalic.woff2") format("woff2"), url("../fonts/SourceSansPro/SourceSansPro-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
#default-color {
  background-color: #465767;
  display: none;
}

#editor {
  color: #505050;
  font-family: "Source Sans Pro", sans-serif;
}
#editor .content-closed {
  color: #306a97;
}
#editor a {
  color: #306a97;
}
#editor a:hover, #editor a:active, #editor a:focus {
  color: #cc3a3e;
}
#editor #editor-toggle-button svg path {
  fill: #306a97;
}
#editor .editor-open-tab h3 {
  color: #306a97;
}
#editor .editor-open-tab .accordion-item button.accordion-button span.accordion-button-text {
  color: #505050;
}
#editor .editor-open-tab .bootstrap-switch.bootstrap-switch-on {
  background-color: #306a97 !important;
}

/* 
@font-face {
    font-family: 'Suisse';
    src: url('../../media/fonts/swisstypefaces/SuisseIntl-Book-Web/XL/SuisseIntl-Book-WebXL.woff2') format('woff2'),
        url('../../media/fonts/swisstypefaces/SuisseIntl-Book-Web/XL/SuisseIntl-Book-WebXL.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Suisse';
    src: url('../../media/fonts/swisstypefaces/SuisseIntl-BookItalic-Web/XL/SuisseIntl-BookItalic-WebXL.woff2') format('woff2'),
        url('../../media/fonts/swisstypefaces/SuisseIntl-BookItalic-Web/XL/SuisseIntl-BookItalic-WebXL.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Suisse';
    src: url('../../media/fonts/swisstypefaces/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff2') format('woff2'),
        url('../../media/fonts/swisstypefaces/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Suisse';
    src: url('../../media/fonts/swisstypefaces/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff2') format('woff2'),
        url('../../media/fonts/swisstypefaces/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Suisse';
    src: url('../../media/fonts/swisstypefaces/SuisseIntl-Medium-Web/XL/SuisseIntl-Medium-WebXL.woff2') format('woff2'),
        url('../../media/fonts/swisstypefaces/SuisseIntl-Medium-Web/XL/SuisseIntl-Medium-WebXL.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Suisse';
    src: url('../../media/fonts/swisstypefaces/SuisseIntl-MediumItalic-Web/XL/SuisseIntl-MediumItalic-WebXL.woff2') format('woff2'),
        url('../../media/fonts/swisstypefaces/SuisseIntl-MediumItalic-Web/XL/SuisseIntl-MediumItalic-WebXL.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Suisse-bold';
    src: url('../../media/fonts/swisstypefaces/SuisseIntl-SemiBold-Web/XL/SuisseIntl-SemiBold-WebXL.woff2') format('woff2'),
        url('../../media/fonts/swisstypefaces/SuisseIntl-SemiBold-Web/XL/SuisseIntl-SemiBold-WebXL.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Suisse';
    src: url('../../media/fonts/swisstypefaces/SuisseIntl-SemiBoldItalic-Web/XL/SuisseIntl-SemiBoldItalic-WebXL.woff2') format('woff2'),
        url('../../media/fonts/swisstypefaces/SuisseIntl-SemiBoldItalic-Web/XL/SuisseIntl-SemiBoldItalic-WebXL.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

*/
@font-face {
  font-family: "DroidSerif";
  src: url("../../media/fonts/DroidSerif/DroidSerif.woff2") format("woff2"), url("../../media/fonts/DroidSerif/DroidSerif.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "SuisseMedium";
  src: url("../../media/fonts/swisstypefaces/SuisseIntl-Medium-Web/XL/SuisseIntl-Medium-WebXL.woff2") format("woff2"), url("../../media/fonts/swisstypefaces/SuisseIntl-Medium-Web/XL/SuisseIntl-Medium-WebXL.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SuisseBold";
  src: url("../../media/fonts/swisstypefaces/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff2") format("woff2"), url("../../media/fonts/swisstypefaces/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SuisseBlack";
  src: url("../../media/fonts/swisstypefaces/SuisseIntl-Black-Web/XL/SuisseIntl-Black-WebXL.woff2") format("woff2"), url("../../media/fonts/swisstypefaces/SuisseIntl-Black-Web/XL/SuisseIntl-Black-WebXL.woff") format("woff");
  font-weight: 900;
}
.default-bg {
  background-color: #000000;
}

body, html {
  font-family: "SuisseBlack", "Roboto", Helvetica, Arial, sans-serif !important;
}
body h2, html h2 {
  text-transform: uppercase;
  font-size: 25px;
}
@media screen and (min-width: 992px) {
  body h2, html h2 {
    font-size: 30px;
  }
}
body h2.content__title, html h2.content__title {
  font-family: "SuisseBlack", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  body h2.content__title, html h2.content__title {
    font-size: 55px;
  }
}
body .content__subtitle, html .content__subtitle {
  font-size: 2rem;
  font-family: "SuisseBlack", Helvetica, Arial, sans-serif;
}
body #fullpage p, html #fullpage p {
  font-family: "DroidSerif", serif;
  font-size: 20px;
  line-height: 35px;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
body .fp-controlArrow.fp-next, html .fp-controlArrow.fp-next {
  border-right-width: 5px;
  border-bottom-width: 5px;
}
body .fp-controlArrow.fp-prev, html .fp-controlArrow.fp-prev {
  border-top-width: 5px;
  border-left-width: 5px;
}
body .section_arrow .nav_arrow ul li a span:after, html .section_arrow .nav_arrow ul li a span:after {
  border-bottom: 5px solid #fff;
  border-right: 5px solid #fff;
}
body .section_arrow.section_events .nav_arrow ul li a span::after, html .section_arrow.section_events .nav_arrow ul li a span::after {
  border-bottom: 5px solid #4d5d6b;
  border-right: 5px solid #4d5d6b;
}

/* #hero-video-loop {
    pointer-events: none;
} */
.default-bg {
  background-color: #000000;
}

.header__logo {
  margin-top: 26px;
}
@media screen and (min-width: 992px) {
  .header__logo {
    margin-left: -10px;
    margin-top: 32px;
  }
}
.header__logo img {
  max-width: 20rem;
}
.header__logo svg {
  max-width: 220px;
}
@media screen and (min-width: 992px) {
  .header__logo svg {
    max-width: 320px;
  }
}

body.fp-viewing-calendar-anchor .header__logo svg path, html.fp-viewing-calendar-anchor .header__logo svg path {
  fill: #000;
}

section.section_hero .hero__title {
  text-transform: uppercase;
}

span.picture__modal-button__subtitle {
  font-family: "DroidSerif";
  font-size: 20px !important;
}

.content-format {
  font-family: "DroidSerif";
  font-size: 20px !important;
  line-height: 35px;
}

section.accordion-section .accordion-item .accordion-header .accordion-button.collapsed span {
  display: block;
  font-family: "DroidSerif";
  font-size: 20px;
  line-height: 35px;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

.picure-section .fp-tableCell {
  vertical-align: top;
  padding-top: 25vh;
}
.picure-section .fp-tableCell .section__inner {
  padding-top: 0rem !important;
}
.picure-section .picture__modal-button__title {
  display: none;
}
.picure-section h4.toptitle {
  display: none;
}
.picure-section .picture__modal-button__subtitle {
  display: none;
}
.picure-section .picture__modal-button__alternative {
  display: block;
  text-shadow: 0 0 20px #000000;
}

.contact .contact__box {
  background: rgba(255, 255, 255, 0.4);
}
.contact .contact__title {
  text-transform: none;
}
.contact .contact__box__title {
  font-size: 2rem;
  color: white;
}
.contact .contact__box__address {
  display: block;
  font-family: "DroidSerif";
  margin-bottom: 10px;
  color: white;
}
.contact .contact__box__link-mail {
  color: white;
  transition: color 0.3s ease;
  font-family: "SuisseBold";
  font-weight: 900;
}
.contact .contact__box__link-mail:hover {
  color: black;
}
.contact span.link-icon__title {
  color: white;
  transition: color 0.3s ease;
}
.contact span.link-icon__title:hover {
  color: black;
}
.contact .link-icon rect#Rectangle {
  fill: white;
}
.contact .link-icon path#Path {
  fill: black;
}

.list_item_text.col-xs {
  font-family: "SuisseBold";
}

.calendar .calendar__title {
  color: #000;
  hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.calendar .event .event-col .event-info-container h2.event-title {
  text-transform: none !important;
}

.calendar .event .event-col .picture-container .event-date .date-day {
  margin: 5px 0 20px 0;
}

.calendar .event .event-col .event-info-container .category-label {
  color: white;
}

.calendar .event .event-col .picture-container .event-info-details .event-location a {
  color: white;
}

.calendar .event .event-col .picture-container .event-info-details .date-info {
  color: white;
}

h5.event-description.d-none.d-xl-block {
  font-family: "SuisseMedium";
}

.calendar .event .event-col .picture-container .event-info-details .event-location svg path {
  fill: white;
}

.calendar .event .event-col .picture-container .event-info-details .date-info svg path {
  fill: white;
}

.calendar .event .event-col .ticket-link {
  padding: 10px;
  width: fit-content;
}

.calendar .event .event-col .ticket-link svg {
  margin-right: 8px;
}

.calendar .event .event-col .ticket-link:hover {
  color: black;
  border: 2px solid white;
}

.calendar .event .event-col .ticket-link:hover svg path {
  fill: black;
}

.calendar .event .event-col .ticket-link {
  background: transparent;
  border: solid 2px;
  height: 45px;
  letter-spacing: 0;
}

.calendar .event .event-col .critique-link {
  border: 2px solid white;
  background: transparent;
}

.calendar .month-list button {
  color: black;
}

.calendar .month-list button {
  color: black;
}

.calendar .event.collapsed .event-col .event-info .event_date {
  display: none;
}

.calendar .event .event-col .picture-container .hover-gradient-layer {
  opacity: 0.3;
}

.calendar .event .event-col {
  /** ##### NO IMAGE IN BACKGROUND ######## **/
}
.calendar .event .event-col.no_bg_image .event-date .date-day, .calendar .event .event-col.hide_event_background .event-date .date-day {
  color: black;
}
.calendar .event .event-col.no_bg_image .category-label, .calendar .event .event-col.hide_event_background .category-label {
  color: black;
}
.calendar .event .event-col.no_bg_image .event-info-container .category-label, .calendar .event .event-col.hide_event_background .event-info-container .category-label {
  color: black;
}
.calendar .event .event-col.no_bg_image .critique-link, .calendar .event .event-col.hide_event_background .critique-link {
  background: black;
}
.calendar .event .event-col.no_bg_image .picture-container .event-info-details .date-info, .calendar .event .event-col.hide_event_background .picture-container .event-info-details .date-info {
  color: black !important;
}
.calendar .event .event-col.no_bg_image .picture-container .event-info-details .date-info svg path, .calendar .event .event-col.hide_event_background .picture-container .event-info-details .date-info svg path {
  fill: black !important;
}
.calendar .event .event-col.no_bg_image .picture-container .event-location a, .calendar .event .event-col.hide_event_background .picture-container .event-location a {
  color: black !important;
}
.calendar .event .event-col.no_bg_image .picture-container .event-location svg path, .calendar .event .event-col.hide_event_background .picture-container .event-location svg path {
  fill: black !important;
}

.calendar .event .event-col.no_bg_image:before {
  width: 10px;
  background-color: black;
}

.calendar .event .event-col.hide_event_background {
  color: black;
}

.calendar .event .event-col.no_bg_image .picture-container .date-day, .calendar .event .event-col.no_bg_image .picture-container .date-month {
  color: black;
}

.calendar .event .event-col.no_bg_image .event-info-container .category-label, .calendar .event .event-col.no_bg_image .event-info-container h2.event-title, .calendar .event .event-col.no_bg_image .event-info-container h5.event-description, .calendar .event .event-col.no_bg_image .event-info-container .event_date, .calendar .event .event-col.no_bg_image .event-info-container h4 {
  color: black;
}

.calendar .event .event-col.no_bg_image .event-info-container .category-label, .calendar .event .event-col.no_bg_image .event-info-container h2.event-title, .calendar .event .event-col.no_bg_image .event-info-container h5.event-description, .calendar .event .event-col.no_bg_image .event-info-container .event_date, .calendar .event .event-col.no_bg_image .event-info-container h4 {
  color: black;
}

.calendar .event .event-col.no_bg_image .event-info-container .category-label, .calendar .event .event-col.no_bg_image .event-info-container h2.event-title, .calendar .event .event-col.no_bg_image .event-info-container h5.event-description, .calendar .event .event-col.no_bg_image .event-info-container .event_date, .calendar .event .event-col.no_bg_image .event-info-container h4 {
  color: black;
}

.calendar .event .event-col.no_bg_image .picture-container .event-info-details .event-location a {
  color: black !important;
  font-family: "SuisseBold";
}

.calendar .event .event-col.no_bg_image .picture-container .event-info-details .date-info {
  color: black !important;
  font-family: "SuisseBold";
}

.calendar .event .event-col.no_bg_image .picture-container .event-info-details .event-location svg path {
  fill: black !important;
}

.calendar .event .event-col.no_bg_image .picture-container .event-info-details .date-info svg path {
  fill: black !important;
}

.calendar .event .event-col.no_bg_image .critique-link {
  border: 2px solid black;
  background: transparent;
  color: black;
}

.calendar .event .event-col.no_bg_image .critique-link svg path {
  fill: black;
}

.accordion .accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' transform ='rotate(90)'><path fill='none' stroke='%23FFF' stroke-linecap='miter' stroke-linejoin='miter' stroke-width='4' d='M5 14l6-6-6-6' /></svg>") !important;
}

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