/*
Theme Name: PBS Architekten
Theme URI: http://www.lemkeschultheis.de/
Author: Pavithran Gridharan
Author URI: http://www.lemkeschultheis.de/
Description: Theme made for PBS Architekten
Version: 1.0
Tags: responsive
*/

/*
 * DIN Font
 */
@import url("css/PBS_Architekten_V2.css");

/*
 * PBS-IconFont
 */
@font-face {
	font-family: 'pbs-iconfont';
	src: url('fonts/pbs-iconfont.eot?-x95a5e');
	src: url('fonts/pbs-iconfont.eot?#iefix-x95a5e') format('embedded-opentype'),  url('fonts/pbs-iconfont.woff?-x95a5e') format('woff'),  url('fonts/pbs-iconfont.ttf?-x95a5e') format('truetype'),  url('fonts/pbs-iconfont.svg?-x95a5e#pbs-iconfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'pbs-iconfont';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-add:before {
	content: "\e600";
}
.icon-create:before {
	content: "\e601";
}
.icon-delete:before {
	content: "\e602";
}
.icon-info:before {
	content: "\e603";
}
.icon-remove:before {
	content: "\e604";
}
.icon-christmas:before {
	content: "\e605";
}
.icon-period:before {
	content: "\e606";
}
.icon-faq:before {
	content: "\e607";
}
.icon-location:before {
	content: "\e608";
}
.icon-mail:before {
	content: "\e609";
}
.icon-fullscreen:before {
	content: "\e60a";
}
.icon-download:before {
	content: "\e60b";
}
.icon-award:before {
	content: "\e60c";
}
.icon-monument:before {
	content: "\e60d";
}
.icon-builder:before {
	content: "\e60e";
}
.icon-data:before {
	content: "\e60f";
}
.icon-file:before {
	content: "\e610";
}
.icon-filter:before {
	content: "\e611";
}
/*
 * Main
 */
html::-moz-focus-inner {
	border:0;
}
body {
	font-family: 'DINNextLTPro-Light', sans-serif;
	font-size: 16px;
	color: #1d1d1d;
}
body strong {
	font-family: 'DINNextLTPro-Regular', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'CenturyGothicStd-Bold', sans-serif;
	text-transform: lowercase;
	padding: 35px 0;
}
h1 {
	font-size: 24px;
}
h1 span {
	font-family: 'CenturyGothicStd', sans-serif;
}
h3 {
	font-family: 'DINNextLTPro-Regular', sans-serif;
	padding-top: 38px;
}
ul, ol {
	padding-left: 20px;
}
a {
	color: #1d1d1d;
}
a:hover, a:focus, a:active {
	color:#9e9ca1;
	text-decoration:none;
}
.content {
	padding: 15px;
}
/*@media (min-width: 768px){
	.page-template-default p, .page-template-default h2 {
		margin-left:25%;
		margin-right:25%;
	}
}*/

.page-template-default .content a, footer a {
	color: #444;
}
.page-template-default .content a:hover, footer .content a:hover {
	color: #777;
	text-decoration: none;
}
.page-template-default .content .navbar-nav a:hover {
	padding: 15px 20px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0;
}
.page-template-default .dropdown-menu a:hover {
	padding: 0 15px;
	margin: 0
}

.page-template-default #content {
	margin-top:58px;
	padding-right:10px;
}

.page-template-default p {
	padding:20px 0;
}

.page-template-default h3 {
	padding:0;
	margin:0;
}

.btn-default {
	border: none;
	font-size: 30px;
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
	background-color: transparent;
	color: #777;
	outline: none !important;
}
.btn, .btn:hover, .btn:focus, .btn:active {
	outline:0 !important;
	border:none;
	box-shadow: none;
}
/*
 * Navbar
 */
.navbar {
	margin-bottom: 0;
	padding: 20px 15px 10px;
	z-index: 1;
	height: 163px;
	border-radius: 0;
	border: none;
}
@media (max-height:479px) and (max-width:767px) {
	.navbar {
		height: 80px;
		z-index: 4;
	}
}
.navbar .current-menu-item, .navbar .active, .navbar .open > a, .navbar .parent {
	font-family: 'DINNextLTPro-Regular', sans-serif;
}
.navbar-brand {
	float: left;
	height: 50px;
	padding: 0;
	font-size: 18px;
	line-height: 60px;
	overflow: hidden;
	margin-left: 30px;
}

@media (min-width:768px) {
.navbar-brand {
	margin-left: 15px;
}
}
.navbar-default {
	background-color: #fff;
	border-color: #fff;
}
.navbar-default .navbar-brand {
	color: #1d1d1d;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #1d1d1d;
	background-color: transparent;
}
.navbar-default .navbar-text {
	color: #1d1d1d;
}
.navbar-default .navbar-nav > li > a {
	color: #1d1d1d;
	padding: 30px 20px 7.5px;
}

@media (max-width:767px) {
.navbar-default .navbar-nav > li > a {
	padding-left: 30px;
}
}
.navbar-default .navbar-nav > li:last-child > a {
	padding-right: 0;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #777;
	background-color: transparent;
	margin: 0;
	text-decoration: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #1d1d1d;
	background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
	color: #ccc;
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	border-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #1d1d1d;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #1d1d1d;
}
.navbar-nav .current-menu-parent, .navbar-nav .current-menu-ancestor {
	font-family: 'DINNextLTPro-Regular', sans-serif;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .dropdown-menu>li>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background: #fff;
	color: #1d1d1d;
	padding: 0 15px;
}

@media (max-width: 767px) {
.navbar-collapse {
	background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #1d1d1d;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #1d1d1d;
	background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #1d1d1d;
	background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #ccc;
	background-color: #fff;
}
}
.navbar-default .navbar-link {
	color: #1d1d1d;
}
.navbar-default .navbar-link:hover {
	color: #1d1d1d;
}
.navbar > div {
	background-color: #fff;
}
.navbar-nav > li > a {
	font-size: 18px;
}

@media (max-width:767px) {
.navbar-nav {
	margin: 15px -15px 7.5px;
}
}
.navbar-header .icon-filter {
	font-size: 27px;
	margin-top: -6px;
	display: block;
}
.nav>li {
	z-index: 1002;
	background-color: #fff;
}
.dropdown-menu {
	width: 100%;
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	margin: 0 auto;
	text-align: right;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0 15px 20px;
	font-size: 16px;
}
.dropdown-menu li {
	display: table-cell;
}
.dropdown-menu li:first-child {
	margin-right: 15px;
}
.dropdown-menu li a, .dropdown-menu li a:hover {
	color: #555;
}
.navbar-right .dropdown-menu {
	right: 65px;
	left: auto;
}
.nav > li.dropdown.open, .nav > li.dropdown:hover {
	position: static;
}
.nav > li.dropdown.open .dropdown-menu, .nav > li.dropdown:hover .dropdown-menu {
	display: block;
	width: 100%;
	text-align: center;
	left: 0;
	right: 0;
}
.dropdown-menu>li {
	display: table-cell;
	float: right;
}
#header-menu {
	width: 100%;
	z-index: 1002;
}

@media (min-width:768px) {
#header-menu .sub-menu {
	display: none;
}
}
#header-menu .sub-menu {
	padding-left: 40px;
	list-style-type: none;
}
#header-menu .sub-menu li {
	padding: 7.5px 0;
}
#header-menu .sub-menu li a:hover, #header-menu .sub-menu li a:focus, #header-menu .sub-menu li a:active {
	color: #777;
	text-decoration: none;
}
#sublevelmenu .sub-menu {
	padding: 0 15px;
	list-style-type: none;
	margin: 7px 0;
}
#sublevelmenu .sub-menu li {
	display: inline-block;
	padding: 0 15px;
	color: #1d1d1d;
}
#sublevelmenu .sub-menu li.current-menu-item {
	font-family: 'DINNextLTPro-Regular', sans-serif;
}
#sublevelmenu .sub-menu li:last-child {
	padding-right: 0;
}
#sublevelmenu .sub-menu li a:hover, #sublevelmenu .sub-menu li a:active, #sublevelmenu .sub-menu li a:focus {
	color: #777;
	text-decoration: none;
}

@media (max-width:767px) {
#sublevelmenu {
	display: none;
}
}
/*
 * The Switch
 */
.switch-wrapper {
	text-align: center;
	z-index: 1000;
	position: absolute;
	bottom: 0;
	margin-left: -51px;
	left: 50%;
}

