/*temp*/
#spendenform-2024 {
	/*end temp*/
	/* -------------------------- */
	/* ------ rechte boxen ------ */
	/* -------------------------- */
}
.col-md-7 {
	position: relative;
}
label {
	max-width: 100%;
	margin-bottom: 5px;
}
.hidden {
	display: none !important;
}
.form-group {
	margin-bottom: 15px;
}

.dropdown-menu {
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	list-style:none;
	font-size:14px;
	text-align:left;
	background-color:#fff;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.15);
	border-radius:4px;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);
	box-shadow:0 6px 12px rgba(0,0,0,0.175);
	background-clip:padding-box;
}
.dropdown-menu.pull-right {
	right:0;
	left:auto;
}
.dropdown-menu .divider {
	height:1px;
	margin:9px 0;
	overflow:hidden;
	background-color:#e5e5e5;
}
.dropdown-menu > li > a {
	display:block;
	padding:3px 20px;
	clear:both;
	font-weight:normal;
	line-height:1.42857;
	color:#333333;
	white-space:nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	text-decoration:none;
	color:#262626;
	background-color:#f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color:#fff;
	text-decoration:none;
	outline:0;
	background-color:#337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	color:#777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	text-decoration:none;
	background-color:transparent;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor:not-allowed;
}
.open > .dropdown-menu {
	display:block;
}
.open > a {
	outline:0;
}


#spendenform-2024 #breadcrumb {
	display: none;
}
#spendenform-2024 #adh-spendenform .row {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
#spendenform-2024 a {
	color: #e6000a;
}
#spendenform-2024 a:hover {
	color: #e6000a;
}
#spendenform-2024 .schirmherr {
	width: 120px;
	height: 120px;
	margin: 5px 15px 45px 0;
	background-color: #f2f2f2;
	float: left;
}
#spendenform-2024 .trust p {
	font-size: 14px !important;
}
#spendenform-2024 .unterschrift {
	float: left;
	width: 180px;
	height: 40px;
	background-color: #f2f2f2;
}
#spendenform-2024 #adh-spendenform h2, #spendenform-2024 #adh-spendenform legend {
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: 500;
	color: #444;
}
#spendenform-2024 #adh-spendenform .zahlart .paymentMethod {
	width: 31%;
	margin-right: 1%;
	display: block;
	float: left;
}
#spendenform-2024 #adh-spendenform .zahlart div:nth-last-child(2) {
	margin-right: 0;
}
#spendenform-2024 #adh-spendenform .zahlart div:nth-last-child(2) img {
	margin-right: 0;
}
#spendenform-2024 #adh-spendenform .loading {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 222;
	opacity: 0.9;
	background-image: url('/_assets/e10ca1f65b7c7c865d578153d4451616/Images/Fundraisingbox/loader.gif');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
#spendenform-2024 #adh-spendenform .incentive {
	color: #2289ca;
	font-size: 18px;
	font-weight: 500;
}
#spendenform-2024 #adh-spendenform input[type="radio"] {
	position: absolute;
	z-index: -1;
	left: 0;
}
#spendenform-2024 #adh-spendenform .m-l-30 {
	margin-left: 30px;
}
#spendenform-2024 #adh-spendenform .m-r-0 {
	margin-right: 0px;
}
#spendenform-2024 #adh-spendenform .m-r-2p {
	margin-right: 2% !important;
}
#spendenform-2024 #adh-spendenform .m-b-10 {
	margin-bottom: 10px;
}
#spendenform-2024 #adh-spendenform #ktoBlz-container {
	display: none;
}
#spendenform-2024 #adh-spendenform .error, #spendenform-2024 #adh-spendenform .errorText {
	color: #f00;
	clear: both;
}
#spendenform-2024 .errorMessage {
	color: #f00;
}
#spendenform-2024 .maintenanceMessage {
	color: #f00;
	padding: 40px;
}
#spendenform-2024 #adh-spendenform .dropdown-menu {
	max-height: 400px;
	overflow-y: scroll;
}
#spendenform-2024 #adh-spendenform .betrag label, #spendenform-2024 #adh-spendenform .rhythmus label, #spendenform-2024 #adh-spendenform .kontakt label:not(.label,.sr-only), #spendenform-2024 #adh-spendenform .zahlart label, #spendenform-2024 #adh-spendenform .lastschrift label {
	float: left;
	display: inline-block;
	width: 49%;
	padding: 10px 0px;
	background-color: #f2f2f2;
	transition: background 0.5s;
	transition: border 0.1s;
	font-size: 20px;
	font-weight: 300;
	cursor: pointer;
	text-align: center;
	border-radius: 3px;
	border: 2px solid #eee;
	margin-right: 2%;
	line-height: 34px;
}
#spendenform-2024 #adh-spendenform .betrag label:hover, #spendenform-2024 #adh-spendenform .rhythmus label:hover, #spendenform-2024 #adh-spendenform .kontakt label:not(.label):hover, #spendenform-2024 #adh-spendenform .zahlart label:hover, #spendenform-2024 #adh-spendenform .lastschrift label:hover {
	background-color: #eaeaea;
}
#spendenform-2024 #adh-spendenform .rhythmus label:nth-of-type(2), #spendenform-2024 #adh-spendenform .kontakt label:nth-of-type(2), #spendenform-2024 #adh-spendenform .lastschrift label:nth-of-type(2) {
	margin-right: 0;
}
#spendenform-2024 #adh-spendenform .betrag label {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;
	border: 2px solid #ddd;
}

