@charset "UTF-8";
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
#main .main_color strong,
#main .main_color b {
  color: #333;
  letter-spacing: 0.035em; }

#main .iconbox .iconbox_content .iconbox_content_title {
  letter-spacing: 0.035em; }

/* Related Content */
.related-content {
  background: #eee;
  padding: 1em;
  margin-top: 4em; }
  .related-content h2:first-child {
    text-align: center;
    margin-bottom: 1em; }
  .related-content .slider {
    position: relative; }
    .related-content .slider .owl-controls .owl-pagination .owl-page span {
      background: #fff;
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1; }
    .related-content .slider .owl-controls .owl-pagination .owl-page.active span, .related-content .slider .owl-controls .owl-pagination .owl-page.active:hover span, .related-content .slider .owl-controls .owl-pagination .owl-page:active span {
      background: #333;
      border: 3px solid #fff; }
    .related-content .slider .owl-controls .owl-pagination .owl-page:hover span {
      -background: #fff;
      border: 1px solid #333; }
    .related-content .slider .owl-controls .owl-buttons > div {
      position: absolute;
      top: 40%;
      background: #333;
      color: #fff;
      font-size: 2em;
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      padding: 0;
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1; }
      .related-content .slider .owl-controls .owl-buttons > div.owl-prev img, .related-content .slider .owl-controls .owl-buttons > div.owl-next img {
        padding: 4px 0px; }
      .related-content .slider .owl-controls .owl-buttons > div.owl-prev {
        left: 0px;
        margin-left: -40px; }
      .related-content .slider .owl-controls .owl-buttons > div.owl-next {
        right: 0px;
        margin-right: -40px; }
    .related-content .slider .item {
      padding: 1em;
      /* Main Site - Classes */
      /* Main Site - Classes */
      /* Main Site - Classes */
      /* Main Site - Classes */
      /* Main Site - Classes */
      /* Post Type - Classes */
      /* Styles */
      /* DEBUG -- remove */ }
      .related-content .slider .item.heidelberger-fruehling:hover {
        background: #95B017; }
      .related-content .slider .item.heidelberger-fruehling .thumbbox {
        border-bottom: 10px solid #95B017; }
        .related-content .slider .item.heidelberger-fruehling .thumbbox,
        .related-content .slider .item.heidelberger-fruehling .thumbbox a {
          color: #95B017 !important;
          text-decoration: none; }
      .related-content .slider .item.heidelberger-fruehling a {
        color: #95B017; }
      .related-content .slider .item.heidelberger-fruehling strong,
      .related-content .slider .item.heidelberger-fruehling b {
        color: #333; }
      .related-content .slider .item.festival-akademie:hover {
        background: #265AA5; }
      .related-content .slider .item.festival-akademie .thumbbox {
        border-bottom: 10px solid #265AA5; }
        .related-content .slider .item.festival-akademie .thumbbox,
        .related-content .slider .item.festival-akademie .thumbbox a {
          color: #265AA5 !important;
          text-decoration: none; }
      .related-content .slider .item.festival-akademie a {
        color: #265AA5; }
      .related-content .slider .item.festival-akademie strong,
      .related-content .slider .item.festival-akademie b {
        color: #333; }
      .related-content .slider .item.streichquartettfest:hover {
        background: #8C358B; }
      .related-content .slider .item.streichquartettfest .thumbbox {
        border-bottom: 10px solid #8C358B; }
        .related-content .slider .item.streichquartettfest .thumbbox,
        .related-content .slider .item.streichquartettfest .thumbbox a {
          color: #8C358B !important;
          text-decoration: none; }
      .related-content .slider .item.streichquartettfest a {
        color: #8C358B; }
      .related-content .slider .item.streichquartettfest strong,
      .related-content .slider .item.streichquartettfest b {
        color: #333; }
      .related-content .slider .item.heidelberg-music-conference:hover {
        background: #95B017; }
      .related-content .slider .item.heidelberg-music-conference .thumbbox {
        border-bottom: 10px solid #95B017; }
        .related-content .slider .item.heidelberg-music-conference .thumbbox,
        .related-content .slider .item.heidelberg-music-conference .thumbbox a {
          color: #95B017 !important;
          text-decoration: none; }
      .related-content .slider .item.heidelberg-music-conference a {
        color: #95B017; }
      .related-content .slider .item.heidelberg-music-conference strong,
      .related-content .slider .item.heidelberg-music-conference b {
        color: #333; }
      .related-content .slider .item.liedzentrum:hover {
        background: #265AA5; }
      .related-content .slider .item.liedzentrum .thumbbox {
        border-bottom: 10px solid #265AA5; }
        .related-content .slider .item.liedzentrum .thumbbox,
        .related-content .slider .item.liedzentrum .thumbbox a {
          color: #265AA5 !important;
          text-decoration: none; }
      .related-content .slider .item.liedzentrum a {
        color: #265AA5; }
      .related-content .slider .item.liedzentrum strong,
      .related-content .slider .item.liedzentrum b {
        color: #333; }
      .related-content .slider .item.hdfva .thumbbox {
        padding: 1em;
        display: table;
        width: 100%; }
        .related-content .slider .item.hdfva .thumbbox .date,
        .related-content .slider .item.hdfva .thumbbox .image {
          display: table-cell; }
        .related-content .slider .item.hdfva .thumbbox .date {
          width: 33%;
          text-align: right;
          padding-right: 1em; }
          .related-content .slider .item.hdfva .thumbbox .date > .date {
            display: block;
            width: auto;
            border: none;
            padding: 0;
            font-size: 200%; }
        .related-content .slider .item.hdfva .thumbbox .image {
          width: 67%;
          padding-left: 1em;
          position: relative;
          background-size: cover;
          background-position: center center; }
          .related-content .slider .item.hdfva .thumbbox .image img {
            display: none;
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            height: auto;
            width: auto;
            left: 1em; }
      .related-content .slider .item .thumbbox {
        background: #fff;
        line-height: normal; }
        .related-content .slider .item .thumbbox img {
          display: block; }
      .related-content .slider .item .mainsite_title {
        color: transparent; }
      .related-content .slider .item:hover {
        color: #fff; }
        .related-content .slider .item:hover h3,
        .related-content .slider .item:hover a,
        .related-content .slider .item:hover strong,
        .related-content .slider .item:hover b,
        .related-content .slider .item:hover p,
        .related-content .slider .item:hover .mainsite_title {
          color: #fff !important; }
        .related-content .slider .item:hover a {
          text-decoration: underline; }
        .related-content .slider .item:hover .thumbbox {
          -margin: -1em;
          -margin-bottom: inherit; }
      .related-content .slider .item .debug {
        display: none; }
      .related-content .slider .item:hover .debug {
        -display: block; }
      .related-content .slider .item pre {
        max-height: 300px;
        overflow: auto; }

.plugin-form .form_element_half {
  width: 49.5%;
  float: left;
  margin-left: 1%;
  clear: none; }

.form_element_half.first_form {
  clear: both;
  margin-left: 0; }

@media (max-width: 480px) {
  .plugin-form .form_element_half {
    width: 100%;
    float: none;
    margin-left: 0; } }

.main_color .required {
  text-decoration: none; }

#top label {
  font-weight: normal !important; }

.ExtensibleForm-wrapper {
  margin-bottom: 1em; }
  .ExtensibleForm-wrapper .ExtensibleForm-form {
    margin-bottom: 1em; }

.button.default {
  float: none;
  display: inline-block;
  min-width: 140px !important;
  padding: 9px 10px 7px !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #777777 !important;
  background-color: #555 !important;
  border: none !important;
  color: #FFF !important; }

/**
 * Ad Redesign 2017
 * Issue #76812
 * Famous last words
 */
body#top.page-id-6618 #wrap_all #main,
body#top.page-id-6621 #wrap_all #main,
body#top.page-id-6625 #wrap_all #main,
body#top.page-id-24384 #wrap_all #main,
body#top.page-id-24440 #wrap_all #main,
body#top.page-id-24035 #wrap_all #main {
  padding-top: 0;
  border-top: 0 !important;
  height: 100vh; }

/*body.page-id-6618 .header_color .header_bg,
body.page-id-6621 .header_color .header_bg,
body.page-id-6625 .header_color .header_bg,
.Villa-Abegg .header_color .header_bg {
    opacity: 0 ;
} */
.avia-builder-el-0.av-minimum-height-100 .container,
.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
  height: 100vh !important; }

body.home.page-id-6618 .header_color .main_menu ul:first-child > li > a,
.Villa-Abegg .header_color .main_menu ul:first-child > li > a,
body.home.page-id-6621 .header_color .main_menu ul:first-child > li > a {
  color: #fff !important; }

body.page-id-6625 .header_color .main_menu ul:first-child > li > a {
  color: #333; }

.av-main-nav > li.language_selector > a {
  display: inline;
  padding: 0; }

.av-main-nav > li.language_selector > a.active-1 {
  opacity: .5; }

#start-tabs {
  height: auto; }
  @media only screen and (min-width: 600px) {
    #start-tabs {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 100%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      z-index: 990; } }
  @media (max-width: 767px) {
    #start-tabs {
      width: 100% !important;
      max-width: 100% !important; } }
  #start-tabs > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media only screen and (min-width: 600px) {
      #start-tabs > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    #start-tabs > ul > li {
      -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0;
      padding: 0; }
      #start-tabs > ul > li > a,
      #start-tabs > ul > li > a:hover {
        display: block;
        height: 100%;
        text-decoration: none;
        color: #fff; }
      #start-tabs > ul > li > a span {
        display: block;
        background: rgba(0, 0, 0, 0.67);
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        padding: 1em;
        font-weight: bold;
        margin: 0 1px;
        height: 100%; }
        @media (max-width: 600px) {
          #start-tabs > ul > li > a span {
            padding: .85em 1em; } }
        #start-tabs > ul > li > a span:first-child {
          margin-left: 0; }
        #start-tabs > ul > li > a span:last-child {
          margin-right: 0; }
        @media (max-width: 599px) {
          #start-tabs > ul > li > a span:after {
            content: '';
            font-family: 'entypo-fontello';
            font-size: 40px;
            float: right;
            opacity: .5; } }
      #start-tabs > ul > li.active {
        display: none; }
      #start-tabs > ul > li .tab-popover {
        background: rgba(255, 255, 255, 0.9);
        max-height: 0 !important;
        overflow: hidden;
        -webkit-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s;
        opacity: 0; }
        @media only screen and (min-width: 600px) {
          #start-tabs > ul > li .tab-popover {
            position: absolute;
            left: 50px; } }
        @media only screen and (min-width: 600px) {
          #start-tabs > ul > li .tab-popover .content-wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            text-align: center; } }
        #start-tabs > ul > li .tab-popover .content-wrap h2,
        #start-tabs > ul > li .tab-popover .content-wrap h3 {
          margin: 0;
          font-size: 32px;
          font-weight: normal;
          margin-bottom: 1em; }
        #start-tabs > ul > li .tab-popover .content-wrap p {
          margin: 1.5em 0; }
        #start-tabs > ul > li .tab-popover .content-wrap ul {
          list-style: none;
          margin: 1.5em auto 0;
          padding: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #start-tabs > ul > li .tab-popover .content-wrap ul li {
            display: block;
            width: 15em; }
            #start-tabs > ul > li .tab-popover .content-wrap ul li p,
            #start-tabs > ul > li .tab-popover .content-wrap ul li h4 {
              margin: 0; }
        @media only screen and (min-width: 600px) {
          #start-tabs > ul > li .tab-popover i {
            cursor: pointer;
            display: inline-block;
            width: 25px;
            height: 25px;
            position: absolute;
            top: 5%;
            right: 5%;
            color: rgba(0, 0, 0, 0.5); }
            #start-tabs > ul > li .tab-popover i:before {
              content: '\00d7';
              font-size: 36px; } }
      #start-tabs > ul > li.in .tab-popover {
        max-height: 100vh !important;
        opacity: 1; }
      #start-tabs > ul > li.hdf h2,
      #start-tabs > ul > li.hdf h4,
      #start-tabs > ul > li.hdf a {
        color: #95b017; }
      #start-tabs > ul > li.hdf.in > a span {
        background: rgba(186, 211, 30, 0.85); }
      #start-tabs > ul > li.sqf h2,
      #start-tabs > ul > li.sqf h4,
      #start-tabs > ul > li.sqf a {
        color: #8c358b; }
      #start-tabs > ul > li.sqf.in > a span {
        background: rgba(146, 35, 151, 0.85); }
      #start-tabs > ul > li.villa-abegg h2,
      #start-tabs > ul > li.villa-abegg h4,
      #start-tabs > ul > li.villa-abegg a {
        color: #cdab1c; }
      #start-tabs > ul > li.villa-abegg.in > a span {
        background: rgba(216, 183, 43, 0.85); }
      #start-tabs > ul > li.liedzentrum h2,
      #start-tabs > ul > li.liedzentrum h4,
      #start-tabs > ul > li.liedzentrum a {
        color: #008d8e; }
      #start-tabs > ul > li.liedzentrum.in > a span {
        background: rgba(34, 175, 176, 0.85); }
      #start-tabs > ul > li.kammermusik-plus h2,
      #start-tabs > ul > li.kammermusik-plus h4,
      #start-tabs > ul > li.kammermusik-plus a {
        color: #cd0046; }
      #start-tabs > ul > li.kammermusik-plus.in > a span {
        background: rgba(205, 0, 70, 0.85); }
      #start-tabs > ul > li.festival-akademie h2,
      #start-tabs > ul > li.festival-akademie h4,
      #start-tabs > ul > li.festival-akademie a {
        color: #265aa5; }
      #start-tabs > ul > li.festival-akademie.in > a span {
        background: rgba(38, 90, 165, 0.85); }
      #start-tabs > ul > li.kalender-tickets h2,
      #start-tabs > ul > li.kalender-tickets h4,
      #start-tabs > ul > li.kalender-tickets a {
        color: #1a1811; }
      #start-tabs > ul > li.kalender-tickets.in > a span {
        background-color: rgba(26, 24, 17, 0.85); }
      #start-tabs > ul > li.kalender-tickets > a span {
        background-image: url("../img/ticket.svg");
        background-position: 10px;
        background-repeat: no-repeat; }
      @media (max-width: 767px) {
        #start-tabs > ul > li {
          border-bottom: 1px solid #fff; } }

#landing-page-logo,
#landing-page-language-switch {
  display: none; }

