@charset "UTF-8";


.kursplan-wrapper .days{
	display:flex;
	align-content: space-around;
}

.kursplan-wrapper .head{
	padding:10px;
	background:#914828;
	text-align:center;
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	font-size:16px;
	line-height:20px;
	width:100%;
}

.kursplan-wrapper .tab{
	display:none;
	width:100%;
	height:auto;
}

.kursplan-wrapper .tab.active{
	display:block;
}

.kursplan-wrapper .tab-nav, .tab-nav-kurs{
	margin:0 0 20px;
    padding:0;
    display:flex;
    justify-content:space-between;
    list-style:none;
    width:100%;
}

.kursplan-wrapper select{
	background:#f4f4f4;
}

.kursplan-wrapper .tab-nav li, .tab-nav-kurs li{
	display:block;
    width:100%;
	margin:0 5px;
}

.kursplan-wrapper .tab-nav a, .tab-nav-kurs a{
	display: block;
    font-size: 18px;
    line-height: 26px;
    box-sizing: border-box;
    background: none;
    text-align: center;
    text-decoration: none;
    color: #484848;
    padding: 20px;
    border: 1px solid #ccc;
    font-weight: 800;
}

.kursplan-wrapper .tab-nav a:hover, .tab-nav-kurs a:hover{
	background:#d4d4d4;
}

.kursplan-wrapper .tab-nav li.active a, .tab-nav-kurs li.active a{
	background: #914828;
    color: #fff;
}


.kursplan-wrapper .filter{
	margin:0 0 20px;
}

.kursplan-wrapper .form-wrapper{
	clear:both;
	display:none;
	padding:15px 10px;
	background:#f4f4f4;
}

.kursplan-wrapper form{
	display:flex;
	justify-content:space-between;
	width:100%;
}



.kursplan-wrapper .filter a{
	display:block;
	color:#fff;
	background:#484848;
	padding:15px;
	border:1px solid #484848;
	float:right;
	text-decoration:none;
	margin:0 0 10px;
	overflow:hidden;
	position:relative;
	transition:300ms;
}

.kursplan-wrapper .filter a:after{
	content:"\f00d";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;
	text-align:right;
	padding:30px 15px 0px;
	color:#454545;
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	box-sizing:border-box;
	transition:300ms;
	pointer-events:none;
	opacity:0;
}

.kursplan-wrapper .filter a.active{
	border:1px solid transparent;
	background:none;
}

.kursplan-wrapper .filter a.active:after{
	opacity:1;
}

.kursplan-wrapper .filter a:hover{
	background:#fff;
	color:#484848;
}

.kursplan-wrapper .time{
	margin:0 0 10px;
	color:#6A6A6A;
	font-size:14px;
	line-height:16px;

}

.entry > div > .time{
	position:absolute;
	left:-45px;
	top:35px;
	background:#1c1c1c;
	color:#fff;
	transform:rotate(-90deg);
	height:30px;
	width:110px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.kursimg{
	display:block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	opacity:.55;
}

.entry.entry- > div > .time{
	display:none;
}

.entry.entry-:before{
	display:none!important;
}



.kursplan-wrapper h4{
	margin:0 0 5px;
	font-size: 17px;
	line-height: 1.5;
	position:absolute;
	bottom:0;
	right:10px;
	color:#fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,1);
	width:100%;
	width:calc(100% - 30px);
	text-align:right;
	z-index:4;
	font-weight:600;
}

.kursplan-wrapper h4 > *{
	z-index:1;
}

.kursplan-wrapper .entry:before{
	content:"";
	display:block;
	width:100%;
	height:40px;
	pointer-events:none;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	position:absolute;
	right:0;
	bottom:0;
	z-index:3;
	opacity:.75;
}


.kursplan-wrapper .level{
	margin:0;
	font-size:12px;
	line-height:16px;
}

.kursplan-wrapper .entry:hover .tool{
	display:block;
}



.kursplan-wrapper .tool{
	pointer-events:none;
	position:absolute;
	top:2%;
	left:102%;
	background:#fff;
	width:400px;
	background:#fff;
	text-align:left;
	display:none;
	z-index:10;
	box-shadow:0 0 10px rgba(0,0,0,.3);
    overflow:hidden;
    border-radius:4px;
}

.kursplan-wrapper .tool div{
	padding:20px;
}

.kursplan-wrapper .tool p strong{
	display:block;
	font-size:18px;
	line-height:22px;
}

.kursplan-wrapper .tool p{
	font-size:14px;
	line-height:20px;
	margin:0 0 10px;
}

.kursplan-wrapper .tool hr{
	border:none;
	border-bottom:1px dashed #ccc;
	margin:20px 0;
}

.kursplan-wrapper .tool img{
	display:block;
	width:100%;
	height:auto;
	margin:0;
}

.kursplan-wrapper .day:nth-last-of-type(3) .tool, .kursplan-wrapper .day:nth-last-of-type(2) .tool, .kursplan-wrapper .day:nth-last-of-type(1) .tool{
	left:auto;
	right:102%;
}

.kursplan-wrapper .day .entry:nth-last-of-type(3):not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) .tool, .kursplan-wrapper .day .entry:nth-last-of-type(2):not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) .tool, .kursplan-wrapper .day .entry:nth-last-of-type(1):not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) .tool{
	top:auto;
	bottom:5%;
}

