
#aub-root{
  --aub-shadow:0 18px 50px rgba(17,37,56,.20);
  position:fixed !important;
  bottom:22px !important;
  z-index:999999 !important;
  font-family:var(--aub-font,inherit) !important;
  font-size:var(--aub-base-size,14px) !important;
  color:var(--aub-bot-text,#1f2a35) !important;
  line-height:1.45 !important;
  pointer-events:none !important;
  box-sizing:border-box !important;
}
#aub-root *,#aub-root *::before,#aub-root *::after{box-sizing:border-box !important}
#aub-root.aub-right{right:var(--aub-edge-offset,190px) !important}
#aub-root.aub-left{left:var(--aub-edge-offset,190px) !important}

#aub-root .aub-launcher{
  appearance:none !important;
  -webkit-appearance:none !important;
  pointer-events:auto !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--aub-launcher-bg,#0b2f5b) !important;
  color:var(--aub-launcher-text,#fff) !important;
  min-height:52px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  box-shadow:0 10px 26px rgba(23,50,77,.28) !important;
  cursor:pointer !important;
  font:700 var(--aub-base-size,14px)/1.2 var(--aub-font,inherit) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease !important;
}
#aub-root .aub-launcher:hover{transform:translateY(-1px) !important;filter:brightness(.94) !important}
#aub-root .aub-launcher-icon{font-size:20px !important;line-height:1 !important}