@media (min-width:768px) {
.switch-wrapper {
	z-index: 1003;
}
}
.switch-wrapper .the-switch {
	border: solid 1px #fff;
	background-color: #fff;
	padding: 27px 50px;
	width: 27px;
	height: 27px;
	margin: 0 auto;
}
.switch-wrapper .the-switch.cur-a {
	background-image: url('img/icon_aussen.jpg');
	background-position: center;
	background-repeat: no-repeat;
}
.switch-wrapper .the-switch.cur-b {
	background-image: url('img/icon_innen.jpg');
	background-position: center;
	background-repeat: no-repeat;
}
.switch-wrapper .the-switch:focus {
	outline: none;
}
/*
 * Breadcrumb
 */

@media (max-width:767px) {
	.single-projekt .breadcrumb {
		position: absolute;
		width: 100%;
		bottom: 0px;
		z-index: 1;
		margin: 0px;
		padding-top: 10px;
		padding-right: 100px;
		padding-bottom: 10px;
		padding-left: 10px;
		text-align: left;
	}
}

.breadcrumb {
	text-align: center;
	background-color: #fff;
	border-radius: 0;
	padding: 0;
	text-transform: lowercase;
	margin-top:15px;
	margin-bottom:15px;
}
.breadcrumb a:hover {
	color: #777;
	text-decoration: none;
}
.breadcrumb > span > a {
	color: #1d1d1d;
}

/*
 * Freewall
 */
