.boxinnen ul li {
	line-height: 1.4em
}


#amount2 {
	display: none
}


.shortwrapper {
	margin:  0;
	
	
}

.shortwrapper .kurzspenden-form-inner {

	padding: 48px 24px;
	border-radius: 0 64px 0 0;
	margin: 0
}

.shortwrapper .kurzspenden-form-inner h3,
.shortwrapper .kurzspenden-form-inner h4 {
	font-size: 36px;
	margin-bottom: 28px
}

.shortwrapper #payment_interval {
	display: none;
}


.shortwrapper #myinterval,
.shortwrapper #itemField {
	
	flex: 1 1 200px;
	min-width: 200px;
}


.shortwrapper #myamount ul {
	margin: 0;
	padding: 0;
	margin-top: 0.5em;
	
	
}

.shortwrapper #myamount li {
	display: inline;
	margin: 5px;
	padding: 0;
}

.shortwrapper #myamount li:last-child {
	flex: 0 0 auto;
	margin-right: 10px;
	width: calc(100% - 10px)
}


.shortwrapper #myamount a:link,
.shortwrapper #myamount a:visited {
	border-radius: 100%;
  padding: 30px;
  background: #b4043f;
  color: #fff;
  cursor: pointer;
  border: solid 5px pink;
  margin: 20px;
  font-weight: bold;
  width: 100px;
  height: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;	
}

.shortwrapper #myamount a:hover,
.shortwrapper #myamount a:active,

.shortwrapper #myamount a.active,
.shortwrapper #myamount a.active:hover,
.shortwrapper #myamount a.active:active,
.shortwrapper #myamount a.active:focus {
	background: #ef2538;
	box-shadow: none;
	color: #fff;
	border: dashed 5px #57A8B7;

    background: #3A7C88;
}
.shortwrapper #myamount a:focus

{outline: solid 3px pink

}
.shortwrapper input[type="text"],
.shortwrapper select,
.shortwrapper textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	width: 100%;
	border: solid 2px #A9A29D;
	padding: 15px;
	line-height: 1.0em;
	color: var(--maincolor);
	margin: 5px;
	font-size: 1.2em;
}


.shortwrapper input {
	-webkit-transition: all ease-in-out 0.55s;
	-o-transition: all ease-in-out 0.55s;
	transition: all ease-in-out 0.55s;
	max-width: 100%;
}


#betrag2 {
	margin: 0;
	height: 52px;
}


.shortwrapper input.has-visited:not(:focus):required:invalid,
.shortwrapper textarea.has-visited:not(:focus):required:invalid,
.shortwrapper input.has-error,
.shortwrapper #payment_credit_card_number_wrapper.has-error #payment_credit_card_number {
	border: solid 1px #ed1941 !important;
}


.shortwrapper input:required:invalid {
	outline: 0;
}


.shortwrapper div.error,
.shortwrapper input.error {
	color: #ed1941;
}


.shortwrapper .spendenbild {
	position: relative;
	flex: 1;
	border-right: solid 10px #68c2b8;
	border-radius: 64px 0 0 0;
	overflow: hidden;
	margin: 0;
	
}

.shortwrapper img {
	object-fit: cover;
	height: 100%;
    width:100%;
	
	
}


.shortwrapper #errorMsg2,
.shortwrapper #errorMsg2 {
	border: solid 1px;
	padding: 20px;
	background: #ed1941;
	color: #ffffff;
}
input#betrag2
{	color: var(--maincolor);
max-width:350px;
display:block;
background:#f0dfea;
margin:20px auto; font-size:0.8em;
  border: solid 5px pink;
border-radius:4px;
}

input#betrag2::-webkit-input-placeholder,
input#betrag2::-moz-placeholder {
	color: var(--maincolor);
	opacity: 1
}


::-ms-input-placeholder {
	color: var(--maincolor);
	opacity: 1
}

input::placeholder {
	color: var(--maincolor);
	opacity: 1
}

.kurzspenden-form-inner label {
	display: inline-flex
}

.kurzspenden-form-inner input[type="radio"] {
	margin: 0 15px;
	border: solid 2px #F93649;
}

input[type="radio"]:checked::before {
	background: #F93649 !important;
}

label[for="monatlich"] {
	position: relative;
	
}

label[for="monatlich"]:after {
	content: '';
	position: absolute;
	left: -70px;
	top: -7px;
	display: block;
	width: 36px;
	height: 36px;
	z-index: -1;

}


input[type="radio"]#monatlich:checked + label[for="monatlich"]::after {
	background: no-repeat url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='75.75px' height='69.25px' viewBox='0 0 75.75 69.25' enable-background='new 0 0 75.75 69.25' xml:space='preserve'%3E%3Cpath fill='%23ef2538' d='M28.949,26.186c-2.594,0.101-5.188,1.431-6.593,4.074c-1.614-2.539-4.295-3.663-6.882-3.563 c-3.746,0.146-7.294,2.862-7.111,7.576c0.213,5.486,6.989,10.846,14.85,18.061c7.277-7.804,13.617-13.672,13.405-19.158 C36.435,28.454,32.691,26.041,28.949,26.186'/%3E%3Cpath fill='%23ef2538' d='M63.717,13.763c-2.779-1.078-6.118-0.861-8.806,1.282c-0.54-3.41-2.852-5.818-5.623-6.894 c-4.015-1.556-8.99-0.314-10.95,4.735c-2.279,5.877,2.415,14.616,7.399,25.807c11.23-4.9,20.588-8.188,22.867-14.066 C70.567,19.569,67.725,15.318,63.717,13.763'/%3E%3Cpath fill='%23ef2538' d='M43.747,53.636c-0.797-0.754-1.966-1.146-3.182-0.791c0.292-1.239-0.161-2.383-0.956-3.136 c-1.152-1.09-3.022-1.36-4.394,0.086c-1.597,1.687-1.216,5.321-1.077,9.833c4.511-0.104,8.162,0.08,9.758-1.605 C45.272,56.572,44.896,54.726,43.747,53.636'/%3E%3C/svg%3E") !important;
	top: -10px;
	left: -70px;
	width: 100px;
	height: 100px;
	opacity: 0;
	border-radius: 0;
	animation: heart 2.25s linear;
	
}



.kurzspende button {margin:20px 0 0 0}


@keyframes heart {
	0% {
		transform: translateY(-30px) scale(0.5);
		
	opacity: 0.5
	}
	
	
	50% {
		transform: translateY(-60px) scale(0.8);
		opacity: 1
	}
	100% {
		transform: translateY(-90px) scale(1);
		opacity: 0;
		
	}
}


@media screen and (min-width: 760px) {
	
	.shortwrapper {
		display: flex;
		flex-wrap: wrap;
	
		
  
		
	}
	
	

	
	.shortwrapper .kurzspenden-form-inner {
		z-index: 10;
	
		position: relative;
		padding: 48px;
		margin-bottom: 0;
		flex: 1;
		align-self: flex-end;
	}
	
	
	.shortwrapper .spendenbild {
		
	
		flex: 0 1 66%;
		
	}
	
}
@media screen and (min-width: 1200px) {
    .shortwrapper .kurzspenden-form-inner {
     
  
     
    }
    
}

@media screen and (min-width: 1440px) {

/* nach rechts und links rausziehen */
	
	
}
.landing-page
{
.kurzspenden-form-inner input[type="radio"] {
  margin: 0 15px;
  border: solid 2px var(--lightcolor);
}
.kurzspenden-form-inner  input[type="radio"]:checked::before {
  background: var(--lightcolor) !important;
}
}