#aub-root .aub-panel{
  pointer-events:auto !important;
  width:min(var(--aub-panel-width,380px),calc(100vw - 28px)) !important;
  height:min(620px,calc(100vh - 110px)) !important;
  margin:0 0 12px 0 !important;
  padding:0 !important;
  background:#fff !important;
  border:1px solid rgba(23,50,77,.10) !important;
  border-radius:var(--aub-radius,18px) !important;
  box-shadow:var(--aub-shadow) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  animation:aubIn .2s ease-out !important;
}
#aub-root .aub-panel[hidden]{display:none !important}
@keyframes aubIn{
  from{opacity:0;transform:translateY(10px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

#aub-root .aub-header{
  min-height:96px !important;
  margin:0 !important;
  padding:14px 14px 13px 16px !important;
  background:var(--aub-header-bg,#0b2f5b) !important;
  color:var(--aub-header-text,#fff) !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
}
#aub-root .aub-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}
#aub-root .aub-logo{
  display:block !important;
  width:var(--aub-logo-width,176px) !important;
  max-width:calc(100% - 42px) !important;
  height:auto !important;
  max-height:56px !important;
  object-fit:contain !important;
  object-position:left center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  margin:0 !important;
  padding:0 !important;
}
#aub-root .aub-title{
  display:block !important;
  color:var(--aub-header-text,#fff) !important;
  font:700 var(--aub-title-size,15px)/1.25 var(--aub-font,inherit) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:165px !important;
}

#aub-root .aub-brand-subtitle{
  display:block !important;
  color:var(--aub-header-text,#fff) !important;
  font:500 12.5px/1.25 var(--aub-font,inherit) !important;
  letter-spacing:.35px !important;
  opacity:.86 !important;
  margin:0 !important;
  padding:0 !important;
}

#aub-root .aub-status{
  display:block !important;
  color:var(--aub-header-text,#fff) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  opacity:.78 !important;
  margin-top:3px !important;
}
#aub-root .aub-close{
  appearance:none !important;
  border:0 !important;background:transparent !important;color:var(--aub-header-text,#fff) !important;
  font:400 28px/1 Arial,sans-serif !important;text-transform:none !important;letter-spacing:0 !important;
  width:36px !important;height:36px !important;padding:0 !important;margin:0 !important;border-radius:50% !important;cursor:pointer !important;
}
#aub-root .aub-close:hover{background:rgba(255,255,255,.10) !important}

#aub-root .aub-messages{
  flex:1 1 auto !important;
  overflow-y:auto !important;
  min-height:120px !important;
  padding:18px 16px 8px !important;
  margin:0 !important;
  background:linear-gradient(#fbfaf7,#fff 40%) !important;
}
#aub-root .aub-msg{
  display:block !important;
  width:auto !important;
  max-width:86% !important;
  margin:0 0 10px 0 !important;
  padding:11px 13px !important;
  border-radius:15px !important;
  font:400 var(--aub-base-size,14px)/1.45 var(--aub-font,inherit) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  white-space:pre-wrap !important;
  word-wrap:break-word !important;
  box-shadow:none !important;
}
#aub-root .aub-bot{
  background:var(--aub-bot-bg,#f4efe5) !important;
  color:var(--aub-bot-text,#1f2a35) !important;
  border:1px solid rgba(0,0,0,.05) !important;
  border-bottom-left-radius:5px !important;
}
#aub-root .aub-user{
  margin-left:auto !important;
  background:var(--aub-user-bg,#0b2f5b) !important;
  color:var(--aub-user-text,#fff) !important;
  border-bottom-right-radius:5px !important;
}

#aub-root .aub-contact{
  display:inline-flex !important;
  width:auto !important;
  margin:4px 0 12px !important;
  padding:9px 12px !important;
  border-radius:10px !important;
  text-decoration:none !important;
  background:#fff !important;
  color:var(--aub-header-bg,#0b2f5b) !important;
  border:1px solid rgba(23,50,77,.20) !important;
  font:700 13px/1.2 var(--aub-font,inherit) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
#aub-root .aub-contact:hover{background:#f8fafc !important}

#aub-root .aub-quick{
  padding:8px 12px 12px !important;
  margin:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  max-height:150px !important;
  overflow-y:auto !important;
  border-top:1px solid #f0f1f2 !important;
  background:#fff !important;
}
#aub-root .aub-chip{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  border:1px solid var(--aub-quick-border,#cbd5df) !important;
  background:var(--aub-quick-bg,#fff) !important;
  color:var(--aub-quick-text,#0b2f5b) !important;
  border-radius:999px !important;
  padding:8px 11px !important;
  box-shadow:none !important;
  font:700 12.5px/1.2 var(--aub-font,inherit) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
}
#aub-root .aub-chip:hover{
  background:var(--aub-header-bg,#0b2f5b) !important;
  color:var(--aub-header-text,#fff) !important;
  border-color:var(--aub-header-bg,#0b2f5b) !important;
}

#aub-root .aub-form{
  border-top:1px solid #e4e7eb !important;
  padding:10px !important;
  margin:0 !important;
  display:flex !important;
  gap:8px !important;
  background:#fff !important;
}
#aub-root .aub-form input#aub-input{
  appearance:none !important;
  min-width:0 !important;
  flex:1 1 auto !important;
  width:auto !important;
  height:44px !important;
  margin:0 !important;
  border:1px solid #ccd2d8 !important;
  border-radius:12px !important;
  padding:0 13px !important;
  background:var(--aub-input-bg,#fff) !important;
  color:var(--aub-input-text,#1f2a35) !important;
  box-shadow:none !important;
  font:400 var(--aub-base-size,14px)/1.2 var(--aub-font,inherit) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
#aub-root .aub-form input#aub-input::placeholder{color:#7a838d !important;opacity:1 !important}
#aub-root .aub-form input#aub-input:focus{
  outline:none !important;
  border-color:var(--aub-accent,#caa53a) !important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--aub-accent,#caa53a) 18%,transparent) !important;
}
#aub-root .aub-send{
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:0 0 44px !important;
  width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;
  margin:0 !important;padding:0 !important;
  border-radius:12px !important;border:0 !important;
  background:var(--aub-accent,#caa53a) !important;
  color:#fff !important;
  box-shadow:none !important;
  font:400 18px/1 Arial,sans-serif !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
}
#aub-root .aub-send:hover{filter:brightness(.94) !important}

#aub-root .aub-launcher:focus-visible,
#aub-root .aub-close:focus-visible,
#aub-root .aub-send:focus-visible,
#aub-root .aub-chip:focus-visible,
#aub-root .aub-contact:focus-visible{
  outline:3px solid rgba(202,165,58,.38) !important;
  outline-offset:2px !important;
}

@media (min-width:601px) and (max-width:1024px){
  #aub-root{bottom:var(--aub-tablet-bottom,100px) !important;}
  #aub-root.aub-tablet-left{left:18px !important;right:auto !important;transform:none !important;}
  #aub-root.aub-tablet-right{right:18px !important;left:auto !important;transform:none !important;}
  #aub-root.aub-tablet-center{left:50% !important;right:auto !important;transform:translateX(-50%) !important;}
  #aub-root .aub-panel{width:min(var(--aub-panel-width,380px),calc(100vw - 36px)) !important;height:min(70vh,620px) !important;}
}

@media (max-width:600px){
  #aub-root{bottom:var(--aub-phone-bottom,100px) !important;}
  #aub-root.aub-phone-left{left:14px !important;right:auto !important;transform:none !important;}
  #aub-root.aub-phone-right{right:14px !important;left:auto !important;transform:none !important;}
  #aub-root.aub-phone-center{left:50% !important;right:auto !important;transform:translateX(-50%) !important;}
  #aub-root .aub-panel{width:calc(100vw - 28px) !important;height:min(72vh,620px) !important;border-radius:min(var(--aub-radius,18px),18px) !important;}
  #aub-root .aub-launcher-text{display:inline !important;}
  #aub-root .aub-launcher{width:auto !important;height:50px !important;min-width:0 !important;min-height:50px !important;padding:0 16px !important;}
  #aub-root .aub-launcher-icon{font-size:20px !important;}
}


/* Version 1.5: kompakter runder Button auf erlaubten Unterseiten */
#aub-root.aub-launcher-circle .aub-launcher{
  width:52px !important;
  min-width:52px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 !important;
  border-radius:50% !important;
}
#aub-root.aub-launcher-circle .aub-launcher-text{
  display:none !important;
}
#aub-root.aub-launcher-circle .aub-launcher-icon{
  font-size:21px !important;
}
@media (max-width:1024px){
  #aub-root.aub-launcher-circle .aub-launcher{
    width:52px !important;
    min-width:52px !important;
    height:52px !important;
    min-height:52px !important;
    padding:0 !important;
  }
  #aub-root.aub-launcher-circle .aub-launcher-text{
    display:none !important;
  }
}


/* Version 1.6: horizontales Markenlogo */
@media (max-width:600px){
  #aub-root .aub-logo{
    width:min(var(--aub-logo-width,118px),105px) !important;
    max-width:105px !important;
    max-height:34px !important;
  }
  #aub-root .aub-brand{gap:8px !important;}
  #aub-root .aub-title{max-width:145px !important;font-size:min(var(--aub-title-size,15px),14px) !important;}
}


/* Version 1.7: hochwertiger Marken-Kopf mit großem horizontalem Logo */
#aub-root .aub-brand-has-logo .aub-title,
#aub-root .aub-brand-has-logo .aub-status{
  display:none !important;
}

