input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a {
    text-decoration: none;
    color: black;
}

#foot {
    background-color: white;
    width: 100%;
    box-shadow: 0px -5px 10px lightgray;
    display: flex;
}

#mainMenu {
    display: flex;
    width: 100%;
}

.menuPoint {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    text-decoration: none;
    color: black;
}



.menuPoint img {
    width: 40px
}

.active {
    font-weight: bold;
    background-color: lightgray;
}

.over {
    background-color: rgb(237, 237, 237);
}

body {
    font-family: DB_Screen;
    margin: 0;
}


div {
    border-color: black;
    border-width: 1;
}

#settings {
    display: flex;
}


#main {
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;

}

#headMenu {
    display: flex;
    width: 100%;
}

#headMenu img {
    width: 30px;
    padding-inline: 0.5em;
}

#input {
    width: 100%;
    display: flex;
}

#input input {
    width: 100%;
    margin: 5 5 2 5;
    border: 0;
    border-bottom: 1px solid black;
    font: inherit;
}

@media (max-width: 1080px) {
    #footspace {
        height: 65px;
    }

}

@media (min-width: 1081px) {
    #footspace {
        height: 20px;
    }

}



.hidden {
    display: none !important;
}

.bold {
    font-weight: bold;
}

.small {
    font-size: small;
}

.smaller {
    font-size: smaller;
}

.nowrap {
    white-space: nowrap;
}

.centered {
    text-align: center;
}

.mr2 {
    margin-right: 0.2em;
}

.mr5 {
    margin-right: 0.5em;
}

.mb10 {
    margin-block: 1.0em;
}

.crossed {
    text-decoration: line-through;
}

#foot {
    background-color: white;
    width: 100%;
    box-shadow: 0px -5px 10px lightgray;
    display: flex;
    z-index: 1000;
    position: fixed;
    bottom: 0;
    height: 4em;
}

#footspacer {
    min-height: 4.5em;
}

#headspacer {
    min-height: 3.5em;
}

.cancelled {
    background: #cd5c5c75;
}

.additional {
    background: #74cd5c75;
}

.onTime {
    color: darkgreen;
}

.frueh {
    color: darkblue;
}

.leichtSpaet {
    color: orange;
}

.spaet {
    color: red;
}

.closed {
    filter: grayscale(1);
}

.popup {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    background: white;
    z-index: 20000;
    position: fixed;
    margin: 10;
    margin-top: 4em;
    margin-bottom: 4.5em;
    border-radius: 0.5em;
    overflow: auto;
    box-shadow: 5px 5px 10px darkgray;
}

.popup_body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline: 1em;
}

.fullWidth {
    width: 100%;
}

.CD_Symbol {
    font-family: CD_Pikto;
}

.left {
    text-align: left;
}

.xsmall {
    font-size: x-small;
}



@font-face {
    font-family: DB_Screen;
    src: url(https://feliweigi.de/media/fonts/DB_Screen.woff2);
}

@font-face {
    font-family: CD_Bold_Norm;
    src: url(https://feliweigi.de/media/fonts/CD_Bold_Norm.otf);
}

@font-face {
    font-family: CD_Med_Norm;
    src: url(https://feliweigi.de/media/fonts/CD_Med_Norm.otf);
}

@font-face {
    font-family: CD_Norm_Norm;
    src: url(https://feliweigi.de/media/fonts/CD_Norm_Norm.otf);
}

@font-face {
    font-family: CD_Pikto;
    src: url(https://feliweigi.de/media/fonts/CD_Pikto.otf);
}