/* Cookie-Hinweis: fester, kompakter Streifen unten, bleibt im Blick (gepinnt), deckend */
.cc-notice{display:none}
.cc-notice.visible-now{display:block;position:fixed;left:0;right:0;bottom:0;z-index:160;background:var(--flaeche);border-top:2px solid var(--schuss-dunkel)}
.cc-notice-innen{max-width:var(--zeile-max);margin:0 auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;padding:.3rem clamp(16px,4vw,40px)}
.cc-notice-text{margin:0;color:var(--faser-text);font-size:.86rem;line-height:1.3;flex:1 1 auto}
.cc-notice-text a{color:var(--malachit);font-weight:600}
.cc-notice-knoepfe{display:flex;gap:.5rem;flex-wrap:nowrap;flex:0 0 auto}
.cc-notice .knopf{min-height:44px;padding:.4rem .9rem;font-size:.86rem}
@media(max-width:620px){
	.cc-notice-innen{flex-wrap:wrap;gap:.4rem .8rem;padding:.4rem 16px}
	.cc-notice-text{flex:1 1 100%}
}

/* Platz fuer den Streifen reservieren, solange er sichtbar ist */
html:has(.cc-notice.visible-now){scroll-padding-bottom:170px}
body:has(.cc-notice.visible-now){padding-bottom:96px}
@media(max-width:560px){
	body:has(.cc-notice.visible-now){padding-bottom:170px}
	.cc-notice .knopf{flex:1 1 auto}
}