@media (min-width:601px) and (max-width:1024px){
  #aub-root .aub-header{
    min-height:92px !important;
  }
  #aub-root .aub-logo{
    width:min(var(--aub-logo-width,176px),165px) !important;
    max-width:165px !important;
    max-height:52px !important;
  }
  #aub-root .aub-brand-subtitle{
    font-size:12px !important;
  }
}

@media (max-width:600px){
  #aub-root .aub-header{
    min-height:88px !important;
    padding:12px 12px 11px 14px !important;
  }
  #aub-root .aub-logo{
    width:min(var(--aub-logo-width,176px),150px) !important;
    max-width:150px !important;
    max-height:48px !important;
  }
  #aub-root .aub-brand-subtitle{
    font-size:11.5px !important;
    letter-spacing:.25px !important;
  }
}

/* Version 1.8: zentrierter Premium-Marken-Kopf */
#aub-root .aub-header{
  position:relative !important;
  min-height:108px !important;
  padding:15px 48px 14px !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

#aub-root .aub-brand{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  text-align:center !important;
}

#aub-root .aub-logo{
  width:var(--aub-logo-width,185px) !important;
  max-width:220px !important;
  max-height:60px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}

#aub-root .aub-brand-subtitle{
  width:100% !important;
  text-align:center !important;
  margin:1px 0 0 !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
  letter-spacing:.35px !important;
  opacity:.88 !important;
}

#aub-root .aub-title{
  width:100% !important;
  text-align:center !important;
  margin:0 !important;
}

#aub-root .aub-close{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:3 !important;
}

@media (min-width:601px) and (max-width:1024px){
  #aub-root .aub-header{
    min-height:102px !important;
    padding:14px 44px 13px !important;
  }

  #aub-root .aub-logo{
    width:min(var(--aub-logo-width,185px),175px) !important;
    max-width:175px !important;
    max-height:56px !important;
  }

  #aub-root .aub-brand-subtitle{
    font-size:12px !important;
  }
}

