/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
html {
    background-color: black;
}

.uk-container {
    background-color: rgba(0, 0, 0, 0);
    padding:0 35px !important;
}

.uk-grid > * {
    padding-left: 20px;
}

/****** grauer HG - Banner******/
.uk-navbar {
/* background-attachment: fixed;*/
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/../images/headers/bg_banner.jpg);
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -35px;
    margin-right: -35px;
}


.tm-footer {
    padding-bottom: 35px;
    border-top:1px solid #444;
}
.termine .uk-article + .uk-article {
    margin-top: 0px;
}
.uk-article + .uk-article {
    margin-top: 25px;
}

.uk-slidenav-position {
	margin-top:30px;
}



/****** Service-Navi ******/
.uk-navbar li {
float:right;
}
.uk-navbar .uk-nav-side > li > a {
font-size:14px;
font-weight:normal;
color:white;
}
.uk-navbar .uk-nav > a,
.uk-navbar .uk-nav > li > a.tm-logo {
display:none;
}
.uk-navbar ul.uk-nav {
margin-top:-35px;
}
.uk-navbar .uk-nav > li > a:hover,
.uk-navbar .uk-nav > li > a:focus {
background-color:rgba(0, 0, 0, 0.05);
}
.tm-navbar .uk-nav-side > li.uk-active > a {
    color: #ea5229;
}


/****** Top-Navi ******/
.topmenu li {
float:left;
}
.topmenu .uk-nav-side  > li > a {
font-size:14px;
font-weight:normal;
color: #ea5229;
}


.topmenu  > li > a:hover,
.topmenu  > li > a:focus {
background-color:rgba(0, 0, 0, 0.05);
}


/****** Main Menü ******/
.tm-sidebar-a {
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/../images/headers/klaviatur.jpg);
    background-origin: padding-box;
    background-repeat: no-repeat;
    opacity: 0.8;
}
.tm-middle {
padding-top:0;
}

.uk-nav-side > li.uk-active > a {
    background-color: transparent;
}
.uk-nav, .uk-nav ul {
    margin-top: 29px;
    padding-left: 44px;
}
.uk-nav-side > li > a {
    color: #444; /*#900000*/
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}
.uk-nav-side >li > a:hover,
.uk-nav-side >li > a:focus {
background:none;
text-decoration:underline;
color: #ea5229;
}
.uk-nav-side > li.uk-active > a {
    color: #ea5229;
}



/****** Button Gästebuch ******/
.btn-success {
    background-color: #ea5229;
}
.btn-success:hover {
    background-color: #b84020;
}
h2.componentheading {
	color: #ab3819;
}


/****** Kontaktformular ******/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
input[type="radio"], input[type="checkbox"]  {
    background-color: #d6d7d7;
    color:black;
}
#fragen legend, #nachrichtenbereich legend {
	color: #ab3819;
}
#bfLabel205 {
	color:#d0d0d0;
}


/****** Typo ******/
h1, .uk-h1 {
    font-size: 28px;
    line-height: 33px;
    color: #ab3819;
    margin-bottom:5px;
    }
h2, .uk-h2, h1.uk-article-title {
    font-size: 22px;
    line-height: 27px;
    margin-top: 5px;
    border-bottom: solid 2px #ddd;
}
h3  {
    font-size: 20px;
    line-height: 24px;
    color: #ab3819;
    margin-bottom:5px;
    margin-top:5px;
    }
h4 {
    font-size: 16px;
    line-height: 20px;
    color: grey;
    margin-bottom:5px;
    margin-top:5px;	
    font-style:italic;
}

.unsichtbar {
	display: none;
}

hr {
	padding-bottom:15px;
	clear:both;
}

.uk-pagination > li > a {
    background-color: transparent;
}
.uk-pagination > li > a:hover,
.uk-pagination > li > a:active {
    background-color: #900000;
}



/*********************************************************/
/*********************** Tonkonserve *********************/
/*********************************************************/
.cd-headline {
	color:#e3e3e3;
	margin-top: -20px;
    font-size: 24px;
    font-weight: bold;
}

.cd-tabelle {
	table-layout: fixed; 
	background-color: #ffffcc;
	margin-left: 20px;
	margin-right: 120px;
}

.cd-tabelle tr {
	line-height:3em;
}

.cd-nr, .cd-titel, .cd-zeit, .cd-play  {
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	padding-left: 7px; 
	padding-right: 7px;
	margin-bottom: 3px; 
}

.cd-nr {
	width: 20px;
}

.cd-titel {
	width: 60%;
}

.cd-zeit {
	width: 30px;
}

.cd-play {
	width: 180px;
}

/*********************************************************/
/************************* Termine ***********************/
/*********************************************************/
.t-datum, .t-zeit, .t-event, .t-ort {
	border-bottom: 1px dotted #fff;
	padding-bottom: 5px;
}

.t-zeit, .t-event, .t-ort {
	border-left: 1px dotted #fff; 
}

.t-datum {
	width: 60px;
}

.t-zeit {
	width: 70px;
}

.t-event {
	width: 45%; 
	padding-left: 7px; 
}

.t-ort {
	width: auto; 
	padding-left: 7px; 
}
/****** Inhalt ******/
.termine table,.termine td {
	color:black;
}


