/*
Theme Name: OsTende Child
Template: ostende
Theme URI: http://ostende.themerex.net/
Description: OsTende - excellent WordPress theme with many different blog and header layouts
Author: ThemeREX
Author URI: http://themerex.net/
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: ostende
*/

/* Theme customization starts here
------------------------------------------------------------ */

/* Fonts */
/* open-sans-300 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'),
    /* Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'),
    /* Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-600 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'),
    /* Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-700 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'),
    /* Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-800 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'),
    /* Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-300italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300italic.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff') format('woff'),
    /* Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'),
    /* Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-600italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.woff') format('woff'),
    /* Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}

/* open-sans-700italic - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'),
    /* Modern Browsers */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('./fonts/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700italic.svg#OpenSans') format('svg');
  /* Legacy iOS */
}


.entry-content {
  position: relative;
}

a.ics-all {
  height: 36px;
  width: 36px;
  display: block;
  background-image: url('/wp-content/plugins/kammerspiele-events/assets/css/ic_event_red_48dp.png');
  background-size: 100% auto;
  position: absolute;
  right: 6px;
  /* top: -28px; */
  top: -34px;
}

a.ics-all:hover {
  background-image: url('/wp-content/plugins/kammerspiele-events/assets/css/ic_event_grey_48dp.png');
}

.event.teaser {
  float: left;
  width: 370px;
  height: 290px;
  margin: 8px;
  background: #666;
  position: relative;
  overflow: hidden;
}

@media (max-width: 771px) {
  .event.teaser {
    width: calc(100% - 16px);
  }
}

.event.teaser.landscape {
  width: 755px;
}

.event.teaser.portrait {
  height: 596px;
}

.event.teaser a.ics {
  position: absolute;
  height: 20px;
  width: 20px;
  display: block;
  /* left: 6px; */
  left: 9px;
  background-image: url('/wp-content/plugins/kammerspiele-events/assets/css/ic_event_white_48dp.png');
  background-size: 100% auto;
  bottom: initial;
  /* 58px */
  top: 14px;
}

.event.teaser a.ics:hover {
  background-image: url('/wp-content/plugins/kammerspiele-events/assets/css/ic_event_red_48dp.png');
}

.event.teaser a {
  color: #ffffff;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.event.teaser img {
  position: absolute;
  width: 100%;
}

.event.teaser .image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  transition: opacity 0.2s linear 0s;
}

.event.teaser .image-news {
  background-color: #ffffff;
}

.content {
  backdrop-filter: blur(2px);
}

.event.teaser .content {
  position: absolute;
  padding: 12px 6px 6px;
  bottom: 0;
  color: #ffffff;
  width: 100%;

  display: table;

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
}

.event.teaser .content .left {
  display: table-cell;
  padding-right: 6px;
  text-align: right;
  vertical-align: top;
  min-width: 74px;
  font-size: 16px;
}

.event.teaser em {
  position: absolute;
  top: 12px;
  left: 12px;
  font-style: normal;
  color: #af1026;
  font-weight: bold;
  margin-right: 6px;
  background: rgba(255, 255, 255, 0.7);
  padding: 4px 8px;
}

.event.teaser .content .left .date {
  font-size: 20px;
  font-weight: bold;
}

.event.teaser .content .right {
  display: table-cell;
  border-left: 3px solid #af1026;
  padding-left: 6px;
  vertical-align: top;
  width: 100%;
}

.event.teaser .content .date,
.event.teaser .content h3,
.event.teaser .content .time,
.event.teaser h1 {
  font-size: 20px;
  margin: 0;
  line-height: 24px;
}

.right h3 {
  color: white;
  font-weight: bold;
}

.event.teaser.news {
  line-height: 24px;
  font-size: 18px;
}

.event.teaser.news .content {
  height: 100%;
}

.event.teaser.news .content-bar {
  position: absolute;
  top: 4px;
  font-size: 20px;
}

.event.teaser.news .content-news {
  position: absolute;
  bottom: 0;
}

.event.teaser .content .time {
  font-size: 18px;
}

.event.teaser .content .day,
.event.teaser .content .genre {
  height: 22px;
  overflow: hidden;
  font-size: 16px;
  margin-bottom: 0;
  line-height: 22px;
}

.event.teaser {
  background: #ffffff;
}

.event.teaser a:hover img,
.event.teaser a:hover .image {
  opacity: 0.7;
}

.event.detail .img {
  margin-bottom: 400px;
}

