/*Fonts in Bootstrap.min.css*/

/**************************************************************************************
  General
**************************************************************************************/
body {
	color:#3f3f40;
	font-family: DINpro, Arial, sans-serif;
	font-size:14px;
	background-color:#FFF;
}
.admin #Head {
	display:none;	
}
/* Elemente im Member-Bereich ausblenden */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	color:#467cbc;
}
h1, .h1 {font-size:23px;}
h2, .h2 {font-size:20px;}
h3, .h3 {font-size:18px;}
hr{border-width:1px;border-color:#6b6e8c;}
strong {font-weight:500;}
a, .pseudoLink {
	color:#467cbc;
	text-decoration:none;
	transition:color 200ms linear;
}
a:hover, a:focus,
.pseudolink:hover {
	color:#3f3f40;
	cursor:pointer;
	text-decoration:underline;
	transition:color 200ms linear;
}
.pseudolink:hover,
*[onclick]:hover {
	cursor:pointer;
}
main {
	padding-bottom:1px;
}
/**************************************************************************************
  Head
**************************************************************************************/
#Head {
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	height:180px;
}
/**************************************************************************************
  Home: Termine/Events, Blog, Jobs, Umfragen
**************************************************************************************/
section {margin-top:80px;margin-bottom:100px;}
body:not(.home) .quicklinks .row:first-child {
	margin-bottom:100px;
}
.quicklinks .inner {
	position:relative;
	padding-bottom:75%;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
}
.quicklinks .inner .flag{
	position:absolute;
	left:0;
	top:0;
	width:auto;
	padding: 0 8px 0 24px;
	min-height:50px;
	line-height:50px;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	background-color:#467cbc;
	transition:opacity 200ms linear;
}
.quicklinks .flag:after {
	content:'';
	position:absolute;
	top:0;
	left:100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 40px 0 0;
	border-color: #467bbc transparent transparent transparent;
	transition:opacity 200ms linear;
}
.quicklinks .inner:hover .flag,
.quicklinks .inner:focus .flag {
	opacity:0.8;
	transition:opacity 200ms linear;
}
.itemTxt a{
	color:#467cbc;
	border-bottom:1px solid transparent;
	text-decoration:none;
    transition: all 200ms linear;
}
.itemTxt:hover a {
	color: #467cbc;
	text-decoration:none;
	transition: all 200ms linear;
}
.itemTxt h3 {
	height:40px;
}

/*Kacheln*/
.tiles, .tiles h2,
.tiles .row > div  {
	text-align:center;
}
.tiles hr {
	background: url(../images/separator.gif) no-repeat center center;
    height: 6px;
	border:none;
}
.tiles .row > div {
	padding-top:4px;
	padding-bottom:3px;
}
.tiles .tbl {
	height:80px;
}
.tiles .row a {
	color:#FFF;
	text-decoration:none;
	vertical-align:middle;
	
	background-color:#3b3b3c;
    transition: all 200ms linear;
}
.tiles .row a:hover {
	background-color:#3f3f40;
    transition: all 200ms linear;
}
/*Update JC 30.01.2026*/
.imgCoverCenter {
	position:relative;
	overflow:hidden;
}
.imgCoverCenter > img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:100%;
	width:100.1% !important;
	object-fit:cover;
}
.blog .owl-item .imgCoverCenter {
  padding-bottom: 75%;
}
.card {
	margin:10px;
	box-shadow: 0 0 5px rgba(70, 124, 188,0.5);
	transition: box-shadow 200ms linear;
}
.card[onclick]:hover {
	box-shadow: 0 0 8px rgba(70, 124, 188,1);
	transition: box-shadow 200ms linear;
}
.card .imgCoverCenter {
	color:#467cbc;
	background-color:#467cbc;
}
.card-body, .card-footer {
	padding:15px 15px 0 15px;
}
.card > div:last-child {
	padding-bottom:15px;
}
.blog .card-title {
	margin-top:0;
}
.owl-theme .owl-nav {
	display:flex;
	justify-content: space-between;
}
.owl-nav > button > span {
	font-size:3em;
}
.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover {
	color: rgba(70, 124, 188,1);
	background:transparent;
	box-shadow:none;
}

