/*
Theme Name: Breed Design Wordpress theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


    @font-face{
        font-family:"Clan Black";
        src:url("fonts/d3a3f0ac-3371-4c70-bdee-f5650f69f578.eot?#iefix");
        src:url("fonts/d3a3f0ac-3371-4c70-bdee-f5650f69f578.eot?#iefix") format("eot"),url("fonts/104c31f2-b696-40d5-a760-dc099e62dde4.woff2") format("woff2"),url("fonts/ac83b395-d41c-4499-97cf-bf1ef67ceea8.woff") format("woff"),url("fonts/4a042510-e500-4055-a898-ab5a464ee9f1.ttf") format("truetype");
        font-display: swap;
    }
    @font-face{
        font-family:"Clan Book";
        src:url("fonts/fc7e4215-0c9c-4343-a77f-9dec318ec520.eot?#iefix");
        src:url("fonts/fc7e4215-0c9c-4343-a77f-9dec318ec520.eot?#iefix") format("eot"),url("fonts/241d0d50-842d-4bf4-8cf4-6b102ade9e35.woff2") format("woff2"),url("fonts/ec02f579-c26f-4cb0-bd46-db74d4b8149d.woff") format("woff"),url("fonts/2007326b-57a9-413f-a55a-1dd005af561a.ttf") format("truetype");
        font-display: swap;
    }


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
    
}


#cookie-bar {
	background:#1F1F1F !important;
	padding:10px !important;
	
	
}
#cookie-bar p {
	color:white;
	font-size:12px !important;
	line-height:18px !important;
}

#cookie-bar br {
	line-height:18px !important;
}

#cookie-bar a {
	border-radius: 0px !important;
	font-size:12px !important;
	text-decoration:none !important;
	padding:6px 10px !important;

}

#cookie-bar .cb-enable {
    background: #D32428 !important;
}
#cookie-bar .cb-policy {
    background: white !important;
    color:#1F1F1F !important;

}
.checkbox {
	font-size:12px;
	margin:0 !important;
	line-height:1.6 !important;
	color:white;
}

.checkbox a {
	font-size: 12px;
	color:#D32428;
	line-height:1.6 !important;
}

input[type=radio] {
  display: none;
}
input[type=radio] + label {
  border: 1px solid white;
  background:transparent;
  padding: 1px;
  color: rgba(49, 51, 53, .6);
  margin-top: 0px;
  margin-right: 8px;
  margin-bottom: 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  background: white;
  font-weight: 300;
  float: left;
  width:25px;
  height:25px;
}

input[name=datenschutz] + label {
	margin-bottom:75px;
}

input[type=radio]:checked + label {
  border: 1px solid #D32428;
  color: #fd21bc;
}
input[type=radio] + label:before {
  display: inline-block;
  vertical-align: middle;


}
input[type=radio] + label:before {
  content: " ";
  color: #fff;
}
input[type=radio] + label:before {
  letter-spacing: 0px;
}
input[type=radio]:checked + label:before {
  content: " ";
  color: white;
  margin:-2px 0 0 -2px;
  width:25px;
  height:25px;
  background:url(img/icon_tick.svg) no-repeat center center #D32428;
  background-size:15px;
}
input[type=radio]:checked + label:before {
  letter-spacing: 0px;
}



/*Wordpress editor styles start*/
/*Wordpress editor styles start*/
/*Wordpress editor styles start*/
/*Wordpress editor styles start*/

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/*Wordpress editor styles end*/



* {
	font-family: 'Clan Book', sans-serif;
	font-size: 16px;
    line-height: 1.625;
	box-sizing:border-box;
	font-weight:300;
	
}

body {
	color:#1f1f1f;
	background:white;
	
	
	}


	body, html {
		height:100%;
	}
	
body.fixed {
	overflow:hidden;
}

	
	
h1 {
	font-size:120px;
	margin:0;
	text-align:left;
	font-weight:bold;
	font-family:'Clan Black';
}



h1.white, .subtitle.white {
	color:white;
}



.page-template-page-info h2 {

    text-align: left;
    font-size: 26px;
    font-family: "Clan Black";
    padding: 47px 0 0px 0;
    position: relative;
    margin: 0 0 45px 0;

}

.page-template-page-info h2:before {
    content: "";
    position: absolute;
    bottom: -21px;
    height: 3px;
    background: #1f1f1f;
    width: 120px;
}



.subtitle {
	font-size:22px;
	text-align:left;
	margin:0px 15px 45px 0;
	font-weight:300;
	margin-left:15px;
}

h3 {
	font-size:22px;
	font-family:'Clan Black';
	text-align:left;
	font-weight:600;
	line-height:1.2;

}
.project-item h3 {
	font-size:16px;
	margin-bottom: 0;
}

.project-item .bild{
	position: relative;
	padding-bottom: 56%;
	overflow: hidden;
	/* transform: translateY(40px); */
	opacity: 1;
	/* transition: transform 0.8s, opacity 0.8s; */
}
/* .project-item .bild.inView{
	transform: translateY(0px);
	opacity: 1;
} */
.project-item .bild img{
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.project-item .bild:hover>img{
	width: 105%;
	height: auto;
}
.project-item h3{
	transform: translateY(40px);
	opacity: 0;
	transition: transform 0.8s, opacity 0.8s;
}
.project-item h3.inView{
	transform: translateY(0px);
	opacity: 1;
}
.no-ani .inView{
	transition: all 0s !important; 
	opacity: 1 !important;
}

.all-bd-projects .project-item h3 {
	font-size:20px;
	margin-bottom: 2px;
	transform: translateY(40px);
}
.all-bd-projects .project-item h3, .project-item span {
	transform: translateY(40px);
	opacity: 0;
	transition: transform 0.8s, opacity 0.8s;
}
.all-bd-projects .project-item h3.inView, .project-item span.inView {
	transform: translateY(0px);
	opacity: 1;
}
.project-item span {
	font-size:16px;
	font-family:'Clan Book';
	text-align:left;
	line-height:1;
	color: #b2b2b2;
	display: inline-block;
}

h4 {
	font-size:36px;
	color:#D32428;
	font-weight:300;
}


p {    font-size: 16px;
    line-height: 1.625;
}

strong {
	font-weight:bold;
	font-family:'Clan Black';
}

a {
	color:#D32428;
	cursor:pointer;
	word-wrap: break-word;
}
a:hover {
	color:#D32428;
	text-decoration:none;
}

quote {
	display:block;
	font-family:'ubunturegular';
	font-style:italic;
	font-weight:600;
	padding:45px;	
	padding-bottom:15px;
	font-size:24px;
	line-height:1.4;
}

.quoteauthor {
	color:#D32428;
	padding-left:45px;
	

}


ul {
   /* list-style-image: url('fonts/img/bullet_point.svg');*/
   	padding-left:15px;

}

ul li {
	padding-left:15px;
}

.table {
	margin-bottom:0px;
}

.table-responsive {
	border:none;
}

.table tr td {
	padding:30px 15px !important;
}

.table tr:first-of-type td {
	border-top:none;
}


.logoList {
	height:100px;
	  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  margin:20px 0;
}

.logoList img {
	max-width:100%;
	max-height:100%;
	 position: relative;
  top: 50%;
  transform: translateY(-50%);
}



.content-info h1 {
	margin-left:0;
	margin-top:60px;

}



.statistic {
	text-align:center;
}

.statistic img {
	margin-bottom:30px;
}

.statistic .number {
	font-size:40px;
	text-transform:uppercase;

	font-family:'ubuntubold';
	margin-bottom:8px !important;
	
}
.statistic .subtitle {
	margin:0;
	padding:0;
	text-align:center;
}

	header {
		/* height: 87px; */
		background:transparent;
		z-index:999;
		color:white;
		position:relative;

		
    	overflow: scroll; overflow-x:hidden;
	}
	body.fixed .navbar-inner{
		padding:15px;
		height:auto;
		margin-top: 87px;
		
	}
	



.btn-default {
	/*background-image:url("img/little_arrow.svg");*/
	background-repeat:no-repeat;
	background-position:center left;
	background-size:28px 28px;
	font-size:20px;
	border:none;
	outline:none;
	color:#547ec0;
	padding:0 0 0 40px;
	box-shadow:none;
}

.btn-default:hover {	
	/*background-image:url("img/little_arrow.svg");*/
	background-repeat:no-repeat;
	background-position:center left;
	background-size:28px 28px;
	color:#547ec0;
	box-shadow:none;
}

.btn-default:link, .btn-default:visited,
.btn-default:hover, .btn-default:active, .btn-default:focus {
	background-color:#fff !important;
	box-shadow:none !important;
	color:#547ec0 !important;
}

.btn-primary {
	background:#D32428;
	/*font-family:'ubunturegular';*/
	text-transform:uppercase;
	border:none;
	border-radius:0px;
	font-size:14px;
	padding:8px 30px;
}

.btn-primary:link, .btn-primary:visited,
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background:#D32428;
	opacity:0.8;
	box-shadow:none !important;
}