#spendenform-2024 #adh-spendenform .betrag .otheramount label {
	width: 40px;
	height: 60px;
}
#spendenform-2024 #adh-spendenform .betrag label:nth-of-type(3) {
	margin-right: 0%;
}
#spendenform-2024 #adh-spendenform input[type="radio"]:checked + label {
	background-color: #2289ca!important;
	color: #fff;
	font-weight: 500;
	border: 2px solid #2289ca;
}
#spendenform-2024 #adh-spendenform input[type="radio"]:focus + label {
	box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(34, 137, 202, 0.5);
}
#spendenform-2024 #adh-spendenform input[type="text"], #spendenform-2024 #adh-spendenform input[type="email"], #spendenform-2024 #adh-spendenform input[type="tel"], #spendenform-2024 #adh-spendenform input[type="number"], #spendenform-2024 #adh-spendenform select {
	float: left;
	width: 66%;
	margin-bottom: 10px;
	padding: 10px 10px;
	text-align: center;
	font-size: 20px;
	border: 2px solid #eee;
	margin-right: 0;
	background-color: #f2f2f2;
	line-height: 34px;
}
#spendenform-2024 #adh-spendenform select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('/_assets/e10ca1f65b7c7c865d578153d4451616/Images/Fundraisingbox/selectbox_background.png');
	background-position: right -1px;
	background-repeat: no-repeat;
	padding-right: 50px;
}
#spendenform-2024 #adh-spendenform select::-ms-expand {
	display: none;
}
#spendenform-2024 input[type="text"]:focus, #spendenform-2024 #adh-spendenform input[type="text"]:focus {
	border-color: #2289ca;
	box-shadow: none;
	outline: none;
}
#spendenform-2024 input[type="email"]:focus, #spendenform-2024 #adh-spendenform input[type="email"]:focus {
	border-color: #2289ca;
	box-shadow: none;
	outline: none;
}
#spendenform-2024 input[type="tel"]:focus, #spendenform-2024 #adh-spendenform input[type="tel"]:focus {
	border-color: #2289ca;
	box-shadow: none;
	outline: none;
}
#spendenform-2024 #adh-spendenform input[type="text"].betrag {
	background: #fff !important;
}
#spendenform-2024 #adh-spendenform input[type="text"].betrag:focus {
	border: 2px solid #2289ca;
}
#spendenform-2024 .form-group.zweck {
	margin-top: 30px;
	width: 100%;
}

#spendenform-2024 .form-group.zweck {
	margin-top: 30px;
}

.wdr-weihnachtswunder {
	display: none;
}

/* WDR 2 Weihnachtswunder */
[data-project-id="63818"] .wdr-weihnachtswunder {
	display: block;
	margin-top: 40px;
}

