.tx-ghm-events {

}

.tx-ghm-events .calendarWrap {
    width: 100%;
    margin: 0;
}

.tx-ghm-events .filterElement:nth-of-type(4n-1) {
    clear: left;
}

.tx-ghm-events .filterElement input {
    float: left;
    margin-right: 8px;
    opacity: .6;
}

.tx-ghm-events .filterElement label,.tx-ghm-events .filterElement a {
    float: left;
    width: 70%;
    width: calc(100% - 30px);
    word-wrap: break-word;
}

#main .tx-ghm-events .calendarContainer ul {
    padding: 0px;
    height: 45px;
    margin: 0;
    margin-left: 50%;
    width: 100%;
}

.tx-ghm-events .calendarContainer li {
  width: 50px;
  transition: all 1s;
  display: inline-block;
  height: 100%;
  padding-top: 15px;
  transform: translateX;
  left: -25px;
  position: relative;
  transform: translateX(0px);
}

.tx-ghm-events .calendarContainer li.calendarActive {
    width: 100px;
	color: white;
}

.tx-ghm-events .calendarContainer .calendarActive > span {
  font-size: 137.5%;
  text-transform: uppercase;
  margin-top: -18px;
}


.tx-ghm-events .calendarContainer .calendarActive > span.subDate {
  font-size: 75%;
  margin: 0 auto;
  opacity: 1;
  height: auto;
  margin-top: 5px;
}

.tx-ghm-events .programmElement .programmLogo .realLogo {
  height: 100%;
  width: 100%;
  background-color: #ccc;
  overflow: hidden;
  min-width: 140px;
}

.tx-ghm-events .programmElement .programmLogo .realLogo img {
    float: left;
}

.tx-ghm-events .programmElement .cropcontent {
    min-height: 20px;
}

.tx-ghm-events .programmElement .programmLogo .logoOverlay {
    position: relative;
	line-height: 110%;
}

.tx-ghm-events .programmElement {
    padding: 30px 0px;
}

#main .tx-ghm-events .programmElement h4,
.tx-ghm-events .programmElement h4 {
    font-size: 87.5%;
    color: #333;
    font-weight: normal;
    margin-bottom: 8px;
    text-transform: none;
}

.tx-ghm-events .programmElement h3 {
    font-size: 112.5%;
}

.tx-ghm-events .calendarContainer .arrowBTN {
    height: 45px!important;
}

.tx-ghm-events .calendarContainer .calendarBackground {
    height: 100%!important;
}

.tx-ghm-events .calendarContainer .calendarBackgroundCont {
    height: 110%!important;
}

.tx-ghm-events .cat-color-filter {
    float: left;
    width: 16px;
    height: 16px!important;
    padding: 2px;
    margin-right: 8px;
}

.tx-ghm-events input.searchterm {
    width: calc(100% - 40px);
    float: left;
    height: 40px;
}

.tx-ghm-events input.searchbt {
    background-image: url("../img/icons/pfeile/suche.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
}

.tx-ghm-events form input[type='reset'] {
    margin-right: 1px;
}

.tx-ghm-events .resultsLetter {
    text-transform: none;
}

.tx-ghm-events .programmDescription .cropcontent {
    margin: 10px 0px;
}

.tx-ghm-events .programmDescription .cropcontent p {
    margin: 0;
}

.tx-ghm-events a.more,
.tx-ghm-events a.less {
    background-image: url("../img/icons/icon_plus.png");
    background-repeat: no-repeat;
    padding-left: 16px;
    background-size: 12px;
    background-position: left center;
}

.tx-ghm-events a.more.open {
    background-image: url("../img/icons/icon_minus.png");
}

.resultcontenthp span.mini,
.resultcontenthp a.mini {
	font-size: 75%;
	padding: 0;
}

.resultcontenthp .programmElement .programmLogo {
	width: 110px;
	margin: 0px 10px 0 0px;
}

.tx-ghm-events .resultcontenthp .programmElement {
	padding: 10px 0px;
	transition: all .5s;
}

.resultcontenthp .programmElement .programmText {
	width: calc(100% - 120px);
	padding-left: 0px;
	padding-right: 0px;
    font-size: 87.5%;
}

.tx-ghm-events .resultcontenthp .programmElement .programmLogo .realLogo {
	max-width: 110px;
	min-width: 110px;
}

.tx-ghm-events .resultcontenthp {
	clear: both;
	max-height: 300px;
	overflow: hidden;
	margin-bottom: 10px;

}

.tx-ghm-events .resultcontenthp.loading {
	min-height: 50px;
	background-image: url('../img/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.tx-ghm-events div.scrollUp,
.tx-ghm-events div.scrollDown {
	width: 100%;
	margin: 0;
	background-position: 50% 3px;
	transition: all .15s;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;
}

.tx-ghm-events div.scrollDown:hover {
	background-position: 50% 6px;
}

.tx-ghm-events div.scrollUp:hover {
	background-position: 50% 0px;
}

.programmhpteaser {
    background-color: #fed201;
    margin-bottom: 25px;
    width: 100%;
    float: left;
    position: relative;
    padding: 20px;
}

#contentContainer .programmhpteaser div.inner {
    float: left;
    padding: 0px;
    width: 100%;
    padding-bottom: 3px;
}

.programmhpteaser div.inner .tx-ghm-events {
	background-color: #f6f6f6;
	padding: 15px;
}

.tx-ghm-events select#event-categories {
	background-color: #f6f6f6;
	font-size: 87.5%;
	font-family: "latoregular",sans-serif;
}

.tx-ghm-events select#event-categories option {
	font-size: 87.5%;
}


