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

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


/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Work Sans Light'), local('WorkSans-Light'),
       url('../fonts/work-sans-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v3-latin-300.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Work Sans'), local('WorkSans-Regular'),
       url('../fonts/work-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v3-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Work Sans'), local('WorkSans-500'),
       url('../fonts/work-sans-v3-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v3-latin-500.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Work Sans'), local('WorkSans-600'),
       url('../fonts/work-sans-v3-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/work-sans-v3-latin-600.ttf') format('truetype'); /* Safari, Android, iOS */
}
 
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?9yndqw');
  src:  url('../fonts/icomoon.eot?9yndqw#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?9yndqw') format('truetype'),
    url('../fonts/icomoon.woff?9yndqw') format('woff'),
    url('../fonts/icomoon.svg?9yndqw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-chevron-thin-down:before {
  content: "\e900";
}
.icon-minus:before {
  content: "\e901";
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 30px 0;
    font-family: 'Work Sans';
    color: #3A3A3A;
    text-transform: none;
    line-height: 145%;
}
h1, .uk-h1 {
    font-size: 36px;
  	margin-bottom: 75px;
}
h2, .uk-h2 {
    font-size: 30px;
}
h3, .uk-h3 {
	font-size:24px;
    font-weight: 600;
  	margin-top:50px;
	margin-bottom:25px;
	text-transform:uppercase;
    letter-spacing: 1px;
}
h4, .uk-h4 {
	font-size:22px;
  	margin-top:45px;
	margin-bottom:25px;
	text-transform:uppercase;
	color: #000000;
    letter-spacing: 1px;
}
h5, .uk-h5 {
    font-size: 20px;
    color: #808080;
    margin-bottom: 30px;
}
em {
 	font-style: italic;
    color: #656565;
}

emphasis {
    color:#454545;
    font-size: 20px;
    font-family: 'Work Sans';
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0px;
}
.w300 {
	font-weight:300;	
}
.black {
	color:#000;	
}
.green { 
	color:#47AFA7; 
}
.red { 
	color:#C51D1D; 
}
.visible-home {
	display:none;	
}
.home .visible-home {
	display:inline-block;	
}
a, .uk-link {
    color: #47AFA7;
}
.uk-text-small {
    font-size: 13px;
    line-height: 17px;
    font-family: 'Work Sans';
    color: #eaeaea;
}
.tm-toolbar .uk-text-small {
	color:#eee;	
}
h1 > .tm-text-highlight, .uk-h1 > .tm-text-highlight {
    padding: 0;
}
.tm-text-highlight {

}
.tm-block-padding-large {
    padding-top: 120px;
    padding-bottom: 120px;
}
.uk-button {
	color:#3a3a3a;
	border-color:#3a3a3a;	
}
.uk-button::before {
    background-color: #3a3a3a;
}
.tm-toolbar {
    position: fixed;
    padding: 15px 25px;
    background: transparent;
	right:0;
    z-index: 10001;
}
.tm-navbar {
    padding: 0px 50px;
	background:#3a3a3a;
	height:120px;
}
.tm-navbar-content > div:last-child {
	margin:auto;
	margin-top:65px;		
}
.uk-navbar-nav {
	margin-left:-200px;	
}
.uk-nav-navbar > li > a {
    font-family: 'Work Sans';
	text-align:left;
}
.uk-navbar-nav > li > a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 35px;
    padding: 0 20px;
    line-height: 35px;
    color: #fff;
    font-size: 18px;
    font-family: 'Work Sans';
    font-weight: normal;
    text-transform: uppercase;
    -webkit-transition: background .5s,ease-in-out;
    transition: background .5s,ease-in-out;
    -webkit-transform: translateZ(0);
}
.uk-navbar-nav > li.uk-active > a {
	color:#fff;	
}
.uk-navbar-nav > li.uk-parent > a::after { 
    content: "\e900";
	font-family: icomoon;
	font-size: 16px;
	top: 10px;
	right: -6px;
}
.uk-navbar-nav > li > a::before {
    background: #595959;
}
.uk-navbar-nav > li:nth-child(3) > .uk-dropdown {
	width:310px;		
}
.uk-navbar-nav > li:nth-child(4) > .uk-dropdown {
	width:150px;		
}

