body {
    color: #332E30;
    background-color: #FFFFE5;
}

.card,
.minicard,
.time,
.main2 > .homebtn,
.main2 > .reguser,
.main > .inputcard,
.main3 > .inputcard,
.main > .inputform {
    background: #FFFFFF;
    border: 1px solid #696755;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
}

.card:hover,
.time:hover,
.minicard:hover,
.main2 > .homebtn:hover,
.main2 > .reguser:hover
{
    transition-duration: 0.1s;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
}

.card {
    color: black; 
    font-size: 1em;
    width: 100%;
    /* background-image: url(test.svg);  */
    /* background-size: cover; */
    /* height: 0; */
    /* padding: 0;*/ /*reset */
    /* padding-bottom: 92%; */
}

.card > .card_title {
    color: black; 
    font-size: 1.3em;
    font-weight: bold;
}

.card > .description {
    color: rgb(126, 126, 126); 
    font-size: 0.9em;
    font-weight: normal;
}

.card > .adress,
.card > .calendar {
    color: black; 
    font-size: 1em;
    font-weight: normal;
}

.minicard > .card_title {
    color: black; 
    font-size: 1em;
    font-weight: normal;
}

.minicard > .card_close {
    font-size: medium;
    font-weight: normal;
}

.card > .card_footer, .card > .card_subfooter {
    font-size: small;
    color: slategray;
}

.main > .inputcard > input,
.main3 > .inputcard > input {
    width: 100%;
    font-size: 1em;
}

.main > .card > input {
    font-size: 1em;
}

.main2 > header,
footer,
.main3, .main4 {
    background: #FFFFFF;
    border: 1px solid #A7A37E;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
}

.main3, .main4  {
    background-color: #FFFFE5;
}

.main2 > header,
footer {
    background: #FFFFFF;
}

footer {
    vertical-align: middle;
}

table,
td,
th {
    border-color: #332E30;
}

a {
    color: #332E30;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: underline;
}

.minicard,
.card, .btn, .btn.big {
    cursor: pointer;
}

.btn, .btn.big {
    font-size: 1em;
}

.errorcaption {
    color: red;
    font-weight: bold;
}