/* MyWeatha Smart Grid v45: two-column predictable placement, fixed spans. */
#home .content{
 --wa-grid-gap:11px;
 --wa-grid-row:160px;
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-auto-rows:var(--wa-grid-row)!important;
 grid-auto-flow:row dense!important;
 column-gap:var(--wa-grid-gap)!important;
 row-gap:var(--wa-grid-gap)!important;
 align-content:start!important;
 align-items:stretch!important;
 position:relative!important;
 min-width:0!important;
}
#home .content>[data-wa-block]:not(.studio-teaser):not(.wa-hidden){
 grid-column:span var(--wa-cols,2)!important;
 grid-row:span var(--wa-rows,2)!important;
 flex:none!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 min-height:0!important;
 height:100%!important;
 max-height:none!important;
 align-self:stretch!important;
 box-sizing:border-box!important;
 margin-left:0!important;
 margin-right:0!important;
}
#home .content>.mast{
 grid-column:span 2!important;
 grid-row:span var(--wa-rows,3)!important;
 width:100%!important;
 min-height:0!important;
 height:calc(100% - max(56px, env(safe-area-inset-top, 0px)))!important;
 margin-top:max(56px, env(safe-area-inset-top, 0px))!important;
 margin-bottom:0!important;
 overflow:hidden!important;
}
#home .content>#cards,#home .content>#waLateCards{
 grid-column:span 2!important;
 grid-row:span var(--wa-group-rows,1)!important;
 width:100%!important;
 height:100%!important;
 align-self:start!important;
 margin:0!important;
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-auto-rows:var(--wa-grid-row)!important;
 grid-auto-flow:row dense!important;
 gap:var(--wa-grid-gap)!important;
}
#home .content>#cards:empty,#home .content>#waLateCards:empty{display:none!important}
#home #cards>[data-card],#home #waLateCards>[data-card]{
 grid-column:span var(--wa-cols,1)!important;
 grid-row:span var(--wa-rows,1)!important;
 width:100%!important;
 max-width:100%!important;
 height:100%!important;
 min-height:0!important;
 max-height:none!important;
 flex:none!important;
 align-self:stretch!important;
 overflow:hidden!important;
 box-sizing:border-box!important;
 margin:0!important;
}
#home .content>.studio-teaser{
 grid-column:span 2!important;grid-row:auto!important;
 flex:none!important;width:100%!important;
 min-height:76px!important;height:auto!important;
 align-self:start!important;
}
#home .content>.wa-hidden{display:none!important}
#home .content>.wa-grid-sizebar{
 grid-column:span 2!important;grid-row:auto!important;
 display:none;
 order:-999999!important;
 flex:none!important;width:100%!important;
 position:relative;z-index:60;
}
body.wa-edit-mode #home .content>.wa-grid-sizebar{display:block!important}
#home .wa-grid-sizebar{
 border:1px solid rgba(169,221,255,.54);border-radius:22px;
 background:linear-gradient(145deg,rgba(8,38,84,.95),rgba(45,49,112,.95));
 padding:12px;box-shadow:0 11px 28px rgba(0,13,44,.36);
 color:#fff;
}
.wa-grid-bar-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}
.wa-grid-bar-head strong{font-size:13px;letter-spacing:-.1px}
.wa-grid-bar-head span{font-size:10px;color:#bfdcf5}
.wa-grid-sizes{display:flex;flex-wrap:wrap;gap:7px}
.wa-grid-choice{flex:1 0 75px;min-width:0;display:grid;gap:3px;
 align-content:center;min-height:48px;padding:7px 5px;
 border-radius:13px;border:1px solid #a9d6fa55;
 background:#ffffff12;color:#e9f7ff;font-weight:700;font-size:10px}
.wa-grid-choice small{font-size:9px;color:#b8d8f4;font-weight:500}
.wa-grid-choice[aria-pressed="true"]{border-color:#b7efff;background:linear-gradient(130deg,#167dc4,#4b6dcc);box-shadow:0 0 0 2px #92dbff24;color:white}
.wa-grid-choice:focus-visible{outline:2px solid #c4ffff;outline-offset:2px}
#home .content .wa-free-grip{
 display:none;position:absolute;right:8px;bottom:7px;z-index:55;
 width:49px;height:49px;border-radius:14px;padding:6px;
 border:1px solid #ffffff96;background:linear-gradient(140deg,#1684ca,#425fe0)!important;
 color:#fff;touch-action:none!important;cursor:nwse-resize;
 box-shadow:0 4px 16px #0005,inset 0 1px #fff7!important;
 place-items:center;-webkit-tap-highlight-color:transparent;
}
body.wa-edit-mode #home .content .wa-free-grip{display:grid!important}
body.wa-edit-mode #home .content .wa-free-grip::after{
 content:"GRÖSSE"!important;position:absolute;bottom:5px;font-size:8px;font-weight:800;letter-spacing:.04em;
}
body.wa-edit-mode #home .content .wa-free-grip svg{width:22px;height:22px;transform:translateY(-6px)}
#home .content [data-wa-block].wa-grid-selected,
#home .content [data-card].wa-grid-selected{outline:2px solid rgba(125,239,255,.95)!important;outline-offset:1px!important;z-index:5!important}
#home .content.editing>[data-wa-block]{animation:wa-grid-float 1.8s ease-in-out infinite alternate!important}
#home .content.editing>[data-wa-block].wa-grid-selected{animation:none!important}
#home #cards.editing>.tile,#home #waLateCards.editing>.tile{animation:wa-grid-float 1.8s ease-in-out infinite alternate!important}
#home #cards.editing>.tile.wa-grid-selected{animation:none!important}
@keyframes wa-grid-float{to{filter:brightness(1.04)}}
#home .content .wa-grid-backdrop{
 position:absolute;inset:0;z-index:0;pointer-events:none;display:none;
 background-image:linear-gradient(90deg,rgba(114,221,255,.09) 1px,transparent 1px),linear-gradient(0deg,rgba(114,221,255,.08) 1px,transparent 1px);
 background-size:calc((100% - var(--wa-grid-gap))/2 + var(--wa-grid-gap)) calc(var(--wa-grid-row) + var(--wa-grid-gap));
 opacity:.8;
}
body.wa-edit-mode #home .content .wa-grid-backdrop{display:block}
#home .content .wa-grid-placement{
 display:none;position:absolute;z-index:25;pointer-events:none;
 border:2px dashed rgba(161,242,255,.94);border-radius:24px;
 background:linear-gradient(145deg,rgba(68,195,245,.20),rgba(125,126,255,.23));
 box-shadow:0 0 0 3px rgba(87,218,255,.10),inset 0 0 32px rgba(109,214,252,.20);
 transition:left .13s ease,top .13s ease,width .13s ease,height .13s ease;
}
body.wa-edit-mode #home .content .wa-grid-placement.is-visible{display:block}
.wa-grid-placement span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 color:white;background:rgba(4,37,77,.83);border:1px solid #d5f6ffb8;
 border-radius:100px;padding:7px 13px;font-size:12px;font-weight:800;white-space:nowrap}
