/*Fonts in Bootstrap.min.css*/

/**************************************************************************************
 General
**************************************************************************************/
body {
	color:#111;
	font-family: 'FuturaStd', sans-serif;
	font-weight:400;
	font-size:16px;
}
header {position:relative; margin-bottom:30px;}
.content {background-color:#FFF;position:relative; margin-bottom:60px; margin-top:20px;}
h1, .h1 {
	background-color:#ffdd1c;
	color:#05070c; 
	padding:15px; 
	margin:-90px 0 0 0; 
	font-size:26px; 
	font-weight:bold;
	text-transform:uppercase;
	height:100px;
	line-height:45px;
	letter-spacing:2px;
}
.home h1,#News {font-size:30px; height:auto;}
h2, .h2 {color:#05070c;font-size:30px;margin-top:0;}
h3, .h3 {color:#05070c;font-size:22px;}
h4, .h4,
h5, .h5,
h6, .h6 {
	color:#05070c;
}
hr{border-width:1px;border-color:#111;}
a, .pseudoLink {
	color:#5a5a5a;
	text-decoration: underline;
}
a:hover, a:focus, .pseudoLink:hover {
	color:#111;
}
small, .small {color:#aaa;}
.hyphens {
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
}
.breakword {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
.admin h1, .admin .h1 {height:auto;margin:20px 0 10px 0;}
.h1title {margin:0 0 30px 0;position:relative;top:-50px;}
.home .h1title {margin-top:30px; top:auto;}
strong {font-weight:bold;}
nobold {font-weight:normal !important;display:block;}
/**************************************************************************************
  Navigation
**************************************************************************************/
.navbar { min-height:65px;}
.navbar-default	{
	background-color:#fff;
	border:none;
	font-size:19px;
	position:relative;	
	color:#111;
}
.navbar-brand {position:absolute; top:0; left:0; width:auto; padding:0; margin-top:8px;}
.admin .navbar-brand {height:68px;overflow:hidden;}
.navbar-collapse {
	width:100%;
	border:none;
	padding-top:18px;
}
.nav > li {
	border-bottom:1px solid #111;
}
.nav > li.active,
.nav > li:hover {
	border-color:#ffdd1c;
	background-color:#ffdd1c;
}
.nav > li:last-child {
	border-bottom:none;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	text-decoration:none;
	background-color:#fff;
	color:#111;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li:focus > a,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
li.active ul.dropdown-menu, li:hover ul.dropdown-menu, li:focus ul.dropdown-menu {
	background-color:#FFDD1C;
	color: #111;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #ffdd1c;
    color: #111;
}
/*Sub-Navi*/
.nav > li.dropdown:hover {
    background-color: #ffdd1c;
}
.navbar-default ul.dropdown-menu {
    border: medium none;
	border-radius:0;
    box-shadow: none;
    display: block;
    float: left;
	position: static;
    top: 100%;
    left: 0;
    
    padding: 0 0 0 5px;
    width: 100%;
    min-width: 160px;
    background-clip: padding-box;
	background-color: #FFF;
    list-style: outside none none;
	
    font-size: 14px;
    text-align: left;
    z-index: 1000;
}

.navbar-default ul.dropdown-menu li {
    background-color: rgba(0, 0, 0, 0);
    float: left;
    padding: 0;
    width: auto;
}
.dropdown-menu > li > a {
	color:#111;
	text-decoration:none;
	padding: 3px 10px;
	width:100%;
}
.dropdown-menu > li > a:hover {
	text-decoration:underline;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	color:#111;
	background-color:transparent;
	text-decoration:underline;
}
/*Toggle*/
.container > .navbar-header {
	float:right;
	margin-left:0;
}
.navbar-toggle,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	border-radius:0;
	background-color:#FFF;
	height:41px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:8px;
	margin-bottom:0;	
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color:#111;
}
/**************************************************************************************
  Slider
**************************************************************************************/
.background-container, .background-slider {
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	z-index:-1;
	height:400px;
}
.background-slider {
	background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    opacity: 0;
	width:100%;
	height:100%;
}
.background-container img {display:none;}
.homeTiles .background-slider:first-child {opacity: 1;} /*damit sofort ein Bild angezeigt wird*/

/**************************************************************************************
 Home Tiles
**************************************************************************************/
.homeTiles {
	position:relative;
	min-height:400px;
}
/**************************************************************************************
  Home Quicklinks
**************************************************************************************/
.quicklink {
	position:relative;
	margin-top:35px;
}
.qlitem {
	position:relative;
	margin-bottom:30px;
	background-color:#000;

}
.qlitem img {
	width:100%;
	opacity:0.4;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.qlitem:hover img {
	opacity:1.0;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.qlitem:hover h2 { text-shadow: 0px 0px 5px #000000;}
.qlitem h2 {
	position:absolute;
	margin:0;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.qlitem h2 a {
	display:table;
	width:100%;
	height:100%;
	font-size:18px;
	color:#FFF;
	letter-spacing: 1px;
}
.qlitem h2 a span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height:100%;
}

/**************************************************************************************
   Content Ansicht
**************************************************************************************/
p, .ptext, .Content ul {
}
#Content:empty {
	display:none;
}
#Content img{
	max-width:100%;	
}
.Content ul, .Content  ol {
	padding-left:15px;
}
/*Gegensteuer Bootstrap für per Editor erstellte Tabellen*/
.website .Content table td{
	padding: 0 3px 3px 0;
}
.website .Content table td td {
	padding:0;
}
.website #Content td {vertical-align:top;}
/**************************************************************************************
  Galerie / Gallery / lightGallery
**************************************************************************************/
#lightgallery {margin-top:30px;}
#lightgallery.row > div {
	padding-top:15px;
	padding-bottom:15px;
}
#lightgallery .background-slider {
	cursor:pointer;
}
.Gallery #lightgallery a {
	background-color:#FFDD1C;
	display:block;
}
.Gallery #lightgallery img {
	opacity:1;
	-webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
.Gallery #lightgallery a:hover img {
	opacity:0.4;
	-webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
/**************************************************************************************
  jCarousel
**************************************************************************************/
#Carousel {
}
/**************************************************************************************
  Team
**************************************************************************************/
.team h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
}
.team .inner {
	margin-top:7px;
	padding:5px 0;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;
}
.team .iconlinks {
	width:20px;
	text-align:right;
	vertical-align:top;
}
.Team .row > * {
	margin-bottom:30px;
}
/**************************************************************************************
  Blog / News / Objekte
**************************************************************************************/
td.blogFilter {
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.aktiv1 {font-weight:500;}

.tblBlog {
	margin-top:20px;
}
.Blog .img-responsive {cursor:pointer;}
.lgIcon {
	background-color:#ddd;
	border-radius: 4px;
	line-height:1.42857;
	color:#111;
	white-space:nowrap;
}

/*Home*/
section.home {margin-top: 35px;margin-bottom: 15px}
section.home .blog-item {
	cursor:pointer;
	text-align:center;
	padding:25px 35px;
	border:1px solid #9d9d9c; 
	border-left-color:transparent;
	border-right-color:transparent;
	-webkit-transition: border-color 300ms linear;
    -moz-transition: border-color 300ms linear;
    -o-transition: border-color 300ms linear;
    transition: border-color 300ms linear;
}
section.home .blog-item:hover {
	border-color:#000;
	-webkit-transition: border-color 300ms linear;
    -moz-transition: border-color 300ms linear;
    -o-transition: border-color 300ms linear;
    transition: border-color 300ms linear;
}
.blog-item h3, .feedback .h3 {font-size:19px;margin-bottom:20px;}
.blog-item .h4 {font-size:15px;letter-spacing:2px;}
section.home a {text-decoration:none;}

#News{
	margin-top:20px;
	padding:15px;
	background-color:#ffdd1c;
	cursor:pointer;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
#News:hover {
	background-color:rgba(255, 221, 28,0.9);
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
#News h3 a {color:#111;}
#News h3 a:hover {text-decoration:underline;}
.newsline{ width:100%; border-bottom: solid 1px #000000;}

/*Referenzobjekte*/
.Baustellen h2, .Baustellen .h2,
.Baustellen h3, .Baustellen .h3,
.Baustellen h4, .Baustellen .h4 {
	font-weight:bold;
}
.Baustellen .row > div {
	margin-top:15px;
}
.Baustellen .row > div:last-child > .h3 {
	margin-top:0;
}

/**************************************************************************************
  Reservationen (Tblbox auch für Gallery)
**************************************************************************************/
#SquareLinks {}
.tblbox {
	margin-bottom:30px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}
.tblbox div {
    height: 100%;
    position: absolute;
    width: 100%;
	
	background-color:rgba(255,255,255,0.4);
	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.tblbox div:hover {
	background-color:rgba(255, 221, 28,0.6);
	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.tblbox h2 {
	display:table;
	width:100%;
	height:100%;
	margin:0;
	
	-webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    transition: color 300ms linear;
}
.tblbox div:hover a {
	color:#111;
	-webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    transition: color 300ms linear;
}
.tblbox h2 small {color:inherit;}
.tblbox a {
	display: table-cell;
    height: 95%;
    padding: 5%;
    text-align: center;
    vertical-align: middle;
    width: 95%;
	text-decoration:none;
	
	color:#111;
	-webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    transition: color 300ms linear;
}
/**************************************************************************************
  Footer
**************************************************************************************/
footer {
	color:#fff;
	line-height:24px;
	background-color:#05070c;
	position:relative;
	padding-top:30px;
}
footer a,footer a:hover,footer a.active,footer a:visited {
	color:#fff;
	text-decoration:none;
}
footer ul {
	list-style:none;
	padding:0;
	width:100%;
	margin:0;
}
footer li {
	float:left;
	width:auto;
	padding-right:20px;
}
footer a img {
	opacity:1;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
footer a:hover img {
	opacity:0.6;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

/* Sticky Footer */
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -280px;
  position:relative;/*für Sticky Footer irrelevant*/ 
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  min-height: 280px; 
}
/**************************************************************************************
  Done
**************************************************************************************/
#Done {
	text-align:center;
	bottom:50px;
	position:absolute;
	width:100%;
}
#Done p {font-size: 12px;}
#Done, #Done a {color:#ddd;}
#Done a {white-space:nowrap}
#Done a:hover {
	color:#111;
	text-decoration:none;
}
/**************************************************************************************
  Cookie Accept
**************************************************************************************/
#cookie_directive_container > * {
	background-color:rgba(255,221,28,0.8);
	padding-top:10px;
	font-size:16px;
	color:black;
}
#cookie_directive_container a {
	color:black;
}

#cookie_directive_container a.pull-right {
	color:white;
	background-color: transparent;
	margin-bottom:10px;
	text-decoration:none;
	background-color:black;
}
/**************************************************************************************
  Formulare
**************************************************************************************/
label {padding-top:5px;}
input {
	font-size:14px;
}
input[type="text"],
textarea,
input[type="password"],
select,
.select2,
.select2-results__option {
	color:#111;
	margin:1px;
	font-size:14px;
}
input[type="file"] {
	border:1px solid #DDD;
}
.btn, button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background-color:#05070C;
	color:#FFF;
}
.btn:hover, .btn:focus, .btn.focus,
.button:hover, .button:focus, .button.focus,
input[type="button"]:hover, input[type="button"]:focus, input[type="button"].focus,
input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"].focus,
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"].focus {
	background-color:#333;
	color:#FFF;
}
input[disabled] {
	background-color:#EEE;
	border-style:dotted;
	border:none;
}
input#Code {
	margin-top:0;
}
.input-group-addon {
	min-width:111px;
	padding-bottom:5px;
}
.bg-danger, .bg-primary, bg-success, .bg-info, .bg-warning {
padding:10px;	
}

/*Searchable Select*/
span.select2-container .select2-results__option--highlighted[aria-selected] {
	color:#111;
	background-color:#FFDD1C;
}
/**************************************************************************************
  Listen-, Tabellen-Ansicht, Paging
**************************************************************************************/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	border-color:#111;
}
.table-hover > tbody > tr:hover,
.pagination > li > a:hover {
	background-color:#ddd;
}
.table > thead > tr > th.listicon,
.table > tbody > tr > th.listicon,
.table > tfoot > tr > th.listicon,
.table > thead > tr > td.listicon,
.table > tbody > tr > td.listicon, 
.table > tfoot > tr > td.listicon {
	padding-left:0;
	padding-right:0;
	text-align:center;
}
.tbl {display:table;width:100%;}
.tbl > * {display:table-cell;}
td.back {text-align:center;}
td.back a{color:#FFF;background-color:#ffdd1c; display:block;line-height:85px;margin-bottom:10px;}
.table > thead > tr > td,
.table > thead:first-child > tr:first-child > td {
	border-color:transparent;
	border-bottom-width:none;
}
.admin td.back a {line-height:75px;margin:20px 0 10px 0;}
/*Paging*/
#Content .pagination {margin:0;padding-left:8px;}
.pagination > li > a, 
.pagination > li > span,
.pagination > li > a:hover {
	color:#5a5a5a;
}
.pagination > li > a {
	border-color:#ddd; /*am besten gleich wie bg-color*/
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	border-color:#111;
	background-color:#111;
}
/**************************************************************************************
 Admin
**************************************************************************************/
.CuteEditorGroupMenuCell img {
	box-sizing:content-box;
}
#CE_Editor1_ID {
	width:100% !important;
	line-height:initial;
	font-size:12px;
}

