@charset "utf-8";

/*
Theme Name:		51nullacht
Theme URI:		
Version:		1.0
Author:			Rico Floß, floss@51nullacht.de
Author URI: 	http://www.51nullacht.de/
Description:	
Text Domain:	efna
Date:			2016-11
Client:			51nullacht
*/

/* ========= Colours
corporate		#5f767c
corporate dark	#324748
corporate red 	#b71819

dark grey		#303030
light grey		#efefef
*/

/* ========= Helper
-webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem; border-radius: 0.5rem;
-webkit-transition: top 1s ease; -moz-transition: top 1s ease; -o-transition: top 1s ease; transition: top 1s ease;
-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5); -o-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5); box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5);
text-shadow: 0 0 5px #2c2c2c;
ele:after { font-family: FontAwesome; content: "\f105"; display: inline-block; }
ele:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid;
	margin: -10px 0 0 0;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ccc transparent;
}
*/

/* ========= font override */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(fonts/roboto.woff2) format('woff2');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-display: swap;
src: local('Roboto Black'), local('Roboto-Black'), url(fonts/roboto-black.woff2) format('woff2');
}

html,body { font-weight: 500; font-size: 20px; font-family: 'Roboto', Arial, Verdana, sans-serif; line-height: 1.5; color: #303030; height: 100%; min-height: 100%; }
body.home { color: #fff; background-color: #5f767c; }
strong, b { font-weight: 900; }
blockquote { }
cite { font-size: 1rem; }

/* ========= grid */
.container,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
	padding-left: 15px; padding-right: 15px;
}
.row { margin-left: -15px; margin-right: -15px; }
.container { width: 1200px; }

/* ========= links */
a { color: #b71819; text-decoration: none; }
p a { }
a strong, a b, strong a, b a{}
a:hover{ }

/* ========= form */
form input, form textarea, form select { }

::-webkit-input-placeholder { color: #a0a0a0; }
:-moz-placeholder { color: #a0a0a0; }
::-moz-placeholder { color: #a0a0a0; }
:-ms-input-placeholder { color: #a0a0a0; }

/* ========= buttons */
a.button,
a.button:visited,
input.button,
input[type="submit"],
button,
.button {
	text-transform: uppercase; font-size: 0.8rem; padding: 0.5rem 2rem; background-color: #b71819; color: #fff; border: none;
}

a.button.small { text-transform: none; }
a.button-light { background-color: transparent; border: 2px solid #fff; }

a.button:hover,a.button:focus,
input.button:hover,input.button:focus,
input[type="submit"]:hover,input[type="submit"]:focus,
button:hover,button:focus,
.button:hover,.button:focus {  }

/* ========= lists */
ul { }

ul.icon-ul { list-style: none; }
ul.icon-ul li { position: relative; }
ul.icon-ul.icon-ul-check li:before { content: '🗸'; display: block; color: #5f767c; position: absolute; left: -1rem; top: .125rem; }

/* ========= tables */
table { }
table th,
table td { }

/* ========= headlines */
h1, h1 a, .likeh1,
h2, h2 a, .likeh2,
h3, h3 a, .likeh3,
h4, h4 a, .likeh4,
h5, h5 a, .likeh5,
h6, h6 a, .likeh6 {
	font-weight: 900; color: currentColor; line-height: 1;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.likeh1 a, .likeh2 a, .likeh3 a, .likeh4 a, .likeh5 a, .likeh6 a { }

h1, .likeh1 { font-size: 3rem; color: #5f767c; }
h1 strong, .likeh1 strong { display: block; padding-bottom: .25rem; margin-bottom: .25rem; border-bottom: 1px solid; text-transform: uppercase; font-size: 2rem; color: #303030;  }

h2, .likeh2 { font-size: 1.5rem; padding-top: 0; margin-top: 1rem; }
h2.styled { font-size: 1.25rem; margin: 2rem 0 2rem 0; padding: 0.25rem 0.5rem; display: inline-block; border-style: solid; font-size: 1.333rem; background-color: #303030; color: #fff; border-width: 0 1rem; }
h2.styled:after { display: block; content: ' '; border-bottom: 1px solid #5f767c; position: absolute; left: 15px; right: 15px; top: 3rem; z-index: -1; }

h3, .likeh3 { font-size: 1.25rem; }

h4, .likeh4 { }
h5, .likeh5 { }
h6, .likeh6 { }

/* ========= header */
.page-header { position: absolute; left: 0; top: 0; right: 0; }

/* logo */
.logo-container { width: 200px; }
.logo-container .title { }

/* ========= navigation */
/* page navigation */
.page-navigation { padding: 3rem 5rem 2rem; font-weight: 900; min-height: 100%; position: relative; color: #324748; background-color: #5f767c; font-size: 1.25rem; line-height: 1.25; text-align: center; }
.page-navigation a { background-color: transparent; color: #fff; text-shadow: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.page-navigation svg { vertical-align: sub; height: 1.5rem; width: auto; }
.page-navigation svg .logo-short,
.page-navigation svg .logo-text { fill: #fff; }
.page-navigation .navigation { }
.page-navigation .navigation li { }
.page-navigation .navigation > li[class*="current"] > a,
.page-navigation .navigation > li > a:hover { }

.home .page-navigation { padding: 0; height: 100vh; color: #fff; font-size: 5rem; text-shadow: 0.075em 0.075em 0 #324748; }
.home .page-navigation a { background-color: transparent;  }
.home .page-navigation a:hover { background-color: #324748; }
.home .page-navigation p { position: absolute; top: 50%; transform: translateY(-50%); margin-bottom: 0; }
.home .page-navigation svg { height: auto; }

/* meta navigation */
.meta-navigation { list-style: none; }
.meta-navigation li { text-align: right; }
.meta-navigation li a { color: #fff; font-size: .75rem; padding-right: 1rem; }

/* footer navigation */
.footer-navigation li { }
.footer-navigation li a { display: inline-block; margin-left: 1rem; }
.footer-navigation li a:hover,
.footer-navigation li[class*="current"] a { }

/* ========= page-content */
.page-document { padding-top: 100px; }
.home .page-document { padding-top: 0; }

.page-content { }

/* main elements */
	/* header */
.content-header {  }

	/* footer */
.content-footer {  }

	/* sidebar */
.content-sidebar { }

/* content main */
.content-main {  }
	/* article header */
.content-main .article-header { }
	/* special container */
.content-main .special-container {  }
	/* images */
.content-main figure { position: relative; }
.content-main figure img { display: block; }
.content-main .right > img { float: right; }
.content-main figcaption {  }
	/* wp-pagenavi */
.wp-pagenavi span, .wp-pagenavi a { }
.wp-pagenavi span.current, .wp-pagenavi a:hover { }

/* tabs */
ul.tabs { margin-bottom: 2rem; }
ul.tabs li a { border: none; background-color: transparent; top: auto; font-size: 125%; color: #000; }
ul.tabs li a i { padding-right: 0.25rem; }
ul.tabs li.current a { background-color: #D1E751; }
.tab-content { padding: 0; border: none; }

/* accordion */
.accordion-container .trigger:before { font-family: "Roboto"; content: "+"; width: 1.5rem; }
.accordion-container .trigger.trigger_active:before { font-family: "Roboto"; content: "-"; width: 1.5rem;  }

/* gallery */
.gallery-container {}
.gallery {}

/* ========= list content */
/* projekt */
.list-content-container { margin-right: 0; margin-left: 0; margin-bottom: 1rem; display: flex; flex-wrap: wrap; }
/* .list-content-container.type-projekt .teaser-container { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } */

/* ========= project */
/* filter */
.project-filter-container { margin-bottom: 2rem; }
.project-filter-content { overflow: hidden; }
/* .project-filter-content a { background-color: #5f767c; color: #fff; text-shadow: 0.125em 0.125em 0 #324748; } */
.project-filter-content h3 { cursor: pointer; }
.project-filter-content h3:before { content: "+"; width: 1.5rem; display: inline-block; }
.project-filter-content.current h3:before { content: "-"; }
.project-filter-content p { margin: 0; }

/* details */
/* .project-image { margin: 2rem auto; width: 600px; max-width: 100%; position: relative; overflow: hidden; } */
/* .project-image img { margin-top: 4.5%; } */
/* .project-image:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent url(images/monitor.png) top center no-repeat; background-size: contain; } */
.project-image { margin: 2rem auto; }

.project-images { margin-top: 2rem; padding-top: 1rem; padding-bottom: 1rem; /* background: #5f767c; color: #fff; */ }
.project-images figure { margin-top: 2rem; }
.project-images figcaption {  }

/* short-infos */
.short-infos { background-color: #efefef; font-size: 0.9rem; padding: 1rem 1rem 0.001rem 1rem; margin-bottom: 1rem; }
.short-infos strong { display: block; margin-bottom: 0.25rem; font-size: 0.7rem; font-weight: 400; text-transform: uppercase; }

/* ========= page-footer */
.page-footer { margin-top: 2rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 0.8rem; background-color: #5f767c; color: #fff; }
.page-footer a { color: #fff; }
.page-footer .copy { line-height: 1; }

/* ========= override Plugins */
/* ionicons */
/* [class^="ion-"] { font-size: 2.5rem; vertical-align: middle; } */
/* .icon-text { vertical-align: middle; } */
/* small [class^="ion-"] { font-size: 1.333rem; line-height: 1; } */

/* slick */
.slick-arrow { z-index: +1; top: 50%; width: 4rem; height: 4rem; }
.slick-arrow:before { font-size: 4rem; color: #fff; }
.slick-prev:before { }
.slick-next:before { }