/* 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 */
}

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

html {
background-color: #c8dcef;
}
.uk-container {
box-shadow: 0px 20px 30px grey;
}

.tm-headerbar .uk-panel {
    float: none;
}

.uk-subnav > .uk-active > * {
    color: #0f3b66;
}

.uk-navbar-nav > li > a {
    height: 100px;
    line-height: 100px;
}

ul.uk-nav {
	background: #f5f5f5;
}

.tm-leading-article .uk-article:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

/* Aktuelles */
#main-content .uk-slidenav-position a {
	text-decoration:none;
	font-size:16px;
}
#main-content .uk-slidenav-position a.uk-slidenav {
	font-size:40px;
	color:white;
}

h3 {
    background-color: #0680b8;
    color: #6e6e6e;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    font-size: 17px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: none;
}

.bildrahmen {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35);
}

.text_maxBreite {
    max-width: 650px;
}
.tabelle-gestreift {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 15px;
    width: 100%;
}
* + .tabelle-gestreift {
    margin-top: 15px;
}
.tabelle-gestreift th, .tabelle-gestreift td {
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}
.tabelle-gestreift th {
    text-align: left;
}
.tabelle-gestreift td {
    vertical-align: top;
}
.tabelle-gestreift thead th {
    vertical-align: bottom;
}
.tabelle-gestreift caption, .tabelle-gestreift tfoot {
    font-size: 12px;
    font-style: italic;
}
.tabelle-gestreift caption {
    color: #999999;
    text-align: left;
}
.tabelle-gestreift tbody tr:nth-of-type(2n+1) {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #f5f5f5;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.text-box {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(249, 249, 249, 1);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #666;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}



.liste-gestreift {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.liste-gestreift > li:nth-child(n+2) {
    border-top-color: #dddddd;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 5px;
    padding-top: 5px;
}
.liste-gestreift li::before {
    content: "\f178";
	font-family: FontAwesome;
	padding-right: 5px;
	color:#0097dd;
}



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

}


/* Phone landscape and smaller */
@media (max-width: 750px) {
/*** Darstellung der Module  ***/
.uk-slideshow .uk-margin {
	font-size: 34px;
}

}



/* Phone landscape and smaller 590*/
@media (max-width: 590px) {
.menu-outer {
    padding-left: 15px;
    padding-right:0;
}
h1 {
	font-size:26px;
	line-height:28px;
}
h2 {
	font-size:22px;
	line-height:24px;
}
h3 {
	font-size:20px;
	line-height:22px;
}
.tm-headerbar {
	display:none;
}
.startseite .tm-headerbar {
	display:block;
}
}




/*** Mobile-Menue ***/
/*----------------------------------------------------------------------------------------------------*/
.uk-nav-offcanvas > li > a::before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    transform: translateZ(0px);
    transition-duration: 0.1s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

.uk-nav-offcanvas > li > a {
	font-size: 1.3em;
	color: #0097dd;
	text-transform:uppercase;
	border-top:1px solid grey;    
    -moz-osx-font-smoothing: grayscale;
    
    
    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 {
}
ul.uk-nav-sub {
    padding-top: 0;
}

.uk-offcanvas-page .uk-navbar-toggle {
    transform: rotate(90deg);
}

/* Modul-Titel */
.uk-panel-box .uk-panel-title {
    color: #fff !important;
}


/* Mitarbeiter gesucht */
.mitarbeiter {
position: absolute;
top: 240px;
left: 20px;
}


/*** Responsive Video ***/
/*----------------------------------------------------------------------------------------------------*/

.video-container {
    position: relative;
    padding-bottom: 56.25%; padding-top: 30px;
    height: 0;
    overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%; }