@charset "UTF-8";
@media only screen and (max-width: 1248px) {
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #FormularSearch {
    border-right: 0;
    padding-right: 0;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #HauptMenu ul ul {
    box-shadow: unset !important;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #HauptMenu ul ul a {
    padding-left: 2rem !important;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #HauptMenu ul .mainMenue > a {
    font-size: 1rem;
    font-weight: bold;
    padding: 1.8rem 1rem 1.4rem 1rem;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar {
    width: 30%;
    padding-right: 1rem;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt {
    width: 100%;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Sidebar {
    width: 100%;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Sidebar .SidebarResponsive > div {
    width: 50%;
    clear: unset;
    margin: 0 auto 30px auto;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Sidebar #PrintForm {
    width: 100%;
    margin: 15px auto 30px;
    display: none;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Sidebar #PrintForm a {
    width: 100% !important;
    margin: 0;
  }
  #Rahmen #Gesamt #headerWrapper, #Rahmen #Gesamt #Inhalte, #Rahmen #Gesamt #FooterContent, #Rahmen #Gesamt #HauptMenuRahmen {
    max-width: 62.5rem;
    margin: 0 auto;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte #InhaltFilter .row {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .RahmenT16 #SidebarStart {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #OffeneVeranstaltungen #Veranstaltungsliste .OVList li .OVListEventPicture {
    height: 300px;
  }
  #Rahmen #Gesamt #HeroeSection .row .EL_HeadBG {
    width: 100%;
  }
  #Rahmen #Gesamt #HeroeSection .EL_HeadFLogo figure {
    height: 400px;
  }
  #Rahmen #Gesamt #Header #Navigation {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 901px) {
  #EventListFilterTopic, #EventListFilterKeywords {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #NavigationResponsiveSwitch {
    display: inline-block;
  }
  #SecondLevelMenu {
    display: none;
  }
  .TextInput, fieldset, .EmailInput {
    width: 100%;
  }
  #Rahmen #Gesamt #Header #Navigation {
    padding-left: 0px;
  }
  #OffeneVeranstaltungen {
    margin-top: 0;
  }
  #InhaltCalendar td .event {
    background-color: transparent;
    border: 0px;
  }
  #InhaltCalendar td .event * {
    display: none;
  }
  #InhaltCalendar td .event::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    color: #0076b9;
  }
  .calendar_cage table td {
    width: 40px;
    height: auto;
  }
  #Rahmen {
    margin-top: 0;
  }
  #Rahmen #Gesamt {
    padding-top: 0;
  }
  #Rahmen #Gesamt #Header {
    position: relative;
    margin-bottom: 0px;
  }
  #Rahmen #Gesamt #Header #Navigation {
    background-color: #922790;
    width: 100%;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen {
    display: none;
    padding-left: 0;
    background-color: #FFF;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #HauptMenu {
    float: none;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #HauptMenu ul .mainMenue > a {
    padding: 0.3rem 0.6rem 0.3rem 1.2rem;
    padding-right: 0.6rem;
    background-color: #F3F3F3;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #HauptMenu ul li a {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 1px;
    background-color: #F3F3F3;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #HauptMenu > ul > li {
    float: none;
    display: block;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #HauptMenu ul ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    position: relative;
  }
  #Rahmen #Gesamt #Header #Navigation #HauptMenuRahmen #FormularSearch #EingabeSearch #Search {
    display: none;
  }
  #Rahmen #Gesamt #Header #headerWrapper > #FormularSearch {
    width: 25%;
    display: inline-block;
  }
  #Rahmen #Gesamt #Header #headerWrapper > #FormularSearch #EingabeSearch {
    display: none;
  }
  #Rahmen #Gesamt #Header #headerWrapper > #FormularSearch #SearchBN {
    margin-top: 20%;
  }
  #Rahmen #Gesamt #Header #headerWrapper > #FormularSearch #SearchBN .submit {
    background-color: transparent;
    color: #922790;
    font-size: 1.9rem;
  }
  #Rahmen #Gesamt #Header #headerWrapper > #HeaderContent {
    width: 55%;
    display: inline-block;
    margin-bottom: 10px;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar {
    width: 100%;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar > div {
    float: left;
    width: calc(100% / 3);
    margin-right: 15px;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar > div :nth-child(3n) {
    margin-right: 0;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar > div.tag_cloud_cage, #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar > div#LogInOut {
    width: calc(100% / 3);
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt {
    width: 100%;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #FormTabs {
    background-color: #F3F3F3;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt .PanesInfo {
    border-bottom: 2px solid #f3f3f3;
    padding-bottom: 45px;
    margin-bottom: 80px;
  }
  #Rahmen #Gesamt #Header #Navigation #SearchbarButton {
    line-height: 3rem;
    padding: 0;
    margin-left: 20px;
  }
  #Rahmen #Gesamt #Header #Navigation #SearchbarButton:hover {
    padding: 0;
    background: white;
  }
  #Rahmen #Gesamt #Header #Navigation #SearchbarButton:hover i {
    color: #922790;
  }
  #Rahmen #Gesamt #Header #Navigation #SearchbarButton i {
    color: white;
  }
  #Rahmen #Gesamt #NavigationResponsiveSwitch .ResponsiveSwitch {
    margin: 0 0 0 20px;
  }
  #Rahmen #Gesamt #HeroeSection .HeaderPicture figure {
    height: auto;
  }
  #Rahmen #Gesamt #HeroeSection .row .EL_HeadBG figure {
    max-width: 200px;
    max-height: 200px;
    align-self: end;
  }
  #Rahmen #Gesamt #HeroeSection .EL_HeadFLogo figure {
    height: 250px;
  }
  #Rahmen #Gesamt #HeroeSection .row .EL_HeadFHTML h1, #Rahmen #Gesamt #HeroeSection .row .EL_HeadCHTML h1 {
    font-size: 2rem;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #OffeneVeranstaltungen #Veranstaltungsliste .OVList li .OVListEventPicture {
    height: 350px;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #OffeneVeranstaltungen #Veranstaltungsliste .OVList li {
    width: calc(100% / 2.0 - 20px);
  }
  #Rahmen #Gesamt #SidebarEingabeBN {
    padding: 0 20px 20px 20px;
  }
  #Rahmen #Gesamt #SidebarEingabeBN input {
    text-align: center;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #FormTabs {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #FormTabs #FormSteps {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }
  #Rahmen #Gesamt #Header #Navigation #SearchbarBtn {
    color: white;
    line-height: inherit;
  }
}
@media only screen and (max-width: 639px) {
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Sidebar .SidebarResponsive > div, #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar > div.tag_cloud_cage, #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar > div#LogInOut {
    width: 100%;
  }
  #RahmenInhalte #Inhalte .Leftbar > div:nth-child(2n) {
    margin-right: 0;
  }
  .VListTableSidebarHidden {
    font-size: 10px;
    width: 100%;
  }
  .OVTablePictureInformation {
    height: auto;
    width: 100%;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #OffeneVeranstaltungen #Veranstaltungsliste .OVList li {
    flex-direction: column;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #OffeneVeranstaltungen #Veranstaltungsliste .OVList li .OVListEventPicture {
    height: 300px;
  }
  #Rahmen #Gesamt #HeroeSection .row .EL_HeadBG {
    height: 150px;
  }
  #Rahmen #Gesamt #HeroeSection .row .EL_HeadBG figure {
    max-width: 150px;
    max-height: 150px;
  }
  #Rahmen #Gesamt #HeroeSection .EL_HeadFLogo figure {
    height: 200px;
  }
  #Rahmen #Gesamt #HeroeSection .row .EL_HeadFHTML h1, #Rahmen #Gesamt #HeroeSection .row .EL_HeadCHTML h1 {
    font-size: 1.6rem;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #FormTabs {
    width: 100%;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte #InhaltFilter .row #EventListFilter ul li #EventListFilterSearch {
    margin-left: 0;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte #InhaltFilter .row #ViewChange {
    width: 100%;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 479px) {
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Sidebar .SidebarResponsive > div, #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar > div.tag_cloud_cage, #Rahmen #Gesamt #RahmenInhalte #Inhalte .Leftbar > div#LogInOut {
    width: 100%;
  }
  #CalendarSmallCage table, #CalendarSmallCage table tr, #CalendarSmallCage #nav {
    width: 100% !important;
  }
  .calendar_cage {
    float: none;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte #Buchungsnr {
    width: 100%;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #OffeneVeranstaltungen #Veranstaltungsliste .OVList li .OVListEventPicture {
    height: 200px;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #OffeneVeranstaltungen #Veranstaltungsliste .OVList li {
    width: 100%;
    margin-right: 0;
  }
  #Rahmen #Gesamt #RahmenInhalte #Inhalte .Inhalt #OffeneVeranstaltungen #Veranstaltungsliste .OVList li .OVListEventPicture {
    height: 375px;
  }
  #Rahmen #Gesamt #HeroeSection .row .EL_HeadBG {
    height: 100px;
  }
  #Rahmen #Gesamt #HeroeSection .row .EL_HeadBG figure {
    display: none;
  }
  #Rahmen #Gesamt #HeroeSection .EL_HeadFLogo figure {
    height: 180px;
  }
  #Rahmen #Gesamt #HeroeSection .row .EL_HeadFHTML h1, #Rahmen #Gesamt #HeroeSection .row .EL_HeadCHTML h1 {
    font-size: 1.6rem;
  }
}
@media print {
  #headerWrap, #headerImageWrap, .leftmenu, .breadcrumb, .socialshareprivacy, #footerWrap, .intro, #contentWrap .row.space-20, .f3-widget-paginator, .tx-pagebrowse-pi1, #tx-solr-search-functions {
    display: none !important;
  }
  .accordion .content {
    display: block !important;
  }
  .accordion .content .csc-default > p {
    font-weight: bold !important;
  }
  #contentWrap {
    padding: 0;
  }
  body * {
    font-size: 10pt !important;
  }
  body * h1, body * h2, body * h3 {
    font-size: 13pt !important;
  }
  a {
    text-decoration: none !important;
  }
}
.PaneButtons {
  margin-top: 60px;
}