.tx-creportal.row {
	max-width: 1920px;
	margin: 0 auto;
}
.toTheRequest {
	color: #1c5c20;
	cursor: pointer;
}
.toTheRequest:hover { color: #222; }

.additionalfilter .h2 {
	color: #1c5c20;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.accomodationitem {
	border-bottom: 1px solid #1c5c20;
	padding-bottom: 1.5em;
	margin-top: 1.5em;
}
.accomodationitem:last-child {
	padding-bottom: 0;
	border:0;
}


ul.related {
	padding: 0;
	margin: 0;
}
.related li {
	list-style-type: none;
	display: inline-block;
	margin:0 10px 0 0;
	padding: 0 10px 0 0;
	font-size: .9em;
	border-right: 1px solid;

}
.related li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
.filterlist {
	padding: 0;
	margin: 0 0 1.5em;
}
.filterlist h2,
#content .filterlist p{
	margin-bottom: .5em;
}
.filterlist h2,
#content .filterlist p {
	line-height: 1.2em;
}
.filterlist .row .col-sm-4 img {
	margin-bottom: 1em;
}
.filterlist > li:not(:last-child) {
	border-bottom: 1px solid #1c5c20;
	margin-bottom: 1.5rem;
}

.filterlist .highlights {
	font-weight: 700;
	margin-bottom: 1em;
}
.sidebarblock .rating .float-left {
	width: 120px;
	font-weight: 600;
}
.sidebarblock.features p {
	display: block !important;
	margin-bottom: 0;
}
.sidebarblock .rating {
	line-height: 1.2em;
}
.rating.small {
	color: #1c5c20;
	font-weight: 400;
}
.singleview .rating > div {
	overflow: hidden;
}
.singleview > div.row h2 {
	margin-bottom: 0;
}
.rating > span,
.ratingsmall > span{
	color: #418e0e;
	font-size: .9em;
}
.ratingsmall > span,
.rating span {
	color: #1c5c20;
	font-size: .5em;
	vertical-align: middle;
	margin-right: 2px;
}

.filterrating {
	display: inline-block;
	position: relative;
}

.filterrating label {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.filterrating label:last-child {
	position: static;
}

.filterrating label:nth-child(1) {
	z-index: 5;
}

.filterrating label:nth-child(2) {
	z-index: 4;
}

.filterrating label:nth-child(3) {
	z-index: 3;
}

.filterrating label:nth-child(4) {
	z-index: 2;
}

.filterrating label:nth-child(5) {
	z-index: 1;
}

.filterrating label input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.filterrating label .fa {
	float: left;
	color: transparent;
}

.filterrating label:last-child .fa {
	color: #424242;
}

.filterrating:not(:hover) label input:checked ~ .fa,
.filterrating:hover label:hover input ~ .fa {
	color: #418e0e;;
}

.filterrating label input:focus:not(:checked) ~ .fa:last-child {
	color: #424242;
}

/* Hiding the checkbox, but allowing it to be focused */
.badgebox {
	opacity: 0;
}

.badgebox + .badge {
	/* Move the check mark away when unchecked */
	text-indent: -999999px;
	/* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
}

.badgebox:focus + .badge {
	/* Set something to make the badge looks focused */
	/* This really depends on the application, in my case it was: */

	/* Adding a light border */
	/*box-shadow: inset 0px 0px 5px;*/
	/* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
	/* Move the check mark back when checked */
	text-indent: 0;
}

.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 400 !important;
	line-height: 1;
	color: #666 !important;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}
.badge {
	margin-right: 2px;
	color: #666 !important;
	padding: 5px 8px;
}
.badge-info {
	color: #666 !important;
	background-color: transparent !important;
}
.badge [data-role="remove"]::after {
	content: "×";
	padding: 0px 4px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	font-size: 13px;
}
.badge [data-role="remove"] {
	margin-left: 2px;
	cursor: pointer;
}

.loading {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 )
	url('../Images/preloader.gif')
	50% 50%
	no-repeat;
}

.resetfilter {
	position: relative;
	float: left;
	font-size: 0.8em;
	vertical-align: middle;
}
.resetfilter:hover {
	color: #418e0e;;
	cursor: pointer;
}
/* Pagination */
.f3-widget-paginator {
	width: 100%;
	clear: both;
	display: block;
}
.f3-widget-paginator li {
	list-style-type: none;
	display: inline-block;
	margin-left: 10px;
}

/* Wishlist */
.wishlist i{
	cursor: pointer;
	display: inline-block;
	clear: both;
}
.addToWishlist .icon-heart3,
.removeFromWishlist .icon-heart3 {
	position: relative;
	margin-right: 10px;
}
.addToWishlist .icon-heart3:after,
.removeFromWishlist .icon-heart3:after{
	content: '+';
	position: absolute;
	right: -3px;
	bottom: -2px;
	font-weight: 900;
	font-size: 0.8em;
}
.removeFromWishlist .icon-heart3:after {
	content: '-';
}
/* Whishlist Request */
.actionbuttons .wishlist {
	float: right;
}
.wishlist-request .form-row {
	margin-bottom: 10px;
}
.wishlist-request .form-row .form-row,
.wishlist-request .form-row .form-group {
	margin-bottom: 0;
}
.wishlist-request label {
	margin-bottom: 0;
}

.wishlist.sticky {
	position: fixed;
	right: 80px;
	bottom: 27px;
	z-index: 1020;
	-webkit-transition: right .4s ease;
	-o-transition: right .4s ease;
	transition: right .4s ease;
}
body.side-panel-open .wishlist.sticky {
	right: 300px;
}

