BODY {
	font-family: 'Open Sans', sans-serif;
}

/***************
GLOBAL
***************/
a { color: #4cabfd; transition: all 0.4s; }
a:hover { color: #000; }

input[type="text"]:focus , textarea:focus {
	background-color: transparent;
	box-shadow: unset;
}

p {
	font-size: 0.875rem;
}
.cc-left {
	left: initial !important;
	right: 0;
}
/***************
HEADER
***************/
header {
	color: #fff;
	height: 105px;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
	.quicknav {
		float: right;
	}
		.quicknav ul {
			float: right;
			list-style: outside none none;
			margin: 0;
			padding: 0;
			width: auto;
		}
			.quicknav ul li {
				float: left;
				font-size: 0.8rem;
				margin-right: 5px;
				padding-right: 5px;
			}
				.quicknav ul li a {
					color: #a7a7a7;
					text-transform: uppercase;
				}
			.quicknav ul li:last-child {
				border: medium none;
			}

	/***************
	LANG-NAV
	***************/		
	.langnav {
		float: right;
		margin: 17px 0 0 0;
	}
		.langnav a {
			border: medium none;
			float: right;
			height: 12px;			
			width: 15px;
			margin: 0 0 0 10px;
		}
		
		.langnav a.deutsch { background-image: url(../img/deutsch.png); margin-right: 10px; }
		.langnav a.english { background-image: url(../img/english.png); }

/***************
NAV
***************/
#nav {
	background-color: #000;
	padding: 0;
}

nav.top-bar {
	float: left;
	height: auto;
}
	ul.mainnav {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		ul.mainnav li {
			float: left;
		}
			ul.mainnav li a {
				color: #fff;
				float: left;
				font-size: 0.875rem;
				line-height: unset;
				padding: 14px 20px;
				text-transform: uppercase;
			}
		ul.mainnav li:hover {
			background-color: #fff;
		}
			ul.mainnav li:hover a {
				color: #000;
			}
		ul.mainnav li:hover > .main_dropdown {
			display: block;
		}
		
	.right-small {
		background-color: #000;
		border: none;
	}
		.tab-bar .menu-icon span:after {
			box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
		}
		
	.right-off-canvas-menu {
		background-color: #000;
	}
		.right-off-canvas-menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}		
			.right-off-canvas-menu ul li a {
				border-bottom: 1px solid #bbbbbb;
				color: #fff;
				display: block;
				padding: 0.66667rem;
				transition: background 300ms ease 0s;
			}
			.right-off-canvas-menu ul li a:hover {
				background-color: #fff;
				color: #000;
			}
			.right-off-canvas-menu ul li ul li a {
				padding: 0.66667rem 1.5rem;
			}
			
	.main_dropdown {
		background-color: #000;
		display: none;
		height: auto;
		margin: 0;
		min-width: 140px;
		position: absolute;
		top: 45px;
		transition: all 0.3s ease 0.2s;
		z-index: 999;
	}
		.main_dropdown li {
			width: 100%;
		}
			.main_dropdown li a {
				color: #fff !important;
				font-size: 0.8135rem !important;
				padding: 10px 0.9375em !important;
				width: 100%;
			}

		.main_dropdown li a:hover {
			color: #000 !important;
			background-color: #fff;
		}

/***************
SLIDER
***************/
#slider {
	height: auto;
	padding: 0;
}
	#slider .nivo-caption {
		background: transparent;
		color: #fff;
		float: left;
		font-size: 1.5rem;
		font-weight: bold;
		left: 2%;
		margin: -150px 0 0;
		overflow: unset;
		position: relative;
		text-transform: uppercase;
		width: auto;
	}
		#slider .nivo-caption h3 {			
			background-color: #4cabfd;
			color: #fff;
			font-size: 2.5rem;
			margin: 0;
			padding: 10px 20px;
			position: relative;
			z-index: 999;
		}
		#slider .nivo-caption p {
			background-color: #3d3d3d;
			bottom: -45px;
			color: #fff;
			float: left;
			font-size: 1.5rem;
			font-weight: bold;
			margin: 0;
			padding: 10px 20px;
			position: absolute;
			right: -22px;
			text-transform: initial;
		}
	
	#slider .csc-textpic-image  {
		margin: 0;
	}

