/* PROJECT DETAIL */

.project-hero {
  background-color: var(--main-color);
}

.project-current-funding {
  color: var(--accent1-color);
  font-weight: 600;
}

.project-current-funding,
.project-funding-goal-top {
  font-size: 1.25em;
  line-height: 1.25;
}

.project-funding-goal-sub {
  font-size: 0.85em;
  line-height: 1.25;
  margin-top: 3px;
}


.projectcard-front, 
.projectcard-back {
  background-color: var(--main-color);
}


.projectcard-support {
  color: var(--accent1-color);
  font-size: 2.5em;
  line-height: 1;
  font-weight: 700;
}

.projectcard-support-info {
  font-size: 0.8em;
  line-height: 1;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--main-50-color);
  font-weight: 600;
}

.projectcard-front .projectcard-more svg path {
  fill: var(--main-50-color);
}


.projectcard-info-headline {
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--white-color);
}

.projectcard-info-copytext {
  font-size: 0.85em;
  color: var(--white-color);
}

.projectcard-info-calc-top {
  font-size: 0.85em;
  color: var(--accent1-color);
  font-weight: 600;
}

.projectcard-info-calc-bottom {
  font-size: 0.85em;
  color: var(--main-50-color);
}

/* Soli Coupon */

.module-mini-soli {
  background: var(--main-color);
}

.module-mini-soli .solisupport.code-input input {
  border-bottom: 2px solid var(--accent1-color);
  color: var(--accent1-color);
}

.module-mini-soli .solisupport-container p {
  color: var(--white-color);
  font-size: 0.9em;
}

.module-mini-soli .solisupport-container button.btn-text {
  font-size: 0.9em;
}

.module-mini-soli .solisupport-feedback {
  font-weight: 400;
  font-size: 0.9em;
  line-height: 1.25;
}

.solisupport-container {
  background: var(--white-color);
}

.solisupport p {
  line-height: 1.3em;
}


.solisupport.code-input input {
  border:  1px solid var(--accent1-color);
  color: var(--main-color);
  font-weight: 600;
  font-size: 1.2em;
}

.solisupport ::placeholder {
  color: var(--main-50-color);
  font-size: 0.75em;
  font-weight: 400;
}


.solisupport-feedback {
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.35;
}

.solisupport-feedback strong {
  font-weight: 700;
}

.solisupport-feedback-success {
  color: var(--accent1-120-color);
}

.solisupport-feedback-error {
  color: var(--alert-120-color);
}

.solisuccess {
  background-color: var(--accent1-25-color);
  border: 1px solid var(--accent1-color);
}

.solierror {
  background-color: var(--alert-25-color);
  border: 1px solid var(--alert-color);
}


/* Money Support */

.amount-support {
  color: var(--main-color);
}

.amount-support .amount {
  font-size: 0.75em;
  border: 1px solid var(--accent1-color);
}

.amountactive {
  color: var(--white-color);
  background-color: var(--accent2-color);
}

.amount-input {
  font-size: 1.25em;
  font-weight: 600;
  color: var(--main-color);
  border: 1px solid var(--accent1-color);
} 

.support-calc {
  border: 1px solid var(--accent2-color);
  background-color: var(--accent2-15-color);
}


.support-calc-headline {
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 3px;
  font-weight: 600;
  color: var(--accent2-50-color);
  border-bottom: 1px solid var(--accent2-50-color);
}

.support-calc-row,
.support-calc-row-total {
  color: var(--accent2-color);
}

.support-calc-row-total {
  border-top: 1px solid var(--accent2-50-color);
}



/* Prämien */

.praemienfilter {
  color: var(--accent2-color);
}

.praemientag {
  border: 1px solid var(--accent2-color);
}

.praemientagactive {
  color: var(--white-color);
  background-color: var(--accent2-color);
}

.praemien {
  border-top: 1px solid var(--accent2-color);
}

.praemiensortierung-icon:hover svg path,
.praemiensortierung-icon:active svg path {
  fill: var(--accent1-color);
}

.praemienheadline {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.25;
}

.praemienpreis {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.25;
}






/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  /* Projektseite Detail */

  .headline-project {
    font-size: 2.75em;
  }

  .project-current-funding, 
  .project-funding-goal-top {
    font-size: 1.5em;
    line-height: 1.25;
  }

  .project-funding-goal-sub {
    font-size: 1.15em;
  }

  .project-additional-infos {
    font-size: 1.25em;
  }

  .project-aon p {
    font-size: 1em;
    line-height: 1.25;
  }

  .projectcard-support {
    font-size: 3.5em;
  }

  .projectcard-support-info {
    font-size: 1.15em;
    line-height: 1;
  }

  .projectcard-back-content {
    font-size: 1.4em;
  }

  