.divider-4 {
	height:4px;
	margin-bottom:0px !important;
}
.divider-8 {
	height:8px;
	margin-bottom:0px !important;
}
.divider-15 {
	height:15px;
	margin-bottom:0px !important;
}
.divider-30 {
	height:30px;
	margin-bottom:0px !important;
}
.divider-45 {
	height:45px;
	margin-bottom:0px !important;
}
.divider-60 {
	height:60px;
	margin-bottom:0px !important;
}
.divider-120 {
	height:120px;
	margin-bottom:0px !important;
}





.navbar {
	border:none;
	padding-top:10px;
	padding-bottom:25px;
	width:100%;
	max-width:100%;
	margin:0 auto;
}

.navbar-header {
	float:none;
}
.navbar-default {
	background:transparent;
	border:none;

}


.navbar-default.is-active {
	background:white;
	border:none;

}


.navbar-brand {
	padding: 30px 30px;
	width:100%;
	height:auto;
	display:block;
}
.navbar-brand-collapse {
	padding: 30px 30px;
	width:100%;
	height:auto;
	display:block;
}

.navbar-brand .logo-img {
	width:100px;
	height:30.93px;
	background:url("img/logo.svg");
	background-size:100% 100%;
}

.navbar-brand.dark .logo-img {
	background:url("img/logo_dark.svg");
	background-size:100% 100%;
}



.navbar-brand img {
	width:100%;
}

.navbar-inner .navbar-nav {
	float:none;
	/* padding:0 15px;
	padding-left:120px; */
	padding-top:60px;
}
.navbar-inner .navbar-nav>li {
	float:none;
	clear:both;
	display:block;
	width:100%;

}
.navbar-inner .navbar-nav>li.lang-item{
	position: relative;
	width: auto;
	float: left;
	clear: none;
	margin-bottom: 35px;	
}
.navbar-inner .navbar-nav>li.lang-item.lang-item-first{
	border-right: 2px solid #1f1f1f;
	margin-right: 15px;
	padding-right: 15px;
}
.navbar-inner .navbar-nav>li.lang-item a{
	font-weight: 200;
	font-size:30px;	
	line-height: 1;
	font-family: 'Clan Book', Arial, Helvetica, sans-serif;
}
.navbar-inner .navbar-nav>li.current-lang a{
	color:#D32428;
}


.navbar-inner .navbar-nav>li:first-of-type {
	border-top:0px;
}

.navbar-inner>li>a {
	color:white;
	font-family:'Clan Black';
	font-size:36px;
	border:none;
	border: 0px solid transparent;
	
}

.navbar-inner .navbar-nav>li.current_page_parent.active>a {
	background:transparent;
	color:white;
}

.navbar-inner .navbar-nav>li.active>a, 
.navbar-inner .navbar-nav>li.active>a:hover, .navbar-inner .navbar-nav>li>a:hover {
	background:transparent;

}

.navbar-inner .navbar-nav>li>a:hover, .navbar-inner .navbar-nav>li ul li>a:hover {
	background:transparent;
	color:#D32428 !important;
	border:none;

}








.navbar {
	border:none;
	padding-top:10px;
	padding-bottom:15px;
	margin:0;
	border:none;
	border-radius:0px !important;
}

	

		.navbar-header {
			float: none;
		}
		
		.navbar-brand  {
			margin:15px 30px;
			padding:0px;
			width:100px;
		}
		

		
		
		.navbar-left,.navbar-right {
			float: none !important;
		}
		.navbar-toggle {
			display: block;
		}

			
		
		 .navbar-inner {
			/* opacity: 0; */
			/* position:fixed; */
			min-width:100%;
			display:none;
			position: relative;
			/* left:0;
			right:0;
			top:85px;
			bottom:0; */
			height:100%;
			background:white;
			padding:0;
			width:calc(100% + 15px);
			/* height:100%; */
			margin: 0px -15px 0 -15px;
			z-index:9999999999;
			height:0px;
			overflow:hidden;
			
		}
				
		
		
		.navbar-fixed-top {
			top: 0;
			border-width: 0 0 1px;
		}
		.navbar-collapse.collapse {
			display: none!important;
			height: 100% !important;
			z-index:99999999999;
			
		}
		.navbar-nav {
			float: none!important;
			/* padding:15px; */
			padding-top:0;
		}
		.navbar-nav.container {
			padding-left: 15px;
			margin-right: auto;
			margin-left: auto;
		}
		.navbar-nav>li {
			float: none;
			margin:0;

		}
		
		
		.navbar-inner .navbar-nav>li {
			padding:0;
		}
		

		.navbar-inner .navbar-nav>li>a {
			color: #1f1f1f;
			font-family: "Clan Black", Arial, Helvetica, sans-serif;
			font-size:48px;
			padding: 0px;
			margin-left:0px;
			border-top: 0px solid white;
			line-height:1.4;
		}
		.navbar-inner .navbar-nav>li>a:hover    {
			background:transparent;
			color:#D32428;
		}
		.navbar-inner .menu-item {
			opacity: 0;
		}


		
		
		.navbar-nav>li>.dropdown-menu {
			display:block;
			position:relative;
			background:transparent;
			box-shadow:none;
			border:none;
			width:100%;
			text-align:center;
			color:white;
			margin:0px 0 15px 0;
		}
		
		
		.navbar-nav>li>.dropdown-menu li {
			padding-left:50px;
			text-align: left;
		}
		
		.navbar-nav>li>.dropdown-menu a, .navbar-nav>li>.dropdown-menu a:hover {
			color: #1f1f1f;;
			background:transparent;
			font-size: 35px;
			font-weight:200;
			margin-left:0;
			white-space: inherit;

			padding: 8px 20px;
			line-height: 1.2;
		}
		
		.navbar-nav>li>.dropdown-menu a:hover  {

		}
		


		
		.navbar-default.navbar-green {
			background:#026257 !important;
		}
		
		
		.navbar-default.navbar-green .navbar-brand {
			display:none;
		}
		.navbar-default .navbar-toggle {
			background:transparent;border:none;
		}
		.navbar-default .navbar-toggle {
			background:transparent;border:none;
		}
		
		.collapse.in{
			display:block !important;
		}



		.navbar-close {
			display:block;
			text-align:right;
			padding:25px;    padding-top: 8px;
    padding-right: 8px;
		}
		.navbar-close img {
			height:30px;
		}
	


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background:transparent;
}


header, #header {
	overflow:hidden;
}

body.fixed #header, body.fixed header{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: auto;

}
body.fixed .navbar-default{
	box-shadow: none;
}

.header .text {
	color:white;
	font-size:20px;
	margin-top:-88px;
}

.header.start .text, .header.start .cats{
	background:#D32428;
}
.header.dark .text {
	background:#1f1f1f;
}
.header .text h1 {
	font-size:120px;
	padding-top:180px;
	color:white;
	transform: translateY(30px);
	opacity: 0;
	transition: transform 0.8s, opacity 0.8s;
}
.header .text h1.inView {
	transform: translateY(0px);
	opacity: 1;
}
/* .header.start .text h1 {
	font-size:120px;
	padding-top:180px;
	color:white;
} */

