/* ==========================
   NACH OBEN Anfang
   ========================== */

.scroll-top{

    margin-top:50px;
    margin-left: auto;   /* 👉 schiebt nach rechts */
    margin-right: 0;
    display:block;
    justify-content:flex-end;




    /* display:block; */
    width:max-content;

    /* margin:0 0 50px auto; /* oben - rechts - unten - links */

    color:red;
    text-decoration:none;
    font-size:18px;
    font-weight:bold;

    opacity:0;
    visibility:hidden;

    transition:opacity .3s ease;
}

/* Button ab Größe ausblenden */
/* Handy + Tablet */
@media (max-width: 1023px){
    .scroll-top.show{
        opacity:1;
        visibility:visible;
    }
}

/* Desktop */
@media (min-width: 1024px){
    .scroll-top{
        display:none !important;
    }
}

.scroll-top.show{
    opacity:1;
    visibility:visible;
}

html {
    scroll-behavior: smooth; /* Sanftes Scrollen */
}

/* ==========================
   NACH OBEN Ende
   ========================== */