body {
  background: linear-gradient(180deg, rgba(22,102,62,1) 0%, rgba(8,42,25,1) 100%);
}

article.postsingle {
  background: #56a573;
}

h1 {
  color: #fff;
}

div.row.donation-target-row:before {
	content: 'Spendenzweck';
	font-size: .8125rem;
    line-height: 1.8;
    color: #999;	
    padding-left: .625rem;
}

div.start.widget.widget-header {
	background: none;
}

div.start.widget.widget-header headline,
project-progress {
	display: none;
}

label[for=donation_target],
input#donation_target {
	display: none;
}

 
 
 




/* Crowdfunding ===========================================*/

div#crowdfunding {
	overflow: hidden;
}


div#crowdfunding div.spendenbalken {
	box-sizing: border-box;
    height: 56px;
    line-height: 50px;
    background: #e6007e;
    font-family: var(--headfont-bold);
    color: #fff;
    margin-bottom: 1em;
    
    border-radius: 1000px 1000px 1000px 1000px;
    background: repeating-linear-gradient(-45deg, rgb(var(--magenta)), rgb(var(--magenta)) 10px, #CF2B79 10px, #CF2B79 20px );
    border: 3px solid rgba(0,0,0,0.3);    
}

div#crowdfunding div.spendenbalken div.fortschritt {
    box-sizing: border-box;
    height: 50px;
    background: #46962b;
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    
    border-radius: 1000px !important;
    min-width: 50px !important;
    background: linear-gradient(to bottom, #91b501 0%,#46962b 100%);    
}

div#crowdfunding div.spendenitem h2 {
    font-family: var(--headfont-bold);
    color: #fff;
    font-size: 2em;
    margin-top: 20px;
}

div#crowdfunding div.spendenitem img {
    height: auto;
    width: 250px;
    transition: opacity 0.4s;
    
}

div#crowdfunding div.spendenitem:hover img {
	opacity: 1;
}

div#crowdfunding div.spendenitem a {
    display: inline-block;
    background: #fff;
    border-radius: 1000px;
    padding: 0.8em 1em;
    margin-top: 20px;
    font-family: var(--headfont);
    transition: all 0.3s;
    color: rgb(var(--magenta));
    text-decoration: none;
}

div#crowdfunding div.spendenitem a:hover {
    background: rgb(var(--magenta));
    color: #fff;
}

small {
	color: #fff;
}

div#crowdfunding div.spendenitem > div {
  flex-grow: 4;
}

div#crowdfunding div.spendenitem {
    box-sizing: border-box;
    padding: 30px;
    width: 100%;
    background: rgba(var(--hellgruen));
    margin: 0 0% 40px 0;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);
    transition: background 0.4s;
    overflow: hidden;

    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

div#crowdfunding div.spendenitem:nth-child(2) {
    background: rgb(207 43 169 / 80%);
}

div#crowdfunding div.spendenitem:nth-child(3) {
    background: rgba(var(--blau));
}

div#crowdfunding div.spendenitem:hover {
     background: rgba(var(--hellgruen),0.6);
}

div#crowdfunding div.spendenitem:nth-child(2):hover {
    background: rgb(122 25 101);
}

div#crowdfunding div.spendenitem:nth-child(3):hover {
    background: rgba(var(--blau),0.6);
}




.wp-block-media-text__content {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.wp-block-media-text strong,
.wp-block-media-text p.has-large-font-size {
  font-family: GrueneTypeNeue;
  line-height: 1.2em;
  color: #fff;
}

.wp-block-media-text strong {
	font-size: 1.4em;
}

.wp-block-media-text a.wp-block-button__link {
  font-family: GrueneTypeNeue;
  border-radius: 50px;
  font-size: 1.4em;
  padding: 0.5rem 2rem;
  color: rgba(22,102,62,1) !important;
}

h1 {
  font-family: GrueneTypeNeue;
  text-transform: none;
  font-size: 4em;
  line-height: 1.2em;
}

h2 {
  font-family: GrueneTypeNeue;
}

article.postsingle p {
  font-size: 1.2rem;
}

article.postsingle p a {
  font-size: 1.2rem;
  color: #fff;
}

#kugeln {
  margin-top: -2em;
  width: 300px;
  float: right;
}




@media only screen and (max-width: 480px) {

	div#crowdfunding {
        overflow: visible;
	}

	div#crowdfunding div.spendenitem {
        padding: 20px;
        width: auto;
        margin: 1.5em 0;
        float: none;
        text-align: center;
        gap: 10px;
    }
    
    div#crowdfunding div.spendenitem div.spendenbalken {
        text-align: left;
    }    

    div#crowdfunding div.spendenitem h2 {
    	font-size: 1.7em;
    	line-height: 1.2em;
        text-align: center;
        margin-top: 20px;
    }

    div#crowdfunding div.spendenitem img {
        width: 200px;
        margin: 20px auto;
    }        

  h1 {
    font-size: 2.2em;
  }

  h2 {
    font-size: 1.5em;
  } 

  article.postsingle p {
    font-size: 1rem;
  }

  article.postsingle p a {
    font-size: 1rem;
    color: #fff;
  }

  #kugeln {
    margin-top: -1em;
    margin-bottom: -1.5em;
    float: none;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}







