/* Accordion wie UK2 */
.uk-accordion-title {
	font-size: 1.25rem;
	font-size: 1rem;
	background-color: #eee;
	padding: 0 3px 3px 8px;
	}


/* Hintergrundmuster */
body {
	background-image: url(https://kkg.6p5.de/images/_layout/grid.png);
	background-repeat: repeat;
	background-size: inherit;
	background-position: inherit;
	background-attachment: inherit;
	}


/* alle Tabellen haben einen blauen Rahmen */
table th, td {
  	border: 1px #3b4f69 solid;
	}

/* Buttons `uk-button`
 ========================================================================== */

.uk-button-primary:hover {
	background-color: #607ea4;
	} 
.uk-button-primary {
	background-color: #3b4f69;
	} 

.uk-button {
	border-radius: 4px;
	padding: 0 15px;
	line-height: 31px;
	}

.uk-button-secondary {
  background-color: #3c3c3b;
  color: #ffffff;
}

.uk-button-secondary:hover {
  background-color: #7c7c7b;
  color: #ffffff;
}
  
 /* 
 ==========================================================================
   custom in Astorid eingebunden
 ==========================================================================
 */

/* Modifier `uk-nav-side`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-side > li > a {
  color: #f9f9f9;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
  background: rgba(255, 255, 255, 0.05);
  color: #f9f9f9;
  /* 2 */
  outline: none;
}
/* Active */
.uk-nav-side > li.uk-active > a {
  background: rgba(255, 255, 255, 0.15);
  color: #ef892f;
}

/* Active hover, focus */
.uk-nav-side > li.uk-active > a:hover,
.uk-nav-side > li.uk-active > a:focus{
  background: rgba(255, 255, 255, 0.05);
  color: #4cb9be;
}


/* Sub-object: `uk-nav-sub`
 ========================================================================== */
/*
 * `ul` needed for higher specificity to override padding
 */
ul.uk-nav-sub {
  padding: 5px 0 5px 30px;
}

.uk-nav-header{
  font-size: 100%;
}

.uk-nav-header > ul{
  padding: 5px 0 5px 15px;
  text-transform: none;
  font-weight: normal;
  
}

/* Mainmenu
 ========================================================================== */

.jp-menu-outer {
  width: 100%;
  padding: 0;
  box-shadow: 0px 11px 8px -10px #dddddd, 0px -11px 8px -10px #666666;
}

/*
 * Navbar
 */
/* Active */
.uk-navbar-nav > li.uk-active > a {
  background-color: #ffffff;
  color: #00a8e6;
}
/* Hover und Focus */
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background: #ffffff;
  color: #3b4f69;
  /* 3 */
  outline: none;
}
.uk-nav-navbar > li:hover > a,
.uk-nav-navbar > li > a:focus,
.uk-nav-navbar > li.uk-open > a {
  background: #ffffff;
  color: #3b4f69;
  /* 3 */
  outline: none;
}

/* Die folgenden 2 Punkte regeln den Abstand zwischen Menü und Hauptinhalt.*/
.menu-shadow {
  width: 100%;
  background: url("../../../images/menu-shadow.png") no-repeat center top;
  height: 15px;
}

.tm-middle {
  margin-top: 20px;
  margin-bottom: 50px;
}

/* Modifier: `uk-dropdown-navbar`
 ========================================================================== */

.uk-dropdown-navbar {
  margin-top: 2px;
  background: #3c3c3b; /*#3b4f69;*/
  color: #ffffff;
  box-shadow: 0px 11px 8px -10px #dddddd, 0px -11px 8px -10px #666666;
}
.uk-nav-navbar > li > a {
  color: #ffffff;
}

/* Modifier: `Kalender-Modul Kommende Termine´
 ========================================================================== */

/*
 * Darstellung des Termin-Links beim Simple-Layout
 */
.mod-dpcalendar-upcoming-simple__information > .dp-event-url{
  display: block;
  color: currentcolor;
  font-weight: bold;
}


/*
 * Darstellung des Termin-Links beim Horizontal-Layout
 */
.mod-dpcalendar-upcoming-horizontal__information > .dp-event-url{
  display: block;
  color: currentcolor;
  font-weight: bold;
  margin-left: 4em;
}

/*
 * Darstellung des Raum-Links
 */
.mod-dpcalendar-upcoming-horizontal__location{
  color: #4cb9be;
  display: block;
  margin-left: 4em;
}

/*
 * Startdatum und Enddatum
 */

.dp-time__start::before{
  content:"| ";
}


/*
 * Darstellung des Datums beim Horizontal-Layout
 */
.mod-dpcalendar-upcoming-horizontal__date{
  display: block;
  margin-left: 5em;
  font-size: 10px; 
}


/*
 * Titel beim Timeline-Layout
 */
