/******************************************************************************************************
 * Formulare
 ******************************************************************************************************/

.js-form-item-organisation 		{ padding-top: 30px }
.js-form-item-organisation label	{ float: left; width: 150px; font-weight: 700 }
.js-form-item-name-vorname label	{ float: left; width: 150px; font-weight: 700 }
.js-form-item-e-mail-adresse label	{ float: left; width: 150px; font-weight: 700 }
.js-form-item-mitteilung label  	{ float: left; width: 150px; font-weight: 700 }

.js-form-item label			{ font-weight: 400 }
.form-checkbox			{ margin-right: 10px }

#webform-submission-kontakt-add-form .js-form-type-textarea label		{ float: left; width: 150px; font-weight: bold }

#edit-actions-submit			{ background-color: #528dc8; color: #ffffff; padding: 5px 35px; border-radius: 5px; 
					  border: 1px solid #528dc8; margin: 25px 0; font-size: 20px }
#edit-actions-submit:hover		{ opacity: .8 }

/******************************************************************************************************
 * Tabellen
 ******************************************************************************************************/

table 			{ max-width:100% }
.view-reservationen .views-table	{ width: 100% }
#block-offnungszeiten td		{ padding: 0 }

table, td, tr, th	{ border: none; border-collapse: collapse; text-align: left; margin-left: -3px }
th 			{ background-color: #ffffff; border-bottom: 1px solid #558ed5 }
td, tr, th 		{ padding:0.25em }
td:first-child	{ min-width: 140px }

tr:nth-child(even) 	{ background: #ffffff }
tr:nth-child(odd) 	{ background: #ffffff }

@media screen and (max-width:700px) {

 table 		{ border:none }
 thead 		{ display:none }
 table, tr, td	{ padding:0; border: none }

 tr 			{ float: left; width: 100%; margin-bottom: 0.1em; border-bottom: 1px solid #558ed5 }
 td 			{ float: left; width: 100%; padding:.25em; border-bottom: 1px solid #fff }

 tr:nth-child(even) 	{ background: #ffffff }
 tr:nth-child(odd) 	{ background: #ffffff}

/**
 * td::before 	{ content:attr(data-label); background: #fff; border-right:1px solid #558ed5;
 *			  width: 30%; float:left; padding:1em; font-weight: bold; margin:-1em 1em -1em -1em }
*/

}