.event.detail .img,
.event.detail img,
.event.detail iframe {
  max-width: 400px;
  width: 100%;
  float: left;
  margin-right: 12px;
}

.event.detail .event-content h3 {
  margin-top: 0;
}

.event.detail .event-content h4 {
  font-size: 14px;
  color: #d3031c;
  margin: 16px 0 2px;
  font-weight: 700;
}

.event.detail .event-content {
  /* float:left; width: 740px; */
}

.event.detail a.ticket-link {
  display: inline-block;
  background: #d3031c;
  font-size: 18px;
  line-height: 32px;
  padding: 0px 12px;
  color: #fff;
  margin-top: 12px;
  margin-bottom: 12px;
}

/*
* Single Post Veranstaltung
*/
.segment-title {
  color: #d3031c;
  font-weight: bold;
}

.veranstaltung-video iframe {
  width: 80%;
  height: 38vw;
}

.veranstaltung-video,
.veranstaltung-title {
  text-align: center;
  width: 100%;
  margin-top: 0;
}

.veranstaltung-content .first-column {
  width: calc(60% - 1px);
  box-sizing: border-box;
}

.veranstaltung-content .second-column {
  width: calc(40% - 1px);
  box-sizing: border-box;
}

.veranstaltung-content-description {
  vertical-align: top;
}

.segment {
  border-bottom: 2px solid #ddd;
  margin-bottom: 12px;
}

.veranstaltung-content-meta.second-column>div:last-child {
  border-bottom: none !important;
}

.veranstaltung-content-meta {
  padding-left: 12px;
}

.veranstaltung-content-description {
  padding-right: 12px;
}

.veranstaltung-content {
  display: flex;
  flex-flow: row wrap;
}

.first-column,
.second-column {
  display: flex;
  flex-flow: column;
}

.column-divider {
  border-left: 2px solid #ddd;
  display: inline-block;
}

.bottom-divider {
  border-bottom: 2px solid #ddd;
  margin-bottom: 12px;
}

.bestellbutton {
  display: inline-block;
  background: #d3031c;
  font-size: 18px;
  line-height: 32px;
  padding: 0px 12px;
  color: #fff !important;
  margin-top: 12px;
  margin-bottom: 12px;
}

/* 4 Column Grid */
@media (max-width: 280px) {
  .frontpage .page_content_wrap .content_wrap {
    width: 280px !important;
  }

  .frontpage .event.teaser {
    width: 264px;
    height: 207px;
  }
}

@media (min-width: 281px) and (max-width: 412px) {
  .frontpage .page_content_wrap .content_wrap {
    width: 90% !important;
  }

  .frontpage .event.teaser {
    width: calc(100% - 16px);
    height: calc(78vw - 16px);
  }
}

@media (min-width: 413px) and (max-width: 479px) {
  .frontpage .page_content_wrap .content_wrap {
    width: 386px !important;
  }
}

@media (min-width: 480px) and (max-width: 771px) {
  .frontpage .page_content_wrap .content_wrap {
    width: 440px !important;
  }
}

@media (min-width: 772px) and (max-width: 1157px) {
  .frontpage .page_content_wrap .content_wrap {
    width: 772px !important;
  }
}

@media (min-width: 1158px) and (max-width: 1543px) {
  .frontpage .page_content_wrap .content_wrap {
    width: 1158px !important;
  }
}

.frontpage .page_content_wrap .content_wrap {
  width: 1544px;
}

.wp-block-image img {
  width: 100%;
}

.wp-block-image figcaption {
  position: static;
  opacity: 1 !important;
}

.grid_first_column .wp-block-image {
  margin-bottom: 0.333em;
}

.grid_not_first_column .wp-block-image {
  margin-bottom: 0.333em;
}

.grid_not_first_column {
  margin-left: 0.333em !important;
}


.sc_layouts_menu_nav>li ul {
  width: 15em;
}

.post_type_post .post_featured .post_categories {
  display: none;
}

/* do not show page titles except for posts */
.page .top_panel_default .top_panel_title {
  display: none;
}

.single .top_panel_default .top_panel_title {
  background-color: inherit;
}

.single .sc_layouts_title_breadcrumbs {
  display: none;
}

.single .page_wrap .page_content_wrap {
  padding-top: 0;
}

/* 2 columns for news(posts) */
.news {
  display: flex;
  flex-wrap: wrap;
}

.news .beitrag {
  width: 50%;
  padding: 30px;
  box-sizing: border-box;
}

.news .beitrag .beitrag-titel {
  margin-top: 0;
  margin-bottom: 10px;
}

