/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('/fileadmin/fonts/titillium-web-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/titillium-web-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/titillium-web-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/titillium-web-v15-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('/fileadmin/fonts/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('/fileadmin/fonts/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('/fileadmin/fonts/titillium-web-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/titillium-web-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/titillium-web-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/titillium-web-v15-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-900 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('/fileadmin/fonts/titillium-web-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/fonts/titillium-web-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/fonts/titillium-web-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/fonts/titillium-web-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/fonts/titillium-web-v15-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}



.clear::after,
html body #page::after,
html body #page #main #content #event-overview::after,
html body #page #main #content #event-more::after,
.formhandler .input::after,
.formhandler .select::after,
.formhandler .checkbox::after,
.ce-textpic::after {
  content: '';
  display: block;
  clear: both;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  border: none;
}
a {
  text-decoration: none;
  color: #000000;
}
a:hover {
  transition: color .15s;
}
::-moz-selection {
  background: #9e1a30;
  color: #ffffff;
}
::selection {
  background: #9e1a30;
  color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #9e1a30;
  font-weight: 600;
  text-transform: uppercase;
}
h1 + *,
h2 + *,
h3 + *,
h4 + *,
h5 + *,
h6 + * {
  margin-top: 20px;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
h4,
h5,
h6 {
  font-size: 12px;
}
.img-responsive {
  width: 100%;
  height: auto;
  display: block;
}
html {
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  color: #000000;
}
html body {
  background-color: #e2e4e5;
  padding-bottom: 81px;
  overflow-x: hidden;
}
html body #page {
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 40px;
  background-color: #ffffff;
}
html body #page #icons {
  padding: 10px 0;
  padding-bottom: 7px;
  text-align: right;
}
html body #page #sidebar {
  float: left;
  width: 20%;
  max-width: 160px;
  margin-bottom: 79px;
}
html body #page #sidebar a {
  display: block;
}
html body #page #sidebar #rwd-navigation {
  display: none;
}
html body #page #sidebar #navigation {
  margin-top: 60px;
  border-top: 4px solid #9e1a30;
  line-height: 19px;
  font-weight: 600;
  min-height: 133px;
}
html body #page #sidebar #navigation li {
  list-style-type: none;
}
html body #page #sidebar #navigation li li {
  font-size: 12px;
}
html body #page #sidebar #navigation li li + li {
  border-top: 1px solid #e4e4e4;
}
html body #page #sidebar #navigation li a {
  color: #000000;
}
html body #page #sidebar #navigation li a:hover,
html body #page #sidebar #navigation li a:active,
html body #page #sidebar #navigation li a:focus {
  color: #9e1a30;
}
html body #page #sidebar #navigation li:not(.active) ul {
  display: none;
}
html body #page #sidebar #navigation li.active > a {
  color: #9e1a30;
}
html body #page #sidebar #navigation > li {
  text-transform: uppercase;
  border-bottom: 1px solid #cccccc;
}
html body #page #sidebar #navigation > li > ul {
  border-top: 1px solid #cccccc;
  font-weight: 400;
}
html body #page #sidebar #navigation > li > ul li a,
html body #page #sidebar #navigation > li > ul li:visited {
  margin-left: 9px;
  color: #cccccc;
}
html body #page #sidebar #navigation-buttons {
  list-style-type: none;
  text-transform: uppercase;
  margin-top: 15px;
}
html body #page #sidebar #navigation-buttons > li {
  line-height: 1.15em;
  background: #9e1a30 url('../typo3conf/ext/tpl_kultursommer/Resources/Public/Images/bg_button.svg') center no-repeat;
  background-size: cover;
  padding: 8px 11px;
}
html body #page #sidebar #navigation-buttons.klimt > li {
  background-color: #15a4b5;
  background-image: url('..//typo3conf/ext/tpl_kultursommer/Resources/Public/Images/bg_button_klimt.svg');
}
html body #page #sidebar #navigation-buttons > li + li {
  margin-top: 1px;
}
html body #page #sidebar #navigation-buttons > li a {
  color: #ffffff;
}
html body #page #sidebar #navigation-additional > div {
  margin-top: 20px;
}
html body #page #sidebar #navigation-additional > div img {
  max-width: 160px;
  height: auto;
}
html body #page #sidebar #banner-kow {
  display: block;
  margin-top: 20px;
}
html body #page #sidebar #button-fb {
  display: block;
  margin-top: 40px;
}
html body #page #main {
  float: right;
  width: 760px;
}
html body #page #main #header {
  position: relative;
  height: 160px;
  padding: 20px 0 20px 20px;
  background: #9e1a30 url('../typo3conf/ext/tpl_kultursommer/Resources/Public/Images/bg_header.svg') left center no-repeat;
  background-size: cover;
}
html body #page #main #header a {
  color: #ffffff;
}
html body #page #main #header a:hover {
  text-decoration: underline;
}
html body #page #main #header ul {
  list-style-type: none;
}
html body #page #main #header ul li {
  display: inline-block;
}
html body #page #main #header #navigation-header-top {
  font-size: 12px;
  line-height: 9px;
}
html body #page #main #header #navigation-header-top li {
  margin-right: 6px;
  text-transform: uppercase;
}
html body #page #main #header #navigation-header-top li + li {
  border-left: 1px solid #ffffff;
  padding-left: 6px;
}
html body #page #main #header #navigation-header-bottom {
  position: absolute;
  bottom: 20px;
  font-size: 20px;
  line-height: 14px;
}
html body #page #main #header #navigation-header-bottom li {
  margin-right: 15px;
  text-transform: uppercase;
}
html body #page #main #header #navigation-header-bottom li + li {
  border-left: 2px solid #ffffff;
  padding-left: 15px;
}
html body #page #main #header #date {
  position: absolute;
  bottom: 24px;
  right: 0;
}
html body #page #main #header #date .range {
  color: #ffffff;
  text-align: center;
  line-height: 30px;
  width: 200px;
  background: url('../typo3conf/ext/tpl_kultursommer/Resources/Public/Images/bg_date.svg') no-repeat;
}
html body #page #main #header #date .year {
  color: #ffffff;
  text-align: right;
  font-size: 24px;
}
html body #page #main .teaser {
  min-height: 275px;
  overflow: hidden;
  background-color: #000;
  margin: 9px 0 10px 0;
  border-bottom: 9px solid #9e1a30;
}
html body #page #main #content {
  margin-top: 70px;
  position: relative;
  margin-bottom: 95px;
}
html body #page #main #content:not(.event) .ce-gallery + .ce-bodytext h2:first-child {
  margin-top: 10px;
}
html body #page #main #content:not(.event) .ce-right:first-of-type {
  overflow: inherit;
}
html body #page #main #content:not(.event) .ce-right:first-of-type .ce-gallery {
  position: relative;
  top: 17px;
}
html body #page #main #content a,
html body #page #main #content a:link,
html body #page #main #content a:visited,
html body #page #main #content a:hover,
html body #page #main #content a:active,
html body #page #main #content a:focus {
  text-decoration: underline;
  color: #9e1a30;
}
html body #page #main #content.start {
  margin-top: 0;
  margin-bottom: 74px;
}
html body #page #main #content.event .ce-right:first-of-type {
  overflow: inherit;
}
html body #page #main #content.event .ce-right:first-of-type .ce-gallery {
  position: relative;
  top: -146px;
}
html body #page #main #content .event-custom h2 {
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: -30px;
}
html body #page #main #content .event-custom .ce-below {
  padding-bottom: 20px;
}
html body #page #main #content a:hover {
  color: #9e1a30;
}
html body #page #main #content > *:not(:first-child) {
  margin-top: 20px;
}
html body #page #main #content img {
  width: 100%;
  height: auto;
}
html body #page #main #content p + p {
  margin-top: 20px;
}
html body #page #main #content p + h2 {
  margin-top: 40px;
}
html body #page #main #content ul:not(#event-more):not(#event-overview) {
  margin-top: 25px;
  list-style-type: none;
  padding-left: 17px;
}
html body #page #main #content ul:not(#event-more):not(#event-overview) li::before {
  content: '';
  margin-left: -17px;
  margin-right: 7px;
  display: inline-block;
  height: 10px;
  width: 10px;
  background-color: #9e1a30;
}
html body #page #main #content ul:not(#event-more):not(#event-overview) li ul {
  margin-top: 0;
}
html body #page #main #content ul:not(#event-more):not(#event-overview) li ul li::before {
  height: 9px;
  width: 9px;
  background-color: #b14859;
}
html body #page #main #content ol {
  margin-top: 25px;
  padding-left: 17px;
}
html body #page #main #content ol li ul {
  margin-top: 0;
}
html body #page #main #content ol li ul li::before {
  height: 9px;
  width: 9px;
  background-color: #b14859;
}
html body #page #main #content #event-header {
  text-transform: uppercase;
  max-width: 505px;
  min-height: 135px;
}
html body #page #main #content #event-header h1 + * {
  margin: 0;
}
html body #page #main #content #event-header span {
  display: block;
  font-size: 20px;
  font-weight: 600;
}
html body #page #main #content #event-header span.date {
  line-height: 1;
}
html body #page #main #content #event-header span.location {
  margin-top: 3px;
  line-height: 1;
  font-weight: 400;
}
html body #page #main #content #event-overview,
html body #page #main #content #event-more {
  list-style-type: none;
  margin: -0.25% -0.25% 0 -0.25%;
}
html body #page #main #content #event-overview .event-box,
html body #page #main #content #event-more .event-box {
  position: relative;
  height: 230px;
  width: 24.5%;
  float: left;
  margin: 0.25%;
  background: #000 center 30%;
  background-size: cover;
}
html body #page #main #content #event-overview .event-box a,
html body #page #main #content #event-more .event-box a {
  display: block;
  height: 100%;
}
html body #page #main #content #event-overview .event-box a .event-info,
html body #page #main #content #event-more .event-box a .event-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 58px;
  background-color: rgba(158, 26, 48, 0.8);
  padding: 4px 6px 4px 5px;
}

