/*Schriften*/
	p{margin:0 0 2px}
	/* Hintergrundbild */
	body{
		/*background-image: url(../_images/lkw-quer.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-attachment: fixed;
		background-size: contain;*/
	}
	/* div{ /* aktivieren, um alle DIV mit Rahmen zu zeigen - nur für Entwicklung!*/ */
		/* border: 1px solid black;  */
	/* } */
		.blue{
		color:blue!important;
	}
	.white{
		color:white!important;
	}
	.green{
		color:green!important;
	}
	.red{
		color:#ff0000!important;
	}
	.yellow{
		color:yellow!important;
	}
	.orange{
		color:orange!important;
	}
	.black{
		color:black!important;
	}
	.gray{
		color:#555!important;
	}
	.gray-light{
		color:#777!important;
	}
	.gray-light1{
		color:#888!important;
	}
	.gray-light2{
		color:#999!important;
	}
	.gray-light3{
		color:#aaa!important;
	}
	.gray-light4{
		color:#bbb!important;
	}
	.gray-light5{
		color:#ccc!important;
	}
	.gray-light6{
		color:#ddd!important;
	}
	.gray-lighter{
		color:#eee!important;
	}
	.sandgelb{
		color:#d2b773!important;
	}
	.btn-secondary{
		color:#fff!important;
		background-color: #777;
		border: 1px solid red;
	}
	/*Trennlinie formatiert*/
	hr {
		display: block;
		position: relative;
		padding: 0;
		margin: 8px 0px 8px 0px;
		height: 0;
		max-width: 100%;
		max-height: 0;
		font-size: 1px;
		line-height: 0;
		clear: both;
		border: none;
		/* border-top: 1px solid #aaaaaa; */
		/* border-bottom: 1px solid #ffffff; */
		border-top: 1px solid #d2b773;
		border-bottom: 1px solid #d2b773 ;
	}
	hr.bigNumberHR{
		display: block;
		position: relative;
		padding: 0;
		margin: 1px 0px 1px 0px;
		height: 0;
		max-width: 100%;
		max-height: 0;
		font-size: 1px;
		line-height: 0;
		clear: both;
		border: none;
		/* border-top: 1px solid #aaaaaa; */
		/* border-bottom: 1px solid #ffffff; */
		border-top: 1px solid #d2b773;
		border-bottom: 1px solid #d2b773 ;
	}
	bigNumberHead{
		font-size:0.6vw;
	}
	bigNumberCounter{
		font-size:2vw;
	}
	mini{
		vertical-align: top;
		color: red;
		font-size: 7px;
	}
	.boxHead{
		background-color: #eee;
		border-top: 1px solid #d2b773;
		border-bottom: 1px solid #d2b773 ;
		text-align: center;
	}
	hr.smonly{display:none;}
	
	nav{
		z-index:10000;
	}
	.img-max50{max-width:50%;}
	.iphoneonly{display:none;}
	/* auto resize Text Area*/
	textarea{  
		  /* box-sizing: padding-box; */
		  box-sizing: border-box;
		  overflow:hidden;
	}
	
	/* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
		margin: 0;
		border-radius: 0;
		position: fixed;
		width:100%;
		z-index:200;
    }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {
		/*height: 450px*/
	}
	 .z50{
		z-index:50;
	}
    .z100{
		z-index:100;
	}
	.z200{
		z-index:200;
	}
	.z2000{
		z-index:2000;
	}
    /* Set 100% height */
    .sidenav {
		background-color: #100440;
		padding-top: 20px;
		margin-top: 53px;
		overflow: auto;
		height: 100%;
		z-index:100;
    }
	 .sidebar {
		background-color: #104440;
		hyphens: auto;
		 -moz-hyphens: auto;
		 -ms-hyphens: auto;
		 -o-hyphens: auto;
		 -webkit-hyphens: auto;
		text-align: left;
		
		padding-top: 10px;
		
		max-height: 90%;
		margin-top: 68px;
		margin-bottom: 30px;
		overflow: auto;
		-ms-overflow-style: none;
		z-index:100;
    }
	/* Hier wird das Feld in der Mitte formatiert*/
    .centerfild{
		background-color: #000000;
		background: hsla(360,0%,100%,0.8); 
		padding-bottom: 10px;
		margin-top: 53px;
		
		min-height: 10%;
	}