/**************************************************************************************
  Navigation
**************************************************************************************/
.navbar-brand,
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
	position:relative;
	padding:0 70px 0 0 ;
	width:calc(210px + 70px);
	height:80px;
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a84c1+1,4a84c1+100&0+0,0.4+100 */
	background: -moz-linear-gradient(left, rgba(74,132,193,0) 0%, rgba(74,132,193,0.4) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(74,132,193,0) 0%,rgba(74,132,193,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(74,132,193,0) 0%,rgba(74,132,193,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a84c1', endColorstr='#664a84c1',GradientType=1 ); /* IE6-9 */
	background-color:#FFF;
}
.navbar-brand:after {
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 90px 70px;
	border-color: transparent transparent #467cbc transparent;
}
.navbar-brand img{
	position:absolute;
	top:53%;
	left:10px;
	transform:translateY(-50%);
	width: calc(100% - 90px);
}
.navbar	{
	border:none;
	border-radius:0;
	font-size:19px;
	color:#babcbc;
	margin-bottom:0;
	min-height:1px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+40,467cbc+41,467cbc+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(70,124,188,1) 41%, rgba(70,124,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(70,124,188,1) 41%,rgba(70,124,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(70,124,188,1) 41%,rgba(70,124,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#467cbc',GradientType=1 ); /* IE6-9 */
}
.navbar .container {
	background-color:#467cbc;
	padding:0;
}
.navbar-default .navbar-collapse {
	width:100%;
	border:none;
	margin:0;
}
.navbar-nav {
	margin-top:0;
	margin-bottom:0;
	background-color:#467cbc;
}
.nav > li {border-bottom:1px solid #FFF;}
.nav > li.dropdown.open:not(:last-child) {border-bottom:none;}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
li.active ul.dropdown-menu,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    transition: all 200ms linear;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus  {
	background-color:#467cbc;
	color:#FFF;
	text-decoration:none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color:#467cbc;
	color: #FFF;
	font-weight:bold;
}
.nav > li.dropdown:hover {
    background-color: #467cbc;
}
/*Sub-Navi*/
li.active ul.dropdown-menu  {
	color:#A6A6A6;
	background-color:#467cbc;
	display:block;
}
ul.dropdown-menu {
	border:none;
	border-radius:0;
    box-shadow: none;
	position: static;
    top: 100%;
    left: 0;
    
    padding: 0;/* 0 0 5px;*/
    width: 100%;
    min-width: 160px;
    background-clip: padding-box;
	background-color:#467cbc;
    list-style: outside none none;
	
    font-size: 14px;
    text-align: left;
    z-index: 1000;
}

ul.dropdown-menu li {
    background-color: transparent;
    padding: 0;
    width: auto;
	border-bottom:1px solid #12120c;
}
ul.dropdown-menu li:last-child {border-bottom:none;}
.dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color:#060200;
	background-color:#c3c4c4;
	padding: 3px 15px 3px 30px;
	width:100%;
	text-decoration:none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #c3c4c4;
    color: #060200;
	font-weight:bold;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: #c3c4c4;
    color: #060200;
	font-weight:bold;
}
/*Toggle*/
.container > .navbar-header {
	float:right;
	margin-right:0;
}
.navbar-toggle,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	border-radius:0;
	background-color:transparent;
	border:none !important;
	height:59px;
	padding-top:10px;
	padding-bottom:10px;
	margin-right:20px;
	margin-bottom:0;	
}
.navbar-toggle .icon-bar,
.navbar-default .navbar-toggle .icon-bar {
	height:4px;
	width:37px;
	border-radius:0;
	background-color:#FFF;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top:6px;
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color:#FFF;
}

/*animate Hamburger X*/
.navbar-toggle .icon-bar{position:relative;transition:transform 200ms linear;}
.navbar-toggle .icon-bar:nth-of-type(3) {top: 0;}
.navbar-toggle .icon-bar:nth-of-type(4) {top: 0;}
.navbar-toggle[aria-expanded='true'] .icon-bar:nth-of-type(2) {
	  top: 10px;
	  transform: rotate(45deg);
	  transition:transform 200ms linear;
}
.navbar-toggle[aria-expanded='true'] .icon-bar:nth-of-type(3) {
	  background-color: transparent;
}
.navbar-toggle[aria-expanded='true'] .icon-bar:nth-of-type(4) {
	  top: -10px;
	  transform: rotate(-45deg);
	  transition:transform 200ms linear;
}
/**************************************************************************************
  Content Ansicht
**************************************************************************************/
p, .ptext, .Content ul, .Content ol {
	margin-bottom: 10px;
}
#Content:empty {display:none;}
#Content img{max-width:100%;}
#Content .listicon img {max-width:none;}
.Content ul, .Content  ol {padding-left:15px;}
.Content ul {list-style-type:square;}

/*Gegensteuer Bootstrap für per Editor erstellte Tabellen*/
.website .Content table td, .website .Content table th{
	padding: 0 3px 3px 0;
}
.website .Content table td td {
	padding:0;
}

.home #Content > * {text-align:center;}
.home #Content input {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/**************************************************************************************
  Galerie / Gallery / lightGallery
**************************************************************************************/
#lightgallery.row > div {
	padding-top:15px;
	padding-bottom:15px;
}
#lightgallery .background-slider {
	cursor:pointer;
}
/*new lightgallery with iFrame set height*/
.ifHeight75 .lg-inner .lg-video {
	padding-bottom: 75%;/*56.25%;   Format=16:9*/
}
.ifHeight100 .lg-inner .lg-video {
	padding-bottom: 100%;/*56.25%;   Format=16:9*/
}

#SquareLinks > div {
	padding-bottom:15px;
}
#SquareLinks .tblbox {
	width:100%;
	padding-bottom:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	margin-bottom:30px;
}

