/*! hofff consent */
#hofff-consent-banner .container {
    padding-top : 1rem;
    max-width   : 83rem;
    margin      : 0 auto;
    }

.hofff-consent-root-headline {
    color         : rgb(68, 68, 68);
    line-height   : 1.2;
    font-size     : 2.25rem;
    margin-bottom : 1.1875rem;
    }

.hofff-consent-buttons {
    margin-bottom : 1rem;
    }

.hofff-consent-buttons button {
    background-color : rgb(109, 154, 0);
    border           : 0 none;
    color            : rgb(255, 255, 255);
    font-family      : inherit;
    font-size        : inherit;
    font-weight      : bold;
    line-height      : inherit;
    margin-bottom    : 0.5rem;
    }

.hofff-consent-buttons button:hover,
.hofff-consent-buttons button:focus,
.hofff-consent-buttons button:active {
    border  : 0 none;
    outline : .1875rem solid rgb(109, 154, 0);
    }

.hofff-consent-privacy-settings-button {
    margin-bottom : 2rem;
    }

.hofff-consent-privacy-settings-button button a:hover,
.hofff-consent-privacy-settings-button button:focus,
.hofff-consent-privacy-settings-button button:active {
    outline : .1875rem solid rgb(109, 154, 0);
    }

.hofff-consent-privacy-settings-button button {
    background-color : rgb(0, 118, 185);
    color            : rgb(255, 255, 255);
    display          : inline-block;
    font-size        : 1.125rem;
    line-height      : 1.66667;
    padding          : 0 0.625em 0 2.5rem;
    position         : relative;
    }

.hofff-consent-privacy-settings-button button::before {
    color       : rgb(255, 255, 255);
    content     : '';
    background  : rgb(109, 154, 0) url('/files/util/img/icons/pfeil_weiterlesen.svg') no-repeat center center;
    display     : inline-block;
    height      : 2rem;
    line-height : 1.66667;
    padding     : 0 0.625rem;
    position    : absolute;
    top         : 0;
    left        : 0;
    width       : 1.75rem;
    }

.hofff-consent-privacy-settings-button button:hover,
.hofff-consent-privacy-settings-button button:focus,
.hofff-consent-privacy-settings-button button:active {
    outline : .1875rem solid rgb(109, 154, 0);
    }

.hofff-consent-privacy-settings legend {
    color         : rgb(68, 68, 68);
    line-height   : 1.2;
    font-size     : 1.5rem;
    margin-bottom : .5rem;
    font-weight   : bold;
    }

.list-group-item legend {
    color         : #000000;
    font-size     : 1.125em;
    margin-bottom : .25em;
    font-weight   : normal;
    }

.privacy-button[display="none"] {
    display : none !important;
    }

.privacy-button {
    display         : block;
    width           : 3rem;
    height          : 3rem;
    position        : fixed;
    bottom          : 0;
    left            : 0;
    z-index         : 500;
    background      : rgb(109, 154, 0) url("/files/util/img/icons/cogs.svg") no-repeat center center;
    background-size : 75%;
    }

@media screen and (min-width : 640px) {
    .privacy-button {
        bottom : 2rem;
        left   : 2rem;
        width  : 4rem;
        height : 4rem;
        }
    }

.privacy-button:hover,
.privacy-button:focus,
.privacy-button:active {
    background-color : rgb(0, 118, 185);
    }

.hofff-consent-banner-additional-content {
    margin-bottom : 1rem;
    }

.hofff-consent-banner-additional-content nav li {
    display : inline-block;
    }