.uk-dropdown-navbar {
    margin-top: 20px;
}
.uk-dropdown {
	width:auto;
	padding:10px;
}
.uk-dropdown .uk-nav-navbar > li > a {
	position:relative;	
	border-bottom:1px solid #f0f0f0;
	padding: 7px 3px;
}
.uk-dropdown .uk-nav-navbar > li:last-child > a {
	border-bottom:none;
	padding-bottom:0;
}
.uk-dropdown .uk-nav-navbar > li:first-child > a {
	padding-top:0;
}

.uk-dropdown .uk-nav {
    margin: 0;
}
.uk-nav-dropdown > li.uk-active > a, .uk-nav-navbar > li.uk-active > a {
    color: #47AFA7;
}
.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    color: #47AFA7;
}
.uk-navbar-nav > li:hover > a, 
.uk-navbar-nav > li:active > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open, 
.uk-navbar-nav > li > a:active,
.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li.uk-open > a {
	color:#fff;	
}
.tm-totop-scroller::before {
    border-bottom: 50px solid #3a3a3a;
}
a.home img {
	opacity:0.9;
	margin-top: -4px;	
}
a.home img:hover {
	opacity:1;	
}
.uk-navbar-nav > li.uk-active > a.home::before {
	height: 0;	
}
.uk-navbar-nav > li.uk-active:hover > a.home::before {
	height: 10px;	
}
.uk-navbar-nav > li:first-child {
	padding-right:0;	
}
.intro-text {
	margin-bottom:50px;	
}

/* Offcanvas Nav
================================================ */

.uk-nav.uk-nav-offcanvas .uk-nav-sub {
    padding-left: 0;
    padding-right: 0;
}
.uk-nav-offcanvas .uk-nav-header {
  	font-family: 'Work Sans';
	font-weight:normal;
	font-size:16px;	
	color:#eaeaea;
	text-transform:uppercase;
}
.uk-nav-offcanvas ul a {
    text-transform:none;
  font-weight: 300;
}

.uk-nav-offcanvas > li > a {
  font-family: 'Work Sans';
  font-weight: normal;
}

.uk-nav-offcanvas > li > a:hover {
  color: #47AFA7;
}

/* teaser 
================================================ */

.home-teaser div:nth-child(1) > div.uk-panel-box {
	background-color:#B3CA1F;
}
.home-teaser div:nth-child(2) > div.uk-panel-box {
	background-color:#59B0A8;
}
.home-teaser div:nth-child(3) > div.uk-panel-box {
	background-color:#325EA8;
}
.home-teaser div:nth-child(4) > div.uk-panel-box {
	background-color:#BD1B14;
}
.home-teaser div:nth-child(5) > div.uk-panel-box {
	background-color:#FDC702;;
}
.home-teaser div:nth-child(6) > div.uk-panel-box {
	background-color:#B3CA1F;
}