@media (min-width:768px){
	h1, .h1 {height:150px;}
	#News{ margin-top:-90px;}
	.home h1,#News {
		font-size:25px;
		/*min-height:210px;*/
		min-height:158px;
	}
	.qlitem h2 a {font-size:22px; letter-spacing:2px;}
	.tblbox h2 {font-size:25px;}
	/*Navigation*/
	.navbar {margin-bottom:0; min-height:85px;}
	.navbar-brand {height:auto; padding:0 15px 10px 0;}
	.container > .navbar-collapse {margin:0 -15px;}
	.navbar-collapse {width:auto;}
	.navbar-nav {margin-top:10px;}
	.nav > li {border:none;}
	.navbar-nav > li > a {padding-bottom:25px;}
	.nav > li > a {padding-left:12px;padding-right:12px; font-size:18px;}
	.navbar-default .navbar-nav > li > a img {display:block;}
	.navbar-default ul.dropdown-menu {display:none;}
	.navbar-nav > li:hover > .dropdown-menu,
	.navbar-nav > li:focus > .dropdown-menu {
		display:block;
		float: left;
		background-clip: padding-box;
		background-color: #ffdd1c;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		border-radius: 0;
		list-style: outside none none;
		min-width: 180px;
		padding: 5px 0;
		margin:0;
		text-align: left;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
	}
	.navbar-default ul.dropdown-menu li {float:none;font-size:16px;}
}
@media (min-width:992px){
	.home h1, #News {font-size:30px;min-height:165px;}
	.nav > li > a {padding-left:15px;padding-right:15px; font-size:19px;}
	.qlitem h2 a {font-size:28px;}
	.tblbox h2 {font-size:30px;}
	/*Impressum*/
	.flowrow {
		width:100%;
		-webkit-column-count: 2;
   		-moz-column-count: 2;
		column-count:2;
		-webkit-column-gap: 3em;
     	-moz-column-gap: 3em;
        column-gap: 3em;
	}
}
@media (min-width:1200px){
/*	.home h1, #News {min-height:120px;}*/
	.admin td.back a {line-height:85px;}
	.admin table td.xs-overflow {overflow:visible;}
	.qlitem h2 a {font-size:34px;}
}