@media (max-width:600px){
  #aub-root .aub-header{
    min-height:94px !important;
    padding:12px 42px 11px !important;
  }

  #aub-root .aub-logo{
    width:min(var(--aub-logo-width,185px),158px) !important;
    max-width:158px !important;
    max-height:50px !important;
  }

  #aub-root .aub-brand-subtitle{
    font-size:11.5px !important;
    letter-spacing:.25px !important;
  }

  #aub-root .aub-close{
    top:8px !important;
    right:8px !important;
  }
}



/* Version 1.9: Premium-Beratungskarten + Social-Media-Fußzeile */
#aub-root .aub-panel{
  height:auto !important;
  max-height:min(720px,calc(100vh - 110px)) !important;
}
#aub-root .aub-messages{
  flex:0 1 auto !important;
  min-height:0 !important;
  max-height:170px !important;
  padding:16px 16px 8px !important;
}
#aub-root .aub-quick{
  padding:10px 12px 12px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  max-height:250px !important;
  overflow-y:auto !important;
  background:#fff !important;
}
#aub-root .aub-chip{display:none !important;}
#aub-root .aub-card-button{
  appearance:none !important;
  width:100% !important;
  min-height:68px !important;
  margin:0 !important;
  padding:10px 9px !important;
  border:1px solid var(--aub-quick-border,#cbd5df) !important;
  border-radius:13px !important;
  background:var(--aub-quick-bg,#fff) !important;
  color:var(--aub-quick-text,#0b2f5b) !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 14px !important;
  align-items:center !important;
  gap:8px !important;
  text-align:left !important;
  box-shadow:0 3px 12px rgba(17,37,56,.035) !important;
  cursor:pointer !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease !important;
}
#aub-root .aub-card-button:hover,
#aub-root .aub-card-button:focus-visible{
  transform:translateY(-1px) !important;
  background:var(--aub-quick-hover-bg,#eef5fb) !important;
  border-color:#b7ccdf !important;
  box-shadow:0 8px 20px rgba(17,50,82,.10) !important;
}

#aub-root .aub-card-button:hover .aub-card-copy strong,
#aub-root .aub-card-button:focus-visible .aub-card-copy strong{
  color:#082b52 !important;
}

#aub-root .aub-card-button:hover .aub-card-icon,
#aub-root .aub-card-button:focus-visible .aub-card-icon{
  color:var(--aub-accent,#caa53a) !important;
  transform:scale(1.04) !important;
}

#aub-root .aub-card-button:hover .aub-card-arrow,
#aub-root .aub-card-button:focus-visible .aub-card-arrow{
  transform:translateX(2px) !important;
  color:#082b52 !important;
}

#aub-root .aub-card-icon,
#aub-root .aub-card-arrow{
  transition:transform .16s ease,color .16s ease !important;
}

#aub-root .aub-card-button:active{
  transform:translateY(0) scale(.995) !important;
  background:var(--aub-quick-hover-bg,#eef5fb) !important;
}
#aub-root .aub-card-icon{
  width:32px !important;height:32px !important;display:grid !important;place-items:center !important;
  color:var(--aub-accent,#caa53a) !important;
}
#aub-root .aub-card-icon svg{width:29px !important;height:29px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.8 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
#aub-root .aub-card-copy{display:flex !important;flex-direction:column !important;min-width:0 !important;gap:2px !important;}
#aub-root .aub-card-copy strong{font:700 12.7px/1.2 var(--aub-font,inherit) !important;color:var(--aub-quick-text,#0b2f5b) !important;}
#aub-root .aub-card-copy span{font:400 10.7px/1.2 var(--aub-font,inherit) !important;color:#687382 !important;}
#aub-root .aub-card-arrow{font:400 24px/1 Arial,sans-serif !important;color:var(--aub-quick-text,#0b2f5b) !important;opacity:.9 !important;}

