@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 .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 .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 */