#spendenform-2024 .form-group.zweck.open,
#spendenform-2024 .spendenquittung.open {
	position: relative;
}
#spendenform-2024 .zweck-text, #spendenform-2024 .interval-text {
	float: left !important;
	width: 32%;
	margin-right: 2%;
	padding: 10px 0;
	font-size: 20px;
}
#spendenform-2024 #adh-spendenform .spendenzweck, #spendenform-2024 #adh-spendenform .intervallDropdown {
	border-right: none !important;
	margin: 0;
	width: 58% !important;
}
#spendenform-2024 #adh-spendenform #firmenfeld {
	float: left;
	max-height: 0;
	transition: max-height 0.5s ease;
	width: 100%;
}
#spendenform-2024 #adh-spendenform input.anrede {
	width: 90% !important;
}
#spendenform-2024 #adh-spendenform #firstname, #spendenform-2024 #adh-spendenform #lastname, #spendenform-2024 #adh-spendenform #bank_account_owner, #spendenform-2024 #adh-spendenform #payment_credit_card_owner {
	background: #f2f2f2 url("/_assets/e10ca1f65b7c7c865d578153d4451616/Images/Fundraisingbox/person.png") right top no-repeat;
}
#spendenform-2024 #adh-spendenform #companyname {
	background: #f2f2f2 url("/_assets/e10ca1f65b7c7c865d578153d4451616/Images/Fundraisingbox/company.png") right top no-repeat;
}
#spendenform-2024 #adh-spendenform #email {
	background: #f2f2f2 url("/_assets/e10ca1f65b7c7c865d578153d4451616/Images/Fundraisingbox/letter.png") right top no-repeat;
}
#spendenform-2024 #adh-spendenform .otheramount {
	background: #f2f2f2 url("/_assets/e10ca1f65b7c7c865d578153d4451616/Images/Fundraisingbox/euro.png") right top no-repeat;
	border: 2px solid #eee;
	float: left;
	margin-bottom: 10px;
	padding: 0 40px 0 0;
	width: 66%;
}
#spendenform-2024 #adh-spendenform .otheramount:focus {
	border: 2px solid #2289ca;
}
#spendenform-2024 #adh-spendenform .otheramount #betrag-05 {
	border: none;
	float: none;
	margin-bottom: 0;
	padding: 10px 0 10px 10px;
	width: 100%;
}
#spendenform-2024 button .glyphicon {
	font-size: 16px;
}
#spendenform-2024 .dropdown-menu {
	top: inherit;
	margin-top: 0;
	border-bottom: none;
	float: right;
	right: 20px;
	left: inherit;
	width: 66%;
}

#spendenform-2024 .dropdown-menu.zweck {
	left: initial;
	right: 0!important;
	width: 66%;
}
#spendenform-2024 .btn.dropdown-toggle {
	background-color: #f2f2f2;
	border: 2px solid #eee;
	border-left: 1px solid #fff;
	border-radius: 0;
	font-size: 20px;
	margin: 0;
	padding: 10px 0 10px 0;
	width: 8%;
	line-height: 32px;
}
#spendenform-2024 input:disabled {
	color: #000;
}
#spendenform-2024 input:disabled::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 1;
	/* Firefox */
}
#spendenform-2024 input:disabled:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #000;
}
#spendenform-2024 input:disabled::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #000;
}
#spendenform-2024 #adh-spendenform .form-group .form-floating input{
	float: none !important;
	font-weight: 400;
	line-height: 34px;
	box-shadow: none;
}
#spendenform-2024 #adh-spendenform .form-group .form-floating input:focus + label,
#spendenform-2024 #adh-spendenform .form-group .form-floating>.form-control:not(:placeholder-shown)~label {
	transform: scale(.7) translateY(-.8rem) translateX(.45rem);
}
#spendenform-2024 #adh-spendenform .form-group .form-floating input + label{
	float: none;
	align-content: center;
	background-color: transparent;
	width: auto;
	transition: opacity .1s ease-in-out, transform .1s ease-in-out;
	border: none;
	padding-left: 10px;
	font-weight: 400;
	color: rgb(117, 117, 117);
	opacity: 1 !important;
	height: 58px;
}
#spendenform-2024 .dropdown-menu > a.dropdown-item, #spendenform-2024 .dropdown-menu span {
	color: #000;
	display: block;
	font-size: 18px;
	padding: 5px 15px;
}
#spendenform-2024 a.dropdown-item:hover {
	background-color: #f2f2f2;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
