h4 {
    font-weight: 700;
}

#content-inside {
    font-size: 16px;
    font-size: 1.6rem;
}

.single-column-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.gap-0 {
    gap: 0!important;
}

.two-column-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@media screen and (max-width: 767px) {
    .two-column-grid {
        grid-template-columns: 1fr;
    }
}

canvas {
    border: 1px solid #999;
}

.btn {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 7px 13px;    
}

a.btn-default {   
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btn-datel {
    background: url('https://www.datel-dessau.de/cms/wp-content/themes/datel-dessau-responsive/images/ui-bg_highlight-hard_100_db0076_1x100.png') 50% 55% repeat-x #903373;
    border-radius: 4px;
    color: #fff;
    padding: 7px 13px;
}

.btn-datel:hover {    
    color: #ccc!important;
}

.form--buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.form--buttons .btn {
    margin-left: 5px;
    margin-right: 5px;
}