/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic)';

/* base */

html { font: 400 14px / 20px 'Open Sans'; background: #ffffff; color: #000000; }
a, .uk-link { color: #e56f06; }
a:hover, .uk-link:hover { color: #002b5f; }

/* style */

h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; font-family: 'Open Sans'; font-weight: 700; font-style: italic; color: #e56f06; text-transform: none; }
h1, .uk-h1 { font-size: 22px; line-height: 28px; }
h2, .uk-h2 { font-size: 20px; line-height: 26px; }
h3, .uk-h3 { font-size: 18px; line-height: 24px; }
h4, .uk-h4 { font-size: 16px; line-height: 22px; }
h5, .uk-h5 { font-size: 14px; line-height: 20px; }
h6, .uk-h6 { font-size: 12px; line-height: 18px; }

.uk-article-title { font-size: 22px; line-height: 28px; font-weight: 700; font-style: italic; text-transform: none; color: #002b5f; }
.uk-article-title a { color: #e56f06; }
.uk-article-title a:hover { color: #002b5f; }

.uk-article + .uk-article { margin-top: 25px; padding-top: 25px; border-top: 1px solid #dbdbdb; }

.uk-button { color: #ffffff; text-transform: uppercase; background: #8cb2c8; line-height: 30px; min-height: 30px; font-size: 12px; letter-spacing: 0px; box-sizing: border-box; border: none; }
.uk-button:hover, .uk-button:focus { background-color: #8cb2c8; color: #ffffff; }
.uk-button:hover:before, .uk-button:focus:before { bottom: 0; }
.uk-button:active, .uk-button.uk-active { background-color: #8cb2c8; color: #ffffff; }
.uk-button:active:before, .uk-button.uk-active:before { bottom: 0; }

.uk-arrow-list { padding-left: 0px; }
.uk-arrow-list li { list-style: none; background: url(../images/list.png) 0 5px no-repeat; padding-left: 20px; }

.uk-arrow-list_2 { padding-left: 0px; }
.uk-arrow-list_2 li { list-style: none; background: url(../images/list_2.png) 0 5px no-repeat; padding-left: 25px; }

.uk-horizontal-arrow { padding-left: 0px; display: block; text-align: center; }
.uk-horizontal-arrow li {display: inline; list-style-type: none; color: #002b5f; background: url(../images/list_3.png) 0 10px no-repeat; text-transform: uppercase; font-size: 18px; padding: 5px 20px; }

.uk-list-yesmarker { padding-left: 0px; }
.uk-list-yesmarker li { list-style: none; background: url(../images/list_4.png) 0 5px no-repeat; padding-left: 25px; }

hr { border-top: 1px dashed #dbdbdb; }

ul.tm-topmenu { list-style: none; display: block; text-align: center; margin: 0px; padding: 8px 0px 8px 0px; }
ul.tm-topmenu li { display: inline; list-style-type: none; font-family: 'Open Sans'; font-weight: 400; font-style: italic; font-size: 14px; line-height: 22px; text-transform: uppercase; color: #002b5f; padding: 5px 25px; }
ul.tm-topmenu li a { color: #002b5f; }
ul.tm-topmenu li a:hover { text-decoration: underline; }

/*.tm-dotnav-follower {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  margin: 10px 0 0 10px;
  padding: 0;
  border-radius: 10px;
  background: rgba(24, 24, 34, 0.1);
  transition: top .2s, height .2s;
  z-index: -1;
}
.tm-dotnav > .uk-active > * {
  background: rgba(0, 0, 0, 0);
}*/

.uk-offcanvas {
  background: rgba(0, 98, 176, 0.1);
}

.uk-offcanvas-bar {
  background: #0062b0;
}

.uk-nav-offcanvas > li > a {
  color: #ffffff;
}

.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: rgba(255, 114, 0, 1);
  color: #ffffff;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: rgba(255, 114, 0, 1);
  color: #ffffff;
}

.uk-navbar-toggle { margin-top: 35px; }

.uk-offcanvas-bar { padding: 60px 20px 20px 20px; }
.uk-navbar-nav .uk-dropdown-navbar { /*margin-left: -7.5px;*/ margin-left: 0px!important; }

/* layout */

.uk-block-primary { background: url(../images/bg_quartery.jpg) 50% 0 fixed; }
.uk-block-tertiary { background: #d0e5f1; }
.uk-block-bestellung { background: #ffffff url(../images/bg_bestellung.jpg) 50% 0 no-repeat; }
.uk-block-muted { background: url(../images/bg_tertiary.jpg) 50% 0 no-repeat; }
.tm-top-search { background: #d0e5f1; padding: 5px 25px; }

.tm-top-topmenu { border-top: 2px solid #8cb2c8; border-bottom: 10px solid #d0e5f1; }

/* menus */

.uk-navbar-nav > li > a { color: #000000; font-size: 12px; font-family: 'Open Sans'; font-weight: normal; font-style: italic; text-transform: uppercase; }
.uk-navbar-nav > li > a:before { bottom: 0px; background: #ff8c05; }
.uk-navbar-nav > li:hover > a:before, .uk-navbar-nav > li > a:focus:before, .uk-navbar-nav > li.uk-open > a:before { height: 5px; }
.uk-navbar-nav > li.uk-active > a:before { height: 5px; }

.uk-subnav-pill > * > :hover:before,
.uk-subnav-pill > * > :focus:before { width: 100%; height: 0px; }

.tm-smoothlogin-bar .uk-subnav-pill li.uk-parent { padding: 5px 10px; }

.uk-dropdown:hover { background: rgba(255, 255, 255, 1); }
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus { background: rgba(255, 255, 255, 1); }

/* modules */

.uk-panel-title { margin-top: 0; margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; line-height: 24px; font-weight: 700; font-style: italic; color: #002b5f; text-transform: none; border-bottom: 1px solid #c6c6c6; }
.uk-panel-title:hover { color: #e56f06;}

.uk-panel-box-primary { background-color: #d0e5f1; color: #002b5f; border: none; box-shadow: none; padding: 20px 0px; }
.uk-panel-box-primary p, .uk-panel-box-primary ul { padding: 0px 20px; }
.uk-panel-box-primary h1, .uk-panel-box-primary h2, .uk-panel-box-primary h3, .uk-panel-box-primary h4, .uk-panel-box-primary h5, .uk-panel-box-primary h6 { color: #002b5f; }
.uk-panel-box-primary a:hover, .uk-panel-box-primary .uk-link:hover { color: #e56f06; }
.uk-panel-box-primary .uk-button:not(.uk-button-link) { border: #none; color: #ffffff; }
.uk-panel-box-primary .uk-button:not(.uk-button-link):before { background-color: #000000; }
.uk-panel-box-primary .uk-button:not(.uk-button-link):hover { color: #ffffff; }
.uk-panel-box-primary .uk-button:not(.uk-button-link):focus { color: #ffffff; }
.uk-panel-box-primary .uk-button-primary { border: none; color: #ffffff; }
.uk-panel-box-primary .uk-button-primary:before { background-color: #72a8e5;}
.uk-panel-box-primary .uk-button-primary:hover { color: #ffffff; }
.uk-panel-box-primary .uk-button-primary:focus { color: #ffffff; }
.uk-panel-box-primary:after { border-color: transparent; }
.uk-panel-box-primary-hover:hover { color: #ffffff; }
.uk-panel-box-primary .uk-panel-title { padding: 0px 20px 10px 20px; font-size: 28px; line-height: 26px; font-weight: 700; font-style: italic; color: #002b5f; border: none; }

.uk-panel-box-secondary { background-color: #e9d5c8; color: #002b5f; border: none; box-shadow: none; padding: 20px 0px; }
.uk-panel-box-secondary p, .uk-panel-box-secondary ul { padding: 0px 20px; }
.uk-panel-box-secondary h1, .uk-panel-box-secondary h2, .uk-panel-box-secondary h3, .uk-panel-box-secondary h4, .uk-panel-box-secondary h5, .uk-panel-box-secondary h6 { color: #002b5f; }
.uk-panel-box-secondary a:hover, .uk-panel-box-secondary .uk-link:hover { color: #e56f06; }
.uk-panel-box-secondary .uk-button:not(.uk-button-link) { border: #none; color: #ffffff; }
.uk-panel-box-secondary .uk-button:not(.uk-button-link):before { background-color: #000000; }
.uk-panel-box-secondary .uk-button:not(.uk-button-link):hover { color: #ffffff; }
.uk-panel-box-secondary .uk-button:not(.uk-button-link):focus { color: #ffffff; }
.uk-panel-box-secondary .uk-button-primary { border: none; color: #ffffff; }
.uk-panel-box-secondary .uk-button-primary:before { background-color: #72a8e5;}
.uk-panel-box-secondary .uk-button-primary:hover { color: #ffffff; }
.uk-panel-box-secondary .uk-button-primary:focus { color: #ffffff; }
.uk-panel-box-secondary:after { border-color: transparent; }
.uk-panel-box-secondary-hover:hover { color: #ffffff; }
.uk-panel-box-secondary .uk-panel-title { padding: 0px 20px 10px 20px; font-size: 28px; line-height: 26px; font-weight: 700; font-style: italic; color: #002b5f; border: none; }

.btn.btn-small {margin: 5px; padding: 5px; border-radius: 5px;}

.uk-panel-box-tertiary { background-color: #ffffff; border: none; box-shadow: none; padding: 20px; }
.uk-panel-box-quaternary { background-color: #d0e5f1; border: none; box-shadow: none; padding: 20px; }

.uk-panel-box-tertiary .uk-panel-title, .uk-panel-box-quaternary .uk-panel-title { margin-top: 0; margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; line-height: 24px; font-weight: 700; font-style: italic; color: #ff8c05; text-transform: none; border-bottom: 1px dashed #002b5f; }

.uk-panel-box-orange { padding: 25px; background: #e56f06; color: #e56f06; }
.uk-panel-box-blue { padding: 25px; background: #002b5f; color: #e56f06; }

.uk-panel-box-lightblue { padding: 25px; background: rgba(0, 43, 95, 0.1); border-radius: 25px; }
.uk-panel-box-lightgrey { padding: 25px; background: rgba(0, 0, 0, 0.1); border-radius: 25px; }

.uk-panel-box-orange h1, .uk-panel-box-blue h1,
.uk-panel-box-orange h2, .uk-panel-box-blue h2,
.uk-panel-box-orange h3, .uk-panel-box-blue h3,
.uk-panel-box-orange h4, .uk-panel-box-blue h4,
.uk-panel-box-orange h5, .uk-panel-box-blue h5,
.uk-panel-box-orange h6, .uk-panel-box-blue h6,
.uk-panel-box-orange ul li, .uk-panel-box-blue ul li { color: #ffffff; }

#tm-bottom-h .uk-panel-title { margin-top: 10px; margin-bottom: 20px; padding-bottom: 0px; font-size: 18px; line-height: 24px; font-weight: 700; font-style: italic; color: #002b5f; text-transform: none; border-bottom: none; }

.tm-green-logistik-grid .uk-panel-box { padding-left: 20px!important; padding-right: 20px!important;}
.tm-green-logistik-grid .uk-panel-box .uk-text-center { text-align: left!important; }
.tm-green-logistik-grid .uk-panel-box .uk-panel-title { padding-left: 0px!important; padding-right: 0px!important; line-height: 30px!important; }

/* extensions */

.uk-overlay-background { background:none; color:#ffffff; }
.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 { margin: 0px; font-family: 'Open Sans'; font-weight: 400; font-style: italic; color: #0062b0; text-transform: none; background: #ffffff; display: inline-block; padding: 5px 10px; }
.uk-overlay-panel h1, .uk-overlay-panel .uk-h1, 
.uk-overlay-panel h2, .uk-overlay-panel .uk-h2, 
.uk-overlay-panel h3, .uk-overlay-panel .uk-h3, 
.uk-overlay-panel h4, .uk-overlay-panel .uk-h4, 
.uk-overlay-panel h5, .uk-overlay-panel .uk-h5, 
.uk-overlay-panel h6, .uk-overlay-panel .uk-h6 { font-size: 30px; line-height: 40px; }
.uk-overlay-panel .uk-margin { margin: 0; background: #ff7200; display: inline-block; padding: 5px 10px; }
.uk-overlay-panel .uk-button { background: #ff7200; }

.uk-accordion-title { margin-top: 0; margin-bottom: 25px; padding: 5px 25px; background: #e9d5c8; font-size: 13px; line-height: 21px; cursor: pointer; border-bottom: none; }
.uk-accordion-title:before { content: "\f05a"; width: 20px; margin-right: 10px; float: left; font-family: FontAwesome; text-align: center; font-size: 14px; }
.uk-accordion-content { background: #ffffff; border: 1px solid #aec7d7; padding: 25px; }

.tm-smoothscroll-bar { position: fixed; top: 0; right: 0; bottom: 0; width: 22px; padding-right: 15px; z-index: 1000; }
.tm-smoothlogin-bar { position: fixed; top: 0; right: 0; width: 100px; padding-right: 15px; z-index: 5000; }

/* style green logistic */

.tm-page-green-logistik .uk-slideshow .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade .uk-margin { background: #007d20; }

.tm-page-green-logistik .uk-panel-box-primary { background: #d4e2b5; }
.tm-page-green-logistik .uk-panel-box-secondary { background: #bbd5c8; }

.tm-page-green-logistik h1, .tm-page-green-logistik h2, .tm-page-green-logistik h3, .tm-page-green-logistik h4, .tm-page-green-logistik h5 { color: #007d20; }

.tm-page-green-logistik h6 { font-family: 'Open Sans'; font-weight: 300; color: #002b5e; letter-spacing: 2px; text-transform: uppercase; font-style: normal; }

.tm-page-green-logistik a, .tm-page-green-logistik .uk-link { color: #007d20; }
.tm-page-green-logistik a:hover, .tm-page-green-logistik .uk-link:hover { color: #00330d; }

/* responsive */

@media (min-width: 960px) { .tm-navbar { padding: 20px 25px; } }

@media (min-width: 768px) {
  .tm-fixed-bar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    z-index: 7;
  }
  .tm-framed .tm-fixed-bar {
    top: 40px;
    right: 40px;
    bottom: 40px;
  }
}
@media (min-width: 1300px) {
  .tm-framed .tm-fixed-bar {
    top: 40px;
    right: 40px;
    bottom: 40px;
  }
}

li.uk-parent {  
    display: block !important; 
	cursor: pointer;
	border: 1px solid #000000;
	background: #e56f06;
}
.searchbox1 {
     float: left;
}
.searchbox2 {
     float: left;
     padding-left: 20px;
}

.nav-tabs li a:hover { color: #e56f06; }

@media (min-width: 1950px) {
  [class*='tm-container'] {
    max-width: 1900px;
  }

  .tm-container,
  .tm-container-left {
    padding-right: 100px !important;
  }

  .tm-container,
  .tm-container-right {
    padding-left: 100px !important;
  }
}