.snowflake {
  --size: 1vw;
  width: var(--size);
  height: var(--size);
  background: white;
  border-radius: 50%;
  position: absolute;
  top: -5vh;
}

@keyframes snowfall {
  0% {
    transform: translate3d(var(--left-ini), 0, 0);
  }
  100% {
    transform: translate3d(var(--left-end), 180vh, 0);
  }
}
.snowflake:nth-child(1) {
  --size: 0.4vw;
  --left-ini: 8vw;
  --left-end: -2vw;
  left: 24vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(2) {
  --size: 0.8vw;
  --left-ini: 9vw;
  --left-end: -4vw;
  left: 47vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -2s;
}

.snowflake:nth-child(3) {
  --size: 1vw;
  --left-ini: -2vw;
  --left-end: 7vw;
  left: 39vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(4) {
  --size: 0.8vw;
  --left-ini: 6vw;
  --left-end: 2vw;
  left: 56vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(5) {
  --size: 0.2vw;
  --left-ini: -3vw;
  --left-end: 2vw;
  left: 11vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(6) {
  --size: 1vw;
  --left-ini: 6vw;
  --left-end: 7vw;
  left: 79vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -2s;
}

.snowflake:nth-child(7) {
  --size: 0.2vw;
  --left-ini: -7vw;
  --left-end: 0vw;
  left: 41vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -7s;
}

.snowflake:nth-child(8) {
  --size: 0.8vw;
  --left-ini: 6vw;
  --left-end: 1vw;
  left: 48vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -5s;
}

.snowflake:nth-child(9) {
  --size: 0.8vw;
  --left-ini: 0vw;
  --left-end: 6vw;
  left: 15vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -5s;
}

.snowflake:nth-child(10) {
  --size: 0.4vw;
  --left-ini: -7vw;
  --left-end: 7vw;
  left: 4vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -1s;
}

.snowflake:nth-child(11) {
  --size: 1vw;
  --left-ini: -9vw;
  --left-end: 6vw;
  left: 45vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(12) {
  --size: 0.6vw;
  --left-ini: 1vw;
  --left-end: 4vw;
  left: 77vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(13) {
  --size: 0.8vw;
  --left-ini: 6vw;
  --left-end: 10vw;
  left: 34vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(14) {
  --size: 0.4vw;
  --left-ini: 7vw;
  --left-end: -7vw;
  left: 9vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(15) {
  --size: 0.2vw;
  --left-ini: -3vw;
  --left-end: -1vw;
  left: 29vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(16) {
  --size: 0.2vw;
  --left-ini: 7vw;
  --left-end: -5vw;
  left: 96vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(17) {
  --size: 0.6vw;
  --left-ini: 0vw;
  --left-end: 1vw;
  left: 24vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -1s;
}

.snowflake:nth-child(18) {
  --size: 0.2vw;
  --left-ini: 6vw;
  --left-end: 6vw;
  left: 53vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(19) {
  --size: 0.4vw;
  --left-ini: -4vw;
  --left-end: 5vw;
  left: 77vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(20) {
  --size: 0.8vw;
  --left-ini: 9vw;
  --left-end: -9vw;
  left: 62vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -3s;
}

.snowflake:nth-child(21) {
  --size: 1vw;
  --left-ini: -9vw;
  --left-end: 6vw;
  left: 45vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -4s;
}

.snowflake:nth-child(22) {
  --size: 0.6vw;
  --left-ini: 1vw;
  --left-end: 4vw;
  left: 77vw;
  animation: snowfall 14s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(23) {
  --size: 0.8vw;
  --left-ini: 6vw;
  --left-end: 10vw;
  left: 34vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(24) {
  --size: 0.4vw;
  --left-ini: 7vw;
  --left-end: -7vw;
  left: 9vw;
  animation: snowfall 8s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(25) {
  --size: 0.2vw;
  --left-ini: -3vw;
  --left-end: -1vw;
  left: 29vw;
  animation: snowfall 13s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(26) {
  --size: 0.2vw;
  --left-ini: 7vw;
  --left-end: -5vw;
  left: 96vw;
  animation: snowfall 11s linear infinite;
  animation-delay: -6s;
}

.snowflake:nth-child(27) {
  --size: 0.6vw;
  --left-ini: 0vw;
  --left-end: 1vw;
  left: 24vw;
  animation: snowfall 12s linear infinite;
  animation-delay: -1s;
}

.snowflake:nth-child(28) {
  --size: 0.2vw;
  --left-ini: 6vw;
  --left-end: 6vw;
  left: 53vw;
  animation: snowfall 7s linear infinite;
  animation-delay: -10s;
}

.snowflake:nth-child(29) {
  --size: 0.4vw;
  --left-ini: -4vw;
  --left-end: 5vw;
  left: 77vw;
  animation: snowfall 6s linear infinite;
  animation-delay: -8s;
}

.snowflake:nth-child(30) {
  --size: 0.8vw;
  --left-ini: 9vw;
  --left-end: -9vw;
  left: 62vw;
  animation: snowfall 10s linear infinite;
  animation-delay: -3s;
}


/* added small blur every 6 snowflakes*/
.snowflake:nth-child(6n) {
  filter: blur(1px);
}