html body #page #main #content #event-overview .event-box.event816 a .event-info,
html body #page #main #content #event-more .event-box.event816 a .event-info {
  background-color: rgba(21, 164, 181, 0.8);

}

html body #page #main #content #event-overview .event-box a .event-info span,
html body #page #main #content #event-more .event-box a .event-info span {
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  line-height: 1;
}
html body #page #main #content #event-overview .event-box a .event-info span.event-title,
html body #page #main #content #event-more .event-box a .event-info span.event-title {
  font-weight: 600;
}
html body #page #main #content #event-overview .event-box a .event-info span.event-location,
html body #page #main #content #event-more .event-box a .event-info span.event-location {
  font-size: 12px;
}
html body #page #main #content #event-overview .event-box a .event-info span.event-date,
html body #page #main #content #event-more .event-box a .event-info span.event-date {
  font-weight: 600;
  font-size: 12px;
}
html body #page #main #content .event-more-header,
html body #page #main #content .event-overview-header {
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 6px;
  font-weight: 600;
}
html body #page #main #footer {
  position: absolute;
  bottom: 0;
  width: 760px;
  padding-bottom: 34px;
  border-bottom: 14px solid #9e1a30;
  font-size: 12px;
  line-height: 1;
}
html body #page #main #footer > * {
  float: left;
}
html body #page #main #footer a#agency {
  position: absolute;
  right: 0;
  bottom: 34px;
}
html body #page #main #contact {
  margin-left: 17px;
  padding-left: 16px;
  border-left: 1px solid #888787;
}
html body #page #main .ce-media-layout2 .ce-textpic {
  width: 465px;
  float: left;
}
html body #page #main .ce-media-layout2 .ce-textpic-side {
  margin-left: 75px;
  width: 220px;
  float: left;
}
#main #content .yag-gallery ul {
  padding: 0 !important;
  margin: 0;
}
#main #content .yag-gallery ul li a img {
  width: 235px !important;
}
#main #content .yag-gallery ul li:before {
  display: none !important;
}
.mfp-content .mfp-img {
  max-width: 90vw;
  max-height: 90vh;
}
.formhandler {
  width: 100%;
  font-size: 16px;
}
.formhandler #kartenverkauf fieldset + fieldset {
  margin-top: 35px;
}
.formhandler #kartenverkauf .specialoffer p,
.formhandler .smallsize p  {
  font-size: 12px;
}
.formhandler #kartenverkauf .textarea label {
  text-transform: uppercase;
}
.formhandler #kartenverkauf .submit {
  margin-top: -15px;
}
.formhandler #kartenverkauf table {
  border-collapse: collapse;
  width: 100%;
}
.formhandler #kartenverkauf table.alternativkarten td {
  vertical-align: top;
}
.formhandler #kartenverkauf table.veranstaltungen th:nth-of-type(n+3) {
  text-align: center;
}
.formhandler #kartenverkauf table.veranstaltungen tr:nth-of-type(n+2) td:nth-of-type(3) {
  border-left: 1px solid #888787;
}
.formhandler #kartenverkauf table.veranstaltungen tr.pk-header td:nth-of-type(6),
.formhandler #kartenverkauf table.veranstaltungen tr:nth-of-type(n+2) td:nth-of-type(9) {
  border-left: 2px solid #888787;
}
.formhandler #kartenverkauf table.veranstaltungen tr th:nth-of-type(n+3),
.formhandler #kartenverkauf table.veranstaltungen tr td:nth-of-type(n+3) {
  padding-left: 8px;
  padding-right: 8px;
}
.formhandler #kartenverkauf table tr.sub-header td {
  line-height: 31px;
  border-bottom: 2px solid #9e1a30;
}
.formhandler #kartenverkauf table tr.sub-header td:nth-of-type(n+7) {
  width: 5%;
}
.formhandler #kartenverkauf table .pk-header td {
  text-align: center;
}
.formhandler #kartenverkauf table tr.sub-header ~ tr td {
  vertical-align: top;
  padding: 8px 0;
  border-bottom: 1px solid #cccccc;
  line-height: 1;
}
.formhandler #kartenverkauf table tr.sub-header ~ tr td.heading {
  font-size: 14px;
}
.formhandler #kartenverkauf table tr.sub-header ~ tr td.heading span {
  font-weight: 600;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  margin-bottom: 3px;
}
.formhandler #kartenverkauf table th {
  text-align: left;
  vertical-align: bottom;
  line-height: 14px;
  padding-bottom: 10px;
  border-bottom: 4px solid #9e1a30;
}
.formhandler #kartenverkauf table th:first-of-type {
  width: 15%;
}
.formhandler #kartenverkauf table th:nth-of-type(2) {
  width: 40%;
}
.formhandler #kartenverkauf table th:not(.special-conditions) {
  text-transform: uppercase;
}
.formhandler #kartenverkauf table th.special-conditions {
  font-size: 12px;
  text-align: right;
  line-height: 14px;
  font-weight: normal;
}
.formhandler #kartenverkauf table td input {
  width: 17px;
  height: 17px;
  margin-right: 2px;
  font-size: 12px;
  padding: 0;
  text-align: center;
}
.formhandler #kartenverkauf .conditions-a {
  font-size: 12px;
  line-height: 1.5;
}
.formhandler #kartenverkauf .conditions-b {
  font-size: 12px;
  line-height: 1.1;
  margin-top: 20px;
}
.formhandler #kartenverkauf .cardinfo {
  margin: 20px 0;
  font-size: 14px;
}
.formhandler .error {
  font-size: 12px;
  line-height: 27px;
  color: #9e1a30;
  width: 40%;
}
.formhandler .required {
  color: #9e1a30;
}
.formhandler div:not(.textarea) .error {
  margin-left: 10px;
}
.formhandler label {
  white-space: nowrap;
}
.formhandler input,
.formhandler textarea,
.formhandler select {
  border: 1px solid #cccccc;
  padding: 3px 5px;
  font-family: 'Titillium Web', sans-serif;
  font-size: 12px;
}
.formhandler input[type="checkbox"],
.formhandler textarea[type="checkbox"],
.formhandler select[type="checkbox"] {
  width: 17px;
  height: 17px;
}
.formhandler div.has-error input,
.formhandler div.has-error textarea,
.formhandler div.has-error select {
  border-color: #b14859;
}
.formhandler .textarea > * {
  display: block;
  width: 50%;
}
.formhandler .textarea label {
  font-weight: 600;
  margin: 10px 0 2px 0;
}
.formhandler .input.cardno {
  /*float: left;*/
  margin-left: 25px;
}
.formhandler .input.cardno label {
  width: auto;
}
.formhandler .input.cardno input {
  margin-left: 18px;
  width: 115px;
}
.formhandler .input {
  margin-top: 5px;
}
.formhandler .input label {
  float: left;
  font-weight: 600;
  width: 18%;
}
.formhandler .input input {
  float: left;
  width: 32%;
}
.formhandler .select {
  margin-top: 5px;
}
.formhandler .select label {
  float: left;
  font-weight: 600;
  width: 18%;
}
.formhandler .select select {
  float: left;
  width: 32%;
}
.formhandler .checkbox {
  float: left;
}
.formhandler .checkbox {
  margin-top: 5px;
}
.formhandler .checkbox label {
  font-weight: 600;
}
.formhandler .checkbox label input {
  margin-right: 4px;
}
.formhandler .submit {
  margin-top: 20px;
}
.formhandler .submit input, a.button {
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  padding: 5px 10px 6px 10px;
  background: #9e1a30 url('../typo3conf/ext/tpl_kultursommer/Resources/Public/Images/bg_button.svg') center no-repeat;
  background-size: cover;
}