.header .text .subtitle {
	font-size:32px;
	padding:0px;
	margin:0;
	margin-top:15px;
	margin-bottom:60px;
	color:white;
	transform: translateY(30px);
	opacity: 0;
	transition: transform 0.8s, opacity 0.8s;
}
.header .text .subtitle.inView {
	transform: translateY(0px);
	opacity: 1;
}
.header .text-header{
	transform: translateY(30px);
	opacity: 0;
	transition: transform 0.8s, opacity 0.8s;
}
.header .text-header.inView{
	transform: translateY(0px);
	opacity: 1;
}


.header.start .icon, .header.dark .icon {
	line-height:1;
	margin:90px 0 120px 0;
	/* transform: translateY(30px); */
	opacity: 0;
	transition: margin 0.8s, opacity 0.8s;
}
.header.start .icon.inView, .header.dark .icon.inView {
	margin:60px 0 120px 0;
	/* transform: translateY(0px); */
	opacity: 1;
}

.header.start .icon img, .header.dark .icon img {
	margin-right:15px;
	vertical-align:middle;
	margin-bottom:7px;
}
.header .icon a {
	color:white;
	font-size:26px;
	font-family:"Clan Black";
}

.header .slopeline {
	overflow: hidden;
	margin-top: -1px;
}
.header.start .slopeline {
    background:#f8f8f8;
}
.header.dark .slopeline {
    background:#ffffff;
}


.header .slopeline .upper {
    position: relative;
    height: 200px;
    width: calc(100% + 200px);
    top: -100px;
    left: -10px;
    right:-10px;
    padding-top: 40px;
    padding-left: 15px;
    padding-bottom:50px;
    color: white;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.header.start .slopeline .upper {
    background-image: radial-gradient(at top, #D32428, #D32428);    
}
.header.dark .slopeline .upper {
    background-image: radial-gradient(at top, #1f1f1f, #1f1f1f);    
}
.header.start .conCat{
	background: none;
	transform: translateY(30px);
	opacity: 0;
	transition: transform 0.8s, opacity 0.8s;
}
.header.start .conCat.inView {
	transform: translateY(0px);
	opacity: 1;
}
.header.start .conCat h3{
	margin-top: 0;
	color: white;
}
.header.start .conCat ul{
	margin-bottom: 0;
	list-style: none;
	text-align: left;
	padding-left: 0;
}
.header.start .conCat ul li{
	display: inline-block;
	padding-left: 0;
	margin-right: 15px;
}
.header.start .conCat ul li a{
	color: white;
}

.competences {
	background:#f8f8f8;
	padding:60px 0;
}

.competences .competence {
	margin:90px 0 60px 0;
	opacity: 0;
	transition: margin 0.8s, opacity 0.8s;
}
.competences .competence.inView {
	margin:60px 0 60px 0;
	opacity: 1;
}

.competences .competence img {
	width:164px;
	height:164px;
	float:left;
}

.competences .competence .text {
	padding-left:230px;
	text-align:left;
	font-size:16px;
	line-height:1.625;
}


.competences .competence .text h2 {
	text-align:left;
	font-size:26px;
	font-family:"Clan Black";
	padding:30px 0 0px 0;
	position:relative;
	margin:0 0 45px 0;
}


.competences .competence .text h2:before {

    content: "";
    position: absolute;
    bottom: -21px;
    height: 3px;
    background: #1f1f1f;
    width: 120px;
}


.slopeline-competences {
    overflow: hidden;
    margin-top:-1px;
    background:#1f1f1f;
}


.slopeline-competences .upper {
    position: relative;
    height: 200px;
    width: calc(100% + 200px);
    top: -100px;
    left: -10px;
    right:-10px;
    padding-top: 40px;
    padding-left: 15px;
    padding-bottom:50px;
    color: white;
    background-image: radial-gradient(at top, #f8f8f8, #f8f8f8);    
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);

}

.consulting {
	background:#1f1f1f;
	padding:120px 0;
}

.consulting h2 {
	color:white;
	font-size:65px;
	line-height:1.23;
	font-family:"Clan Black";
}


.consulting h2 span {
	color:black;
	font-size:65px;
	font-family:"Clan Black";
	opacity: 0;

}
.consulting h2 span.cw{
	color: white;
}
.consulting h2 span.cb{
	color: black;
}



.slopeline-consulting {
    overflow: hidden;
    margin-top:-1px;
    background:#fff;
}


.slopeline-consulting .upper {
    position: relative;
    height: 200px;
    width: calc(100% + 200px);
    top: -100px;
    left: -10px;
    right:-10px;
    padding-top: 40px;
    padding-left: 15px;
    padding-bottom:50px;
    color: white;
    background-image: radial-gradient(at top, #1f1f1f, #1f1f1f);    
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);

}





h2.projects {
	color:#1f1f1f;
	font-size:60px;
	line-height:1.23;
	font-family:"Clan Black";
	padding:160px 0 60px 0;
	text-align:center;
	opacity: 0;
	transition: opacity 0.8s, padding 0.8s;

}
h2.projects.inView {
	padding:120px 0 60px 0;
	opacity: 1;
	
}

h2.projects span {
	color:#DCDBDC;
	font-size:65px;
	font-family:"Clan Black";
}




.projectslider {
padding:0px 0 120px 0;
}

.projectslider  .swiper-container {
      width: 100%;
      height: 100%;
    }
.projectslider     .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	margin-bottom:100px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.projectslider     .swiper-slide.text_white{
	color: #fff;
}
.projectslider     .swiper-slide.text_black{
	color: #000;
}
.projectslider     .swiper-slide a {
	position:relative;
}
.projectslider     .swiper-slide a img {
	position:relative;
}    
.projectslider     .swiper-slide a .content {
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding:60px 0 0 60px;
	font-size:16px;
	text-align:left;
	width:50%;
	}
	

.projectslider     .swiper-slide a .content p {
    color:#1f1f1f;
	font-size:16px;
	text-align:left;
	line-height:23px;
}
	
	
.projectslider     .swiper-slide a .content h3 {
    
	color:#1f1f1f;
	text-align:left;
	font-size:32px;
	font-family:"Clan Black";
	padding:0px 0 0px 0;
	position:relative;
	margin:0px 0 15px 0;
}


/*.projectslider     .swiper-slide a .content h3:before {

    content: "";
    position: absolute;
    bottom: -21px;
    height: 3px;
    background: #1f1f1f;
    width: 85px;
}*/
    
.projectslider     .swiper-slide a .content.right * {
	text-align:right;
}
.projectslider     .swiper-slide a .content.center * {
	text-align:center;
}
    
    
.projectslider     .swiper-pagination-bullet {
      width: 35px;
      height: 35px;
      text-align: center;
      line-height: 37px;
      font-size: 20px;
      color:#1f1f1f;
      font-family:"Clan Black";
      opacity: 1;
      background: rgba(0,0,0,0);
      border-radius:0px;
    }
.projectslider     .swiper-pagination-bullet-active {
      color:#fff;
      background: #D32428;
    }


.projectslider .swiper-button-next, .projectslider .swiper-button-prev {
	bottom:13px;
	top:auto;
	width:70px;
	height:30px;
	background:none;
}


.slopeline-projects {
    overflow: hidden;
    margin-top:-1px;
	background:#f8f8f8;
	width: 100%;
}
.slopeline-projects.dark {
	background:#ffffff;
}


.slopeline-projects .upper {
    position: relative;
    height: 200px;
    width: calc(100% + 200px);
    top: -100px;
    left: -10px;
    right:-10px;
    padding-top: 40px;
    padding-left: 15px;
    padding-bottom:50px;
    color: white;
    background-image: radial-gradient(at top, #fff, #fff);    
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);

}

.project-item {
	padding-bottom: 30px;
}
.project-item a {
	color: unset;
}
.project-item a:hover {
	color: #D32428;
}
.more-projects {
	text-align: center;
	padding: 75px 0
}

a.main-btn-gray {
    display: inline-block;
    padding: 15px 40px;
    background: #1f1f1f;
	color: white;
	transition: background-color 150ms linear;
}
a.main-btn-gray:hover {
	background: #D32428;
}
a.main-btn-red {
    display: inline-block;
    padding: 15px 40px;
    background: #d32428;
	color: white;
	transition: background-color 150ms linear;
}
a.main-btn-red:hover {
	opacity:0.8;
}
.floating-img{
	max-width:945px;
	max-height: 590px;
}



.customers {
	background:#f8f8f8;
	padding-bottom:120px;
}



.customers h2 {
	color:#1f1f1f;
	font-size:60px;
	line-height:1.23;
	font-family:"Clan Black";
	padding:160px 0 60px 0;
	text-align:center;
	opacity:0;
	transition: opacity 0.8s, padding 0.8s;
}
.customers h2.inView {
	padding:120px 0 60px 0;
	opacity:.3;
}

.customers h2 span {
	color:#DCDBDC;
	font-size:65px;
	font-family:"Clan Black";
}


.customers .logoList {
	height:100px;
	  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.customers .logoList img {
	max-width:100%;
	max-height:100%;
	 position: relative;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.8s;
}
.customers .logoList img.inView {
  opacity: 1;
}






.slopeline-customers {
    overflow: hidden;
    margin-top:-1px;
    background:#1f1f1f;
}


.slopeline-customers .upper {
    position: relative;
    height: 200px;
    width: calc(100% + 200px);
    top: -100px;
    left: -10px;
    right:-10px;
    padding-top: 40px;
    padding-left: 15px;
    padding-bottom:50px;
    color: white;
    background-image: radial-gradient(at top, #f8f8f8, #f8f8f8	);    
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);

}






.slopeline-project {
    overflow: hidden;
    margin-top:-1px;
    background:transparent;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
}


.slopeline-project .upper {
    position: relative;
    height: 200px;
    width: calc(100% + 200px);
    top: 90px;
    left: -10px;
    right:-10px;
    padding-top: 40px;
    padding-left: 15px;
    padding-bottom:50px;
    color: white;
    background-image: radial-gradient(at top, #fff, #fff	);    
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);

}



/* ######################  Kontakt ########################## */




.contact {

	padding:0 0 120px 0;
	background:#1f1f1f;
	clear:both;
}

.wpcf7-spinner, .wpcf7-not-valid-tip{
	display:none;
}

.contact .error, .contact .success{
	border:1px solid #D32428;
	padding:25px 15px 15px 15px;
	display:none;
	text-align:center;
	background:#D32428;
	color:white;
	margin-bottom:30px !important;
}

.contact h4 {
color:white;
	font-size:10px;
	margin-bottom:15px;
}

.contact div {
	margin-bottom:0 !important;
}

.contact input[type="text"], .contact input[type="email"] {
	border:none;
	border-bottom:1px solid white;
	font-size:17px;
	margin-bottom:30px;
	padding:8px 0;
	-webkit-appearance: none;
	outline:none;
	color:white;
	background:transparent;
	
}

.contact label {
	color:white;
	font-size:12px;
	width: 100%;
}

.contact textarea {
	border:none;
	border-bottom:1px solid white;
	height:362px;
	font-size:17px;
	line-height:1.2;
	color:white;
	font-weight:normal;
	-webkit-appearance: none;
	outline:none;
	padding:8px 0;
	background:transparent;
	resize: none;

}

.contact .wpcf7-list-item {
	margin: 0 0 0 0;
}
.contact [type="checkbox"] + label {
  position: absolute;
}



.contact [type="checkbox"] {
	-webkit-appearance: none;
	margin: 0;
	min-height: 0;
	display: inline-block;
	/*position: relative;*/
	float:left;
	width: 26px;
	min-width: 26px;
	height: 26px;
	border-radius: 0px;
	border: 2px solid #fff;
	background-color: #fff;
	left: 0px;
  	top: 9px;
  	z-index: 0;
  	
}

.contact [type="checkbox"]:checked {
	-webkit-appearance: none;
	border: 2px solid #d32428;
	background: url(img/icon_tick.svg) no-repeat center center #d32428;
}


.contact .wpcf7-list-item-label{
	float:left;
	font-size:1em;
	margin-left:35px;
	margin-top:-20px;
}
.contact a{
	font-size:1em;
	color:white!important;
	font-family: "Clan Black";
}

.contact [type="submit"] {
	margin-top:30px;
}
.wpcf7-response-output{
	display:none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:white;
}
::-moz-placeholder { /* Firefox 19+ */
	color:white;
}
:-ms-input-placeholder { /* IE 10+ */
	color:white;
}
:-moz-placeholder { /* Firefox 18- */
	color:white;
}



.contact input[type="submit"] {
	background:#D32428;
	text-transform:uppercase;
	border:none;
	font-size:18px;
	color:white;
}


.contact h2 {
	color:white;
	font-size:60px;
	line-height:1.23;
	font-family:"Clan Black";
	padding:160px 0 60px 0;
	text-align:center;
	opacity: 0;
	transition: opacity 0.8s, padding 0.8s;
}
.contact h2.inView {
	padding:120px 0 60px 0;
	opacity: 1;
}

.contact h2 span {
	color:black;
	font-size:65px;
	font-family:"Clan Black";
}


.fixed #jobs, .fixedJobs #jobs{
	height:100%;
	transition: height 0.5s ease-out;
}

#jobs {
	position:fixed;
	display:none;
	bottom:60px;
	height:0%;
	left:0;
	right:0;
	bottom:0;
	background:white;
	z-index:99999999999999;
	padding:10px 15px;
	/* transition: height 0.5s ease-out; */

}

#jobs * {
	font-family:"Clan Black";
	font-size:40px;
	line-height:1.4;
}
#jobs button{
	outline: none;
}

