@font-face {
  font-family: 'Futurium Type';
  font-display: swap;
  src:  url('/static/fonts/futurium-type/FuturiumTypeWeb-Regular.woff') format('woff'),
        url('/static/fonts/futurium-type/FuturiumTypeWeb-Regular.woff2') format('woff2');
  font-weight: 400;
}

* {
	font-family:Futurium Type !important
}

.page .row {
	padding: 0 !important;
}

h1 {
	text-align: left !important;
}

.logo {
	display: none
}

form,
.row {
	max-width: unset;
}

form {
	padding-left: 0;
	padding-right: 0;
}

.columns {
	padding-left: .625rem;
	padding-right: .625rem;
}

.row .row {
	margin-left: 0;
	margin-right: 0;
}

.amount-wrapper .button-wrapper label strong {
	font-size: 1rem;
}

.payment-component-wrapper h2 {
  	 text-align: left;
}

.payment-input-wrapper h2 {
	padding-left: .625rem;
	padding-right: .625rem;
	margin-top: 30px !important;
}

.button {
	border: none;
}

button.button.inactive {
	color: #000;
}

button.button+.hint, a.button+.hint {
	background: transparent;
}

button[type='submit'] {
	width: 100% !important;
}

.amount-wrapper {
       margin-bottom: 20px !important;
}       

.payment-wrapper {
	margin-bottom: 55px;
}

.rythm_target-wrapper {
	margin-bottom: 40px;
}

#donation-rhythm-select {
	padding-left: .625rem !important;
}

.radio,
#donation-rhythm-select {
	position: relative;
	font-size: 1rem !important;
}

.button:after,
.radio:after,
#donation-rhythm-select:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 0;
	border-color: #fff transparent transparent transparent;
 }

#donation-rhythm-select:after {
	left: 0.625rem;
}

.rythm_target-wrapper .onetime-recurring-wrapper select.inactive {
	color: #000;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path class='st0' style='fill: %23000000' d='M31.6,7.7c-0.6-0.6-1.5-0.6-2.1,0L16,21.1L2.6,7.7C2,7.1,1,7.1,0.4,7.7s-0.6,1.5,0,2.1l14.5,14.5c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4L31.6,9.8C32.1,9.2,32.1,8.3,31.6,7.7z'/></svg>");
}

input[type=radio]+label {
	color: #000;
}


input[type='email'],
input[type='text'],
input[type='number'] {
	 --b: 2px; 
 	 --s: 9px; 
 	 --c: #000;
	 border-color: var(--c) !important;
	 clip-path: polygon(var(--s) 0, 100% 0, 100% 100%, 0 100%, 0 var(--s));
	 background: linear-gradient(135deg, var(--c) calc(0.707 * var(--s) + var(--b)), #0000 0) border-box;
}

input[type='email'].ng-touched,
input[type='text'].ng-touched {
	 --c: #000;
}

input[type='email'].ng-touched.ng-invalid,
input[type='text'].ng-touched.ng-invalid {
	 --c: #cb4900;
}

.infotext {
	background: #44b49f;
}

.infotext:before {
	border-bottom-color: #44b49f;
}

.checkboxbutton-wrapper label {
	padding: 0 !important;
	background: transparent !important;
	color: #000;
}

.checkboxbutton-wrapper label:before {
	border-radius: 0;
}

.payment-sepa-hint {
	color: #000;
	background: #44b49f;
}

.payment-sepa-hint:hover,
.payment-sepa-hint:focus {
	background: #67c6b4;
	color: #000;
}

.payment-component-wrapper .method-wrapper .has-recommendation input[type=radio]+label {
	border-color: #000;
}

.payment-component-wrapper .method-wrapper .has-recommendation input[type=radio]+label span.recommendation {
	background: #000;
	color: #fff;
}

label, input[type=text]+label, input[type=text]+.formfield-error, input[type=number]+label, input[type=number]+.formfield-error, input[type=tel]+label, input[type=tel]+.formfield-error, input[type=email]+label, input[type=email]+.formfield-error, input[type=date]+label, input[type=date]+.formfield-error, select+label, select+.formfield-error, textarea+label, textarea+.formfield-error {
	font-size: 12px !important;
}