html {
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
.no_decoration_orange {
text-decoration: none;
color: #ff8405;
}
.no_decoration_orange:hover {
text-decoration: underline;
}
.no_decoration_gray {
text-decoration: none;
color: #cccccc;
}
.no_decoration_gray:hover {
text-decoration: underline;
}


#navi {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 50px;
z-index: 100;
}
.mediaLinks {
float: right;
padding: 10px;
display: flex;
}

.mediaLinks a {
display: block;
height: fit-content;
margin-left: 5px;
aspect-ratio: 1;
}

.mediaLinks a img {
max-width: 100%;
max-height: 100%;
}
@media only screen and (max-width:600px) {
    .mediaLinks a {

        height: 40px !important;
    }
    #menu_logo {
        margin-left: 0px !important;
		aspect-ratio: 1;
        height: 100px !important;
    }
}




#menu_logo {
margin-left: 10px;
height: 150px;
padding: 20px;
width: auto;
}

#main {
margin-top: 160px;
margin-bottom: 100px;
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
color: #cccccc;
background-color: transparent !important;
overflow-wrap: break-word;
}
#content {
width: 80%;
max-width: 1328px;
margin: 0 10px;
line-height: 27px;
}



.header_main {
font-size: 40px;
margin-bottom: 20px;
text-align: left;
color: #ff8405;
}
.header_sub {
font-size: 28px;
margin-top: 60px;
margin-bottom: 20px;
text-align: left;
color: #ff8405;
font-weight: bold;
}
.header_small {
font-size: 18px;
margin-top: 20px;
text-align: left;
color: #ff8405;
font-weight: bold;
}



#footer {
    margin-top: auto;
    width: 100%;
    background-color: #161616;
    color: white;
    box-shadow: 0 -2px 2px 0 #ff840524, 0 -4px 1px -2px #ff84051f, 0 -2px 5px 0 #ff840533;
    display: flex;
    flex-direction: column;
}
#rechtliches {
    position: relative;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
#copyright {
    position: relative;
    width: 100%;
    text-align: center;
	margin-bottom: 20px;
}