/* ======================================================================
   Releasenotes-spezifische Overrides (nur Releasenotes.htm)
   Sollzustand:
   - Buttons initial nah am Header (wie andere Subhomes)
   - Genug Scrollweg bis zum Footer, damit Buttons voll verschwinden koennen
   ====================================================================== */

/* Headernah wie Subhomes */
html.home-topic.releasenotes div.heading-search-container
{
    position: relative;
    padding-top: 96px;
}

html.home-topic.releasenotes p.home-back
{
    position: absolute;
    top: 16px;
    left: 24px;
    margin: 0;
    line-height: 0;
    z-index: 80;
}

html.home-topic.releasenotes p.home-back a { display: inline-block; }
html.home-topic.releasenotes p.home-back img { display: block; }

html.home-topic.releasenotes .body-container > .height-container
{
    position: relative;
    overflow: visible;
}

html.home-topic.releasenotes .body-container > .height-container > div.side-content_righthome
{
    position: absolute;
    top: 16px;
    right: clamp(48px, 4vw, 96px);
    margin: 0 !important;
    z-index: 1000;
}

/* Dropdown nach innen ausrichten */
html.home-topic.releasenotes .body-container > .height-container > div.side-content_righthome *[class*="popup"],
html.home-topic.releasenotes .body-container > .height-container > div.side-content_righthome *[class*="dropdown"],
html.home-topic.releasenotes .body-container > .height-container > div.side-content_righthome ul
{
    left: auto !important;
    right: 0 !important;
}

/* Zusätzlicher Scrollpuffer vor Footer */
html.home-topic.releasenotes div.home-tiles
{
    margin-bottom: clamp(120px, 18vh, 220px);
}

/* Farben nur fuer Releasenotes */
html.home-topic.releasenotes div.home-tiles > div:nth-child(1),
html.home-topic.releasenotes div.home-tiles > div:nth-child(2)
{
    background-color: #243B53;
}

html.home-topic.releasenotes p.tile-title
{
    color: #FFFFFF;
}

html.home-topic.releasenotes p.tile-content
{
    color: rgba(255,255,255,0.88);
}

/* Responsive wie funktionierende Subhomes */
@media (max-width: 900px)
{
    html.home-topic.releasenotes div.heading-search-container
    {
        padding-top: 156px;
    }

    html.home-topic.releasenotes p.home-back,
    html.home-topic.releasenotes .body-container > .height-container > div.side-content_righthome
    {
        top: 56px;
        z-index: 80;
    }

    html.home-topic.releasenotes .body-container > .height-container > div.side-content_righthome
    {
        right: 36px;
    }

    html.home-topic.releasenotes div.home-tiles
    {
        margin-bottom: clamp(96px, 16vh, 180px);
    }
}

@media (max-width: 600px)
{
    html.home-topic.releasenotes div.heading-search-container
    {
        padding-top: 148px;
    }

    html.home-topic.releasenotes p.home-back
    {
        top: 52px;
        left: 16px;
    }

    html.home-topic.releasenotes .body-container > .height-container > div.side-content_righthome
    {
        top: 52px;
        right: 16px;
    }
}

/* Problemkorridor: <900px Breite bei hoeheren Viewports */
@media (max-width: 900px) and (min-height: 671px)
{
    html.home-topic.releasenotes div.heading-search-container
    {
        padding-top: 96px;
    }

    html.home-topic.releasenotes p.home-back,
    html.home-topic.releasenotes .body-container > .height-container > div.side-content_righthome
    {
        top: 16px;
    }
}