#jobs ul {
	margin:30px;
}

#jobs .container {
	padding:85px 0;
}

.jobs-toggle {
    position: relative;
    float: right;
}




#main-container {
	padding-top:75px;
}


.starttext {
	font-size:22px;
	line-height:38px;
	text-align:center;
	margin:60px 0;
}

.img.responsive {
	width:100%;
}



/* ######################################################## */
/* ######################  
/* ########################## */
/* ######################################################## */


.project-page * {
	font-size:16px;
	line-height: 1.875;

}	

.project-page .header-content h1{
		line-height:1.2;
	}
.thumbnailLink h1 {
    
	color:#1f1f1f;
	text-align:left;
	font-size:65px;
	font-family:"Clan Black";
	padding:0px 0 0px 0;
	position:relative;
	margin:30px 0 35px 0;
}
.single-post .thumbnailLink.hl_white h1 {
	color:#ffffff;
}
.single-post .thumbnailLink.hl_white {
	color:#fff;
}
.thumbnailLink.text_white h1, .thumbnailLink.text_white p {
	color:#fff;
}
.thumbnailLink.text_white h1::before{
	background: #fff;
}
.thumbnailLink.text_black h1, .thumbnailLink.text_black p{
	color:#1f1f1f;
}
.thumbnailLink.text_black h1::before{
	background: #1f1f1f;
} 


.thumbnailLink h1:before {

    content: "";
    position: absolute;
    bottom: -21px;
    height: 3px;
    background: #1f1f1f;
    width: 85px;
}
.post-template-breed_single .thumbnailLink h1:before{
	content: none;
}

