/*BLAk*/
.detailfenster {max-width:1100px; margin:0 auto;padding:0px;}
#link {float:right; font-weight:bold;}

#link a {text-decoration:none;}
/* table.responsive css*/
table.responsive {width:100%;box-sizing:border-box;}
table.responsive thead td {font-weight:bold;}
table.responsive thead {		display:none;	}
table.responsive td {		padding:0;		}
table.responsive {		border:none; padding:0;	}
table.responsive tr {
		float: left;width: 100%;
		margin-bottom: 1em;
		background-color:#e1e6d3;
	}
table.responsive td {
		float: left;
		width: 100%;
		padding:.5em 10px;
	}
table.responsive td::before {
		content:attr(data-label);
		width: 15%;float:left;
		padding:1em;
		font-weight: bold;min-height:25px;
		margin:-1em 1em -1em -1em;
	}
#showPagedSeminars table.responsive tr td:last-of-type a, .line .right a, a.anmeldebutton {padding: 5px 15px; background-color:#439e04; color:#fff !important; font-weight:bold; border-radius:15px; text-decoration:none;}
a.anmeldebutton {display:block}
.responsive td a, a.nextPage {
  text-decoration: none;
  font-weight: bold;
}
a#logo, a.link {text-decoration:none;}
/*Anmeldeformular*/
.line {
  display: flex;
  padding: 5px;
  gap: 10px;
  align-content: space-between;
  width: 100%;
  max-width: 450px;
}
.line div.left {
  width: 40%;
}
/*Vorauswahl*/
.radio-button {
  display: none;
}
#filter {
  display: flex;
  gap: 20px;
  /*justify-content: center;*/
}
.filter-label {
  display: inline-block;
  border: 1px solid green;
  padding: 10px 20px;
  /*font-size: 1.4em;*/
  text-align: center;
  cursor: pointer;
}
.inhalt {display:none;}
#firma:checked~.firmenregistrierung ,
#privat:checked~.einzelperson {
  display: block;
display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#firma:checked ~ #filter .featured {
  background-color: #d4e7ed;
}

#privat:checked ~ #filter .personal {
  background-color: #d4e7ed;
}
/*Teilnehmer*/
#TN {width:100%;}
#TNrahmen {
  margin: 20px 0;
}
#participant1, #participant2 {display:flex; flex-wrap:wrap;}
#participant2 {margin:10px 0;}
/*TN2 */
#TN2yes:checked~.tn2yes {
  display: block;
    display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-top:10px;
}

#TN2no:checked~.tn2yes {
  display: none;
}
/*Details*/
div.zeitraum {display:flex; gap:20px;}
div.zeitraum span {font-size:19px;font-weight:bold;}
.dateleft, .dateright {
  padding-top: 4px;
}
#registration fieldset , #registrationinstitution fieldset {
  border: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap:10px;
}
div.bestaetigen {
  background-color: gold;
  padding: 10px;
  display: block;
  width: 100%;
}
div.bestaetigen p {margin:0;}
footer {display:none;}
@media screen and (min-width:720px) {
	table.responsive { border-bottom:1px solid #4f9b24;}
	table.responsive thead {		display:inline;	}
	table.responsive thead tr {background-color:#c6e1b7;}
		table.responsive td::before {
		content:'';
		background: #c6e1b7;
		width: 0%;
		float:none;
		font-weight: normal;
		margin:0;padding:0;min-height:10px;
	}
	table.responsive tr td {width:auto;}
	table.responsive tr td:first-child  {width:40%;padding:.5em;}	
	table.responsive tr td:nth-child(3) ,table.responsive tr td:nth-child(2), table.responsive td:last-child {  width:11%;padding:.5em;}	
	table.responsive td:last-child { width:15%; text-align: right; }
	table.responsive tr {margin-bottom:0;border-top:1px solid #e1e6d3; background-color:unset;}
}