/*Fonts in Bootstrap.min.css*/

/**************************************************************************************
  General
**************************************************************************************/
body {
	color:#02060d;
	background-color:#FFF;
	font-family: FrutigerLTStd, Arial, sans-serif;
	/*letter-spacing:1px;*/
}
header {position:relative;min-height:134px;}
.admin header {min-height:134px;}
.website .content > .container {margin-top:20px;}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	text-transform:uppercase;
}
h1, .h1 {background-color:#FFDE15;margin-top:0;padding:5px 0 15px 0;}
h1 > span.container {display:block;}
h1 span.onlyH1,
.admin h1 {padding-top:10px;}
h1 small {
	color:#02060d;
	font-size:0.5em;
}
h1 small:after {content:' //';}
h3, .h3 {color:#FFDE15;}
hr{border-width:2px;}
a, .pseudoLink {
	color:#02060d;
	text-decoration:underline;
}
a:hover, a:focus, .pseudoLink:hover {
	text-decoration:none;
	color:#1D2224;
	cursor:pointer;
}
[onclick^="location.href"], [onclick^="window.open"] {
	cursor:pointer;
}
small, .small {color:#888;font-size:80%;}
.home .content .row .img-responsive {box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);}
/**************************************************************************************
  Navigation
**************************************************************************************/
#LangChange{position:absolute;top:0;left:345px;z-index:1;}
#LangChange .btn-primary {
	width:52px;
	border-color:#1D2224;
}
#LangChange .btn-primary:hover, 
#LangChange .btn-primary:focus, 
#LangChange .btn-primary.focus, 
#LangChange .btn-primary:active, 
#LangChange .btn-primary.active, 
#LangChange .open > .dropdown-toggle.btn-primary {
	background-color:#0173B9;
	border-color:#0173B9;
	color:#FFF;
}
#LangChange ul.dropdown-menu {
	position:absolute;
	display:none;
	min-width:0;
	width:52px;
	height:32px;
	margin:0;
	padding:0;
	border: 1px solid #0173B9;
	background-color:#FFF;
}
#LangChange.open ul.dropdown-menu {display:block;}
#LangChange ul.dropdown-menu:hover {
	border-color:#1D2224;
}
#LangChange ul.dropdown-menu a {
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	border:none;
	margin:0;
	padding:6px 8px;
	width:100%;
	color:#02060d;
}
#LangChange ul.dropdown-menu a:hover {
	color:#0173B9;
}

/**************************************************************************************
  Navigation
**************************************************************************************/
.navbar {margin-bottom:50px;}
.navbar-default	{
	background: url(../images/logo-bg.gif) repeat-y 0 0 #1d2224;
	font-size:18px;
	font-family: FrutigerLTStd, Arial, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	color:#02060d;
	border:none;
	padding-bottom:0px;
	border-radius:0;
}
.navbar > .container {background-color:inherit;}
.navbar-brand {
		float:none;
		display:inline-block;
		height:auto;
		max-height:100%;
		padding:8px 15px 0 15px;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
	background-color:#1D2224;
}
.navbar-collapse {
	border:none;
	box-shadow:none;
}
.nav a {
	text-decoration:none;
	letter-spacing:1px;
}
.nav > li {
	border-bottom:1px solid #FFF;
}
.nav > li.active,
.nav > li:hover {
	border-color:#FFF;
}
.nav > li:last-child {
	border-bottom:none;
}
.navbar-default .navbar-nav > li > a {
	color:#FFF;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.navbar-default .navbar-nav > li > a > span {
	border-bottom:1px solid #1D2224;
	-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 > a:hover, .navbar-default .navbar-nav > li > a:focus,
.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 {
	color:#FFF;
	background-color:transparent;
	-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 > span,
.navbar-default .navbar-nav > .active > a > span {
	border-bottom:1px solid #FFF;
	-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 {
    color:#fada1a;
    background-color: transparent;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
/*Sub-Navi*/
/*.nav > li.dropdown:hover {
    background-color: #fada1a;
}*/
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 10px 0;
    width: 100%;
    min-width: 200px;
    background-clip: padding-box;
	background-color: rgba(0, 0, 0, 0);
    list-style: outside none none;
    font-size: 14px;
    text-align: left;
    z-index: 1000;
}
ul.dropdown-menu li {
    background-color: rgba(0, 0, 0, 0);
    float: left;
    padding: 0;
    width: auto;
}
.dropdown-menu > li > a {
	color:#FFF;
	font-weight:700;
	padding: 10px 15px;
	width:100%;
	background-color:transparent;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	color:#02060d;
	background-color:transparent;
}
/*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:#1D2224;
	height:41px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:8px;
	margin-bottom:0;
}
.navbar-default .navbar-toggle {
	border-color:#fada1a;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#fada1a;
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color:#FFF;
}
/**************************************************************************************
  Slider
**************************************************************************************/
#Slider {
	position:relative;
	height:360px;
	box-sizing:content-box;
	overflow:hidden;
}
.background-container, .background-slider {
	background-position:center center;
	background-repeat:no-repeat; 
	background-size:cover;
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.background-container img {display:none;}
.background-slider{opacity:0;}
.background-slider:first-child {opacity: 1;} /*damit sofort ein Bild angezeigt wird*/

/**************************************************************************************
  Content Ansicht
**************************************************************************************/
/*JC #Content > * {width:100%;padding:0 15px;}
#Content > table > * > tr > td:first-child {padding-left:15px;}
#Content > table > * > tr > td:last-child {padding-right:15px;}
#Content > table.table > * > tr > td.listicon {padding-left:0;padding-right:0;}*/

p, .ptext, .Content ul {
	margin:3px 0 10px 0;
}
#Content:empty {
	display:none;
}
#Content img{
	max-width:100%;	
	height:auto;
}
.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;
}
.tbl {display:table; width:100%;}
.tbl > .tblrow {display:table-row;}
.tbl > *,
.tbl > .tblrow > * {
	display:table-cell;
}
.tbl h1 {padding:20px 0 10px 0}