.tx-ghm-events select#event-categories option:hover,
.tx-ghm-events select#event-categories option:checked,
.tx-ghm-events select#event-categories option:active,
.tx-ghm-events select#event-categories option:focus {

}

.tx-ghm-events .programmElement .programmCategory {
	height: 15px!important;
}

.tx-ghm-events .programmElement .programmLogo .logoOverlay .mini.whiteText {
    clear: both;
}

.tx-ghm-events .programmElement .mini.whiteText,
.tx-ghm-events .programmElement .mini.tickets,
.tx-ghm-events .programmElement .toCalendar {
	float: left;
	margin-right: 2px;
}

@media print {
	.tx-ghm-events .programmCategory,
	.tx-ghm-events .programmElement .toCalendar,
	.tx-ghm-events .programmText .whiteText,
	.tx-ghm-events .programmElement .tickets,
	.tx-ghm-events .realLogo,
	.tx-ghm-events .navWrapper {
		display: none;
	}

	.tx-ghm-events .programmElement .programmDescription p {
		font-size: 87.5%;
		text-align: left;
		line-height: 1.25em;
	}

	.whiteText,
	.mini.whiteText,
	.tx-ghm-events .programmElement .mini.whiteText {
		color: #333!important;
	}

	.tx-ghm-events .programmElement,
	.tx-ghm-events .programmElement .programmLogo,
	.tx-ghm-events .programmElement .programmLogo .logoOverlay,
	.tx-ghm-events .programmElement .programmElement {
		background-color: transparent;
	}

	.tx-ghm-events .programmElement {
		padding: 10px;
		width: 200px;
		border: 1px solid #999;
		margin-left: 0px;
	}

	.tx-ghm-events .programmElement .programmLogo {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.tx-ghm-events .programmElement .programmLogo .logoOverlay {
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #999;
		padding-bottom: 4px;
		margin-bottom: 4px;
	}

	.tx-ghm-events .programmElement .programmLogo .logoOverlay .mini.whiteText {
		padding: 0;
		background-color: transparent;

		color: #333!important;
	}

	.tx-ghm-events .programmElement h3 {
		font-size: 87.5%;
		text-align: left;
	}

	.tx-ghm-events .programmText {
		padding: 0;
		width: 100%;
	}

	.tx-ghm-events .resultgroup {
		width: 100%;
		float: left;
		margin-right: 8px;
        border: 1px solid #999;
        break-inside: avoid;
	}

    .tx-ghm-events .resultgroup .programmElement {
        margin-left: 7px;
        margin-right: 7px;
        width: calc(25% - 14px);
    }
}

.tx-ghm-events .calendarContainer li {
	color: black;
}
.tx-ghm-events .cat-color-filter input[type="checkbox"]:checked{
	padding: 0px!important;
}
@media screen and (max-width: 1022px) {
	.startSeite .calendarContainer li {
		width: 32px;
	}
}