.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */
/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

:root {
  --ap-page-width: 1280px;
  --ap-page-width-half: 640px;
  --ap-page-width-down: 1279px;
  --ap-page-width-padding: 1250px;
  --ap-bp-s: 480px;
  --ap-bp-s-half: 240px;
  --ap-bp-s-down: 479px;
  --ap-bp-m: 768px;
  --ap-bp-m-half: 384px;
  --ap-bp-m-down: 767px;
  --ap-bp-l: 992px;
  --ap-bp-l-half: 496px;
  --ap-bp-l-down: 991px;
  --admin-bar: 0px;
  --logo-height: 100%;
  --header-height: 150px;
}

/*
    @media (min-width: $ap-bp-s) {
    	// min-s | is | mins 
    }
    
    @media (min-width: $ap-bp-m) {
    	// min-m | im | minm
    }
    
    @media (min-width: $ap-bp-l) {
    	// min-l | il | minl
    }
    
    @media (min-width: $ap-page-width) {
    	// min-xl | ix | minxl
    }
    
    // ===== 
    
    @media (max-width: $ap-page-width) {
    	// max-xl | ax | maxxl
    }
    
    @media (max-width: $ap-bp-l) {
    	// max-l | al | maxl
    }
    
    @media (max-width: $ap-bp-m) {
    	// max-m | am | maxm
    }
    
    @media (max-width: $ap-bp-s) {
    	// max-s | as | maxs
    }
*/

/*= General =================== */

/** General >> main **/
body #menu-main-menu {
  position: relative;
  z-index: 99;
}

body #main-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-property: left, width;
  -o-transition-property: left, width;
  -o-transition-property: left, width;
  -moz-transition-property: left, width;
  -webkit-transition-property: left, width;
  transition-property: left, width;
  background: var(--secondary);
}

body #main-header {
  width: 100%;
}

@media (max-width: 1279px) {
  body #main-header nav {
    display: none;
  }
}

@media (min-width: 1280px) {
  body #main-header [id*="burger-trigger"] {
    display: none;
  }
}

body #main-hero-wrapper {
  height: 100vh;
}

body div[id*="inner_content"].ct-inner-content {
  width: 100%;
  max-width: var(--ap-page-width);
  margin: auto;
  padding: var(--space-xxl) 15px;
}

body div[id*="inner_content"].ct-inner-content .ct-section {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
}

/** General >> DSGVO / Borlabs **/
body #BorlabsCookieBox ._brlbs-btn {
  background: var(--shade) !important;
  color: #fff;
}

body #BorlabsCookieBox ._brlbs-btn:hover {
  background: var(--shade-hover) !important;
}

body #BorlabsCookieBox ._brlbs-btn._brlbs-btn-accept-all {
  background: var(--primary) !important;
  color: var(--shade-ultra-dark) !important;
}

body #BorlabsCookieBox ._brlbs-btn._brlbs-btn-accept-all:hover {
  background: var(--primary-hover) !important;
}

@media (min-width: 768px) {
  body #BorlabsCookieBox ._brlbs-box-plus-wrap ._brlbs-button-area [class*="-btn"] a {
    font-size: var(--text-s);
  }
}

body #BorlabsCookieBox ._brlbs-box-plus-wrap ._brlbs-button-area [class*="col"] {
  padding-left: calc(var(--space-s) / 2);
  padding-right: calc(var(--space-s) / 2);
  margin-bottom: 5px;
}

body #BorlabsCookieBox ._brlbs-box-plus-wrap ._brlbs-button-area .col-12:nth-child(3),
body #BorlabsCookieBox ._brlbs-box-plus-wrap ._brlbs-button-area .col-12:nth-child(4) {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 767px) {
  body #BorlabsCookieBox ._brlbs-box-plus-wrap ._brlbs-button-area .col-12:nth-child(3),
  body #BorlabsCookieBox ._brlbs-box-plus-wrap ._brlbs-button-area .col-12:nth-child(4) {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

body #BorlabsCookieBox ._brlbs-box-plus-wrap ._brlbs-button-area .col-12:nth-child(3) a,
body #BorlabsCookieBox ._brlbs-box-plus-wrap ._brlbs-button-area .col-12:nth-child(4) a {
  padding-bottom: var(--space-xs);
  padding-top: var(--space-xs);
}