#aub-root .aub-atelier-card{
  margin:0 12px 10px !important;padding:9px 10px !important;border:1px solid #dfe4ea !important;border-radius:13px !important;
  display:grid !important;grid-template-columns:52px minmax(0,1fr) 16px !important;gap:10px !important;align-items:center !important;
  background:linear-gradient(135deg,#fbfcfd,#f6f8fa) !important;color:#0b2f5b !important;
}
#aub-root .aub-atelier-thumb{width:52px !important;height:40px !important;border-radius:9px !important;background:#f4efe5 !important;display:grid !important;place-items:center !important;overflow:hidden !important;}
#aub-root .aub-atelier-thumb svg{width:46px !important;height:34px !important;fill:none !important;stroke:var(--aub-accent,#caa53a) !important;stroke-width:1.6 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
#aub-root .aub-atelier-copy{display:flex !important;flex-direction:column !important;gap:2px !important;min-width:0 !important;}
#aub-root .aub-atelier-copy strong{font:700 12.7px/1.2 var(--aub-font,inherit) !important;color:#0b2f5b !important;}
#aub-root .aub-atelier-copy span{font:400 10.8px/1.25 var(--aub-font,inherit) !important;color:#687382 !important;}
#aub-root .aub-atelier-arrow{font:400 25px/1 Arial,sans-serif !important;color:#0b2f5b !important;}

#aub-root .aub-social-footer{padding:9px 14px 13px !important;background:#fff !important;border-top:1px solid #f0f1f2 !important;}
#aub-root .aub-social-title{display:flex !important;align-items:center !important;gap:8px !important;justify-content:center !important;color:#495565 !important;font:600 10.5px/1.2 var(--aub-font,inherit) !important;margin:0 0 8px !important;}
#aub-root .aub-social-title span{height:1px !important;background:color-mix(in srgb,var(--aub-accent,#caa53a) 55%,#e6e8eb) !important;flex:1 !important;}
#aub-root .aub-social-links{display:flex !important;justify-content:center !important;gap:18px !important;align-items:flex-start !important;flex-wrap:wrap !important;}
#aub-root .aub-social-link{display:flex !important;flex-direction:column !important;align-items:center !important;gap:4px !important;color:#0b2f5b !important;text-decoration:none !important;font:600 9.5px/1.1 var(--aub-font,inherit) !important;min-width:44px !important;}
#aub-root .aub-social-icon{width:27px !important;height:27px !important;display:grid !important;place-items:center !important;}
#aub-root .aub-social-icon svg{width:25px !important;height:25px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.7 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
#aub-root .aub-social-facebook .aub-social-icon svg path{fill:currentColor !important;stroke:none !important;}
#aub-root .aub-social-youtube .aub-social-icon svg .aub-social-fill{fill:currentColor !important;stroke:none !important;}
#aub-root .aub-social-link:hover{color:var(--aub-accent,#caa53a) !important;}

@media (max-width:410px){
  #aub-root .aub-quick{grid-template-columns:1fr !important;max-height:270px !important;}
  #aub-root .aub-card-button{min-height:58px !important;}
  #aub-root .aub-social-label{display:none !important;}
  #aub-root .aub-social-links{gap:22px !important;}
}


/* Version 1.10: dezenter Interaktions-Hover */
#aub-root .aub-atelier-card{
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease !important;
}
#aub-root .aub-atelier-card:hover{
  background:#f5f9fc !important;
  border-color:#c4d6e5 !important;
  box-shadow:0 7px 18px rgba(17,50,82,.07) !important;
  transform:translateY(-1px) !important;
}


/* Version 1.11: Atelier-Bereich als auf-/zuklappbares Akkordeon */
#aub-root button.aub-atelier-card{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:calc(100% - 24px) !important;
  border:1px solid #dfe4ea !important;
  font-family:var(--aub-font,inherit) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  text-align:left !important;
}

#aub-root button.aub-atelier-card:hover,
#aub-root button.aub-atelier-card:focus-visible{
  background:#f5f9fc !important;
  border-color:#c4d6e5 !important;
  box-shadow:0 7px 18px rgba(17,50,82,.07) !important;
  transform:translateY(-1px) !important;
}

#aub-root button.aub-atelier-card:focus-visible{
  outline:3px solid rgba(202,165,58,.28) !important;
  outline-offset:2px !important;
}

#aub-root .aub-atelier-arrow{
  transition:transform .18s ease,color .18s ease !important;
  transform-origin:center center !important;
}

#aub-root .aub-atelier-card.is-open{
  background:#f5f9fc !important;
  border-color:#c4d6e5 !important;
  margin-bottom:0 !important;
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-arrow{
  transform:rotate(90deg) !important;
}

#aub-root .aub-social-footer[hidden]{
  display:none !important;
}

