/*General*/
body {
	font-family:DINPro, Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#000;
	font-size:15px;
}
h1, .h1,
h2, .h2, 
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	text-transform:uppercase;
	letter-spacing:2px;
}
h1, .h1 {margin-top:0;}
hr {border-color:#d0ccb7}
hr.endContent{border:none;padding:20px 0;background:url(../images/hr.png) no-repeat center center;}
a, .pseudolink {
	color:#2a7e39;
	text-decoration:none;
	cursor:pointer;
}
a:hover, a:focus,
.pseudolink:hover {
	color:#da1c30;
	text-decoration:none;
}
section.content {
	margin-bottom:0px;
	font-size:16px;
}
section.content > div {
	margin-top:45px;
	margin-bottom:30px;
}
.home #Content, .home #content {
	text-align:center;
}
small {letter-spacing:normal;}
/**************************************************************************************
  Header
**************************************************************************************/
header {background-color:#efebd6;padding-bottom:2.7em;}
.logo {position:relative;}
.logo a{
	position:absolute;
	left:0;
	right:0;
	z-index:1;
}
/**************************************************************************************
  Cookie Accept
**************************************************************************************/
.navbar-fixed-bottom {
	background-color: #414547;
}
#cookie_accept {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#cookie_directive_container p {
    color: white;
	font-size: 16px;
    margin-bottom: 0;
    max-width: 85%;
}
#cookie_directive_container a {
    color: white;
	text-decoration: underline;
}
#cookie_directive_container a:hover {
    font-weight: normal;
}
#cookie_directive_container a.pull-right {
	background-color: white;
    padding: 10px;
    color: #414547;
	text-decoration: none;
    border: none;
}
/**************************************************************************************
  Blog / Home
**************************************************************************************/
#News {
	background-color:#85b68e;
	border-top:10px solid #FFF;
	border-bottom:10px solid #FFF;
	text-align:center;
	height:80px;
}
#News a {
	width:80px;
	height:80px;
	display:inline-block;
	position:relative;
}
#News img {
	position:absolute;
	top:-10px;
	width:auto;
	height:auto;
	z-index:1;
}
#Blog > .container > .row > * {
	cursor:pointer;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#Blog > .container > .row > *:hover {
	opacity:0.8;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#Blog h2 {
	background-color:#414547;
	margin:0;
	padding:0.3em;
	padding-top:0.1em;
	letter-spacing:0;
	line-height:1;
	text-align:center;
	min-height:80px;
}
#Blog h2 a {
	font-size:19px;
	color:#EFEBD6;
	text-transform:none;
}
/*Events: Anlass, Stamm*/
#Events {
	color:#FFF;
	text-align:center;
}
#Events h3 a {
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0;
	text-transform:none;
}
#Events p {line-height:1;}
#Events > div {
	margin-bottom:10px;
}
#Events .inner {
	position:relative;
	height:100px;
	overflow:hidden;
}
.anlass .inner {
	background-color:#da1c30;
}
.stamm .inner {
	background-color:#2a7e39;
}
#Events h3 {line-height:0.7em;}
#Events .inner {display:table;width:100%; table-layout:fixed;}
#Events .inner > * {display:table-cell;vertical-align:middle;}
#Events .inner > a {width:80px;text-align:center;}
#Events .inner > a img {max-width:100%;width:100%;}
#Events .inner > div {
	cursor:pointer;
	/*width:calc(50% - 40px);*/
}

/*Termine Events*/
.Termine h2 {margin-top:0;}