.kursplan-wrapper .tool{
	display:none;
}

.kursplan-wrapper .kursplan{
	display:flex;
	justify-content:space-between;
	flex-direction: row;
}

.kursplan-wrapper .kursplan .day{
	width:20%;
}

.kursplan-wrapper .entry{
	padding:10px;
	background:#f4f4f4;
	position:relative;
	margin:3px 2px;
}

.kursplan-wrapper .time{
	font-size:12px;
	line-height:14px;
	font-weight:300;
}

.kursplan-wrapper .entry{
	height:110px;
	border:5px solid #1c1c1c;
}

.kursplan-wrapper .entry.entry-{
	border-color:#f4f4f4;
}

.book-now{
 	display:block;
	text-align:right;
	font-size:12px;
	line-height:16px;
	font-weight:300;
	position:absolute;
	right:10px;
	bottom:10px;
}

.book-now span{
	color:#914828;
}

.kinder:before{
	position:relative;
}

.kinder:before{
	content:"\f118";
	position:absolute;
	top:0;
	right:0;
	padding:5px;
	display:block;
	color:#914828;
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	font-size:14px;
	line-height:14px;
	
}

.kursplan-wrapper .entry- .tool{
		display:none!important;
	}

.kursplan-wrapper .entry > div:not(:first-of-type):not(.tool){
	position:relative;
}

.empty .tool{
	display:none!important;
}

.kurs-gruen:after, .kurs-gelb:after, .kurs-rot:after{
	content:"";
	display:block;
	width:20px;
	height:20px;
	background:#44A705;
	border-radius:100%;
	position:absolute;
	bottom:5px;
	right:5px;
}

.kurs-gelb:after{
	background:#FEDB00;
}

.kurs-rot:after{
	background:#C00D1E;
}

.entry > div > .time .onlytool{
	display:none;
}

.tab-nav-kurs{display:none;}

.entry[data-titel=""] .tool{
	display:none!important
}

@media only screen and (max-width:1000px){
	.tab-nav-kurs{display:flex;}
	
	.kursplan-wrapper .tab-nav, .tab-nav-kurs{
   		flex-direction:column;
   	}

    .kursplan-wrapper .tab-nav a, .tab-nav-kurs a{
   		border:none;
        text-align:left;
        position:relative;
   	}
	
	.entry[data-titel=""]{display:none!important}
	
	

   	.kursplan-wrapper .tab-nav .active a:after, .tab-nav-kurs .active a:after{
   		content:"\f142";
		font-family:"Font Awesome 5 Free";
		font-weight:900;
        display:block;     
        position:absolute;
        top:22px;
        right:15px;
    }

    .kursplan-wrapper .tab-nav li.active a, .tab-nav-kurs li.active a{
    	background:#f4f4f4;
        pointer-events:all;
		color:#484848;
    }

    .kursplan-wrapper .day:not(.active){
    	display:none;
    }

	.kursplan-wrapper .days{
   		flex-direction:column;
   	}

    .kursplan-wrapper .days .head.active:after{
   		content:"\f142";
		font-family:"Font Awesome 5 Free";
		font-weight:900;
        display:block;
        position:absolute;
        top:15px;
        right:15px;
    }

    .kursplan-wrapper .days{
    	margin:0 0 20px;
    }

    .kursplan-wrapper .days .head{
    	text-align:left;
    	position:relative;
    	background:#f4f4f4;
    	color:#484848;
    	position:relative;
    	font-size:14px;
    	line-height:20px;
    	padding:15px;
    	font-weight:400;
    	text-transform:none;
    	cursor:pointer;
    }

    .kursplan-wrapper .tool div p:nth-of-type(1), .kursplan-wrapper .tool div .level, .kursplan-wrapper .tool div hr{
    	display:none;
    }

    .kursplan-wrapper .entry > div:not(.tool){
    	width:100%;
    }

    .kursplan-wrapper .entry > div:not(.tool):after{
    	content:"âž•";
    	display:block;
    	position:absolute;
    	right:10px;
    	bottom:0;
		top:0;
		display:flex;
		align-items:center;
    	transition:300ms;
		display:none;
    }

    .kursplan-wrapper .entry.active > div:not(.tool):after{
    	transform:rotate(45deg);
    }

     .kursplan-wrapper .tool{
    	display:none;
    	position:relative;
    	left:auto!important;
    	right:auto!important;
    	top:auto!important;
    	bottom:auto!important;
    	width:100%;
    	margin-top:20px;
    	box-shadow:none;
    	border-top:1px dashed #ccc;
    }

    .kursplan-wrapper .entry:hover .tool{
    	display:none;
    }

	.kursplan-wrapper .entry.istnicht{
		display:none;
	}

	.kursplan-wrapper .entry{
		height:auto;
		position:relative;
	}
	
	.book-now{
		position:relative;
		text-align:left;
		width:50%;
		right:auto;
		bottom:auto;
	}
	
	.kursplan-wrapper .tab-nav li, .kursplan-wrapper .days .head, .tab-nav-kurs li{
		margin:0;
	}
	
	.entry.kinder:before{
		right:4px;
	}
	
	.kursplan-wrapper .entry-{
		display:none!important;
	}
	
	.empty{display:none!important;}
	
	.kursplan-wrapper .kursplan .day{
		width:100%;
	}
	
	.kursplan-wrapper .entry:before{
		display:none;
	}
	
	.kursplan-wrapper h4{
		position:relative;
		left:auto;
		right:auto;
		bottom:auto;
		top:auto;
		text-shadow: none;
		color:#1c1c1c;
		text-align:left;
	}
	
	.entry > div > .time{
		position:relative;
		left:auto;
		top:auto;
		transform:none;
		border-radius:4px;
		background:#fff;
		border:1px solid #ccc;
		color:#1c1c1c;
	}
	
	.kursimg{
		left:0;
		right:auto;
		bottom:auto;
		margin:0;
		width:155px;
		height:auto;
	}
	

	
	.kursplan-wrapper .entry{
		border-width:2px;
		border-color:#ccc;
	}
	
	.entry{
		position:relative;
	}
	
	.entry:after{
		content:"\f067";
		font-family:"Font Awesome 5 Free";
		font-weight: 900;
		position:absolute;
		top:10px;
		right:10px;
		color:#ccc;
		font-size:12px;
	}
}

@media only screen and (min-width:1001px){
	.kursimg, .kursplan-wrapper .entry:before{display:none;}
	.entry > div > .time{
		position:relative!important;
		left:auto!important;
		top:auto!important;
		bottom:auto!important;
		right:auto!important;
		transform:none!important;
		background:none!important;
		color:rgba(0,0,0,.85);!important;
		width:100%!important;
		height:auto!important;
		font-size:14px!important;
		border:none!important;

	}
	
	.entry.selected{
		background:#fff!important;
		color:#914828!important;
	}
	
	.entry.selected > div > .time,
	.entry.selected h4{
		color:#914828!important;
	}
	
	.kursplan-wrapper h4{
		position:relative!important;
		left:auto!important;
		top:auto!important;
		bottom:auto!important;
		right:auto!important;
		text-align:center;
		text-shadow:none!important;
		color:#1c1c1c!important;
		width:100%!important;
		font-size:17px!important;
color:#000!important;
margin:0!important;
	}
	
	.entry > div:first-of-type{
		padding-left:0;
	}
	
	.kursplan-wrapper .entry{
		border:1px solid #ccc;
background:rgba(255,255,255,.75);
display:flex;
align-items:center;
justify-content:center;
	}
	
	.kursplan-wrapper .tab-nav a, .tab-nav-kurs a{
		background:#fff;
	}
	
	
	.kursplan-wrapper.area{
		padding:120px 0;
		background:rgba(0,0,0,.5);
		position:relative;
	}
	
	.kursplan-wrapper.area:before{
		content:"";
		display:block;
		position:fixed;
		left:0;
		top:0;
		width:100vw;
		height:100vh;
		opacity:1;
		pointer-events: none;
		background-image:url(../images/kursplan202b.jpg);
		background-size:cover;
		background-position: center;
		z-index:-10;
	
	}
	
	.kursplan-wrapper > .centered{
		position:relative;
		z-index:1;
	}
	
}

.day.kursfilter{display:block!important;}
.kursplan.kursfilter{flex-wrap:wrap;}

	.day:before{
		content:"";
		display:none;
		width:100%;
		font-size:18px;
		font-weight:900;
		line-height:1.5;
	}
	
.day.kursfilter:before{
	display:block;
}
	
	.day#Mo:before{content:"Montag"}
	.day#Di:before{content:"Dienstag"}
	.day#Mi:before{content:"Mittwoch"}
	.day#Do:before{content:"Donnerstag"}
	.day#Fr:before{content:"Freitag"}
	.day#Sa:before{content:"Samstag"}
	.day#So:before{content:"Sonntag"}

.entry.temphidden:not(.tempshow){display:none!important}