/***************
MAIN
***************/
#main {
	background-color: #FAFAFA;
	padding-top: 20px;
	padding-bottom: 20px;
}

	#main img {
		width: 100%;
	}

	/***************
	CONTENT
	***************/
	input[type=submit], .btn {
		background-color: #4cabfd;
		border: medium none;
		color: #fff !important;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		padding: 7px 10px;
		text-transform: uppercase;
	}
		/***************
		EXT: FLAT_MGR
		***************/
		.tx-flatmgr-pi1 table {
			background-color: transparent;
			border: medium none;
			width: 100%;
		}
			.tx-flatmgr-pi1 .listYear td {
				border: medium none !important;
			}
			
		.tx-flatmgr-pi1 input {
			height: auto !important;
			padding: 5px 10px !important;
			width: auto;
		}
		
			.adminFlatList input[type=text] {
				background-color: #fff !important;
				height: auto !important;
			}
				.adminFlatList .adminFlatList_Personenanzahl {
					width: auto !important;
				}
		
			.adminFlatListInput {
				margin: 20px 0 0;
			}
				.adminFlatListInput input[type=text] {
					float: left;
					margin-right: 15px !important;
				}
				.adminFlatListInput input[type=text]:first-child {
					width: 400px;
				}
				.adminFlatListInput input#personenanzahl {
					width: 200px;
				}
				
			.tx-flatmgr-pi1 .adminFlatList td input {
				width: 100%;
			}
				
			.tx-flatmgr-pi1 .availabilityInput {
				margin: 10px 0 40px !important;
			}
				.tx-flatmgr-pi1 .availabilityInputHeader {
					display: none;
				}
				.tx-flatmgr-pi1 .availabilityInput .flatCategory {
					display: none;
				}
				.tx-flatmgr-pi1 .availabilityInput input {
					display: inline;
					margin: 0 10px !important;
				}
				.tx-flatmgr-pi1 .availabilityInput input[type=reset] {
					margin-right: 50px !important;
				}
			
			.tx-flatmgr-pi1 .listFlat {
				display: none;
			}
			.tx-flatmgr-pi1 .listYearTitle {
				display: none;
			}
			.tx-flatmgr-pi1 .theYears {
				display: none;
			}
			.tx-flatmgr-pi1 .theAdminYears {
				display: none;
			}
			
		/* POWER-MAIL ANFRAGEFORMULAR */
		form fieldset {
			border: medium none;
			margin: 10px 0 25px;
			padding: 0;
		}
			form .powermail_legend {
				display: none;
			}
			form .parsley-error {
				background-color: #ffbaba;
			}
			form .powermail_field {
				margin: 0;
			}
			
		.parsley-errors-list {
			font-size: 0.835rem;
			font-weight: bold;
			list-style-type: none;
			margin: 0 0 20px;
			padding: 0;
		}
		
		/* FORM */
		#anfrage .csc-form-element {
			float: left;
		}
			form .csc-form-element em {
				display: none;
			}
		.csc-form-7 .fieldset-subgroup ol {
			margin: 0;
		}
		.csc-form-8 {
			display: flex;
		}
			.csc-form-8 label {
				order: 1;
				width: 100% !important;
			}
			.csc-form-8 input {
				order: 0;
				margin: 0 10px 0 0;
			}
	/***************
	SIDEBAR
	***************/


	/***************
	NEWS
	***************/
	.news-list-item {
		background-color: #f4f4f4;
		margin-bottom: 10px;
		padding: 0 10px;
	}
		.news-list-item a {
			color: #000;
		}
		.news-list-item .news-list-morelink {
			padding-left: 0;
		}
		
		a.anfrage_buchen {
			background-color: #000;
			color: #fff !important;
			display: block;
			font-size: 1rem;
			height: 45px;
			line-height: 45px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			transition: all 0.33s ease 0s;
			width: 60%;
		}
			a.anfrage_buchen:hover {
				background-color: #9a7f41;
			}

/***************
FOOTER
***************/
footer {
	background-color: #eeeeee;
	border-top: 5px solid #4cabfd;
	color: #757575;
	font-size: 0.835rem;
	padding: 15px 0;
}

	footer .side-nav {
		padding: 0;
	}
		footer .side-nav li {
			margin: 0;
		}
			footer .side-nav li a {
				color: #a7a7a7 !important;
				padding: 5px 0 !important;
			}
			footer .side-nav li a:hover {
				background-color: transparent !important;
				color: #4cabfd !important;
			}

	#footer_copyright p {
		font-size: 0.8125rem;
		margin: 0;
	}


/* Small screens */
@media only screen {
	.logo { width: 41.6667% !important; }
	.offcanvas_menu { width: 33.3333% !important; }

	#nav ,
	.quicknav ,
	.langnav { display: none; }

	.title-area ,
	.tab-bar { display: block; }
	
	#anfrage .csc-form-element { width: 100%; }
		#anfrage .csc-form-element input[type=text] , #anfrage .csc-form-element select , #anfrage .csc-form-element textarea { width: 100%; }

	
}
@media only screen and (max-width: 40em) {
	.nivo-caption {
		display: none !important;
	}
} 

/* Medium screens */
@media only screen and (min-width: 40.063em) {
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

} 

/* Large screens */
@media only screen and (min-width: 64.063em) {
	.logo { margin-top: 13px; }

	#nav ,
	.quicknav ,
	.langnav { display: block; }

	.title-area ,
	.tab-bar { display: none; }
	
	#content { padding-right: 1.5em; }
	
	#anfrage .csc-form-element { width: 50%; }
		#anfrage .csc-form-element input[type=text] , #anfrage .csc-form-element select , #anfrage .csc-form-element textarea { width: 96%; }
	
	/* ANREDE */
	.csc-form-18 {
		width: 100% !important;
	}
		.csc-form-18 select {
			width: 98% !important;
		}
	
	/* MITTELIUNG */
	.csc-form-28 {
		width: 100% !important;
	}
		.csc-form-28 textarea {
			width: 98% !important;
		}

}
@media only screen and (min-width: 992px) {
	.logo img {
		transform: scale(1.1);
	}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } 

/* XLarge screens */
@media only screen and (min-width: 90.063em) { }
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } 

/* XXLarge screens */