.home-teaser > div:nth-child(1) {
	width:25%;
}
.home-teaser > div:nth-child(2) {
	width:50%;
}
.home-teaser > div:nth-child(3) {
	width:25%;
}
.home-teaser > div:nth-child(4) {
	width:25%;
}
.home-teaser > div:nth-child(5) {
	width:25%;
}
.home-teaser > div:nth-child(6) {
	width:50%;
}
.home-teaser > div > * {
    width: 100%;
}
.intro-teaser > div:nth-child(4),
.intro-teaser > div:nth-child(5),
.intro-teaser > div:nth-child(6),
.intro-teaser > div:nth-child(7),
.intro-teaser > div:nth-child(8) {
	width:20%;
}
.workshop-teaser > div:nth-child(4),
.workshop-teaser > div:nth-child(5),
.workshop-teaser > div:nth-child(6),
.workshop-teaser > div:nth-child(7) {
	width:25%;
}
.teaser-grid div > div.uk-panel-box {
	background-color:#47AFA7;
}
.teaser-grid div:hover > div.uk-panel-box,
.how-teaser div:nth-child(1) > div.uk-panel-box,
.intro-teaser div:nth-child(2) > div.uk-panel-box,
.workshop-teaser div:nth-child(3) > div.uk-panel-box,
.sub1 div:nth-child(4) > div.uk-panel-box,
.sub2 div:nth-child(5) > div.uk-panel-box,
.sub3 div:nth-child(6) > div.uk-panel-box,
.sub4 div:nth-child(7) > div.uk-panel-box,
.sub5 div:nth-child(8) > div.uk-panel-box {
	opacity:0.8;
	background-color:#C51D1D;
}
h1.teaser {
	color:#fff;
	font-size:30px;	
  	font-family:'Work Sans';
	text-transform:none;
	line-height:36px;
	font-weight:300;
}
h2.teaser {
	color:#fff;
	font-size:20px;	
	font-family:'Work Sans';
	text-transform:none;
	line-height:30px;
	font-weight:300;
	text-align:center;
	margin:0;
}
.teaser-grid .uk-text-center {
	text-align:left !important;	
}
.teaser-grid .uk-panel-box {
	padding:10px !important;
	min-height:160px;
	position:relative;	
}
.home-teaser .uk-panel-box {
	min-height:232px !important;
}
.teaser-grid .uk-panel-box {
	min-height:160px;	
}
.teaser-grid .uk-panel-box > div:last-child {
 	position: absolute;
	bottom:0;  
}
.teaser-grid .uk-margin {
	margin:0;	
}
.intro-teaser > div:nth-child(4) .uk-panel-box,
.intro-teaser > div:nth-child(5) .uk-panel-box,
.intro-teaser > div:nth-child(6) .uk-panel-box,
.intro-teaser > div:nth-child(7) .uk-panel-box,
.intro-teaser > div:nth-child(8) .uk-panel-box,
.workshop-teaser > div:nth-child(4) .uk-panel-box,
.workshop-teaser > div:nth-child(5) .uk-panel-box,
.workshop-teaser > div:nth-child(6) .uk-panel-box,
.workshop-teaser > div:nth-child(7) .uk-panel-box {
	min-height:60px;
	display:flex;
	justify-content: center;
	align-content:center;
}
.intro-teaser > div:nth-child(4) .uk-panel-box > div,
.intro-teaser > div:nth-child(5) .uk-panel-box > div,
.intro-teaser > div:nth-child(6) .uk-panel-box > div,
.intro-teaser > div:nth-child(7) .uk-panel-box > div,
.intro-teaser > div:nth-child(8) .uk-panel-box > div,
.workshop-teaser > div:nth-child(4) .uk-panel-box > div,
.workshop-teaser > div:nth-child(5) .uk-panel-box > div,
.workshop-teaser > div:nth-child(6) .uk-panel-box > div,
.workshop-teaser > div:nth-child(7) .uk-panel-box > div {
	position:relative;
}

/* Toolkit Nav
============================================= */

