/*
|---------------------------------------------------------------
| indual CMS
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/*
|---------------------------------------------------------------
| indual CMS
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/*
|---------------------------------------------------------------
| indual CMS
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/* !@group design colors */
/* @end */
/* !@group fonts */
/* @end */
/* @group simple language */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group content elements */
/* @end */
/* !@group picture functions */
/* @end */
/* !@group accordeon */
/* @end */
/* !@group listing immo */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
body[class*=page_home].page_home_top_bottom .flex_wrap:has(.videos), body[class*=page_home].page_home_top_bottom .flex_wrap:has(.picture_top_home_full) {
  flex-flow: row;
  align-items: stretch;
  height: auto !important;
  position: relative;
}
body[class*=page_home].page_home_top_bottom .flex_wrap:has(.videos) > *, body[class*=page_home].page_home_top_bottom .flex_wrap:has(.picture_top_home_full) > * {
  flex: 1 0 100%;
}
body[class*=page_home].page_home_top_bottom .picture_top_home_full,
body[class*=page_home].page_home_top_bottom .videos {
  height: 100% !important;
  position: absolute;
  top: 0;
  left: var(--siteframe-space);
  width: calc(100% - var(--siteframe-space) * 2);
  height: 100%;
}
body[class*=page_home].page_home_top_bottom .picture_top_home_full:before,
body[class*=page_home].page_home_top_bottom .videos:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  display: block;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  z-index: 1;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
body[class*=page_home].page_home_top_bottom .videos video {
  max-height: 100%;
  min-height: calc(100vh - var(--header-height) - var(--siteframe-space));
}
body[class*=page_home].page_home_top_bottom .picture_top_home_full img {
  max-height: 100%;
  min-height: calc(100vh - var(--header-height) - var(--siteframe-space));
}
body[class*=page_home].page_home_top_bottom #content .content_inner:first-child {
  margin-top: 0;
  max-width: 100%;
}
body[class*=page_home].page_home_top_bottom #content .content_inner .text_wrap.flex_wrap {
  max-width: calc(var(--siteframe) + var(--siteframe-space) * 2);
  flex-flow: column;
  justify-content: center;
  height: auto;
  min-height: calc(100vh - var(--header-height) - var(--siteframe-space));
  position: relative;
  z-index: 2;
  gap: var(--size-35);
  padding: var(--siteframe-space);
  box-sizing: border-box;
  --text-color: #fff;
  --text-color-primary: #fff;
  --text-color-secondary: #fff;
  --primary-color: #fff;
  --primary-color-dark: rgba(255, 255, 255, 0.8);
  --primary-color-light: rgba(255, 255, 255, 0.4);
}
body[class*=page_home].page_home_top_bottom #content .content_inner .text_wrap.flex_wrap div.introduction {
  color: var(--text-color);
}
body[class*=page_home].page_home_top_bottom #content .content_inner .text_wrap.flex_wrap div.introduction:not(:last-child) {
  margin-bottom: var(--size-40);
}
body[class*=page_home].page_home_top_bottom #content .content_inner .text_wrap.flex_wrap > * {
  flex: unset;
  max-width: clamp(300px, 70vw, 700px);
}
body[class*=page_home].page_home_top_bottom #content .content_inner .text_wrap.flex_wrap .portlet {
  margin-top: var(--size-40);
}
body[class*=page_home].page_home_top_bottom #content .content_inner .text_wrap.flex_wrap .portlet a.portlet_content_link:not(.portlet_content_second_link) {
  color: #222222;
}
@media screen and (max-width: 500px) {
  body[class*=page_home].page_home_top_bottom #content .content_inner .text_wrap.flex_wrap {
    justify-content: flex-end;
  }
}/*# sourceMappingURL=Bild_oben_fullscreen.css.map */