/*= Content =================== */

/** Content >> ap-classes **/
body .ap-width-80-m {
  width: 100%;
}

@media (min-width: 768px) {
  body .ap-width-80-m {
    width: 80%;
  }
}

body .ap-width-60-m {
  width: 100%;
}

@media (min-width: 768px) {
  body .ap-width-60-m {
    width: 60%;
  }
}

body .ap-width-40-m {
  width: 100%;
}

@media (min-width: 768px) {
  body .ap-width-40-m {
    width: 40%;
  }
}

body .ap-height-100 {
  height: 100%;
}

body .ap-height-100-depth-2 {
  height: 100%;
}

body .ap-height-100-depth-2 > * {
  height: 100%;
}

body .ap-height-100-depth-2 > * > * {
  height: 100%;
}

body .ap-height-100-depth-3 {
  height: 100%;
}

body .ap-height-100-depth-3 > * {
  height: 100%;
}

body .ap-height-100-depth-3 > * > * {
  height: 100%;
}

body .ap-height-100-depth-3 > * > * > * {
  height: 100%;
}

body .ap-height-100-depth-3-only-first-child {
  height: 100%;
}

body .ap-height-100-depth-3-only-first-child > * {
  height: 100%;
}

body .ap-height-100-depth-3-only-first-child > * > *:nth-child(1) {
  height: 100%;
}

body .ap-height-100-depth-3-only-first-child > * > *:nth-child(1) > *:nth-child(1) {
  height: 100%;
}

body .ap_repeater_col_2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 2rem;
  column-gap: 2rem;
}

body .ap_repeater_col_2 .oxel_accordion {
  -webkit-flex: 0 0 calc(50% - 2rem);
  flex: 0 0 calc(50% - 2rem);
}

body .ap_repeater_col_2 .oxel_accordion__row:not(.oxel_accordion__row--active) {
  height: 100%;
}

/** Content >> wv_card **/
body .wv_card svg {
  width: 25px;
  margin-right: var(--space-s);
  padding: .5rem;
  background: grey;
  border-radius: 100%;
}

body .wv_card_value_no svg {
  background: #e58484;
}

body .wv_card_value_no .wv_card_label {
  opacity: .5;
}

body .wv_card_value_yes svg {
  background: #84e587;
}

body .wv_card_title {
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  position: relative;
}

body .wv_card_title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: rgba(128, 128, 128, 0.5);
}

body .wv_card_single {
  padding: var(--space-m) calc(var(--space-m) / 2);
}

body .wv_card_single .wv_card_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: calc(var(--space-m) / 2);
  padding-right: calc(var(--space-m) / 2);
  -webkit-align-items: center;
  align-items: center;
}

body .wv_card_single .wv_card_row:nth-child(1) {
  -webkit-justify-content: center;
  justify-content: center;
}

body .wv_card_single .wv_card_row:nth-child(2) {
  text-align: center;
}

body .wv_card_single .wv_card_row.wv_card_column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

body .wv_card_single .wv_card_row + .wv_card_row:not(.wv_card_reverse):not(.wv_card_column) {
  padding-top: .85rem;
  padding-bottom: .85rem;
  position: relative;
}

body .wv_card_single .wv_card_row + .wv_card_row:not(.wv_card_reverse):not(.wv_card_column):before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: rgba(128, 128, 128, 0.5);
}

body .wv_card_single .wv_card_price {
  margin-bottom: 1.6rem;
}

body .wv_card_single .wv_contain_svg .wv_card_value {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

body .wv_card_label {
  font-size: calc(var(--text-m) / 1.5);
  font-weight: bold;
}

body .wv_card_big_label .wv_card_label,
body .wv_card_big_value .wv_card_value {
  font-size: var(--text-l);
}

body .wv_card_strong_value .wv_card_value {
  font-weight: bold;
}

body .wv_card.text--white path {
  fill: white;
}

body .wv_card.optimierung .wv_card_title {
  text-align: center;
}

/** Content >> overrides **/
body [class*="grid--"].breakout--l:not(.ct-section) {
  width: 80vw;
}