.rmo-dropshadowbox {
	box-sizing: border-box;
	width: var(--rmo-box-width, 300px);
	max-width: 100%;
	padding: 16px 18px;
	margin-top: 6px;
	margin-bottom: 18px;
	background: var(--rmo-box-bg, #fff);
	border: var(--rmo-box-border-width, 1px) solid var(--rmo-box-border-color, #d9d9d9);
	border-radius: 3px;
	box-shadow: 0 5px 14px rgba(0, 0, 0, .14);
	line-height: 1.55;
}

.rmo-dropshadowbox--right {
	float: right;
	margin-left: 22px;
}

.rmo-dropshadowbox--left {
	float: left;
	margin-right: 22px;
}

.rmo-dropshadowbox--center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.rmo-dropshadowbox--none {
	float: none;
}

/* Näherung für den alten "lifted-both"-Effekt */
.rmo-dropshadowbox--effect-lifted-both {
	box-shadow: 0 7px 15px rgba(0, 0, 0, .18);
}

.rmo-dropshadowbox::after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 767px) {
	.rmo-dropshadowbox,
	.rmo-dropshadowbox--right,
	.rmo-dropshadowbox--left,
	.rmo-dropshadowbox--center,
	.rmo-dropshadowbox--none {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 16px 0 20px;
	}
}