/* Cookie-Hinweis in den Farben der Fassung HDO (Logo-Grau #525C62, Schrift wie die Seite); Kontrast Weiß auf #525C62 = 6,6:1 */
#cc-main{--cc-font-family:inherit;--cc-bg:#fff;--cc-primary-color:#2b3136;--cc-secondary-color:#525c62;
 --cc-btn-primary-bg:#525c62;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:#525c62;
 --cc-btn-primary-hover-bg:#3c4448;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:#3c4448;
 --cc-btn-secondary-bg:#f1f2f2;--cc-btn-secondary-color:#2b3136;--cc-btn-secondary-border-color:#d9dcdd;
 --cc-btn-secondary-hover-bg:#e4e6e7;--cc-btn-secondary-hover-color:#2b3136;--cc-btn-secondary-hover-border-color:#c8cccd;
 --cc-btn-border-radius:999px;--cc-toggle-on-bg:#525c62;--cc-link-color:#2b3136;--cc-modal-border-radius:10px}
/* Am Handy kompakt: der Hinweis soll Titel und Beratungsknopf möglichst wenig verdecken (Projektdatei, Bauregel Tempo).
   Text gleich, kleiner gesetzt; „Alle akzeptieren“ und „Nur notwendige“ nebeneinander und gleich stark; „Einstellungen“ als Textlink */
@media (max-width:700px){
#cc-main .cm--bar .cm__texts{padding:12px 16px 2px!important}
#cc-main .cm__title{font-size:14px!important;margin:0 0 4px!important}
#cc-main .cm__desc{font-size:12px!important;line-height:1.4!important}
#cc-main .cm--bar .cm__btns{padding:8px 16px 10px!important}
#cc-main .cm--bar .cm__btn-group{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px}
#cc-main .cm--bar .cm__btn{min-height:42px!important;padding:8px 10px!important;font-size:13px!important;margin:0!important;flex:1 1 40%}
#cc-main .cm--bar .cm__btn[data-role=show]{flex:1 1 100%;min-height:28px!important;background:none!important;border:0!important;text-decoration:underline;color:var(--cc-primary-color)!important}
}
.sf-cc{background:none;border:0;margin:0;padding:4px 0;font:inherit;color:inherit;text-align:left;cursor:pointer;opacity:inherit}
.sf-cc:hover,.sf-cc:focus-visible{text-decoration:underline}

/* Seit 03.11. live (Philipp: „passt, hochladen“): Fenster unten, abgedunkelter Hintergrund, Seite erst nach der Wahl bedienbar, „Einstellungen“ als Textlink */
#cc-main{--cc-overlay-bg:rgba(43,49,54,.55)}
#cc-main .cm--box{max-width:420px!important;width:calc(100% - 32px)!important}
#cc-main .cm--box .cm__texts{padding:18px 20px 4px!important}
#cc-main .cm--box .cm__title{font-size:17px!important;margin:0 0 6px!important}
#cc-main .cm--box .cm__desc{font-size:14px!important;line-height:1.45!important}
#cc-main .cm--box .cm__btns{padding:10px 20px 14px!important;border-top:0!important}
#cc-main .cm--box .cm__btn-group{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px}
#cc-main .cm--box .cm__btn{flex:1 1 40%;min-height:46px!important;font-size:14px!important;margin:0!important}
#cc-main .cm--box .cm__btn[data-role=show]{flex:1 1 100%;min-height:28px!important;background:none!important;border:0!important;text-decoration:underline;color:var(--cc-primary-color)!important}
#cc-main .cm--box .cm__title,#cc-main .cm--box .cm__desc{padding-left:0!important;padding-right:0!important}
#cc-main .cm--box .cm__desc{margin-top:0!important;padding-bottom:6px!important}
@media (max-width:700px){#cc-main .cm-wrapper .cm--box{bottom:12px!important}}
/* Seit 03.11. live (Philipp: „passt, hochladen“), Philipp: „Alle akzeptieren ein bisschen stärker hervorgehoben … dass man eher auf alle akzeptieren drückt“.
   Hauptknopf Logo-Grau, breiter (60 %), kräftigere Schrift, leichter Schatten; „Nur notwendige“ nach Regel K2 als Nebenknopf
   weiß mit feiner Linie, gleich hoch, gut lesbar (13,3:1), bleibt auf der ersten Ebene. */
#cc-main .cm--box .cm__btn:not(.cm__btn--secondary):not([data-role=show]){flex:1.5 1 0!important;font-weight:700!important;box-shadow:0 3px 10px rgba(43,49,54,.28)!important}
#cc-main .cm--box .cm__btn--secondary:not([data-role=show]){flex:1 1 0!important;background:#fff!important;border:1px solid #c8cccd!important;font-weight:500!important}
#cc-main .cm--box .cm__btn:not([data-role=show]){white-space:nowrap!important;padding:8px 12px!important}
#cc-main .cm--box .cm__btn:not(.cm__btn--secondary):not([data-role=show]){flex:1.3 1 0!important}
@media (max-width:360px){#cc-main .cm--box .cm__btn:not([data-role=show]){font-size:13px!important;padding:8px 6px!important}
#cc-main .cm--box .cm__btn:not(.cm__btn--secondary):not([data-role=show]){flex:1.15 1 0!important}}
/* Seit 03.11. live (Philipp: „passt, hochladen“), Philipp: „Alle akzeptieren“ rechts (Daumen, Leserichtung), „Nur notwendige“ ohne Rand – bleibt aber als
   helle Fläche gleich hoch erkennbar (nur Text-Link wäre rechtlich angreifbar). */
#cc-main .cm--box .cm__btn--secondary:not([data-role=show]){border:0!important;background:#f1f2f2!important;box-shadow:none!important}
#cc-main .cm--box .cm__btn:not(.cm__btn--secondary):not([data-role=show]){order:2;min-height:46px!important;max-height:46px}
#cc-main .cm--box .cm__btn--secondary:not([data-role=show]){order:1}