/* Widerrufsformular.
   Schrift und Überschriften kommen aus dem globalen Theme-Style, hier stehen
   nur Layout, Formularelemente und die Markenfarben für Akzente. */

.chapasa-widerruf {
	--cw-terrakotta: #C56B4F;
	--cw-terrakotta-dunkel: #A85539;
	--cw-salbei: #9CAF9A;
	--cw-sand: #E6DCCF;
	--cw-creme: #F7F4EF;

	max-width: 34rem;
	margin: 0 auto;
}

.chapasa-widerruf .chapasa-widerruf__titel {
	margin-top: 0;
}

.chapasa-widerruf__einleitung {
	margin: 0 0 1.75rem;
}

.chapasa-widerruf__feld {
	margin-bottom: 1.15rem;
}

.chapasa-widerruf__label {
	display: block;
	margin-bottom: 0.3rem;
	font-weight: 600;
}

.chapasa-widerruf .chapasa-widerruf__eingabe {
	width: 100%;
	padding: 0.7rem 0.85rem;
	border: 1px solid var(--cw-sand);
	border-radius: 4px;
	background-color: #fff;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.4;
	box-shadow: none;
}

.chapasa-widerruf .chapasa-widerruf__eingabe::placeholder {
	color: #8C857E;
	opacity: 1;
}

.chapasa-widerruf .chapasa-widerruf__eingabe:focus {
	border-color: var(--cw-terrakotta);
	outline: 2px solid var(--cw-terrakotta);
	outline-offset: 1px;
}

.chapasa-widerruf__hinweis {
	margin: 0 0 1.5rem;
	font-size: 0.9em;
	opacity: 0.8;
}

.chapasa-widerruf__hinweis--unten {
	margin: 1.25rem 0 0;
}

/* Astra setzt bei Buttons eigene Hover-Farben; deshalb hier alle relevanten
   Eigenschaften in beiden Zuständen ausdrücklich festlegen. */
.chapasa-widerruf .chapasa-widerruf__absenden,
.chapasa-widerruf .chapasa-widerruf__absenden:visited {
	display: inline-block;
	padding: 0.8rem 1.6rem;
	border: none;
	border-radius: 4px;
	background-color: var(--cw-terrakotta);
	color: #fff;
	font-family: inherit;
	font-size: inherit;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	transition: none;
}

.chapasa-widerruf .chapasa-widerruf__absenden:hover,
.chapasa-widerruf .chapasa-widerruf__absenden:focus,
.chapasa-widerruf .chapasa-widerruf__absenden:active {
	background-color: var(--cw-terrakotta-dunkel);
	color: #fff;
	transition: none;
}

.chapasa-widerruf .chapasa-widerruf__absenden:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.chapasa-widerruf .chapasa-widerruf__absenden[disabled] {
	opacity: 0.65;
	cursor: default;
}

.chapasa-widerruf__meldung {
	padding: 0.85rem 1rem;
	margin: 0 0 1.5rem;
	border-left: 4px solid var(--cw-salbei);
	background-color: var(--cw-creme);
}

.chapasa-widerruf__meldung--fehler,
.chapasa-widerruf__meldung--warnung {
	border-left-color: var(--cw-terrakotta);
}

.chapasa-widerruf--erfolg {
	padding: 1.75rem;
	background-color: var(--cw-creme);
	border-radius: 6px;
}

.chapasa-widerruf--erfolg p:last-child {
	margin-bottom: 0;
}

/* Zusätzlich zum Inline-Style im Markup, falls dieses Stylesheet fehlt. */
.chapasa-widerruf__honigtopf {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 480px) {
	.chapasa-widerruf .chapasa-widerruf__absenden {
		width: 100%;
	}
}