.thumbnailLink p {
	font-size:18px;
	color:#1f1f1f;
	width:70%;
}
.post_info{
	padding-top: 50px;
}
.post_info .ic_kalender, .post_info .ic_time{
	background-size: 24px 24px;
	display: inline-block;
	padding-left:30px;
}
.post_info .ic_kalender{
	background: url("img/ic_kalender.svg") no-repeat left center;
	margin-bottom: 20px;
}
.post_info .ic_time{
	background: url("img/ic_time.svg") no-repeat left center;
}
.thumbnailLink.hl_white .post_info .ic_kalender{
	background: url("img/ic_kalender_w.svg") no-repeat left center;
	margin-bottom: 20px;
}
.thumbnailLink.hl_white .post_info .ic_time{
	background: url("img/ic_time_w.svg") no-repeat left center;
}
.p0{
	padding: 0 !important;
}
.category .conCat ul .cat-item{
	opacity: 0.7;
}
.category .conCat ul .cat-item:hover{
	opacity: 1;
}
.category .conCat ul .cat-item.current-cat{
	opacity: 1;
}

.project-page .txt-right, .project-page .img-right{
	transform: translateX(40px);
	opacity: 0;
	transition: transform 0.8s; opacity: 0.8;
}

.project-page .txt-left, .project-page .img-left{
	transform: translateX(-40px);
	opacity: 0;
	transition: transform 0.8s; opacity: 0.8;
}
.project-page .txt-right.inView, .project-page .txt-left.inView, .project-page .img-right.inView, .project-page .img-left.inView{
	transform: translateX(0px);
	opacity: 1;
}
.project-page .txt-center, .project-page .img-center{
	transform: translateY(40px);
	opacity: 0;
	transition: transform 0.8s; opacity: 0.8;
}
.project-page .txt-center.inView, .project-page .img-center.inView{
	transform: translateY(0px);
	opacity: 1;
}
@media only screen and (max-width : 992px) {
	.project-page .txt-left, .project-page .img-left{
		transform: translateX(40px);
	}
	/* .project-page .txt-center, .project-page .img-center{
		transform: translateY(0px);
		transform: translateX(40px);
	}
	.project-page .txt-center.inView, .project-page .img-center.inView{
		transform: translateX(0px);
	} */
}
.single-poject-title, .single-project-desc, .single-poject-title-m, .single-project-desc-m{
	transform: translateY(40px);
	/*opacity: 0;*/
	display:none;
	transition: transform 0.8s; opacity: 1;
}
.single-poject-title.inView, .single-project-desc.inView, .single-poject-title-m.inView, .single-project-desc-m.inView{
	transform: translateY(0px);
	/*opacity: 1;*/
	display:block;
}


.project-page h2 {
	text-align:left;
	font-size:26px;
	font-family:"Clan Black";
	padding:30px 0 0px 0;
	position:relative;
	margin:0 0 45px 0;
}



.project-page .header-content {
	display:none;
}


.project-page h2:before {
    content: "";
    position: absolute;
    bottom: -21px;
    height: 3px;
    background: #1f1f1f;
    width: 120px;
}
	

.project-page h2.center {
	text-align:center;
	font-size:26px;
	font-family:"Clan Black";
	padding:30px 0 0px 0;
	position:relative;
	margin:0 0 45px 0;
}



.project-page h2.center:before {

    content: "";
    position: absolute;
    bottom: -21px;
    left:calc(50% - 60px);
    height: 3px;
    background: #1f1f1f;
    width: 120px;
}


.thumbnailLink {
	margin-top:-88px;
	z-index:1;
	position:relative;
	display:block;
}

.thumbnailLink img.header {
	width:100%;
	height:auto;
}



.thumbnailLink .content {
	position:absolute;
	top:100px	;
	left:0;
	right:0;
	width:100%;
}


.pagination {
	text-align:center;
	display:block;
	border-radius:0px;
	padding:120px 0 60px 0;	
	margin:0;
}

.pagination.dark {
	background:#1F1F1F;
}

.pagination a, .pagination img {
	width:75px;
	height:19px;
	display:block;
}

.pagination .nav-left {
	display:inline-block;
	margin:0 30px;
}
.pagination .nav-right {
	display:inline-block;
	margin:0 30px;
}

.pagination .nav-right.disabled a, .pagination .nav-left.disabled a {
	opacity: 0.2;
	cursor: not-allowed;
	background: none;
	pointer-events: none;
}

.projectfooter {
	background:#1f1f1f;
	color:white;
	text-align:center;
}


.projectfooter h2 {
	text-align:center;
	color:white;
	font-size:26px;
	font-family:"Clan Black";
	padding:30px 0 0px 0;
	position:relative;
	margin:0 0 45px 0;
}



.projectfooter h2:before {

    content: "";
    position: absolute;
    bottom: -21px;
    left:calc(50% - 60px);
    height: 3px;
    background: white;
    width: 120px;
}


.slopeline-projectfooter {
    overflow: hidden;
    margin-top:-1px;
    background:#1f1f1f;
}


.slopeline-projectfooter .upper {
    position: relative;
    height: 200px;
    width: calc(100% + 200px);
    top: -100px;
    left: -10px;
    right:-10px;
    padding-top: 40px;
    padding-left: 15px;
    padding-bottom:50px;
    color: white;
    background-image: radial-gradient(at top, #fff, #fff);    
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);

}



/* ######################################################## */
/* ######################  Posts ########################## */
/* ######################################################## */


.line {
	display:block;
	clear:both;
	margin:30px auto;
	background:red;
	height:2.5px;
	width:90px;
}