.news .beitrag .beitrag-thumb {
  margin-bottom: 15px;
}

/* Homepage latest news post */
.news.latest .beitrag {
  width: 100%;
  margin: 0 8px;
  padding: 0;
  display: grid;
  grid-template-areas: "thumb titel"
    "thumb datum"
    "thumb excerpt"
    "thumb more";
  column-gap: 30px;
  /* grid-template-columns: auto 1fr; */
}

.news.latest .beitrag .beitrag-titel {
  grid-area: titel;
}

.news.latest .beitrag .beitrag-datum {
  grid-area: datum;
}

.news.latest .beitrag .beitrag-thumb {
  grid-area: thumb;
  max-height: 300px;
}

.news.latest .beitrag .beitrag-excerpt {
  grid-area: excerpt;
}

.news.latest .beitrag .beitrag-more {
  grid-area: more;
}

@media (max-width: 1157px) {
  .news.latest .beitrag {
    display: block;
  }
}

/* FOOTER */
/* copyright not needed in footer */
.footer_copyright_wrap {
  display: none;
}

.footer_menu_inner .footer_socials_wrap,
.footer_menu_inner .menu_footer_nav_area {
  display: inline-block;
}

.footer_menu_inner .footer_socials_wrap .footer_socials_inner {
  padding: 0;
}

.footer_menu_inner {
  display: flex;
  justify-content: space-around;
}

.footer_menu_inner .footer_thanks_wrap {
  display: inline-block;
  vertical-align: middle;
  grid-area: thanks;
}

.footer_menu_inner .footer_sponsor_wrap {
  grid-area: sponsor;
}

.footer_menu_inner .socialNav {
  grid-area: socialNav;
}

.footer_menu_inner .footer_thanks_wrap a {
  margin: 8px 8px 0 0;
}

.footer_menu_inner .footer_thanks_wrap img {
  height: 50px;
  width: auto;
  margin-left: 15px;
}

.footer_menu_inner>div {
  align-self: center;
}

.footer_menu_inner .footer_thanks_wrap .footer_thanks_inner,
.footer_menu_inner .footer_sponsor_wrap .footer_sponsor_inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer_menu_inner p {
  color: white;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 0;
}

@media (max-width: 1157px) {
  .footer_menu_inner {
    display: grid;
    grid-template-areas: "thanks sponsor"
      "socialNav socialNav";
    row-gap: 15px;
  }
}

@media (max-width: 842px) {
  .footer_menu_inner {
    grid-template-areas: "thanks" "sponsor" "socialNav";
  }
}

@media (max-width: 479px) {
  .footer_menu_inner p {
    display: none;
  }

  .footer_menu_inner .footer_sponsor_inner a,
  .footer_menu_inner .footer_thanks_inner a {
    margin: 0 15px 0 15px;
  }

  .footer_menu_inner .footer_thanks_inner a:first-of-type {
    margin-bottom: 15px;
  }

  .footer_menu_inner img {
    margin-left: 0 !important;
  }

  .footer_menu_inner .socialNav {
    display: flex;
    flex-direction: column;
  }

  .footer_menu_inner .footer_thanks_inner {
    flex-direction: column;
  }

  .footer_menu_inner .footer_sponsor_inner img,
  .footer_menu_inner .footer_thanks_inner img {
    width: 100%;
    height: auto;
  }
}

/* search function not needed */
.search_wrap {
  display: none;
}

/* different font */
/* h1, h2, h3, h4, h5, h6, p, body, ol li, ul li, span, pre, code { */
p,
body,
ol li,
ul li,
span,
pre,
code {
  font-family: "Segoe UI", sans-serif;
}

h1,
h2 {
  font-family: "unit", sans-serif;
  font-weight: 800;
}

h3,
h4,
h5,
h6 {
  font-family: "unit", sans-serif;
  font-weight: 700;
}

.page_content_wrap {
  padding-top: 2.5em;
}

.page_content_wrap h2:first-child,
.page_content_wrap h1:first-child {
  margin-top: 0 !important;
}

/* mobile/responsive Style*/
.mobile_layout .menu_mobile_inner .socials_mobile {
  margin: 0 0 1em 0;
}

.mobile_layout .menu_mobile_inner .thanks_sponsor_mobile {
  margin-top: 5px;
}

.mobile_layout .menu_mobile_inner .thanks_sponsor_mobile .thanks_mobile {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  margin-bottom: 10px;
}

