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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    
}

html {
  /* 1 */
  font: 300 15px / 22px 'Roboto', Arial, sans-serif;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* Navbar Text war zu dünn */

.uk-navbar-nav > li > a {
  font-weight: 300;
}

blockquote > h3{
    font-weight: 300;
    font-family: 'Lato';
    font-style: italic;
    font-size: 28px;
}

.uk-sticky-placeholder {
  margin: 0px 0px 32px;
}

.tm-toolbar {  
    display: none;  
}

.tm-grid-monday [class*=tm-tag-] .tm-tag-border {
    border-bottom-width: 8px;
    border-bottom-style: solid;
}

.uk-navbar{
background-image: linear-gradient(to right, #343440 0%, #474550 40%);
}

.tm-footer{
/*background-image: linear-gradient(to right, #343440 0%, #474550 40%);*/
  background-color:#262633;
}

.uk-slidenav-position .uk-slidenav {
    display: block !important;
}

.to-overlay{
  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding:25px;
  z-index: 10;
  background-color: rgba(255,255,255,0.9); /*dim the background*/
}

h4.uk-badge {
  font-size: 16px;
  
}

.tm-tag-2-charts {
  color:#ffbd4f;
}

.tm-tag-3-charts{
  color:#f1878a;
}

.tm-tag-4-charts{
  color:#93d6a7;
}

.tm-tag-5-charts{
  color:#5cd1df;
}

.TOM-Title{
  margin-bottom: 50px;
  margin-top: 15px;
}
.uk-grid .uk-panel > h3{
  font-weight: 300;
  font-size:27px;
}

/*////////////////////////////TOM-Accordeon/////////////////////////////////*/

/*////////////////////////////TOM-Accordeon/////////////////////////////////*/


/*////////////////////////////Circle Charts/////////////////////////////////*/

.charts-background{
  /*background:#343440;*/
  
  color:#5c5c5c;
}
.charts-background h4{
  font-weight:300;
}


.uk-circlechart > circle {
  /*   Füllung des Charts selber */
  /*fill:#f2f4f5;*/
  fill:#fff;
   /*mask: url(http://ux-designer.berlin//images/background.svg);*/
  
}

.uk-circlechart > text {
  left:35%;
  top:55%;
  fill:#5c5c5c;
  font-size:28px;
  font-weight:300;
  dominant-baseline: central;
  text-anchor: middle;
  
}

.uk-circlechart > path {
  /*   Füllung im Chart */
  fill:#5c5c5c;

}

svg.uk-circlechart {
  display: block;
  margin: auto;
}

.charts-background .uk-container-center .uk-panel-box{
  padding:80px 30px 80px 30px ;
  
}

.TOM-chart-box-1{
  -webkit-transition: all 1s ease;
         -moz-transition: all 1.5s ease;
           -o-transition: all 1.5s ease;
          -ms-transition: all 1.5s ease;
              transition: all 1.5s ease;
  border-bottom: 8px solid #ffbd4f;
}
/*.TOM-chart-box-1:hover{
  -webkit-transition: all 1s ease;
         -moz-transition: all 1.5s ease;
           -o-transition: all 1.5s ease;
          -ms-transition: all 1.5s ease;
              transition: all 1.5s ease;
  border-bottom: 5px solid #ffbd4f;
}*/


.TOM-chart-box-2{
  -webkit-transition: all 1s ease;
         -moz-transition: all 1.5s ease;
           -o-transition: all 1.5s ease;
          -ms-transition: all 1.5s ease;
              transition: all 1.5s ease;
  border-bottom: 8px solid #f1878a;
}

/*.TOM-chart-box-2:hover{
-webkit-transition: all 1s ease;
         -moz-transition: all 1.5s ease;
           -o-transition: all 1.5s ease;
          -ms-transition: all 1.5s ease;
              transition: all 1.5s ease;
  border-bottom: 5px solid #f1878a;
}*/


.TOM-chart-box-3{
 -webkit-transition: all 1s ease;
         -moz-transition: all 1.5s ease;
           -o-transition: all 1.5s ease;
          -ms-transition: all 1.5s ease;
              transition: all 1.5s ease;
  border-bottom: 8px solid #93d6a7;
}

/*.TOM-chart-box-3:hover{
 -webkit-transition: all 1s ease;
         -moz-transition: all 1.5s ease;
           -o-transition: all 1.5s ease;
          -ms-transition: all 1.5s ease;
              transition: all 1.5s ease;
  border-bottom: 5px solid #93d6a7;
}*/


.TOM-chart-box-4{
 -webkit-transition: all 1s ease;
         -moz-transition: all 1.5s ease;
           -o-transition: all 1.5s ease;
          -ms-transition: all 1.5s ease;
              transition: all 1.5s ease;
  border-bottom: 8px solid #5cd1df;
}
/*.TOM-chart-box-4:hover{
-webkit-transition: all 1s ease;
         -moz-transition: all 1.5s ease;
           -o-transition: all 1.5s ease;
          -ms-transition: all 1.5s ease;
              transition: all 1.5s ease;
  border-bottom: 5px solid #5cd1df;
}*/
/*///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////*/


/*.tm-tabs-monday .uk-tab li {
    border-bottom: 1px solid #f2f4f5;
}*/

/* Transitions
 ========================================================================== */
/*.uk-overlay-fade,
.uk-overlay-scale,
.uk-overlay-spin,
.uk-overlay-grayscale,
.uk-overlay-blur,
[class*='uk-overlay-slide'] {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-property: opacity, transform, filter;
}
.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*='uk-overlay-slide'] {
transition-duration: 0.8s;
}
.uk-overlay-grayscale {
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity:0.5;
}*/



/*@media (min-width: 960px)*/
/*theme.css:12318*/
html {
    background: url(http://ux-designer.berlin//images/background.svg) fixed no-repeat;
    background-size: cover;
  	background-color: #f2f4f5;
}

@media (min-width: 1220px)
  .uk-grid > * {
padding-bottom: 0px;
}
theme.css:8314
.uk-container {
    max-width: 1260px;
    padding: 0 30px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

@media (min-width: 960px)
.uk-grid > * {
padding-bottom: 25px;
}

.TOM-padding-medium{
  padding-bottom: 25px;
}

theme.css:12311
.tm-tabs-monday .tm-overlay-content {
    padding: 50px;
    width:1000px;
}