@font-face { font-family: 'open sans'; font-style: normal; font-weight: 700; src: local('open sans-Bold'), url(//themes.googleusercontent.com/static/fonts/open sans/v4/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff?1424166743) format('woff'); }


@font-face { font-family: 'opens sans'; font-style: normal; font-weight: 500; src: local('open sans'), local('open sans'), url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); }

html, body {}

body {
  font-family: 'open sans', sans-serif !important;
  font-size: 12pt; color: #333;
  width: 100%;
  margin: 0 auto;
  margin-top: 0px;
  margin-left: 0px;
}

p {
  font-family: 'open sans', sans-serif;
  margin: 12px 0;
}

p:last-of-type {
  margin: 0;
}

h1 {
  font-family: 'open sans', sans-serif;
  font-size: 12pt;
}

h2 {
  /*color: #fff;*/
  font-size: 12pt;
  font-family: 'open sans', sans-serif;
  margin-bottom: 10px;
}

h3 {
  font-family: 'open sans'; font-style: normal; font-weight: 700;
  font-size: 12pt;
  margin-bottom: 9px;
}

h3.kategorie-name {
	font-family: 'open sans', sans-serif;
	font-size: 14pt;	
	color: #333;
	font-weight: bold;
  padding-bottom: 9px;
  margin-bottom: 9px;
}
select {
	width:95%; padding:10px; font-size:12pt;
}

h4 {}

h5 {}

h6 {}

a { color:#333; }
a:visited { color:#333; }
a:hover { color:#DDD; }

hr {
  background-color: #E6E6E6; /* Farbe für Opera und Firefox */
  color: #000; /* Farbe für Internet Explorer (IE) */
  border: 0;
  height: 1px;
  margin: 15px 0;  
}

.hr_bright {    
  background-color: black;
  border: 0;
  height: 1px;
  margin: 9px 0;
}
img {padding-left:5px;}

table {
  width: 100%;
}

table:not(.termintabelle):not(.kursdaten) tbody {
  display: block;
  flex-direction: column;
}

table:not(.termintabelle):not(.kursdaten) tbody tr {
  display: block;
  justify-content: space-between;
  width: 100%;
}

table:not(.termintabelle):not(.kursdaten) tbody tr td {
  flex-grow: 1;
}

table:not(.termintabelle):not(.kursdaten) tbody tr td:first-of-type, table:not(.termintabelle):not(.kursdaten) tbody tr td:nth-of-type(2) {
  display: block; width: 95%;
} 

table tbody input, table tbody textarea, table tbody select {
  font-size:12pt; font-family: open sans;
  width: 95%;
  margin-bottom: 9px;
  padding:15px 5px;
}

@media screen and (min-width: 480px) {

  .flex-ctn {
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin-bottom: 9px;
  }

}

.flex-ctn input {
  width: auto;
}

table thead {
  font-size: 3em;
}

td { 
  vertical-align: top;		
}

.w30 { width: 30px; }
.w15 { display:none; }

.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.bl { display: block; }

.l { text-align: left; }
.r { text-align: left; }
.c { text-align: center; }
.j { text-align: justify; }


.t { vertical-align: top; }
.b { font-weight: bold; }

.red { color: #F00; }
.green { color: #0F0; }

.redb { border: 1px solid #F9E4E8;
         background-color: #F9E4E8;
 }

.bb { border-bottom: 1px solid #444; }

.p20 { padding: 18px; }
.p10 { padding: 18px; }


.rb10, .rb20, .rb30 {
  border: none;
}

#letsdance-wrapper {
  font-size:12pt;
  font-family: 'open sans', sans-serif !important;
  width: 100%;
  margin: auto;
}
/*
#content h1 {
  margin-left: 10px;
}
*/
.bg-grey {
  background-color: white;
  margin-top: -10px;
}

.bg-grey button {
  margin-bottom: 18px;
}

#anmeldung_seite_2 {
  background-color: white;	
  margin-top: -10px;
}


.zielgruppen-name a {
  text-decoration: none;
}

.zielgruppen-beschreibung a,a:visited,a:hover {
  color: #333;
  text-decoration: none;
}

.zielgruppen-beschreibung a img{
  float: left;
  margin-right: 10px;
}

.kategorie-name {
  margin-top: 12px;
}

.kategorie-beschreibung img{
  float: left;
  margin: 2px 10px 4px 0;
}

.termintabelle {
  width: 100%;
  border-spacing: 0;
  background-color: transparent;
}

.termintabelle a, button, input[type="submit"] {
  cursor: pointer;
  font-family: 'open sans', sans-serif; font-size: 12pt;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  color: white;
  background-color: #eaa706;
  padding: 10px 10px;
  border: 0;
  outline: 0;
  transition: opacity .3s ease-in-out;
}

.termintabelle a:hover, button:hover, input[type="submit"]:hover, .termintabelle a:focus, button:focus, input[type="submit"]:focus {
  opacity: .5;
}

.termintabelle tr td {
  padding: 11px 0;
}
.termintabelle tr.second {
  background-color: transparent;
}

.kursdaten {
  display:block; padding-right:30px;
  width: 100%;
  color: #333;
  background-color: white;
}

.kursdaten tr:last-of-type {
  display: none;
}

.kursdaten tr td {
  vertical-align: text-bottom;
}
input[type="checkbox" i] {
	width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    position: relative;
    border-width: 0;
    border-style: none;
    border-radius: 0;
	background-color: rgba(234,167,6,0.3);
    color: #333333;
	cursor: pointer;
    pointer-events: all;
}

/*#background_kategorie {
	position: absolute;
	width: 100%;
	height: 240px;
	display: block;
	margin-top: -250px;
	background-color: rgba(168,168,168,0.1);
}*/