.tx-sv-kursverwaltung form fieldset {
  padding: 2em;
  background-color: #E7E7E7;
  border: 1px solid #E7E7E7;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
.tx-sv-kursverwaltung form fieldset div.fieldwrap {
  margin-bottom: 2em;
}
.tx-sv-kursverwaltung form fieldset div.fieldwrap label,
.tx-sv-kursverwaltung form fieldset div.fieldwrap input,
.tx-sv-kursverwaltung form fieldset div.fieldwrap textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.tx-sv-kursverwaltung form fieldset div.fieldwrap label {
  padding-bottom: 0.2em;
}
.tx-sv-kursverwaltung form fieldset div.fieldwrap input,
.tx-sv-kursverwaltung form fieldset div.fieldwrap textarea {
  font-size: 1.3em;
  padding: 0.5em;
  border: 1px solid #BCBCBC;
}
.tx-sv-kursverwaltung form fieldset div.fieldwrap textarea.bemerkungen,
.tx-sv-kursverwaltung form fieldset div.fieldwrap textarea.kinder {
    height: 80px;
}
.tx-sv-kursverwaltung form fieldset div.fieldwrap input.submit {
  border: transparent;
  display: inline-block;
  color: #FFFFFF!important;
  text-decoration: none!important;
  padding: 0.7em 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #F13112;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F27662', endColorstr='#F13112');
  background: -moz-linear-gradient(100% 100% 90deg, #F13112, #F27662);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F27662), to(#F13112));
  text-decoration: none;
  margin-bottom: 1em;
  margin-top: 0.5em;
}
.tx-sv-kursverwaltung form fieldset div.fieldwrap input.submit:hover {
  background: #F13112;
  text-decoration: underline;
}
.tx-sv-kursverwaltung form fieldset .error {
  color: red;
  font-size: 1.3em;
    line-height: 1.6em;
}
.tx-sv-kursverwaltung .typo3-messages .alert-danger {
  color: red;
}
.tx-sv-kursverwaltung .typo3-messages .alert-danger p{
  color: red;
  }
.tx-sv-kursverwaltung .typo3-messages p {display: inline;}

.tx-sv-kursverwaltung form fieldset div.fieldwrap input.f3-form-error,
.tx-sv-kursverwaltung form fieldset div.fieldwrap textarea.f3-form-error {
  background-color: #FF9F9F;
    border: 1px #FF0000 solid;
}
.tx-sv-kursverwaltung div.kurs-bild {
  margin-bottom: 5.55em;
}
.tx-sv-kursverwaltung div.kurs-bild img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.20);
}
.tx-sv-kursverwaltung h1.kurs-titel {
  margin-top: 0;
}
.tx-sv-kursverwaltung .button.backlink {
  padding-left: 1em;
  padding-right: 1em;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung tr:hover {
  background: #E7E7E7;
  cursor: pointer;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td {
    text-align: left;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-titel {
  width: 30%;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-einmalig {
  width: 19%;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-einmalig-datum {
  width: 19%;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-mehrmalig-zeitraum {
  width: 19%;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-mehrmalig-zeitangabe {
  width: 19%;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-ort {
  width: 27%;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-status {
  width: 3%;
  text-align: right;
  padding-right: 0.25em;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-status-mobile {
  display: none;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-abgesagt,
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-ausgebucht {
  font-weight: bold;
  text-transform: uppercase;
  color: red;
}
.tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-status {
  vertical-align: middle;
}
.tx-sv-kursverwaltung form,
.tx-sv-kursverwaltung table.tx-sv-kursverwaltung.kurs-detail {
  max-width: 565px;
}
.tx-sv-kursverwaltung ul.validation-errors ul {
  margin: 0 0 0.5em;
}
.tx-sv-kursverwaltung ul.validation-errors ul li {
  font-size: 1em;
}
.tx-sv-kursverwaltung .flash-messages.bestaetigung ul {
  border: 1px dotted #008000;
  padding: 0.5em 2em;
}
.tx-sv-kursverwaltung .flash-messages h4 {
  margin-top: 0;
  color: green;
}
.tx-sv-kursverwaltung .flash-messages ul {
  padding-left: 0;
}
.tx-sv-kursverwaltung .flash-messages li {
  margin-left: 0;
  text-indent: 0;
}
.tx-sv-kursverwaltung .flash-messages li::before {
  display: none;
}
.kreis {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.kreis.kreis-gruen {
  background-color: #8ebb60;
}
.kreis.kreis-rot {
  background-color: #e53c21;
}
.kurs-status-anzeige {
  display: inline-block;  
}
.kurs-status-anzeige.kurs-status-rot {
	background: #e53c21;
	border: 3px solid #e53c21;
	color: white;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 10px;
	padding: 0px 10px;
    position: relative;
    top: -15px;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-rot .tooltipster-box,
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-gruen .tooltipster-box {
	background: #e53c21;
	border: 3px solid #e53c21;
	border-radius: 2px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-gruen .tooltipster-box {
	background: #8ebb60;
	border: 3px solid #8ebb60;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-gruen .tooltipster-content,
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-rot .tooltipster-content {
	color: white;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 10px;
	padding: 0px 10px;
}
@media screen and (min-width: 1100px) {
  body.schulhaus.fortbildungsschule.kursmodul #headerpic {
    background-color: #F28E4B;
    display: block;
    height: 10em;
  }
}
@media screen and (max-width: 767px) {
  .tx-sv-kursverwaltung table.tx_svkursverwaltung tr:first-child,
  .tx-sv-kursverwaltung table.tx_svkursverwaltung tr {
      padding-top: 15px;
      padding-bottom: 15px;
  }
  .tx-sv-kursverwaltung table.tx_svkursverwaltung td {
    width: 100%!important;
  }
  .tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-status-mobile {
    display: table-cell;
    width: 100%;
  }
  .tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-status-mobile .kurs-status-anzeige {
    top: 0;    
  }
  .tx-sv-kursverwaltung table.tx_svkursverwaltung td.kurs-status {
    display: none;
  }
  .tx-sv-kursverwaltung div.kurs-bild {
    margin-bottom: 4em;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -4.5em;
  }
  .tx-sv-kursverwaltung div.kurs-bild img {
    border-radius: 0;
    box-shadow: none;
  }
  .tx-sv-kursverwaltung form,
  .tx-sv-kursverwaltung form fieldset {
    max-width: 100%;
    box-sizing: border-box;
  }
  .tx-sv-kursverwaltung .button.backlink {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}