/**************************************************************************************
  Navigation
**************************************************************************************/
.navbar {
	border-radius:0;
	border:none;
	margin-bottom:15px;
	font-size:19px;
	position:absolute;
	left:0;
	width:100%;
	background-color:transparent;
}
.navbar-collapse {
	margin:0;
	padding:0 15px;
	position:relative;
	z-index:1;
	border:none;
}
.container > .navbar-header, 
.container-fluid > .navbar-header {
	background-color:transparent;
}
.nav > li {
	background-color:rgba(65,69,71,1);
	border-left:10px solid #EFEBD6;
	border-bottom:1px solid #EFEBD6;
}
.nav > li.dropdown:hover {
	/*background-color:transparent;*/
}
.navbar-default,
.navbar-default .navbar-nav > li > a {
	color:#FFF;
	z-index:2;
}
.navbar-default .navbar-nav > .active > a span:after,
.navbar-default .navbar-nav > li:hover > a span:after {
	content:url(../images/nav-active.png);
	top:5px;
	position:absolute;
	margin-left: 15px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color:#FFF;	
	background-color:transparent;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color:#FFF;
	background-color: transparent;
}
.nav .dropdown-toggle .caret {
    display: none;
}
ul.dropdown-menu {
	display: block;
	position:static;
    width: 100%;
	padding: 0 0 0 5px;
	border:none;
	box-shadow:none;
	background-color: transparent;
	border-radius:0;
}
.active ul.dropdown-menu {
	background-color:transparent;
}
ul.dropdown-menu li {
    padding: 0;
	float:left;
	width:auto;
	background-color:transparent;
}
ul.dropdown-menu li a {
    padding: 7px 10px 7px 10px;
    width: 100%;
	color:#FFF;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	color:#85B68E;
	background-color:transparent;
}
.dropdown-menu > .active > a {
	font-weight:500;
}
.navbar-default .navbar-toggle {
	border-color:transparent;
	border-radius:0;
	margin:0;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color:#414547;
	background-color:rgba(65, 69, 71, 0.8);
	box-shadow:none;
	border-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#414547;
	height:4px;
	width:30px;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color:#fff;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top:5px;
}
.navbar-nav {
    margin: 0 -15px;
	border-bottom:9px solid #EFEBD6;
}
.nav2 {
	display:none;
}
/**************************************************************************************
  Content Ansicht
**************************************************************************************/
#Content, #content {
	/*min-height:300px;*/
}
#Content:empty, #content:empty {
	display:none;
}
.Content img, #content img{
	max-width:100%;	
}

p, .ptext, .Content ul, .Content ol,
#content ul, #content ol{
	margin-bottom:20px;
	line-height:26px;
}
.Content ul,  .Content ol, #content ul, #content ol{
	padding-left:15px;
}

/*Gegensteuer Bootstrap für per Editor erstellte Tabellen*/
.website .Content table td{
	padding: 0 5px 10px 0;
}
.website .Content table td td {
	padding:0;
}
/**************************************************************************************
  Team
**************************************************************************************/
.team {
	padding-bottom: 30px;
}
.team .inner {
	min-height:90px;
}
.team img {
	max-width:80%;
}
.team h2 {
	margin-top:10px;
}
/**************************************************************************************
  Galerie
**************************************************************************************/
#SquareLinks #lightgallery a {
	width:100%;
}
#SquareLinks #lightgallery a, 
#SquareLinks #lightgallery .Bilderrahmen {
    /*background-color: rgba(0, 0, 0, 0.6);*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    /*transition: background-color 300ms linear 0s;*/
    width: 100%;
}
#SquareLinks .row > div {
	margin-top:5px;
	margin-bottom:5px;
}
#SquareLinks .txt {margin-bottom:15px;}
#SquareLinks .txt a {
	display:block;
	min-height:46px;
}
.admin #lightgallery > div {margin-bottom:10px;}
.tblbox {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
/*Übertrumpfung von lightgallery.css*/
#lightGallery-outer {background-color:rgba(0,0,0,0.9)!important;}
#lightGallery-action > a {background-color:rgba(218, 28, 48,0.65) !important;}
#lightGallery-action > a:hover {background-color:rgba(218, 28, 48,0.75) !important;}
/**************************************************************************************
  Kontakt
**************************************************************************************/
form#Kontakt {
	margin-bottom:20px;
}
.longtext input {
	vertical-align:top;
}
.longtext label{
	width:90%;
}
/**************************************************************************************
  Footer / Done
**************************************************************************************/
footer {
	font-size:14px;
	color:#FFF;
	background-color:#414547;
	padding:30px 0;
}
footer a, footer a:visited {
	color:#fff;
	text-decoration:none;
}
footer a:hover, footer a:focus {
	color:#FFF;
	text-decoration:underline;
}
footer p {
	line-height:1.3;
}
footer .row > div {
	margin-bottom:20px;
}
/*Footer Spezial 29.03.2016*/
footer b, #passlink {margin-left:8px;}
footer input {
	background-color:transparent;
	color:#FFF !important;
	border:1px solid #FFF;
	padding:4px 0 6px 7px;
	width:95%;
	margin-top:10px !important;
}
footer input.btn {
	color:#000 !important;
}
footer a.fa {
	margin:10px 10px 0 0;
	font-size:19px;
	text-decoration:none;
}
footer a.fa:hover {opacity:0.7;}