.reviewlisting > .row:last-child {
	border: 0 !important;
	margin-bottom: 0 !important;
}


.wishlist.sticky > span {
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 60px;
	height: 60px;
	padding: 10px;
	background: rgba(28, 92, 32, 1);
	color: #fff;
	margin-bottom: 4px;
	overflow: hidden;
	-webkit-transition: background-color .4s ease, width .3s ease-in-out;
	-o-transition: background-color .4s ease, width .3s ease-in-out;
	transition: background-color .4s ease, width .3s ease-in-out;
	text-align: center;
	font-size: 34px;
	box-shadow: -1px 1px 3px rgba(28, 92, 32, 0.2);
}
.wishlist.sticky .addToWishlist .icon-heart3:after,
.wishlist.sticky .removeFromWishlist .icon-heart3:after {
	right: -7px;
	bottom: -4px;
}
.wishlist .icononly {
	width: auto;
	min-width: auto;
	background: rgba(28, 92, 32, 1);
	color: #fff;
}
.wishlist .icononly:hover {
	width: auto;
	min-width: auto;
	background: rgba(65, 142, 14, 1);
	color: #fff;
}
.wishlist .icononly .icon-heart3 {
	margin-right: 0;
}
.wishlist .addToWishlist.icononly .icon-heart3:after,
.wishlist .removeFromWishlist.icononly .icon-heart3:after {
	right: -6px;
	bottom: -7px;
}

#wishlistcounter {
	position: absolute;
	display: inline-block;
	font-size: 14px;
	text-shadow: 0 0 5px #333;
	color: #fff
}
_:-ms-fullscreen, :root #wishlistcounter {
	left: 24px;
	top: 20px;
}

.wishlistpulse {
	animation-name: wishlistpulse;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
}

@keyframes wishlistpulse {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(2.05, 2.05, 2.05);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

[class^="properties-"] i:not(:first-child),
[class^="keyfacts-"] i:not(:first-child) {
	margin-left: 10px;
}


/* MAP */
#mapid,
#map {
	height: 180px;
	z-index: 5;
}
#mapid.bigsize {
	height: 450px;
}
#bigmapdata {
	width:800px;
	height: 500px;
}
/*#enlargeMap {*/
/*	position: absolute;*/
/*	z-index: 1000;*/
/*	right: 0;*/
/*	top: 0;*/
/*	color: #fff;*/
/*	background-color: #1c5c20;*/
/*	padding: 5px 10px 3px;*/
/*}*/

.typo3-messages {
	padding: 0;
	list-style-type: none;
}



.semibold {
	font-weight: 600;
}

.slider-container {
	margin: 10px 0  10px 5px;
}
.rs-container .rs-selected {
	background-color: rgba(28, 92, 32, 1);
	border-color: rgba(28, 92, 32, 1);
}

.keyfacts-daypoint i,
.properties-daypoint i{
	color: #1c5c20;
}
.accordion-rooms .panel-body p:not(.properties-period),
.accordion-rooms .panel-body ul.notype,
.periods .panel-body p:not(.properties-period) {
	margin-bottom: 10px;
}

.periods .green,
.panel-heading .green,
header > *.green.border-bottom {
	border-color: #1c5c20 !important;
}
.greenicon:before,
.accomodationitem .notype li > i,
.notype.greenicons li > i {
	color: #1c5c20;
}
.sidebarblock .far.green,
.sidebarblock .fab.green,
.sidebarblock .fas.green,
.sidebarblock .fa.green,
.greenicon:before,
.accomodationitem .notype li > i {
	width: 30px;
}

.greenicon:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
}
.nostyle {
	list-style: none;
	padding: 0;
}
.check:before {
	content: '\f00c';
}
.chevroncircle:before {
	content: '\f138';
}

.periods h4.panel-title,
.periods h4 {
	font-size: 28px;
}

.furtherdaypoints h5,
.further-daypoints-item h5,
.daypoints h5,
.periodhost h5,
.daypoint-item h5 {
	color: #000;
	font-size: 22px;
	font-weight: 600;
}

.furtherdaypoints h5,
.further-daypoints-item h5 {
	color: #737373;
}

#buchung-fieldset-angebot .form-group > label,
#teilnehmer_addformular .form-group > label,
#flug_addformular .form-group > label,
#buchung-fieldset-mietwagen .form-group label,
#buchung-fieldset-rechnungsempfaenger .form-group label,
#buchung-fieldset-reiseanmelder .form-group label,
#buchung-fieldset-persoenliche-daten .form-group label,
#buchung-fieldset-zahlungsart .form-group label,
#buchung-fieldset-angebot legend,
#buchung-fieldset-datenschutz legend,
#buchung-fieldset-absenden legend,
.periodhost .features p:first-child {
	display: none;
}
#buchung-fieldset-zahlungsart #buchung-zahlungsart-1 label {
    display: block;
}
#buchung-fieldset-zahlungsart #buchung-zahlungsart-1.inputs-list {
    margin-left: 20px;
}

#buchung-teilnehmer,
#buchung-flugbuchung {
	visibility: hidden;
    height: 0;
}

th[scope="row"],
table.table-column-width tr:first-of-type th {
    width: 150px;
}
.tx-creportal .legend p {
	display: inline;
}
.tx-creportal .legend i {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 8px;
}

@media screen and (max-width: 767px){
	.furtherdaypoints h5,
	.further-daypoints-item h5,
	.daypoints h5,
	.periodhost h5,
	.daypoint-item h5 {
		font-size: 22px;
	}
}
#teilnehmer_addformular,
#flug_addformular {
    position: relative;
}
.toggleAddformular {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}