.mod-dpcalendar-upcoming-timeline__title > .dp-event-url{
  
  color: #ffffff;
}

/*
 * Links beim Timeline-Layout
 */
.com-dpcalendar-timeline__container .dp-link{
  
  color: #ffffff;
}
.com-dpcalendar-timeline__container .dp-link:hover{
  
  color: #54c2ba;
  text-decoration: none;
}


/*
 * Caldav- und iCal-Links für Kalender
 */
.dp-link-caldav{
  
  display: none;
}
.dp-link-subscribe + .dp-link{
  
  display: none;
}

.com-dpcalendar-calendar__list {
  
  margin-top: 10px;
  
}

/*
 * Kalenderliste über Gesamtkalender
 */
.com-dpcalendar-calendar__custom-text{
  font-weight: bold;
}

.com-dpcalendar-calendar__list .com-dpcalendar-calendar__calendar-description{
  width: 33.3%;
  float: left;
  margin: 0px;
  
}


/* Mobiles Menü - Icon
 ========================================================================== */
.uk-navbar-toggle {
  font-size: 25px;
  color: #f9f9f9;
  text-decoration: none;
  
}

.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
  color: #ef892f;
  text-decoration: none;
  /* 2 */
  outline: none;
}

/* Mobiles Menü - Menüpunkte`
 ========================================================================== */
/*
 * Hover
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  background:  #404040;
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Active
 * `html .uk-nav` needed for higher specificity to override hover
 */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: #1a1a1a;
  color: #ffffff;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a:hover,
html .uk-nav.uk-nav-offcanvas > li.uk-active > a:focus{
  background: rgba(255, 255, 255, 0.05);
  color: #ffffff;
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}

/* Überschriften
 ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* margin: 0 0 15px 0;
  font-family: 'Quicksand';
  font-weight: 300;*/
  color: #3b4f69; /*#444444*/
  text-transform: none;
}


h3.uk-h3 {
  font-size: 34px;/*22px;*/
  line-height: 36px;/*28px;*/
}

/* Sub-object `uk-article-title`
 ========================================================================== */
.uk-article-title {
  font-size: 26px;  /*34px*/
  line-height:30px; /*39px;*/
  font-weight: 900;
  text-transform: none;
  color: #3b4f69;
}



/* Formatierung der Breadcrumbs
 ========================================================================== */

/* Text vor Breadcrumb*/
.tm-content ul.uk-breadcrumb li:first-of-type::before {
    content: 'Sie sind hier:';
    padding-right: 5px;
    font-weight: bold;
    color: #3b4f69;
}

/* Linientrennung der Breadcrumb vom unteren Inhalt*/
.uk-breadcrumb {
    padding: 0;
    list-style: none;
    font-size: 0.001px;
    border-bottom-width: 1px;
    border-bottom-color: #3b4f69;
    border-bottom-style: dotted;
    display: inline-block;
}


/* Hover-Effekte für verlinkte Bilder
========================================================================== 

img{
  border-style: solid;
  border-width: 1px;
  border-color: #9c9c9c;
}

.tm-logo > p > img {
  border-style: none;
}

.tm-logo-small > p > img {
  border-style: none;
}
*/
img.hover-effect{
	-webkit-transition:-webkit-transform 0.5s ease;
  	-moz-transition:-moz-transform 0.5s ease;
  	transition:transform 0.5s ease;
}

img.hover-effect:hover {
  -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
a > img{
	-webkit-transition:-webkit-transform 0.5s ease;
  	-moz-transition:-moz-transform 0.5s ease;
  	transition:transform 0.5s ease;
}

a > img:hover {
  -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


/* JoomGallery 
==========================================================================

.jg_catelem_txt {
    clear: both;
    margin-left: 0em;
    margin-right: 0.3em;
}


.jg_catelem_txt >ul > li{
  list-style-image: none !important;
  list-style-type:none !important;
}

 */
/* Artikel im Blog-Layout (Bilder 16:9)
========================================================================== */
.uk-width-medium-1-2 > .uk-article {
  min-height: 600px;
}

.item-image > a {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.2%;
}

.item-image > a > img{
	-webkit-transition:-webkit-transform 0.5s ease;
  	-moz-transition:-moz-transform 0.5s ease;
  	transition:transform 0.5s ease;
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Kalendder-Button auf rechter Seite 
========================================================================== */
.kalender_button {
    position: fixed;
    right: 0px;
    bottom: 50%;
    
    writing-mode: vertical-lr;
    transform: rotate(180deg) !important;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #3b4f69;
    color: #fff;
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
    z-index: 1004;
    
}

.kalender_button:hover {
	background-color: #fff !important;
	}

/* Links in Engage-Boxen
========================================================================== */
.eb-content > ul > li > a{
    color: #ffffff;
}

.eb-content > ul > li.active > a{
    color: #ef892f;
}