#spendenform-2024 .dropdown-menu.anrede {
	float: left;
	right: inherit;
	width: 49%;
}
#spendenform-2024 .dropdown-menu.spendenquittung, #spendenform-2024 .dropdown-menu.land {
	right: inherit;
	width: 100%;
}
#spendenform-2024 .label {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding: 0px 0px 5px 0px;
	color: #000;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
}
#spendenform-2024 .c25, #spendenform-2024 .c50, #spendenform-2024 .c75, #spendenform-2024 .c32, #spendenform-2024 .c100 {
	float: left !important;
	margin-right: 2%;
}
#spendenform-2024 .c25 {
	width: 24%;
}
#spendenform-2024 .c32 {
	width: 32%;
}
#spendenform-2024 .c50 {
	width: 49%;
}
#spendenform-2024 .c75 {
	width: 74%;
}
#spendenform-2024 .c100 {
	width: 100%;
}
#spendenform-2024 #adh-spendenform .c25 {
	margin-right: 0;
}
#spendenform-2024 #adh-spendenform .c50:nth-of-type(3), #spendenform-2024 #ktoBlz-container .c50:nth-of-type(2), #spendenform-2024 #kreditkarte .c50:nth-of-type(2) {
	margin-right: 0;
}
#spendenform-2024 #adh-spendenform .kontakt input[type="text"], #spendenform-2024 #adh-spendenform .kontakt input[type="email"], #spendenform-2024 #adh-spendenform .kontakt input[type="tel"], #spendenform-2024 #adh-spendenform .kontakt input[type="number"], #spendenform-2024 #adh-spendenform select, #spendenform-2024 #adh-spendenform #lastschrift input[type="text"], #spendenform-2024 #adh-spendenform #kreditkarte input[type="text"] {
	width: 100%;
	text-align: left;
	background-color: #f2f2f2;
}
#spendenform-2024 input.spendenquittung, #spendenform-2024 input.land {
	width: 92% !important;
}
#spendenform-2024 .c50 .btn.dropdown-toggle {
	text-align: left;
}
#spendenform-2024 #adh-spendenform .c50 input.anrede {
	width: 84% !important;
}
#spendenform-2024 #adh-spendenform .c50 button.dropdown-toggle {
	width: 16%;
	text-align: center;
}
#spendenform-2024 .message {
	margin: 30px 0 5px 0;
	text-align: center;
}
#spendenform-2024 .message > a {
	padding: 5px 8px;
}
#spendenform-2024 .message > a:hover {
	cursor: pointer;
}
#spendenform-2024 #message {
	overflow: hidden;
	transition: max-height 1s ease;
}
#spendenform-2024 #btn-message-field {
	font-size: 18px;
}
#spendenform-2024 #btn-message-field:hover {
	color: #e6000a;
	cursor: pointer;
}
#spendenform-2024 #btn-message-field:focus {
	box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(34, 137, 202, 0.5);
	outline: none;
}
#spendenform-2024 #btn-message-field .glyphicon {
	font-size: 12px;
	margin-left: -4px;
}
#spendenform-2024 textarea {
	border: 2px solid #eee;
	padding: 10px;
	resize: none;
	width: 100%;
}
#spendenform-2024 textarea:focus, #spendenform-2024 #adh-spendenform textarea:focus {
	border-color: #2289ca;
	box-shadow: none;
	outline: none;
}
#spendenform-2024 #adh-spendenform .dropdown-watcher input:focus {
	border-color: #eee;
	box-shadow: none;
	outline: none;
}
#spendenform-2024 #adh-spendenform .zahlart label {
	align-items: center;
	border-color: #ddd;
	font-size: 16px;
	display: flex;
	justify-content: center;
	height: 62px;
	hyphens: auto;
	margin-right: 0;
	margin-bottom: 10px;
	width: 100%;
	word-wrap: break-word;
	line-height: normal;
}
#spendenform-2024 #adh-spendenform .zahlart label:nth-of-type(4) {
	margin-right: 0;
}
#spendenform-2024 img.zahlart {
	float: left;
	width: 100%;
	margin-right: 2%;
	margin-bottom: 10px;
	border: none !important;
	opacity: 0.15;
	transition: opacity 0.5s;
}
#spendenform-2024 img.zahlart.aktiv {
	opacity: 1;
}
#spendenform-2024 img.zahlart:nth-of-type(4) {
	margin-right: 0;
}
#spendenform-2024 #lastschrift, #spendenform-2024 #kreditkarte {
	float: left;
	margin-top: 10px;
	width: 100%;
}
#spendenform-2024 #spendenbutton {
	width: 100%;
	font-size: 24px;
	font-weight: 500;
	background: #e6000a;
	color: #fff;
	padding: 10px 15px;
	margin: 30px auto;
	margin-top: 60px;
	border: none;
	border-radius: 4px;
	transition: background, box-shadow 0.25s;
}
#spendenform-2024 #spendenbutton:hover {
	box-shadow: none;
	background: #d6000c;
}
#spendenform-2024 #adh-spendenform .spenden-infos, #spendenform-2024 #adh-spendenform .kontakt-infos, #spendenform-2024 .address-infos, #spendenform-2024 .sicherheits-infos {
	position: relative;
	overflow: hidden;
	margin-top: 54px;
	padding: 10px;
	border: 3px solid #f2f2f2;
}
#spendenform-2024 #adh-spendenform .spenden-infos {
	margin-top: 50px;
	max-height: 278px;
	font-size: 14px;
}
#spendenform-2024 #adh-spendenform .address-infos {
	margin-top: 254px;
}
#spendenform-2024 .spenden-infos-overlay {
	float: left;
	position: relative;
	z-index: 5;
	top: -70px;
	transition: top 1s;
	transition-delay: 0.15s;
}

