.ftaktiv input[type="radio"]:checked+label {
  border-bottom: 2px solid var(--main-color);
}

.ftend input[type="radio"] + label {
  color: var(--accent1-color);
} 

.ftend input[type="radio"]:checked+label {
  border-bottom: 2px solid var(--accent1-color);
}

.ft-highlight {
  /*background-color: var(--accent2-10-color);*/
  border: 1px dashed var(--accent1-25-color);
}

.ft-highlight-opacity {
  opacity: .4;
}

.ftaktiv .grid-navi-container p {
  font-size: 12px;
  color: var(--main-50-color);
}

.ftaktiv .grid-content-container .grid-content-item,
.ftend .grid-content-container .grid-content-item {
  background-color: var(--white-color);
}

.ftaktiv .grid-content-container .grid-content-item .grid-content-item-headline h3 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
}

.ftaktiv .grid-content-container .grid-content-item .grid-content-item-support {
  font-size: 3.25rem;
  font-weight: 700;
}

.ftaktiv .grid-content-container .grid-content-item .grid-content-item-info p {
  line-height: 1.3;
}

.ftaktiv .grid-content-container .grid-content-item .info-headline {
  font-weight: 900;
  font-size: 12px;
  margin-bottom: 0px;
}

.ftaktiv .grid-content-item {
  font-size: 16px;
}

.ftaktiv .grid-content-item .grid-content-item-button > button.btn-standard {
  font-size: 14px;
  margin-left: 20px;
  margin-bottom: auto;
  box-shadow: none;
}




.ftend h2 {
  color: var(--main-color);
}

.ftend .grid-navi-container p {
  font-size: 12px;
  color: var(--accent1-50-color);
}


.ftend .grid-content-container .grid-content-item .grid-content-item-headline h4 {
  font-weight: 700;
  font-size: 19px;
  line-height: 1;
  color: var(--accent1-color);
}

.ftend .grid-content-container .grid-content-item .grid-content-item-support {
  background-color: var(--accent1-color);
  color: var(--white-color);
}

.ftend .grid-content-container .grid-content-item .grid-content-item-support .support-item:nth-child(1) {
  border-right: 1px solid var(--accent1-75-color);
}

.ftend .grid-content-container .grid-content-item .grid-content-item-support .support-item p {
  font-size: 23px;
  font-weight: 700;
}

.ftend .grid-content-container .grid-content-item .grid-content-item-support .support-item span {
  font-size: 12px;
  color: var(--accent1-50-color);
  letter-spacing: 0.07em;
}

.ftend .grid-content-container .grid-content-item .info-headline {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  color: var(--accent1-color);
}

.ftend .grid-content-container .grid-content-item .grid-content-item-info p,
.ftend .grid-content-container .grid-content-item .grid-content-item-about p {
  line-height: 1.2;
  font-size: 15px;
  hyphens: auto;
}

.ftend .grid-content-container .grid-content-item .grid-content-item-icon p {
  font-size: 12px;
  text-align: center;
  line-height: 1.1;
  margin-top: 10px;
}

.ftend .grid-content-container .grid-content-item .grid-content-item-more {
  background-color: var(--accent1-50-color);
  transition: all .3s ease;
}

.ftend .grid-content-container .grid-content-item .grid-content-item-more:hover {
  background-color: var(--accent1-color);
  transition: all .3s ease;
}

.ftend .grid-content-container .grid-content-item .grid-content-item-more a {
  text-decoration: none;
  color: var(--white-color);
}





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

  .ftaktiv .grid-content-container .grid-content-item .grid-content-item-headline h3 {
    font-size: 1.5rem;
  }

  .ftaktiv .grid-navi-item, 
  .ftend .grid-navi-item {
    font-size: 12px;
  }

  .ftaktiv .grid-content-container .grid-content-item .grid-content-item-support {
    font-size: 1.8rem;
  }

  .ftaktiv .grid-content-item .grid-content-item-button > button.btn-standard {
    margin-left: 15px;
  }

  .ftend .grid-content-container .grid-content-item .grid-content-item-support .support-item p {
    font-size: 18px;
    margin-bottom: -3px;
  }

  .ftend .grid-content-container .grid-content-item .grid-content-item-support .support-item span {
    font-size: 10px;
  }

  .ftend .grid-content-container .grid-content-item .grid-content-item-icon p {
    font-size: 10px;
    margin-top: 5px;
  }

  .ftend .grid-content-container .grid-content-item .grid-content-item-more a {
    font-size: 16px;
  }






}



/* 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) {

  .ftaktiv .grid-content-item {
    font-size: 14px;
  }

  .ftaktiv .grid-content-container .grid-content-item .grid-content-item-headline h3 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
  }

  .ftaktiv .grid-content-container .grid-content-item .grid-content-item-support {
    font-size: 2.1rem;
  }
  

  .ftaktiv .grid-content-item .grid-content-item-button > button.btn-standard {
    font-size: 13px;
    margin-left: 15px;
    line-height: 1.2;
  }

  .ftaktiv .grid-navi-item, .ftend .grid-navi-item {
    font-size: 12px;
  }

  .ftend .grid-content-container .grid-content-item .grid-content-item-support .support-item p {
    font-size: 20px;
  }

  .ftend .grid-content-container .grid-content-item .grid-content-item-support .support-item span {
    font-size: 10px;
  }

  .ftend .grid-content-container .grid-content-item .grid-content-item-more a {
    font-size: 14px;
  }

}


.info-logo {width: 60px;}
.ftend .grid-content-container .grid-content-item .grid-content-item-info .info-logo img {max-height:50px;}
.ftend .grid-content-container .grid-content-item:hover{background-color:var(--accent1-10-color);}