/* ALERTS muss auch in tinyMCE geladen werden*/
audio {
	height: 20px;
}
@supports (-moz-appearance:none) {
	audio {
		border-radius: 90px;/* // firefox */
		filter: opacity(50%);/* // firefox (CSS filter property:)*/
		height: 20px;
	}
}
p:has(audio) { height: 21px;}
button.audio {
	width: 22px;
	height: 22px;
  background: rgb(210, 47, 47);
  transition: all 2s ease-out;
  color: rgb(var(--v-theme-primary));
	background: url(/css/icons/volume-high.svg) no-repeat 0px 2px;
	background-position: left center;
}
.bordBlue,
.bordGray,
.bordGreen,
.bordYellow,
.bordRed,
.bgBlue,
.bgGray,
.bgGreen,
.bgYellow,
.bgRed {
  border-radius: 4px;
  border-style: solid;
  border-width: 0.8px;
  box-sizing: border-box;
  margin-bottom: 16px;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
}
.bgBlue {
	background-color: rgb(204, 229, 255);
	border-color: rgb(184, 218, 255);
	color: rgb(0, 64, 133);
}
.bgGray {
	background-color: rgb(226, 227, 229);
	border-color: rgb(214, 216, 219);
	color: rgb(56, 61, 65);
}
.bgGreen {
	background-color: rgb(212, 237, 218);
	border-color: rgb(195, 230, 203);
	color: rgb(21, 87, 36);
}
.bgYellow {
	background-color: rgb(255, 243, 205);
	border-color: rgb(255, 238, 186);
	color: rgb(133, 100, 4);
}
.bgRed {
	background-color: rgb(248, 215, 218);
	border-color: rgb(245, 198, 203);
	color: rgb(114, 28, 36);
}
/* BORDER */
.bordBlue {
	border-color: rgb(0, 123, 255);
}
.bordGray {
	border-color: rgb(108, 117, 125);
}
.bordGreen {
	border-color: rgb(40, 167, 69);
}
.bordYellow {
	border-color: rgb(255, 193, 7);
}
.bordRed {
	border-color: rgb(220, 53, 69);
}
/* LINKS */
.doc-dl,
p a {
  text-decoration: none;
  cursor: pointer;
  color: rgb(var(--v-theme-secondary));
}
.doc-dl:hover,
p a:hover {
  text-decoration: none;
  cursor: pointer;
  color: rgb(var(--v-theme-primary));
}
a.pfeil_re,
a.pfeil_re_aktiv {
	background: url(/dl/kinmedia/grafic/css/arrow_grey.png) no-repeat 0px 2px;
	background-position: left center;
	padding-left: 15px;
	margin-left: 2px;
	text-decoration:none;
	cursor: pointer;
}
a.pfeil_re:hover,
a.pfeil_re_aktiv {
	background: url(/dl/kinmedia/grafic/css/arrow_red.png) no-repeat 0px 2px;
	background-position: left center;
}
a.pdf {
	background: url(/dl/kinmedia/grafic/css/pdf_icon_inaktiv.gif) no-repeat ;
	background-position: top right;
	padding-right: 34px;
	text-decoration:none;
	cursor: pointer;
}
a.pdf:hover {
	background: url(/dl/kinmedia/grafic/css/pdf_icon.gif) no-repeat;
	background-position: top right;
	padding-right: 34px;
}
.doc-dl,
a.doc-dl {
	background: url(https://kinaesthetics.net/dl/kinmedia/grafic/css/doc-dl_icon_inaktiv.gif) no-repeat ;
	background-position: top right;
	padding-right: 18px;
	text-decoration:none;
	cursor: pointer;
}
.doc-dl:hover,
a.doc-dl:hover {
	background: url(https://kinaesthetics.net/dl/kinmedia/grafic/css/doc-dl_icon.gif) no-repeat;
	background-position: top right;
	padding-right: 18px;
}

a.pdf-butt {
	background: url(/dl/kinmedia/grafic/css/pdf_butt.gif) no-repeat 0px 3px;
	background-position: left center;
	padding-left: 42px;
	margin-left: 2px;
	text-decoration:none;
	cursor: pointer;
}
a.pdf-butt:hover {
	background: url(/dl/kinmedia/grafic/css/pdf_butt_hover.gif) no-repeat 0px 3px;
	background-position: left center;
}
/* TABLE */
/* die Voreinstellungen von data-Table sollen nicht überschrieben werden
th, td {
	vertical-align: top;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
} */
/* IMG */
img.img_left {
	width: 20%;
	margin-right: 10px;
	float: left;
}
img.img_right_25,
img.img_right {
	width: 25%;
	margin-left: 10px;
	float: right;
}
img.border {
	border-color: rgb(214, 216, 219);
  border-radius: 4px;
  border-style: solid;
  border-width: 0.8px;
}
img.img_right_border {
	width: 25%;
	margin-left: 10px;
	float: right;
	border-color: rgb(214, 216, 219);
  border-radius: 4px;
  border-style: solid;
  border-width: 0.8px;
}
img.img_left_klein {
	width: 44px;
	margin-right: 5px;
	float: left;
}
img.img_right_klein  {
	width: 44px;
	margin-left: 5px;
	float: right;
}
img.img_right_22  {
	width: 22%;
	margin-left: 7px;
	float: right;
}
img.img_right_20  {
	width: 20%;
	margin-left: 7px;
	float: right;
}
img.img_right_18  {
	width: 18%;
	margin-left: 7px;
	float: right;
}
img.img_right_16  {
	width: 16%;
	margin-left: 7px;
	float: right;
}
img.img_right_14  {
	width: 14%;
	margin-left: 5px;
	float: right;
}
img.img_right_12  {
	width: 12%;
	margin-left: 5px;
	float: right;
}
img.img_right_10  {
	width: 10%;
	margin-left: 5px;
	float: right;
}