.elementor-2996 .elementor-element.elementor-element-ba87916{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-ba87916:not(.elementor-motion-effects-element-type-background), .elementor-2996 .elementor-element.elementor-element-ba87916 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bluebrown.at/wp-content/uploads/2026/03/Home_BG-scaled-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2996 .elementor-element.elementor-element-53b413f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:55px;--padding-right:110px;}.elementor-2996 .elementor-element.elementor-element-c92a794{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-524f148{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-524f148.e-con{--align-self:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-2996 .elementor-element.elementor-element-c21c7b1 img{width:170px;}.elementor-2996 .elementor-element.elementor-element-613110f img{width:200px;}.elementor-2996 .elementor-element.elementor-element-686b9ff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:85px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-2996 .elementor-element.elementor-element-2266c58 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:100px;font-weight:normal;letter-spacing:-1px;word-spacing:0px;color:#213C3C;}.elementor-2996 .elementor-element.elementor-element-f58df09{--display:flex;}.elementor-2996 .elementor-element.elementor-element-84fb19c{--display:flex;}.elementor-2996 .elementor-element.elementor-element-94db3d1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-94db3d1.e-con{--align-self:flex-start;}.elementor-2996 .elementor-element.elementor-element-b246839 img{width:170px;}.elementor-2996 .elementor-element.elementor-element-e0c706d img{width:200px;}.elementor-2996 .elementor-element.elementor-element-fa7c08c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:85px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-806fdd5 .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:97px;font-weight:normal;letter-spacing:-1px;word-spacing:0px;color:#213C3C;}.elementor-2996 .elementor-element.elementor-element-dbdc6e5{--display:flex;}.elementor-2996 .elementor-element.elementor-element-a769ed8{--display:flex;}.elementor-2996 .elementor-element.elementor-element-1b8324a{--display:flex;}.elementor-2996 .elementor-element.elementor-element-a3b4442{--display:flex;}.elementor-2996 .elementor-element.elementor-element-194f52f .elementor-heading-title{font-family:"Futura", Sans-serif;font-size:97px;font-weight:normal;letter-spacing:-1px;word-spacing:0px;color:#213C3C;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2996 .elementor-element.elementor-element-dbdc6e5:not(.elementor-motion-effects-element-type-background), .elementor-2996 .elementor-element.elementor-element-dbdc6e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bluebrown.at/wp-content/uploads/2026/03/Home_BG-scaled-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2996 .elementor-element.elementor-element-dbdc6e5{--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-a769ed8{--min-height:100vh;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:120px;--padding-left:35px;--padding-right:35px;}.elementor-2996 .elementor-element.elementor-element-1b8324a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-a671a31 img{width:100px;}.elementor-2996 .elementor-element.elementor-element-27a42a2 img{width:170px;}.elementor-2996 .elementor-element.elementor-element-a3b4442{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-194f52f .elementor-heading-title{font-size:86px;}}@media(min-width:768px){.elementor-2996 .elementor-element.elementor-element-ba87916{--width:100%;}}@media(max-width:767px){.elementor-2996 .elementor-element.elementor-element-53b413f{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:20px;}.elementor-2996 .elementor-element.elementor-element-2266c58 .elementor-heading-title{font-size:89px;}.elementor-2996 .elementor-element.elementor-element-f58df09:not(.elementor-motion-effects-element-type-background), .elementor-2996 .elementor-element.elementor-element-f58df09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bluebrown.at/wp-content/uploads/2026/03/Home_BG-scaled-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2996 .elementor-element.elementor-element-f58df09{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-84fb19c{--min-height:100vh;--justify-content:space-between;--padding-top:30px;--padding-bottom:120px;--padding-left:30px;--padding-right:30px;}.elementor-2996 .elementor-element.elementor-element-94db3d1{--justify-content:space-between;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2996 .elementor-element.elementor-element-b246839 img{width:83px;}.elementor-2996 .elementor-element.elementor-element-e0c706d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 0px 0px 0px;}.elementor-2996 .elementor-element.elementor-element-e0c706d img{width:160px;}.elementor-2996 .elementor-element.elementor-element-fa7c08c{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2996 .elementor-element.elementor-element-fa7c08c.e-con{--align-self:flex-end;}.elementor-2996 .elementor-element.elementor-element-806fdd5 .elementor-heading-title{font-size:35px;line-height:1.1em;}.elementor-2996 .elementor-element.elementor-element-194f52f .elementor-heading-title{font-size:40px;}}/* Start custom CSS *//* ========================================
   TABLET HERO – WORKING SELECTOR (Seite)
   ======================================== */

.bb-hero-tablet .bb-tablet-hero-copy .elementor-heading-title{
  font-size: 82px !important;
  line-height: 1.05 !important;
}

/* Pill / Linie (Border) + etwas Optik-Finetuning */
.bb-hero-tablet .bb-tablet-hero-copy .bb-pill{
  border-width: 3.5px !important;   /* deine System-Logik: Pill-Border kräftiger */
  padding: 0.1em 0.35em 0 !important;
  line-height: 1 !important;
}

/* optional: italics sauber halten */
.bb-hero-headline em {
  font-family: "STIXGeneralBoldItalic", serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
}

/* ========================================
   headline perfektionierung
   ======================================== */

.bb-hero-tablet .bb-tablet-hero-copy em{
  font-family: "STIXGeneralBoldItalic", serif !important;
  font-style: italic !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.bb-hero-headline .bb-line {
  display: inline;
}
.bb-hero-headline .bb-pill {
  display: inline-block;
  margin-bottom: 0.1em;
}


/* ========================================
   desktop hintergrund morph
   ======================================== */

.cs-home-desktop {
  position: relative;
}

.cs-home-desktop .elementor-widget-html {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.cs-home-desktop .elementor-widget-html canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.cs-home-desktop .page-padding {
  position: relative;
  z-index: 2;
}


.cs-home-desktop .elementor-widget-html {
  pointer-events: none;
}

/* ========================================
   HOME HERO – SMALL DESKTOP / MOBILE FIX
   ======================================== */

/* 1) 13" / niedrige Desktop-Höhe */
@media (min-width: 1025px) and (max-height: 820px) {
  body.page-id-59 .bb-hero-headline .elementor-heading-title,
  body.page-id-2996 .bb-hero-headline .elementor-heading-title{
    font-size: 82px !important;
    line-height: 1.02 !important;
  }

  body.page-id-59 .bb-hero-headline .bb-pill,
  body.page-id-2996 .bb-hero-headline .bb-pill{
    border-width: 3px !important;
    padding: 0.08em 0.30em 0 !important;
  }
}

/* 2) Noch knapper / Fenster nicht voll geöffnet */
@media (min-width: 1025px) and (max-height: 760px) {
  body.page-id-59 .bb-hero-headline .elementor-heading-title,
  body.page-id-2996 .bb-hero-headline .elementor-heading-title{
    font-size: 74px !important;
    line-height: 1.01 !important;
  }

  body.page-id-59 .bb-hero-headline .bb-pill,
  body.page-id-2996 .bb-hero-headline .bb-pill{
    border-width: 2.8px !important;
    padding: 0.08em 0.28em 0 !important;
  }
}

/* 3) Breite 1366 nur dann, wenn genug Höhe da ist */
@media (min-width: 1025px) and (max-width: 1366px) and (min-height: 821px) {
  body.page-id-59 .bb-hero-headline .elementor-heading-title,
  body.page-id-2996 .bb-hero-headline .elementor-heading-title{
    font-size: 90px !important;
    line-height: 1.02 !important;
  }
}


/* ========================================
   MOBILE HERO – SAMSUNG / LOW HEIGHT FIX
   Mobile-Container: bb-hero-mobile
   Mobile-Heading:   bb-hero-copy
   ======================================== */

/* Standard mobile */
@media (max-width: 430px) {
  body.page-id-59 .bb-hero-mobile .bb-hero-copy,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy{
    font-size: 49px !important;
    line-height: 1.04 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-id-59 .bb-hero-mobile .bb-hero-copy .bb-pill,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy .bb-pill{
    border-width: 2px !important;
    padding: 0.08em 0.28em 0 !important;
  }
}

/* Schmale Geräte */
@media (max-width: 380px) {
  body.page-id-59 .bb-hero-mobile .bb-hero-copy,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy{
    font-size: 44px !important;
    line-height: 1.05 !important;
  }
}

/* Wenig echte Höhe */
@media (max-width: 430px) and (max-height: 620px) {
  body.page-id-59 .bb-hero-mobile .bb-hero-copy .elementor-heading-title,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy .elementor-heading-title{
    font-size: 42px !important;
    line-height: 1.03 !important;
  }

  body.page-id-59 .bb-hero-mobile .bb-hero-copy .bb-pill,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy .bb-pill{
    border-width: 1.8px !important;
    padding: 0.06em 0.24em 0 !important;
  }
}

/* Sehr wenig Höhe / Samsung mit viel Browser-UI */
@media (max-width: 430px) and (max-height: 590px) {
  body.page-id-59 .bb-hero-mobile .bb-hero-copy .elementor-heading-title,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy .elementor-heading-title{
    font-size: 38px !important;
    line-height: 1.02 !important;
  }

  body.page-id-59 .bb-hero-mobile .bb-hero-copy .bb-pill,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy .bb-pill{
    border-width: 1.6px !important;
    padding: 0.05em 0.20em 0 !important;
  }
}

/* Harter Notfall-Case */
@media (max-width: 430px) and (max-height: 560px) {
  body.page-id-59 .bb-hero-mobile .bb-hero-copy .elementor-heading-title,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy .elementor-heading-title{
    font-size: 34px !important;
    line-height: 1.01 !important;
  }

  body.page-id-59 .bb-hero-mobile .bb-hero-copy .bb-pill,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy .bb-pill{
    border-width: 1.5px !important;
    padding: 0.05em 0.18em 0 !important;
  }
}

/* SAFARI – LOW HEIGHT POSITION FIX */
@media (max-width: 430px) and (max-height: 620px) {
  body.page-id-59 .bb-hero-mobile .bb-hero-copy,
  body.page-id-2996 .bb-hero-mobile .bb-hero-copy{
    transform: translateY(-95px);
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.bluebrown.at/wp-content/uploads/2026/01/Futura_medium.woff2') format('woff2'),
		url('https://www.bluebrown.at/wp-content/uploads/2026/01/Futura_medium.woff') format('woff');
}
@font-face {
	font-family: 'Futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */