.uberschrift-container{
	margin: 1em 0;
}

.datum{
	float:right;
}

.ueberschrift{
	float:left;
}

.farbe{
	background-color: #28a745;
	color: black;
}

.anmerkungen{
	text-align: right;
	margin-bottom: 1em;
}

.card-mouse{
	cursor: pointer;
}

.statistik{
	margin-bottom: 1em;
}

.statistik-farbe{
	background-color: rgba(0,0,0,.05);
}

.statistik-farbe-text{
	font-weight: bold;
	color: #28a745 !important;
}

.active-neu{
	font-weight: bold;
	color: rgba(0,0,0,.9) !important;
}

.footer-link{
    color: rgba(0,0,0,.5);
}

.footer-link:hover{
    color: rgba(0,0,0,.7);
	text-decoration:underline;
}

.bold{
	font-weight: bold;
}

.card-image-neu{
	margin-bottom: 1em;
}

/*
@media (min-width: 740px){
	.card-deck {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width: 740px){
	.card-deck .card {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px;
	}
}*/


 .pcs:after {
	 content: " pcs";
}
 .cur:before {
	 content: "$";
}
 .per:after {
	 content: "%";
}
 * {
	 box-sizing: border-box;
}
 /*body {
	 padding: 0.2em 2em;
}*/
 table {
	 width: 100%;
}
 table th {
	 text-align: left;
	 border-bottom: 1px solid #ccc;
}
 table th, table td {
	 padding: 0.4em;
}
 table.fold-table > tbody > tr.view td, table.fold-table > tbody > tr.view th {
	 cursor: pointer;
}
 table.fold-table > tbody > tr.view td:first-child, table.fold-table > tbody > tr.view th:first-child {
	 position: relative;
	 padding-left: 20px;
}
 table.fold-table > tbody > tr.view td:first-child:before, table.fold-table > tbody > tr.view th:first-child:before {
	 /*position: absolute;*/
	 top: 50%;
	 left: 5px;
	 width: 9px;
	 height: 16px;
	 margin-top: -8px;
	 font: 16px;
	 color: #999;
	 content: "\25BC";
	 transition: all 0.3s ease;
}
 table.fold-table > tbody > tr.view:nth-child(4n-1) {
	 background: #eee;
}
 table.fold-table > tbody > tr.view:hover {
	 background: #ccc;
}
 /*table.fold-table > tbody > tr.view.open {
	 background: tomato;
	 color: white;
}*/
 table.fold-table > tbody > tr.view.open td:first-child:before, table.fold-table > tbody > tr.view.open th:first-child:before {
	 transform: rotate(-180deg);
	 color: #333;
}
 table.fold-table > tbody > tr.fold {
	 display: none;
}
 table.fold-table > tbody > tr.fold.open {
	 display: table-row;
}
 .fold-content {
	 padding: 0.5em;
}
 .fold-content h3 {
	 margin-top: 0;
}
 .fold-content > table {
	 border: 2px solid #ccc;
}
 .fold-content > table > tbody tr:nth-child(even) {
	 background: #eee;
}

.haupttabelle{
	font-size: 40px;
}
.haupttabelle-all{
	font-size: 16px;
}
.reihe1{
	height: 90px;
}
.reihe4{
	display: none;
}
.reihe5{
	display: none;
}
.reihe6{
	display: none;
}
.reihe7{
	display: none;
}
.reihe8{
	display: none;
}
.reihe9{
	display: none;
}
.anzeigen{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: xx-large;
}
.displayAll{
	display: table-cell !important;
	height: 35px !important;
}

.toggleBtnDesign{
	height: 140px;
	width: 160px;
}
.navbarResp{
	font-size: xx-large;
}
.container-lg{
	padding: 0;
}
#contents{
	padding: 0.5em 1em;
}
td{
	display: table-cell;
	vertical-align: middle !important;
}
.navbar-toggler{
	border-color: rgba(0,0,0,.5) !important;
}
.navbar-brand{
	font-size: xxx-large;
}
table.haupttabelle-all > tbody > tr.view td:first-child:before, table.fold-table > tbody > tr.view th:first-child:before {
	display: none;
}
.navbar-toggler-icon {
    width: 6.5em;
    height: 6.5em;
}

 
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 992px) {
	.haupttabelle{
		font-size: 16px;
	}
	.reihe1{
		height: 35px;
	}
	.reihe4{
		display: table-cell;
		height: 35px;
	}
	.reihe5{
		display: table-cell;
	}
	.reihe6{
		display: table-cell;
	}
	.reihe7{
		display: table-cell;
	}
	.reihe8{
		display: table-cell;
	}
	.reihe9{
		display: table-cell;
	}
	.anzeigen{
		display: none;
	}
	.navbarResp{
		font-size: 16px;
	}
	table.fold-table > tbody > tr.view td:first-child:before, table.fold-table > tbody > tr.view th:first-child:before {
		display: none;
	}
	.navbar-brand{
	font-size: xx-large;
}
}