/**************************************************************************************
  Home / Quicklinks (Kacheln) / BlogPost
**************************************************************************************/
#quickLinks {padding:77px 0 0 0;}
.box {
	background-color:#FFDE15;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}
.box:hover {
	background-color:rgba(251, 215, 18,0.7);
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.box img {
	opacity:1;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.box:hover img {
	opacity:0.7;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.box .txt {
	padding:8%;
	height:165px;
	overflow:hidden;
}
.box h4 {
	background: url(../images/box-top-border.png) no-repeat top left;
	font-size:13px;
	text-transform:uppercase;
	margin-top:0;
	padding-top:10px;
}
.box h4:after {content:' //';}
.box h2 {
	font-size:16px;
	line-height:1.3;
	text-transform:none;
	height:35px;
}
.box h2 a {
	color:#02060d;
	text-decoration:none;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
	/*word-wrap:break-word;*/
}
.box p {font-size:13px;}

#BlogPost {
	position:relative;
}
#BlogPost .box {
	position:absolute;
	bottom:-65px;
	background:url(../images/newsbox.png) no-repeat right bottom transparent;	
	padding:40px 25px 50px 25px;
	max-width:263px;
	max-height:424px;
	overflow:hidden;
    right: 15px;
    width: 100%
}
.maxOverflow {
	overflow:hidden;
	max-height:calc(7vw + 7vh);
	position:relative;
}
.maxOverflow:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:30px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

@media (min-width:990px) and (max-width:1200px){
    
  #BlogPost .box {
	max-width:211px;
	max-height:424px;
    }  
    
}
    
#BlogPost .box:hover {
	opacity:0.8;
}
#BlogPost h2 {height:auto; margin-bottom:20px;}
#BlogPost h2 a {color:#02060d;}

/*Update JC 21.07.2016*/
#BlogPost .box .inner {
	border-top:1px solid #1D2224;
	width:100%;
}
#BlogPost .box .inner:hover {
	cursor:pointer;
}
#BlogPost .box .inner:hover a {
	text-decoration:underline;
}

/**************************************************************************************
  Kontaktformular
**************************************************************************************/
#lightgallery {margin-top:30px;}
#lightgallery > * {margin-bottom:30px;}
#lightgallery a {background-color:#FFDE15;display:block;}
#lightgallery a img {
	opacity:1;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#lightgallery a:hover img {
	opacity:0.7;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
/**************************************************************************************
  Kontaktformular
**************************************************************************************/
form#Kontakt {position:relative;}
/*#Kontakt .form-group label{display:none;}*/
form#Kontakt .cbx label {display:inline-block;}
form#Kontakt .btn {min-width:110px;}

/**************************************************************************************
  Galerie / Gallery / lightGallery / carousel
**************************************************************************************/
#lightgallery.row > div {
	padding-top:15px;
	padding-bottom:15px;
}
#lightgallery .background-slider {
	cursor:pointer;
}
#lightgallery a img {opacity:1;}
#lightgallery a:hover img {opacity:0.6;}
#lightgallery a img,
#lightgallery a:hover img {
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