a.button { color: #FFFFFF !important; text-decoration: none !important; display: inline-block;}
.formhandler .submit input:hover, a.button:hover {
  cursor: pointer;
}

#button-tickets-online { margin-bottom: 50px; }

@media screen and (max-width: 1020px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1;
  }
  html body #page {
    max-width: 100%;
    padding: 15px;
    overflow-x: hidden;
  }
  html body #page #icons {
    display: none;
  }
  html body #page #sidebar {
    float: none;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    min-width: calc(100% - 30px);
    /*z-index: 500;*/
    margin: 0;
  }
  html body #page #sidebar #logo {
    width: 90px;
  }
  html body #page #sidebar #logo img {
    height: 160px;
    width: auto;
  }
  html body #page #sidebar #rwd-navigation {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
     z-index: 500;
  }
  html body #page #sidebar #rwd-navigation:hover {
    cursor: pointer;
  }
  html body #page #sidebar #rwd-navigation img {
    width: 100%;
    height: auto;
    display: block;
  }
  html body #page #sidebar #navigation {
    opacity: 0;
    background-color: #ffffff;
    border: 1px solid #9e1a30;
    padding: 5px;
    position: absolute;
    margin: 0;
    right: -200px;
    top: 45px;
    transition: opacity 0.25s, right 0.25s, box-shadow 0.3s;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
    z-index: 500;
  }
  html body #page #sidebar #navigation.open {
    opacity: 1;
    right: 10px;
    transition: opacity 0.25s, right 0.25s, box-shadow 0.2s 0.2s;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }
  html body #page #sidebar #navigation.open li:not(.active) ul {
    display: block;
  }
  html body #page #sidebar #navigation.open li ul.visible {
    display: block;
  }
  html body #page #sidebar #navigation.open li ul.visible li {
    height: 39px;
    transition: height .5s, opacity .3s;
    opacity: 1;
  }
  html body #page #sidebar #navigation > li {
    border-top: none;
    border-bottom: none !important;
  }
  html body #page #sidebar #navigation > li > ul {
    border-top: none;
  }
  html body #page #sidebar #navigation > li > ul li {
    border-top: 1px solid #cccccc;
  }
  html body #page #sidebar #navigation li + li {
    border-top: 1px solid #cccccc;
  }
  html body #page #sidebar #navigation li a {
    padding: 10px;
  }
  html body #page #sidebar #navigation li ul {
    display: block;
  }
  html body #page #sidebar #navigation li ul li {
    height: 0px;
    opacity: 0;
    transition: height .5s, opacity .3s;
    overflow: hidden;
  }
  html body #page #sidebar #navigation ~ * {
    display: none;
  }
  
 
  html body #page #main {
    width: 100%;
  }
  html body #page #main #header {
    margin-left: 98px;
    padding-left: 15px;
  }
 /* html body #page #main #header #navigation-header-top,*/
  html body #page #main #header #navigation-header-bottom {
    display: none;
  }
   html body #page #main #header #navigation-header-top {
    font-size: 10px;
  }
  
  html body #page #main #header #date {
    bottom: 12px;
    max-width: 80%;
    height: auto;
  }
  html body #page #main .teaser {
    min-height: inherit;
  }
  html body #page #main #content .ce-right:first-of-type {
    overflow: inherit;
  }
  html body #page #main #content .ce-right:first-of-type .ce-gallery {
    position: static;
  }
  html body #page #main #content.event {
    margin-bottom: 110px;
  }
  html body #page #main #content.event .ce-right:first-of-type {
    overflow: inherit;
  }
  html body #page #main #content.event .ce-right:first-of-type .ce-gallery {
    position: static;
  }
  html body #page #main #footer {
    position: static;
    width: 100%;
  }
  html body #page #main #footer a#agency {
    right: 20px;
  }
  .formhandler input,
  .formhandler textarea,
  .formhandler select {
    width: 100% !important;
  }
  .formhandler .checkbox {
    float: none;
  }
  .formhandler .input.cardno {
    margin-top: 20px;
    margin-left: 0;
    float: none;
  }
  .formhandler .input.cardno input {
    margin-left: 0;
  }
  .formhandler input[type="checkbox"] {
    width: 10% !important;
  }
  .formhandler .alternativkarten td {
    display: block;
  }
  .formhandler .alternativkarten td ~ td {
    margin-top: 20px;
  }
}
.yag-item-thumb-outerframe {
  margin: 0 15px 15px 0;
  width: 170px;
  height: 170px;
  overflow: hidden;
}
@media screen and (min-width: 1020px) {
 /* ul#navigation > li:nth-last-of-type(2) {
    display: none;
  }
	ul#navigation > li:nth-last-of-type(3) {
		display: none;
	}
  ul#navigation > li:last-of-type {
    display: none;
  }*/
  
   #navigation .nav81, #navigation .nav680, #navigation .nav83, #navigation .nav815, #navigation .nav892 {
	  display: none;
  }
 
}
@media screen and (max-width: 900px) {
  html body #page #main #content #event-overview .event-box,
  html body #page #main #content #event-more .event-box {
    width: 32.8%;
  }
  html body #page #main #content #event-more .event-box:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  html body #page #main #content .ce-gallery {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body #page #main #content .ce-column {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body #page #main #content .ce-column + .ce-column {
    margin-left: 20px !important;
  }
  html body #page #main #content #event-overview .event-box,
  html body #page #main #content #event-more .event-box {
    width: 49.5%;
  }
  html body #page #main #content #event-more .event-box:last-of-type {
    display: block;
  }
  html body #page #main #footer {
    position: static;
    width: 100%;
  }
  html body #page #main #footer #contact {
    margin: 10px 0;
    padding: 0;
  }
  html body #page #main #footer > * {
    display: block;
    float: none;
    border: 0;
  }
}
@media screen and (max-width: 400px) {
  html body #page #main #content #event-overview .event-box,
  html body #page #main #content #event-more .event-box {
    width: 99.5%;
  }
  html body #page #main #content .yag-gallery ul li {
    width: 100% !important;
    height: auto !important;
    max-height: 275px !important;
    overflow: hidden;
  }
  html body #page #main #content .yag-gallery ul li a img {
    width: 100% !important;
  }
}
@media print {
  html body #page {
    max-width: 100%;
    padding: 0;
  }
  html body #page #icons {
    display: none;
  }
  html body #page #sidebar {
    display: none;
  }
  html body #page #main {
    float: none;
    width: 100%;
  }
  html body #page #main #header {
    display: none;
  }
  html body #page #main .teaser {
    height: auto;
  }
  html body #page #main .teaser img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  html body #page #main #content .event-more-header {
    display: none;
  }
  html body #page #main #content #event-more {
    display: none;
  }
  html body #page #main #footer {
    position: inherit;
    width: 100%;
  }
  html body #page #main #footer a:last-of-type {
    position: inherit;
    float: right;
  }
}
figcaption {
  margin: 5px 0 10px 0;
  font-size: 12px;
}
.ce-align-left {
  text-align: left;
}
.ce-align-center {
  text-align: center;
}
.ce-align-right {
  text-align: right;
}
.ce-table td,
.ce-table th {
  vertical-align: top;
}
.ce-textpic,
.ce-nowrap .ce-bodytext,
.ce-gallery,
.ce-row,
.ce-uploads li,
.ce-uploads div {
  overflow: hidden;
}
.ce-left .ce-gallery,
.ce-column {
  float: left;
}
.ce-center .ce-outer {
  position: relative;
  float: right;
  right: 50%;
}
.ce-center .ce-inner {
  position: relative;
  float: right;
  right: -50%;
}
.ce-right .ce-gallery {
  float: right;
}
.ce-gallery figure {
  display: table;
  margin: 0;
}
.ce-gallery figcaption {
  display: table-caption;
  caption-side: bottom;
}
.ce-gallery img {
  display: block;
}
.ce-gallery iframe {
  border-width: 0;
}
.ce-border img,
.ce-border iframe {
  border: 2px solid #9e1a30;
  padding: 5px;
}
.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
  margin-bottom: 20px;
}
.ce-intext.ce-right .ce-gallery {
  margin-left: 75px;
}
.ce-intext.ce-left .ce-gallery {
  margin-right: 75px;
}
.ce-below .ce-gallery {
  margin-top: 20px;
}
.ce-column {
  margin-right: 20px;
}
.ce-column:last-child {
  margin-right: 0;
}
.ce-row {
  margin-bottom: 3px;
}
.ce-row:last-child {
  margin-bottom: 0;
}
.ce-above .ce-bodytext {
  clear: both;
}
.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
  padding-left: 40px;
  overflow: auto;
}
.ce-uploads {
  margin: 0;
  padding: 0;
}
.ce-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}
.ce-uploads img {
  float: left;
  padding-right: 1em;
  vertical-align: top;
}
.ce-uploads span {
  display: block;
}
.align-justify {
  text-align: justify;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.clearer {
  content: '';
  margin: 0;
  padding: 0;
  font-size: 0;
  height: 0;
  width: 100%;
  clear: both;
}


/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.caption{padding: 8px; color: #fff; text-align: right;}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:hidden;/*padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;*/background:#000;box-shadow:rgba(0,0,0,0.6) 0 0 30px;margin-left:5%;margin-right:5%;max-height:95%;background:rgba(0,0,0,.8);cursor:auto;white-space:normal;box-sizing:content-box;}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:2px;right:2px;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:rgba(0,0,0,.8);;color:#fff}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}

/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight-next,
	.featherlight-previous {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 80%;
		cursor: pointer;
		/* preventing text selection */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/* IE9 hack, otherwise navigation doesn't appear */
		background: rgba(0,0,0,0);
	}

	.featherlight-previous {
		left: 0;
		right: 80%;
	}

	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: rgba(0,0,0,0.25);
	}


	.featherlight-next span,
	.featherlight-previous span {
		display: none;
		position: absolute;

		top: 50%;
		left: 5%;
		width: 82%;

		/* center horizontally */
		text-align: center;

		font-size: 80px;
		line-height: 80px;

		/* center vertically */
		margin-top: -40px;

		text-shadow: 0px 0px 5px #fff;
		color: #fff;
		font-style: normal;
		font-weight: normal;
	}
	.featherlight-next span {
		right: 5%;
		left: auto;
	}


	.featherlight-next:hover span,
	.featherlight-previous:hover span {
		display: inline-block;
	}

	/* Hide navigation while loading */
	.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
		display:none;
	}
}

