/* BASYMOD Basic/Plus stability layer – 1.0.1.377
   Gemeinsame Strukturregeln. Keine Designfarben werden überschrieben. */
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%;height:auto}
.bm-content,.bm-card,.bm-main,.bm-page-shell,.bm-portal-window,.bm-module-portal,.bm-module-portal-box{min-width:0}

/* Tabellen schließen an die verfügbare Inhaltsbreite an. */
.bm-content table,.bm-card table,.bm-main table,.bm-portal-window table{width:100%;max-width:100%;border-collapse:collapse}
.bm-table-wrap,.bm-portal-table-wrap,.bm-notice-table-wrap,.bm-responsive-table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bm-table-wrap>table,.bm-portal-table-wrap>table,.bm-notice-table-wrap>table,.bm-responsive-table>table{width:100%;min-width:100%}
.bm-content th,.bm-content td,.bm-card th,.bm-card td{overflow-wrap:anywhere}

/* Formulare dürfen Container auf kleinen Ansichten nicht verbreitern. */
.bm-content input:not([type="checkbox"]):not([type="radio"]),.bm-content select,.bm-content textarea,
.bm-card input:not([type="checkbox"]):not([type="radio"]),.bm-card select,.bm-card textarea{max-width:100%}

/* Module: die Inhaltsfläche bleibt neutral. Akzent gehört in Kopf, Rahmen und Aktionen. */
.bm-module-portal-box-content,.bm-module-portal-box-body{
  background:var(--bm-module-content-bg,var(--bm-module-portal-box-bg,var(--surface,#fff)));
  color:var(--bm-module-content-text,var(--bm-module-portal-box-text,var(--text,#17324b)));
}
.bm-module-portal-box-content .bm-weather-card,
.bm-module-portal-box-content .bm-weather-hero,
.bm-module-portal-box-content .bm-weather-day,
.bm-module-portal-box-content .bm-weather-meta span,
.bm-module-portal-box-body .bm-weather-card,
.bm-module-portal-box-body .bm-weather-hero,
.bm-module-portal-box-body .bm-weather-day,
.bm-module-portal-box-body .bm-weather-meta span{
  background:transparent;
  color:inherit;
}

/* Flexible Aktionsleisten statt Überlauf. */
.bm-function-actions,.bm-card-actions,.bm-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}

@media(max-width:700px){
  .bm-content,.bm-card{max-width:100%}
  .bm-content table,.bm-card table{font-size:.92em}
  .bm-content th,.bm-content td,.bm-card th,.bm-card td{padding-left:8px;padding-right:8px}
  .bm-function-actions>.bm-button,.bm-card-actions>.bm-button{max-width:100%}
}