:root {
    --consent-foreground:white;
    --consent-background:black;
}

.a-consent {
    border-bottom:1px dotted var(--consent-foreground);
    color:var(--consent-fore);
    font-weight:bold;
    text-decoration:none;
}

.a-consent:hover {
   border-bottom:1px solid var(--consent-foreground)
}

.div-consent-strip {
    align-items:center;
    background-color:var(--consent-background);    
    box-sizing:border-box;    
    color:var(--consent-foreground);
    display:flex;
    flex-wrap:wrap;
    font-family:'Open Sans';
    font-size:0.9em;
    justify-content:center;
    padding:1em;
    row-gap:1em;
    text-align:center;
    width:100%;
}

.div-consent-text {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.form-consent {
    display:inline;
}

.input-consent {
    background-color:var(--consent-background);
    border:1px solid var(--consent-foreground);
    color:var(--consent-fore);
    font-family:'Open Sans';
    font-size:0.9em;
    margin:0.5em 0 0.5em 1em;
    padding:0.5em;
}

.input-consent:hover {
    border:1px dotted var(--consent-foreground);
} 

@media only screen and (max-width: 1280px) {

    .div-consent-strip,.input-consent {
        font-size:calc(0.8em + 0.1 * (100vw - 20em) / 60);
    }
}

@media only screen and (max-width: 320px) {

    .div-consent-strip,.input-consent {
        font-size:0.8em
    }

}