@font-face {
	font-family: "Telefon Black";
	font-weight: bold;
	src: url("fonts/telefon/black/3f32b1c9-8e26-465e-ae02-ff82a378b670-3.woff")
			format("woff"),
			url("fonts/telefon/black/3f32b1c9-8e26-465e-ae02-ff82a378b670-3.woff2")
			format("woff2");
}
@font-face {
	font-family: "Telefon";
	font-weight: normal;
	src: url("fonts/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3.woff") 
			format("woff"),
			url("fonts/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3.woff2")
			format("woff2");
}

/* ====================================================================================================================================================================== */

.elegant {
  letter-spacing: .15em;
  text-shadow: 
	-1px 2px 1px hsl(0,0%,52%), 
	-2px 4px 1px hsl(0,0%,54%), 
	-3px 6px 1px hsl(0,0%,56%)
}

.text-3d { 
   text-shadow:
     0 1px 0 hsl(15,40%,60%),
     0 1px 0 hsl(15,40%,58%),
     0 3px 0 hsl(15,40%,56%),
     0 4px 0 hsl(15,40%,54%),
     0 5px 0 hsl(15,40%,52%),
     0 6px 1px hsl(15,40%,50%),
     0 0 5px hsl(15,20%,60%),
     0 1px 3px hsl(15,20%,58%),
     0 3px 5px hsl(15,20%,56%),
     0 5px 10px hsl(15,20%,54%),
     0 10px 10px hsl(15,20%,52%),
     0 15px 15px hsl(15,20%,50%);
}
.engrave {
   text-shadow: 
     -1px -1px 1px hsl(190,50%,90%), 
     1px 1px 1px hsl(190,50%,50%);
}

/* ====================================================================================================================================================================== */

.rotate90 {
  transform: rotate(-90deg);
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
}
.rotate180 {
  transform: rotate(-180deg);
  /* Safari */
  -webkit-transform: rotate(-180deg);
  /* Firefox */
  -moz-transform: rotate(-180deg);
  /* IE */
  -ms-transform: rotate(-180deg);
  /* Opera */
  -o-transform: rotate(-180deg);
}
.rotate240 {
  transform: rotate(-240deg);
  /* Safari */
  -webkit-transform: rotate(-240deg);
  /* Firefox */
  -moz-transform: rotate(-240deg);
  /* IE */
  -ms-transform: rotate(-240deg);
  /* Opera */
  -o-transform: rotate(-240deg);
}

/* ====================================================================================================================================================================== */

.auftragCompl {
	background-color: #40a83729 !important;
}
.auftragCompl:hover {
	background-color: #40a83754 !important;
}

.auftragEnde {
	background-color: #cc616129 !important;
}
.auftragEnde:hover {
	background-color: #cc616154 !important;
}

.auftragWarn {
	background-color: #ffc10729 !important;
}
.auftragWarn:hover {
	background-color: #ffc10754 !important;
}