#landing-page-logo {
  position: absolute;
  top: 80px;
  z-index: 998; }
  @media (max-width: 600px) {
    #landing-page-logo {
      max-width: 90%;
      left: 5%; } }
  @media (min-width: 600px) {
    #landing-page-logo {
      left: -32px;
      top: 110px; } }

#landing-page-language-switch {
  display: block;
  text-align: center;
  position: absolute;
  top: 1em;
  z-index: 998; }
  @media (min-width: 600px) {
    #landing-page-language-switch {
      right: 50px;
      width: auto;
      text-align: left; } }

#landing-page-language-switch a {
  color: #fff;
  text-shadow: 1px 1px 1px #000; }

html.Landing-Page,
body#top.page-id-24384,
body#top.page-id-24440 {
  position: relative; }
  html.Landing-Page header#header,
  html.Landing-Page footer,
  html.Landing-Page #footer-main-sponsors,
  body#top.page-id-24384 header#header,
  body#top.page-id-24384 footer,
  body#top.page-id-24384 #footer-main-sponsors,
  body#top.page-id-24440 header#header,
  body#top.page-id-24440 footer,
  body#top.page-id-24440 #footer-main-sponsors {
    display: none; }
  html.Landing-Page main.content,
  html.Landing-Page .main_color,
  body#top.page-id-24384 main.content,
  body#top.page-id-24384 .main_color,
  body#top.page-id-24440 main.content,
  body#top.page-id-24440 .main_color {
    background: transparent;
    padding: 0;
    margin: 0; }
  html.Landing-Page #landing-page-logo,
  html.Landing-Page #landing-page-language-switch,
  body#top.page-id-24384 #landing-page-logo,
  body#top.page-id-24384 #landing-page-language-switch,
  body#top.page-id-24440 #landing-page-logo,
  body#top.page-id-24440 #landing-page-language-switch {
    display: block; }
  html.Landing-Page .avia-fullscreen-slider .avia-slide-wrap,
  body#top.page-id-24384 .avia-fullscreen-slider .avia-slide-wrap,
  body#top.page-id-24440 .avia-fullscreen-slider .avia-slide-wrap {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); }
  @media (max-width: 599px) {
    html.Landing-Page .unit,
    html.Landing-Page .units,
    html.Landing-Page .container,
    html.Landing-Page .container-large,
    html.Landing-Page .container_wrap,
    body#top.page-id-24384 .unit,
    body#top.page-id-24384 .units,
    body#top.page-id-24384 .container,
    body#top.page-id-24384 .container-large,
    body#top.page-id-24384 .container_wrap,
    body#top.page-id-24440 .unit,
    body#top.page-id-24440 .units,
    body#top.page-id-24440 .container,
    body#top.page-id-24440 .container-large,
    body#top.page-id-24440 .container_wrap {
      position: static; }
    html.Landing-Page #landing-page-branding,
    body#top.page-id-24384 #landing-page-branding,
    body#top.page-id-24440 #landing-page-branding {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    html.Landing-Page #after_full_slider_0 .container,
    body#top.page-id-24384 #after_full_slider_0 .container,
    body#top.page-id-24440 #after_full_slider_0 .container {
      width: 100%;
      max-width: 100%; }
    html.Landing-Page #after_full_slider_0 .content,
    body#top.page-id-24384 #after_full_slider_0 .content,
    body#top.page-id-24440 #after_full_slider_0 .content {
      padding: 0; }
    html.Landing-Page #start-tabs,
    body#top.page-id-24384 #start-tabs,
    body#top.page-id-24440 #start-tabs {
      position: absolute;
      bottom: 0;
      z-index: 990; } }
  @media (min-width: 600px) {
    html.Landing-Page #after_full_slider_0,
    body#top.page-id-24384 #after_full_slider_0,
    body#top.page-id-24440 #after_full_slider_0 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; } }

/**
 * Do we need this?


// Hide header footer etc. on landing pages 
body.page-id-24384 header#header,
body.page-id-24384 footer,
body.page-id-24384 #footer-main-sponsors,
body.page-id-24384 #after_full_slider_0,
body.page-id-24440 header#header,
body.page-id-24440 footer,
body.page-id-24440 #after_full_slider_0,
body.page-id-24440 #footer-main-sponsors {
    display: none;
}

body.page-id-24384 main.content,
body.page-id-24384 .main_color,
body.page-id-24440 main.content,
body.page-id-24440 .main_color {
    background: transparent;
    padding: 0;
    margin: 0;
}

*/
.loop-spielstaette {
  padding-bottom: 20px; }