#SquareLinks #lightgallery div {
	margin-bottom:30px;
}
#SquareLinks #lightgallery a,
#SquareLinks #lightgallery .Bilderrahmen,
#Carousel #lightgallery div img, 
#Carousel #lightgallery a img {
	display:block;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
	text-shadow:0 0 3px #000;
	
	background-color:rgba(255,255,255,0);
    transition:			all 200ms linear;
}
#SquareLinks #lightgallery a:hover,
#SquareLinks #lightgallery .Bilderrahmen:hover,
#Carousel #lightgallery div img:hover,
#Carousel #lightgallery a img:hover {
	background-color:rgba(255,255,255,0.6);
    transition:			all 200ms linear;
}
#SquareLinks #lightgallery img {
	width:100%;
}
.tblbox > div {
	position:absolute;
	width:100%;
	height:100%;
	text-shadow:0 0 3px #000;
	
	background-color:rgba(255,255,255,0);
    transition: 		all 200ms linear;
	
}
.tblbox > div:hover {
	background-color: rgba(255,255,255,0.6);
    transition: 		all 200ms linear;
}
.tblbox > div > div {
	display:table;
	width:100%;
	height:100%;
}
.tblbox a {
	font-weight:bold;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:95%;
	height:95%;
	padding:5%;
}
#SquareLinks .tblbox a small {
	font-size:65%;
}
#SquareLinks .tblbox a {
	font-size:18px;
	color:#FFF;
	text-decoration:none;
}

/**************************************************************************************
  Blog
**************************************************************************************/
td.blogFilter {
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.aktiv1 {font-weight:500;}

.tblBlog {
	margin-top:20px;
}
.bimg {cursor:pointer;}
.lgIcon {
	background-color:#ddd;
	border-radius: 4px;
	line-height:1.42857;
	color:#000;
	white-space:nowrap;
}
.Blog .ptext a {
	color:#000;
}
#SearchFilter .row .row div {
	margin-bottom:5px;
}
/**************************************************************************************
  Banner
**************************************************************************************/
#Banner {
	position:absolute;
	top:-66px;
	right:0;
	float:none;
	padding-right:3px;
	height:calc(100% + 86px);
	overflow:hidden;
}
#Banner hr {
	border:none;
	height:6px;
	background-color:#333333;
	margin:0 10% 0 10%;
}
#Banner b {
	margin:0;
}
#Banner p {
	margin:6px 0 0 0;
	text-align:center;
	font-size:85%;
}
#Banner p.bicon:after {
	content:url(../images/separator-diamond.png);
	display:block;
	margin-top:6px;
}

/**************************************************************************************
  Footer
**************************************************************************************/
footer {
	color:#FFF;
	font-size:14px;
	padding:20px 0;
	background-color: #467cbc;
	position:relative;
}
footer:before {
	content:'';
	position:absolute;
	top:-280px;
	right:0;
	background:url(../images/background.png) no-repeat bottom right;
	width:300px;
	height:280px;
	z-index:-1;
}
footer a {
	color:#FFF;
	text-decoration:none;
}
footer a:hover, footer a:focus {
	color:#FFF;
}
footer .row > div {
	padding-right:3%
}
footer b {
	display:block;
	margin-bottom:10px;
}
footer input {
	background-color:transparent;
	border-radius:0;
	border:none;
	border-bottom:1px solid #bcbaba;
	color:#FFF !important;
	height: 35px;
	margin-bottom:5px !important;
}
html footer input[type="button"],
html footer input[type="submit"] {
	color:#FFF;
	border-color: #bcbaba;
	width:100%;
	max-width:168px;
}
html footer input[type="button"]:hover,
html footer input[type="submit"]:hover {
	text-shadow: 0 0 3px rgba(153,153,153,0.6);
	border-color: #FFF;
	box-shadow:	0 0 3px rgba(153,153,153,0.5), inset 0 0 3px rgba(153,153,153,0.6);
    transition: all 200ms linear;
}
footer ul {
	list-style:none;
	margin:0;
	padding:0;
}
footer ul.social li {
	margin:15px 15px 0 0;
	float:left;
}