.layout {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 30px;
	overflow-x: scroll;
	outline:none;
	-webkit-overflow-scrolling: touch;
}
.free-wall {
	height: 100%;
	margin: auto;
}
.free-wall a:hover {
	color: #1d1d1d;
}
.item {
	background: #DDD;
	float: left;
	cursor: default;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.item .wrapper {
	height: 100%;
	padding: 0 20px;
	background-color: rgba(255, 255, 255, 0.9);
	color: #1d1d1d;
	cursor: pointer;
	border-style: solid;
	border-width: 2px;
	position: relative;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block;
	width: 100%;
}
.item:hover .wrapper {
	opacity: 1;
}
.item .wrapper .content {
	display: table;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	text-align: center;
}
.item .wrapper .content h2 {
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
	font-family: 'DINNextLTPro-Regular', sans-serif;
}
.item .wrapper .content h2 span {
	font-family: 'DINNextLTPro-Light', sans-serif;
	font-size: 20px;
}
.touch .item .wrapper {
	opacity:0;
	pointer-events:none;
}
.touch .item.active .wrapper {
	opacity:1;
}
.team, .erfolg {
	display:block;
	width: 275px;
	height: 200px;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
@media (max-width:767px){
	.team, .erfolg {
		width: 200px;
		height: 200px;
	}
}
.team .wrapper, .erfolg .wrapper {
	display:block;
	opacity: 0;
	background-color: #eee;
	height: 100%;
	width: 100%;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.erfolg .wrapper {
	pointer-events:none;
}
.team .content, .erfolg .content {
	opacity: 0;
	padding: 0 15px;
	position: absolute;
	top: 40%;
	transition: all 0.3s linear;
}
.team .team-email {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    font-size: 30px;
}
.team .team-email-2, .team .team-info {
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-size: 30px;
	display:inline-block;
	left:55%
}
.team .team-info {
	left:35%;
}
.team h2, .team h3, .erfolg h2, .erfolg h3 {
	margin: 0;
	padding: 0;
	text-transform: none;
	font-family:'DINNextLTPro-Regular', sans-serif;
}
.team h2, .erfolg h2 {
	font-size: 18px;
}
.team h3, .erfolg h3 {
	font-size: 16px;
	font-weight: 300;
	font-family: 'DINNextLTPro-Light', sans-serif;
}
.team p, .erfolg p {
	font-size: 12px;
	padding-top: 1em;
}
.team:hover .wrapper, .team.open .wrapper, .erfolg:hover .wrapper, .erfolg.open .wrapper, .team:hover .content, .team.open .content, .erfolg:hover .content, .erfolg.open .content {
	opacity: 1;
}
.team.open:hover .wrapper, .erfolg.open:hover .wrapper {
	opacity: 0;
}
.touch .team .wrapper, .touch .team .content {
	opacity:0;
	visibility:hidden;
	-webkit-transition: opacity 0.3s linear, visibility 0s 0.3s linear;
	transition: opacity 0.3s linear, visibility 0s 0.3s linear;
}
.touch .active-team .wrapper, .touch .active-team .content {
	opacity:1;
	visibility:visible;
	-webkit-transition: opacity 0.3s 0.01s linear;
	transition: opacity 0.3s 0.01s linear;
}
.touch .team.open .wrapper, .touch .team.open .content {
	opacity:1;
	visibility:visible;
	-webkit-transition: opacity 0.3s 0.01s linear;
	transition: opacity 0.3s 0.01s linear;
}
.touch .active-team.open .wrapper, .touch .active-team.open .content {
	opacity:0;
	visibility:hidden;
	-webkit-transition: opacity 0.3s linear, visibility 0s 0.3s linear;
	transition: opacity 0.3s linear, visibility 0s 0.3s linear;
}
.position {
	padding: 0 0 15px;
}

.size11, .size12, .size13, .size14, .size15, .size16 {
	width: 200px;
}
.size21, .size22, .size23, .size24, .size25, .size26 {
	width: 400px;
}
.size31, .size32, .size33, .size34, .size35, .size36 {
	width: 600px;
}
.size41, .size42, .size43, .size44, .size45, .size46 {
	width: 800px;
}
.size51, .size52, .size53, .size54, .size55, .size56 {
	width: 1000px;
}
.size61, .size62, .size63, .size64, .size65, .size66 {
	width: 1200px;
}
.size11, .size21, .size31, .size41, .size51, .size61 {
	height: 200px;
}
.size12, .size22, .size32, .size42, .size52, .size62 {
	height: 400px;
}
.size13, .size23, .size33, .size43, .size53, .size63 {
	height: 600px;
}
.size14, .size24, .size34, .size44, .size54, .size64 {
	height: 800px;
}
.size15, .size25, .size35, .size45, .size55, .size65 {
	height: 1000px;
}
.size16, .size26, .size36, .size46, .size56, .size66 {
	height: 1200px;
}

@media (max-height: 767px) and (max-width: 767px) {
	.size11, .size12, .size13, .size14, .size15, .size16 {
		width: 150px;
	}
	.size21, .size22, .size23, .size24, .size25, .size26 {
		width: 250px;
	}
	.size31, .size32, .size33, .size34, .size35, .size36 {
		width: 350px;
	}
	.size41, .size42, .size43, .size44, .size45, .size46 {
		width: 450px;
	}
	.size51, .size52, .size53, .size54, .size55, .size56 {
		width: 550px;
	}
	.size61, .size62, .size63, .size64, .size65, .size66 {
		width: 650px;
	}
	.size11, .size21, .size31, .size41, .size51, .size61 {
		height: 150px;
	}
	.size12, .size22, .size32, .size42, .size52, .size62 {
		height: 250px;
	}
	.size13, .size23, .size33, .size43, .size53, .size63 {
		height: 350px;
	}
	.size14, .size24, .size34, .size44, .size54, .size64 {
		height: 450px;
	}
	.size15, .size25, .size35, .size45, .size55, .size65 {
		height: 550px;
	}
	.size16, .size26, .size36, .size46, .size56, .size66 {
		height: 650px;
	}
}

/*
.size11, .size12, .size13, .size14, .size15, .size16 {
	width: 100px;
}
.size21, .size22, .size23, .size24, .size25, .size26 {
	width: 200px;
}
.size31, .size32, .size33, .size34, .size35, .size36 {
	width: 300px;
}
.size41, .size42, .size43, .size44, .size45, .size46 {
	width: 400px;
}
.size51, .size52, .size53, .size54, .size55, .size56 {
	width: 500px;
}
.size61, .size62, .size63, .size64, .size65, .size66 {
	width: 600px;
}
.size11, .size21, .size31, .size41, .size51, .size61 {
	height: 100px;
}
.size12, .size22, .size32, .size42, .size52, .size62 {
	height: 200px;
}
.size13, .size23, .size33, .size43, .size53, .size63 {
	height: 300px;
}
.size14, .size24, .size34, .size44, .size54, .size64 {
	height: 400px;
}
.size15, .size25, .size35, .size45, .size55, .size65 {
	height: 500px;
}
.size16, .size26, .size36, .size46, .size56, .size66 {
	height: 600px;
}
*/
/*
 * Filter
 */
#category {
	position: absolute;
	width: 100%;
	padding: 0 15px;
	font-size: 18px;
	text-align: center;
	color: #1d1d1d;
	z-index: 1002;
}
.filter-label {
	display: block;
	padding: 7.5px 15px;
	cursor: pointer;
	text-align: left;
}
.filter-label:last-child, .filter-label.last {
	padding-right: 0;
}
.filter-label:hover, .filter-label:active, .filter-label:focus {
	color: #777;
}

@media (min-width:768px) {
#category {
	text-align: right;
	font-size: 16px;
}
.filter-label {
	display: inline-block;
	text-align: right;
}
}
/*
 * Sub-Filter
 */
.sub-filter {
	color: #555;
	height: 0;
	overflow: hidden;
	padding: 0;
	font-size: 16px;
	-webkit-transition: height 0.3s linear;
	-moz-transition: height 0.3s linear;
	-ms-transition: height 0.3s linear;
	-o-transition: height 0.3s linear;
	transition: height 0.3s linear;
}
.sub-filter.active {
	height: auto;
	font-family: 'DINNextLTPro-Light', sans-serif;
	margin: 0 0 7px;
}

.sub-filter-menu {
	padding-left:15px;
}
/*
 * Swiper
 */


.swiper-container {
	background: #fff;
	color: #1d1d1d;
	text-align: center;
	z-index: auto;
}
.swiper-slide {
	opacity: 1;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.swiper-slide-active {
	opacity: 1;
}
.swiper-slide .text {
	font-size: 16px;
	text-align: left;
	padding: 15px;
}
.swiper-slide p {
	max-width: 600px;
}
.swiper-slide .content {
	padding-left: 7px;
	padding-right: 8px;
}
.swiper-pagination {
	display: inline-block;
	margin: 20px 0;
}
.swiper-pagination-switch {
	height: 50px;
	width: 50px;
	display: inline-block;
	border: solid 4px #fff;
	background-position: center;
	background-size: cover;
}
.single .swiper-slide img {
	height: 500px;
}

@media only screen and (max-width: 1200px) {
	.swiper-container {
		background: #fff;
		color: #1d1d1d;
		text-align: center;
	}
}
/*
 * Slick
 */

.slick-initialized .slick-slide {
	position: relative;
}

.slick-slider {
	margin-left: 22px;
	margin-right: 22px;
}
.slick-slider.centermode {
	margin-left: 0;
	margin-right: 0;
}
.gallery-nav {
	margin-bottom: 15px;
	text-align:center;
}
.gallery-nav > div {
	display: inline-block;
}
.gallery-nav .slick-track {
	display: table;
	margin: 0 auto;
}
.gallery-nav img {
	border: 5px solid #fff;
}
.slick-center {
	cursor: pointer;
}

@media (max-height: 599px) {
	.gallery-nav {
		display: none !important;
	}
}
.text-slider {
	margin-bottom:0;
}
.text-slider .text-wrapper {
	width: 450px;
	background-color: #e6e6e6;
	color: #1d1d1d;
	display: block;
	position: relative;
	min-height:650px;
	font-size:15px;
}

@media (max-width:767px) {
	.text-slider .text-wrapper {
		width: 250px;
	}
}

@media (max-width:517px){
	.text-slider .text-wrapper {
		width:400px;
		font-size:75%;
	}
}
@media (max-width:467px){
	.text-slider .text-wrapper {
		width:250px;
	}
}

.text-slider .text-wrapper:hover, .text-slider .text-wrapper:focus, .text-slider .text-wrapper:active {
	text-decoration: none;
}
.text-slider .text-content-wrapper, .text-slider .text-title-wrapper {
	padding: 15px 15px 0;
	-min-height: 160px;
}
text-slider .text-title-wrapper {
	min-height:140px;
}
text-slider .text-title-wrapper.no-date {
	min-height:50px;
}
.text-slider .text-wrapper img {
	width:100%;
}
@media (max-height:925) {
	.text-slider .text-wrapper {
		font-size:100%;
	}
}
@media (max-height:625px) {
	.text-slider .text-wrapper {
		font-size:75%;
	}
}
.text-slider .text-date, .text-slider .text-content {

}
.text-slider .text-titel {
	font-size: 20px;
}
.text-slider .text-titel [class^="icon-"], .text-slider .text-titel [class*=" icon-"] {
	margin-right: 5px;
}
.text-slider .teaser-fadeout {
	position:absolute;
	height: 45px;
	font-size: 36px;
	right: 7.5px;
	bottom: 0;
	left: 7.5px;
	background-color: #e6e6e6;
	display:none;
}
.text-slider .teaser-fadeout:hover {
	color:#777;
	text-decoration:none;
	cursor:pointer;
}
.text-slider .text-content-wrapper {
	display:block;
}
.text-slider .links {
	position: absolute;
	bottom: 0;
	padding: 15px;
}

.text-slider-cell--portrait .img-responsive {
	height: 65%;
}

.text-slider-cell--portrait .text-content-wrapper {
	/*display: none;*/
}

@media (min-height:900px) {

}
/*
@media (max-width: 991px) {
    .slick-slide img {
        max-height: 390px;
    }
}

@media (max-width: 767px) {
    .slick-slide img {
        max-height: 240px;
    }
}

@media (max-width: 480px) {
    .slick-slide img {
        max-height: 180px;
    }
}

@media (max-width: 360px) {
    .slick-slide img {
        max-height: 100px;
    }
}
/*
 * Flickity
 */
.gallery-cell, .text-slider-cell {
	padding:0 8px;
	display:block;
}

.gallery-cell {
	text-align:center;
}

.gallery-nav img {
	border: 5px solid #fff;
	-webkit-transition:border-color 0.15s linear;
	transition:border-color 0.15s linear;
}

@media (max-height:767px) and (max-width:767px) {
	.flickity-viewport {
		overflow: hidden;
	}

}

/*
 *
 */
body.info-open {
	overflow: hidden;
}

@media (max-width:767px) {
	body.info-open {
		position: fixed;
	}
}

@media (max-width:767px) {
	.single-projekt .row-more-infos {
		position: absolute;
		bottom: 0px;
		z-index: 2;
		right: 0px;
		width: 15%;
		background-color: #ffffff;
		padding-bottom: 7px;
	}

	.single-projekt .row-more-infos #mehrinfos {
		margin-bottom: 0px;
	}
}

#mehrinfos {
	text-align: center;
	display: block;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 15px;
}
#mehrinfos:hover {
	font-weight: 700;
	text-decoration: none;
}
#details, .details {
	position: fixed;
	overflow: auto;
	width: 100%;
	height: 75%;
	top:100%;
	background-color: #fff;
	z-index: 24;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.details-full {
	position: fixed;
	overflow: auto;
	width: 100%;
	height: 100%;
	top:100%;
	height: calc(100% - 163px);
	background-color: #fff;
	z-index: 24;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.details.open, #details.open {
	top: 25% !important;
}
.details-full.open {
	top: 163px !important;
}
@media (max-width:767px){
	.details-full.open {
		top: 0px !important;
		right: 0px !important;
		bottom: 0px !important;
		left: 0px !important;
		height: 100%;
	}

	.details.open, #details.open {
		top: 0px !important;
	}
}
#detailsclose {
	right: 50%;
	margin-right: -15px;
	padding: 5px 8px;
	color: #1d1d1d;
	background-color: #fff;
	z-index: 1;
}
#detailsclose:hover, #detailsclose:active, #detailsclose:focus {
	text-decoration: none;
}
.open #detailsclose {
	position: fixed;
}
#detailsclose .icon-delete:before {
	font-size: 25px;
}
@media (max-width:767px) {
	#detailsclose {
		right: auto;
		margin-right: 0px;
		width: 100%;
		text-align: center;
	}

	#detailsclose.overlayclose {
		top: 0px;
	}
}
#details ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
}
#details ul li:before {
	display: inline-block;
	content: "-";
	width: 1em;
	margin-left: -1em;
}
#info p, #preis p {
	margin: 0;
}
#details p {
	text-align: justify;
}
#infocontent {
	overflow: auto;
	padding-right: 10px;
}