.module-mini-soli .solisupport-container p,
  .module-mini-soli .solisupport-container button.btn-text,
  .module-mini-soli .solisupport-feedback {
    font-size: 1.15em;
  }

  

  .solisupport p {
    font-size: 1.25em;
  }

  .amount-support .amount {
    font-size: 1.15em;
  }

  .amount-input,
  .solisupport.code-input {
    font-size: 1.5em;
  }

  .support-calc-info {
    font-size: 1.15em;
  }

  .praemientag {
    font-size: 1.25em;
  }

  .praemienheadline {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.25;
  }


  .praemienpreis {
    font-size: 2.5em;
    line-height: 1.25;
  }

  .praemienanzahl,
  .praemienversand,
  .soldout-info,
  .praemienfooter,
  .praemiencard-back-content,
  .praemienpagination,
  .tab-supporter-vorname,
  .tab-supporter-nachname,
  .tab-comment .tab-supporter-vorname, 
  .tab-comment .tab-supporter-nachname,
  .tab-comment-copytext {
    font-size: 1.25em;
  }

  .praemienpagination {
    line-height: 2em;
  }

  .fp-tabcontainer.supportmodule .fp-tabs .fp-tab--navigation .fp-tab--item a {
    font-size: 1.5em;
  }

  .tab-comment-date {
    font-size: 1em;
  }

}


/* Tablet Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}


/* Mobile Portrait */
@media only screen and (max-width: 767px) {

  /* Projekt Detail */

  .headline-project {
    font-size: 24px;
  }

  .project-status {
    margin-bottom: 25px;
  }

  .project-current-funding, 
  .project-funding-goal-top {
    font-size: 14px;
    line-height: 1;
  }

  .project-funding-goal-sub {
    font-size: 11px;
    line-height: 1.2;
  }

  .project-additional-infos,
  .project-aon  {
    font-size: 11px;
  }

  .projectcard-support {
    font-size: 36px;
  }

  .projectcard-info-headline,
  .projectcard-support-info,
  .projectcard-info-copytext,
  .projectcard-info-calc-top,
  .projectcard-info-calc-bottom,
  .solisupport-feedback,
  .module-mini-soli .solisupport-container p,
  .module-mini-soli .solisupport-container button.btn-text {
    font-size: 12px;
  }

  

  .amount-support,
  .solisupport p,
  .solisupport.code-input ::placeholder {
    font-size: 14px;
  }

  .amount-input,
  .solisupport.code-input input {
    font-size: 16px;
  }

  .support-calc-info {
    font-size: 12px;
  }

  .praemientag {
    font-size: 12px;
  }

  .praemienheadline,
  .praemienpreis {
    font-size: 24px;
  }

  .praemienanzahl,
  .praemienversand,
  .soldout-info,
  .praemienfooter,
  .praemiencard-back,
  .praemienpagination {
    font-size: 14px;
  }

  .praemienpagination-more {
    line-height: 1.75;
  }

  

  .fp-tabcontainer.supportmodule .fp-tabs .fp-tab--navigation .fp-tab--item a {
    font-size: 14px;
  }

  .tab-supporter {
    font-size: 12px;
  }

  .tab-comment-date {
    font-size: 11px;
  }

  .tab-comment .tab-supporter-vorname, 
  .tab-comment .tab-supporter-nachname,
  .tab-comment-copytext {
    font-size: 12px;
  }

  
}


/*Anpassungen*/
#app > div.main-container-outer > .project-hero + div.module.bg-main-color {background-color: var(--white-color);}
#app > div.main-container-outer > .project-hero + div.module.bg-main-color .module-headline h2 {color:transparent;}
#app > div.main-container-outer > .project-hero + div.module.bg-main-color + div.module + div.module {background-color: var(--lightgrey-color);}


.project-hero {background-color: var(--white-color);margin-top: 75px;}

.project-funding-goal + button.btn-standard, .amount-button button.btn-standard-small-leftalign, .solisupport .btn-text {background-color: var(--accent1-color);}

.pramieninfos{background-color: var(--accent1-10-color);color: var(--accent1-120-color);}
.praemienkauf{background-color: var(--accent1-color);}

#free-amount-section {background-color: var(--accent1-10-color);}

.pramienclose {color: var(--main-50-color);}

.soldout-info{
  color: var(--main-color) !important;
}