/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px){
	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: none;
	}
	.featherlight-next span,
	.featherlight-previous span {
		display: block;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight-next,
	.featherlight-previous {
		top: 10px;
		right: 10px;
		left: 85%;
	}

	.featherlight-previous {
		left: 10px;
		right: 85%;
	}

	.featherlight-next span,
	.featherlight-previous span {
		margin-top: -30px;
		font-size: 40px;
	}
}


.veranstaltungen {
  margin-top: 10px;
  border-bottom: 1px solid #cccccc;
}
.veranstaltungen td {
  padding-bottom: 10px;
}
.veranstaltungskarten .header,
.veranstaltungskarten .subheader,
.veranstaltungskarten .subsubheader,
.veranstaltungskarten .row {
  display: flex;
  flex-direction: row;
}
.veranstaltungskarten .header.header .datum,
.veranstaltungskarten .subheader.header .datum,
.veranstaltungskarten .subsubheader.header .datum,
.veranstaltungskarten .row.header .datum,
.veranstaltungskarten .header.header .title,
.veranstaltungskarten .subheader.header .title,
.veranstaltungskarten .subsubheader.header .title,
.veranstaltungskarten .row.header .title,
.veranstaltungskarten .header.header .preisklasse,
.veranstaltungskarten .subheader.header .preisklasse,
.veranstaltungskarten .subsubheader.header .preisklasse,
.veranstaltungskarten .row.header .preisklasse,
.veranstaltungskarten .header.header .ermaessigt,
.veranstaltungskarten .subheader.header .ermaessigt,
.veranstaltungskarten .subsubheader.header .ermaessigt,
.veranstaltungskarten .row.header .ermaessigt {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 14px;
  padding-bottom: 10px;
  border-bottom: 4px solid #9e1a30;
}
.veranstaltungskarten .header.header .datum.preisklasse,
.veranstaltungskarten .subheader.header .datum.preisklasse,
.veranstaltungskarten .subsubheader.header .datum.preisklasse,
.veranstaltungskarten .row.header .datum.preisklasse,
.veranstaltungskarten .header.header .title.preisklasse,
.veranstaltungskarten .subheader.header .title.preisklasse,
.veranstaltungskarten .subsubheader.header .title.preisklasse,
.veranstaltungskarten .row.header .title.preisklasse,
.veranstaltungskarten .header.header .preisklasse.preisklasse,
.veranstaltungskarten .subheader.header .preisklasse.preisklasse,
.veranstaltungskarten .subsubheader.header .preisklasse.preisklasse,
.veranstaltungskarten .row.header .preisklasse.preisklasse,
.veranstaltungskarten .header.header .ermaessigt.preisklasse,
.veranstaltungskarten .subheader.header .ermaessigt.preisklasse,
.veranstaltungskarten .subsubheader.header .ermaessigt.preisklasse,
.veranstaltungskarten .row.header .ermaessigt.preisklasse,
.veranstaltungskarten .header.header .datum.ermaessigt,
.veranstaltungskarten .subheader.header .datum.ermaessigt,
.veranstaltungskarten .subsubheader.header .datum.ermaessigt,
.veranstaltungskarten .row.header .datum.ermaessigt,
.veranstaltungskarten .header.header .title.ermaessigt,
.veranstaltungskarten .subheader.header .title.ermaessigt,
.veranstaltungskarten .subsubheader.header .title.ermaessigt,
.veranstaltungskarten .row.header .title.ermaessigt,
.veranstaltungskarten .header.header .preisklasse.ermaessigt,
.veranstaltungskarten .subheader.header .preisklasse.ermaessigt,
.veranstaltungskarten .subsubheader.header .preisklasse.ermaessigt,
.veranstaltungskarten .row.header .preisklasse.ermaessigt,
.veranstaltungskarten .header.header .ermaessigt.ermaessigt,
.veranstaltungskarten .subheader.header .ermaessigt.ermaessigt,
.veranstaltungskarten .subsubheader.header .ermaessigt.ermaessigt,
.veranstaltungskarten .row.header .ermaessigt.ermaessigt {
  border-left: none;
}
.veranstaltungskarten .header.subheader .datum,
.veranstaltungskarten .subheader.subheader .datum,
.veranstaltungskarten .subsubheader.subheader .datum,
.veranstaltungskarten .row.subheader .datum,
.veranstaltungskarten .header.subheader .title,
.veranstaltungskarten .subheader.subheader .title,
.veranstaltungskarten .subsubheader.subheader .title,
.veranstaltungskarten .row.subheader .title,
.veranstaltungskarten .header.subheader .preisklasse,
.veranstaltungskarten .subheader.subheader .preisklasse,
.veranstaltungskarten .subsubheader.subheader .preisklasse,
.veranstaltungskarten .row.subheader .preisklasse,
.veranstaltungskarten .header.subheader .ermaessigt,
.veranstaltungskarten .subheader.subheader .ermaessigt,
.veranstaltungskarten .subsubheader.subheader .ermaessigt,
.veranstaltungskarten .row.subheader .ermaessigt {
  flex: 1;
  text-transform: uppercase;
  line-height: 14px;
  padding-top: 5px;
  border-bottom: none;
}
.veranstaltungskarten .header.subheader .datum.preisklasse,
.veranstaltungskarten .subheader.subheader .datum.preisklasse,
.veranstaltungskarten .subsubheader.subheader .datum.preisklasse,
.veranstaltungskarten .row.subheader .datum.preisklasse,
.veranstaltungskarten .header.subheader .title.preisklasse,
.veranstaltungskarten .subheader.subheader .title.preisklasse,
.veranstaltungskarten .subsubheader.subheader .title.preisklasse,
.veranstaltungskarten .row.subheader .title.preisklasse,
.veranstaltungskarten .header.subheader .preisklasse.preisklasse,
.veranstaltungskarten .subheader.subheader .preisklasse.preisklasse,
.veranstaltungskarten .subsubheader.subheader .preisklasse.preisklasse,
.veranstaltungskarten .row.subheader .preisklasse.preisklasse,
.veranstaltungskarten .header.subheader .ermaessigt.preisklasse,
.veranstaltungskarten .subheader.subheader .ermaessigt.preisklasse,
.veranstaltungskarten .subsubheader.subheader .ermaessigt.preisklasse,
.veranstaltungskarten .row.subheader .ermaessigt.preisklasse {
  text-align: center;
  display: flex;
  flex-direction: row;
}
.veranstaltungskarten .header.subheader .datum.preisklasse div,
.veranstaltungskarten .subheader.subheader .datum.preisklasse div,
.veranstaltungskarten .subsubheader.subheader .datum.preisklasse div,
.veranstaltungskarten .row.subheader .datum.preisklasse div,
.veranstaltungskarten .header.subheader .title.preisklasse div,
.veranstaltungskarten .subheader.subheader .title.preisklasse div,
.veranstaltungskarten .subsubheader.subheader .title.preisklasse div,
.veranstaltungskarten .row.subheader .title.preisklasse div,
.veranstaltungskarten .header.subheader .preisklasse.preisklasse div,
.veranstaltungskarten .subheader.subheader .preisklasse.preisklasse div,
.veranstaltungskarten .subsubheader.subheader .preisklasse.preisklasse div,
.veranstaltungskarten .row.subheader .preisklasse.preisklasse div,
.veranstaltungskarten .header.subheader .ermaessigt.preisklasse div,
.veranstaltungskarten .subheader.subheader .ermaessigt.preisklasse div,
.veranstaltungskarten .subsubheader.subheader .ermaessigt.preisklasse div,
.veranstaltungskarten .row.subheader .ermaessigt.preisklasse div {
  text-align: center;
  flex: 1;
}
.veranstaltungskarten .header.subheader .datum.ermaessigt,
.veranstaltungskarten .subheader.subheader .datum.ermaessigt,
.veranstaltungskarten .subsubheader.subheader .datum.ermaessigt,
.veranstaltungskarten .row.subheader .datum.ermaessigt,
.veranstaltungskarten .header.subheader .title.ermaessigt,
.veranstaltungskarten .subheader.subheader .title.ermaessigt,
.veranstaltungskarten .subsubheader.subheader .title.ermaessigt,
.veranstaltungskarten .row.subheader .title.ermaessigt,
.veranstaltungskarten .header.subheader .preisklasse.ermaessigt,
.veranstaltungskarten .subheader.subheader .preisklasse.ermaessigt,
.veranstaltungskarten .subsubheader.subheader .preisklasse.ermaessigt,
.veranstaltungskarten .row.subheader .preisklasse.ermaessigt,
.veranstaltungskarten .header.subheader .ermaessigt.ermaessigt,
.veranstaltungskarten .subheader.subheader .ermaessigt.ermaessigt,
.veranstaltungskarten .subsubheader.subheader .ermaessigt.ermaessigt,
.veranstaltungskarten .row.subheader .ermaessigt.ermaessigt {
  text-align: center;
}
.veranstaltungskarten .header.subsubheader .datum,
.veranstaltungskarten .subheader.subsubheader .datum,
.veranstaltungskarten .subsubheader.subsubheader .datum,
.veranstaltungskarten .row.subsubheader .datum,
.veranstaltungskarten .header.subsubheader .title,
.veranstaltungskarten .subheader.subsubheader .title,
.veranstaltungskarten .subsubheader.subsubheader .title,
.veranstaltungskarten .row.subsubheader .title,
.veranstaltungskarten .header.subsubheader .preisklasse,
.veranstaltungskarten .subheader.subsubheader .preisklasse,
.veranstaltungskarten .subsubheader.subsubheader .preisklasse,
.veranstaltungskarten .row.subsubheader .preisklasse,
.veranstaltungskarten .header.subsubheader .ermaessigt,
.veranstaltungskarten .subheader.subsubheader .ermaessigt,
.veranstaltungskarten .subsubheader.subsubheader .ermaessigt,
.veranstaltungskarten .row.subsubheader .ermaessigt {
  flex: 1;
  line-height: 14px;
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #9e1a30;
}
.veranstaltungskarten .header.subsubheader .datum.preisklasse,
.veranstaltungskarten .subheader.subsubheader .datum.preisklasse,
.veranstaltungskarten .subsubheader.subsubheader .datum.preisklasse,
.veranstaltungskarten .row.subsubheader .datum.preisklasse,
.veranstaltungskarten .header.subsubheader .title.preisklasse,
.veranstaltungskarten .subheader.subsubheader .title.preisklasse,
.veranstaltungskarten .subsubheader.subsubheader .title.preisklasse,
.veranstaltungskarten .row.subsubheader .title.preisklasse,
.veranstaltungskarten .header.subsubheader .preisklasse.preisklasse,
.veranstaltungskarten .subheader.subsubheader .preisklasse.preisklasse,
.veranstaltungskarten .subsubheader.subsubheader .preisklasse.preisklasse,
.veranstaltungskarten .row.subsubheader .preisklasse.preisklasse,
.veranstaltungskarten .header.subsubheader .ermaessigt.preisklasse,
.veranstaltungskarten .subheader.subsubheader .ermaessigt.preisklasse,
.veranstaltungskarten .subsubheader.subsubheader .ermaessigt.preisklasse,
.veranstaltungskarten .row.subsubheader .ermaessigt.preisklasse {
  text-align: center;
  display: flex;
  flex-direction: row;
}
.veranstaltungskarten .header.subsubheader .datum.preisklasse > div,
.veranstaltungskarten .subheader.subsubheader .datum.preisklasse > div,
.veranstaltungskarten .subsubheader.subsubheader .datum.preisklasse > div,
.veranstaltungskarten .row.subsubheader .datum.preisklasse > div,
.veranstaltungskarten .header.subsubheader .title.preisklasse > div,
.veranstaltungskarten .subheader.subsubheader .title.preisklasse > div,
.veranstaltungskarten .subsubheader.subsubheader .title.preisklasse > div,
.veranstaltungskarten .row.subsubheader .title.preisklasse > div,
.veranstaltungskarten .header.subsubheader .preisklasse.preisklasse > div,
.veranstaltungskarten .subheader.subsubheader .preisklasse.preisklasse > div,
.veranstaltungskarten .subsubheader.subsubheader .preisklasse.preisklasse > div,
.veranstaltungskarten .row.subsubheader .preisklasse.preisklasse > div,
.veranstaltungskarten .header.subsubheader .ermaessigt.preisklasse > div,
.veranstaltungskarten .subheader.subsubheader .ermaessigt.preisklasse > div,
.veranstaltungskarten .subsubheader.subsubheader .ermaessigt.preisklasse > div,
.veranstaltungskarten .row.subsubheader .ermaessigt.preisklasse > div {
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: row;
}
.veranstaltungskarten .header.subsubheader .datum.preisklasse > div div,
.veranstaltungskarten .subheader.subsubheader .datum.preisklasse > div div,
.veranstaltungskarten .subsubheader.subsubheader .datum.preisklasse > div div,
.veranstaltungskarten .row.subsubheader .datum.preisklasse > div div,
.veranstaltungskarten .header.subsubheader .title.preisklasse > div div,
.veranstaltungskarten .subheader.subsubheader .title.preisklasse > div div,
.veranstaltungskarten .subsubheader.subsubheader .title.preisklasse > div div,
.veranstaltungskarten .row.subsubheader .title.preisklasse > div div,
.veranstaltungskarten .header.subsubheader .preisklasse.preisklasse > div div,
.veranstaltungskarten .subheader.subsubheader .preisklasse.preisklasse > div div,
.veranstaltungskarten .subsubheader.subsubheader .preisklasse.preisklasse > div div,
.veranstaltungskarten .row.subsubheader .preisklasse.preisklasse > div div,
.veranstaltungskarten .header.subsubheader .ermaessigt.preisklasse > div div,
.veranstaltungskarten .subheader.subsubheader .ermaessigt.preisklasse > div div,
.veranstaltungskarten .subsubheader.subsubheader .ermaessigt.preisklasse > div div,
.veranstaltungskarten .row.subsubheader .ermaessigt.preisklasse > div div {
  flex: 1;
}
.veranstaltungskarten .header.subsubheader .datum.ermaessigt,
.veranstaltungskarten .subheader.subsubheader .datum.ermaessigt,
.veranstaltungskarten .subsubheader.subsubheader .datum.ermaessigt,
.veranstaltungskarten .row.subsubheader .datum.ermaessigt,
.veranstaltungskarten .header.subsubheader .title.ermaessigt,
.veranstaltungskarten .subheader.subsubheader .title.ermaessigt,
.veranstaltungskarten .subsubheader.subsubheader .title.ermaessigt,
.veranstaltungskarten .row.subsubheader .title.ermaessigt,
.veranstaltungskarten .header.subsubheader .preisklasse.ermaessigt,
.veranstaltungskarten .subheader.subsubheader .preisklasse.ermaessigt,
.veranstaltungskarten .subsubheader.subsubheader .preisklasse.ermaessigt,
.veranstaltungskarten .row.subsubheader .preisklasse.ermaessigt,
.veranstaltungskarten .header.subsubheader .ermaessigt.ermaessigt,
.veranstaltungskarten .subheader.subsubheader .ermaessigt.ermaessigt,
.veranstaltungskarten .subsubheader.subsubheader .ermaessigt.ermaessigt,
.veranstaltungskarten .row.subsubheader .ermaessigt.ermaessigt {
  text-align: center;
  display: flex;
  flex-direction: row;
}
.veranstaltungskarten .header.subsubheader .datum.ermaessigt div,
.veranstaltungskarten .subheader.subsubheader .datum.ermaessigt div,
.veranstaltungskarten .subsubheader.subsubheader .datum.ermaessigt div,
.veranstaltungskarten .row.subsubheader .datum.ermaessigt div,
.veranstaltungskarten .header.subsubheader .title.ermaessigt div,
.veranstaltungskarten .subheader.subsubheader .title.ermaessigt div,
.veranstaltungskarten .subsubheader.subsubheader .title.ermaessigt div,
.veranstaltungskarten .row.subsubheader .title.ermaessigt div,
.veranstaltungskarten .header.subsubheader .preisklasse.ermaessigt div,
.veranstaltungskarten .subheader.subsubheader .preisklasse.ermaessigt div,
.veranstaltungskarten .subsubheader.subsubheader .preisklasse.ermaessigt div,
.veranstaltungskarten .row.subsubheader .preisklasse.ermaessigt div,
.veranstaltungskarten .header.subsubheader .ermaessigt.ermaessigt div,
.veranstaltungskarten .subheader.subsubheader .ermaessigt.ermaessigt div,
.veranstaltungskarten .subsubheader.subsubheader .ermaessigt.ermaessigt div,
.veranstaltungskarten .row.subsubheader .ermaessigt.ermaessigt div {
  flex: 1;
}
.veranstaltungskarten .header.row,
.veranstaltungskarten .subheader.row,
.veranstaltungskarten .subsubheader.row,
.veranstaltungskarten .row.row {
  display: flex;
  flex-direction: row;
}
.veranstaltungskarten .header.row .datum,
.veranstaltungskarten .subheader.row .datum,
.veranstaltungskarten .subsubheader.row .datum,
.veranstaltungskarten .row.row .datum,
.veranstaltungskarten .header.row .title,
.veranstaltungskarten .subheader.row .title,
.veranstaltungskarten .subsubheader.row .title,
.veranstaltungskarten .row.row .title,
.veranstaltungskarten .header.row .preisklasse,
.veranstaltungskarten .subheader.row .preisklasse,
.veranstaltungskarten .subsubheader.row .preisklasse,
.veranstaltungskarten .row.row .preisklasse,
.veranstaltungskarten .header.row .ermaessigt,
.veranstaltungskarten .subheader.row .ermaessigt,
.veranstaltungskarten .subsubheader.row .ermaessigt,
.veranstaltungskarten .row.row .ermaessigt {
  text-align: center;
  flex-grow: 1;
  padding: 8px 0;
  line-height: 1;
}
.veranstaltungskarten .header.row .datum.datum,
.veranstaltungskarten .subheader.row .datum.datum,
.veranstaltungskarten .subsubheader.row .datum.datum,
.veranstaltungskarten .row.row .datum.datum,
.veranstaltungskarten .header.row .title.datum,
.veranstaltungskarten .subheader.row .title.datum,
.veranstaltungskarten .subsubheader.row .title.datum,
.veranstaltungskarten .row.row .title.datum,
.veranstaltungskarten .header.row .preisklasse.datum,
.veranstaltungskarten .subheader.row .preisklasse.datum,
.veranstaltungskarten .subsubheader.row .preisklasse.datum,
.veranstaltungskarten .row.row .preisklasse.datum,
.veranstaltungskarten .header.row .ermaessigt.datum,
.veranstaltungskarten .subheader.row .ermaessigt.datum,
.veranstaltungskarten .subsubheader.row .ermaessigt.datum,
.veranstaltungskarten .row.row .ermaessigt.datum {
  text-align: left;
}
.veranstaltungskarten .header.row .datum.title,
.veranstaltungskarten .subheader.row .datum.title,
.veranstaltungskarten .subsubheader.row .datum.title,
.veranstaltungskarten .row.row .datum.title,
.veranstaltungskarten .header.row .title.title,
.veranstaltungskarten .subheader.row .title.title,
.veranstaltungskarten .subsubheader.row .title.title,
.veranstaltungskarten .row.row .title.title,
.veranstaltungskarten .header.row .preisklasse.title,
.veranstaltungskarten .subheader.row .preisklasse.title,
.veranstaltungskarten .subsubheader.row .preisklasse.title,
.veranstaltungskarten .row.row .preisklasse.title,
.veranstaltungskarten .header.row .ermaessigt.title,
.veranstaltungskarten .subheader.row .ermaessigt.title,
.veranstaltungskarten .subsubheader.row .ermaessigt.title,
.veranstaltungskarten .row.row .ermaessigt.title {
  text-align: left;
  font-size: 14px;
}
.veranstaltungskarten .header.row .datum.title span,
.veranstaltungskarten .subheader.row .datum.title span,
.veranstaltungskarten .subsubheader.row .datum.title span,
.veranstaltungskarten .row.row .datum.title span,
.veranstaltungskarten .header.row .title.title span,
.veranstaltungskarten .subheader.row .title.title span,
.veranstaltungskarten .subsubheader.row .title.title span,
.veranstaltungskarten .row.row .title.title span,
.veranstaltungskarten .header.row .preisklasse.title span,
.veranstaltungskarten .subheader.row .preisklasse.title span,
.veranstaltungskarten .subsubheader.row .preisklasse.title span,
.veranstaltungskarten .row.row .preisklasse.title span,
.veranstaltungskarten .header.row .ermaessigt.title span,
.veranstaltungskarten .subheader.row .ermaessigt.title span,
.veranstaltungskarten .subsubheader.row .ermaessigt.title span,
.veranstaltungskarten .row.row .ermaessigt.title span {
  font-weight: 600;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  margin-bottom: 3px;
}
.veranstaltungskarten .header.row .datum.preisklasse,
.veranstaltungskarten .subheader.row .datum.preisklasse,
.veranstaltungskarten .subsubheader.row .datum.preisklasse,
.veranstaltungskarten .row.row .datum.preisklasse,
.veranstaltungskarten .header.row .title.preisklasse,
.veranstaltungskarten .subheader.row .title.preisklasse,
.veranstaltungskarten .subsubheader.row .title.preisklasse,
.veranstaltungskarten .row.row .title.preisklasse,
.veranstaltungskarten .header.row .preisklasse.preisklasse,
.veranstaltungskarten .subheader.row .preisklasse.preisklasse,
.veranstaltungskarten .subsubheader.row .preisklasse.preisklasse,
.veranstaltungskarten .row.row .preisklasse.preisklasse,
.veranstaltungskarten .header.row .ermaessigt.preisklasse,
.veranstaltungskarten .subheader.row .ermaessigt.preisklasse,
.veranstaltungskarten .subsubheader.row .ermaessigt.preisklasse,
.veranstaltungskarten .row.row .ermaessigt.preisklasse,
.veranstaltungskarten .header.row .datum.ermaessigt,
.veranstaltungskarten .subheader.row .datum.ermaessigt,
.veranstaltungskarten .subsubheader.row .datum.ermaessigt,
.veranstaltungskarten .row.row .datum.ermaessigt,
.veranstaltungskarten .header.row .title.ermaessigt,
.veranstaltungskarten .subheader.row .title.ermaessigt,
.veranstaltungskarten .subsubheader.row .title.ermaessigt,
.veranstaltungskarten .row.row .title.ermaessigt,
.veranstaltungskarten .header.row .preisklasse.ermaessigt,
.veranstaltungskarten .subheader.row .preisklasse.ermaessigt,
.veranstaltungskarten .subsubheader.row .preisklasse.ermaessigt,
.veranstaltungskarten .row.row .preisklasse.ermaessigt,
.veranstaltungskarten .header.row .ermaessigt.ermaessigt,
.veranstaltungskarten .subheader.row .ermaessigt.ermaessigt,
.veranstaltungskarten .subsubheader.row .ermaessigt.ermaessigt,
.veranstaltungskarten .row.row .ermaessigt.ermaessigt {
  display: flex;
  flex-direction: row;
}
.veranstaltungskarten .header.row .datum.preisklasse > div,
.veranstaltungskarten .subheader.row .datum.preisklasse > div,
.veranstaltungskarten .subsubheader.row .datum.preisklasse > div,
.veranstaltungskarten .row.row .datum.preisklasse > div,
.veranstaltungskarten .header.row .title.preisklasse > div,
.veranstaltungskarten .subheader.row .title.preisklasse > div,
.veranstaltungskarten .subsubheader.row .title.preisklasse > div,
.veranstaltungskarten .row.row .title.preisklasse > div,
.veranstaltungskarten .header.row .preisklasse.preisklasse > div,
.veranstaltungskarten .subheader.row .preisklasse.preisklasse > div,
.veranstaltungskarten .subsubheader.row .preisklasse.preisklasse > div,
.veranstaltungskarten .row.row .preisklasse.preisklasse > div,
.veranstaltungskarten .header.row .ermaessigt.preisklasse > div,
.veranstaltungskarten .subheader.row .ermaessigt.preisklasse > div,
.veranstaltungskarten .subsubheader.row .ermaessigt.preisklasse > div,
.veranstaltungskarten .row.row .ermaessigt.preisklasse > div,
.veranstaltungskarten .header.row .datum.ermaessigt > div,
.veranstaltungskarten .subheader.row .datum.ermaessigt > div,
.veranstaltungskarten .subsubheader.row .datum.ermaessigt > div,
.veranstaltungskarten .row.row .datum.ermaessigt > div,
.veranstaltungskarten .header.row .title.ermaessigt > div,
.veranstaltungskarten .subheader.row .title.ermaessigt > div,
.veranstaltungskarten .subsubheader.row .title.ermaessigt > div,
.veranstaltungskarten .row.row .title.ermaessigt > div,
.veranstaltungskarten .header.row .preisklasse.ermaessigt > div,
.veranstaltungskarten .subheader.row .preisklasse.ermaessigt > div,
.veranstaltungskarten .subsubheader.row .preisklasse.ermaessigt > div,
.veranstaltungskarten .row.row .preisklasse.ermaessigt > div,
.veranstaltungskarten .header.row .ermaessigt.ermaessigt > div,
.veranstaltungskarten .subheader.row .ermaessigt.ermaessigt > div,
.veranstaltungskarten .subsubheader.row .ermaessigt.ermaessigt > div,
.veranstaltungskarten .row.row .ermaessigt.ermaessigt > div {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  width: 33.33%;
}
.veranstaltungskarten .header.row .datum.preisklasse > div > div,
.veranstaltungskarten .subheader.row .datum.preisklasse > div > div,
.veranstaltungskarten .subsubheader.row .datum.preisklasse > div > div,
.veranstaltungskarten .row.row .datum.preisklasse > div > div,
.veranstaltungskarten .header.row .title.preisklasse > div > div,
.veranstaltungskarten .subheader.row .title.preisklasse > div > div,
.veranstaltungskarten .subsubheader.row .title.preisklasse > div > div,
.veranstaltungskarten .row.row .title.preisklasse > div > div,
.veranstaltungskarten .header.row .preisklasse.preisklasse > div > div,
.veranstaltungskarten .subheader.row .preisklasse.preisklasse > div > div,
.veranstaltungskarten .subsubheader.row .preisklasse.preisklasse > div > div,
.veranstaltungskarten .row.row .preisklasse.preisklasse > div > div,
.veranstaltungskarten .header.row .ermaessigt.preisklasse > div > div,
.veranstaltungskarten .subheader.row .ermaessigt.preisklasse > div > div,
.veranstaltungskarten .subsubheader.row .ermaessigt.preisklasse > div > div,
.veranstaltungskarten .row.row .ermaessigt.preisklasse > div > div,
.veranstaltungskarten .header.row .datum.ermaessigt > div > div,
.veranstaltungskarten .subheader.row .datum.ermaessigt > div > div,
.veranstaltungskarten .subsubheader.row .datum.ermaessigt > div > div,
.veranstaltungskarten .row.row .datum.ermaessigt > div > div,
.veranstaltungskarten .header.row .title.ermaessigt > div > div,
.veranstaltungskarten .subheader.row .title.ermaessigt > div > div,
.veranstaltungskarten .subsubheader.row .title.ermaessigt > div > div,
.veranstaltungskarten .row.row .title.ermaessigt > div > div,
.veranstaltungskarten .header.row .preisklasse.ermaessigt > div > div,
.veranstaltungskarten .subheader.row .preisklasse.ermaessigt > div > div,
.veranstaltungskarten .subsubheader.row .preisklasse.ermaessigt > div > div,
.veranstaltungskarten .row.row .preisklasse.ermaessigt > div > div,
.veranstaltungskarten .header.row .ermaessigt.ermaessigt > div > div,
.veranstaltungskarten .subheader.row .ermaessigt.ermaessigt > div > div,
.veranstaltungskarten .subsubheader.row .ermaessigt.ermaessigt > div > div,
.veranstaltungskarten .row.row .ermaessigt.ermaessigt > div > div {
  flex-grow: 1;
}
.veranstaltungskarten .header .datum,
.veranstaltungskarten .subheader .datum,
.veranstaltungskarten .subsubheader .datum,
.veranstaltungskarten .row .datum,
.veranstaltungskarten .header .title,
.veranstaltungskarten .subheader .title,
.veranstaltungskarten .subsubheader .title,
.veranstaltungskarten .row .title,
.veranstaltungskarten .header .preisklasse,
.veranstaltungskarten .subheader .preisklasse,
.veranstaltungskarten .subsubheader .preisklasse,
.veranstaltungskarten .row .preisklasse,
.veranstaltungskarten .header .ermaessigt,
.veranstaltungskarten .subheader .ermaessigt,
.veranstaltungskarten .subsubheader .ermaessigt,
.veranstaltungskarten .row .ermaessigt {
  border-bottom: 1px solid #cccccc;
}
.veranstaltungskarten .header .datum:nth-child(2),
.veranstaltungskarten .subheader .datum:nth-child(2),
.veranstaltungskarten .subsubheader .datum:nth-child(2),
.veranstaltungskarten .row .datum:nth-child(2),
.veranstaltungskarten .header .title:nth-child(2),
.veranstaltungskarten .subheader .title:nth-child(2),
.veranstaltungskarten .subsubheader .title:nth-child(2),
.veranstaltungskarten .row .title:nth-child(2),
.veranstaltungskarten .header .preisklasse:nth-child(2),
.veranstaltungskarten .subheader .preisklasse:nth-child(2),
.veranstaltungskarten .subsubheader .preisklasse:nth-child(2),
.veranstaltungskarten .row .preisklasse:nth-child(2),
.veranstaltungskarten .header .ermaessigt:nth-child(2),
.veranstaltungskarten .subheader .ermaessigt:nth-child(2),
.veranstaltungskarten .subsubheader .ermaessigt:nth-child(2),
.veranstaltungskarten .row .ermaessigt:nth-child(2) {
  flex-grow: 3;
}
.veranstaltungskarten .header .datum:nth-child(3),
.veranstaltungskarten .subheader .datum:nth-child(3),
.veranstaltungskarten .subsubheader .datum:nth-child(3),
.veranstaltungskarten .row .datum:nth-child(3),
.veranstaltungskarten .header .title:nth-child(3),
.veranstaltungskarten .subheader .title:nth-child(3),
.veranstaltungskarten .subsubheader .title:nth-child(3),
.veranstaltungskarten .row .title:nth-child(3),
.veranstaltungskarten .header .preisklasse:nth-child(3),
.veranstaltungskarten .subheader .preisklasse:nth-child(3),
.veranstaltungskarten .subsubheader .preisklasse:nth-child(3),
.veranstaltungskarten .row .preisklasse:nth-child(3),
.veranstaltungskarten .header .ermaessigt:nth-child(3),
.veranstaltungskarten .subheader .ermaessigt:nth-child(3),
.veranstaltungskarten .subsubheader .ermaessigt:nth-child(3),
.veranstaltungskarten .row .ermaessigt:nth-child(3) {
  text-align: center;
  flex-grow: 3;
}
.veranstaltungskarten .header .datum:nth-child(4),
.veranstaltungskarten .subheader .datum:nth-child(4),
.veranstaltungskarten .subsubheader .datum:nth-child(4),
.veranstaltungskarten .row .datum:nth-child(4),
.veranstaltungskarten .header .title:nth-child(4),
.veranstaltungskarten .subheader .title:nth-child(4),
.veranstaltungskarten .subsubheader .title:nth-child(4),
.veranstaltungskarten .row .title:nth-child(4),
.veranstaltungskarten .header .preisklasse:nth-child(4),
.veranstaltungskarten .subheader .preisklasse:nth-child(4),
.veranstaltungskarten .subsubheader .preisklasse:nth-child(4),
.veranstaltungskarten .row .preisklasse:nth-child(4),
.veranstaltungskarten .header .ermaessigt:nth-child(4),
.veranstaltungskarten .subheader .ermaessigt:nth-child(4),
.veranstaltungskarten .subsubheader .ermaessigt:nth-child(4),
.veranstaltungskarten .row .ermaessigt:nth-child(4) {
  text-align: center;
}
.veranstaltungskarten .header .preisklasse,
.veranstaltungskarten .subheader .preisklasse,
.veranstaltungskarten .subsubheader .preisklasse,
.veranstaltungskarten .row .preisklasse {
  border-left: 1px solid #cccccc;
}
.veranstaltungskarten .header .ermaessigt,
.veranstaltungskarten .subheader .ermaessigt,
.veranstaltungskarten .subsubheader .ermaessigt,
.veranstaltungskarten .row .ermaessigt {
  border-left: 2px solid #888787;
}
.veranstaltungskarten .header input,
.veranstaltungskarten .subheader input,
.veranstaltungskarten .subsubheader input,
.veranstaltungskarten .row input {
  width: 17px !important;
  height: 17px;
  margin-right: 2px;
  font-size: 12px;
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 601px) {
  .veranstaltungskarten .row .datum,
  .veranstaltungskarten .row .title,
  .veranstaltungskarten .row .preisklasse,
  .veranstaltungskarten .row .ermaessigt {
    flex: 1;
  }
}
@media screen and (max-width: 600px) {
  div.veranstaltungskarten div.header.header {
    flex-wrap: wrap;
  }
  div.veranstaltungskarten div.header.header div.title {
    flex-basis: 100%;
    border-bottom: none;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 10px;
  }
  div.veranstaltungskarten div.header.header .datum {
    display: none;
  }
  div.veranstaltungskarten .subheader .datum,
  div.veranstaltungskarten .subsubheader .datum,
  div.veranstaltungskarten .subheader .title,
  div.veranstaltungskarten .subsubheader .title {
    display: none;
  }
  div.veranstaltungskarten:nth-child(4) {
    background-color: #0c08ff;
  }
  div.veranstaltungskarten:nth-child(4) .datum {
    border-top: none;
  }
  div.veranstaltungskarten .row .preisklasse {
    border-left: none;
  }
  div.veranstaltungskarten div.row.row {
    flex-wrap: wrap;
  }
  div.veranstaltungskarten div.row.row > div {
    border-bottom: none;
  }
  div.veranstaltungskarten div.row.row .datum {
    flex-basis: 100%;
    flex-shrink: 0;
    margin-top: 10px;
  }
  div.veranstaltungskarten div.row.row .title {
    flex-basis: 100%;
  }
  div.veranstaltungskarten div.row.row .preisklasse {
    margin-left: -10px;
    border-left: none;
    border-bottom: 1px solid #cccccc;
  }
  div.veranstaltungskarten div.row.row .ermaessigt {
    border-bottom: 1px solid #cccccc;
  }
  div.veranstaltungskarten div.row.row input {
    width: 17px;
  }
}