/*
 Theme Name:   Terbrack Architekten
 Theme URI:    http://levelzwo.com/
 Description:  Domik Child-Theme
 Author:       LevelZwo Internetagentur
 Author URI:   http://levelzwo.com
 Template:     domik
 Version:      2.1.0
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         terbrack
 Text Domain:  terbrack
*/

@import url("../domik/style.css");

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v22-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v22-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/*
 * Ersetzt die Theme-eigenen Schriften (FuturaPT-Book, futurastd-bold) komplett
 * durch Raleway, indem die font-family-Namen auf die Raleway-Dateien umgebogen
 * werden. Dadurch muss keine der hunderten font-family-Deklarationen in
 * domik/style.css angefasst werden - jede Stelle, die 'FuturaPT-Book' oder
 * 'futurastd-bold' referenziert, rendert automatisch mit Raleway.
 */
@font-face {
  font-family: 'FuturaPT-Book';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v22-latin-regular.woff2') format('woff2'),
       url('fonts/raleway-v22-latin-regular.woff') format('woff'),
       url('fonts/raleway-v22-latin-regular.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'futurastd-bold';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v22-latin-700.woff2') format('woff2'),
       url('fonts/raleway-v22-latin-700.woff') format('woff'),
       url('fonts/raleway-v22-latin-700.ttf') format('truetype');
  font-display: swap;
}

/* Allgemein */
h1,
.page-title h2{font-size:34px}
h2{font-size:28px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}

h1,h2,h3,h4 {max-width: 100%}

strong{font-weight:bold}

/*#wpadminbar{display:none}*/

/* Wrapper */
.wrapper-inner{padding:100px 0;}

/* Header */
.logo-holder {
	max-width: unset;
}

	.custom-logo {
		height: 45px;
	}

header.domik-header {
	padding: 20px 0 15px;
}

h1.logo-text {
	font-size: 20px;
	width: 215px;
	text-align: left;
}

.header-inner {padding:0}

/* Content */
.edit-link,
.pagination,
.content-nav .pager{display:none;}
.page article{margin:0}
.blog-text {
	margin: 0;
	padding:0;
}

/*
.fixed-column section {
	padding-left: 35px;
	padding-right: 35px;
}
*/

.page-title {border: 0}
.page-title,
.page-title h2,
.page-title h1.title {
	padding-bottom: 0; font-size: 28px; font-family: Raleway, sans-serif !important; font-weight: 300 !important;
}

.section-title {text-align:left;}
.section-title,
.section-title h1 {font-family: Raleway, sans-serif; font-size: 28px; font-weight: 300; text-transform: uppercase; padding-bottom:0;}
.section-title h3 {float:none;}
.section-title h5 {margin-top:20px}

	.wrapper-inner {padding:100px 0 0}
	.wrapper-inner section {border:0}
	
.gallery-filters a {font-size:14px}

.project-details .gallery {display:none}
/* SLIDER */
.swiper-container {
	width:100%;
	height:100%;
}
.swiper-nav-holder {
	left:0px;
	top: 50%;
	line-height: 60px;
	height: 60px;
	margin-top: -60px;
	width:100%;
}

.swiper-nav {
	height:60px;
	width:60px;
	position: absolute;
	background:rgba(255,255,255,0.6);
}
.swiper-slide .overlay{opacity:0}

.swiper-nav:hover {background:#fff}
.swiper-nav .fa{color:#000}
.arrow-left {left:0}
.arrow-right {right:0}

/* FORM */
.planso-form-builder div[class*="col"] {margin-bottom: 15px}
.planso-form-builder .form-control,
.planso-form-builder button {
	padding:5px;
	font-size:14px
}

/* Balken entfernen */
.section-title h1:before,
.section-title h3:before,
.column-filter a.gallery-filter-active:before {display:none}

.column-filter a.gallery-filter-active {
	font-weight: bold;
}

/* Hintergrund in der Galerie-Ansicht entfent (Projekte)
.gallery-items {
	background-color: #f4f4f4;
}*/

.grid-small-pad .grid-item-holder {
	padding: 0 0 1px 1px;
}

nav li a {
	padding: 10px 20px;
}

nav li a.act-link::before,
nav li a.act-link::after {
	display: none;
}

nav li ul {
	border-bottom: 0;
}

/*nav li > ul {
	margin: 0 !important;
}*/

nav > ul > li {
	padding-bottom: 6px;
}

nav li > ul > li {
	margin-bottom: 0 !important;
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 6px;
}

.side-menu {
	text-align: left;
	list-style: none;
}

.side-menu li a {
	color: #666;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 14px;
	line-height: 1.2;
}

.side-menu li a:hover {
	color: #000;
}

.side-menu li a.act-link {
	font-weight: bold;
}

.filter-holder.column-filter {
	display: none;
}

.side-menu li .sub-menu {
	margin-left: 22px;
	padding-bottom: 10px;
	list-style: nones;
}

nav li ul {
	min-width: 345px;
}

nav ul.sub-menu {
	margin: 2px 0 0 !important;
}

nav ul.sub-menu li a {
	margin-left: -8px !important;
}

#menu-hauptnavigation .menu-item-635,
#menu-hauptnavigation .menu-item-636,
#menu-hauptnavigation .menu-item-637,
#menu-hauptnavigation .menu-item-680,
#menu-hauptnavigation .menu-item-679 {
	margin-left: 22px;
	display: list-item;
	list-style: square;
	list-style-position: inside;
	padding-left: 5px;
	padding-bottom: 5px;
    margin-left: 15px;
}

#menu-hauptnavigation .menu-item-674,
#menu-hauptnavigation .menu-item-679 {
	padding-bottom: 0;
}