/*Shadwo-Box um das Mittelfeld/centerfild*/
	.drop-shadow {
   		 -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
   		 box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
   		 border-radius:5px;
	}

/* Hier wird die Hintergrundfarbe bestimmt*/
	.bg-center{
		background: hsla(0,0%,50%,0.2); 
	}
	.bg-map{
		background: hsla(0,10%,50%,0.2); 
	}
	.bg-socialfooter{
		background: hsla(250,0%,50%,0.2);
		padding-top: 9px;
		min-height: 50px;
		height:auto;
		margin: 0;
	}
	.bg-sitemap{
		background: hsla(250,0%,50%,0.2);
		padding-top: 9px;
		min-height:50px;
		color: #fafafa;
	}
	.bg-todo{
		background: #000000; 
		color: #ffffff;
		border: 1px;
		min-height:500 px;
	}
	.bg-withe{
		background: red; 
		color: #000000;
		width=100%;
	}
	.bg-green{
		background: green; 
		color: #FFFFFF;
		width=100%;
	}
	.bg-green-light{
		background: #C1FFC1; 
		color: #000000;
		width=100%;
	}
	.bg-yellow{
		background: yellow; 
		color: #000000;
		width=100%;
	}
	.bg-sandgelb{
		background: color:#d2b773!important;; 
		color: #000000;
		width=100%;
	}
	.bg-red{
		background: #ff0000 !important; 
		color: #000000;
		width=100%;
	}
	.bg-blue{
		background: #cdcfd1 !important; 
		color: #0388fc;
		width=100%;
	}
	.bg-warning{background-color:#fcf8e3 !important}
	
	.divcenter{text-align: center;}
	.divright{position: relative; text-align: right; top:0; }
	
		.table .bg-primary{color:#fff;background-color:#337ab7 !important}
		.table .bg-success{background-color:#dff0d8 !important}
		.table .bg-info{background-color:#d9edf7 !important}
		.table .bg-warning{background-color:#fcf8e3 !important}
		.table .bg-danger{background-color:#f2dede !important}
		.table .bg-sonntag{	background-color:#808080 !important;}
		.table .bg-samstag{	background-color:#f5f5f5 !important;}
		.table .bg-holyday{background-color:#99ffcc !important;}
	.table .bg-red{
		background: #ff0000; 
		color: #000000;
		width=100%;
	}
	.table .bg-sonntag{
		background-color:#808080;
	}
	.table .bg-samstag{
		background-color:#f5f5f5;
	}
	.table .bg-holyday{
		background-color:#99ffcc;
	}
	.table .bg-sandgelb{
		background-color:#d2b773!important; 
	}
	.table .bg-gray{
		background-color:#555!important;
	}
	.table .bg-gray-light{
		background-color:#777!important;
		color: #ffffff;
	}
	.table .bg-gray-lighter{
		background-color:#eee!important;
		color: #000000;
	}
	.btn .smallH{
		margin: 0;
		padding: 0;
	}
	th.right{ text-align: right;}
	th.center{ text-align: center;}
	th.left{ text-align: left;}
	th.rl{writing-mode: vertical-rl }
	th.rotate{
		 text-align: center;
		  white-space: nowrap;
		  vertical-align: middle;
		  width: 1.0em;
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		 margin-left: -10em;
         margin-right: -10em;
		 margin-top: -10em;
		 margin-bottom: -10em;
	}
	
	td.right{ text-align: right;}
	td.center{ text-align: center;}
	td.left{ text-align: left;}
	td.nowrap{ white-space: nowrap; }
	
	
	
	
	#tcal{z-index: 5500;}
	/*Ausichtung nach rechts und Links in einem Block*/
	.leftblock{
	float: left;
	text-align: left;
	}
	.rightblock{
	float:right;
	text-align: right;
	}	

	#wartung{
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 20000;
	}
	#wartung .center {
		background-color: #000;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		width: 100vw;
		position: absolute;
	}
	#wartung .box{
		color: #fff;
	}
	
	#divback{
		background: #eee!important;
		background-color: #eee!important;
		color: gray!important;
		padding: 10px;
		margin-right: 10%;
		margin-left: 10%;
		
	}
	.chart{
		width: 900px;
		height: 600px;
		margin: 10px;
		padding: 0px;
		background-color: #fff;
	}
	.zindex50{
		z-index:50;
	}
	/* Set black background color, white text and some padding */
    footer {
		background-color: #555;
		color: white;
		padding: 0px;
		margin: 0px;
		position:fixed;
		left:1px;
		bottom:0px;
    }
	.footerID {
		position:fixed!important;
		background-color: WhiteSmoke;
		color: lightgrey;
		padding: 0px;
		margin: 0px;
		right:0px;
		bottom:0px;
		text-align: center;
		z-index:100;
    }
	.adminSign {
		position: fixed;
		right: 10px;
		top: 55px;
		width: 60px;
		background-color: red;
		color: white;
		text-align: center;
	}
	.ITabtSign {
		position: fixed;
		right: 10px;
		top: 55px;
		width: 60px;
		background-color: orange;
		color: white;
		text-align: center;
	}
	.GLSign {
		position: fixed;
		right: 10px;
		top: 55px;
		width: 60px;
		background-color: green;
		color: white;
		text-align: center;
	}
	.tempBoxold {
		/* Kann weg 13.03.2023 */
		position: fixed;
		left: 50px;
		/* top: 55px; */
		top: 18%;
		width: 250px;
		background-color: #eeeee4;
		color: white;
		text-align: left;
		
	}
	.tempBox {
		position: relative;
		left: 5px;
		top: 55px;
		/* top: 18%; */
		/* width: 250px; */
		background-color: #eeeee4;
		color: white;
		text-align: left;
		
	}
	.tempInfoBox{
		position: fixed;
		background-color: grey;
		top: 100px;
		left: 10%;
		z-index: 500;
	}
	/* Für Counter*/
	.badge { 
		position: relative; 
		top: -30px; 
		left: 12px; 
		border: 1px solid black; 
		border-radius: 100%;
		background-color: red;
		font-size: 0.6em;
		padding: 0.5em;
	}
	.badge-green{
		position: relative; 
		top: -30px; 
		left: 12px; 
		border: 1px solid black; 
		border-radius: 100%;
		background-color: green;
		font-size: 60%;
		padding: 0.5em;
	}
	.badgeButton { 
		position: relative; 
		top: -35px; 
		right: -90%;
		color: #fff;
		border: 1px solid black; 
		border-radius: 100%;
		background-color: red;
		font-size: 0.6em;
		padding: 0.5em;
	}
	.ScanInputSign {
		position: fixed;
		left: -15px;
		bottom: 15px;
		width: 60px;
		color: white;
		text-align: center;
	}
	
	
	qmfooter {
		background-color: #000000;
		color: white;
		padding: 0px;
		margin: 0px;
		position:fixed;
		left:1px;
		bottom:0px;
    }
	 .cookie {
		width:80%;
		max-width: 550px;
		right: 10%;
		position:fixed;
		bottom:3px;
		z-index:100;
    }
	.kopflogo {
		right: 5px;
		top: 5px;
		position:fixed;
    }
	.abstand-rechts {
		margin-right: 10px; 
		margin-bottom: 10px; 
	}
	.abstand-links {
		margin-left: 10px; 
		margin-bottom: 10px; 
	}
	.abstand-unten {
		margin-bottom: 10px; 
	}
	.abstand-oben {
		margin-top: 5px; 
	}
	.flex-container {
		  display:flex;
	}
	
	.kacheln {
		border: 2px grey;
		border-radius: 15px;
		border-style: inset;
		margin-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.inset {
		border: 2px blue;
		border-radius: 15px;
		border-style: inset;
		
		margin-right: 1px;
		margin-left: 10px; 
		margin-bottom: 10px; 

	}
	.round15{
		border-radius: 15px;
	}
	
	
	table .scroll thead tr:after {	content: '';	overflow-y: scroll;	visibility: hidden;}
	table .scroll thead th {	flex: 1 auto;	display: block;}
	table .scroll tbody {	display: block;	width: 100%;	overflow-y: auto;	height: auto;	max-height: 200px;}
	table .scroll thead tr,table.scroll tbody tr {	display: flex;}
	table .scroll tbody tr td {	flex: 1 auto;	word-wrap: break;}
	
	/* Höhe eines DIV beschränken */
	.pre-scrollable {
		max-height: 340px;
		overflow-y: scroll;
	}
	.pre-scrollable-8 {
		max-height: 680;
		overflow-y: scroll;
	}
	.pre-scrollable-7-8 {
		max-height: 610px;
		overflow-y: scroll;
	}
	.pre-scrollable-7 {
		max-height: 595px;
		overflow-y: scroll;
	}
	.pre-scrollable-6 {
		max-height: 510px;
		overflow-y: scroll;
	}
	.pre-scrollable-5 {
		max-height: 425px;
		overflow-y: scroll;
	}
	.pre-scrollable-4 {
		max-height: 340px;
		overflow-y: scroll;
	}
	.pre-scrollable-3 {
		max-height: 255px;
		overflow-y: scroll;
	}
	.pre-scrollable-2 {
		max-height: 175px;
		overflow-y: scroll;
	}
	.pre-scrollable-1 {
		max-height: 85px;
		overflow-y: scroll;
	}
	.divborder {
		border: 1px grey;
		
		border-style: inset;
		margin-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.divBorder{
		border-radius: 15px;
		
		padding: 5px;
		/* margin-bottom: 5px; */
		/* margin:  5px 5px 5px 5px; */
		margin:  1px 0px 1px 0px;
		border: 2px solid #d2b773;
	}
	#docImport.divBorder{
		margin:  -10px!important;
		padding: -10px!important;
	}
	
	.divBorderLabel{
		border: 2px solid #d2b773;
	}
	.divBorderLabel span{
		position:relative; 
		top:-10px; 
		margin-left: 20px; 
		background-color:#fff;
		padding:0 10px;
	}
	.divBorderLabel p{
		margin-left: 10px; 
		font-size:8pt;
	}

	.divBorder0{
		padding: 0px;
		margin: 0px;
		border: 2px solid #d2b773;
		text-align: center;
	}
	.divBorder0-left{
		padding: 0px;
		margin: 0px;
		border: 2px solid #d2b773;
		text-align: left;
	}
	/*tableWrapper für sortierte Tabellen (sortElement.js)*/
	
	div.tableWrapper table th {
		cursor: pointer;
	}
	div.tableWrapper table th.active {
		background: #d2b773;
	}
	div.tableWrapper table th.active.asc::before,
	div.tableWrapper table th.active.desc::before {
		content: '←';
		transform: rotate(-90deg);
		display: inline-block;
		margin: 0 8px;
	}
	div.tableWrapper table th.active.desc::before {
		transform: rotate(90deg);
	}
		 
	
	.is_sortable thead, .is_sortable thead th { 
		position: sticky;  /* Edge, Chrome, FF */
		top: 0px;
		background-color: #d2b773!important;
		z-index: 100;
		}
	/* .sortsymbol{display:none;} in print.css eingetragen, damit PfeileButton nicht gedruckt werden.*/ 
	.scrollbar thead { position: sticky; top: 1px;}	
	.scrollbar tfoot { position: sticky; bottom: 0; }
	.wrapper_scrollbar {
		position: relative; 
		max-height: calc(75vh + 0.5em); 
		max-width:100%;
		/* margin: 0px!important; */
		/* padding:0px!important; */
		overflow-y: scroll; 
		overflow-x: hidden;
		border: 1px solid black; 
		/* display: inline-block;  */
		}
	.wrapper_scrollbar .scrollbar thead th { top: 0 }	
	.wrapper_scrollbar .scrollbar tfoot tr { bottom: 0 }
	.marginpadding0{
		margin: 0px!important;
		padding:0px!important;
		
	}
	
	/*Steuerung eines Overlays mit CancelButton*/ 
	.overlay		{position: absolute; color: black; width: 50%; height: 600px; background: grey;padding:5px; margin:60px 5px 0 3px; z-index:101;overflow: auto;}
	.overlay-help	{position: absolute; border-bottom: 6px solid red;  color: black; width: 90%; height: auto; background: #FF9;padding:5px; margin:60px 5% 0 5%; z-index:101;}
	.CancelButton{display:block;position:absolute;top:3px;right:2px;background:black;color:red;height:20px;width:22px;font-size:18px;text-decoration:none;text-align:center;font-weight:bold;z-index:102;} 
	.ChanceButton{display:block;position:absolute;top:3px;right:2px;background:rgb(245,245,245);color:black;height:20px;width:25px;font-size:20px;text-decoration:none;text-align:center;font-weight:bold;} 	
	.QMButton{display:block;position:absolute;top:4px;right:5px;background:rgb(245,245,245);color:black;height:30px;width:35px;font-size:15px;text-decoration:none;text-align:left;font-weight:bold;} 	
	
	/*Kalender-Modal*/
	.kalender-overlay{
		position: fixed;
		color: black;
		max-width: 100%;
		min-width: 96%;
		height: 80%;
		background: whitesmoke;
		padding:5px;
		margin:2px 2% 0px 0px;
		z-index: 2147483638;
		/* overflow: hiddeScroll; */
		overflow:auto;-webkit-overflow-scrolling:touch;
	}
	.kalender-feiertag{
		border: 2px solid red;
	}
	.kalender-sonntag{
		background: #c2c2c2;
	}
	.kalender-samstag{
		background: #d0d0d0;
		color: black;
	}
	.bold{
		font-weight:bold;
	}
	.kalender-notiz{
		  border-radius: 25% 25% 25% 25%;
		border: 3px solid red; 
		padding: 1px;
	}
	
	/*Formatierung für DokumentnZuordnungServer */
	a.search:focus   {
		color: lime;
		background: black;
		border: 2px solid red;
		padding: 4px;} 
		
	.search.active{
		color: lime;
		background: black;
		border: 2px solid red;
		padding: 4px;} 
    
	/* dynamic pseudo-class, Element akzeptiert Eingaben */
	iframe{
		width: 100%;
		border: 2px solid #d2b773;
		/* overflow: scroll; */
	}
	object{
		border: 2px solid #d2b773;
		min-height:20vh;
		width:100%;
		overflow:scroll;
	}
	
	/* gefunden: https://medienmarmela.de/tag/webdesign/ */
	/* gestaltete Switch/Schalter - Checkboxen */
	 #switch1,
	 #switch2,
	 #switch3,
	 #switch4,
	 #switch5,
	 #switch6,
	 #switch7,
	 #switch8,
	 #switch9,
	 #switch10,
	 #switch11,
	 #switch12,
	 #switch13,
	 #switch14,
	 #switch15,
	 #switch16,
	 #switch17,
	 #switch18,
	 #switch19,
	 #switch20,
	 #switch21,
	 #switch22,
	 #switch23,
	 #switch24,
	 #switch25,
	 #switch26,
	 #switch27,
	 #switch28,
	 #switch29,
	 #switch30,
	 #switch31,
	 #switch32,
	 #switch33,
	 #switch34,
	 #switch35,
	 #switch36,
	 #switch37,
	 #switch38,
	 #switch39,
	 #switch40,
	 #switch41,
	 #switch42,
	 #switch43,
	 #switch44,
	 #switch45,
	 #switch46,
	 #switch47,
	 #switch48,
	 #switch49,
	 #switch50  {display:none;} */
	
	#switch1 + label .buttonbackground:hover,
	#switch2 + label .buttonbackground:hover,
	#switch3 + label .buttonbackground:hover,
	#switch4 + label .buttonbackground:hover,
	#switch5 + label .buttonbackground:hover,
	#switch6 + label .buttonbackground:hover,
	#switch7 + label .buttonbackground:hover,
	#switch8 + label .buttonbackground:hover,
	#switch9 + label .buttonbackground:hover,
	#switch10 + label .buttonbackground:hover,
	#switch11 + label .buttonbackground:hover,
	#switch12 + label .buttonbackground:hover,
	#switch13 + label .buttonbackground:hover,
	#switch14 + label .buttonbackground:hover,
	#switch15 + label .buttonbackground:hover,
	#switch16 + label .buttonbackground:hover,
	#switch17 + label .buttonbackground:hover,
	#switch18 + label .buttonbackground:hover,
	#switch19 + label .buttonbackground:hover,
	#switch20 + label .buttonbackground:hover,
	#switch21 + label .buttonbackground:hover,
	#switch22 + label .buttonbackground:hover,
	#switch23 + label .buttonbackground:hover,
	#switch24 + label .buttonbackground:hover,
	#switch25 + label .buttonbackground:hover,
	#switch26 + label .buttonbackground:hover,
	#switch27 + label .buttonbackground:hover,
	#switch28 + label .buttonbackground:hover,
	#switch29 + label .buttonbackground:hover,
	#switch30 + label .buttonbackground:hover,
	#switch31 + label .buttonbackground:hover,
	#switch32 + label .buttonbackground:hover,
	#switch33 + label .buttonbackground:hover,
	#switch34 + label .buttonbackground:hover,
	#switch35 + label .buttonbackground:hover,
	#switch36 + label .buttonbackground:hover,
	#switch37 + label .buttonbackground:hover,
	#switch38 + label .buttonbackground:hover,
	#switch39 + label .buttonbackground:hover,
	#switch40 + label .buttonbackground:hover,
	#switch41 + label .buttonbackground:hover,
	#switch42 + label .buttonbackground:hover,
	#switch43 + label .buttonbackground:hover,
	#switch44 + label .buttonbackground:hover,
	#switch45 + label .buttonbackground:hover,
	#switch46 + label .buttonbackground:hover,
	#switch47 + label .buttonbackground:hover,
	#switch48 + label .buttonbackground:hover,
	#switch49 + label .buttonbackground:hover,
	#switch50 + label .buttonbackground:hover {cursor:pointer;}
	.buttonbackground {background-color:#f00;width: 4rem;height: 1.5rem;border-radius: 1.25rem;box-shadow: 0 2px 2px rgba(0,0,0,0.5) inset, 0 -2px 0px rgba(255,255,255,0.5) inset;position: relative;transition:background-color 0.2s ease;margin: 0.2rem auto;display:block;}
	#switch1:checked + label .buttonbackground,
	#switch2:checked + label .buttonbackground,
	#switch3:checked + label .buttonbackground,
	#switch4:checked + label .buttonbackground,
	#switch5:checked + label .buttonbackground,
	#switch6:checked + label .buttonbackground,
	#switch7:checked + label .buttonbackground,
	#switch8:checked + label .buttonbackground,
	#switch9:checked + label .buttonbackground,
	#switch10:checked + label .buttonbackground,
	#switch11:checked + label .buttonbackground,
	#switch12:checked + label .buttonbackground,
	#switch13:checked + label .buttonbackground,
	#switch14:checked + label .buttonbackground,
	#switch15:checked + label .buttonbackground,
	#switch16:checked + label .buttonbackground,
	#switch17:checked + label .buttonbackground,
	#switch18:checked + label .buttonbackground,
	#switch19:checked + label .buttonbackground,
	#switch20:checked + label .buttonbackground,
	#switch21:checked + label .buttonbackground,
	#switch22:checked + label .buttonbackground,
	#switch23:checked + label .buttonbackground,
	#switch24:checked + label .buttonbackground,
	#switch25:checked + label .buttonbackground,
	#switch26:checked + label .buttonbackground,
	#switch27:checked + label .buttonbackground,
	#switch28:checked + label .buttonbackground,
	#switch29:checked + label .buttonbackground,
	#switch30:checked + label .buttonbackground,
	#switch31:checked + label .buttonbackground,
	#switch32:checked + label .buttonbackground,
	#switch33:checked + label .buttonbackground,
	#switch34:checked + label .buttonbackground,
	#switch35:checked + label .buttonbackground,
	#switch36:checked + label .buttonbackground,
	#switch37:checked + label .buttonbackground,
	#switch38:checked + label .buttonbackground,
	#switch39:checked + label .buttonbackground,
	#switch40:checked + label .buttonbackground,
	#switch41:checked + label .buttonbackground,
	#switch42:checked + label .buttonbackground,
	#switch43:checked + label .buttonbackground,
	#switch44:checked + label .buttonbackground,
	#switch45:checked + label .buttonbackground,
	#switch46:checked + label .buttonbackground,
	#switch47:checked + label .buttonbackground,
	#switch48:checked + label .buttonbackground,
	#switch49:checked + label .buttonbackground,
	#switch50:checked + label .buttonbackground {background-color:#64b464;}
	.buttonslider {background:#ddd;width:1.7rem;height:1.7rem;border-radius:50%;border:1px solid #aaa;top:-0.15rem;position: absolute;box-shadow: 0 4px 3px rgba(0,0,0,0.3);left: 0;transition:all 0.2s ease;display:block;}
	#switch1:checked + label .buttonslider,
	#switch2:checked + label .buttonslider,
	#switch3:checked + label .buttonslider,
	#switch4:checked + label .buttonslider,
	#switch5:checked + label .buttonslider,
	#switch6:checked + label .buttonslider,
	#switch7:checked + label .buttonslider,
	#switch8:checked + label .buttonslider,
	#switch9:checked + label .buttonslider,
	#switch10:checked + label .buttonslider,
	#switch11:checked + label .buttonslider,
	#switch12:checked + label .buttonslider,
	#switch13:checked + label .buttonslider,
	#switch14:checked + label .buttonslider,
	#switch15:checked + label .buttonslider,
	#switch16:checked + label .buttonslider,
	#switch17:checked + label .buttonslider,
	#switch18:checked + label .buttonslider,
	#switch19:checked + label .buttonslider,
	#switch20:checked + label .buttonslider,
	#switch21:checked + label .buttonslider,
	#switch22:checked + label .buttonslider,
	#switch23:checked + label .buttonslider,
	#switch24:checked + label .buttonslider,
	#switch25:checked + label .buttonslider,
	#switch26:checked + label .buttonslider,
	#switch27:checked + label .buttonslider,
	#switch28:checked + label .buttonslider,
	#switch29:checked + label .buttonslider,
	#switch30:checked + label .buttonslider,
	#switch31:checked + label .buttonslider,
	#switch32:checked + label .buttonslider,
	#switch33:checked + label .buttonslider,
	#switch34:checked + label .buttonslider,
	#switch35:checked + label .buttonslider,
	#switch36:checked + label .buttonslider,
	#switch37:checked + label .buttonslider,
	#switch38:checked + label .buttonslider,
	#switch39:checked + label .buttonslider,
	#switch40:checked + label .buttonslider,
	#switch41:checked + label .buttonslider,
	#switch42:checked + label .buttonslider,
	#switch43:checked + label .buttonslider,
	#switch44:checked + label .buttonslider,
	#switch45:checked + label .buttonslider,
	#switch46:checked + label .buttonslider,
	#switch47:checked + label .buttonslider,
	#switch48:checked + label .buttonslider,
	#switch49:checked + label .buttonslider,
	#switch50:checked + label .buttonslider {left: 2.5rem;background:#eee;}
			
	/* Hide scrollbar for Chrome, Safari and Opera */
	.hiddeScroll::-webkit-scrollbar {
	  display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	.hiddeScroll {
	  -ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
	}

	/* contex_menü mit rechtsklick*/
	/* Personal-Kalender */
	/* Dateiimport */
	.context-menu {
		position: absolute;
		margin-left: -10%;
		margin-top: -12px;
		text-align: center;
		background: lightgray;
		border: 1px solid black;
		display:none;
		z-index: 5000;
	}

	.context-menu ul {
		padding: 0px;
		margin: 0px;
		min-width: 150px;
		list-style: none;
	}

	.context-menu ul li {
		padding-bottom: 7px;
		padding-top: 7px;
		border: 1px solid black;
	}

	.context-menu ul li a {
		text-decoration: none;
		color: black;
	}

	.context-menu ul li:hover {
		background: darkgray;
	}
	
	.hover li:hover{
		background: darkgray;
	}

    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
		h1{font-size: 200%;}
		h2{font-size: 180%;}
		h4{font-size: 100%;}
		hr.smonly{display:block;}
		.bg-socialfooter{
			min-height:50px;
		}
		.img-thumbnail{max-width:50%;}
		.img-max50{max-width:20%;}
		.iphonenot{display:none;}
		
		
	
	.row.content {
		margin-top: 10px;
		height:auto;}
	.iphoneonly{
		
		color:red;
		background-color:black;
		}
	 ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
	}
	.back-to-top {
		 background:grey;
		 position: fixed;
		 bottom:20px;
		 right:20px;
		 padding:1em;
	}
	/*für Verladebilder*/
	.gallery
{
    display: inline-block;
    margin-top: 20px;
}

	 @media screen and (min-width: 768px)  {
		.timeline > li.timeline-inverted + li:not(.timeline-inverted),
		.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
		margin-top: -60px;
		}

		.timeline > li:not(.timeline-inverted) {
		padding-right:90px;
		}

		.timeline > li.timeline-inverted {
		padding-left:90px;
		}
		.dashboard {
		  column-count: 3
		}
	 }
	/*ipad Hochformat*/
	 @media screen and (min-width: 768px)  and (max-width: 991px) {
		h1{ } 
		h2{font-size: 150%;}
		h3{font-size: 130%;}
		.img-max50{max-width:20%;}
		.dashboard {
		  column-count: 2
		}
	}
	/*ipad Querformat*/
	 @media screen and (min-width: 992px)and (max-width: 1199px) {
		p{font-size: 130%;}
		h1{ }
		h2{font-size: 90%;}
		h3{font-size: 150%;}
		.dashboard {
		  column-count: 3
		}
		
	}
	/*Desktop*/
	 @media screen and (min-width: 1200px) {
		p{font-size: 110%;}
		h1{ }
		h2{font-size: 150%;}
		h3{font-size: 200%;}
		h4{font-size: 180%;}
		.dashboard {
			  column-count: 3
			}
		
	}
	@media screen and (min-width: 768px){
			.cols {
			 height:100%;
			-moz-column-count:3;
			-moz-column-gap: 3%;
			-moz-column-width: 30%;
			-webkit-column-count:3;
			-webkit-column-gap: 3%;
			-webkit-column-width: 30%;
			column-count: 3;
			column-gap: 3%;
			column-width: 30%;
		}
		.dashboard {
		  column-count: 3
		}
	}
	
	/*Steuerung für NAV-Bar oben*/
/* @media (min-width:768px){.navbar-header{float:left} */
/* } */
/* .navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)} */
/* .navbar-collapse.in{overflow-y:auto} */
/* @media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none} */
/* .navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important} */
/* .navbar-collapse.in{overflow-y:h} */
/* .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0} */
/* } */
/* .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px} */
/* @media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px} */
/* .navbar-right{visibility:hidden;} */
/* } */
/* .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px} */
/* @media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0} */
/* } */


/* Steuerung Modal für Notizen*/	
	/* https://www.capahill.de/2018/09/25/umsetzung-meines-ersten-modals/ */
	/* https://codepen.io/jtayloryoung/pen/rZomQE */
	
	.details{
		margin-bottom: 10px;
		background: sandgelb;
	}
	/* MODAL */
	body.modal-open {
		overflow: hidden;
	}
	.modal-dialog{
		background: #111111;
		/* background: white; 	 */
		color: #000000;
		border: 1px;
		min-height:500 px;
	}
	.modal-wrapper {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 5001;
		padding: 35px;
		overflow-y: auto;
		display: none;
	}

	.modalkannweg{
		display: none;
		width: 600px;
		height: 1500px;
		min-height: 600px;
		position: absolute;
		margin: auto;
		background: white;
		box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);
	}

	.modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 5000;
		background: rgba(0, 0, 0, 0.6);
		display: none;
	}

	.modal-guts {
		width: 600px;
		background: white;
		padding: 35px;
		color: #1c1b1b;
	}

	/* MODAL BUTTON */
	.modal-wrapper .close-button {
		position: absolute;
		z-index: 5002;
		top: 15px;
		right: 15px;
		color: inherit;
		padding: 1px 11px 2px 12px;
		border-radius: 25px;
	}

	.modal-wrapper .close-button h5 {
		margin: 0;
	}

	.modal-wrapper .close-button:hover {
		background-color: #353336;
		color: #fff;
		transition: .2s;
		cursor: pointer;
	}
	
	/* ungenutzt */
	.open-button-notiz {
		border: solid 1.5px #38e5c5;
		color: #38e5c5;
		padding: 15px 20px 10px 20px;
		margin-top: 60px;
	}
	/* ungenutzt */
	.open-button-notiz:hover {
		background-color: #38e5c5;
		color: #fff;
		cursor: pointer;
		transition: .3s;
	}
	.uploadModal{
		position: fixed;
		bottom: 170px;
		/* min-height: 50px; */
		left: 5px;
		/* min-width:200px; */
		/* padding: 2px; */
		border: solid 1.5px #38e5c5;
		background-color:#898989;
		z-index: 500;
	}
	.uploadModal .dropzone {
		/* position: relativ; */
		/* bottom: 70px; */
		/* left: 55px; */
		padding:0px;
		margin:5px;
		min-height: 50px;
		min-width:20px;
	}