/**************************************************************************************
  Blog
**************************************************************************************/
.blogFilter {
	font-weight:700;
	padding:7px 10px;
	background-color:#02060d;
	text-transform:uppercase;
	text-align:justify;
}
.blogFilter a, .blogFilter button {color:#FFF;padding: 0 5px;}
.blogFilter a:first-child {color:#FFF;}
.blogFilter button.active,
.blogFilter a.aktiv1, 
.blogFilter a:hover {font-weight:700;color:#02060d;}

.blogFilter button {
	border:none;
	margin-bottom:1px;
}
.tblBlog {
	margin-top:20px;
}
.blogImg {cursor:pointer;margin-bottom:3%;}
.lgIcon {
	background-color:#ddd;
	border-radius: 4px;
	line-height:1.42857;
	color:#02060d;
	white-space:nowrap;
}
.Blog .row > h2 {border-top:1px solid #fada1a;padding-top:20px;}
.Blog .row > h2:first-child {border:none;padding-top:0;}
.bContent .small {margin-bottom:15px;}
.bContent .small a {background-color:#02060d; color:#FFF; padding:0 5px 2px 5px;}
.Blog .comment {margin-top:10px;}
.Blog .bimg {cursor:pointer;}

/**************************************************************************************
  Team
**************************************************************************************/
.team {
	padding-bottom: 30px;
}
.team img {
	max-width:80%;
}
.team h2 {
	margin-top:10px;
}
/**************************************************************************************
  Footer
**************************************************************************************/
footer {
	color:#FFF;
	font-size:12px;
	background-color:#1d2224;
	position:relative;
	margin-top:50px;
	padding-top:25px;
	padding-bottom:25px;
}
footer .container {
	position:relative;
}
footer a {
	color:#FFF;
	padding-right:8px;
}
footer a:hover, 
footer a.active,
footer a:visited, 
footer a:focus {
	color:#FFF;
}
footer div:nth-child(2) p {
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;
}
footer .zert {
	position:absolute;
	bottom:0;
	right:15px;
	width:60px;
}

/* Sticky Footer */
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -50px;
  position:relative;/*für Sticky Footer irrelevant*/ 
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  min-height: 50px; 
}
/**************************************************************************************
  Done
**************************************************************************************/
#Done {
	text-align:center;
	font-size: 11px;
	margin:20px 0 0 0;
}
#Done, #Done a {color:#12161d;text-decoration:none;}
#Done a {white-space:nowrap}
#Done a:hover {color:#FFF;}
/**************************************************************************************
  Formulare
**************************************************************************************/
input,
textarea,
select {
	font-size:12px;
}
.form-control, .btn, .input-group-addon {border-radius:0;}
label{font-weight:400;font-size:14px;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
textarea,
select {
	font-family:Arial, Helvetica, sans-serif;
	color:#1D2224;
	margin:1px;
}
input[type="file"] {
	border:1px solid #02060d;
}
button, html input[type="button"], input[type="reset"], input[type="submit"], .btn {
	color:#FFF;
    background-color:#1D2224;
	border:1px solid #02060d;
	font-weight:inherit;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	padding-left:8px;
	padding-right:8px;
}
.btn:hover, .btn:focus, .btn.focus {
	color:#FFDE15;
}
input[disabled] {
	background-color:#ddd;
	border-style:dotted;
	border:none;
}
input#Code {
	margin-top:0;
}
.input-group-addon {
	min-width:111px;
	padding-bottom:5px;
}
/**************************************************************************************
  Listen-, Tabellen-Ansicht
**************************************************************************************/
.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:#02060d;
}
.table-hover > tbody > tr:hover {
	/*background-color:#fada1a;*/
}
.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;
}
td.back {text-align:center;}

/**************************************************************************************
  Admin
**************************************************************************************/
.CuteEditorGroupMenuCell img {
	box-sizing:content-box;
}
#CE_Editor1_ID {
	width:100% !important;
	line-height:initial;
	font-size:12px;
}

@media (min-width:768px){
	#LangChange {left:0;}
	/*#Content > * {width:750px;margin-left:auto;margin-right:auto;padding:0 15px;}
	#Content > .row {padding:0;}*/
	.navbar-default {padding-bottom:0; height:}
	/*Navigation*/
	.navbar-brand {height:auto; padding:20px 0 0 0;background-color: #FFDE15;}
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand:focus {
			background-color: #FFDE15;
	}
	.container > .navbar-collapse {margin:0 -15px;background-color:#1D2224;}
	/*.navbar-nav {margin-top:17px;}*/
	.nav > li {border:none;}
	.nav > li > a {padding:0; margin:43px 15px 20px 23px; line-height:20px; font-size:13px;}
	.navbar-default .navbar-nav > li > a img {display:block;}
	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: #fada1a;*/
		background-color:#FFDE15;
		border-radius: 0;
		box-shadow: 0 0 10px rgba(29, 34, 36,0.1);
		list-style: outside none none;
		width: 100%;
		padding: 15px 23px 15px 23px;
		margin:0;
		border:none;
		text-align: left;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
	}
	.navbar-default .navbar-nav > li > a {border-bottom:1px solid #1D2224;} 
/*	.navbar-default .navbar-nav > li:hover > a,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		border-bottom:1px solid #FFF;
	}*/
	ul.dropdown-menu li {float:none;font-size:13px;}
	.dropdown-menu > li > a {
		color:#02060d;
		padding:0;
		margin-bottom:7px;
		border-bottom:1px solid #FFDE15;
		width:auto;
		display:inline-block;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	ul.dropdown-menu > .active > a, 
	ul.dropdown-menu > .active > a:hover, 
	ul.dropdown-menu > .active > a:focus,
	ul.dropdown-menu > li > a:hover, 
	ul.dropdown-menu > li > a:focus {
		color:#02060d;
		text-decoration:none;
		border-bottom:1px solid #02060d;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	footer .zert {
		right:0;
		width:100px;
	}
}
@media (min-width:992px){
	.navbar-nav {margin-top:0;}
	.nav > li > a {padding-left:6px;padding-right:6px; font-size:18px;}
	/*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){
	/*#Content > * {width:1170px;}*/
}