#aub-root .aub-social-footer{
  margin:-1px 12px 10px !important;
  padding:11px 12px 12px !important;
  background:#fbfdff !important;
  border:1px solid #c4d6e5 !important;
  border-top:1px solid #e2ebf2 !important;
  border-radius:0 0 13px 13px !important;
  animation:aubSocialIn .16s ease-out !important;
}

@keyframes aubSocialIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

#aub-root .aub-social-links{
  gap:20px !important;
}

#aub-root .aub-social-link{
  min-width:48px !important;
}

#aub-root .aub-social-icon{
  width:29px !important;
  height:29px !important;
}

#aub-root .aub-social-icon svg{
  width:27px !important;
  height:27px !important;
}



/* Version 1.12: Eingabefeld verschwindet während „Einblicke ins Atelier“ geöffnet ist */
#aub-root .aub-form[hidden],
#aub-root .aub-form.is-hidden-by-atelier{
  display:none !important;
}


/* Version 1.13: klarer aktiver Zustand für „Einblicke ins Atelier“ */
#aub-root .aub-atelier-card.is-open{
  background:var(--aub-header-bg,#0b2f5b) !important;
  border-color:var(--aub-header-bg,#0b2f5b) !important;
  box-shadow:0 8px 20px rgba(11,47,91,.18) !important;
  transform:none !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-copy strong,
#aub-root .aub-atelier-card.is-open .aub-atelier-copy span{
  color:var(--aub-header-text,#ffffff) !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-thumb{
  color:var(--aub-accent,#caa53a) !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-arrow{
  color:var(--aub-header-text,#ffffff) !important;
  transform:rotate(90deg) !important;
}

#aub-root .aub-atelier-card.is-open:hover,
#aub-root .aub-atelier-card.is-open:focus-visible{
  background:var(--aub-header-bg,#0b2f5b) !important;
  border-color:var(--aub-header-bg,#0b2f5b) !important;
  box-shadow:0 9px 22px rgba(11,47,91,.20) !important;
}

#aub-root .aub-atelier-card.is-open + .aub-social-footer{
  border-color:#cbd8e4 !important;
  background:#fbfdff !important;
}


/* Version 1.14: besser lesbarer aktiver Atelier-Bereich */
#aub-root .aub-atelier-card{
  min-height:64px !important;
  height:auto !important;
  padding:10px 12px !important;
  grid-template-columns:42px minmax(0,1fr) 18px !important;
  gap:10px !important;
  overflow:visible !important;
}

#aub-root .aub-atelier-copy{
  min-width:0 !important;
  gap:3px !important;
  overflow:visible !important;
}

#aub-root .aub-atelier-copy strong{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
}

#aub-root .aub-atelier-copy span{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:10.8px !important;
  line-height:1.3 !important;
}

#aub-root .aub-atelier-card.is-open{
  min-height:72px !important;
  padding-top:11px !important;
  padding-bottom:11px !important;
  border-radius:13px 13px 0 0 !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-copy strong{
  color:#ffffff !important;
  font-weight:700 !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-copy span{
  color:rgba(255,255,255,.88) !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-thumb{
  width:36px !important;
  height:36px !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.08) !important;
  display:grid !important;
  place-items:center !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-thumb svg{
  width:27px !important;
  height:27px !important;
}

#aub-root .aub-social-footer{
  padding-top:13px !important;
  padding-bottom:13px !important;
}

@media (max-width:600px){
  #aub-root .aub-atelier-card{
    min-height:68px !important;
    padding:10px !important;
    grid-template-columns:38px minmax(0,1fr) 16px !important;
  }
  #aub-root .aub-atelier-card.is-open{
    min-height:76px !important;
  }
  #aub-root .aub-atelier-copy strong{
    font-size:12px !important;
  }
  #aub-root .aub-atelier-copy span{
    font-size:10.5px !important;
    line-height:1.28 !important;
  }
}


/* Version 1.15: aktives Atelier-Icon auf dunkelblau jetzt weiß */
#aub-root .aub-atelier-card.is-open .aub-atelier-thumb{
  color:#ffffff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-thumb svg,
#aub-root .aub-atelier-card.is-open .aub-atelier-thumb svg *{
  stroke:#ffffff !important;
  fill:none !important;
}

#aub-root .aub-atelier-card.is-open .aub-atelier-arrow{
  color:#ffffff !important;
}

