.elementor-1073 .elementor-element.elementor-element-3a2ccc5c{--display:flex;--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;}.elementor-1073 .elementor-element.elementor-element-eaa8523{--display:flex;--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;}.elementor-1073 .elementor-element.elementor-element-395f8b9d{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1073 .elementor-element.elementor-element-371fcbe6.elementor-element{--align-self:center;}.elementor-1073 .elementor-element.elementor-element-3450f80f{--display:flex;--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:flex-end;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}@media(min-width:768px){.elementor-1073 .elementor-element.elementor-element-395f8b9d{--width:auto;}}@media(max-width:767px){.elementor-1073 .elementor-element.elementor-element-3a2ccc5c{--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:82px;--margin-left:0px;--margin-right:0px;}.elementor-1073 .elementor-element.elementor-element-395f8b9d{--width:auto;}}/* Start custom CSS for container, class: .elementor-element-3a2ccc5c *//* =========================================================
   MIRO Header (Fixed) – Elementor Widgets
   Klassen im JSON: .ml-header .ml-header__inner .ml-header__brand .ml-header__nav
   Buttons: .ml-btn / .ml-btn--primary (Wrapper-Klassen)
   ========================================================= */

:root{
  --ml-accent-rgb: var(--ml-accent-rgb, 3,176,195);
}

/* Outer fixed header */
.ml-header{
  position: fixed;
  z-index: 40;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: min(92rem, 92%);
  pointer-events: none;
}

/* inner layout row */
.ml-header__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  pointer-events: auto;
}

/* Brand “pill” */
.ml-header__brand{
  display: inline-flex;
  align-items: center;
  padding: .5rem .75rem;
  border-radius: 1rem;
}

/* falls soft-card noch nicht global existiert */
.soft-card{
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.06);
  backdrop-filter: saturate(140%) blur(6px);
}

/* Logo sizing */
.ml-header__logo img{
  height: clamp(80px, 6vw, 96px);
  width: auto;
  object-fit: contain;
  display: block;
}

/* Nav: nur ab Tablet sichtbar (wie Prototype) */
.ml-header__nav{
  display: none;
  gap: .5rem;
  align-items: center;
}

@media (min-width: 768px){
  .ml-header__nav{ display: flex; }

}

/* =========================================================
   Buttons (Elementor Button Widget)
   Wrapper-Klasse am Widget: ml-btn / ml-btn--primary
   ========================================================= */

.ml-btn .elementor-button{
  display: inline-flex;
  gap: .6rem;
  align-items: center;
  justify-content: center;

  padding: .8rem 1rem;
  border-radius: 14px;

  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));

  text-decoration: none;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.ml-btn .elementor-button:hover{
  box-shadow: 0 0 0 3px rgba(var(--ml-accent-rgb), .25);
}

.ml-btn .elementor-button:active{
  transform: translateY(1px);
}

.ml-btn.ml-btn--primary .elementor-button{
  background: linear-gradient(180deg, rgba(var(--ml-accent-rgb), .18), rgba(var(--ml-accent-rgb), .08));
  border-color: rgba(var(--ml-accent-rgb), .45);
}

/* Fokus sichtbar */
.ml-btn .elementor-button:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--ml-accent-rgb), .25);
}/* End custom CSS */