@font-face {
	font-family: 'Cafeta';
	src: url('../fonts/cafeta.TTF') format('truetype');
}

@font-face {
	font-family: 'Roboto Slab';
	src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
	font-weight: 400;
}

@font-face {
	font-family: 'Roboto Slab';
	src: url('../fonts/RobotoSlab-Bold.ttf') format('truetype');
	font-weight: 700;
}

/* General */
h3 {
	margin-top: 0px;
	font-size: 26px;
	font-family: 'Cafeta', Arial;
}
body {
	font-family: 'Roboto Slab', serif;
}

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

/* Header */
header {
	margin-top: 60px;
}

header a {
	color: #000000;
	font-size: 18px; 
}

header a:hover {
	color: #000000;
}

/* Menu & Submenu */

header .desktop-menu li.current-menu-item a,
header .desktop-menu li.current-menu-parent a,
.project-categories-menu li.current-menu-item {
	font-weight: 700;
}


.project-categories-menu a:hover {
	text-decoration: none;
}

.project-categories-menu li {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #000000;
	
	background-image: url('../img/icons/right.png');
 	background-size: 30px;
 	background-repeat: no-repeat;
 	background-position: 100%;
}

.content img {
	height: auto;
	max-width: 100%;
}


/* Footer */
.footer {
	margin-top: 60px;
	font-size: 16px;
}

.footer a {
	color: #000000;
}

.home-post a {
	color: #000000;
}

.no-hover-underline:hover {
	text-decoration: none;
}

/* Collapse */

.panel-default, .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: none;
	box-shadow: none;
}

.panel-default {
	border-bottom: 1px solid #000000;
}

.panel-group .panel {
		border-radius: 0px;
}

.panel-default>.panel-heading {
	background: none;
}

.panel-body {
	padding-top: 10px;
}

.panel-body .col-lg-6 {
	margin-bottom: 15px;
}

.panel-body a {
	color: #000000;
	text-decoration: underline;
}

.panel-title a {
	display: block;
}

.responsive-iframe {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* Projects */

.single-project a {
	color: #000000;
}

.single-project a:hover {
	text-decoration: none;
}

.project-overview-thumb-parent img {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
}

.project-overview-thumb-parent a.title {
	color: #FFFFFF; 
	font-size: 18px;
	position: absolute;
	opacity: 0;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.project-overview-thumb-parent:hover a.title {
	opacity: 1;
}


a.darken {
    display: inline-block;
    background: black;
    padding: 0;
}

a.darken img {
    display: block;
    
    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}

a.darken:hover img, .project-overview-thumb-parent:hover img {
    opacity: 0.3;
            
}

.project-overview-thumb-parent a.title:hover {
	text-decoration: none;
}

.bottom-navigation-single-project {
	margin-top: 40px;
	padding-top: 20px;
	font-size: 16px;
}

.bottom-navigation-single-project a, .bottom-navigation-single-project a:hover {
	text-decoration: none;
	color: #000000;
}

.bottom-navigation-single-project-icon {
	margin-bottom: 4px;
	width: 26px;
}

.bottom-navigation-single-project-icon.left {
	margin-right: 10px;
}

.bottom-navigation-single-project-icon.right {
	margin-left: 10px;
}

.projektverzeichnis {
	font-size: 18px;
}

.projektverzeichnis strong {
	display: block;
	margin: 35px 0 10px 0;
}

.projektverzeichnis strong:first-child {
	margin-top: 0;
}

.projektverzeichnis a {
	display: block;
	color: black;
	border-bottom: 1px solid black;
}


.projektverzeichnis .project-muted {
	display: block;
	color: #AEAEAE;
	border-bottom: 1px solid black;
}

.projektverzeichnis a:hover {
	text-decoration: none;
}

/* News */
article h2 {
	font-size: 30px;
}
article h2 a {
	color: #000000;
}

article h2 a:hover {
	color: #000000;
}

article .date {
	margin-bottom: 15px;
	font-family: 'Cafeta', Arial;
	font-size: 26px;
}

article .content {
	padding-bottom: 30px;
}

.employe-template h4 {
		font-family: 'Cafeta', Arial;
		font-size: 26px;
} 

.employe-template strong {
		font-family: 'Cafeta', Arial;
		font-size: 21px;
}

@media screen and (max-width: 1200px) {
	.sub-menu a {font-size: 17px;}
		.home-post img {
		max-width: 100%;
	}
}

@media screen and (max-width: 992px) {
	.sub-menu li {background: none;}
	.sub-menu a {font-size: 15px;}
}

.project-col {
	display: flex;
	flex-wrap: wrap;
}