#menu-hauptnavigation .menu-item-680 a,
#menu-hauptnavigation .menu-item-679 a,
#menu-hauptnavigation .menu-item-635 a,
#menu-hauptnavigation .menu-item-636 a,
#menu-hauptnavigation .menu-item-637 a {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0;
}

#menu-hauptnavigation .menu-item-679 a {
	padding-top: 2px;
	padding-bottom: 2px;
}

#menu-hauptnavigation .menu-item-680 a,
#menu-hauptnavigation .menu-item-679 a {
	margin-left: 0 !important;
}

#menu-hauptnavigation .menu-item-680 {
	margin-bottom: 5px !important;
}

#menu-hauptnavigation a:hover {
	color: #000;
}

.menu-item-23 .sub-menu {
	min-width: 240px;
}

#menu-werte-kategorien .sub-menu,
#menu-projekt-kategorien .sub-menu {
	list-style: square;
}


li#menu-item-651 > a {
    font-weight: 300 !important;
}

.page-id-478 h3 {
	margin-top: 10px;
	margin-bottom: 0;
}


.single-portfolio .fixed-column section {
	padding-right: 10px;
}


h1.project-data-h1,
h2.project-data-h2 {
	float: none !important;
	font-size: 28px;
	font-weight: 300;
	text-transform: uppercase;
}

h1.project-data-h1 {
	padding-bottom: 0;
}

#project-data {
	text-align: left;
	font-size: 14px;
    line-height: 1.45;
}
#project-data h2 {
	font-size: 14px;
	text-transform: uppercase;
}
#project-data h3 {
	font-size: 14px;
	font-weight: 300;
	text-transform: initial;
	margin: 0;
	padding: 0;
}

#project-data .pd-inner {
	margin: 0 0 1.5rem 2rem;
}

#project-data .pd-inner p {
	margin: 0 0 10px 0;
}

.project-details li {
	margin: 0 0 10px;
}

/* h5 im single-portfolio zunaechst einfach ausblenden */
.single-portfolio .section-title h5 {
	display: none;
}

.project-details p {
	font-size: 14px;
    line-height: 1.45;
}

.fg-caption-inner {
    background: rgba(255, 255, 255, 0.85);
    visibility: visible;
	color: #000;
	bottom: 0 !important;
    top: auto !important;
}

.foogallery.fg-caption-hover .fg-caption .fg-caption-inner {
	transform: translateY(0) !important;
	font-family: Raleway, sans-serif;
}

.foogallery .fg-caption-desc {
	line-height: 1.5 !important;
}

.foogallery .fg-caption-desc a {
	font-family: Raleway, sans-serif;
	color: #000 !important;
	border-bottom: 1px solid #000 !important;
}

.foogallery .fg-caption-desc a:hover {
	border-bottom: 1px solid #000 !important;
}

ul.list-1 {
	font-size: 14px;
    line-height: 1.45;
	text-align: left;
	margin-left: 20px;
	list-style-type: square;
}

ul.list-1 li {
	font-family: Raleway, sans-serif;
	margin-bottom: 3px;
}

.page-id-478 .domik-page section,
.page-id-5 .domik-page section {
	padding-top: 0;
}

/*.page-template-page-rightsidebar-2 */