.mobile_layout .menu_mobile_inner .thanks_sponsor_mobile .thanks_mobile img {
  height: 50px;
  width: auto;
}

@media (max-width: 340px) {
  .mobile_layout .menu_mobile_inner .thanks_sponsor_mobile .thanks_mobile {
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: center;
    row-gap: 10px;
  }

  .mobile_layout .menu_mobile_inner .thanks_sponsor_mobile .thanks_mobile a:first-child {
    width: 100%;
  }
}

@media (max-width: 280px) {
  .page_content_wrap .content_wrap {
    width: 240px !important;
  }
}

body .wp-block-media-text.alignwide {
  width: 100%;
  left: 0;
}

.wp-block-image figure figcaption {
  width: 100%;
  display: inline-block !important;
}

/* Cookie Banner */
#cmplz-manage-consent .cmplz-manage-consent.cmplz-show {
  background-color: #ce172d;
  font-size: 15px;
  font-family: "Segoe UI";
  text-transform: initial;
  border-radius: 0;
}

.cmplz-cookiebanner {
  padding: 12px 32px 32px !important;
}

.cmplz-cookiebanner .cmplz-header {
  order: 1;
  display: block !important;
}

.cmplz-cookiebanner .cmplz-header .cmplz-title {
  font-size: 18px;
}

.cmplz-cookiebanner .cmplz-body {
  order: 2;
}

.cmplz-cookiebanner .cmplz-buttons {
  order: 4;
}

.cmplz-cookiebanner .cmplz-body .cmplz-message {
  margin: 0;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cc-btn {
  text-transform: none;
  font-family: Helvetica, sans-serif;
  font-weight: 700;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cc-btn:hover {
  text-decoration: underline;
}

.cmplz-cookiebanner .cmplz-links.cmplz-documents {
  justify-content: flex-start !important;
  order: 3;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link:hover {
  color: #fff;
}

.cmplz-cookiebanner .cmplz-links .cookie-statement {
  display: none;
}

.cmplz-blocked-content-container {
  width: fit-content;
  height: fit-content;
}

.cmplz-blocked-content-container.veranstaltung-video {
  width: 80%;
  height: auto;
  margin: 0 auto;
}

/* responsive layout */
@media (max-width: 767px) {
  .menu_mobile #menu_mobile a {
    text-align-last: center;
    padding-right: 0;
  }
}

@media (max-width: 750px) {
  .veranstaltung-content .first-column {
    width: 100%;
    padding-right: 0;

    border-bottom: 2px solid #ddd;
    margin-bottom: 12px;
  }

  .veranstaltung-content .second-column {
    width: 100%;
    padding-left: 0;
  }

  .content .veranstaltung-content .column-divider {
    display: none;
  }

  .content .veranstaltung-content .segment {
    text-align: center;
  }
}

.content .status {
  text-align: center;
  margin-bottom: 32px;
}

.content .status .segment-title {
  margin: 0;
}

.bestellbutton a {
  color: #fff !important;
}

/* Width for the news page */
@media (max-width: 767px) {
  .news .beitrag {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 518px) {
  .news .beitrag {
    width: 100%;
    padding: 30px;
  }
}

@media (max-width: 460px) {
  .news .beitrag {
    padding: 0;
  }
}

@media (max-width: 340px) {
  .news .beitrag {
    padding: 30px;
  }
}

/* last two points of mobile menu to the bottom */
.menu_mobile.opened .menu_mobile_nav_area {
  height: calc(100vh - 49px - 3em - 3em - 1em - 36px - 2*50px - 2*10px - 32px);
}

.mobile_layout button.cc-revoke {
  display: flex !important;
  bottom: -37px;
}

.mobile_layout.menu_opened button.cc-revoke {
  z-index: 100002;
  width: 100%;
  bottom: 0;
  left: 0;
  justify-content: center;
  background-color: transparent !important;
  font-size: 18px;
  transition: bottom 0s ease 0.29s;
}

.mobile_layout.menu_opened button.cc-revoke:hover {
  color: #d4a48c;
  text-decoration: none;
}

.beitrag-more {
  margin-bottom: 2em;
}

.single-post .sc_layouts_title_title {
  text-align: left;
}

.segment-content.termine .termin p {
  margin-bottom: 0;
}

.segment-content.termine .termin {
  margin-bottom: 1em;
}

.segment-content.bold,
p.bold {
  font-weight: bold;
}

.veranstaltung-description .genre {
  margin-top: 1em;
}

.segment-content.organizer p:not(:last-child) {
  margin-bottom: 0;
}

/* postponed banner */
.postponed {
  background-color: #ff6f6f;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  /* clip-path: polygon(0 0, 0% 100%, 100% 94%, 100% 0); */
  clip-path: polygon(-1% -1%, 101% -1%, 101% 94%, -1% 100%);
  /* Streifen */
  padding: 2em 0 1em 0;
}

.postponed h3 {
  color: white;
  letter-spacing: 4px;
  font-size: 2em;
  margin: 0;
  transform: rotateZ(-1deg);
}

.postponed p {
  color: white;
  letter-spacing: 3px;
  font-size: 14px;
  margin: 0;
  transform: rotateZ(-1deg);
}

.postponed:hover {
  opacity: 0.7;
}

/* 'Aktuelles'-Header on Homepage */
h2.latest_header {
  margin-top: 0.81em !important;
}

@media (max-width: 767px) {
  h2.latest_header {
    margin-top: 32px !important;
  }
}

/* more content than masonry in container possible without breaking container */
.post_content {
  height: auto !important;
}

#spielplan {
  margin-bottom: 0;
}

.frontpage .page_content_wrap {
  padding-top: 0;
}

body .body_wrap {
  padding: 0 !important;
}

body .body_wrap .top_panel .top_panel_navi {
  margin: 0 !important;
}

.menu_mobile .sc_layouts_logo:hover .logo_text {
  color: #ce172d !important;
}

/* styles for modal overlay */

#modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99998;
  display: none;
}

#event-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  color: black;
  max-width: 490px;
  width: 100%;
  padding: 20px;
  z-index: 99999;
  display: none;
  border-radius: 10px;
}

@media (max-width: 588px) {
  #event-modal {
    width: 85%;

  }
}

@media (max-width: 1279px) {
  #event-modal {
    max-width: 480px;
  }
}

#ueberschriftContainer {
  display: flex;

}

#ueberschrift {

  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  z-index: 999999;
}

@media (max-width: 414px) {
  #ueberschrift {
    font-size: 1.11rem;
  }
}

.kauftext {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}

.textContainer {
  max-width: 370px;
  width: 100%;
}

#auswahltext {}

@media (max-width: 414px) {

  #auswahltext,
  .kauftext {
    font-size: 13px;
  }
}

.auswahlpunkte {
  margin-left: 20px;
}

.unterpunkt {
  font-size: 1.2rem;
  font-weight: bold;
}

@media (max-width: 414px) {
  .unterpunkt {
    font-size: 1rem;
  }
}

#arrowIcon {
  display: flex;
  justify-content: center;
  margin-right: 8px;
  min-width: 30px;
  height: 30px;
  background-color: #f6720c;
  padding: 8px;
  border-radius: 50%;
}

@media (max-width: 414px) {
  #arrowIcon {
    min-width: 25px;
    height: 25px;
  }
}

#mailIcon {
  min-width: 45px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (max-width: 414px) {
  #mailIcon {
    width: 25px;
    height: 25px;
  }
}

#reservixContainer {
  display: flex;
  margin-bottom: 20px;
}

#bueroContainer {
  display: flex;
  margin-bottom: 20px;
}

#kaufbutton {
  display: inline-block;
  color: white;
  font-size: 1rem;
  color: black;
  margin-left: 60px;
  padding: 7px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  text-decoration: underline;
}

#buerobutton {
  display: inline-block;
  color: white;
  background-color: #D3031C;
  font-weight: bold;
  font-size: 1rem;
  padding: 6px 15px;
  border: none;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 588px) {

  #buerobutton,
  #kaufbutton {
    display: block;
    margin: 10px 0 auto;
    padding: 10px 0px;
  }
}

@media (max-width: 588px) {
  #buerobutton {
    font-size: 1.3rem;
  }
}

#hinweis {
  text-align: justify;
  color: #757575;
  font-size: 0.9rem;
}


@media (min-width: 588px) {
  #hinweis {
    width: 90%;
    margin-top: 0px;
    margin-bottom: 10px;
  }
}

#buttonContainer {
  margin: 20px 10px auto;
  width: 100%;
}

@media (max-width: 588px) {
  #buttonContainer {
    margin: 0px auto;
  }
}

#abbruch {
  margin: 0px auto;
  display: block;
  color: black;
  background-color: white;
  font-weight: bold;
  font-size: 1.2rem;
  border: none;
  cursor: pointer;
  text-align: center;
}

#nomailclient{
margin-top: 5px;
margin-bottom: 5px;
font-size: 1rem;
}