@media (max-width: 1399px) {
	#spendenform-2024 .spenden-infos-overlay {
		top: -150px;
	}
}

#spendenform-2024 .kontakt-infos-overlay {
	top: -50px;
}
#spendenform-2024 .kontakt-infos-overlay h3, #spendenform-2024 .spenden-infos-overlay h3, #spendenform-2024 .kontakt-infos-overlay p, #spendenform-2024 .spenden-infos-overlay p {
	position: relative;
	float: left;
	background: rgba(255, 255, 255, 0.95);
	padding: 10px;
}

#spendenform-2024 .kontakt-infos-overlay p {
	width: 100%;
	margin-bottom: 0;
}
#spendenform-2024 .kontakt-infos-overlay p:last-child {
	padding-bottom: 0;
}
#spendenform-2024 .spenden-infos-overlay h3, #spendenform-2024 .kontakt-infos h3, #spendenform-2024 .address-infos h3, #spendenform-2024 .sicherheits-infos h3 {
	color: #444;
	transition: color 0.75s;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: 500;
}
#spendenform-2024 .spenden-infos-overlay h3:after {
	clear: both;
}
#spendenform-2024 .spenden-infos-overlay p {
	font-size: 16px;
	padding-bottom: 50px;
}
#spendenform-2024 #adh-spendenform .spenden-infos:hover .spenden-infos-overlay {
	top: -222px;
}
#spendenform-2024 #adh-spendenform .spenden-infos:hover .spenden-infos-overlay h3 {
	color: #e6000a;
}
#spendenform-2024 .sicherheits-infos img {
	margin: 0 0 20px 0;
	max-width: 100%;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage {
	flex: 1 1 250px;
	margin-right: 2%;
	min-width: 250px;
	-moz-box-flex: 1 1 250px;
	-webkit-box-flex: 1 1 250px;
	-ms-flex: 1 1 250px;
	-webkit-flex: 1 1 250px;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card {
	border-radius: 17px;
	box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .1);
	height: 200px;
	margin: 12px 0 0 0;
	max-width: 340px;
	position: relative;
	transform: rotateY(0deg);
	transform-style: preserve-3d;
	transition: all 400ms linear;
	-moz-transform-style: preserve-3d;
	-moz-transition: all 400ms linear;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-webkit-transition: all 400ms linear;
	-webkit-transform-style: preserve-3d;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front {
	backface-visibility: hidden;
	background: #4485c7;
	background: linear-gradient(to bottom, #0072bc 0, #7ba6d0 100%);
	background: -moz-linear-gradient(top, #0072bc 0, #7ba6d0 100%);
	background: -webkit-linear-gradient(top, #0072bc 0, #7ba6d0 100%);
	border-radius: 17px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4485c7', endColorstr='#7ba6d0', GradientType=0);
	height: 100%;
	padding: 50px 30px;
	position: absolute;
	transform: translateZ(1px);
	transform-style: preserve-3d;
	transition: background 0.3s ease 0s;
	width: 100%;
	z-index: 50;
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(1px);
	-webkit-transform-style: preserve-3d;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .type {
	height: 45px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 75px;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .type img {
	float: right;
	width: 100%;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .chip {
	background: rgba(0, 0, 0, 0) linear-gradient(135deg, #fffcb1 0, #b4a365 100%);
	border-radius: 7px;
	height: 40px;
	position: absolute;
	width: 55px;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .chip:after {
	background: rgba(0, 0, 0, 0) linear-gradient(105deg, #fffcb1 0, #b4a365 90%);
	border-radius: 4px;
	bottom: 0;
	content: "";
	display: block;
	height: 25px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 35px;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .card_number {
	color: #053a5c;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	position: absolute;
	top: 110px;
	transition: color 0.5s ease 0s;
	word-spacing: 3px;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .date {
	bottom: 20px;
	color: #053a5c;
	font-size: 15px;
	height: 35px;
	margin-bottom: 10px;
	position: absolute;
	right: 35px;
	text-align: center;
	transition: color 0.5s ease 0s;
	width: 80px;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .date:before {
	content: "valid \a thru";
	display: block;
	font-size: 9px;
	left: 0;
	line-height: 1em;
	margin-top: 8px;
	position: absolute;
	text-align: center;
	top: -21px;
	width: 100%;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .date:after {
	bottom: 2px;
	content: "MONTH / YEAR";
	display: block;
	font-size: 9px;
	position: absolute;
	text-align: center;
	width: 100%;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .date .date_value {
	font-size: 15px;
	font-weight: 500;
	transition: color 0.5s ease 0s;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .date .year_value {
	font-size: 15px;
	font-weight: 500;
	transition: color 0.5s ease 0s;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .front .fullname {
	bottom: 29px;
	color: #053a5c;
	font-size: 17px;
	position: absolute;
	transition: color 0.5s ease 0s;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .back {
	background: linear-gradient(to bottom, #4485c7 0, #326ca6 100%);
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #4485c7, #326ca6) repeat scroll 0 0;
	background: -webkit-linear-gradient(top, #4485c7 0, #326ca6 100%);
	border-radius: 17px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4485c7', endColorstr='#326ca6', GradientType=0);
	height: 100%;
	position: absolute;
	transform: rotateY(180deg);
	transform-style: preserve-3d;
	width: 100%;
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .back .magnetic {
	background: rgba(0, 0, 0, .7);
	height: 50px;
	margin-top: 25px;
	position: absolute;
	width: 100%;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .back .bar {
	background: rgba(255, 255, 255, .7);
	height: 37px;
	left: 10px;
	margin-top: 100px;
	position: absolute;
	width: 80%;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .back .seccode {
	border: solid 1px #c00;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	padding: 5px;
	position: absolute;
	right: 5px;
	top: 100px;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .credircardimage .card .back .disclaimer {
	bottom: 25px;
	color: #f1f1f1;
	font-size: 8px;
	left: 30px;
	line-height: 8px;
	position: absolute;
	width: 65%;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .creditcard {
	flex: 1 1 250px;
	min-width: 250px;
	-moz-box-flex: 1 1 250px;
	-webkit-box-flex: 1 1 250px;
	-ms-flex: 1 1 250px;
	-webkit-flex: 1 1 250px;
}
#spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .creditcard #creditcard_month label, #spendenform-2024 #adh-spendenform #kreditkarte .creditcardwrapper .creditcard #creditcard_year label {
	font-size: 14px;
}

#payment_credit_card_number.focus,
#payment_credit_card_secure_id.focus{
	border-color: #2289ca!important;
	box-shadow: none;
	outline: none;
}

@media (min-width: 478px) {
	#spendenform-2024 #adh-spendenform .zahlart label {
		font-size: 20px;
	}
}
@media (min-width: 550px) {
	#spendenform-2024 #adh-spendenform .incentive {
		margin-left: 15%;
	}
	#spendenform-2024 #spendenbutton {
		width: 74%;
		margin: 30px 13%;
	}
}
@media (min-width: 1215px) {
	#spendenform-2024 #adh-spendenform .spenden-infos {
		margin-top: 32px;
		max-height: 278px;
		font-size: 18px;
	}
	#spendenform-2024 .spenden-infos-overlay p {
		font-size: 18px;
	}
	#spendenform-2024 #adh-spendenform .spenden-infos:hover .spenden-infos-overlay {
		top: -222px;
	}
}
@media (max-width: 478px) {
	#spendenform-2024 #adh-spendenform .zweck-text {
		padding: 0;
	}
}

#donation-form-images-container {
	min-height: 200px;
}

@media screen and (min-width:769px) {
	#donation-form-images-container {
		min-height: 62vh;
	}
}

.loader {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 50%;
	top: 50%;
}

section.top-content {
	position: relative;
}