.grid {
  background: transparent;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-item {
  width: calc(25% - 11.25px);
  float: left;
  background: white;
  padding:6px;
  margin-bottom:15px;
  cursor:pointer;
}

.grid-item h2 {
	font-size:24px !important;
	margin:0 !important;
	font-family:'ubuntubold';

	text-align:left  !important;
	line-height:28px;
	text-transform:uppercase;
	display:block;
	word-wrap: break-word;

}

.grid-item .inner {
	padding-bottom:15px;
	padding-right:15px;
	width:calc(100% - 15px);
}
.grid-item .date {
	font-size:14px;
}

.grid-item .date.white, 
.grid-item h2.white {
	color:white;
}

.grid-item .category ul {
	list-style:none;
	margin:0;
	padding:0;
}

.grid-item .category ul li {
	list-style:none;
	margin:0;
	padding:0;
}


.grid-item .category  {
	display:inline-block;
	background:#D32428;
	color:white;
	padding:8px 10px;
	font-size:12px !important;
	margin:0 !important;
	font-family:'ubunturegular' !important;
	font-weight:bold !important;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-right:4px !important;
}


.grid-item .hasBackground .category  {
	background:white;
	color:#D32428;
}

.grid-item .img {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position: relative;
	padding:15px 15px 0px 15px;
	margin-bottom:4px;

}

.grid-item .img.hasBackground {
	min-height:400px;
	
}

.grid-item .img.hasBackground .inner {
	position: absolute;
	bottom:0;

}

.grid-item a.open {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
	padding:0px 8px;
	color:#E31907;
}

.grid-item .readTime {
	float:right;
	display:inline-block;
	font-size:14px;
	margin-top:3px;
	margin-right:8px;
	color:#acadaf;
}


.grid-item .readTime img {
	margin-top:-3px;	
}



.posts-page h2 {
	font-size:34px;
	text-align:left;
	margin:0px 0 30px 0;
}

.posts-page h2:before {
    content: "";
    position:relative;
    bottom: 0;
    height: 0;
    background: none!important;
    width: 0;
}
.posts-page h3 {
	font-size:27px;
}
.posts-page .posts .post .content p {
	font-size:16px;
}
.posts-page .conImg{
	position: relative;
}
.posts-page .conImg img{
	width: 100%;
	height: auto;
}
.posts-page .conImg .katTags{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 10px 10px 0 10px;
	margin: 0;
	list-style: none;
	text-align: right;
}
.posts-page .conImg .katTags li{
	display: inline-block;
	padding: 10px;
	margin-bottom: 10px;
	color: white;
	background: #1f1f1d;
	text-transform: uppercase;
	border-radius: 3px;
	font-size: 16px;
	line-height: 16px;
	margin-left: 10px;
}
.posts-page .postInfo{
	transform: translateY(30px);
	opacity: 0;
	transition: transform 0.8s, opacity 0.8s;
}
.posts-page .postInfo.inView{
	transform: translateY(0);
	opacity: 1;
}
.posts-page .pInfo{
	padding: 20px 0 0 0;
	margin: 0;
	list-style: none;
	text-align: left;
}
.posts-page .pInfo li{
	display: inline-block;
	color: black;
	font-size: 12px;
	line-height: 20px;
	margin-right: 20px;
	margin-bottom: 0;
}
.posts-page .pInfo .ic_kalender, .posts-page .pInfo .ic_time{
	background-size: 20px 20px;
	display: inline-block;
	padding-left:25px;
}
.posts-page .pInfo .ic_kalender{
	background: url("img/ic_kalender.svg") no-repeat left center;
}
.posts-page .ic_time{
	background: url("img/ic_time.svg") no-repeat left center;
}
.btn_weiterlesen {
	text-transform: uppercase;
	margin-bottom: 50px;
	display: inline-block;
}
.posts-page h3.post_hl {
	font-size:21px;
	margin-top: 15px;
}
.page-template-posts .header.start .slopeline, .category .header.start .slopeline {
    background: white;
}
.page-template-posts footer, .category footer {
    background: #f8f8f8;
}
.postText{
	display: -webkit-box;
    margin: 0 auto 7px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	text-overflow: ellipsis;
	height: 52px;
}



/*
.posts .post .wp-post-image {
	width:calc(100% + 290px);
	margin:-70px -145px 45px -145px;
	height:auto !important;

}
*/




.posts .post .category {
	display:inline-block;
	background:#D32428;
	color:white;
	padding:8px 10px;
	font-size:12px !important;
	margin:0 !important;
	font-family:'ubunturegular' !important;
	font-weight:bold !important;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-right:4px !important;
}

.posts .post .thumbnailLink .wp-post-image {
	width:calc(100%) !important;
	height:auto !important;
	position:relative;	
}

.posts .post .back {
	position:absolute;
	top:30px;
	margin-left:30px;
	display:block;
	z-index:999999999;
}

.posts .post .date {
	height:80px;
	width:80px;
	text-align:center;
	background:#D32428;
	color:white;
	line-height:1;
	font-size:30px;
	font-weight:400;
	padding:14px 0px;
	float:left;
	margin-right:45px;
}

.posts .post .date span {
	font-size:18px;
	display:block;
	text-transform:uppercase;
}

.posts-page {
	padding:0 !important;
}

.posts .post .content {
	float:none;
	width:100%;
	position:initial;
	font-size:18px;
	text-align: left;
}

.posts .post .content li {
	font-size:16px;
}

.posts .post .content h1 {
	text-align:center;
	font-size:48px;
	font-weight:600;
	color:#D32428;
	text-transform:none;
	margin:30px 0 25px 0;
}

.posts .post .content h1 a {
	color:#D32428;
}

.posts .post .content h1 a:hover {
	color:#D32428;
	text-decoration:none;
}

.posts .post .content .meta {
	font-size:14px;
	color:#919191;
	margin-bottom:25px;
}


.posts .post .content .meta img {
	width:20px;
	height:20px;
	vertical-align:middle;	
	margin-right:4px;
	margin-top:-2px;
}


.posts .post .content p {
	color:#212121;
	font-size:20px;
}

ol.wp-block-footnotes{
	padding-left:12px!important;
}
.has-small-font-size li,
.has-small-font-size li a,
.has-small-font-size li em
{
	font-size:10px!important;

}
#sidebar {
	padding-top:0px;
}

#sidebar .widget {
	margin-bottom:60px;
}

#sidebar h4 {
	font-size:22px;
	font-weight:400;
	text-align:right;
	display:block;
	margin-bottom:30px;
	text-transform:uppercase;
}

#sidebar ul {
	list-style:none;
	margin:0;
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

#sidebar .widget_categories ul li {
	text-align:right;
	font-size:18px;
}

#sidebar .widget_categories ul li a {
	color:#212121;
}
#sidebar .widget_categories ul li a:hover {
	color:#D32428;
	text-decoration:none;
}


#sidebar .recent-posts-widget-with-thumbnails .rpwwt-post-date {
	font-size:14px;
	color:#D32428;
	font-weight:400;
	padding-bottom:10px;
	margin-top:-40px;
	text-align:center;
	z-index:9999999999999;
	position:relative;
}
#sidebar .recent-posts-widget-with-thumbnails ul {
	margin-top:-1px;
	display:block;
}

#sidebar .recent-posts-widget-with-thumbnails ul li {
	margin:0;
	border-top:1px solid white;
}

#sidebar .recent-posts-widget-with-thumbnails ul li a {
	font-size:16px;
	color:#494949;
	width:190px;
	height:190px;
	position:relative;
	display:block;
}

#sidebar .recent-posts-widget-with-thumbnails ul li a:hover {
	text-decoration:none;
}

#sidebar .recent-posts-widget-with-thumbnails ul li a img {
	position:absolute;
	filter:brightness(50%);
	margin:0;

}
#sidebar .recent-posts-widget-with-thumbnails ul li a span {
	text-align:center;
	 position: relative;
  	top: 50%;
  	transform: translateY(-50%);
	display:block;
	width:190px;
	font-size:24px;
	font-family:'ubunturegular';
	text-transform:uppercase;
	font-weight:bold;
	color:#D32428;
	padding:15px;
}

#sidebar .recent-posts-widget-with-thumbnails ul li a:hover span {
	color:white;
}

.navigation ul {

	position: relative;
  	top: 50%;
  	left: 50%;
  	width:auto;
  	margin:0;
  	padding:0;
  	margin-top:20px;
  	display:inline-block;
  	transform: translate(-50%,-50%);
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;

}

.navigation a:hover {
	text-decoration:none;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #dadada;
    border-radius: 0px;
    cursor: pointer;
    padding: 14px;
    width:34px;
    text-align:center;
    display:inline-block;
	padding:8px 8px;
}


.navigation .nav-left,
.navigation .nav-right {
	background:#D32428;
	display:inline-block;
	color:white;	
	position:absolute;
}

.navigation .nav-left {
	left:15px;
	/*background:url(img/btn-arrow.png) #D32428 no-repeat right 15px center;*/
	-webkit-transform: rotate(180deg);
  	transform: rotate(180deg);
}


.navigation .nav-left a {
	-webkit-transform: rotate(180deg);
  	transform: rotate(180deg);

}

.navigation .nav-right {
	right:15px;
	
	/*background:url(img/btn-arrow.png) #D32428 no-repeat right 15px center;*/
}

.navigation .nav-left a,
.navigation .nav-right a {
	color:white;
	font-size:14px;
	text-transform:uppercase;
	border:none;
	border-radius:0px;
	padding:8px 60px;
	display:block;

}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #D32428;
}


.gallery {
 -moz-column-width: 13em;
 -webkit-column-width: 13em;
 column-width: 13em;
 -moz-column-gap: 1em;
 -webkit-column-gap: 1em; 
 column-gap: 1em; 
}

.gallery br {
	display:none;
}
.gallery .gallery-item {
	display: inline-block;
 	margin:  0;
 	padding:  0;
 	border:none;
 	margin-top:0px !important;
 	width:  100%; 
 	background:  white;
}

.gallery .gallery-item img {
	width:100%;
	margin-bottom:15px;
	height:auto !important;
	border:none !important;
}

/* ######################################################## */
/* ############ ########  Formulare ########################## */
/* ######################################################## */


 input,  textarea {
	width:100%;
	margin-bottom:0px;
	display:block;
	border-radius:0px;
	font-size:14px;
	background:white;
	box-shadow:none;
	padding:15px;
	border:1px solid #e6e6e6;
}

input.mandatoryerror {
	border-color:#ed1c24;
}

.contact small {
	margin-bottom:15px;
	display:block;
}

.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #e6e6e6;
    width: 100%;
    color:#727272;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    /*background: url(img/arrow-down.png) center right 15px no-repeat #fff;*/
}