/*********************************************************/
/************************* Pressartikel ***********************/
/*********************************************************/
.presseartikel {
    color: #9e9e9e;
    font-weight: bold;
}

#jcemediabox-popup-closelink {
    width: 115px;
}



/*********************************************************/
/************************* Gästebuch ***********************/
/*********************************************************/
.easy_frame {
	background: black;
	border-color:#3b3b3b;
}
.easy_content, .easy_top {
	background:#3b3b3b;
}	
.easy_content {
	border-left: 5px solid #5e5f5f;
	border-right:5px solid #5e5f5f;
}



/*********************************************************/
/************************* Termine ***********************/
/*********************************************************/
.termin_monat {
	border-image: initial; 
	background-color: #666767; 
	width: 100%; 
	border: 1px solid #e0e0e0;
}



.termin_singkreis {
	table-layout: fixed;
	background-color: #cfb09b;
	width: 100%;
}
.termin_familie {
	 table-layout: fixed;
	 background-color: #b5cf9b;
	 width: 100%;
}
.termin_gernot {
	 table-layout: fixed;
	 background-color: #afd4d4;
	 width: 100%;
}



.legende_singkreis {
	background-color: #cfb09b; 
	text-align:center;
}
.legende_familie {
	background-color: #b5cf9b;
	text-align:center;
} 
.legende_gernot {
	background-color: #afd4d4;
	text-align:center;
}





/*** Kontaktformular ***/
/*----------------------------------------------------------------------------------------------------*/
.bfQuickMode .controls .control-label {
	float:left;
	width:25%;
}
.bfPage legend, #nachrichtenbereich {
	color: #444;
}
.control-group{
	margin-bottom:10px;
	margin-top:10px;
}

#bfElemWrap211 {
	margin-top: 35px;
}
#bfElemWrap203 {
	margin-top: 35px;
}





/* Responsive Layout */
/*----------------------------------------------------------------------------------------------------*/

/* Phone landscape and smaller */
@media (max-width: 850px) {
.uk-nav {
    padding-left: 20px;
}
}

/* Phone landscape and smaller */
@media (max-width: 850px) {
.uk-navbar {
    background-attachment: fixed;
    background-size: cover;
    margin-left: 0px;
    margin-right: 0px;
}
.uk-container {
    padding: 0px !important;
}
.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
    padding-top: 10px;
}
.uk-grid > * {
    padding-left: 35px;
}
.tm-content {
    padding-top: 10px;
}
.t-zeit {
    width: 47px;
}
.t-event {
    width: 33%;
}
.t-ort {
    width: 90px;
}

}


/* Phone landscape and smaller 590*/
@media (max-width: 820px) {
.tm-middle {
	padding:0px 20px;
}
}


/* Phone landscape and smaller */
@media (max-width: 750px) {

.jg .uk-width-medium-1-1 article {
float: none;
margin-right:25px;
margin-top:0px;
margin-bottom:20px;
width:100%;
}
}

/* Phone landscape and smaller */
@media (max-width: 380px) {


}







/*** Mobile-Menue ***/
/*----------------------------------------------------------------------------------------------------*/
/* Top */
#offcanvas .uk-nav, .uk-nav ul {
    margin-top: 0px;
    padding-left: 0px;
}
.uk-nav-offcanvas > li > a:hover::before,
.uk-nav-offcanvas > li > a:focus::before,
.uk-nav-offcanvas > li > a:active::before {
	transform: translateZ(-4px);
}

.uk-nav-offcanvas > li > a::before {
    position: absolute;
    right: 1em;
    padding: 0 1px;
    transform: translateZ(0px);
    transition-duration: 0.1s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

.uk-nav-offcanvas > li > a {
	font-size: 1.1em;
    color: #ea5229;

	border-top:1px solid grey;    
    -moz-osx-font-smoothing: grayscale;
    padding-bottom: 3px;
    padding-top: 3px;    
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    padding-right: 2.2em;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.1s;
    vertical-align: middle;
}

/* Sub */
.uk-nav-offcanvas ul a {
    color: #444;
}

ul.uk-nav-sub {
    padding-left: 16px;
    padding-top: 0;
}



/* Terminkalender */
.dpc-upcoming-container {
	display:flex;
}

.container-links {
	float:left;	
	width:64%;
}

.container-rechts {
	float:right;
	width:33%;
	margin-left:20px;
	background-color: #2d2c2c;	
	padding:5px;
}

.va-titel {
	font-size:18px;
}

.dpc-upcoming-event-start {

}
.dpc-upcoming-event-description {
	font-size:13px;
	color: #b6b6b6;
}

.link-ort::before {
	content: "\f041";
	font-family: FontAwesome;
	font-size: 22px;
	padding-right: 7px;
	line-height: 22px;
	}

.link-url::before {
	content:"\f0ac";
	font-family:FontAwesome;
	font-size: 22px;
	padding-right:7px;
	line-height: 22px;
	}
.link-ort:hover, .link-url:hover {
	text-decoration:none;
	}
.link-ort, .link-url {
	margin-top: -5px;
	}


.event-ort {
	font-family: Roboto Condensed;
	float: left;
	margin-right: 9px;
}	

#redim-cookiehint {
	left: 0;
	}