.page-template-template-info-slider-php #infocontent h2, .page-template-template-info-slider-php #infocontent h3 {
	padding:0;
}

#untertitel h2 {
	font-family: 'DINNextLTPro-Regular', sans-serif;
	font-size: 16px;
	margin-top: 33px;
	padding-right: 10px;
	text-transform: none;
	text-align: right;
}
#untertitel p {
	text-align: right;
	line-height: 1.6;
}

@media(max-width:991px) {
	#untertitel h2 {
		margin-top:0;
		padding:0;
	}
	#untertitel p {
		text-align:left;
	}
}

@media (max-width:767px) {
#details {
	height: 100%
}
#detailsclose {
	top: 0%;
}
#untertitel h2 {
	margin-top: 0;
	text-align: left;
	padding: 0;
}
}
#info, #jahr, #preis, #merkzettel, #download, #bauherr, #denkmal, #adresse {
	padding-left: 25px;
}
#info h3, #bauherr h3, #jahr h3, #preis h3, #merkzettel h3, #download h3, #denkmal h3, #adresse h3 {
	font-family: 'DINNextLTPro-Regular', sans-serif;
	margin: 25px 0 5px;
	padding: 0;
	text-transform: none;
	font-size: 20px;
}
#info h3:before, #bauherr h3:before, #jahr h3:before, #preis h3:before, #merkzettel h3:before, #download h3:before, #denkmal h3:before, #adresse h3:before {
	font-family: 'pbs-iconfont';
	font-size: 20px;
	line-height: 25px;
	margin-left: -30px;
	margin-right: 5px;
	padding: 5px;
}
#info h3 {
	margin-top: 0;
}
#info h3:before {
	content: "\e60f";
}
#jahr h3:before {
	content: "\e606";
}
#bauherr h3:before {
	content: "\e60e";
}
#preis h3:before {
	content: "\e60c";
}
#merkzettel h3:before {
	content: "\e600";
	color: #dd9933;
}
#download h3:before {
	content: "\e60b";
}
#denkmal h3:before {
	content: "\e60d";
}
#adresse h3:before {
	content: "\e608";
}
#merkzettel a, #download a {
	color: #333;
}
#merkzettel a:hover, #download a:hover {
	color: #dd9933;
}

