/*
*	09-10-2023	aanpassing voor Google Ads
*/
.prijsRegel	{}
.prijsTab {border-collapse:separate;border-spacing: 0 10px;}
.prijsTab .prijsHead {background:var(--achtergrondkleur);padding:5px;font-weight:bold;}
.prijsTab .prijsJaar {background:var(--lichtgroen);padding:10px;color:var(--tekstkleur);font-weight:bold;border-radius:0.375rem;}
/*.prijsTab .prijsRegel {background:var(--achtergrondkleur);box-shadow:5px 5px 2px #E0D8BF;border:1px solid #E0D8BF;}*/
.prijsTab .prijsRegel .aangewezen {background:#E0D8BF;}
.prijsTab .periode {
  padding: 5px 5px 15px 5px;
  vertical-align: top;
  border: 1px solid var(--uitlichtkleur);
  border-right: none; 
  border-radius: 0.375rem 0 0 0.375rem; 
}
.prijsTab .periode .titel {font-weight:bold;}
.prijsTab .periode .text {}
.prijsTab .periode .data {}
.prijsTab .periode .startdagen {}
.prijsTab .periode .vroegboekKorting {color:var(--tekstkleur);}
.prijsTab .periode .vriendenKorting {color:var(--tekstkleur);}
.prijsTab .tarief {
  padding: 5px 5px 15px 5px;
  vertical-align: top;
  border: 1px solid var(--uitlichtkleur);
  border-left: none; 
  border-radius: 0 0.375rem 0.375rem 0; 
}
.prijsTab .tarief .tarTab {}
.prijsTab .tarief .tarTab .tarPeriode {vertical-align:top;width:300px;text-align:right;font-weight:bold;}
.prijsTab .tarief .tarTab .tarPerAmount {vertical-align:top;width:70px;text-align:right;font-weight:bold;}
.prijsTab .tarief .tarTab .tarPerEenheid {width:220px;font-weight:bold;}
.prijsTab .tarief .tarTab .tarExpand {font-style:italic;}
.prijsTab .tarief .tarTab .tarItem {width:300px;text-align:right;vertical-align:top}
.prijsTab .tarief .tarTab .tarItDOW {}
.prijsTab .tarief .tarTab .tarItAmount {width:70px;text-align:right;}
.prijsTab .tarief .tarTab .tarItEenheid {width:220;}
.prijsTab .tarief .tarTab .tarItText {width:290px;}
@media only screen and (max-width: 768px) {
  .prijsTab {
    margin-left: auto;      
    margin-right: auto;
    max-width: 100%;
    display: block;
    box-sizing: border-box;     /* padding telt mee in width */
  }

  /* Cellen smaller en tekst iets kleiner */
  .prijsTab th,
  .prijsTab td,
  .prijsTab .periode,
  .prijsTab .tarief {
    font-size: 0.8rem;           /* kleinere tekst voor mobiel */
    box-sizing: border-box;
  }
}

/*alleen op gotere schermen (niet mobiel)*/
@media (hover: hover) and (pointer: fine) 
  { 
  tr.prijsRegel:hover {background: var(--lichtgroen);}
  }