body
{
    --accent-color: #F4AD3F;
    --text-color: #7a7a7a;
    --h-color: #222;
    --font: 'Lato', sans-serif;
    font-family: var(--font);
    color: var(--text-color);
}
h1, h2, h3, h4, h5, h6
{
    color: var(--h-color);
}
contact-form
{
display: block;
}
contact-form input, contact-form textarea, contact-form select
{                
    border: 1px solid #dadbdd;
    border-radius: 0.5em;
    font-family: -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    color: #606266;
    line-height: 1;
    max-width: 100%;
    padding: 11px 15px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: block;
    width: 100%;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
}
contact-form > div {
    display: flex;
    gap: 20px 20px;
}
.current-link {
  font-weight: bold;
}
cf-ts
{
    text-align: center;
    margin: 1em;
    position: relative;
}
.advies-en-keuringen
{
--h-font: 'Lato', sans-serif; 
--text-color: #7A7A7A; 
--heading-text-color: #000; 
--text-color-2: #fff; 
--accent-color-1: #F4AD3F; 
--accent-color-2: #000;
    flex-direction: column-reverse;
    align-items: center;
> div{
 max-width: calc(min(85dvw, 800px));
margin-bottom: auto;
}
}
hero-content-with-backlink + div
{
    display: flex;
    flex-direction: column;
    > div{
        max-width: calc(min(600px, 85dvw));
        margin: 1em auto;
        > email-block, > phone-block
        {
            margin: 3em 0 3em 3em;
        }
    }
}
@media screen and (min-width: 1200px) {
.advies-en-keuringen
{
    flex-direction: row;
}
hero-content-with-backlink + div
{
    max-width: 1100px;
    margin: 4em auto 0 auto;
    flex-direction: row;
    gap: 3em;
    > div
    {
        max-width: unset;
        flex: 1;
    }
}
}