@media (max-width:991px) {
#infocontent {
	padding-top: 15px;
}
}
/*
 * Google Maps
 */
#map-overlay {
	position: fixed;
	overflow: auto;
	width: 100%;
	height: 75%;
	height: calc(100% - 235px);
	bottom:-100%;
	background-color: #fff;
	z-index: 24;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-align: center;
	display: none;
}

@media (max-width:767px) {
	#map-overlay {
		top: 0px;
		height: 100%;
	}
}

#map-overlay > .col-xs-12 {
	height: 90%;
}
#map_canvas {
	height: 100%;
	position: relative;
	display: block;
}
.standort h2 {
	margin: 0;
	padding: 15px 0;
}
.standort .btn {
	padding: 15px;
	margin:-15px;
}
/*
 * WPCF7
 */
div.wpcf7 {
	margin-left: -15px;
	margin-right: -15px;
}
.form-group {
	margin: 0 5px 20px;
}
.form-control {
	border-radius: 0;
	border: 1px solid #ededed;
	padding: 9px 10px;
	height: 34px;
	font-size: 13px;
	background-color: #ededed;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	color: #1d1d1d;
	max-width: 100%;
}
.has-success .form-control, .has-error .form-control {
	color: #1d1d1d;
	border: 1px solid #ededed;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.form-control:focus, .has-success .form-control:focus, .has-error .form-control:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: 1px solid #1d1d1d;
}
.form-control-feedback {
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.has-success .form-control-feedback, .has-error .form-control-feedback, .has-success .help-block, .has-error .help-block {
	color: #1d1d1d;
}
p.text-contact {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	text-align: center;
}
.btn-contact {
	display: block;
	padding: 15px 40px;
	margin: auto;
	border-radius: 0;
	background-color: #fff;
}
.wpcf7-response-output {
	display: none;
}
/*
 * SimpleCart
 */
.itemRow {
	width: 50%;
	float: left;
}
.item-remove, .item-name {
	display: inline;
}
.item-remove > a, .item-remove > a:hover, .item-remove > a:focus {
	color: #1d1d1d;
	text-decoration: none;
}
a.simpleCart_checkout, a.simpleCart_empty {
	color: #1d1d1d;
	display: block;
	margin-top: 40px;
	font-family:'DINNextLTPro-Regular', sans-serif;
}
a.simpleCart_checkout:hover, a.simpleCart_empty:hover, a.simpleCart_checkout:focus, a.simpleCart_empty:focus {
}

.lsd-merkzettel {
	text-align:justify;
}

/*
 * Footer
 */
footer {
	padding: 20px 15px;
	text-align: center;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
}
/*
 * Preloader
 */
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	border-radius: 50%;
	border: 2px solid #1d1d1d;
	border-bottom-color: transparent;
	-webkit-animation: spin 2s 0s linear normal none infinite; /* Chrome, Opera 15+, Safari 5+ */
	-moz-animation: spin 2s 0s linear normal none infinite; /* Chrome, Opera 15+, Safari 5+ */
	-ms-animation: spin 2s 0s linear normal none infinite;
	-o-animation: spin 2s 0s linear normal none infinite;
	animation: spin 2s 0s linear normal none infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	z-index: 1001;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		-0-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		-o-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@-moz-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		-0-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		-o-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@-ms-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		-0-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		-o-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@-o-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		-0-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		-o-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		-0-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-moz-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		-o-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1000;
}
/* Loaded styles */
.loaded #loader-wrapper .loader-section {
	opacity:0;
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	-moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	-ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.loaded #loader {
	opacity: 0;
	-webkit-animation: none; /* Chrome, Opera 15+, Safari 5+ */
	-moz-animation: none; /* Chrome, Opera 15+, Safari 5+ */
	animation: none; /* Chrome, Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	-moz-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.loaded #loader-wrapper {
	opacity:0;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	-o-transform:translateY(100%);
    transform:translateY(100%);
	-webkit-transition: all 0.3s 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	-moz-transition: all 0.3s 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	-ms-transition: all 0.3s 0.3s ease-out;
	-o-transition: all 0.3s 0.3s ease-out;
	transition: all 0.3s 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.loaded #loader-wrapper {
	visibility:hidden;
	-webkit-transition: visibility 0.3s 0.7s ease-out;
	-moz-transition: visibility 0.3s 0.7s ease-out;
	-ms-transition: visibility 0.3s 0.7s ease-out;
	-o-transition: visibility 0.3s 0.7s ease-out;
	transition: visibility 0.3s 0.7s ease-out;
}

/*
 * Turner
 */