body.wa-edit-mode #home .content>[data-wa-block]:not(.wa-grid-sizebar),
body.wa-edit-mode #home .content>#cards,
body.wa-edit-mode #home .content>#waLateCards{position:relative;z-index:2}
@media(max-width:355px){#home .content{--wa-grid-gap:8px;--wa-grid-row:160px}}
@media(prefers-reduced-motion:reduce){
 #home .content.editing>[data-wa-block],
 #home #cards.editing>.tile,#home #waLateCards.editing>.tile{animation:none!important}
 #home .content .wa-grid-placement{transition:none!important}
}

/* The legacy 8px spacer must not claim a 160px CSS grid track. */
#home .content>div[style="height:8px"]{display:none!important}
/* Expose individual placement boundaries in edit mode without changing app content. */
body.wa-edit-mode #home .content>[data-wa-block]:not(.wa-hidden),
body.wa-edit-mode #home #cards>[data-card],
body.wa-edit-mode #home #waLateCards>[data-card]{outline:1px dashed rgba(160,227,255,.53);outline-offset:-3px}
body.wa-edit-mode #home .content .wa-grid-just-set{box-shadow:0 0 0 2px rgba(133,239,255,.75),0 13px 33px rgba(34,88,161,.27)!important}

/* Specificity guard: the hero must exclude its top margin from the grid track. */
#home .content>.mast[data-wa-block]{height:calc(100% - max(56px, env(safe-area-inset-top,0px)))!important;min-height:0!important}