.tk-header-wrapper {
	position:relative;	
}
.tk-header-wrapper a {
	position: absolute;
	display: block;
	width: 20%;
	height: 100%;	
	top: 0;
	right: 0;
}
.dl-icon {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
.dl-icon2 {
	position:absolute;
	top:0;
	right:0;
	height: 100%;	
}
.tk-header-wrapper a:hover .dl-icon {
	display:none;
}

.toolkit-nav h4 {
	color:#47AFA7;
	font-size:16px;
	line-height: 24px;
	margin-top: 10px;
	font-weight:normal;
}
.toolkit-nav h4 span {
	font-size:16px;
	font-weight:normal;
}
.toolkit-nav div {
	padding:0;
}
.toolkit-nav img {
	width:100%;
	vertical-align:top;
}
.toolkit-nav-top {
	margin-top:0;	
}
.nav-button a img.down{
	display:none;	
}
.nav-button a:hover img.up, .nav-button.active a img.up {
	display:none;	
}
.nav-button a:hover img.down, .nav-button.active a img.down {
	display:inline-block;	
}



/* Article
============================================= */

.uk-article-title {
    line-height: 40px;
    text-transform: none;
}
.tm-article-container > div, .main-bottom > div, .main-top > div {
	width:70%;	
}

/* Blog 
============================================= */

.uk-article p, p, .uk-article ul li, .uk-article ol li {
    font-size:20px;
	font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
	line-height:33px;
	color:#656565;
	letter-spacing: -.003em;
    margin-bottom: 20px;
}
.uk-article ul li, .uk-article ol li {
	padding: 5px 0;
    margin-bottom: 15px;
}

blockquote p {
    margin: 40px 80px 40px 80px;
    text-align: center;
    font-weight: 300;
    font-family: 'Work Sans' !important;
    color: #454545;
    font-style: normal;
}

p.byline {
  	margin-top: 55px;
  	font-family: 'Work Sans';
  	font-weight: normal;
 	font-size: 18px;
	color:#454545;
  	letter-spacing: 0px;
}

/* Footer 
============================================== */

.tm-footer {
	background-color:#f0f0f0;
}
.uk-subnav-pill > li > a,
.tm-footer-left p {
    font-family: 'Work Sans';
	color:#454545;
}
.tm-footer-left {
	padding-top:14px;	
}
.tm-footer-right {
	padding-top:12px;	
}
.uk-subnav-pill > * > *::before {
	background: #A1D7D4;	
}

/*   Publications
============================================== */

.publications h2 {
	font-size:20px;
	line-height:28px;
	margin-top:20px;	
}
.publications p {
	padding-bottom: 10px;
}
.publications .uk-text-center.uk-panel-teaser {
	text-align:left !important;	
}
.publications .uk-grid-margin {
	margin-top:80px;	
}
.publications .uk-panel p {
	display:none;	
}
.publications .uk-panel .content p {
	display:block;	
}

/*   Newsletter
=============================================== */

#mc_embed_signup form {
	padding: 10px 0 10px !important;	
}
.display_archive {
	font-size: 20px;
}
.campaign {
	line-height: 125%; 
	margin: 15px 0;
}
.nl-archive .uk-panel-space {
	padding:0;	
}
.nl-archive h3 {
	font-weight:700;	
}
.nl-archive .uk-grid {
	margin-top:100px;	
}
.nl-archive .uk-grid:first-child {
	margin-top:0px;	
}


/* Team
============================================== */

.team .uk-h4 {
    font-size: 18px;
	text-transform:none;
	line-height:22px;
	color:#777;	
    letter-spacing: 0.5px;
}
.team .uk-h4 span {
	color:#000;	
}
.team .uk-h4 .uk-icon-button {
    line-height: 22px;
    color: #47AFA7;
    font-size: 18px;
    text-align: center;
	width:auto;
	height:auto;
}
.team .uk-h4 .uk-icon-button:hover, .uk-icon-button:focus {
    background: none;
	color:#777;
}
.team .uk-text-center {
  	font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
    text-align: left !important;
    font-size: 15px;
    color: #454545;
	line-height: 22px;
	webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.team .uk-overlay-panel {
    padding:14px;
}

/*  Social Icons
============================================== */

.social-icons .uk-icon-button {
    line-height: 35px;
	color: #eee;
	font-size: 20px;
	text-align: center;
	width: auto;
	height: auto;
	bottom: -2px;
	position: relative;
}
.uk-icon-button:hover, .uk-icon-button:focus {
	background:none;	
}

/*   Smart Model
=================================================*/

.smart-model-grafik {
	width:120%;
	max-width:120%;
	margin:20px -10%;		
}
.smart-model-icon {
	margin:30px 0 10px;	
}


/*   Responsive
=============================================== */

/* Desktop and bigger */

@media (max-width: 1550px) {
  .uk-navbar-nav > li > a {
	  height: 35px;
	  padding: 0 10px;
	  padding-right: 20px;
	  line-height: 35px;
	  font-size: 15px;
	  font-family: 'Work Sans';
	  font-weight: 300;
	  text-transform: uppercase;
	  -webkit-transition: background .5s,ease-in-out;
	  transition: background .5s,ease-in-out;
	  -webkit-transform: translateZ(0);
  }
  .uk-navbar-nav {
	  margin-left: 0;
	  position:absolute;
	  left:350px;
	  top:60px;
  }	
  .tm-logo img {
	  width:208px;	
  }	
}
@media (max-width: 1260px) {
	.uk-navbar-nav > li > a {
      	font-weight: 300;
		font-size:14px;
		padding:0 6px;	
	}
	.uk-navbar-nav {
	  margin-left: 0;
	  position:absolute;
	  left:260px;
	}
}
@media (max-width: 1050px) {
	.uk-navbar-nav > li {
	    padding-left: 10px;
    	padding-right: 10px;
	}
}
@media (max-width: 960px) {
	.uk-navbar-toggle {
		color:#eee;
		margin-top: 28px;
		position: absolute;
		right: 40px;
		top: 0;
	}
	.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
    	color: #eee;
	}
	.tm-toolbar {
		display:none;  
	}
	.tm-navbar {
		padding:0 25px;
		height:85px;	  
	}
	.tm-article-container > div, .main-bottom > div, .main-top > div {
		width:100%;	
	}
	.video {
		width:400px !important;
		height:230px !important;
	}
}

@media (max-width: 860px) {
	.home-teaser > div:nth-child(1) {
		  width:50%;
	  }
	  .home-teaser > div:nth-child(2) {
		  width:50%;
	  }
	  .home-teaser > div:nth-child(3) {
		  width:50%;
	  }
	  .home-teaser > div:nth-child(4) {
		  width:50%;
	  }
	  .home-teaser > div:nth-child(5) {
		  width:50%;
	  }
	  .home-teaser > div:nth-child(6) {
		  width:50%;
	  }	
}
@media (max-width: 767px) {
	.tm-top-a .tm-container {
		padding:0;	
	}
	.toolkit-nav .nav-button a:hover img.down, .toolkit-nav .nav-button a img.up, .toolkit-nav .nav-button a img {
		display:none;
	}
	.toolkit-nav .nav-button a h4 {
    	border: 2px solid;
    	width: 260px;
    	margin: 2px auto;
    	border-radius: 30px;
		font-size:16px;
		line-height:34px;
		font-weight:700;
	}
	.toolkit-nav .nav-button a h4 span {
		font-size:14px;	
	}
	.toolkit-nav .nav-button a:hover h4, .toolkit-nav .nav-button a h4.active {
		background-color:#47AFA7;
		color:#fff;
    }
	h1.toolkit {
		margin-top:30px;	
	}
	.team .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore),
	.team .uk-overlay-hover:hover .uk-overlay-panel {
    	opacity: 1;
    	position: relative;
		padding:10px 0;
		max-width:220px;
	}
	.team .uk-h4 span {
		display:none;	
	}
	.team .uk-panel-teaser {
    	margin-bottom: 0;
	}
}
@media (max-width: 600px) {
	.home-teaser > div:nth-child(1) {
		  width:100%;
	  }
	  .home-teaser > div:nth-child(2) {
		  width:100%;
	  }
	  .home-teaser > div:nth-child(3) {
		  width:100%;
	  }
	  .home-teaser > div:nth-child(4) {
		  width:100%;
	  }
	  .home-teaser > div:nth-child(5) {
		  width:100%;
	  }
	  .home-teaser > div:nth-child(6) {
		  width:100%;
	  }	
}
@media (max-width: 450px) {
	.video {
		width:330px !important;
		height:190px !important;
	}	
}
@media (min-width: 960px) {
	.tm-leading-article + * .tm-article:first-child, .tm-article + .tm-article {
    	margin-top: 60px;
	}
}
@media (min-width: 768px) {
  .uk-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}