.turner-wrapper {
	display:none;
	visibility:hidden;
	background-color:#fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.turner-container {
	display:table;
	height: 100%;
	margin: auto;
}

.turner {
	display:table-cell;
	vertical-align:middle;
}

.turner object {
	height: 50%;
	text-align: center;
}

/* Video element */
.c-video__placeholder-image {

	cursor: pointer;

}

.c-video__placeholder-image:before {

	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 200px auto;
	bottom: -20px;


}

.c-video__placeholder-image--white:before {

	background-image: url('img/video-play-icon-white.png');

}

.c-video__placeholder-image--black:before {

	background-image: url('img/video-play-icon-black.png');

}

.c-video__placeholder-image--text-slider {

	position: relative;

}

.c-video__modal--text-slider {

	position: absolute;
	right: -650px;

}

.post-type-archive-news .modal-backdrop {
	display: none;
}

@media (max-width: 768px) {

	.c-video__modal--text-slider {

		max-width: 320px;

	}

}

.page-template-template-text-slider .modal-backdrop {

	display: none;

}

.c-video__modal-header {

	border-bottom: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;

}

.c-video__modal-header .close {

	margin-top: -5px;

}

.c-video__modal-body {

	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;

}

@media (min-width: 767px) {
	.c-navbar--socialMedia {
		margin-left: 46px;
	}

	.navbar-default .c-navbar--socialMedia > li > a {
		padding-right: 0;
		padding-left: 10px;
	}
}

.c-navbar--socialMedia>li {
	float: left;
}

.c-navbar--socialMedia svg {
	width: 16px;
	height: auto;
}
