.border {
  border: 1px solid rgba(0,0,0,.15);
}

.navbar{
	display:block;
	width:300px;
	max-width:20%;
	min-height:100vh;
	min-height:calc(100vh - 580px);
	margin-top:0;
	overflow-x:hidden;
	transition:width 300ms;
}

.navbar.colapse{width:40px;}

.sidenavi{
	display:block;
	list-style:none;
	margin:0;
	paddng:0;
}



.sidenavi li{
	display:block;
}

.sidenavi a{
	display:flex;
	justify-content: flex-start;
	align-items:center;
	padding:20px 20px 20px 52px;
	border-left:3px solid rgba(0,0,0,0);
	color:#1c1c1c;
	text-decoration: none;
	position:relative;
	white-space:nowrap;
	font-size: 16px;
}

.sidenavi a .fa, .sidenavi a .fa{
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.sidenavi li.selected > a, .sidenavi li:hover > a{
	background-color:#eee;
}

.sidenavi li.selected > a{
	color:#00ceb1;
	border-color:#00ceb1;
}

.sidenavi li ul{
	display:none;
}

.sidenavi li.selected ul{
	display:block;
}

.sidenavi li ul a{
	padding-left:60px;
}

.sidenavi li ul .fas, .sidenavi li ul .fab{
	left:10px;
}

.content{
	display:block;
	width:1600px;
	max-width:80%;
	padding:40px;
	overflow-x: scroll;
}

a.removeKind {
	position: absolute;
	top: 20px;
	right: 20px;
	color: red;
}

a.removeKind:hover {
	color: #111;
}

.btn-delete.del-k {
	position: absolute;
	top: 20px;
	right: 20px;
}

.content.flx-vstrt {
	display: flex;
}

/***** SLICK ****/

.initSlickSynch .form-check input,
.initSlick .form-check input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

.initSlickSynch .form-check label,
.initSlick .form-check label {
  display: block;
  width: 100%;
  padding-left: 35px;
  cursor: pointer;
	
}

.initSlickSynch .form-check label::before,
.initSlick .form-check label:before {
	content: "";
	line-height: 1;
	position: absolute;
	width: 40px;
	height: 40px;
	border: 0;
	right: 140px;
	bottom: 0;
	top: 185px;
	left: inherit;
	color: #fff;
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
	font-size: 14px;
	font-weight: 900;
	z-index: 10;
	background: transparent;
}

.initSlick .form-check label:before {
	content: "\f00d";
	right: 0;
	top: 0;
	bottom: unset;
	background: #f2f2f2;
	border-radius: 0;
}

.initSlickSynch .form-check input:checked + label::before,
.initSlick .form-check input:checked + label::before {
   content: "\f00c";
}

.initSlick .form-check input:checked + label::before {
	right: 0;
	top: 0;
	bottom: unset;
	background: #0AA500;
	border-radius: 0;
}

.slick-arrow{
	display:block;
	-webkit-appearance:none;
	appearance:none;
	background:none;
	width:40px;
	height:50px;
	color:#3fa535;
	overflow:hidden;
	text-indent:-9000px;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	z-index:200;
	
}


.slick-arrow.slick-prev{left:0px;}
.slick-arrow.slick-next{right:-1px;}

.slick-arrow:before{
	content:"\f104";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events: none;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	text-indent: 0;
	font-size:20px;
	background: #fff;
}

.slick-arrow.slick-next:before{content:"\f105";}



.slidenavwrapper {
	padding: 0;
	height: auto;
	position: relative;
}

.slidenavwrapper > div {
	height: 100%;
}

.slidenavwrapper .form-check {
	position: relative;
	z-index: 5;
}

.slidenavwrapper.slick-slide {
	transform: scale(.9,.9);
}

.slidenavwrapper.slick-current {
	transform: scale(1,1);
}

.slidenavwrapper .deaktiviert {
	display: none;
}

.slidenavwrapper .deaktiviert.active {
	display: block;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
}

.slidenavwrapper .deaktiviert.active:before {
	content: 'AUSGEBUCHT';
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index:19;
	background: rgba(255,255,255,.85);
	font-size: 25px;
	font-weight: 700;
	color: #ff0000;
	letter-spacing: 0.3em;
}

.wartetxt {
	display: flex;
	align-items: center;
	display: none;
}

.wartetxt > small {
	font-size: 12px;
	font-weight: bold;
	background: #8403c7;
	color: #fff;
	padding: 5px 10px;
	margin: 0 10px;
}

.warteliste .wartetxt {
	display: flex;
}

@media all and (max-width:991px){
	
	
	.navbar {
		max-width: 25%;
	}
	
	.content {
		max-width: 75%;
	}
	
}

@media all and (max-width:575px){
	  .navbar {
    max-width: 100%;
		  width: 100%;
  }
	
	.navbar.colapse {
  width: 100%;
  height: 0;
  min-height: 70px;
}
	aside > a.link {
		text-align: right;
 	 margin-right: 20px;
	}
	
	 .content {
    max-width: 100%;
  }
	
	
}