@import "bootstrap/scss/bootstrap.scss";

html,
body {
    height: 100%;
}

body {
    font-family: sans-serif;
    min-height: 100%;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: rgb(33, 33, 33);

    header {
        background-color: rgb(184, 184, 184);
        border-bottom: solid 1px rgba(0, 0, 0, 0.46);

        h1 {
            font-weight: bold;
            margin: auto !important;
        }

        nav {}
    }

    .content {
        margin-top: 16px;
        margin-bottom: 16px;
    }
}


.footer {
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.row {
    padding: 16px !important;
}

.card {
    background-color: rgba(128, 128, 128, 0.11);
    margin: 8px;
}

.card-footer {
    padding: 0px !important;

    .footer-button {
        width: 100%;
    }
}

.category-content {
    min-height: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
}

.card-title {
    text-align: center;
    overflow: hidden;
    word-wrap: break-word;
}

.img-logo {
    max-width: 40px;
    margin-right: 8px;
}

.nachruf {
    width: 700px;
}