/* Sticky Footer */
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -267px;
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  min-height: 267px; 
}
#Done, footer .ptext {
	text-align:left;
	line-height:normal;
}
#Done, #Done a {
	text-decoration:none;
}
#Done a:hover {
	text-decoration:underline;
}
/**************************************************************************************
  Formulare
**************************************************************************************/
input,
.Content .ui-widget  {
	font-size:14px;
	font-family:DINPro, Arial, Helvetica, sans-serif;
}
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;
	border-radius:0;
}
input[type="file"] {
	border:1px solid #DDD;
}
.btn,button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	color:#000;
    background-color:#EFEBD6;
	text-align:center;
	border-radius:0;
	
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.btn:hover,
button:hover, 
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color:#000;
	background-color:#85B68E;
	
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    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 ; }
/**************************************************************************************
  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:#000;
}
.table-hover > tbody > tr:hover {
	background-color:#d5d7d7;
}
.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 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;
}
/*Paging*/
.pagination > li > a, .pagination > li > span {
	color:#2F8527;
	border-color:#efebd6;
}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-radius:0;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background-color:#85B68E;
	border-color:#85B68E;
}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
	color:#2F8527;
	background-color:#efebd6;
}

.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,
#Events h3 a,
#Blog h2 a {
	-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
**************************************************************************************/
.CuteEditorGroupMenuCell img {
	box-sizing:content-box;
}
#CE_Editor1_ID {
	width:100% !important;
}
@media (max-width:576px){
    h1, h2 {
        hyphens: auto;
    }
}

@media (min-width:768px){
	header {min-height:208px;}
	.logo a{
		margin-top:15px;
	}
	#News a {
		width:130px;
		height:130px;
	}
	#News img {top:-32px;}
	#Events p {letter-spacing:1px;}
	#Events .inner > a {width:116px;}
	#Events .inner > div {width:302px;}
	/*#Events .inner > div {width:calc(50% - 58px);}*/
	footer .row > div {min-height:147px;position:relative;margin-bottom:0;}
	
	/*Navigation*/
	.navbar {
		position:static;
		width:100%;
		left:5px;
		right:-5px;
		font-size:16px;
	}
	.navbar-collapse {
		padding:0;
	}
	.navbar-nav {
		margin:0;
		display:table;
		width:100%;
	}
	.nav > li {
		border-bottom:none;
		display:table-cell;
		float:none;
		vertical-align:top;
		text-align:center;
		background-color:transparent;
	}
	.nav > li.dropdown:hover {
		background-color:transparent;
	}
	.nav > li > a {
		padding:85px 5px 10px 5px;
	}
	.nav > li.active > a {
		padding-left:10px;
		padding-right:10px;
	}
	.navbar-default, .navbar-default .navbar-nav > li > a {
		color:#000;
		z-index:auto;
		white-space:nowrap;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color:#000;
		background:url(../images/nav-active.png) no-repeat center 25px;
	}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background-position: center 25px;
		background:url(../images/nav-active.png) no-repeat center 25px #414547;
	}
	.navbar-default .navbar-nav > .active > a span:after,
	.navbar-default .navbar-nav > li:hover > a span:after {
		content:none;
		margin-left:0;
	}
	ul.dropdown-menu {
		display:none;
		position:absolute;
		padding:0;
		background-color: #fff;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		width:auto;
	}
	ul.dropdown-menu li {
		padding: 0;
		width: 100%;
	}
	ul.dropdown-menu li a {
    	padding: 7px 10px;
		color:#000;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		background-color:#f5f5f5;
	}
	/*Navi 2*/
	.nav2 {
		display:block;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
	}
	.nav2 ul {
		display:block;
		padding:0;
		margin:0;
		width:auto;
	}
	.nav2 li {
		display:block;
		float:left;
		width:auto;
		height:auto;
		padding:4px 8px 4px 0;
		font-size:16px;
	}
	.nav2 li a {
		color:#000;
		border-left:1px solid #000;
		padding-left:10px;
	}
	.nav2 li a:hover, .nav2 a:focus, .nav2 .active a {color:#2F8527;text-decoration:none;}
	.nav2 li:first-child a {
		border:none;
		padding-left:0;
	}
	
}
@media (min-width:992px){
	#News a {
		width:154px;
		height:154px;
	}
	#News img {top:-45px;}
	#Events h3 a {font-size:14px;}
	#Events p {font-size:14px;letter-spacing:0;}
	#Events .inner > div {width:175px;}
	.page-wrap {
	  /* equal to footer height */
	  margin-bottom: -187px;
	}
	footer, .page-wrap:after {
	  min-height: 187px; 
	}
	footer {padding-bottom:10px;}
	footer #Social {
		width:auto;
		position:absolute;
		bottom:20px;
		right:0;
	}
	footer a.fa {margin:0 0 0 15px;}
	#Done, footer .ptext  {text-align:right;}
	
	/*Navigation*/
	.nav > li > a {
		padding-left:12px;
		padding-right:12px;
	}
	.navbar, .nav2 li {
		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){
	#Events h3 a {font-size:18px;}
	#Events p {font-size:15px;letter-spacing:1px;}
	#Events .inner > div {width:225px;}
}