.select-style select {
    padding: 15px 15px;
    width: 100%;
    color: #727272;
    background: white;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style select.mandatoryerror:only-child {
	border:1px solid #ed1c24;
    border-radius:0px;
}

#mandatoryerrors {
	text-align:center;
	color:#ed1c24;
	font-weight:400;
}

label {
	font-size:18px;
	font-weight:300;
	color:#727272;
}

.newsletter-start div {
	display:inline-block;
	margin-right:15px;
	float:left;
	width:calc(40% - 18px);
	}
	
.newsletter-start div input {
	padding:7px;
	
}
	
.newsletter-start div.button {
	display:inline-block;
	width:20%;
	margin-right:0;
	padding:0px;
}


.newsletter-start div.button button {
	margin-top:30px;
}


	
	
.newsletter-box	{
	background:#b2dfdb;
	padding:30px;
	padding-bottom:60px;
	margin-bottom:60px;
	}


.newsletter-box h3 {
	font-size:36px;
	font-weight:300;
	margin:30px 0 30px 0;
} 

.newsletter-box iframe {
	height:75px;
	overflow:hidden;
}
	
	
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_slideshow .slb_template_tag {
	display:none !important;
}
	
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag {
	/*background:url("img/close.svg") !important;*/
	opacity:1 !important;
}
	
#slb_viewer_wrap .slb_theme_slb_default .slb_controls {
    top: 15px !important;
    right: 15px !important;
}
	

/* ######################################################## */
/* ############ ########  Footer ########################## */
/* ######################################################## */


footer {
	padding:15px;

		background:white;

}
footer.dark {
	background:#f8f8f8;
}



footer .copyright {
	font-size:14px;
	font-family:"Clan Black";
}

footer .jobs {
	text-align:center;
}

footer .jobs a {
	font-size:14px;
	font-family:"Clan Black";
	color:white;
	background:#1f1f1f;
	padding:4px 30px;
	display: inline-block;
}

footer .links {
	text-align:right;
}

footer .links a {
	font-size:14px;
	font-family:"Clan Black";
	color:#1f1f1f;

}


footer .links a:hover {
	color:#D32428;
}
footer .breed-social{
	display: inline-block;
	padding-left: 20px;
}
footer .breed-social a{
	margin-right: 8px;
}
footer .breed-social a:last-child{
	margin-right: 8px;
}

.no-ani .cb{
	color: black !important;
}
.single-post footer {
	background: #f8f8f8;
}

/* ############################################################# */
/* ######################  RESPONSIVE ########################## */



@media only screen and (max-width : 1920px) {
	.box {
		min-height:460px;
	}
	.contact input[type="submit"] {
	 	margin-top:10px;
	}
	.contact textarea {
		border:none;
	}
}


@media only screen and (max-width : 1720px) {

	
	h1 {
		font-size:54px;
	}
	
	
	.posts .post .back {
		top:45px;
	}
	
	.box {
		width:calc(50% - 30px);
		min-height:460px;
	}
	
	



	.dropdown-menu>li>a {
	margin-left:-45px;
	}
	
	.contact input[type="submit"] {
	 	margin-top:10px;
	 }
	.contact textarea {
		border:none;
	}
}



@media only screen and (max-width : 1420px) {
	


	
		
	.grid-item {
  		width: calc(50% - 11.25px);
	}
	

	
	.contact input[type="submit"] {
	 	margin-top:10px;
	 }
	 .contact textarea {
		border:none;
	}
	
}






/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {


	h1 {
		font-size:40px;
	}
	.thumbnailLink h1 {
    	font-size: 54px;
	}


	.project-page img {
		max-width:100%;
	}

		.slopeline-project .upper {
	    height: 100px;
	    top: 50px;
	}
	
		
	.grid-item {
  		width: calc(50% - 11.25px);
	}
	
	


	 footer {
	 	display:block;
	 	padding-bottom:15px;
	 }
	
	 .contact input[type="submit"] {
	 	margin-top:20px;
	 }

}

