:root {
	font-family: sans-serif;
}

.normal {
}

.edit .preview_only,
.preview .edit_only {
	display: none;
}

.preview .hidden {
	display: none;
}

.edit .hidden {
	opacity: 0.3;
	margin-top: 0px;
	margin-bottom: 0px;
}

.bold {
	font-weight: bold;
}

.edit .textarea {
	// min-height: 4em;
	width: calc(100% - 8px);
	// -moz-appearance: textfield-multiline;
	// -webkit-appearance: textarea;
	// font: medium -moz-fixed;
	// font: -webkit-small-control;
	color: blue;
	border: 1px solid gray;
	overflow: auto;
	padding: 2px;
	// resize: vertical;
}

:placeholder-shown, .textarea[placeholder]:empty {
	border-color: red;
}

::placeholder, .textarea[placeholder]:empty::before {
	font-style: italic;
	color: red;
	opacity: 0.5;
}

.textarea[placeholder]:empty::before {
	content: attr(placeholder);
}

.multiparagraph div, .textarea div {
	margin-bottom: 1em;
}

.preview .edge {
	display: none;
}

.edit .edge {
	display: block;
	font-size: small;
	font-style: italic;
	color: brown;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.nospaceabove {
	margin-top: 0px;
}

label[for="booking_paragraphs"]:has(input#limited:checked) ~ div#booking_paragraphs p#no_booking_paragraph,
label[for="booking_paragraphs"]:has(input#limited:not(:checked)) ~ div#booking_paragraphs p#booking_paragraph,
label[for="travel_by_public_transport_paragraphs"]:has(input#accessible_by_public_transport:checked) ~ div#travel_by_public_transport_paragraphs p#no_travel_by_public_transport_paragraph,
label[for="travel_by_public_transport_paragraphs"]:has(input#accessible_by_public_transport:not(:checked)) ~ div#travel_by_public_transport_paragraphs div#travel_by_public_transport_text {
	display: none;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

.preview div label:has(input.optional:not(:checked)),
.preview ul li:has(input.optional:not(:checked)) {
	display: none;
}

.preview input.optional {
	display: none;
}

.edit label:has(input.optional:not(:checked)) .dimmable {
	color: grey;
}

.edit ul:has(input.optional) {
	margin-left: 0px;
	padding-left: 0px;
}

.edit ul li:has(input.optional) {
	list-style: none;
}

.preview select,
.preview input {
	display: none;
}

.edit .rendered_select,
.edit .rendered_input {
	display: none;
}