.odd-footer-content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding-top:16px;
    padding-bottom:32px;
    background-color: var(--odd-footer);
    color: var(--odd-light);
    font-family: Arial, Helvetica, sans-serif;
}
.odd-footer-container {
    flex: 1 100%;
    margin-right: 10%;
    margin-left: 10%;
}
.odd-footer-link-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-top: 16px;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding-bottom:16px;
    line-height: 180%;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.odd-footer-link-items {
    display: inline-block;
    padding-left:8px;
}
.odd-footer-content-items {
    tabindex: 0;
}
.odd-footer-content-items:focus {
    outline: 2px solid var(--odd-logout);
}
.odd-footer-content-items::before {
    content: attr(data-footer-maintain);
    color: var(--odd-light);
    font-weight: bold;
}
.odd-footer-link-items a {
    text-decoration: none;
    cursor: pointer;
    
}
.odd-footer-link-items .odd-footer-inline-end {
    border-inline-end: 2px var(--odd-light) solid;
    padding-left: 12px;
    padding-right: 12px;
}
.odd-footer-link-items .odd-footer-inline-end:last-child{
    border-inline-end: none;
}
.odd-footerContent-l,
.odd-footerContent-r {
    flex: var(--oddside-width)
}

.odd-footerContent-c {
    flex: var(--oddmain-width)
}
.odd-footerContent-f {
    flex: 100%;
}
.odd-footerContent-h {
    flex: var(--oddhalf-width);
}
@media screen and (min-width:0px)and (max-width:601px) {
    .odd-footerblock{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 4fr 1fr;
        align-items: center;
        justify-items: center;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .odd-footerContent-l,
    .odd-footerContent-r, 
    .odd-footerContent-c, 
    .odd-footerContent-f, 
    .odd-footerContent-h {
        flex: 100%;
    }
    .odd-footer-link-items {
        display: block;
        padding-left:0px;
    }
    .odd-footer-link-items .odd-footer-inline-end {
        border-inline-end: none;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
    }
}
@media screen and (max-width:1024px) and (min-width:602px) {
    .odd-footerblock{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 4fr 1fr;
        align-items: center;
        justify-items: center;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .odd-footerContent-l,
    .odd-footerContent-r, 
    .odd-footerContent-c, 
    .odd-footerContent-f, 
    .odd-footerContent-h {
        flex: 100%;
    }
 }
@media screen and (max-width:1180px) and (min-width:1025px) {
    .odd-footerblock{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 4fr 1fr;
        align-items: center;
        justify-items: center;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .odd-footerContent-l,
    .odd-footerContent-r, 
    .odd-footerContent-c, 
    .odd-footerContent-f, 
    .odd-footerContent-h {
        flex: 100%;
    }
 }
@media screen and (max-width:1920px) and (min-width:1181px) { }
@media only screen and (min-width:1921px) { }