/*
Theme Name: Kalium - Child Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
/* braun #918978 */
:root {
  --NR-white: #fff;
  --brown: #918978;
  --brown-alpha: rgba(145, 137, 120, 0.8);
  --brown-dark: #918978;
  --cmplz_slider_inactive_color: #c4ada1;
  --cmplz_slider_active_color_NR: #00ff8a;
}
/* ----- get rid of underlines ----- */ /* Settings in K4 */
/* .wrapper a:after, footer.site-footer a:after {
    background-color: transparent !important;
} */

/* K3 */
  .header-logo.logo-text .logo-text {
  color: var(--brown-dark);
}
@media screen and (min-width: 769px) {
  .header-logo.logo-text .logo-text {
    font-size: 32px;
    font-weight: 300;
  }
}

/*----- startpage logo text menu  -----*/
/* .home .header-logo.logo-text.menu-skin-main .logo-text { */ /* K3 */
.home .header-logo.logo-text .logo-text,
.home a.header-logo.logo-text {
  color: #fff;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
/* .home .header-logo.logo-text.menu-skin-main .logo-text { */ /* K3 */
  .home .header-logo.logo-text .logo-text {
    font-size: 48px
  }
}

/* .home .toggle-bars.menu-skin-main .toggle-bars__bar-line { */ /* K3 */
  .home .toggle-bars .toggle-bars__bar-line {
  background-color: #fff;
}

/* ----- LAYOUT ----- */
/*.page .vc-container,
.page .container.default-margin {
  margin-top: 200px;
}
*/
.home .vc-container {
  position: absolute;
  top: 0;
}
/* ----- PAGE 100% batch ----- */
/* CMPLZ */

/* K4 removed */
/* .page .container.default-margin,
.cmplz-document .container.default-margin,
.cmplz-document .page-heading .container {
  width: 100% !important;
}
@media (min-width: 768px) {
  .page .container.default-margin,
  .cmplz-document .container.default-margin,
  .cmplz-document .page-heading .container {
  margin-left: 30px;
  margin-right: 30px;
  }
} */

/* pages VC */
.vc-row-container {
  margin-left: 0;
  margin-right: 0;
}
/* search-results */
@media (min-width: 768px) {
  .search-results .container,
  .vc-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 992px) {M
  .search-results .container {
    width: 970px;
  }
}
.search-results .container {
  width: calc(100% - 60px);
}

/* ---------------- */
/* ----- TYPO ----- */
body p {
  font-size: 18px;
  line-height: 150%;
}
h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .section-title {
  font-family: inherit !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
  color: var(--brown-dark) !important;
}
.h1, .h2, .h3, h1, h2, h3, .section-title {
  margin-top: 0;
  margin-bottom: 9.5px;
}

.h1, h1 {
  font-size: 32px !important;
}