/* Sticky Footer */
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -371px;
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  min-height: 371px; 
}
/**************************************************************************************
  Done
**************************************************************************************/
#Done {margin-top:68px;}
#Done .container {border:none;}
#Done p {font-size: 12px;}
#Done, #Done a {color:rgba(255,255,255,0.4);}
#Done a {white-space:nowrap}
#Done a:hover {
	color:#FFF;
	text-decoration:none;
}
/**************************************************************************************
  Formulare
**************************************************************************************/
input {
	font-size:14px;
}
footer input::placeholder {
	color:#FFF !important;
	opacity:0.4;
}
/* Internet Explorer 10-11 */
footer input:-ms-input-placeholder {color: #FFF !important;opacity:0.4;}
/* Microsoft Edge */
footer input::-ms-input-placeholder {color: #FFF !important;opacity:0.4;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="date"],
textarea,
input[type="password"],
select,
.form-control {
	color:#000;
	margin:1px;
	font-size:14px;
}
input[type="file"] {
	border:1px solid #DDD;
}
.btn,button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	color:#467cbc;
    background-color:transparent;
	border:1px solid #467cbc;
	text-align:center;
	border-radius:0;
    transition: all 200ms linear;
}
.btn:hover,
button:hover, 
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color:#467cbc;
	border-color: #467cbc;
	text-shadow: 0 0 3px rgba(70, 124, 188,0.5);
	box-shadow: 0 0 3px rgba(70, 124, 188,0.5), inset 0 0 3px rgba(70, 124, 188,0.5);
    transition: all 200ms linear;
}
a.btn {text-decoration:none;}
input[disabled] {
	background-color:#EEE;
	border-style:dotted;
	border:none;
}
input#Code {
	margin-top:0;
}
.input-group-addon {
	min-width:111px;
	padding-bottom:5px;
}

.min-gutter {
	padding:0 15px;
	margin-bottom:10px;
}
.min-gutter > [class*='col-'] {
    padding-right:2px;
    padding-left:2px;
	font-weight:normal;
}
input.date-pick.form-control {
	display:inline;
}
.form-control:focus {
	border-color:#ccc;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.1);
}
.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger {
	padding:15px;
}
/*multi-select MacOS Safari*/
.ui-multiselect-menu {
	min-width:398px;
}

::-webkit-input-placeholder { color:#999 !important ;}
::-moz-placeholder { color:#999 !important ; } /* firefox 19+ */
:-ms-input-placeholder { color:#999 !important ;} /* ie */
input:-moz-placeholder { color:#999 !important ; }

#cookie_directive_container > * {
	background-color:rgba(0,0,0,0.8);
	color:#FFF;
	padding-top:17px;
}
#cookie_directive_container a[href="#"] {
	padding:6px 12px;
	margin: 0 12px 6px 0;
	background-color:#FFF;
}
#cookie_directive_container a[href="#"]:hover {
	text-decoration:none;
}
#cookie_directive_container a:hover[target="blank"] {
	color:#FFF;
}

/**************************************************************************************
  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:#000;
}
.table-hover > tbody > tr:hover {
	background-color:#c3d3ee;
}
.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;}
td.back a{color:#FFF;background-color:rgba(217,0,0,0.9); display:block;line-height:85px;margin-bottom:10px;}
.admin td.back a {line-height:70px;}

.tbl {display:table; width:100%;}
.tbl > .tblrow {display:table-row;}
.tbl > *,
.tbl > .tblrow > * {
	display:table-cell;
}
.admin .tbl > *,
.admin .tbl > .tblrow > * {
	vertical-align:middle;
	padding:3px 6px;
}

.h1selectGrid {
	padding-top:20px;
	text-align:right;
}
/*Entgegensteueren von Bootstrap*/
.table-responsive {border:none;font-size:14px;}
.table-responsive > .table > tbody > tr > td {white-space:normal;}
.hyphens {
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
}

