body.modal-open {
    overflow: hidden;
}

/* Das Banner passt sich dem Geraet an - Breite UND Hoehe, Hoch- wie Querformat.
   Frueher wurde es auf schmalen Hochformat-Telefonen um 90 Grad gedreht und
   hatte eine Mindestbreite von 552px; beides ist weg. Der Dialog ist nie
   breiter als der Bildschirm, nie hoeher als der Bildschirm, und nur der Text
   scrollt - Titel und Buttons bleiben immer sichtbar. */
.cookie-dialog {
	width: auto;
	max-width: min(720px, calc(100vw - 1rem)) !important;
	margin: .5rem auto;
}
.cookie-dialog .modal-content {
	max-height: calc(100vh - 1rem);
	max-height: calc(100dvh - 1rem);
}
.cookie-dialog .modal-header,
.cookie-dialog .modal-footer { flex: 0 0 auto; }
.cookie-dialog .modal-body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.cookie-dialog .modal-footer form {
	display: flex; flex-wrap: wrap; gap: .5rem; width: 100%; justify-content: flex-end;
}
.cookie-dialog .cookie-btn { flex: 1 1 150px; min-height: 44px; }
.cookie-group { overflow-x: auto; }

.cookie-dialog a:hover {
	color: var(--sage-dark);
}

.cookie-dialog p {
    font-size: 14px;
}

.modal-content {
	padding: 20px;
	color: black;
}

.cookie-table th, td {
  padding: 15px;
  text-align: left;
}

.cookie-table tr:nth-child(odd) {
    /* war ein Hellblau und damit die einzige kalte Farbe der Seite */
    background-color: var(--sage-tint);
}

.cookie-group:target:before {
	display:none !important;
}

/* kleine Bildschirme: weniger Polster, kleinere Tabellenzellen */
@media (max-width: 575.98px) {
	.cookie-dialog .modal-content { padding: 14px; }
	.cookie-table th, .cookie-table td { padding: 8px; }
}
/* niedrige Bildschirme (Telefon im Querformat) */
@media (max-height: 480px) {
	.cookie-dialog .modal-content { padding: 10px; }
	.cookie-dialog .modal-header, .cookie-dialog .modal-footer { padding: .4rem .75rem; }
	.cookie-dialog p { font-size: 13px; margin-bottom: .5rem; }
	.cookie-dialog .modal-title { font-size: 1.1rem; }
}
@media (min-width: 576px) {
	.cookie-dialog { margin: 1.75rem auto; }
}