body {
}
/*Knop verplaatsen*/
/* alt button*/
.altbtn{text-decoration: none;width: 50%; background-color: #c4db9f!important; font-size: 18px;margin:auto;}
/*comp-table faux tabel bij prijsvergelijker dmv divs en flexbox+grid*/
.comp-sub{margin:0px;font-family: rockwell, san-serif; font-weight:200; font-size: 18px}
.comp-table {
  border-box: box-sizing;
  width: 75vw;
  margin-left:6.25vw;
  display: flex;
  flex-flow: row wrap; 
  gap: 0px;
}
.comp-row {
  display: grid;
  width:100%;
  grid-template-columns: 1fr 2fr 2fr;
  border-bottom:1px solid #e8eedd;
}
.col2 h1, .col3 h1{
  font-size: 36px;
  margin:0!important;
}
.col2 h1, .col2 .comp-sub{color:#e8eedd;}
.cell{
  margin-right:24px;
  
}
.col1{
/*titeltjes per onderdeel*/
  justify-self: flex-end;
  align-self:center;
  
}
.col2, .col3{
  /*contract informatie*/
  text-align:center;
  background-color:#c4db9f;
  color:#0b352a;
  padding: 24px;
  
}

.comp-row:nth-child(1) .col2, .col2.bot{
 
  background-color:#0b352a;
  text-align:left;
}
.comp-row:nth-child(1) .col3, .col3.bot{

  background-color:#f6f9f1;
  text-align:left;
}
.top{
  padding: 42px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.bot{
  display:flex;
  justify-content: center;
  align-items: center;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
.comp-fig{
  max-width: 128px; 
}
.special-tag {
  text-align:center;
  font-family: rockwell;
  font-size: 14px;
  color: #9dbc6c !important;
  letter-spacing: 6px;
  text-transform: uppercase;
}
.dbs-tag {
  text-align:center;
  font-size: 14px;
  color: rgba(0,0,0,0) !important;
  letter-spacing: 6px;
  text-transform: uppercase;
}
#btn2a, #btn2b, #btn-alt2b{color: #0b352a;margin-right:12px;}
#btn2a, #btn2b{background-color: #c4db9f;border:1px solid #c4db9f;}
#btn-alt2a{border-bottom: 1px solid #c4db9f;}
#btn-alt2a:hover{color: #e8eedd; border-bottom:1px solid #e8eedd}
#btn-alt2b:hover{color:#c4db9f}
#btn2a:hover, #btn2b:hover{background-color:#e8eedd; color: #0b352a; border-color:#e8eedd;margin-right:12px;}
.divider{/* zet afb mooi naast titel*/
  align-items:center;
  display:grid;
  width:100%;
  grid-template-columns: 1fr 3fr;
  gap:15px;
  margin-bottom:12px;
}
@media screen and (max-width: 960px){
  .comp-table {  width: 100vw;margin-left:0vw;}
  .comp-fig,.comp-sub{display:none;}
  .col2 h1, .col3 h1, .comp-sub{font-size: 1.3em;}
  .col1{padding:0;margin:0;font-size: 0.7em; max-width:5%; justify-self: start;  align-self:center;}
  .bot{flex-flow:row wrap; justify-content: center;
  align-items: center;}
  #btn2a, #btn2b{margin-bottom: 12px;}*/
  .btn, .btn-alt{font-size: 1em !important;}
  .cell{ margin-right:4px; padding: 6px 12px 12px 6px;}
  .comp-row {grid-template-columns: 3fr 5fr 5fr;}
.special-tag,.dbs-tag{font-size: 0.78em; letter-spacing:2px;padding-top:2px;}
}