/* =========================================================
   1) Preisliste PL310 – mehr Abstand zwischen den 2 Spalten
   ========================================================= */
.t-rec[data-record-type="310"] .t-container .t-row .t-col.t-col_6:first-of-type,
.t-rec[data-record-type="310"] .t-container_100 .t-row .t-col.t-col_6:first-of-type{
  padding-right:48px !important;   /* linker Block: Abstand nach rechts */
}
.t-rec[data-record-type="310"] .t-container .t-row .t-col.t-col_6:last-of-type,
.t-rec[data-record-type="310"] .t-container_100 .t-row .t-col.t-col_6:last-of-type{
  padding-left:48px !important;    /* rechter Block: Abstand nach links */
}

/* responsiv enger, damit nichts bricht */
@media (max-width:1200px){
  .t-rec[data-record-type="310"] .t-container .t-row .t-col.t-col_6:first-of-type,
  .t-rec[data-record-type="310"] .t-container_100 .t-row .t-col.t-col_6:first-of-type{
    padding-right:32px !important;
  }
  .t-rec[data-record-type="310"] .t-container .t-row .t-col.t-col_6:last-of-type,
  .t-rec[data-record-type="310"] .t-container_100 .t-row .t-col.t-col_6:last-of-type{
    padding-left:32px !important;
  }
}
@media (max-width:960px){
  .t-rec[data-record-type="310"] .t-container .t-row .t-col.t-col_6:first-of-type,
  .t-rec[data-record-type="310"] .t-container .t-row .t-col.t-col_6:last-of-type,
  .t-rec[data-record-type="310"] .t-container_100 .t-row .t-col.t-col_6:first-of-type,
  .t-rec[data-record-type="310"] .t-container_100 .t-row .t-col.t-col_6:last-of-type{
    padding-right:0 !important; padding-left:0 !important;
  }
}

/* ===============================================
   2) CTA-Block BF302 (Template t580, record-type 580)
      1. Button Gold/Weiß, 2. Button Dunkel/Weiß
   =============================================== */
:root{
  --val-gold:#c89c5e;
  --val-gold-shadow:0 4px 12px rgba(200,156,94,.18);
  --val-dark:#464646;
  --val-dark-shadow:0 4px 12px rgba(70,70,70,.18);
  --val-radius:20px;
  --val-pad-y:12px; --val-pad-x:18px;
}

/* Grundformatierung für die Buttons im t580 */
.t-rec[data-record-type="580"] .t580__buttons .t-btn,
.t-rec[data-record-type="580"] .t580__buttons .t-btn.t-btnflex{
  border-radius:var(--val-radius) !important;
  padding:var(--val-pad-y) var(--val-pad-x) !important;
  font-weight:600 !important; line-height:1.2 !important;
  text-decoration:none !important; transition:.15s ease !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
}

/* 1. Button = GOLD/WEISS */
.t-rec[data-record-type="580"] .t580__buttons .t-btn:nth-child(1),
.t-rec[data-record-type="580"] .t580__buttons .t-btn.t-btnflex:nth-child(1){
  background:var(--val-gold) !important;
  color:#fff !important;
  border-color:var(--val-gold) !important;
  box-shadow:var(--val-gold-shadow) !important;
}
.t-rec[data-record-type="580"] .t580__buttons .t-btn:nth-child(1):hover,
.t-rec[data-record-type="580"] .t580__buttons .t-btn.t-btnflex:nth-child(1):hover{
  filter:brightness(1.06) !important;
}

/* 2. Button = DUNKEL/WEISS */
.t-rec[data-record-type="580"] .t580__buttons .t-btn:nth-child(2),
.t-rec[data-record-type="580"] .t580__buttons .t-btn.t-btnflex:nth-child(2){
  background:var(--val-dark) !important;
  color:#fff !important;
  border-color:var(--val-dark) !important;
  box-shadow:var(--val-dark-shadow) !important;
}
.t-rec[data-record-type="580"] .t580__buttons .t-btn:nth-child(2):hover,
.t-rec[data-record-type="580"] .t580__buttons .t-btn.t-btnflex:nth-child(2):hover{
  filter:brightness(1.06) !important;
}

/* Falls der Block Links statt  rendert */
.t-rec[data-record-type="580"] .t580__buttons a{ text-decoration:none !important; }