/* Style the tab */
 .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #ccc;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
  } 

  .vnrtvlistclosed { display:none;}
  .vnrtvlistopen { display:block;}

  .vnrlistbuttoncol { width:5%; float:left;}
  .vnrlisttimecol { width:14%;float:left;}
  .vnrlisttitelcol { width:75%;float:left;}

  .vnrjetzttext { font-size:14px; line-height:16px;}

  .cta1style { background-color:#e05d1d; color:#fff; border-radius: 5px; border:#e05d1d 3px solid;}

  .vnrtvinfojetzt {text-align:center;}
  .vnrlisttitelcol { font-size:14px; font-weight:bold; color:#000;}

  .vnrlisttimecol  { font-size:18px; font-weight:bold; color:#000;}

  #heute {padding-left:30px; padding-top:20px;}

  .tabcontent { padding-top:20px;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
   
  }

  .vnrlistdesc {font-size:10px; line-height:12px;}

  .vnrthinunderline {text-decoration-thickness: 1px;}
  
  /* Go from zero to full opacity */
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }