/* CSS Document */
* {
	border: 0px none;
	outline: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}

html {margin:0;padding:0;height:100%}

:root {
	--input-border: rgba(215,224,233,1);
	--input-border-focus: rgba(127,153,190,1);
 	--header-height: 120px;
 	--header-height: 88px;	
	--commandbar-height:48px;
	--mainwrapper-height:calc(100vh - var(--header-height) - var(--commandbar-height) - 48px);
/*	--mainwrapper-height:calc(100vh - 120px - 48px); */
	--orange: rgba(241,131,32,1);
	--orange50: rgba(248,193,144,1);
	--orangelight: rgba(254,243,233);
	--blau: rgba(127,153,190);
	--blaulight: rgba(215,224,233,1);
	--grau: rgba(141,141,141,1);
	--graulight: rgba(166,166,166,1);
	
}

input {
	padding-left: 0.5rem;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0,0,0,0.3);

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,0.3);

}

body {
	font-family: 'Roboto',sans-serif;	
	font-size: 14px;
	font-weight:400;
	background-color:rgba(255,255,255,1);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:rgba(0,0,0,1);

/*	display: flex;
	flex-direction: column;
	height: 99.8%;
	width:100%;
	overflow:hidden;
*/
}

#debug {
	margin-right:1rem;
	text-transform:uppercase;
	color:rgba(153,0,0,1);
	font-weight:600;
}

h2 {
	margin-bottom:1.5rem;
	font-size:1.5rem;
	font-weight:400;
}
h3 {
	margin-bottom:0.8rem;
	font-size:1.2rem;
	font-weight:400;
}

a {
	text-decoration:none;
	color:rgba(96,96,96,1);
	transition:all 0.3s ease;
}
a:hover {
	color:rgba(96,96,96,0.8)
}

ul.listmenu{

	list-style: square outside none;

	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
}

ul.listmenu li{
	position:relative;
}

ul.listmenu li a{
	display:block;
	width:100% !important;
	color:rgba(250,133,30,1);
	padding:0.5rem 0 0.5rem 0.5rem;
	border-bottom:1px solid rgba(54,185,215,0.1);
	border-bottom:1px solid rgba(183,153,1536,0.3);
	border-bottom:1px solid rgba(153,153,153,0.3);
}
ul.listmenu li:after{
	display:inline-block;
	position:absolute;
	padding:0.5rem 0 0.5rem 0;
	right:0;
	top:0;
	content:" » ";
	transform:translateX(-20px);
	color:rgba(54,185,215,1);
	color:rgba(250,133,30,1);
}
ul.listmenu li:hover:after{
	color:rgba(96,96,96,1);	
}
ul.listmenu li a:hover{
	color:rgba(250,133,30,0.8);
	color:rgba(96,96,96,1);
	background-color:rgba(54,185,215,0.1);
	background-color:rgba(153,153,153,0.1);
}

button {
	cursor:pointer;
	padding:0.5rem 1rem 0.5rem 1rem;
	color:rgba(255,255,255,1);
	color:var(--blau);
	background-image:none;
	background-color:rgba(250,133,30,1);
	background-color:var(--blaulight);
	border-radius:4px;
	transition:all 0.3s ease;
	margin:0 0.5rem 0 0;
	white-space: nowrap;
}


.button-blue {
	background-color:rgba(54,185,215,1);
}

.button-blue:hover {
	background-color:rgba(54,185,215,0.8);
}

.button-green {
	background-color:rgba(0,255,0,1);
	color:rgba(255,255,255,1);
}

.button-green:hoverX {
	background-color:rgba(0,255,0,0.8) !important;
}

.button-orange {
	background-color:var(--orange);
	color:rgba(255,255,255,1);
}

.button-red {
	background-color:rgb(255,0,0);
	color:rgba(255,255,255,1);
}

button:not(.buttonactive, .button-blue):hover {
	background-color:var(--blau);
	color:rgba(255,255,255,1);
}

select {
	appearance: none;
	padding: 0 40px 0 0.5rem;
	cursor: pointer;
	height:30px;
	line-height:30px;
	margin-bottom:2px;
	box-sizing:border-box;
	background-color:rgba(255,255,255,1);
}
select::-ms-expand {
  display: none;
}
select:focus::-ms-value { 
	background-color:rgba(255,255,255,1);
	color:rgba(0,0,0,1);
} 


#pagewrapper {
	position:absolute;
	background-color:rgb(255,255,255);
	width:100vw;
	height:100vh;
	overflow:hidden;
}
#menuwrapper {
	position:absolute;
	display:block;
	box-sizing:border-box;
	background-color:rgba(255,255,255,1);
	width:500px;
	height:100%;
	right:0;
	transform:translateX(510px);
	transition: transform 0.1s;
	overflow-y:scroll;
	z-index:999;
	box-shadow: -6px 0px 12px -1px rgba(0,0,0,0.35);
	-webkit-box-shadow: -6px 0px 12px -1px rgba(0,0,0,0.35);
	-moz-box-shadow: -6px 0px 12px -1px rgba(0,0,0,0.35);

}
#menu {

}

#header {
	height: var(--header-height);
	background-color:rgba(153,153,153,0);	
}

#header > div {
	display:flex;
	align-items: center;
}


#mainwrapper {
	position:relative;
	width:100%;
	height: var(--mainwrapper-height);
	overflow-x:hidden;
	overflow-y:auto;
	z-index:1;
}
.main {
	position:relative;
	overflow-x:auto;
	overflow-y:none;
}

.loginbox{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background:rgba(255,255,255,1);
	box-sizing:border-box;
	text-align:center;
	background-color:rgba(153,153,153,0.3);
	width:400px;
}

.selectwrapper {
	position:relative;
	display:inline-block;
	margin-right:0.5rem;
	box-sizing:border-box;
	border:1px solid var(--blaulight);
}
.selectwrapper:after {
	font-family: "Font Awesome 5 Free";
	content: '\f107';
	font-weight:600;
	color: var(--blau);
	position:absolute;
	pointer-events: none;
	height:32px;
	width:32px;
	text-align:center;
	right:0;
	background-color:var(--blaulight);
	line-height:32px;
	transition:all 0.3s ease;

}
.selectwrapper:hover::after {
	background-color:var(--blau);
	color:rgba(255,255,255,1);
}
.selectwrapper-err {
	background-color:rgba(250,133,30,0.5);
}
.selectwrapper + div:not([class=selectwrapper]){
	display:block;
	position: relative;
	color:var(--orange);
	padding:0.3rem 0 0 0.5rem;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:600;
	font-size:0.7rem;
	margin:0 0.5rem 1.5rem 0;
}

.flexcontainer {
	display:flex;
	justify-content:space-between;
}
.flexleft, .flexright {
	flex:0 1 49%;	
	width:49%;
}

/**** START INPUT ****/

input {
	background-color:rgba(255,255,255,1);
	border:1px solid var(--blaulight);
	transition:all 0.3s ease;
}
.input {
	margin:0 0 1.5rem 0;
}

.input textarea {
	resize: none;
	width: 100%;
	border: 1px solid var(--input-border);
	padding: 0.5rem;
	transition:all 0.3s ease;
	height:6.4em;
}

.input input:not([type=checkbox]) {
	width: 100%;
	height: 2rem;
	border: 1px solid var(--input-border);
	padding-left: 0.5rem;
	transition:all 0.3s ease;
}

.input input:not([type=checkbox]) + label, .input textarea + label {
	display:block;
	position: relative;
	color:var(--orange);
	padding:0.3rem 0 0 0.5rem;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:600;
	font-size:0.7rem;
/*
	cursor: text;
	transform: translateY(-2rem); 
	transition: all 0.3s;
	margin-bottom:-2rem; */
}


/* .input input:not([type=checkbox]):focus, .input textarea:focus { */
 input:not([type=checkbox]):focus,textarea:focus {
	border: 1px solid var(--input-border-focus);
	

	-webkit-box-shadow: -6px 0px 12px -1px rgba(0,0,0,0.35);
	-moz-box-shadow: -6px 0px 12px -1px rgba(0,0,0,0.35);	
	box-shadow: 0px 0px 8px 0px rgba(127,153,190, 0.5);
}

input[type=checkbox]{
	visibility:hidden;
	background: transparent;
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

input[type=checkbox] + label {
	color:rgba(96,96,96,1);
	cursor:pointer;
	padding:0 !important;
	display:inline-block;
	text-transform:none;
	letter-spacing:0;
	font-weight:400;
	font-size:1rem;	
	margin:0 !important;
	line-height:1rem;
}
input[type=checkbox] + label:before{
	content:"";
	display:inline-block;
	cursor:pointer;
	width:1.5rem;
	height:1.5rem;
	vertical-align: -45%;
	margin:0 0.5rem 0 0;
	background-color:rgba(255,255,255,1);
	border:1px solid var(--blau);
	border-radius:4px;
}
input[type=checkbox]:checked + label:before{
	background-color:var(--blau);
}


.onlyread, .onlyread:focus{
	border:0 !important;
	box-shadow:none !important;
}

/**** ENDE INPUT ****/


#module {
	padding-top:1rem;	
}

#logo {
	flex:1 0 auto;
	margin:0 30px 0 30px;
	align-items: center;
	height:100px;
}

#servicemenu {
	flex:0 1 auto;
	text-align:right;
}

#service {
	flex:1 0 auto;
	margin:0 30px 0 0;
	text-align:right;
	cursor:pointer;	
}

.blurbox{
	filter:blur(5px);
}

.blackbox{
	position:absolute;
	width:100vw;
	height:100vh;
	z-index:500;
	background-color:rgba(0,0,0,0.6) !important;
}

.menuwrapperactiv{
	transform:translateX(0) !important;
}


.buttonactive {
	background-color:var(--blau) !important;
	color:rgba(255,255,255,1) !important;
}

.commandbar {
	display:flex;
	background-color:rgba(153,153,153,0.3);
	background-color:rgba(255,255,255,1);
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	height:var(--commandbar-height);
	box-sizing:border-box;
	overflow-x:hidden;
	overflow-y:hidden;
}

[class^="act-button"] {
	cursor:pointer;
	padding:0.5rem 1rem 0.5rem 1rem;
	color:var(--blau);
	background-color:rgba(255,255,255,1);
	background-color:var(--blaulight);
	transition:all 0.3s ease;
	margin:0 0.5rem 0 0;
}
[class^="act-button"]:hover {
	background-color:var(--blau) !important;	
}
[class^="act-button"]:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: var(--blau);
	padding-right:0.5rem;
}
[class^="act-button"]:hover:before {
	color:rgba(255,255,255,1) !important; 
}

.act-button-add:before, .act-button-new:before {
	content:"\f067";
}
.act-button-refresh:before {
	content:"\f021";
}

.act-button-auswertung:before {
	content:"\f080";
}
.act-button-print:before {
	content:"\f02f";
}
.act-button-filter:before {
	content:"\f0b0";
}
.act-button-filter-active {
	background-color:var(--blau) !important;
	color:rgba(255,255,255,1);
}
.act-button-filter-active:hover {
	background-color:var(--blau) !important;
}
.act-button-filter-active:before {
	content:"\f0b0";
	color:rgba(255,255,255,1);
}

.act-button-color:before {
	content:"\f53f";
}
.feiertage:before {
	content:"\f79c";
}


.act-button:hover {
	background-color:rgba(255,255,255,1);
}

#feiertage {
/*	border:1px solid rgba(153,153,153,1); */
	padding:0.5rem;
}
.holi-day {
	background-color:rgba(153,153,153,0.3);
	padding:0.3rem;
	margin:0 0 1px 0;
}
.holi-day:hover {
	background-color:rgba(153,153,153,0.5);
}
.holi-day:last-child {
	margin:0;
}

.kcs-table {
	border:1px solid var(--grau);
	border-bottom:none;
	margin:0.5rem;
}

.kcs-header {
	background-color:var(--orange);
	color:rgba(255,255,255,1);
	text-transform:uppercase;
	letter-spacing:2px;
	white-space: nowrap;
	padding:0.5rem !important;
	font-size:0.8rem;
	cursor:auto !important;
	position:relative;
}

.kcs-sort:after {
	position:absolute;
	font-family: "Font Awesome 5 Free";
	content: '↕';	
	right:0;
	padding-right:0.5rem;
}
.kcs-sort-active {
	background-color: rgba(219,82,18,1);
}

.kcs-tr {
	display:flex;
	cursor:pointer;
	background-color:rgba(250,133,30,0);
}

.Xkcs-tr:nth-child(even) {
	background-color:rgba(250,133,30,0.2);	
	display:flex;
}
.Xkcs-tr:nth-child(odd) {
	background-color:rgba(250,133,30,0);
	display:flex;
}
.kcs-tr:not(kcs-header):hover {
	background-color:var(--blaulight);
}

.kcs-td {
	flex: 1 0 200px;
	padding:1rem 0.5rem 1rem 0.5rem;
	border-right:1px solid var(--graulight);
	border-bottom:1px solid var(--graulight);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;		
}
.kcs-td:last-child {
	border:none;
	border-bottom:1px solid rgba(204,204,204,1);
}

.dienst-column {
	display:flex;
	cursor:pointer;
}
.Xdienst-column:hover > .dienst-cell > div {
	background-color:rgba(150,212,233,1);
	background-color:rgba(150,212,233,0.3);
}

/*  .dienst-column .ui-selecting { background:rgba(153,153,153,0.5) !important; z-index:900} */
  .dienst-column .ui-selecting .box-x{ background:rgba(250,133,30,0.5) !important; z-index:9000 !important} 
  .dienst-column .ui-selected .box-x{ background: rgba(250,133,30,0.5) !important; z-index:1000 !important}

.ui-autocomplete {
	z-index:1000 !important;
	max-width:436px !important;	
}

.ui-state-active:hover {
	border: 1px solid rgba(54,185,215,1) !important;
	background-color:rgba(54,185,215,1) !important;
}

.ui-menu-item {

    color: rgba(96,96,96,1);
}
.ui-menu-item-wrapper{
	padding:0.5rem 1rem 0.5rem 1rem !important;	
}
.ui-menu-item-wrapper:hover {
	background-color:rgba(54,185,215,1);
}



.dienst-cell {
	flex:1 0 150px;
	box-sizing:border-box;
	margin-bottom:3px;
	margin-right:1px;
	border-bottom:3px solid rgba(0,0,0,1);
}
.dienst-cell-evaluationweek {
	flex:1 0 50px;
	background-color:var(--orangelight);	
	color:rgba(255,255,255,1);
	margin-bottom:3px;
	margin-right:1px;
	text-align:center;
}
.dienst-cell-auswertung {
	color:rgba(255,255,255,1) !important;
	background-color:rgba(102,102,102,1) !important;
	background-color:rgba(204,204,204,1) !important;
}

.dienst-cell-header {
	flex:1 0 150px;
	box-sizing:border-box;
	margin-bottom:3px;
	margin-right:1px;
	background-color:rgba(102,102,102,1);
	background-color: var(--blaulight);
	color:var(--grau);
	color:rgba(0,0,0,0.9);
	cursor:auto;
	font-size:0.8rem;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:0.8px;
}

.dienst-cell-header-monat {
	background-color:var(--graulight);
	color:rgba(255,255,255,1);
	font-size:0.8rem;
	font-weight:400;
	margin-bottom:3px;
	text-transform:uppercase;
	letter-spacing:1px
}

.dienst-cell-header-evaluationweek {
	flex:1 0 50px;
	background-color:rgba(102,102,102,1);
	margin-bottom:3px;
	margin-right:1px;
}
.main-wait {
	display:block;
	position:relative;
	height:calc(100vh - 168px) !important;
}
.main-spinner {
	color:rgba(0,0,0,0.5);
	position:absolute;
	text-align:center;
	line-height:32px;
	width:32px;
	height:32px;
	left:calc(50% - 16px);
	top:calc(50% - 16px);
}
/* Styling Dienstplanboxes */
.box-user {
	position:relative;
	background-color:rgba(240,240,240,1);
	background-color:rgba(204,204,204,1);
	background-color:var(--orangelight);
	height:96px;
	height:128px;
	height:160px;
	height:192px;
	height:224px;
	height:256px;
	height:288px;
	height:320px;
	height:323px;
	box-sizing:border-box;
	margin-right:3px;
	margin-right:1px;
	margin-bottom:3px;
	padding:3px 3px 0 3px;
	border-bottom:3px solid rgba(0,0,0,1);
}
.box-username {
	padding:0.5rem 0 0.5rem 0;
	color:rgba(0,0,0,1);
	cursor:pointer;
	font-size:16px;
	line-height:1;
	font-weight:bold;
	background-color:rgba(54,185,215,1);
	background-color:rgba(204,204,204,1);
	background-color:rgba(185,185,185,1);
	background-color:rgba(250,133,30,1);
}
.box-prop {
	position:relative;
	box-sizing:border-box;
	border-bottom:1px solid rgba(255,255,255,1);
	background-color:rgba(0,0,0,0);
	padding:6px 0.2rem 0 0.5rem;
	padding: 6px 6px 0 6px;
	font-size:0.8rem;
	line-height:32px;
	height:32px;
	text-transform:uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align:right;
	max-width:250px;
}
.box-info{
	background-color:var(--orangelight);
	padding:0.5rem;
	margin:0 0 0.2rem 0;
}
.box-mitarbiter-count {
	background-color:var(--grau);
	color:rgba(255,255,255,1);

}
.box-header {
	box-sizing:border-box;
	height:32px;
	line-height:32px;
	line-height:30px;
	padding:0 6px 0 6px;
	font-weight:700;
	font-size:0.9rem;
	border:2px solid rgba(0,0,0,1);

}
.box-x {
	position:relative;
	box-sizing:border-box;
	height:32px;
	line-height:32px;
	padding:3px 6px 0 6px;
	background-color:rgba(240,240,240,1);
	border-top:1px solid rgba(255,255,255,1);
	border-bottom:1px solid rgba(255,255,255,1);
	max-width:150px;
	max-height:64px;
	max-height:96px;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align:right;
	font-weight:bold;
}

.box-bezeichner {
	position:absolute;
	background-color:rgba(54, 185, 215,0.6);
	background-color:rgba(102,102,102,1);
	background-color:rgba(240,240,240,1);
	left:0;
	top:0;
	padding:1px 2px 1px 2px;
	line-height:normal;
	font-size:0.6rem;
	text-transform:uppercase;
	letter-spacing:1px;
	color:rgba(255,255,255,1);
	color:rgba(96,96,96,1);
	color:rgba(0,0,0,0.9);
	font-weight:normal !important;

}

.box-hinweis {
	display:none;
	background-color:rgba(255,0,0,1);
	padding:1rem;
	margin-bottom:1rem;
	line-height:normal;
	font-size:1rem;
/*	text-transform:uppercase; */
	border-radius:4px;
	color:rgba(255,255,255,1);
}

.box-summe-week {
	box-sizing:border-box;
	height:32px;
	line-height:32px;
	padding:0 6px 0 6px;
}
.box-kalenderwoche {
	background-color:var(--orange);	
}

.box-we {
	background-color:rgba(250, 133, 30, 0.2) ;
	background-color:var(--blau);
	color:rgba(255,255,255,1);
}

.box-we-light {
	background-color:var(--blaulight);
	color:rgba(0,0,0,1);
}

.box-holiday {
	background: repeating-linear-gradient(
		-45deg,
		rgb(127, 153, 190),
		rgb(127, 153, 190) 60px,
		rgb(215, 224, 233) 60px,
		rgb(215, 224, 233) 150px
	);
	color:rgb(0,0,0);
}

.box-a { /* ROT */
	background-color:rgba(255,0,0,1) !important;
	color:rgba(255,255,255,1) !important;
}
.box-b { /* ORANGE */
	background-color:rgba(241,131,32,1) !important;
}
.box-c { /* GRÜN */
	background-color:rgba(0,255,0,1) !important;
}
.box-c30 { /* GRÜN30 */
	background-color:rgba(0,255,0,0.3) !important;
}
.box-d { /*BLAU*/
	background-color:rgba(150,210,212,1) !important;
}
.box-e { /* GELB */ 
	background-color:rgba(250,236,174,1) !important;
}
.box-w {
	background-color:rgba(240,240,240,1) !important;
}

.box-tn {
	background-color:rgba(0,255,0,1);
}

.box-tn-error {
	background-color:rgba(255,0,0,1);
}

.box-auev {
	background-color:rgba(250, 133, 30, 0.4);
	background-color:rgba(0,255,0,1);
}



.box-datum {
	display:inline-block;
	background-color:rgba(153,153,153,0.3);
	padding:0.5rem;
	margin:0 1rem 0 0;
}
.box-mitarbeiter {
	display:inline-block;
	color: var(--blau);
	font-weight:600;
	font-size:1rem;
	margin-top:1rem;
}

.marginbottom {
	margin-bottom: 1.5rem;
}
.marginright {
	margin-right: 0.5rem;
}


.fehlzeitname {
	padding-left:0.5rem;
	line-height:32px;
	height:32px;
	background:rgba(255,255,255);
	border:1px solid var(--blau);
	margin:2px 5px 2px 0;
	border-radius:4px;
	width:100%;
	cursor:pointer;
	transition:all 0.3s ease;
}
.filtername {
	padding-left:0.5rem;
	line-height:32px;
	height:32px;
	background:rgba(255,255,255);
	border:1px solid var(--blau);
	margin:2px 5px 2px 0;
	border-radius:4px;
	width:100%;
	cursor:pointer;	
	transition:all 0.3s ease;
}
.filtername:hover {
	background:var(--blau);
	color:rgba(255,255,255,1);
}
.filtertrash {
	padding:0.5rem;
	height:32px;
	background:rgba(255,255,255);
	border:1px solid rgba(54,185,215,1);
	margin:2px 0 2px 0;
	border-radius:4px;
	cursor:pointer;
	transition:all 0.3s ease;
}
.filtertrash:hover {
	background:rgba(250,133,30,1);
	color:rgba(255,255,255,1);
}

/* FEHLZEIT-KLASSEN */
.fz-u {
	/*1*/
	background: repeating-linear-gradient(
		-45deg,
	 	rgb(127, 153, 190),
		rgb(127, 153, 190) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-uu {
	/*11*/
	background: repeating-linear-gradient(
		-45deg,
	 	rgb(255, 255, 255),
		rgb(255, 255, 255) 5px,
		rgb(215, 224, 233) 5px,
		rgb(215, 224, 233) 10px
/*		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
*/		
	);
	color:rgb(0,0,0);
}
.fz-us {
	/*14*/
	background: repeating-linear-gradient(
		90deg,
	 	rgb(255, 255, 255),
		rgb(255, 255, 255) 5px,
		rgb(215, 224, 233) 5px,
		rgb(215, 224, 233) 10px
/*		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
*/		
	);
	color:rgb(0,0,0);
}

.fz-k {
	/*2*/
	background: repeating-linear-gradient(
		-45deg,
	 	rgb(255,191,191),
		rgb(255,191,191) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-k0 {
	/*3*/	
	background: repeating-linear-gradient(
		45deg,
	 	rgb(255,191,191),
		rgb(255,191,191) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}

.fz-ka {
	/*13*/	
	background: repeating-linear-gradient(
		90deg,
	 	rgb(255,191,191),
		rgb(255,191,191) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-qu {
	/*16*/	
	background: repeating-linear-gradient(
		0deg,
	 	rgb(255,191,191),
		rgb(255,191,191) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-q {
	/*17*/	
	background: repeating-linear-gradient(
		0deg,
	 	rgb(255,191,191),
		rgb(255,191,191) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}

.fz-azk {
	/*4*/
	background: repeating-linear-gradient(
		-45deg,
	 	rgba(127, 153, 190, 1),
		rgba(127, 153, 190, 1) 5px,
		rgba(240, 240, 240, 1) 5px,
		rgba(240, 240, 240, 1) 10px
	);
	background: repeating-linear-gradient(
		-45deg,
	 	rgb(215, 224, 233),
		rgb(215, 224, 233) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-garantie {
	/*5*/
	background: repeating-linear-gradient(
		45deg,
	 	rgb(215, 224, 233),
		rgb(215, 224, 233) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-ms {
	/*6*/
	background: repeating-linear-gradient(
		45deg,
	 	rgb(254, 243, 233),
		rgb(254, 243, 233) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	background: repeating-linear-gradient(
		-45deg,
	 	rgb(248, 193, 144),
		rgb(248, 193, 144) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-ez {
	/*7*/

	background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgb(215, 224, 233) 5px, rgb(215, 224, 233) 10px),
				repeating-linear-gradient(45deg, rgb(215, 224, 233), rgb(215, 224, 233) 5px, rgb(240, 240, 240) 5px, rgb(240, 240, 240) 10px);


	background: repeating-linear-gradient(
		45deg,
	 	rgb(248, 193, 144),
		rgb(248, 193, 144) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);

	color:rgb(0,0,0);
	
}
.fz-bv {
	/*8*/

	background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgb(248, 193, 144) 5px, rgb(248, 193, 144) 10px),
				repeating-linear-gradient(45deg, rgb(248, 193, 144), rgb(248, 193, 144) 5px, rgb(240, 240, 240) 5px, rgb(240, 240, 240) 10px);
	color:rgb(0,0,0);
}
.fz-fu {
	/*9*/
	background: repeating-linear-gradient(
		90deg,
	 	rgb(255, 128, 128),
		rgb(255, 128, 128) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-fs {
	/*10*/
	background: repeating-linear-gradient(
		-45deg,
	 	rgb(0, 255, 0),
		rgb(0, 255, 0) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-wf {
	/*12*/
	background: repeating-linear-gradient(
		45deg,
	 	rgb(0, 255, 0),
		rgb(0, 255, 0) 5px,
		rgb(240, 240, 240) 5px,
		rgb(240, 240, 240) 10px
	);
	color:rgb(0,0,0);
}
.fz-ft {
	/*18*/
		background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgb(0, 255, 0) 5px, rgb(0, 255, 0) 10px),
				repeating-linear-gradient(45deg, rgb(0, 255, 0), rgb(0, 255, 0) 5px, rgb(240, 240, 240) 5px, rgb(240, 240, 240) 10px);
	
	
	color:rgb(0,0,0);
}

@keyframes v{
  0% {background:rgb(254, 243, 233)}
  50%{background:rgb(248, 193, 144)}
  100%{background:rgb(254, 243, 233);}
}

@-webkit-keyframes v{
  0% {background:rgb(254, 243, 233)}
  50%{background:rgb(248, 193, 144)}
  100%{background:rgb(254, 243, 233);}
}

.ma-geburtstag {
/*	background: repeating-linear-gradient(
		0deg,
	 	rgb(248, 193, 144),
		rgb(248, 193, 144) 3px,
		transparent 3px,
		transparent 6px
	);
*/
/*	border: 3px solid rgb(248, 193, 144); */
	border-left:none;
	padding-top:0;
	color:rgba(250,133,30,1);
	font-weight:700;
	
	-webkit-animation: v 3s infinite;
	animation: v 3s infinite;
	
/*	background: repeating-conic-gradient(from 45deg, rgb(248, 193, 144) 0% 25%, transparent 0% 50%);
	background-size: 32px 32px; */
	

}

@media only screen and (max-width: 768px) {
 	body {
		background:#00CC99;	
	}
}

@media only screen and (max-width: 640px) {
  	body {
		background:#C99;
	}
	
	.loginbox {
		width:90vw;	
	}
	
	.commandbar {
		overflow-x:auto !important;
	}
	
	.menuwrapperactiv {
		width:100% !important;
		font-size:1rem !important;
	}
}