@charset "iso-8859-1";
/*************************************************************************************************************************************************************************************************
copyright Vifu Webdesign & Grafik, Leimen; erstellt März 2024
*************************************************************************************************************************************************************************************************/
/* @media (min-width: 576px) {} /* Handy alt quer */ 
/* @media (min-width: 768px) {} /* Handy neu quer */
/* @media (min-width: 768px) and (orientation:portrait) {} /* Tablet hoch */ 
/* @media (min-width: 992px) { } /* kleine Bildschirme */
/* @media (min-width: 1200px) {} /* Tablet quer / Laptop */
/* @media (min-width: 1600px) {} /* mega screens such as iMac's, 27" PC monitors */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*
************** TABELLEN STILE **************
*/
table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
/*
************** TABELLEN SEITEN ALLGEMEIN **************
*/
.table { width: 100%; margin-bottom: 20px; }
.table th, .table td { padding: 8px; text-align: center; vertical-align: top; border-top: 1px solid #ddd; }
.table tr:last-child { border-bottom: 1px solid #ddd; }
.table th { font-weight: bold; }
.table thead th { vertical-align: bottom; }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table tbody + tbody { border-top: 2px solid #ddd; }
.table .table { background-color: #fff; }
.table strong { color: #e77843; font-weight: bold; }
.table img { max-height: 160px; text-align: center; border: 1px solid #CCC; padding: 3px; float: none; display: block; margin-top: 0; margin-right: auto; margin-bottom: 5px; margin-left: auto; }
.table td a img, .table td a:hover img { border: 0px none #FFF; cursor: pointer; }
@media (min-width: 992px) {
	.table th, .table td { text-align: left; width: 100%; max-width: 50%; min-width: 33%; }
	.table img { float: left; display: block; margin-top: 0; margin-right: 15px; margin-bottom: 5px; } } /* kleine Bildschirme */
/*
************** TABELLE Leistungen **************
*/
.table-kurse, .table-single { width: 100%; margin-bottom: 20px; background-color: #fff; }
.table-kurse th, .table-kurse td { padding: 5px; text-align: center; vertical-align: middle; border-top: 1px solid #ddd; width: 25%; }
.table-single th, .table-single td { padding: 5px; text-align: center; vertical-align: middle; border-top: 1px solid #ddd; width: 33.33%; }
.table-kurse tr:last-child, .table-single:last-child { border-bottom: 1px solid #ddd; }
.table-kurse th, .table-single th { font-weight: bold; }
.table-kurse thead th, .table-single thead th { vertical-align: bottom; }
.table-kurse caption + thead tr:first-child th, .table-kurse caption + thead tr:first-child td, .table-kurse colgroup + thead tr:first-child th, .table-kurse colgroup + thead tr:first-child td, .table-kurse thead:first-child tr:first-child th, .table-kurse thead:first-child tr:first-child td, .table-single thead:first-child tr:first-child td { border-top: 0; }
.table-kurse tbody + tbody, .table-single tbody + tbody { border-top: 2px solid #ddd; }
.table-kurse strong, .table-single strong { color: #e77843; font-weight: bold; }
.table-kurse img, .table-single img { max-height: 160px; text-align: center; border: 1px solid #CCC; padding: 3px; float: none; display: block; margin-top: 0; margin-right: auto; margin-bottom: 5px; margin-left: auto; }
.table-kurse td a img, .table td a:hover img, .table-single td a img, .table-single td a:hover img { border: 0px none #FFF; cursor: pointer; }
@media (min-width: 992px) {
	.table-kurse th, .table-kurse td, .table-single th, .table-single td { padding: 8px; text-align: left; }
	.table-kurse img, .table-single img { float: left; display: block; margin-top: 0; margin-right: 15px; margin-bottom: 5px; } } /* kleine Bildschirme */
/*
************** TABELLE Logos Vereine in Kursen zur Weiterleitung **************
*/
.table-vereine { width: 100%; margin-bottom: 20px; background-color: #fff; }
.table-vereine th, .table-vereine td { padding: 5px; text-align: center; vertical-align: middle; border-top: 1px solid #ddd; max-width: 25%; }
.table-vereine tr:last-child, .table-vereine:last-child { border-bottom: 1px solid #ddd; }
.table-vereine th { font-weight: bold; }
.table-vereine thead th thead th { vertical-align: bottom; }
.table-vereine caption + thead tr:first-child th, .table-vereine caption + thead tr:first-child td, .table-vereine colgroup + thead tr:first-child th, .table-vereine colgroup + thead tr:first-child td, .table-vereine thead:first-child tr:first-child th, .table-vereine thead:first-child tr:first-child td, .table-vereine thead:first-child tr:first-child td { border-top: 0; }
.table-vereine tbody + tbody { border-top: 2px solid #ddd; }
.table-vereine strong { color: #e77843; font-weight: bold; }
.table-vereine img { max-height: 35px; max-width: 35px; width: auto; height: auto; text-align: center; border: 0px solid #CCC; float: none; display: block; margin-right: auto; margin-left: auto; }
.table-vereine td a img, .table-vereine td a:hover img { border: 0px none #FFF; cursor: pointer; }
@media (min-width: 992px) {
	.table-vereine img { max-height: 75px; max-width: 75px; } } /* kleine Bildschirme */


/*
************** TABELLE Play & Stay **************
*/
.rg-container { font-size: 1em; line-height: 1.4; margin: 0; padding: 1em 0.5em; color: #000; font-family: Verdana, sans-serif; }
table.rg-table { width: 100%; margin-bottom: 0.5em; font-size: 1em; border-collapse: collapse; border-spacing: 0; }
table.rg-table tr { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: middle; text-align: left; color: #000;}
table.rg-table thead { border-bottom: 3px solid #ddd;}
table.rg-table tr { border-bottom: 1px solid #ddd; color: #222;}
table.rg-table tr.highlight { background-color: #dcf1f0 !important; }
table.rg-table.zebra tr:nth-child(even) { background-color: #f6f6f6;}
table.rg-table th { font-weight: bold; padding: 0.35em; font-size: 1em;}
table.rg-table td { padding: 0.35em; font-size: 1em;}
table.rg-table .highlight td { font-weight: bold;}
table.rg-table th.number,td.number { text-align: right;}
table.rg-table img.stageball { height: 25px; text-align: center; border: 0px solid #CCC; display: block; margin-right: 10px; margin-bottom: 0px; margin-left: 0; float: left; vertical-align: middle; }
table.rg-table img.court { height: 50px; text-align: center; border: 0px solid #CCC; display: block; vertical-align: middle; }
table.rg-table td.ziel { width: 45%; vertical-align: middle; }

/* media queries */
@media screen and (max-width: 600px) {
  .rg-container { max-width: 600px; margin: 0 auto; }
  table.rg-table { width: 100%; }
  table.rg-table tr.hide-mobile, table.rg-table th.hide-mobile, table.rg-table td.hide-mobile { display: none; }
  table.rg-table thead { display: none; }
  table.rg-table tbody { width: 100%;  }
  table.rg-table tr, table.rg-table th, table.rg-table td { display: block; padding: 0; }
  table.rg-table tr { border-bottom: none; margin: 0 0 1em 0; padding: 0.5em; }
  table.rg-table tr.highlight { background-color: inherit !important;  }
  table.rg-table.zebra tr:nth-child(even) { background-color: transparent;}
  table.rg-table.zebra td:nth-child(even) { background-color: #f6f6f6; }
  table.rg-table tr:nth-child(even) { background-color: transparent;  }
  table.rg-table td { padding: 0.5em 0 0.25em 0; border-bottom: 1px dotted #ccc;  text-align: right; }
  table.rg-table td[data-title]:before { content: attr(data-title); font-weight: bold; display: inline-block; float: left; margin-right: 0.5em; font-size: 1em; }
  table.rg-table td:last-child { padding-right: 0; border-bottom: 2px solid #ccc; }
  table.rg-table td:empty { display: none; }
  table.rg-table .highlight td { background-color: inherit; font-weight: normal;}
  table.rg-table img.stageball { height: 50px; margin-right: 0px; margin-left: auto; margin-bottom: 7px; float: none; }
  table.rg-table img.court { height: 75px; text-align: right; margin-left: auto; margin-right: 0; float: none; }
  table.rg-table td.ziel { width: auto; }}

/*
************** TABELLEN TENNIS SERVICE SHOP **************
*/
/*** SIZE / GRÖßEN ***/
.shop-size { width: 100%; margin-bottom: 20px; font-family: Verdana, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; color: #000; }
.shop-size td { padding: 5px; text-align: center; vertical-align: middle; display: inline-block; }
.shop-size tr { border-top: 1px solid #ddd; }
.shop-size tr:last-child { border-bottom: 1px solid #ddd; }
.shop-size td.h-name { width: 75px; }
.shop-size td.a-name { width: 40px; }
.shop-size strong { color: #1e5cb3; font-weight: bold; }
.shop-size .img-size { max-height: 35px; text-align: center; border: 0px solid #CCC; display: block; margin-right: auto; margin-left: auto; cursor: pointer; }
/*** ARTIKELDETAILS ***/
.shop-artikeldetails { width: 100%; margin-bottom: 20px; font-family: Verdana, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; font-variant: normal; color: #000; }
.shop-artikeldetails th, .shop-artikeldetails td { padding: 5px; text-align: left; vertical-align: middle; border: 1px solid #ddd; }
.shop-artikeldetails tr:nth-child(even) { background-color: #F7F7F7; }/* alle geraden*/
.shop-artikeldetails td.detail-left { width: 15%; }
.shop-artikeldetails td.detail-right { width: 85%; }
.shop-artikeldetails th { font-weight: bold; }
.shop-artikeldetails thead th { vertical-align: bottom; }
.shop-artikeldetails caption + thead tr:first-child th, .shop-artikeldetails caption + thead tr:first-child td, .shop-artikeldetails colgroup + thead tr:first-child th, .shop-artikeldetails colgroup + thead tr:first-child td, .shop-artikeldetails thead:first-child tr:first-child th, .shop-artikeldetails thead:first-child tr:first-child td { border-top: 0; }
.shop-artikeldetails tbody + tbody { border-top: 2px solid #ddd; }
.shop-artikeldetails .table { background-color: #fff; }
.shop-artikeldetails strong { color: #1e5cb3; font-weight: bold; }
.shop-artikeldetails .img-details { max-height: 25px; text-align: center; border: 0px solid #CCC; display: block; margin-right: auto; margin-left: auto; }
.shop-artikeldetails .img-pci { width: 100px; }
.shop-artikeldetails td a .img-details, .shop-artikeldetails td a:hover .img-details { border: 0px none #FFF; cursor: pointer; }
/*** ARTIKELDETAILS ***/
@media (min-width: 576px) {
	.shop-size td { padding: 2px; }
	.shop-size td.h-name { width: 100px; }
	.shop-size td.a-name { width: 50px; }
	.shop-size .img-size { max-height: 40px; }
	.shop-artikeldetails .img-pci { width: 150px; } } /* Handy alt quer */ 
@media (min-width: 992px) {
	.shop-size td { padding: 3px; }
	.shop-size td.a-name { width: 60px; }
	.shop-size .img-size { max-height: 45px; } } /* kleine Bildschirme */
@media (min-width: 768px) and (orientation:portrait) {
	.shop-size td { padding: 1px; }
	.shop-size .img-size { max-height: 25px; } } /* Tablet hoch */