.scroll-progress{

position:fixed;
top:0;
left:0;
height:4px;
width:0%;
background:#c4002f;
z-index:9999;

}


.scroll-top-btn{

position:fixed;
right:30px;
bottom:30px;
background:#c4002f;
color:white;
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
cursor:pointer;
display:none;
z-index:999;

}


.sticky-header{

position:fixed;
top:0;
left:0;
width:100%;
background:white;
box-shadow:0 6px 20px rgba(0,0,0,0.1);
z-index:999;

}


main img{

transition:transform .5s ease;

}


a{

display:inline-block;

}

.scroll-top-btn{

position:fixed;
right:30px;
bottom:30px;

background:#c4002f;
color:white;

width:45px;
height:45px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

cursor:pointer;

box-shadow:0 6px 18px rgba(0,0,0,0.2);

transition:all .25s ease;

z-index:999;

}

.scroll-top-btn:hover{

transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.3);

}

.scroll-top-btn svg{

width:18px;
height:18px;

}


.menu-close-btn{

position:absolute;
top:20px;
right:20px;

width:32px;
height:32px;

cursor:pointer;
z-index:9999;

}

/* X Symbol ohne Font */

.menu-close-btn::before,
.menu-close-btn::after{

content:'';
position:absolute;

top:15px;
left:0;

width:32px;
height:3px;

background:#333;

}

.menu-close-btn::before{

transform:rotate(45deg);

}

.menu-close-btn::after{

transform:rotate(-45deg);

}