.icon-box-chk{
  color: #347d7d;
  font-size:40px
}

.feature__card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.feature__content {
  flex-grow: 1;
}

.trust-claim {
  font-family: 'Permanent Marker', cursive;
  font-weight: 400;
  letter-spacing: 1px;
  display: inline-block;
}

@font-face {
  font-family: 'Quotes Script';
  src: url('assets/fonts/QuotesScript.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.trust-claim {
  font-family: 'Quotes Script', cursive;
  font-weight: normal;
  letter-spacing: 1px;
  display: inline-block;
}
.hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px; height:1px;
  overflow:hidden;
}
.required-hint {
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}

.imprint-heading {
  display: block;
  margin-top: 24px;
}

.social_icons_list li a {
  color: #ffffff;       /* weiß */
  font-size: 25px;      /* Icon-Größe */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

.social_icons_list li a:hover {
  opacity: 0.8;
}

.switch { position: relative; display: inline-block; width: 52px; height: 28px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #ccc; transition: .2s; border-radius: 999px; }
.slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 3px; top: 3px; background: #fff; transition: .2s; border-radius: 50%; }
.switch input:checked + .slider { background: #25D366; }
.switch input:checked + .slider:before { transform: translateX(24px); }

.price-section{
  margin-top: 18px;
  border-top: 1px solid rgba(0,0,0,.12);
  padding-top: 16px;
}

/* Kopf: Grundbetrag */
.price-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 16px;
  padding-bottom: 14px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.price-head__label{
  font-weight: 800;
  font-size: 16px;
  line-height: 1.2;
}
.price-head__sub{
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.35;
  color: rgba(0,0,0,.62);
}
.price-head__amount{
  font-weight: 900;
  font-size: 18px;
  white-space: nowrap;
  line-height: 1.2;
}

/* Liste */
.price-list2{
  display:flex;
  flex-direction:column;
  gap: 6px;
}

/* Zeilen als Grid: Name | Minuten | Preis */
.price-row2{
  display:grid;
  grid-template-columns: 1fr auto auto;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.05);
  transition: background .15s ease, transform .15s ease, border-color .15s ease;
}
.price-row2:hover{
  background: rgba(0,0,0,.035);
  border-color: rgba(0,0,0,.08);
  transform: translateY(-1px);
}

.price-row2__name{
  font-weight: 650;
  color: rgba(0,0,0,.84);
}
.price-row2__meta{
  font-size: 13px;
  color: rgba(0,0,0,.55);
  white-space: nowrap;
}
.price-row2__price{
  font-weight: 900;
  white-space: nowrap;
}
.left__block{
  padding-right: 40px !important;
}

/* Mobile: Minuten unter Name */
@media (max-width: 575.98px){
  .price-row2{
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "name price"
      "meta price";
    row-gap: 4px;
  }
  .price-row2__name{ grid-area: name; }
  .price-row2__meta{ grid-area: meta; }
  .price-row2__price{ grid-area: price; align-self:center; }
}

.price-row2__sub{
  font-size: 0.85rem;
  line-height: 1.2;
  color: #6b7280;
  margin-top: 2px;
  font-weight: 400;
}

.price-vat-note{
  margin-top: 10px;
  font-size: 0.8rem;
  color: #6b7280;
  text-align: right;
  font-style: italic;
}

