:root {
	--title-bg: #dbe3a6;
	--title-color: #766c6b;
	--header-width: 98vw;
	--body-bg: #0c3737;
	--bright-color: #d8b7b7;
}
header {
	background: black;
	color: white;
    display: grid;
    grid-template-areas:
        "logo suche"
        "slogan slogan"
        "nav nav";
    width: var(--header-width);
}
#logo{
	grid-area: logo;
}
#searchbar{
	grid-area: suche;
	justify-self: center;
	align-self: center;
}
#navigation{
	grid-area:nav;	
}
header h1{
	background: none;
	grid-area: slogan;
}

h1{
	background: var(--title-bg);
	padding-left: 2ch;
}

header a {
    color: white;
    text-decoration: none;
    padding: 10px;
}

header a:hover {
    background: #444;
}


ul#main-menu {
    display: grid;
    grid-auto-flow: column;
    list-style: none;
    background: #1e1e1e;
    padding: 0;
}

#main-menu li {
    display: block;
    border-right: 5px solid black;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
}
/*calendar*/
ul.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    list-style: none;
    border: 5px solid rgba(0,0,0,0.2);
    border-radius: 15px;
}

.calendar>li {
    border: 1px solid;
    display: grid;
    grid-template-rows: auto 1fr;
}
.calendar h2{
    margin:0;
}

ul.cell_content {
    padding: 0;
    list-style: none;
}

.cell_content li {
    border-top: 1px dashed gray;
    margin: 0;
    padding-left: 1ch;
}

li.week_days {
    background: var(--title-bg);
    text-align: center;
    font-size: larger;
    font-weight: bold;
    display: block;
}

li.no_content {
    background: lightgray;
}
.mobile_only{
	display:none;
}
/*media-querys mobile*/
@media screen and (max-width:500px){
	header{
		grid-template-areas:
		        "logo" 
		        "slogan"
		        "suche"
		        "nav";
	}
	.hide_on_mobile{
		display:none;
	}
	.mobile_only{
		display:unset;
	}	
	ul#main-menu{
		display: flex;
		flex-flow: row wrap;
		width: var(--header-width);
	}
	#main-menu li{
		margin-top: 1em;
	}
	
	
}




/*upload files: */
li.fotoUpload,
li.pdfUpload,
li.fotoUpload input,
li.fotoUpload label,
li.pdfUpload input,
li.pdfUpload label
{
  display: none;
}
li.fotoUpload.active,
li.pdfUpload.active{
  display: grid;
}
li.fotoUpload.active.in_use label,
li.fotoUpload label:first-child,
li.fotoUpload.active.in_use input[type="text"],
li.pdfUpload.active.in_use label,
li.pdfUpload label:first-child,
li.pdfUpload.active.in_use input[type="text"]{
	display: block
}


li.fotoUpload label,
li.pdfUpload label{
  border: 2px solid;
  border-radius: 5px;
  padding:5px;
  text-align: center;
}

/*rrule form:*/
.rrule, .end_datum {
	display:none;
}
#rrule_switch:checked ~ .rrule,
#end_date_switch:checked ~ .start_datum .end_datum{
	display:block;
}
.rrule.freq .rrule_daily,
.rrule.freq .rrule_weekly,
.rrule.freq .rrule_monthly{
	display:none;
}
.rrule.freq.daily .rrule_daily,
.rrule.freq.weekly .rrule_weekly,
.rrule.freq.monthly .rrule_monthly{
	display:block;
}