.page-id-478 .page-title,
.page-id-478 .page-title h2,
.page-id-478 .page-title h1.title,
.page-id-478 h1,
.page-id-5 .page-title,
.page-id-5 .page-title h2,
.page-id-5 .page-title h1.title,
.page-id-5 h1 {
	font-size: 28px;
    letter-spacing: 1px;
    font-family: Raleway, sans-serif !important;
    font-weight: 300 !important;
}
.page-id-478 h2,
.page-id-5 h2 {
	font-size: 23px !important;
	font-weight: 600;
	margin-top: 30px;
}

.page-id-478 h3,
.page-id-5 h3 {
	font-size: 16px !important;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.page-id-478 .blog-text p {
	padding-top: 0;
	padding-bottom: 15px;
}
.page-id-478 .blog-text p > strong {
    display: block;
    margin-bottom: 0;
    margin-top: 15px;
}

.page-id-478 .blog-text strong {
	font-size: 16px !important;
	font-style: italic;
}

.page-id-478 .blog-text ul {
	margin-left: 25px;
}

.page-id-478 .blog-text ul li {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 6px;
}

ul.sidebar-nav li {
	list-style: square;
	list-style-position: outside;
    margin: 0 0 0 15px;
}

.page-big-image {
	width: 100%;
	max-width: 100%;
	min-height: 480px;
}

.wrapper-inner {
	width: 70% !important;
}

.caldera-grid .btn {
	letter-spacing: 1px;
}

.three-coulms .gallery-item-second, .three-coulms .grid-sizer-second {
    width: 33.333%;
}

#foogallery-gallery-692 {
	background: #fff !important;
	/*background: rgb(244, 244, 244) !important;*/
}

.mini-map {
	border: 8px solid #fff;
	max-width: 334px;
}

.foogallery .fg-caption {
	cursor: default !important;
}

#CF5b02f33f3a142_1-row-5 {
	display: non2e;
}

.captcha_code-wrapper {
	padding: 10px 0 20px;
}

.captcha_code-wrapper label {
	margin-right: 15px;
}

#captcha_code_img {
	margin-top: -3px;
	margin-left: -2px;
}

#captcha_code {
	height: 28px;
	text-align: center;
}

#captcha_hint {
	color: #cc3333;
	margin-top: 5px;
	display: none;
}

#fld_7908577_1 {
	color: #000;
	border: 1px solid #555;
}


@media (max-width: 1036px) {
	.nav-holder {
		position: fixed;
		top: 80px;
		left: 0;
		width: 100%;
		background: #fff;
		padding: 0;
		display: none;
		height: calc(100vh - 80px);
		overflow: hidden auto;
		padding-top: 15px;
	}
	
	nav li a {
		float: none;
	}

	nav > ul > li {
		margin-top: 10px;
	}

	.content-holder {
		background: #fff !important;
	}
}

@media only screen and (max-width: 1036px) {
	.nav-holder nav li ul {
		display: inline-block;
	}

	.wrapper-inner {
		width: 100% !important;
	}
	
	.fixed-column {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.single-portfolio .fixed-column {
		margin-top: 0;
		padding-top: 25px;
		padding-bottom: 25px;
		overflow: initial;
	}

	.fixed-column section {
		padding: 0;
	}
	
	.term-aktuelle-projekte .fixed-column,
	.term-denkmalpflege .fixed-column,
	.term-historische-gebaeude .fixed-column,
	.term-kirchen .fixed-column,
	.term-buerogebaeude .fixed-column,
	.term-schulen-und-kitas .fixed-column {
		padding: 40px 0;
		margin-top: 80px;
	}
	
	.horizontal-slider-holder {
		min-height: 600px;
	}
	
	.content.full-height.mm:not(.my-slider) {
		padding-top: 0 !important;
		max-height: 600px;
		margin-bottom: 40px;
	}
	.my-slider {
		max-height: 600px;
		overflow: hidden;
	}
	
	nav ul.sub-menu {
		margin: 6px 0 0 !important;
	}
	
	.p-all {
		padding-bottom: 40px;
	}
}

@media only screen and (max-width: 540px) {
	.grid-small-pad .grid-item-holder,
	.grid-big-pad .grid-item-holder {
		padding: 0 0 1px 0 !important;
	}
	
	h1.project-data-h1, 
	h2.project-data-h2 {
		font-size: 24px;
	}	
}

@media only screen and (max-width: 768px) {
	.mini-map {
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1036px) {
	.nav-holder {
		padding-left: 25px;
	}
}

@media (min-width: 1036px) {
	nav {
		top: 32px;
	}

	nav li ul {
		top: 26px;
	}

	nav li:hover > ul {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	nav li a {
		float: none;
		/*line-height: 2.5;*/
	}
	#menu-hauptnavigation > li > a {
		padding-left: 10px;
		padding-right: 30px;
	}
}