/* ----- MENU RIGHT ALIGN ------ */
  .fullscreen-menu nav {
    /* border: 1px solid #f0F; */
    margin-top: 50px;
    text-align: right;
    width: 100%;
  }
  .fullscreen-menu nav ul {
    /* border: 1px solid rgb(0, 255, 183); */
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .fullscreen-menu nav {
    text-align: right;
    width: 100%;
}

@media screen and (min-width: 768px) {
  .fullscreen-menu nav {
    /* border: 1px solid #f0F; */
    margin-top: 100px;
  }
}




/* ------------------------------*/
/* @media screen and (max-width: 768px) {
  .fullscreen-menu nav {
    border: 1px solid #f0F;
    margin-top: 50px;
    text-align: right;
    width: 100%;
  }
  .fullscreen-menu nav ul {
    border: 1px solid rgb(0, 255, 183);
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
} */
/* Right align menu */
/* .fullscreen-menu nav {
    text-align: right;
    width: 100%;
} */
/* .fullscreen-menu nav ul {
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
} */
.fullscreen-menu nav ul.sub-menu {
  margin-top: 30px;
  display: flex;
  align-items: flex-end;
}


/* PORTFOLIO */
.portfolio-items .portfolio-item--type-2 :is(h1, h2, h3, h4, .link-text, .like-button) {
  --k-heading-color: #fff;
  --k-link-color: #fff;
}

/* portfolio lightbox */
.single-portfolio__type-lightbox {
  text-align: left;
}

/* CONTACT */
.wpb_wrapper .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h2 a,
.wpb_wrapper .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4 a {
  color: #000000;
  font-size: 32px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {
  padding-left: 20px !important;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
  left: 0 !important;
}
.vc_tta .vc_tta-controls-icon {
  height: 16px;
  width: 16px;
}
.imprint b {
  font-weight: 200 !important;
  text-transform: uppercase;
}
.wpb_wrapper .vc_tta-accordion .vc_tta-panel, .wpb_wrapper .wpb_accordion .wpb_accordion_section {
  background-color: #fff;
  margin-bottom: 10px;
}

/* ----- COMPLIANZ ----- */
.bottom-minimal {}
  #cmplz-document ul {
  list-style: none;
}
#cmplz-document p, #cmplz-document li, #cmplz-document td {
  font-size: 16px;
}
.cmplz-cookiebanner {
  margin: 0 !important;
  width: 100% !important;
}
.cmplz-cookiebanner > * {
	min-width: 0px;
}
.cmplz-cookiebanner .cmplz-body {
  justify-content: space-between;
}
.cmplz-cookiebanner .cmplz-links {
  flex-wrap: wrap;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  min-width: 150px !important;
  width: 100%;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
	color: #fff !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label::before {
	box-shadow: 0 0 0 2px var(--brown) !important;
}
.cmplz-cookiebanner.optin .cmplz-categories, .cmplz-cookiebanner.optout .cmplz-categories {
  width: 100% !important;
}
.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in {
  margin: 20px 0;
}
.cmplz-cookiebanner .cmplz-message {
	display: flex;
	align-items: center;
  margin-bottom: 0!important;
}
.cmplz-cookiebanner.cmplz-categories-visible .cmplz-message {
	display: flex;
	align-items: start;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label::before {
  background-color: var(--cmplz_slider_inactive_color);
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before {
  /* background-color: var(--cmplz_slider_active_color) !important; */
  background-color: var(--cmplz_slider_active_color_NR) !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {
  grid-template-columns: 1fr auto 15px !important;
}
.cmplz-cookiebanner {
  width: 100%;
  background-color: var(--brown-alpha)!important;
  /*background-color: rgba(145, 113, 92, 0.9) !important;*/
  padding: 15px 20px 25px 20px !important;
}
@media only screen and (min-width: 769px) {
  .cmplz-cookiebanner {
    padding: 15px 45px 25px 45px !important;
  }
}
@media only screen and (min-width: 1024px) {
	.cmplz-cookiebanner {
	  transform: translateX(-50%);
	  bottom: 0;
	  top: initial!important;
		max-height: calc(100vh - 20px)!important;
		position: fixed !important;
		height: auto !important;
		left: 50%;
		left: initial !important;
		transform: initial !important;
	}
	.cmplz-cookiebanner.optin .cmplz-categories, .cmplz-cookiebanner.optout .cmplz-categories {
	  width: 25vw !important;
	}
	.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in {
	  margin: 0;
	}
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
  background-color: rgba(239, 239, 239, 0.1) !important;
}
.cmplz-categories input[type="checkbox"], input[type="radio"] {
  border: 1px solid #222;
  /*background-color: rgba(0.5, 0.5, 0.5, 0.2);*/
	background-color: #e4e0d4;
}
.cmplz-categories input[type="checkbox"]::before, input[type="radio"]::before {
  background-color: #333;
}
.cmplz-document.cookie-statement {
	margin-top: 36px !important;
  margin-inline: unset !important;
}
.cmplz-icon {
  fill: var(--brown-dark);
}