/**************************************************************************************
  Seiten
**************************************************************************************/
.pagination > .active > a,
.pagination > .active > a:hover {
	background-color:#3f3f40;
	border-color:#3f3f40;
}
.pagination > li > a,
.pagination > li > a:hover {
	color:#3f3f40;
}

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

@media (min-width:768px){
	#Head {/*height:250px;*/}
	#Logo .row a:first-child {max-height:none;}
	.logo_title {text-align:right;}
	.itemTxt h3 {
		height:auto;
	}
	.quicklinks .inner{background-size:cover;background-position: center;padding-bottom:/*48*/71.6%;}
	.quicklinks h2 {margin-top:0;}
	
	.owl-carousel {
		padding-left:15px;
		padding-right:15px;
	}
	.owl-nav {
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		left:0;
		right:0;
	}
	
	/*Navigation*/
	.navbar-brand,
	.navbar-default .navbar-brand:hover, 
	.navbar-default .navbar-brand:focus {
		padding:0 90px 0 0 ;
		width:calc(210px + 90px);
		height:116px;
	}
	.navbar-brand:after {border-width: 0 0 115px 90px;}
	
	.navbar .container {padding:0 15px;}
	.admin .navbar .container {width:100%;}
	.container > .navbar-collapse {padding:0;}
	.nav {
		/*margin-left:15px;*/
		width:calc(100% - 210px - 75px);
		/*display:table;
		float:none;*/
		height:116px;
	}
	.nav > li {
		border-bottom:none;
		/*display:table-cell;
		float:none;
		text-align:center;
		vertical-align:bottom;*/
		border-bottom:none;
	}
	.navbar-nav > li > a {
		font-size:15px;
		padding:75px 5px 21px 5px;
	}
	.navbar-default .navbar-nav > li > a img {display:block;}
	li.active ul.dropdown-menu,
	ul.dropdown-menu,
	.open > .dropdown-menu {
		display:none;
	}
	.navbar-nav > li:hover > .dropdown-menu,
	.navbar-nav > li:focus > .dropdown-menu {
		display:block;
		float: left;
		background-color:#467cbc;
		background-clip: padding-box;
		border-radius: 0;
		list-style: outside none none;
		min-width: 160px;
		margin:0;
		padding-bottom:10px;
		text-align: left;
		position: absolute;
		top: 100%;
		left: -15px;
		z-index: 1000;
	}
	li:hover ul.dropdown-menu {
		color:#B9BBBB;
		background-color:rgba(255,255,255,0.8);
		transition: all 200ms linear;
	}
	ul.dropdown-menu li {
		float:none;
		font-size:15px;
		border:none;
	}
	.dropdown-menu > li > a,
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color:#FFF;
		background-color:#467cbc;
		padding: 3px 20px;
		white-space:normal;
	}
	.dropdown-menu > li.active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color:#FFF;
		background-color:#467cbc;
		font-weight:bold;
	}
	/*Footer*/
	footer .row > div {padding-right:10px}
	.page-wrap {
	  /* equal to footer height */
	  margin-bottom: -210px;
	}
	footer, .page-wrap:after {min-height: 210px;}
}
@media (min-width:992px){
	#Head {/*height:330px;*/}
	.quicklinks .inner {
		background-position:center;
		background-size:cover;
	}
	
	/*Navigation*/
	.nav {margin-left:0;}
	.navbar-brand img{
		width:225px;
	}
	.navbar-nav > li {
		text-align:left;
		padding-right:18px;
	}
	.admin .navbar-nav > li {padding-right:0;}
	.navbar-nav > li:last-child {padding-right:12px;}
	.admin .navbar-nav > li:last-child {padding-right:0;}
	.navbar-nav > li > a {
		padding:75px 12px 21px 12px;
	}
	.admin .navbar-nav > li > a {padding-left:10px;}
	.navbar-nav > li:hover > .dropdown-menu,
	.navbar-nav > li:focus > .dropdown-menu {
		left:-8px;
	}
	
	/*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){
	#Head {/*height:430px;*/}
	.navbar-brand,
	.navbar-default .navbar-brand:hover, 
	.navbar-default .navbar-brand:focus {
		width:calc(268px + 90px);
	}
	.navbar-brand img{width:268px;}
	.nav {width:calc(100% - 268px - 75px);}
	.navbar-nav > li {padding-right:50px;}
	.admin .navbar-nav > li {padding-right:15px;}
}