@media only screen and (max-width : 1091px) {
	footer .breed-social{
		padding-left: 0;
		padding-top: 5px;
		width: 100%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {


	h1 {
	font-size:54px;
	}
	
	.thumbnailLink .content {
		display:none;
	}
	
	.thumbnailLink h1 {
    	font-size: 54px;
	}
	
	

	
	.project-page .header-content {
		display:block;
		text-align:center;
		margin-bottom:60px;
	}
	
	.project-page .header-content h1, .posts .post .content h1 {
		color:#1f1f1f;
	}

	.project-page img {
		float:none !important;
	}
	
		.grid-item {
  		width: calc(33% - 11.25px);
	}
    
       .header .icon a {
    	font-size:22px;
    }

	.header.start .slopeline .upper,
	.header.dark .slopeline .upper,
	.slopeline-consulting .upper,
	.slopeline-customers .upper
	 {
	    height: 100px;
	    width: calc(100% + 100px);
	    top: -50px;
	    left: -10px;
	    right:-10px;
	    padding-top: 20px;
	    padding-left: 15px;
	    padding-bottom:25px;
	    -webkit-transform: rotate(-3deg);

	}
	.slopeline-competences .upper,
	.slopeline-projects .upper,
	.slopeline-projectfooter .upper {
	    position: relative;
	    height: 100px;
	    width: calc(100% + 100px);
	    top: -50px;
	    left: -10px;
	    right: -10px;
	    padding-top: 20px;
	    padding-left: 15px;
	    padding-bottom: 25px;
	    -webkit-transform: rotate(3deg);
	}
	.contact textarea {
		margin-bottom: 30px;
		border-bottom:solid 1px white;
	}
	input[name=datenschutz] + label {
    	margin-bottom: 35px;
	}
	.contact {
    	padding: 0 0 60px 0;
	}
	.customers {
    	padding-bottom: 60px;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    * {
    	font-size: 18px;
    }
    
    .navbar-brand {
    	margin:15px;
    }
    
    .header.start .text, .header.dark .text {
    	padding-top:60px;
    }
    
    .header.start .text h1, .header.dark .text h1 {
    	font-size:70px;
    	padding-top:25px;
    }
    
    .header.start .text .subtitle, .header.dark .text .subtitle {
    	font-size:24px;
    }
    
    .header.start .icon, .header.dark .icon {
    	margin:30px 0;
	}
	.header.start .icon.inView, .header.dark .icon.inView {
		margin:30px 0 30px 0;
	}
	.more-projects {
		padding: 20px 0 75px;
	}
    
    
    
	body.fixed{
		/* overflow: auto; */
		overflow: hidden;
	}
	.navbar-inner {
		/* position: absolute; */
		min-width: 100%;
		bottom: unset;
		height: auto;
		background: white;
		padding: 15px;
		width: calc(100% + 15px);
		margin: 0px -15px 0 -15px;
		z-index: 9999999999;
	}
    
    
    .navbar-inner .navbar-nav {
    	padding-left:30px;
    	padding-top:30px;
    	width:calc(100% - 0px);
    	margin:0;
    }
    
    .competences {
    	padding:0;
    }
    .competences .competence {
    	margin:45px 0;
    	text-align:center;
    }
    
    .competences .competence img {
    	float:none;
    	width:100px;
    }
    
    .competences .competence .text h2 {
    	text-align:center;
    }
    
    
    .competences .competence .text h2:before {
    	left:calc(50% - 60px);
    }
    
    .competences .competence .text {
    	padding-left:0px;
		text-align:center;
    }
    
    .consulting {
    	padding:30px 0;
    	margin:-1px 0;
    }
    
    
    
  	.consulting h2, .contact h2, h2.projects, .customers h2 {
  		font-size:32px;
  		
  	}
  	.consulting h2 span, .contact h2 span, h2.projects span, .customers h2 span {
  		font-size:32px;
  	}
  	
  	
  	
  	.contact textarea {
  		height:200px;
  	}
  	
  	
  	
  	h2.projects, .customers h2, .contact h2	 {
  	padding-top:30px;
  	}
  	.projectslider, .customers {
  		padding-bottom:30px;
	  }
	h2.projects.inView {
		padding:20px 0 20px 0;		
	}
	.customers h2.inView {
		padding: 60px 0 0;
	}
	.contact h2.inView {
		padding: 60px 0 60px;
	}
	.competences .competence.inView {
		margin: 30px 0;
	}
	.pagination{
		padding: 60px 0 60px;
	}
	.post_info .ic_kalender{
		margin-bottom: 10px;
	}
	.project-page .header-content{
		margin-bottom: 30px;
	}
	.posts-page .postInfo{
		transform: translateY(0px);
    	opacity: 1;
	}
  
	.grid-item {
  		width: calc(50% - 11.25px);
	}


	
	.projectslider .swiper-slide a .content, .projectslider .swiper-slide a .content.center, .projectslider .swiper-slide a .content.right {
		position:initial;
		padding:30px;
		width:100%;
		text-align:left;
		background:#f8f8f8;
	}


	.projectslider .swiper-slide a .content *, .projectslider .swiper-slide a .content.center *, .projectslider .swiper-slide a .content.right * {
		
		text-align:left;
	}
	    	
		
					
	.contacticon {
		margin:60px 0 30px 0;
		text-align:center;
	}


	.contacticon .icon {
		cursor:default;
		float:none;
		margin:0 auto;
	}

	.contacticon a {
		font-size:30px;
		font-weight:300;
		line-height:120px;
	}

	footer .jobs {
		margin-bottom:15px;
	}

	footer .copyright, footer .links {
		text-align:center;
	}


	.slopeline-project .upper {
	    height: 100px;
	    top: 60px;
	}
	.header.start .slopeline,
	.slopeline-customers {
   		margin-top: -2px;
	}

	.header.start .slopeline .upper,
	.slopeline-consulting .upper,
	.slopeline-customers .upper
	 {
	    height: 100px;
	    width: calc(100% + 100px);
	    top: -50px;
	    left: -10px;
	    right:-10px;
	    padding-top: 20px;
	    padding-left: 15px;
	    padding-bottom:25px;
	    -webkit-transform: rotate(-3deg);

	}
	.slopeline-competences .upper,
	.slopeline-projects .upper,
	.slopeline-projectfooter .upper {
	    position: relative;
	    height: 100px;
	    width: calc(100% + 100px);
	    top: -50px;
	    left: -10px;
	    right: -10px;
	    padding-top: 20px;
	    padding-left: 15px;
	    padding-bottom: 25px;
	    -webkit-transform: rotate(3deg);
	}
	.contact textarea {
		margin-bottom: 30px;
	}
	input[name=datenschutz] + label {
    	margin-bottom: 35px;
	}
	.contact {
    	padding: 0 0 60px 0;
	}
	
	
		
	#jobs * {
		font-family:"Clan Black";
		font-size:26px;
		line-height:1.4;
	}
	
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.navbar-nav>li>.dropdown-menu li {
		padding-left: 10px;
	}

	.projectslider .swiper-button-next, .projectslider .swiper-button-prev {
		display:none;
	}


	.slopeline-project .upper {
	    height: 100px;
	    top: 75px;
	}

	 .header.start .text {
		padding-top:60px;
	}

	.header.start .text h1, .header.dark .text h1 {
		font-size:36px;
		padding-top:25px;
	}

	 .header.start .text .subtitle, .header.dark .text .subtitle {
		font-size:24px;
		margin-bottom:30px;
	}
	.header.start .slopeline,
	.slopeline-customers {
   		margin-top: -2px;
	}
	.header.start .slopeline .upper,
	.slopeline-consulting .upper,
	.slopeline-customers .upper
	 {
	    height: 50px;
	    width: calc(100% + 50px);
	    top: -25px;
	    left: -10px;
	    right:-10px;
	    padding-top: 20px;
	    padding-left: 15px;
	    padding-bottom:25px;
	    -webkit-transform: rotate(-3deg);

	}
	.slopeline-competences .upper,
	.slopeline-projects .upper,
	.slopeline-projectfooter .upper {
	    position: relative;
	    height: 50px;
	    width: calc(100% + 50px);
	    top: -25px;
	    left: -10px;
	    right: -10px;
	    padding-top: 20px;
	    padding-left: 15px;
	    padding-bottom: 25px;
	    -webkit-transform: rotate(3deg);
	}

	.projectslider, .customers {
    	padding-bottom: 15px;
	}
	.contact label{ 
		margin-bottom: 0px;
	}
	.contact input[type="text"], .contact input[type="email"] {
	 
	    font-size: 16px;
	    margin-bottom: 15px;
	    padding: 5px 0;
	 }
	 .contact textarea {
	 	margin-bottom:30px;
	 }
	 .contact {
    	padding: 0 0 60px 0;
	 }

	 input[name=datenschutz] + label {
    	margin-bottom: 35px;
	}
	

	
	#jobs * {
		font-family:"Clan Black";
		font-size:22px;
		line-height:1.4;
	}	

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.header.start .text h1, .header.dark .text h1 {
		font-size:36px;
		padding-top:25px;
		margin-bottom:-5px;
	}

	 .header.start .text .subtitle, .header.dark .text .subtitle {
		font-size:24px;
		margin-bottom:30px;
	}

	.header.start .icon img {
		width:45px;
		height:45px;
		margin-right:7px;
	}
	.header .icon a {
		color:white;
		font-size:18px;
		font-family:"Clan Black";
	}
	.project-page .header-content {
	    margin-bottom: 30px;
	}
	.header.start .slopeline .upper,
	.slopeline-consulting .upper,
	.slopeline-customers .upper

	 {
	    height: 50px;
	    width: calc(100% + 50px);
	    top: -25px;
	    left: -10px;
	    right:-10px;
	    padding-top: 20px;
	    padding-left: 15px;
	    padding-bottom:25px;
	    -webkit-transform: rotate(-3deg);

	}
	.slopeline-competences .upper,
	.slopeline-projects .upper,
	.slopeline-projectfooter .upper {
	    position: relative;
	    height: 50px;
	    width: calc(100% + 50px);
	    top: -25px;
	    left: -10px;
	    right: -10px;
	    padding-top: 20px;
	    padding-left: 15px;
	    padding-bottom: 25px;
	    -webkit-transform: rotate(3deg);
	}

	.projectslider, .customers {
    	padding-bottom: 15px;
	}
	.contact label{ 
		margin-bottom: 0px;
	}
	.contact input[type="text"], .contact input[type="email"] {
	 
	    font-size: 16px;
	    margin-bottom: 15px;
	    padding: 5px 0;
	 }
	 .contact textarea {
	 	margin-bottom:30px;
	 }
	 .contact {
    	padding: 0 0 30px 0;
	 }

	 input[name=datenschutz] + label {
    	margin-bottom: 35px;
	}
}

.page-id-118.page-template-page-info h2:before,
.page-id-120.page-template-page-info h2:before {
    	background:none !important; 
	}

.page-id-118 h3, .page-id-120 h3 {
	margin-top: 40px!important;
}

.postid-49 .thumbnailLink h1,
.postid-49 .thumbnailLink p{
	color:white!important;

}
.postid-49 .thumbnailLink h1:before {
	background: white;
}

.projectslider .swiper-slide:nth-child(2) a .content p,
.projectslider .swiper-slide:nth-child(2) a .content h3{ 
	color: white!important;
}

.award {
	width: 165px;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 30px;
    height: 2px;
	background-color:white;
}

.page-template-page-info .hamburger-inner, .page-template-page-info .hamburger-inner:after, .page-template-page-info .hamburger-inner:before {
	background-color:#1f1f1f;
}

.page-template-page-info .navbar-brand .logo-img {
	background-image:url("img/logo_dark.svg");
}

.contact input[type="submit"]:active,
 .contact input[type="submit"]:focus,
 .contact input[type="submit"].active {
   background-image: none;
   outline: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
 }