.elementor-11 .elementor-element.elementor-element-ac33500{--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;--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-11 .elementor-element.elementor-element-084f0ff{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-084f0ff *//* Hard lock: no scroll anywhere */
html, body{
  height: 100%;
  margin: 0;
  overflow: hidden; /* disables scrolling */
}

/* Coming Soon block */
.cs-page,
.cs-page *{
  font-family: 'Montserrat', sans-serif !important;
}

/* Full viewport wrapper + sticky footer layout */
.cs-page{
  height: 100vh;     /* fallback */
  height: 100dvh;    /* better on mobile browser UI */
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  background-color: #ededed;
}

/* Background overlays */
.cs-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index: 0;
  background-image: url("https://alsaado-innenausbau.de/wp-content/uploads/2026/01/backgrounalsaado.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.3;
  pointer-events: none;
}

.cs-page::after{
  content:"";
  position:absolute;
  inset:0;
  z-index: 0;
  background: rgba(237,237,237,0.35);
  pointer-events: none;
}

/* Center the main content, but keep it inside the viewport */
.cs-content{
  flex: 1 1 auto;
  min-height: 0;     /* prevents flex overflow from forcing scroll */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Content above overlays */
.cs-container{
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 850px;
  padding: 32px 20px;
}

.cs-logo{
  width: clamp(220px, 70vw, 520px);
  height: auto;
  max-height: 160px;
  display: block;
  margin: 0 auto 2rem;
}

.cs-main{
  color:#0d57a6;
  font-weight:400;
  font-size: clamp(1.25rem, 3vw, 1.8rem);
  line-height:1.5;
  margin-bottom: 1.1rem;
}
.cs-bold{ font-weight:700; }

.cs-social{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 1.4rem;
  flex-wrap: wrap;
}

.cs-icon-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0d57a6;
  text-decoration: none;
}

.cs-icon{
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.cs-handle{
  color: #181c39;
  font-weight: 500;
  font-size: clamp(1.05rem, 3.2vw, 1.45rem);
  letter-spacing: 0.5px;
  opacity: 0.85;
}

.cs-phones{
  font-weight:700;
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height:1.45;
  margin-bottom: 0.8rem;
}

.cs-phones .cs-label{
  color:#0d57a6;
  font-weight:700;
}

.cs-phones .cs-number{
  color:#181c39;
  font-weight:700;
}

.cs-email{
  color:#181c39;
  font-weight:700;
  font-size: clamp(0.98rem, 2.8vw, 1.15rem);
  text-decoration:none;
  display:inline-block;
}
.cs-email:hover{ text-decoration: underline; }

/* Footer: blue background + bold link */
.cs-footer{
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 100%;
  padding: 16px 14px;
  text-align: center;
  font-size: 14px;
  background-color: #0d57a6;
  color: #ffffff;
}

.cs-footer a{
  color: #ffffff;
  font-weight: 700;            /* bold link */
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Mobile tweaks: reduce vertical spacing to avoid clipping */
@media (max-width: 680px){
  .cs-container{ padding: 22px 14px; }
  .cs-page::after{ background: rgba(237,237,237,0.50); }

  .cs-logo{
    margin-bottom: 1.4rem;
    transform: translateY(-10px);
  }

  .cs-social{ margin-bottom: 1.1rem; }
}/* End custom CSS */